@import url('eshop.css');
@import url('menu.css');
body {font-size: 0.75em; font-family:Arial; margin:0; padding:0; background: #2482BF url(../img/bg-body.jpg) repeat-x left top}

a img {border:0px}
.clr {clear:both; height:0px; line-height:0px; font-size:0px}
h1 {margin:8px 0px 2px 0; padding:9px 0 0 15px; font-size:1.2em; color:#fff; background: url(../img/nadpis.gif) no-repeat left top; width:673px; height:26px; float:left}
h2 {width: 477px; height: 41px; margin:7px 0px 0px 0; padding:9px 0 0 15px; font-size:1.2em; color:#fff;}
h3 {margin: 5px 0px 0px 5px; font-size: 1.1em; color: #000}
.ir {float:right}
.tlacitko {background: url(../img/tl.gif) no-repeat left top;color: #fff; padding: 0; text-align:center; width: 74px; height:19px; line-height:19px; text-decoration:none;font-weight: bold;margin:10px; font-size: 0.9em}
.cervena {background: url(../img/h2-c.gif) no-repeat left top; margin-bottom:0px; width:180px;}
.modra {background: url(../img/h2-m.gif) no-repeat left top; margin-bottom:0px;}
.modral {background: url(../img/h2-ml.gif) no-repeat left top; margin-bottom:0px;}
.searchInput { width:350px; margin-bottom:10px}
.searchInput2 { width:200px; margin-bottom:10px}
label { float:left; width:100px; }
.vyrobkytitle {width:477px; background: url(../img/nadpis-short.gif) no-repeat left top;}
.vyrobky { width: 660px; padding:0px 15px 0px 15px; margin:0px; }

a:hover {text-decoration:none;}
.b {border: 1px solid #706b61; padding:2px; margin-bottom: 10px;}

.cleaner {clear: both; height: 0px; line-height: 0px; 	font-size: 0px}

.typeIco {margin-bottom:2ex;}
.center {text-align:center; font-weight:bold;}
.little {font-size:75%;}

#container {width:958px; background: url(../img/bg-container.gif) repeat-y left top} /*928*/
#vlajky {width: 928px;  float:left; height:23px; text-align:right; padding-top:20px; background: url(../img/poz.gif) repeat-y left top }
#vlajky img {border:0; margin-right:10px}
#left {width: 199px; float:left; background: url(../img/left.gif) no-repeat left top; padding: 20px 0 0 30px; position:relative}
#right {width: 699px; float:left; background: url(../img/right.gif) no-repeat left top;padding-top:20px} 
#logo { float:left; height: 220px}



#bottom {float:left; width: 928px; height: 8px; background: url(../img/bg-bottom.gif) no-repeat left bottom; font-size:0px}
#banner {width:100%; text-align:center; margin:37px 0}
#banner2 {width:100%; text-align:center; margin:37px 0}
#right-left {width:679px; float:left}
#right-right {width: 160px; float:left; padding:19px 0}
#right-right  a {color: #006699}
#right-right  p {border-bottom:1px solid #d6d4d4; margin-top:0px; padding-bottom:5px; line-height: 1.4em}
#right-right  p#posledni-p {border:none}
#flash {width:688px; height:214px; float:left; margin-top:3px}
.text {font-family:Arial; background: url(../img/text.jpg) no-repeat left top; background-color:#FFF; width:670px; float:left; padding: 25px 10px; margin:0 0 10px 0}
.text p {margin-left: 5px}
.text a {/*color:#ee1d25;*/ text-decoration:underline}
.text a:hover {color:#023d69; text-decoration:none}
.text-home {font-family:Arial; background: url(../img/bbwater.jpg) no-repeat left top; background-color:#FFF; width:670px; float:left; padding: 25px 10px; margin:0 0 10px 0}
.text-home p {margin-left: 5px}
.text-home a {/*color:#ee1d25;*/ text-decoration:underline}
.text-home a:hover {color:#023d69; text-decoration:none}
.proi {margin: 2px 15px 10px 5px; float: left; border: 1px solid #706b61; padding: 2px; }
.prot {padding: 0 15px 0 0; margin-bottom: 10px; }
#projekty tr th {
    vertical-align: top;
    padding-right: 10px;
}
#projekty tr th img {
    border: 1px solid #706b61;
    padding: 2px;
}
#right-bottom {width:679px; height: 56px; float:left; background: url(../img/text-bottom.gif) no-repeat left top; float:left; text-align:center; line-height:56px; color: #666666}
#right-bottom p {
    display: block;
    margin:0
}
#right-bottom p.copy {
    display: block;
    float: right;
    margin:0
}
#right-bottom p.eu {
    float: left;
    width: 350px;
    font-size: 10px;
    line-height:12px;
    text-align: left;
    margin-top: 8px;
}
#right-bottom img {
    float: left;
    margin: 4px 10px 4px 6px;
}

#catmenu {float:left; font-size:0.9em}
#catmenu ul {margin:0px; padding:0 8px 0 15px;  width:149px;}
#catmenu ul li {list-style:none; padding-bottom:8px;}
#catmenu ul li a { display:block; line-height:15px; color:#df2910; font-weight:bold}
#catmenu ul li a:hover { color:#3186cf; }
#cattext {float:left; margin-right:11px}

#kat2 {margin:0 auto; padding:0;}
#kat2 li {float:left; list-style:none; margin:0 10px 40px 0; width:124px; height:119px; vertical-align:middle}
#kat2 li a {vertical-align:middle; text-decoration:none; display:block; font-weight:bold; color:#ffffff; width:108px; height:103px; padding:8px; background:url(../img/kbut.gif) no-repeat top center; font-family:Arial; margin:0 auto; text-align:center}
#kat2 li a:hover {background:url(../img/kbut-hover.gif) no-repeat top center;}


.text H1, .text H2, .text H3, .text H4 {height:auto; width: auto; color: #000; margin:0px; padding:0px;}

.text-home H1, .text H2, .text H3, .text H4 {height:auto; width: auto; color: #000; margin:0px; padding:0px;}

DL {

}

DT {float:left; width: 85px;}
DD {margin-left:85px;}

#kapacity DT {float:left; width: 250px;}
#kapacity DD  {margin-left:250px;}


#produkt {width: 458px; background: url(../img/bgkt.gif) repeat-y left top; padding:0px 15px 0px 15px; margin:0px}
#produkt p {padding:0px 15px 0px 15px}
#bott {float:left; background: url(../img/bottom.gif) no-repeat left top; height:12px; width: 488px; }
#cat {background: url(../img/bgkk.gif) repeat-y left top;}
#cat ul li {}
#cat ul li a {margin:0 0 5px 0; font-size:12px; font-weight:normal; padding:4px 4px 4px 5px; border:1px solid #df2910; border-left:3px solid #df2910; text-decoration:none}
#cat ul li a:hover { padding:4px 4px 4px 5px; border:1px solid #5686d6; border-left:3px solid #5686d6}
#cbott {float:left; background: url(../img/catbottom.gif) no-repeat left top; height:12px; width: 185px; margin-bottom:20px}


.tblOtacky { border: 1px solid black; border-collapse: collapse; width:650px;}
.tblOtacky TD, .tblOtacky Th { border: 1px solid black; padding: .2ex 1ex;}
.tblOtacky TD {text-align: right;}
.tblOtacky TH {text-align: center; font-weight: bold;}
TD.col1 {text-align: center;}




.tblZrnitost { border: 1px solid black; border-collapse: collapse; width:650px;}
.tblZrnitost  TD, .tblZrnitost  Th { border: 1px solid black; padding: .2ex 1ex;}
.tblZrnitost  TD {text-align: center;}
.tblZrnitost  TH {text-align: center; font-weight: bold;}
.right {text-align:right; width:650px;}


.tblTvrdost { border: 1px solid black; border-collapse: collapse; }
.tblTvrdost TD, .tblTvrdost Th { border: 1px solid black; padding: .2ex 1ex; width:70px; height:30px;}
.tblTvrdost TD {text-align: center;}
.tblTvrdost TH {text-align: center; font-weight: bold;}


.tblZrno {  border-collapse: collapse; width:500px; text-align:center; margin:0px auto; }
.tblZrno TD, .tblZrno Th {  border: 1px solid black; padding: .2ex 1ex;  height:30px;}

.tblZrno TD {text-align: center;}
.tblZrno TH {text-align: center; font-weight: bold; border-bottom: 1px solid black;}

.big {font-size:150%;}
.silverCol {background-color:silver;}

TH.emptyCol, TD.emptyCol {border:0px solid black;}

.contentTable {border-collapse: collapse;}
.contentTable TD, .contentTable TH { border:1px solid black; padding: 0.2px 1ex; text-align:left;}
.cls {clear:both; font-size:0px; line-height:0px;}

DT.dt2 {float:left; width:80px; clear:left;}
DD.dd2 {float:left; clear:right;}

.per {padding:0; margin:20px 0 20px 0; width:250px; font-weight:bold; text-transform:uppercase}
.per li {list-style:none;}
.per li span {color:red; padding:5px 10px 5px 10px; background:#FFFF99}

#bcrumbs {padding-top:0px; font-size:10px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; color:#999999; font-family:Arial}
.bcrumbs {padding-top:0px; font-size:10px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; color:#999999; font-family:Arial}

#bonus {font-size:12px}
#bonus li {padding: 0 0 15px 0}

.timg2 {margin:0 20px 20px 0; padding:0; border:0px solid #8193a7}

.tpath { font-size: 80%;}


.invisible {
    display: none;
}