@media screen{
body {background-color:#e5e5e5;color:#333;font-family:sans-serif;line-height:1.5;font-size:70%;text-align:center}
html {overflow: scroll}
* {margin:0;padding:0}

a {text-decoration:underline}
a:hover {text-decoration:none}

h1 {font-size:150%}
h2 {color:#14298c;font-size:160%}
h3 {color:#FFCC02;font-size:130%}
h4 {font-size:120%}
p,img,fieldset,table,h1,h2,h3,h4,h5,h6,#left{border:0}
ul,ol{margin-left:35px}
ul ul{margin-left:15px}
ol li, ul li {line-height:1.8;margin:0;padding:0}
textarea{background:#fff url("../images/layout/bg-input.png") left top repeat-x}

/* layout */
#master {width:1020px;background:transparent  url("../images/layout/bg-shadow-footer.png") left bottom no-repeat;margin:auto;padding-bottom:12px; text-align:left}
#masterin{background:#fff url("../images/layout/bg-shadow-page.png") 0 0 repeat-y;padding:0 10px;text-align:left}
#header{margin:0}
#left {float:left;width:200px;}
#content {width:785px;background-color:#fff;padding-left:15px;float:left;font-size:105%}

/* footer */
#footer{position:relative;clear:both;height:80px;background:#fff url(../images/layout/bg-footer.png) 0 100% repeat-x}
#footer #footerEnde{position:absolute;left:0;top:0;background:transparent url(../images/layout/bg-left-bottom.png) left top no-repeat;height:80px;width:200px}
#footer #footerText{color:#9999cc;position:absolute;right:11px;bottom:5px;width:780px;line-height:21px;height:20px}
#footer #footerText a{color:#9999cc}

/* header */
#header #headerBorderTop{position:relative;background-color:#22467d;height:41px}
#header #headerBorderTop h2 {font-size:200%;color:#f6f8fa;line-height:41px;height:41px;margin:0;padding:0 25px}
#header #headerLanguage {position:absolute;top:8px;right:10px;height:30px}
#headerin-cs {position:relative;background:#ccc url("../images/layout/header-prava-cs.jpg") right top no-repeat; height:273px}
#headerin-en {position:relative;background:#ccc url("../images/layout/header-prava-en.jpg") right top no-repeat; height:273px}
#headerin-cs #animate,#headerin-en #animate {position:absolute;left:220px;top:20px;height:229px;width:361px;overflow:hidden}
#headerin-cs #logo,#headerin-en #logo{position:relative;display:block;width:200px;height:273px;margin:0;overflow:hidden}
#headerin-cs #logo span.cs {position:absolute;display:block;top:0;left:0;width:200px;height:273px;background: url("../images/layout/logo-cs.png") 0 0 no-repeat;z-index:2}
#headerin-en #logo span.en {position:absolute;display:block;top:0;left:0;width:200px;height:273px;background: url("../images/layout/logo-en.png") 0 0 no-repeat;z-index:2}
#headerin-cs img.print,#headerin-en img.print{display:none}
#headerin-en #certifikat-en,#headerin-cs #certifikat-cs{position:absolute;right:0;bottom:0;width:154px;height:145px}

/* menuTop */
#menuTop{font-size:115%;font-weight:bold;background:#666 url("../images/layout/bg-menu-top.png") 0 0 repeat-x;height:43px;padding-left:200px;overflow:hidden}
#menuTop ul {background:transparent url("../images/layout/border-menu-top.png") 0 0 no-repeat;list-style-type:none;margin:0;padding-left:1px}
#menuTop ul li{float:left;background:transparent  url("../images/layout/border-menu-top.png") right 0 no-repeat;width:auto;padding-right:1px}
#menuTop ul li a{color:#fff;text-decoration:none;float:left;height:43px;padding:4px 7px 0 7px}
#menuTop ul li a:hover{color:#ffcc00;background:#444 url("../images/layout/bg-menu-top-active.png") 0 0 repeat-x}

/* left search */
#leftSearch{background-color:#336699;padding:5px 10px;overflow:hidden}

/* left menu */
#menu ul#menuProducts {list-style-type:none;font-size:115%;margin:0}
#menu ul#menuProducts li{background:transparent url( "../images/layout/border-menu-left.png" ) 50% top no-repeat;padding-top:2px}
#menu ul#menuProducts li ul{list-style-type:none;margin:0}
#menu ul#menuProducts a{color:#666;display:block;text-decoration:none;padding:3px 0px}
#menu ul#menuProducts li a{font-weight:bold;padding:8px 0 8px 20px}
#menu ul#menuProducts ul li a{background:#FFFBAE url("../images/layout/bg-menu2.png") 0 0 repeat-x;color:#333;font-weight:bold;line-height:1.2;padding:6px 10px 6px 30px}
#menu ul#menuProducts ul li a:hover{color:#666}
#menu ul#menuProducts li span.categoryName {color:#666;font-weight:bold;padding:10px 10px 10px 20px;background:transparent url( "../images/icons/minus.gif" ) 5px 50% no-repeat}
#menu ul#menuProducts li a:hover,ul#menuProducts ul li a:hover,#menu ul#menuProducts ul li ul li a:hover,#menu ul#menuProducts .active{background-color:#feec98}
#menu ul#menuProducts li.active li{background: url(../images/layout/bg-menuss.png) left top no-repeat}
#menu ul#menuProducts li.nadpisPouziti {display:block;color:#ccc;background:#194674 url(../images/layout/bg-left-h3.png) left top repeat-x;margin:0;padding:8px 0 8px 20px}
.level1Plus{background:transparent url( "../images/icons/plus.gif" ) 5px 50% no-repeat;z-index:100}
.level1Minus{background:transparent url( "../images/icons/minus.gif" ) 5px 50% no-repeat}

/* left kontakt */
#left h3.nadpis{color:#ccc;background:#194674 url(../images/layout/bg-left-h3.png) left top repeat-x;line-height:38px;height:38px;padding-left:15px;margin:0}
#left #divSeller p {color:#333;padding:10px 10px}

/* contentTop, content   */
#contentTop{color:#666;position:relative;width:760px;padding:13px 13px 0 0}
#contentTop .contentNadpis{width:680px;background:#f4f4f4 url(../images/layout/bg-razeni.png) 0 0 repeat;margin-bottom:20px;padding:8px 10px}
#contentTop .contentNadpis a,.navigace a{color:#666}
#contentTop .contentNadpis h1 {padding:0;margin:0}
#contentTop .contentTopTisk{position:absolute;top:20px;right:0;padding:0}
.input-color{font-size:110%;background-color:#E4E4E4;padding:2px 2px 2px 5px;margin:0 5px 3px 0;color:#000;border:1px solid #fff}

#content .navigace {font-weight:bold;margin:8px 4px 4px 0;padding:0}
#content .strankovani{float:left;background:#f4f4f4 url(../images/layout/bg-razeni.png) 0 0 repeat;padding:10px 10px;margin:10px 0;width:750px}
#content .strankovani a{color:#666;font-size:110%;text-decoration:none}
#content h1,h2,h3,h4,h5,h6 {margin:5px 0;padding:0}
#content p {padding:5px 15px 5px 0 }
#content ul, #content ol {padding:5px 15px 5px 0}
#content img,.map {margin:5px 15px 5px 15px}
#content img.marg-none{margin:0;padding:0}
#content img.ramecek1{border:1px solid #000}
#content img.ramecek2{border:2px solid #000}
#content .colorText{color:#FF6600; font-weight:bold;}
/* table varianty + vysledky search */
#content table.listProduct{color:#000;background-color:#3366CC;border-spacing:1px;margin:5px 0;padding:5px 0}
#content table.listProduct th,#content table.tableDetail th{background: #FEEC98;padding:5px 5px}
#content table.listProduct td,#content table.tableDetail td{padding:5px 10px}
#content table.listProduct tr{background-color:#fff}
#content table.listProduct tr:hover{background-color:#e6e6e6}
/* detail products  */
.imageDetail{position:relative;float:right;width:180px;height:115px;overflow:hidden;margin:5px 10px 15px 5px;border:1px solid #666}
.zoom {position:absolute;top:0;right:0;width:22px;height:23px;background:#f1f1f1 url("../images/icons/zoom.gif") 3px 3px no-repeat;border-left:1px solid #666;border-bottom:1px solid #666}

#content table.tableDetail{width:500px;background-color:#F2DFC9;border-spacing:1px;margin:5px 0}
#content .image {position:relative;margin:0;padding:0}
#content table.tableDetail td input {vertical-align:top}
.inputDetail{width:25px}
.borderDetail{border-bottom:4px solid #F7DF6E;height:1px;margin:20px 20px 10px 0}
#content p.detailOdstavec{ margin:5px 0;padding:0}
#content p.detailOdstavec strong{color:#14298c;font-size:130%;margin-right:10px}
/* aktuality */
#content h2.nadpisNews{padding:15px 5px 0 5px}
#content div.textNews{border-bottom:1px solid #f5f5f5;padding-bottom:10px;margin:0  15px 15px 0}
#content div.textNews p,#content div.datumNews {padding:5px 0;margin:0}
#content div.textNews .clear{clear:left;height:1px;margin:0;padding:0}

/* content tiles products  */
.tilesProduct{position:relative;float:left;width:369px;margin:15px 15px 15px 7px;background:transparent url(../images/layout/bg-tiles-product.png) 100% 100% no-repeat;border-right:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4}
.tilesProduct .nadpisProdukt {height:45px;overflow:hidden}
.tilesProduct .nadpisProdukt h2{padding:3px 5px 0 0;font-size:140%}
.tilesProduct .nadpisProdukt h2 a{color:#14298c}
.tilesProduct .informace {position:relative}
.tilesProduct .informace .image{width:180px;height:115px;overflow:hidden}
.tilesProduct .informace .detail {position:absolute;top:30px;right:10px}
.tilesProduct .informace .akce {position:absolute;top:60px;right:10px}
.tilesProduct .popis {height:58px;overflow:hidden;line-height:1.2em;margin:10px 10px 6px 2px}

/* Message  */
.errorMessage,.infoMessage{margin:13px 17px 13px 0;padding:1em 1em 1em 80px;min-height:30px}
.errorMessage{background:#FFFDD4 url(../images/icons/error.gif) 10px 50% no-repeat;border:1px solid #FEEC98}
.infoMessage{background:#FFFDD4 url(../images/icons/info.gif) 10px 50% no-repeat;border:1px solid #FEEC98}

#formularObjednavka fieldset{font-size:120%;border:1px solid #873E1D;padding:2px;margin-top:10px;width:685px}
#formularObjednavka .labelIndent{display:block;float:left;font-weight:bold;margin:2px 10px;text-align:right;width:230px}
#formularObjednavka legend{font-weight:bold;padding:.2em .4em;background:#FACF96;border:1px solid #666}
#formularObjednavka .field{background:#fff url("../images/layout/bg-input.png") left top repeat-x;padding-left:.1em;color:#000;border:1px solid #873E1D;width:200px;padding:1px 0}
#formularObjednavka .selectForm{margin-left:250px;vertical-align:middle}
#formularObjednavka .select{vertical-align:middle}
#formularObjednavka em{font-size:85%}
/* others  */
.tar {text-align:right}
.tac {text-align:center}
.tal {text-align:left}
.fl {float:left}
.fr {float:right}
.clear{clear:both}
.bg-f7{background-color:#F5F5F5}
.bg-f6{background-color:#F9F9F9}
.textRed{color:#F00}
.textGreen{color:green}
.textBrown{color:#a52a2a}
.small{font-size:95%}
.pv{padding:0 5px}
.ph{padding:5px 0}
.buttonOk{background: url("/images/next/button-blue.png") left top repeat-x;border:1px solid #000;color:#FFF;cursor:pointer}
.buttonKo{background:#FF9966 url("/images/bgButtonKo.gif") left top repeat-x;color:#FFF;border:1px solid #BF0000;cursor:pointer}
.input{background:#fff url("../images/layout/bg-input.png") left top repeat-x}
.buttonAkce{color:#fdd010;font-size:115%;font-weight:bold;background:#1f4798 url(../images/next/button-blue.png) left top repeat-x;border:1px #000 solid;padding:2px 4px;margin:8px 0}
.buttonAkce a{color:#fff;text-decoration:none}
.skryta {position:absolute;top:-5000px}
.skryte{display:none}
#tisk-hlavicka{position:absolute;top:-5000px}
}

@media print{
body {font-family:"Times New Roman CE",Georgia,"Times New Roman",Times,serif;color:#000}
div{padding:0;margin:0}
#header,#left,#col3,.skryta,#navigation,#pagination,#menuTop,#advertising,#divisionsBox,.sorting,.basket,.hiddenBlock,#footer{display:none}
img{float:left;border:none;margin:.5em}
fieldset{border:none;border-bottom:1px solid #333;margin:0;padding:0 0 .5em 0}
h1,h2,h3,h4{page-break-inside:avoid;margin:5px}
h1{font-size:180%;padding-top:0;margin-bottom:.5em;border-bottom:1px solid #000}
h2,h3{padding:.2em 0 0 0;margin:0}
h2{font-size:140%}
h3{font-size:120%}
p{margin-top:.2em;padding:0}
a{text-decoration:underline}
table{border-collapse:collapse}
td,th{border:1px solid #000}
th{text-align:left}
}