/* fonts */
body { font-family: "Arial CE","Helvetica CE",Arial,helvetica,sans-serif;	font-size: 85%; /*font-size: 72%;*/ color:#535353; text-align: left;	background-color: #fff; }
td,th { font-family: "Arial CE","Helvetica CE",Arial,helvetica,sans-serif; color:#000; }
img,div,h1,h2,h3,h5,p,ul,ol,li,form,dl,dd,dt,object,address { display: block; border: 0; margin: 0; padding: 0; }
h1 { font-size: 1em; color: #fff; }
h2 { font-size: 1em; color: #626262; }
h3 { font-size: 0.9em; color: #808080; }
address,dd,dt,p,li { font-size: 0.8em; }
table,td,th { font-size: 0.9em; text-align: left; } /* table je tu kvoli IE 5.0 */
address { font-style: normal; }
.grey { color: #666; }
.yellow { color: #090; }
.blue { color: #00A3EE; }
.green { color: #060; }
.justify { text-align: justify; }
.lh { line-height: 1.8em !important; }
sup { padding-right: 4px; }

/* layout */
body { margin: 0; padding: 0; border: 0; text-align: center; background: #FF5221; }
#left,#right { margin: 0; padding: 0; border: 0; text-align: center; }
#boxhead { background: #fff url("Images/bg-body.gif") top left repeat-x; }
#boxcontent { background-color: #fff; }
#content { width: 900px; text-align: left; margin: 0px auto 0px auto; }
#boxfoot { width: 900px; text-align: left; margin: 0px auto 20px auto; }

#head { width: 900px; text-align: left; margin: 0px auto 0px auto; border-bottom: solid #fff 3px; }
#headleft { float: left; width: 320px; }
#headleft img { float: left; }
#headright { width: 580px; float: right; }
#headindex { width: 580px; height: 250px; }
#headtop {  clear: both; width: 900px; height: 4px; background-color: #fff; }


#box { width: 900px; padding:0; margin: 0; background-color: #fff; font-size: 110%; }
#box-s { width: 900px; padding:0; margin: 0; background-color: #fff; }

.print { display: none; }
.blocker { clear: both; height: 1px; width: 10px; font-size: 1px; }
.blocker50 { clear: both; height: 50px; width: 10px; font-size: 1px; }
.blocker30 { clear: both; height: 30px; width: 10px; font-size: 1px; }


/* navigacia */
#navig { float: right; width: 160px; height: 250px; background: #FF5221; }
.ulmenu { margin: 30px 0 0 20px; list-style-type: none; border-top: solid #fff 1px; }
.ulmenu li { margin: 0; padding: 0; text-align: right; border-bottom: solid #fff 1px; }
.ulmenu li a { display: block; width: 120px; padding: 2px 20px 2px 0px; }
.ulmenu li a:link, .ulmenu li a:active, .ulmenu li a:visited { color: #fff; text-decoration: none; font-size: 1em; }
.ulmenu li a:hover { color: #fff; background-color: #00336E; font-size: 1em; }
#current { background-color: #00336E; }


/* boxy left right */
#leftindex { float: left; width: 448px; }
#rightindex { float: right; width: 448px; }
.boxindexh2orange { background-color: #FF5221; height: 20px; }
.boxindexh2grey { background-color: #E5E5E5; height: 30px; }
#leftindex h2, #rightindex h2 { color: #eee; padding: 2px 0px 0 10px; }
#leftindex img, #rightindex img { margin: 0; padding: 0; border: none; }
#leftindex h3, #rightindex h3 { margin: 0; padding: 6px 0px 0 10px; }

#mapasort { clear: both; cursor: hand; }
#shufflediv { background-repeat: no-repeat; }


/* foot */
#foot { clear: both; width: 900px; height: 40px; background: #00336E url("Images/bg-foot.gif") bottom left no-repeat; font-size: 0.7em; color: #D1F3FF; }
#footleft { width: 450px; float: left; text-align: left; padding: 4px 0px 20px 10px; }
#footright { width: 430px; float: right; text-align: right;  padding: 4px 10px 20px 0px; }
#footleft a { text-decoration: none; color: #D1F3FF; }
#footright a { color: #D1F3FF; }
#footleft a:hover { text-decoration: underline; }


/* foot  akcia */
#footakcia { clear: both; width: 950px; height: 40px; font-size: 0.7em; color: #fff; }
#footakcialeft { width: 450px; float: left; text-align: left; padding: 4px 0px 20px 10px; }
#footakciaright { width: 430px; float: right; text-align: right;  padding: 4px 10px 20px 0px; }
#footakcialeft a { text-decoration: none; color: #fff; }
#footakciaright a { color: #fff; }
#footakcialeft a:hover { text-decoration: underline; }


/* obsah vseobecny */
/*#content { padding: 2em 2.5em; text-align: left; }*/
#content h1 { margin-bottom: 1em; padding: 10px 10px 20px 10px; background: #FF5221 url("Images/bg-h1.gif") bottom left no-repeat; }
#content h1 a { color: #fff; text-decoration: none; }
#content h1 a:hover { color: #00336E; }
#content h2 { margin-bottom: 0.7em; }
#content h3 { margin-bottom: 0.5em; }
#content ul, #content ol { list-style-position: outside; margin-left: 30px; }
#content address { line-height: 1.5em; margin-bottom: 1em; font-style: normal; margin: 0 0 1em 0; text-align: left; }
#content p,#content ul li,#content ol li { line-height: 1.4em; }
#content p,#content ul,#content dl,#content ol,#content table { margin-bottom: 2em; }
#content dl { }
#content dt { /*clear: both; float: left; width: 35%;*/ font-weight: bold; line-height: 1.4em; text-align: left; color: #00A3EE;}
#content dd { line-height: 1.4em; text-align: left; padding-bottom: 20px; }
#content ul { list-style-type: square; }
#content ul li { display: list-item; line-height: 1.4em; }
#content ul.none { list-style-type: none; }
#content ul.none li { display: list-item; line-height: 1.4em; }
#content ol { list-style-type: decimal; }
#content ol li { display: list-item; }


a:link,a:active,a:visited {  color: #FF5221; }
a:hover { color: #FF5221; }

#content table.comm { float: left; table-layout: fixed; width: 500px; border-collapse: collapse; margin-bottom: 2em; }
#content table.comm caption { text-align: left; font-size: 1em; font-weight: normal; color: #808080; padding-bottom: 0.5em; }
#content table.comm td,#obsah table.comm th { padding: 5px 6px; vertical-align: top; border: solid #224422 1px;  }
#content table.comm th { color: #fff; background-color: #003262; }


/*  sortiment hlavny */
.sort-l,.sort-d { float: left; border-right: solid #fff 4px; border-bottom: solid #DCDCDC 1px; margin-bottom: 1em; width: 222px; height: 490px; }
.sort-l { background-color: #EEEEEE; }
.sort-d { background-color: #E5E5E5; }
.sort-l ul,.sort-d ul { margin: 15px 5px 5px 25px; list-style-type: none; }
.sort-l ul li,.sort-d ul li { list-style-type: none; padding: 3px 0; margin: 0; }
.sort-l ul li a,.sort-d ul li a { display: block; padding-left: 10px; margin: 0; background: transparent url("Images/arrow.gif") 0px 2px no-repeat; color: #535353; text-decoration: none; }
.sort-l ul li a:hover,.sort-d ul li a:hover { background: transparent url("Images/arrow-h.gif") 0px 2px no-repeat; color: #FF5221; text-decoration: underline; }


/*  sortiment sub znacka */
.sort { float: left; background-color: #f6f6f6; border-right: solid #fff 4px; border-bottom: solid #DCDCDC 1px; margin-bottom: 1em; width: 221px; height: 125px; }
.sort ul { margin: 5px 10px 0px 25px; list-style-type: none; }
.sort ul li { list-style-type: none; padding: 1px 0; margin: 0; }
.sort ul li a { display: block; padding-left: 10px; margin: 0; background: transparent url("Images/arrow.gif") 0px 2px no-repeat; color: #535353; text-decoration: none; }
.sort ul li a:hover { background: transparent url("Images/arrow-h.gif") 0px 2px no-repeat; color: #FF5221; text-decoration: underline; }


/* katalog sub */
#leftsub, .leftsub { float: left; width: 220px; /*height: 180px;*/ }
#leftsubbox, .leftsubbox { padding: 0; }
#rightsub, .rightsub { margin-left: 220px; /*height: 180px;*/ padding: 0 0 20px 0; border-bottom: #E5E5E5 solid 1px; }
#rightsub p, .rightsub p { padding: 10px 15px; }
.fleft30 { float: left; width: 30%; }
.fright30 { float: right; width: 26%; }
h1.sub { margin-bottom: 0 !important; padding: 10px 10px 10px 10px !important; background: #FF5221 url("Images/bg-h1sub.gif") bottom left no-repeat !important; }
h2.sub { margin-bottom: 0 !important; padding: 10px 10px 10px 240px !important; color: #626262; background: #eee url("Images/bg-h2sub.gif") top left no-repeat !important; }
.ptop { padding-top: 30px; }
.mgleft { margin-left: 15px; }

/* tabulka catalog */
.catalog { clear: both; border-collapse: collapse; border: none; margin-top: 40px; width: 900px; }
.catalog th, .catalog td { border: solid #fff 1px; }
.catalog th { background-color: #5693BA !important; color: #fff; padding: 3px 10px; }
.catalog td { background-color: #fff; padding: 3px 10px; }
.catalog tr.p td { background-color: #CAEBFF; }
.catalog tr.n td { background-color: #AFD1E3; }
.catalog tr.p th { background-color: #CAEBFF !important; font-weight: normal; color: #000; }
.catalog tr.n th { background-color: #AFD1E3 !important; font-weight: normal; color: #000; }
.catalog tr.ob td img { display: inline; }
.catalog tr.ob td { padding: 0; text-align: center !important; }
.catalog tr.ob th { width: 220px !important; padding: 0; background-color: #fff !important; }
.pozn { margin: 0 !important; font-size: 0.6em !important; color: #333; }

.submenu { background-color: #bde6f8; margin: 30px 15px 20px 15px; padding: 10px 10px; }
.submenu ul { list-style-type: none !important; padding: 0 !important; margin: 0 !important; }
.submenu ul li { margin: 0 !important; padding: 5px !important; list-style-position: outside !important; list-style-type: none !important; }
.submenu ul li a { color: #333; font-weight: bold; }

/* kontakty, servis */
.fleft50 { float: left; width: 49%; }
.fright50 { float: right; width: 49%; }
.fleft50 h2, .fright50 h2 { background-color: #00336E; color:#fff; font-size: 0.9em; padding: 3px 10px; }
.fleft50 address, .fright50 address,.fleft50 p, .fright50 p, .fleft50 dl, .fright50 dl { padding: 10px 0 10px 10px; line-height: 1.8em !important; }
img.fright { float: right; margin: 0px 0 15px 0px; }
img.fleft { float: left; margin: 0px 30px 15px 0; }
p.justify { padding: 20px 40px 20px 40px; line-height: 1.6em !important; }
.borange { background-color: #FF5221; }
.kontakt { margin-left: 10px; border: none; border-collapse: collapse; }
.kontakt th { width: 250px; font-weight: bold; text-align: left; color: #00336E !important; vertical-align: top; }
.kontakt td { text-align: left; vertical-align: top; color: #565656; line-height: 1.5em; }
.kontakt th, .kontakt td { padding: 5px; border-bottom: solid #E5E5E5 1px; }


/* tabulka novinky */
.novinky { margin-left: 10px; border: none; border-collapse: collapse; font-size: 0.9em; }
.novinky th { width: 180px; text-align: left; color: #00336E !important; vertical-align: top; font-weight: normal; }
.novinky th strong { display: block; margin-top: 2px; font-weight: bold; color: #434343; background-color: #B3E1FF; padding: 4px 5px;  }
.novinky td { text-align: left; vertical-align: top; color: #565656; text-align: justify; }
.novinky th, .novinky td { padding: 8px 5px; border-bottom: solid #E5E5E5 1px;  font-size: 0.8em; }
.novinky td a.pdf { display: block; padding: 2px 0 2px 20px; background: transparent url("Images/bull-pdf.gif") top left no-repeat; color: #434343; }
#reader { display: inline; vertical-align: middle; }
.help { padding-top: 1.5em; border-top: dashed #737373 1px; }

/* profil */
.fleft216 { float: left; width: 216px; }
.fright680 { float: right; width: 680px; }
p.fleft { float: left; width: 44%; padding: 10px 20px; text-align: justify; }
p.fright { float: right; width: 44%; padding: 10px 20px; text-align: justify; }
p.bblue { background-color: #D9F0FF; padding: 10px 20px; font-weight: bold; margin: 0 20px 0 20px; }

/* kontaktny formular */
form { margin-bottom: 3em; }
fieldset { border: solid #fff 1px; padding: 1em 0 1em 2.5em; }
label { color: #00336E; font-size: 0.8em; clear: both; float: left; width: 160px; margin-bottom: 10px; }
input, textarea { border: solid #DCE4E9 1px; background-color: #DCE4E9; font-size: 0.9em; margin-bottom: 10px; font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; }
.input { width: 350px; }
.button { border: solid #E75B17 1px; background: #E56130 url("Images/bg-button.gif") top left repeat-x; color: #fff; font-weight: bold; padding: 3px 5px; }


/* tabulka komis */
.komis { clear: both; border-collapse: collapse; border: none; margin-top: 40px; width: 900px; }
.komis th, .komis td { border: solid #fff 1px; }
.komis th { background-color: #FF5221 !important; color: #fff; padding: 3px 10px; font-size: 1.1em; font-weight: normal; }
.komis td { background-color: #fff; padding: 3px 10px; color: #565656; }
.komis tr.p td { background-color: #CAEBFF; }
.komis tr.n td { background-color: #AFD1E3; }
.komis td.g2 { width: 200px; }
.komis td.g1 { width: 180px; background-color: #AFD1E3; text-align: center; vertical-align: middle; }


/* galeria */
.gallery { float: left; /*border: solid #E5E7E6 1px;*/ padding: 10px; margin-bottom: 20px; }
.gallery span { display: block; padding: 2px 5px; margin-bottom: 2em; }

.thumb { float: left !important; /*width: 130px; /*margin-right: 10px;*/ }
.thumb img { margin-right: 15px; margin-bottom: 15px; }

.boxthumb { height: 1%; border: solid #D0D0D0 1px; background: #fff; padding: 20px 0 20px 25px !important; margin-bottom: 2em; }
.boxthumb img { border: solid #ededed 10px; }

