@charset "utf-8";

body { background: #fff url(../img/bg-main.png) repeat-x center top;}
body,td,th { color: #898989; font-size: 11px;}

/******************************************
*         ZAKLADNI LAYOUT BLOKY           *
******************************************/
#tooper { display: none; background: #343434;}
#main { background: #fff; padding: 0px; margin: 0px; width: auto;}
.bordBlMain { border: none;}
#header { display: none;}
#headerMenu { display: none;}
#bigCont { /*border: solid 1px #ccc; background: url(../img/bg-big-cont.png) repeat-y left top;*/ margin: 5px 0 0 0;}
#bigCont.twoCol { /*background: url(../img/bg-big-cont-home.png) repeat-y left top;*/ margin: 10px 0 0 0;}
#bigCont.twoCol.home { }
#flColBl { width: 796px;}
#centrCol { width: 614px; margin: 0px; /*float: left;*/}
#leftCol { display: none; width: 182px; /*float: right;*/}
#rightCol { width: 182px;}
#footer { background: none; color: #000;}
#footer .bordBl { border: none;}
#footer .oblBot { display: none;}
#footer a { color: #868686;}

#bigCont.twoCol #centrCol { width: 640px; margin: 0px; float: none;}
#bigCont.twoCol #centrCol ul { margin-left: 25px; padding-bottom: 10px;}
#bigCont.twoCol #centrCol p { /*font-size: 110%;*/ line-height: 140%; padding-bottom: 10px;}
#bigCont.twoCol #centrCol p.clear {  padding-bottom: 0px;}
#bigCont.twoCol #centrCol p a { color: #0074e3; text-decoration: underline;}
#bigCont.twoCol #centrCol li { /*font-size: 110%;*/ line-height: 140%;}
#bigCont.twoCol #centrCol li a { color: #0074e3; text-decoration: underline;}
#bigCont.twoCol #centrCol .contBl { padding: 0 0 10px 10px; }
#bigCont.twoCol #centrCol .contBl .bordBl { border: none;}
#bigCont.twoCol #centrCol .zalMenu.prodDetMenu { margin: 0 0 0 10px;}

/******************************************
*             ZAKLADNI BLOKY              *
******************************************/
h1, h2, h3, h4, h5 { color: #000;}
h1, h2 { border-bottom: 1px solid #c9c9c9;}
h1 { font-size: 160%; border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: dotted 1px #ccc; padding-top: 0px; /*font-weight: normal;*/}
h1 a { color: #000;}
h2 { color: #404040; font-size: 160%; font-weight:normal;}
#centrCol h2 { margin-bottom: 10px;}
h2 a { color: #525252;}
h3 { font-size: 120%; font-style: italic;}
h4 { font-size: 120%;}

a { color: #444; text-decoration: none;}

.bordBl { /*border-bottom: none;*/}
.next a { color: #868686;}
.info { border: solid 1px #ccc; background: #f3f3f3; font-style: italic; padding: 10px; margin: 0 10px 10px 10px;}
.date { color:#000; font-size:90%; /*font-style:italic;*/}
.flRight { float: right;}

.oblTop { /*display: inherit;*/ background: url(../img/obl-ph.png) no-repeat right top; height: 10px; line-height: 10px; font-size: 10px;}
.oblTop div { background: url(../img/obl-lh.png) no-repeat left top; height: 10px; line-height: 10px; font-size: 10px;}
.oblBot { /*display: inherit;*/  background: url(../img/obl-pd.png) no-repeat right bottom; height: 10px; line-height: 10px; font-size: 10px;}
.oblBot div { background: url(../img/obl-ld.png) no-repeat left bottom; height: 10px; line-height: 10px; font-size: 10px;}

/******************************************
*           FORMULAROVE PRVKY             *
******************************************/
.formButt { background: #0aa8da; /*color: #fff;*/ font-size: 100%;}
.formButt:hover { background: #868686; /*color: #fff;*/}

/******************************************
*                TABULKY                  *
******************************************/
table.bord { border: 3px solid #b1b1b1; border-left: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1;}
table.bord th { background: #ddd;}
table.bord th, table.bord td { border: solid 1px #b1b1b1; text-align: left;}
table th a, table td a { color: #868686;}
table.formTable td a { color: #868686;}

table.link { border: none; }
table.link th, table.link td {border: 1px solid #e3e3e3; border-left: none; border-right: none; }

table.formTable {}
table.formTable th, table.formTable td { padding: 2px 5px;}

/******************************************
*               TAG CLOUDS                *
******************************************/
#tagClouds a { color: #868686;}

/******************************************
*                 MENICKA                 *
******************************************/
#headerMenu { background: url(../img/bg-head.png) no-repeat center -65px; height: 67px; padding: 0 14px; font-size: 90%;}
#hdMenu { background: none; height: auto;}
#hdMenu li { font-size: 100%; background: url(../img/menu-del.png) no-repeat right center; position: relative;}
#hdMenu li:hover ul { visibility: visible;}
#hdMenu li a {/*border-left: 1px dotted #474747;*/ /*color: #000;*/ line-height: 62px; text-transform: uppercase; padding:0 10px 0 15px;}
#hdMenu li#act { background: url(../img/act-top-menu.png) repeat-x left top;}
#hdMenu li#act a { color: #fff;}
#hdMenu li#act a:hover { color: #525252;}
#hdMenu li a:hover { color: #525252; background: url(../img/hover-top-menu.png) repeat-x left top;}

#hdMenu li .submenuTop { background: #0aa8da;  position: absolute; top:62px; left: 0px; z-index: auto; padding: 1%; margin: 0px; visibility: hidden;}
#hdMenu li .submenuTop li { background: none; width: 100%; position: static;}
#hdMenu li .submenuTop li a {color: #fff; line-height: 22px; padding: 0 4px 0 15px; white-space: nowrap; display: block; /*width: 92%;*/}
#hdMenu li .submenuTop li a:hover { color: #525252; background: url(../img/hover-top-menu.png) repeat-x left top;}

#centrMenu { padding-bottom: 0px;}

#imgMenu {display: none; }

#lfMenu { display: none;}
#lfMenu li.act { background-color: #f5f5f5;}

.zalMenu { border-bottom: solid 1px #868686; width: auto;}
.zalMenu a, .zalMenu span { color: #868686; background: #fff; border: solid 1px #d2d2d2; border-bottom: solid 1px #fff; text-transform: uppercase; padding: 5px; margin: 0 1px; display: block; float: left; }
.zalMenu a.act { color: #fff; background: #868686; border: solid 1px #868686; font-weight: bold;}
.zalMenu span.act { color: #fff; background: #868686; border: solid 1px #868686; font-weight: bold;}
.zalMenu a:hover  { color: #fff; background: #868686; border: solid 1px #868686; border-bottom: solid 1px #fff;}






/******************************************
*              HEADER WEBU                *
******************************************/

#topMenu { position: absolute; z-index: auto; top: 20px; left: 340px;}
#topMenu a { color: #6f6f6f;}

#header { background: url(../img/bg-head.png) no-repeat center top; height: 65px;}
#logo { background: url(../img/logo.png) no-repeat; font-size: 0%; width: 280px; height: 65px; position: absolute; z-index: auto; left: 0px; top: 0px; }

#searchBl { /*display: none;*/ background: none; width: 230px; padding:0px; position:absolute; right:0; top: 25px/*122px*/; z-index:auto;}

#langBl { /*display: block;*/ position: absolute; z-index: auto; top: 78px; right: 300px;}

/***** KOSIK ********************************************************/
#basketBl { display: none; /*color: #fff; background: #252525;*/ top: 104px; right: 0px; width: 200px; height:29px; line-height:29px; }
#basket a { color: #868686;}
#basket a.formButt { color: #fff;}
#basket .posBl .zalMenu a { color: #868686; background: #fff; border: solid 1px #d2d2d2; border-bottom: solid 1px #fff; float: right;}
#basket .posBl .zalMenu a:hover  { color: #fff; background: #868686; border: solid 1px #868686; border-bottom: solid 1px #fff; float: right;}
#basket .posBl .zalMenu span { color: #000; background: #d2d2d2; border: solid 1px #d2d2d2; float: right;}






/******************************************
*                LEVY BLOK                *
******************************************/
#leftCol { display: none;}

/******************************************
*                PRAVY BLOK               *
******************************************/
#rightCol { }
#bigCont.twoCol #rightCol { width: 182px;}
#rightCol h2 { color: #000; background: none; font-size: 130%; font-weight: bold;}
#rightCol h2 a { color: #000;}
#rightCol .contBl { padding: 0px; margin-bottom: 10px;}
#rightCol .bordBl { /*border: solid 1px #cfcfcf;*/ /*border-top: none;*/ border: none;}

/******************************************
*                CENTR BLOK               *
******************************************/
#navigBl a { color: #868686; text-decoration: underline;}
#miniPage a { color: #868686;}
#helpLink a { color: #868686;}

/******************************************
*                PRODUKT                  *
******************************************/
.productBl h3 a { color: #252525;}

#bigCont.twoCol .prodImgBl { width: auto; height:100px;}






/******************************************
*               SEO BLOK                  *
******************************************/
#seoBlock { }
#seoBlock .oblTop { display: block;}
#seoBlock .oblBot { display: block;}
#bigCont.twoCol #centrCol .contBl#seoBlock .bordBl { border: solid 1px #ccc; border-top: none; border-bottom: none; /*background: #333332;*/}
#seoBlock .bordBl h2 { font-size: 150%; /*color: #b7b7b7;*/ border-bottom: none; font-size:130%; /*font-style:italic;*/ font-weight:bold; /*letter-spacing: 0px;*/}
#seoBlock .bordBl p { color: #000; font-style: italic;}
#bigCont.twoCol #centrCol p { line-height: 160%;}
#seoBl .seoImg { margin: 10px 0 5px 10px; /*float: left;*/}


/******************************************
*                FILTRY                   *
******************************************/
.odkLine { border-top: solid 1px #868686;}

/******************************************
*                 PAGER                   *
******************************************/
.pager .listovani a:hover { color: #fff; background: #868686;}
.pager .listovani a.act { color: #fff; background: #868686;}

/******************************************
*         NOVINKY V CENTR BLOKU           *
******************************************/
#newsCentrBl { display: none;}






/******************************************
*                 BANNERY                 *
******************************************/
.banners { display: block; padding: 0px; width: 100%; }
.banners a { /*height: auto;*/ overflow: hidden;}
.banners a img { /*border: solid 1px black; border-bottom: none; border-right: none;*/ }

#banner01 { }
#banner01 a { height: 380px;}
#banner01 a img { border-left: none;}
#bigCont.twoCol #centrCol .contBl#banner01 { padding-bottom: 0px;}
#banner02 { /*display: none;*/}
#banner02 a { width: 388px;}
#banner02 a img { border-left: none;}
#banner02 a { height: 200px;}
#banner03 { /*display: none;*/}


.bigBanner { background: none; width: 100%; display: block; height: 100px; margin: 0%;}
.twoBanner { background: none; width: 50%; display: block; height: 100px; float: left; margin: 0%;}
.treBanner { background: none; width: 33%; display: block; height: 100px; float: left; margin: 0%;}




.col h2 { font-size: 160%; font-weight: normal;letter-spacing: 0px; margin: 0 10px; padding-left: 0px; padding-right: 0px;}
.col p { margin-left: 10px; margin-right: 10px; padding-left: 0px; padding-right: 0px;}
.home .col p { /*border-top: dotted 1px #ccc;*/ height: 120px; border-bottom: dotted 1px #ccc; margin-bottom: 10px;}
.col a { font-size: 110%;}

#contFootBl { display: none; }

.homeOdk { margin-left: 0px; }
#bigCont.twoCol #centrCol ul.homeOdk { margin-left: 10px; }
.homeOdk li { list-style: none;}
.homeOdk li a { /*color: #787878;*/ background: url(../img/ico-menu.png) no-repeat left center; padding-left: 15px; text-decoration: underline;}


.twoCol { /*border: none;*/}
.twoCol .col { background: #f2f2f2; /*border: 1px solid #f2f2f2;*/ width: 49%; /*margin: 0 0 0 1%;*/}
#bigCont.twoCol #centrCol .contBl .bordBl .twoCol .col .bordBl { border: solid 1px #ccc; border-bottom: none; border-top: none; height: 370px;}
.twoCol .col .oblTop { display: block;}
.twoCol .col .oblBot { display: block;}
.twoCol .col.flRight { float: right;}

.forCol .col { border: none; width:25%; margin: 0px;}


#helpBl03 { display: block;}

#helpKont td { padding: 0px;}
#helpKont td p#contImg { color: #fff; background: url(../img/bg-contact-col.png) no-repeat; height: 60px; padding: 10px 10px 10px 70px;}
#helpKont td p#contImg a { color: #fff;}
#helpKont td p#contImg strong { font-size: 200%; font-weight: normal; letter-spacing: -1px;}


#icoNew { background: url(../img/ico-new.png) no-repeat; padding-left: 35px;}
#icoRest { background: url(../img/ico-rest.png) no-repeat; padding-left: 35px;}
#icoMark { background: url(../img/ico-mark.png) no-repeat; padding-left: 35px;}
#icoZnal { background: url(../img/ico-znal.png) no-repeat; padding-left: 35px;}

.mapBlock { width: 687px; height: 330px; overflow:hidden;}





#kontaktInfo { background: url(../img/bg-info.png) no-repeat left top; width: 596px; height: 59px; padding: 30px 20px 10px 100px; position: relative; cursor: pointer;}
#bigCont.twoCol #centrCol #kontaktInfo p { color: #0074e3; font-size: 110%; line-height: 110%; padding: 0px;}
#kontaktInfo .kontaktFormBlHid { background: #fff; width: 706px; padding: 10px; position: absolute; left: -10px; bottom: 89px; z-index: auto; visibility: hidden;}
#kontaktInfo:hover .kontaktFormBlHid { visibility: visible;}