@charset "utf-8";

body { background: #fff url(../img/bg-main.png) repeat-x center top; position: relative;}
body,td,th { color: #898989; font-size: 11px; font-family:Arial, Helvetica, sans-serif; /*font-size:12px;*/}

/******************************************
*            VELIKOSTI PRVKU              *
******************************************/
.sizeS { width: 50px; }
.sizeSm { width: 75px; }
.sizeM { width: 100px; }
.sizeMl { width: 125px; }
.sizeL { width: 150px; }
.sizeLl { width: 175px; }
.sizeXl { width: 200px; }
.sizeXxl { width: 225px; }
.sizeXxxl { width: 250px; }
.sizeMax1 { width: 350px; }
.sizeMax2 { width: 400px; }
.sizeMax3 { width: 450px; }

/******************************************
*         ZAKLADNI LAYOUT BLOKY           *
******************************************/
#tooper { display: none; background: #343434;}
#main { background: #fff; padding: 0px; overflow:hidden;}
.bordBlMain { border: none;}
#header { }
#headerMenu {}
#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 { width: 182px; /*float: right;*/}
#rightCol { width: 182px;}
#footer { background: none /*#f2f2f2 url(../img/bg-shad.png) no-repeat center top*/; color: #000; width: 980px; margin: auto;}
#footer .bordBl { border: none;}
#footer .oblBot { display: none;}
#footer a { color: #868686;}

#bigCont.twoCol #centrCol { width: 720px /*788px*/; margin: 0 10px 0 0;}
#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.link th.noBrd, table.link td.noBrd {border: none; }

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

fieldset { }
fieldset.formField { margin: 10px 0 20px 0;}
fieldset.formField legend { font-family: Arial, Helvetica, sans-serif; font-size: 130%; font-weight: bold;}
fieldset.formField td { padding: 2px; border-bottom: dotted 1px #ccc;}
fieldset.formField td p { padding: 2px; }
fieldset.formField .info { margin: 0 0 10px 0;}
fieldset.formField input { width: 260px; }
fieldset.formField input.sizeS { width: 40px; }
fieldset.formField input.sizeL { width: 200px; }
fieldset.formField input.radio { width: 20px; }

/******************************************
*               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;}
#hdMenu li .submenuTop#poz05 { left:auto; right: 0px;}

#centrMenu { padding-bottom: 0px;}

#imgMenu {display: none; }

#lfMenu { /*display: none;*/}
#lfMenu .oblTop { display: block;}
#lfMenu .oblBot { display: block;}
#leftCol #lfMenu h2 { border:1px solid #ccc; border-top: none; /*border-bottom: none;*/}
#leftCol #lfMenu .bordBl { border:1px solid #ccc; border-top: none; border-bottom: none;}
#lfMenu li.act { background-color: #f5f5f5;}
#lfMenu li a { color: #0ca2d1; background:url(../img/bg-vertmenu.png) no-repeat left -1px; font-weight: bold; font-size: 110%; letter-spacing: -1px;}
#lfMenu li a:hover { color: #0ca2d1; background:url(../img/bg-vertmenu.png) no-repeat left -33px; text-decoration: none;}

.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;}

.menu li a { padding: 7px 5px 8px 20px;}





/******************************************
*              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; height:25px; overflow:hidden; position:absolute; right:160px; top:20px; z-index:auto;}
.goog-te-gadget .goog-te-combo { background:#0AA8DA; color: #fff; text-transform:lowercase; border:solid 1px #ccc;}

/***** 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 { }
#bigCont.twoCol #leftCol { width: 240px /*182px*/;}
#leftCol h2 { color: #525252; background: none; /*font-size: 130%; font-weight: bold;*/}
#leftCol h2 a { color: #525252;}
#leftCol .contBl { padding: 0px; margin-bottom: 10px;}
#leftCol .bordBl { /*border: solid 1px #cfcfcf;*/ /*border-top: none;*/ border: 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: #0481BD; border-bottom: none; /*font-size:130%;*/ font-style:italic; font-weight:bold; padding-top: 15px; padding-bottom: 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 { padding: 5px;}
.pager .listovani span  { color: #000; }
.pager .listovani a:hover { color: #fff; background: #868686;}
.pager .listovani a.act { color: #fff; background: #0481BD; font-weight: bold;}

/******************************************
*         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 { color:#474747; margin-left: 10px; margin-right: 10px; padding-left: 0px; padding-right: 0px;}
.home .col p { /*border-top: dotted 1px #ccc;*/ height: 110px; border-bottom: dotted 1px #ccc; margin-bottom: 10px;}
.col a { font-size: 110%;}

#contFootBl { background: #e1debb /*#93caff*/ /*#d6d2a2*/; /*border-top: solid 1px #ccc;*/ padding: 0px; margin: 0 10px; }
#contFootBl .oblTop  { display: block;}
#contFootBl .oblBot  { display: block;}
#contFootBl .bordBl { border: none;}
#contFootBl .bordBl .flLeftImg { float: none;}
#contFootBl .bordBl .flLeftImg img { border: solid 1px #ccc; }
#contFootBl .bordBl p { font-size: 90%; margin-bottom: 0px; height: auto; border: none;}
#contFootBl .bordBl .col { background: #e1debb; margin-bottom: 10px;}
#contFootBl .bordBl .col a { /*border-left: solid 1px #525252; display: block; padding-left: 5px;*/}
#contFootBl .bordBl .col a strong { font-size: 220%; letter-spacing: -2px; font-weight: normal; border-left: solid 1px #525252; padding-left: 5px; display: block;}

.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 a#contImg {color: #fff; background: url(../img/bg-contact-col.png) no-repeat;font-size: 110%;height: 60px;padding: 10px 10px 10px 70px;}
#helpKont td a#contImg { font-weight: bold; display: block; text-decoration: none;}
#helpKont td a#contImg strong {color: #000; font-size: 200%; letter-spacing: -1px;}
#helpKont td a:hover#contImg {color: #fff;}
#helpKont td a:hover#contImg strong {color: #fff;}


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

.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; display: none;}
#kontaktInfo:hover .kontaktFormBlHid { display:block;}

#referBl { border-top: 3px solid #0eafde; position: absolute; right: 0px; top: 0px; width: 100%; height:1px; line-height: 1px;}
#referBl a { background: url(../img/butt-refer.png) no-repeat; width: 60px; height: 60px; display: block; float: right; text-decoration: none;}
#referBl a:hover { background: url(../img/butt-refer1.png) no-repeat; width: 127px; height: 127px; display: block; float: right; text-decoration: none;}


#refer {}
#refer td { padding: 10px 0;}
#refer td table { width: 90%; margin: 5px; border-collapse: collapse;}
#refer td table th { border-collapse: collapse; padding: 2px;}
#refer td table td { border-collapse: collapse; padding: 2px;}
#refer td table td a { color:#0074E3; text-decoration: underline;}
#refer td .nadp { font-size: 140%; color:#0481BD; letter-spacing: -1px; /*font-style:italic;*/}
#refer td p em { line-height: 100%;}
#refer td ul li { color:#666666;}
#bigCont.twoCol #centrCol #refer#refer ul { margin-left: 20px; height: 140px;}
#refer li { padding:0px;}
#bigCont.twoCol #centrCol #refer p { padding: 5px;}


#partnBl { color: #7a7a7a; padding-bottom: 10px; font-size: 90%;}
#partnBl a { color: #0074E3;}
#partnBl table { width: 98%;}
#partnBl table td { text-align: left; width: 24%; padding: 0 0 0 1%; border-left: dotted 1px #BCBCBC;}
#partnBl p { font-size: 90%; margin: 0px; padding: 0 0 5px 15px;}
#partnBl ul { margin: 0px; padding: 0 0 0 15px;}
#partnBl li { margin: 0px; padding: 0px;}

a#seoBann { background:url(../img/banner-seo.jpg) no-repeat; width: 710px; height: 96px; display: block; font-weight: bold; font-size: 120%; color: #fff; margin-bottom: 5px;}
a:hover#seoBann { text-decoration: none;}
a#seoBann #nadpBann { padding: 12px 0 0 240px; display: block; font-size: 200%;}
a#seoBann #nadpBann span { font-weight: normal;}
a#seoBann #textBann { padding: 0px 100px 0 240px; display: block;}

#flashBl { margin:auto; position:relative;}
#flashBl h2 a  { color: #0CA2D1; text-decoration: underline;}
#flashBl h2 a:hover { color: #000; text-decoration: none;}
#flashBlIn { margin:auto; text-align:center;}

#flashBl #referBl2 { border-top: 1px solid #0eafde; position: absolute; top: 32px; right: 0px; width: 710px; height:1px; line-height: 1px;}
#flashBl #referBl2 a { background: url(../img/butt-refer.png) no-repeat; width: 60px; height: 60px; display: block; float: right; text-decoration: none;}
#flashBl #referBl2 a:hover { background: url(../img/butt-refer1.png) no-repeat; width: 127px; height: 127px; display: block; float: right; text-decoration: none;}