@charset "utf-8";

* { padding: 0px; margin: 0px;}

body { background: #a3a3a3;}
body,td,th { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #333;}

/******************************************
*         ZAKLADNI LAYOUT BLOKY           *
******************************************/
#tooper { display: none; background: #343434;}
#main { background: #fff; width: 980px; margin: auto; padding: 10px; position: relative;}
#header { color: #fff; background: #002b42;}
#headerMenu { background: #000; height: 44px; padding: 0 10px;}
#bigCont { margin: 10px 0;}
#bigCont.twoCol { margin: 10px 0;}
#bigCont.twoCol.home { }
#flColBl { width: 780px; float: left;}
#centrCol { width: 560px; margin: 0 10px; float: right;}
#leftCol { width: 200px; float: left;}
#rightCol { width: 200px; float: right;}
#footer { color: #fff; background: #002b42; text-align: center; }

#bigCont.twoCol #flColBl { width: 980px;}
#bigCont.twoCol #centrCol { width: 770px; margin: 0 0 0 10px;}
#bigCont.twoCol #leftCol { width: 200px;}
#bigCont.twoCol #rightCol { display: none;}

/******************************************
*             ZAKLADNI BLOKY              *
******************************************/
h1, h2, h3, h4, h5 { color: #002b42; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; padding: 5px 10px; /*margin-bottom: 5px;*/}
h1 { font-size: 140%;}
h1 a { color: #002b42; text-decoration: none;}
h2 { font-size: 130%;}
h2 a { color: #002b42; text-decoration: none;}
h3 { font-size: 120%; letter-spacing: 0px;}
h4 { font-size: 100%; letter-spacing: 0px;}

table { margin-bottom: 10px;}
ul { margin-left: 20px;}
li { }
li h3 { padding: 0px;}
p, li { padding: 5px 10px;}
img { border: none;}

ul {}
ul li { list-style: square;}
ol {}
ol li { list-style: decimal;}

ul.clean { margin-left: 0px;}
ul.clean li  { list-style: none;}
ul.clean li p { padding: 0px;}

a { color: #177fc2;}
a:hover { color: #126091; text-decoration: underline;}
a.openClose { display: block;}

fieldset { border: solid 1px #ccc; padding: 10px;}
.add { text-align: center; margin: 10px; padding: 0px;}
.add a {}

.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; padding: 0px; margin: 0px;}
.leftBl { float: left;}
.rightBl { float: right;}
.helpBl {}
.bordBl { border: solid 1px #ccc; /*border-top: none; border-bottom: none;*/}
.contBl { padding: 10px;}
.odsBl { padding: 0 10px 10px 10px;}
.posBl { width: auto; position: relative;}
.date { color: #484848; font-size: 90%; font-style: italic;}
.odkaLine { }
.odkLine a { text-decoration: underline;}
.odkLine a.act { font-weight: bold;}
.scroll { overflow: auto;}
.info { border: solid 1px #ccc; background: #ddd; font-style: italic; padding: 10px; margin: 0 10px;}
.next { border-top: dotted 1px #ccc;}
.next a { text-decoration: underline;}
.end {}

.flLeftImg { float: left; margin: 0 10px 5px 0;}
.flRightImg { float: right; margin: 0 0 5px 10px;}

.oblTop { display: none; background: #ccc; height: 10px; line-height: 10px; font-size: 10px;}
.oblTop div { background: #ccc; height: 10px; line-height: 10px; font-size: 10px;}
.oblBot { display: none; background: #ccc; height: 10px; line-height: 10px; font-size: 10px;}
.oblBot div { background: #ccc; height: 10px; line-height: 10px; font-size: 10px;}

.oblTopMain { display: none; background: #ccc; height: 10px; line-height: 10px; font-size: 10px;}
.oblTop div { background: #ccc; height: 10px; line-height: 10px; font-size: 10px;}
.oblBotMain { display: none; background: #ccc; height: 10px; line-height: 10px; font-size: 10px;}
.oblBot div { background: #ccc; height: 10px; line-height: 10px; font-size: 10px;}
.bordBlMain { border: solid 1px #ccc; /*border-top: none; border-bottom: none;*/}

#helpBl01 { display: none;}
#helpBl02 { display: none;}
#helpBl03 { display: none;}
#helpBl04 { display: none;}

/******************************************
*           FORMULAROVE PRVKY             *
******************************************/
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
.formButt { background: #177fc2; color: #fff; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 110%; font-weight: bold; padding: 1px 10px; white-space: nowrap; cursor: pointer;}
.formButt:hover { background: #126091; color: #fff;}
a.formButt { padding: 2px 10px;}

.formButtBl { padding: 20px 0 10px 0; margin: 0 10px;}
.formButtBl .formButt.mini { background: #fff; color: #177fc2; float: left;}
.formButtBl .formButt.big { font-size: 130%; float: right;}

/******************************************
*                TABULKY                  *
******************************************/
table { width: 100%;}
.wswgBl table { width: 97%; margin: 0 10px;}
#bigCont.twoCol #centrCol .wswgBl table { width: 100%; /*width: 97%; margin: 0 0 0 10px;*/}
table th { text-align: left;}
table th.priceTh { text-align: right; width: 80px;}
table th, table td { vertical-align: top;}
table th a, table td a { color: #177fc2;}

table.compact { border-collapse: collapse;}

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.link { border: 3px solid #b1b1b1; border-left: none; border-right: none;}
table.link th { /*background: #ddd;*/}
table.link th, table.link td {border: 1px solid #b1b1b1; border-left: none; border-right:none;}

table.formTable {}
table.formTable th, table.formTable td { padding: 5px;}
table.formTable td { vertical-align: top;}
table.formTable td.namePar { text-align: right; vertical-align: top; width: 150px;}
table.formTable td input, table.formTable td select, table.formTable td textarea { border: solid 1px #A5ACB2;}
table.formTable td a { text-decoration: underline;}

table.productTable { width: 97%; border-collapse: collapse; margin: 0 0 0 10px;}
table.productTable th, table.productTable td { padding: 5px;}
table.productTable th { background: #ddd;}
table.productTable th.priceTh { width: auto;}
table.productTable td a { text-decoration: underline;}
table.productTable td.priceFin { color: #fff; background: #252525; font-size: 110%;}

.contentTable { margin: 0 10px 10px 10px;}
.contentTable td { vertical-align: top;}
.contentTable.twoCol td { width: 50%;}
.contentTable.treCol td { width: 33%;}

/******************************************
*            VELIKOSTI PRVKU              *
******************************************/
.sizeSs {width: 20px;}
.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: 349px;}
.sizeMax2 {width: 400px;}
.sizeMax3 {width: 450px;}
.sizeFull { width: 575px;}

/******************************************
*               TAG CLOUDS                *
******************************************/
#tagClouds { font-family: Arial, Helvetica, sans-serif;}
#tagClouds a { text-decoration: none; line-height: 18px;}
.big00 {}
.big01 { font-size: 110%;font-weight: bold;}
.big02 { font-size: 120%;font-weight: bold;}
.big03 { font-size: 130%;font-weight: bold;}
.big04 { font-size: 140%;}
.big05 { font-size: 150%;font-weight: bold; letter-spacing: -1px;}
.big06 { font-size: 160%;}
.big07 { font-size: 170%;font-weight: bold; letter-spacing: -1px;}
.big08 { font-size: 180%;}
.big09 { font-size: 190%;font-weight: bold; letter-spacing: -1px;}
.big10 { font-size: 200%;}

/******************************************
*                 MENICKA                 *
******************************************/
.menu { margin-left: 0px; font-family: Arial, Helvetica, sans-serif;}
.menu li { font-size: 120%; list-style: none; padding: 0px; margin: 0px; }
.menu li.subCateg li { font-size: 90%;}
.menu li.clear { float: none; width: auto;}
.menu li a { padding: 5px; display: block;}
.menu li.act a { color: #000; font-weight: bold;}
.menu li a span { display: block;}
.menu li a .lfImg {}
.menu li a .rtImg {}

#hdMenu { height: 44px;}
#hdMenu li { font-size: 120%; float: left;}
#hdMenu li a { color: #fff; background: url(../themes/klient/img/ico-menu.png) no-repeat 5px center; font-weight: bold; list-style: none; line-height: 44px; padding: 0 5px 0 15px; /*float: left;*/}
#hdMenu li.clear { border: none; float: none; width: auto;}

#imgMenu {}

#lfMenu {}
#lfMenu li { border-bottom: dotted 1px #ccc;}
#lfMenu li a { background: url(../themes/klient/img/ico-menu.png) no-repeat 5px center; padding-left: 20px; }
#lfMenu li.end { border-bottom: none;}
#lfMenu .subCateg ul { margin-left: 0px;}


#brandMenuBl {}
#brandMenuBl .bordBl { /*background: #676767;*/}
#brandMenu { }
#brandMenu li { background: #f2f2f2; /*border-bottom: dotted 1px #ccc; border-left: dotted 1px #ccc;*/ font-size: 90%; font-weight: bold; width: 49.5%; margin: 1px 0.5% 0 0; float: left;}
#brandMenu li a { color: #7a7a7a; text-align: center; /*font-weight: bold;*/}

#centrMenuBl {}
#centrMenu { padding: 10px;}
#centrMenu li { width: 25%; float: left;}
#bigCont.twoCol #centrMenu li { width: 20%;}
#centrMenu li.clear { border: none; float: none; width: auto;}
#centrMenu li a { background: url(../themes/klient/img/ico-menu.png) no-repeat 5px 9px; border: dotted 1px #ccc; padding-left: 20px; /*height: 32px;*/}

#homeKateg { padding: 10px;}
#homeKateg li { width: 128px; float: left; margin: 2px 2px;}
#bigCont.twoCol #homeKateg li { width: 19.47%;}
#homeKateg li.clear { border: none; float: none; width: auto;}
#homeKateg li a { background: #f2f2f2; border: dotted 1px #ccc; padding-left: 20px; height: 82px; overflow: hidden;}
#homeKateg li a span { /*font-weight: bold;*/}

.zalMenu { border-bottom: solid 1px #177fc2; width: auto;}
.zalMenu a, .zalMenu span { color: #177fc2; 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: #177fc2; border: solid 1px #177fc2; font-weight: bold;}
.zalMenu span.act { color: #fff; background: #177fc2; border: solid 1px #177fc2; font-weight: bold;}
.zalMenu a:hover  { color: #fff; background: #177fc2; border: solid 1px #177fc2; border-bottom: solid 1px #fff;}




/******************************************
*              HEADER WEBU                *
******************************************/
#header { background: #002b42; height: 100px; position: relative;}
#header .oblTop { display: none;}
#header .oblBot { display: none;}
#header .bordBl { border: none;}

#logo { background: #093652; width: 200px; height: 80px; position: absolute; z-index: auto; left: 10px; top: 10px; }
#header #seoBlockTop { display: none; position: absolute; z-index: auto; top: 10px; left: 220px; width: 540px; height: 60px; }
#header #seoBlockTop h1 { color: #fff; }
#header #seoBlockTop p { color: #fff; }

#searchBl { background: #093652; width: 200px; padding: 10px; position: absolute; z-index: auto; top: 35px; right: 10px;}
#searchBl #keyword { width: 105px;}

#langBl { display: none; position: absolute; z-index: auto; top: 115px; right: 10px;}
#langBl .flag { border: 1px solid #fff; float:left; height:12px; margin-right:10px; width:18px;}
#cz.flag { background: url(../images/CZ_flag.png) no-repeat center center;}
#en.flag { background: url(../images/EN_flag.png) no-repeat center center;}

#topMenu { position: absolute; z-index: auto; top: 5px; right: 10px;}
#topMenu ul { }
#topMenu li { list-style: none; float: left;}
#topMenu li a { font-size: 110%; text-decoration: underline;}
#topMenu li.act a { font-weight: bold;}

/***** KOSIK ********************************************************/
#basketBl { color: #fff; background: #252525; height: 44px; line-height: 44px; padding: 0 10px; position: absolute; z-index: auto; top: 100px; right: 0px; width: 200px; }
#basketBl .posBl { /*float: left;*/}
#basketBl .posBl  #basketButt { color: #fff; background: url(../themes/klient/img/ico_basket.png) no-repeat 0px center; display: block; padding: 0 0 0 25px; float: left;}
#basketBl #basketSum { display:block; float:right; text-align:right; width:70px;}
#basketBl .scroll { height: 270px;}

#basket { color: #000; background: #d2d2d2; position: absolute; width: 300px; line-height: normal; padding: 10px; right: -10px; top: 78px; z-index: 100000;}
#basket .posBl .zalMenu { background: #fff; position: absolute; top: -34px; right: -10px; z-index: inherit;}
#basket .posBl .zalMenu a { color: #177fc2; background: #fff; border: solid 1px #d2d2d2; border-bottom: solid 1px #fff; float: right;}
#basket .posBl .zalMenu a:hover  { color: #fff; background: #177fc2; border: solid 1px #177fc2; border-bottom: solid 1px #fff; float: right;}
#basket .posBl .zalMenu span { color: #000; background: #d2d2d2; border: solid 1px #d2d2d2; float: right;}
#basket fieldset { padding: 5px;}
#basket td { padding: 2px 5px;}
#basket fieldset {}
#basket fieldset table {}
#basket fieldset td {}
#basket fieldset td a  {/*text-decoration: underline;*/}
#basket #miniBaskTab { margin-bottom: 0px;}
#basket #miniBaskTab td { vertical-align: top;}
#basket #miniUserTab { width: 100%; margin-bottom: 0px;}
#basket #miniUserTab td { vertical-align: top;}
#basket #miniUserTab td.miniCol { width: 38%;}
#basket .priceSum { border: 1px solid #7a7a7a; margin-top: 5px; padding: 0px;}
#basket .priceSum table { width: 100%;}
#basket .finPrice { background: #dedede;}
#basket .finPrice td { font-size: 120%;}

#basketCont { }
#userCont { }




/******************************************
*                LEVY BLOK                *
******************************************/
#leftCol { float: left;}
#leftCol h2 { color: #fff; background: #002b42;}
#leftCol h2 a { color: #fff;}
#rightCol .productBl { border: none; width: 98%; height: auto; float: none; margin-bottom: 0px;}

/******************************************
*                PRAVY BLOK               *
******************************************/
#rightCol { float: right;}
#rightCol h2 { color: #fff; background: #002b42;}
#rightCol h2 a { color: #fff;}
#rightCol .productBl { border: none; width: 98%; height: auto; float: none; margin-bottom: 0px;}
#rightCol .productBl .prodImgBl { float: none; width: auto; margin: 0 10px;}
#rightCol .productBl .prodInfo { float: none; width: auto; height: auto;}
#rightCol .productBl .prodInfo .prodInfoText { height: auto;}
#bigCont.twoCol.home #rightCol { display: none;}
#bigCont.twoCol.home #flColBl { float: none;}

/******************************************
*                CENTR BLOK               *
******************************************/
#navigBl { padding: 10px;}

/******************************************
*                PRODUKT                  *
******************************************/
#productCont {}
#productCont h2 { position: relative; }
#productCont h2 .srovButt { display: block; background: url(../images/ico-srov.png) no-repeat left top; width: 115px; height: 21px; text-decoration: none; position: absolute; top: 0px; right: 10px;}

.productBl { border-bottom: solid 1px #ccc; width: 50%; height: auto; float: left; margin-bottom: 10px;}
#bigCont.twoCol .productBl { width: 33%; }
#bigCont.twoCol.home .productBl { width: 25%; border-bottom: none; margin-bottom: 0px;}
#bigCont.twoCol.home .productBl .prodImgBl {  text-align: center; width: auto; height: 100px; overflow:hidden; position:relative; margin: auto 10px; display:block; float: none;}
#bigCont.twoCol.home .productBl .prodInfo { width: auto; float: none;}
#bigCont.twoCol.home .productBl .prodInfo .prodInfoText { height: 60px;}
.icoBl { padding: 5px 10px;}
.icoBl div { float: left; }
.icoBl div.ico { padding-right: 1px;}
.icoBl div.clear { float: none; }
.icoBl div.kod { float: right; }
.prodImgBl { background:#fff; border:1px solid #D3D3D3; text-align: center; width: 125px; height:100px; overflow:hidden; position:relative; margin-left: 10px; display:block; float: left;}
#bigCont.twoCol .prodImgBl { width: 114px; height:100px;}
img.icoTop { display:block; margin:0; position:absolute; right:0; top:0; z-index:auto; }
.prodInfo { width: 150px; float: right;}
#bigCont.twoCol .prodInfo { width: 130px;}
.prodInfoText { height: 70px; overflow: hidden;}
.prodPrice { font-size: 110%;}
.prodPrice span { font-weight: bold;}
.prodFoot { clear: both; padding: 5px 10px;}

/******************************************
*              PRODUKT MINI               *
******************************************/

.productBl.mini { width: 25%;}
.productBl.mini .prodImgBl {  text-align: center; height:100px; overflow:hidden; position:relative; width: auto; height: 100px; margin: auto 10px; display:block; float: none;}
.productBl.mini .prodInfo { width: auto; float: none;}
.productBl.mini .prodInfo .prodInfoText { height: 60px;}

#bigCont.twoCol .productBl.mini { width: 25%;}
#bigCont.twoCol .productBl.mini .prodInfo { width: auto;}
#bigCont.twoCol .productBl.mini .prodInfo .prodInfoText { height: 50px;}


/******************************************
*             PRODUKT DETAIL               *
******************************************/
.detail {}
.detail .leftBl { width: 49%; margin-top: 5px;}
.detail .rightBl { width: 49%; margin-right: 1%; margin-top: 5px;}
.detail .rightBl .icoBl { padding: 5px 0; margin-bottom: 10px;}
.detail .rightBl table { width: 100%; margin-bottom: 10px;}
.detail .rightBl table td { padding: 2px;}
.detail .rightBl p { padding: 0 0 10px 0;}
.detail .rightBl h2 { padding: 5px 0;}

#detailProdBl { }

#bigPhoto { padding-right: 10px; width: 97%;}
#bigPhoto a {border:1px solid #D3D3D3; display: block; position: relative; overflow: hidden;}

.galleri { width: 98.5%; margin-left: 1.5%;}
.galleri td { padding: 5px 0;}
.galleri a { display: block; position: inherit;}
#bigCont.twoCol .galleri .prodImgBl { margin: 0 4%; width: 92%; height: auto;}

.paramTable { background: #f3f3f3; width: 99%; margin: 0 0.5% 10px 0.5%;}
.paramTable tr {}
.paramTable tr td { background: #e3e3e3; padding: 1px;}
.wswgBl .paramTable tr td { background: #e3e3e3; padding: 1px;}
.paramTable tr td span { background: #f2f2f2; display: block; padding: 1px;}
.paramTable td.namePar { width: 40%;}

#prodDetBl { padding-top: 0px;}
#bigCont.twoCol #centrCol #prodDetBl .wswgBl .paramTable { width: 97%; margin-bottom: 10px;}
.zalMenu.prodDetMenu { margin: 0 10px;}

#miniPage {}
#bigCont.twoCol #centrCol .wswgBl #miniPage { width: 97%;}
#miniPage td { font-family: Arial, Helvetica, sans-serif; width: 33%; white-space: nowrap;}

#helpLink {}
#helpLink a { display: block; padding: 2px 0 2px 17px;}
.printIco { background: url(../themes/klient/img/tl-print.gif) no-repeat left center;}
.mailIco { background: url(../themes/klient/img/tl-email.gif) no-repeat left center;}
.boxIco { background: url(../themes/klient/img/tl-lightbox.gif) no-repeat left center;}
.watchIco { background: url(../themes/klient/img/tl-watchdog.gif) no-repeat left center;}






/******************************************
*               SEO BLOK                  *
******************************************/
#seoBlock { padding-top: 0px;}
.home #seoBlock { }
#seoBl {}
.home #seoBl h2 { margin-bottom: 0px; padding-bottom: 0px; }
#seoBl .seoImg { float: right; margin: 0 0 5px 0;}
.home #seoBl .seoImg { }

/******************************************
*                FILTRY                   *
******************************************/
#filtrBl .bordBl { border: none;}
#filtrBl .oblTop { display: none;}
#filtrBl .oblBot { display: none;}
#filtrBl .act { font-weight: bold;}
#filtrBl p { padding: 5px 0;}

#brandBl { margin-bottom: 10px; }
#brandBl label {	margin-left:-8px; margin-right:8px; }
#brandBl .brandItem { float: left;}
#paramBl { display: none;}
#paramBl ul { margin: 0px;}
#paramBl li { float: left; width: 160px; list-style: none; padding: 5px 10px 5px 0;}
#paramBl li.clear { float: none; width: auto; padding: 0px;}
#paramBl li label { display: block; padding-bottom: 5px;}
#paramBl li select { width: 100%;}

.odkLine { border-top: solid 1px #177fc2; margin: 0px;}
.odkLine li { list-style: none; float: left; padding: 0px;}
.odkLine li.clear { float: none;}
.odkLine li a { display: block; padding: 5px;}

/******************************************
*                 PAGER                   *
******************************************/
.pager { background: #f2f2f2; width: 98%; margin: 5px auto;}
.pager .listovani span  { float: left; display: block; padding: 5px 5px 0 0; }
.pager .listovani a { border: 1px solid #9bcff0; background: #fff; display: block; float: left; width: 16px; height: 16px; line-height: 16px; margin: 0 1px; text-align: center;}
.pager .listovani a strong { font-size: 130%; letter-spacing: -1px;}
.pager .listovani a.noButt { border: none; background: none; display: block; float: left; width: 14px; height: 16px; line-height: 16px; margin: 0px; text-align: center;}
.pager .listovani a:hover { color: #fff; background: #177fc2; text-decoration: none;}
.pager .listovani a.act { color: #fff; background: #177fc2; text-decoration: none;}
.pager .listovani .spacer { display: block; float: left; width: auto; height: 16px; line-height: 16px; padding: 0 5px; text-align: center;}

/******************************************
*         NOVINKY V CENTR BLOKU           *
******************************************/
#newsCentrBl {}
#newsCentr {}
#newsCentr li { border-bottom: 1px solid #dedede;}
#newsCentr .date { text-align: right;}
#newsCentr h3 { padding: 0 0 5px 0;}
#newsCentr h3 a { text-decoration: underline;}
#newsCentr .flLeftImg { height: 60px; overflow: hidden;}







/******************************************
*              QUICK KONTAKT              *
******************************************/
#quickKontBl
#quickKont { }
#quickKont table { width: 99%; margin: 5px;}
#quickKont td { padding: 1px 2px;}
#quickKont td p { padding: 2px 0;}

/******************************************
*          QUICK KONTAKT USER             *
******************************************/
#helpBl {}
#helpKont { }
#helpKont table { width: 99%; margin: 5px;}
#helpKont td { padding: 0px 2px;}
#helpKont td p { padding: 2px 0;}

/******************************************
*               NEWSLETER                 *
******************************************/
#newsMailBl { background: #d2d2d2;}
#newsMailBl #newsletter { width: 110px;}

/******************************************
*                 NOVINKY                 *
******************************************/
#newsBl {}
#news {}

/******************************************
*                 ANKETA                  *
******************************************/
#anketBl {}
#anketa {}
#anketa .ankLine { background: #177fc2; height: 8px; line-height: 8px;}






.twoCol {}
.twoCol .col { width: 50%; float: left;}

.forCol {}
.forCol .col { width: 25%; float: left;}

.col h2 { /*font-size: 160%;*/}
.col ul { padding-bottom: 5px;}
.col ul ul { padding-bottom: 0px; padding-top: 5px; margin-left: 5px;}


#oblibBl { }
#oblibBl p { font-size: 80%;}