@media screen{
body{font:72% Verdana,Arial,Helvetica,sans-serif;color:#000;text-align:center;background:#94A4BD url( "/images/bgSite.jpg" ) 0px 100% repeat-x fixed;margin:0;padding:0;}
img,fieldset{border:none;}
div,h1,h2,h3,h4,ul,ol,li,form,fieldset,p{margin:0;padding:0;}
acronym{cursor:help;}
a{text-decoration:underline;color:#000;}
a:hover{text-decoration:none;}
.reader{position:absolute;z-index:100;top:-10000px;left:0;width:1px;height:1px;overflow:hidden;}
/*odsazeni formularovych policek*/
.fieldMargin{margin-bottom:.3em;}
/* ======================= header page ====================*/
#headerPage{width:1000px;height:125px;margin:0 auto;text-align:left;background:#7387A8 url( "/images/bgHeader.jpg" ) 0 0 repeat-x;position:relative;}
#headerPage h2{font-size:20px;padding:30px 0 0 8px;}
#headerPage h2 span{position:absolute;z-index:300;width:170px;height:90px;top:10px;left:10px;}
#headerPage h2 a{cursor:pointer;color:#FFF;}
#headerPage p.logo{color:#FFF;padding:8px;}
#bgLogo{position:absolute;top:0px;left:0px;z-index:10;height:125px;width:191px;background:transparent  url( "/images/logo-clia.jpg" ) 0 0 no-repeat;}
#headerColR{position:absolute;z-index:30;top:6px;right:0px;width:180px;height:100px;color:#FFF;background:#7388A8 url( "/images/bgBasket.jpg" ) 10px 30px no-repeat;}
#headerColR #count{position:absolute;top:41px;left:29px;width:20px;text-align:center;font-weight:bold;}
#headerColR h3{font-size:12px;width:190px;background:transparent url( "/images/bgHeaderColRH3.jpg" ) 0 0 no-repeat;line-height:26px;padding-left:10px;}
#headerColR p{margin:6px 5px 8px 60px;}
#headerColR p a{color:#E4E4E4;}
#headerMenu{position:absolute;top:0px;left:220px;color:#FFF;width:600px;}
#headerMenu ul{list-style-type:none;padding-top:6px;}
#headerMenu ul li{float:left;width:auto;}
#headerMenu ul li a{display:block;font-size:100%;padding:.3em 16px .3em 8px;color:#FFF;text-decoration:none;font-weight:bold;background:transparent url( "/images/icons/arrowMenu.gif" ) 0px 50% no-repeat;}
#headerMenu a:hover{color:#FFFFCC;background:transparent url( "/images/icons/arrowMenu.gif" ) 2px 50% no-repeat;}
#headerMenu2 {position:absolute;top:101px;left:220px;width:600px;}
#headerMenu2 ul{list-style-type:none;}
#headerMenu2 ul li{float:left;width:102px;height:24px;background:#7388A8 url( "/images/bgButtonHeader.jpg" ) 0 0 no-repeat;text-align:center;}
#headerMenu2 ul li a{display:block;font-size:10px;padding-top:4px;color:#FFF;text-decoration:none;font-weight:bold;}
#headerMenu2 ul li a:hover{padding-top:5px;color:#FFFFCC;}
#headerSlogan{position:absolute;width:451px;height:28px;top:50px;left:220px;background:transparent url( "/images/headerSlogan.jpg" ) 0 0 no-repeat;}
/* ======================= body page  =====================*/
#bodyPage{width:1000px;height:auto;margin:0 auto;text-align:left;background-color:#FFF;}
#col1{float:left;width:190px;margin-bottom:10px;}
#col2{margin:0 190px 0 200px;}
#col3{float:right;width:180px;margin-bottom:10px;}
/*==========*/
.marginBox{position:relative;background-color:#EFF1F3;}
.marginBoxDark{background-color:#DDE1E6;}
.marginBox form{padding:.5em 0 .4em 0;}
.marginBox h3, #searchH3 h3{font-size:12px;color:#FFF;line-height:22px;padding-left:10px;background:#FFF url( "/images/bgColH3.jpg" ) 0 0 no-repeat;border-bottom:3px solid #F2B600;margin-top:10px;}
.marginBoxContent{padding:6px 5px 4px 5px;font-size:84%;}
.marginBoxContent,.marginBoxContent a,ul#menuProducts a{color:#072A63;}
.marginBoxContent .borderTop{border-top:1px solid #7388A8;}
.marginBoxContent p{padding:.3em 0 .5em 0;}
.marginBoxContent label{display:block;float:left;width:42px;margin:3px 2px 0 0;text-align:right;}
.fieldMarginBox{width:116px;padding-left:2px;background-color:#F2F4F7;border:1px solid #7388A8;font-size:100%;}
.buttonMarginBox{font:11px Arial,Verdana,Helvetica,sans-serif;font-weight:bold;cursor:pointer;border:1px solid #FFF;background-color:#BF7800;color:#FFF;padding:2px 5px;}
.searchRed{background-color:#ffcccc;border:1px solid #990033;}
/* =================  col 1 =================*/
#search form{margin:5px 0;}
#search .fieldSearch{width:105px;background-color:#F4F5F7;border:1px solid #7388A8;padding-left:3px;}
#search .buttonSearch{font:11px Arial,Verdana,Helvetica,sans-serif;background-color:#7388A8;color:#FFF;font-weight:bold;padding:2px 3px;cursor:pointer;border:none;}
ul#menuProducts{margin:0 5px;background-color:#D3D9E2;}
ul#menuProducts a{display:block;text-decoration:none;padding:3px 0;}
ul#menuProducts,ul#menuProducts li ul,ul#menuProducts li ul li ul{list-style-type:none;}
ul#menuProducts li a{padding-left:14px;border-bottom:1px solid #B4BCCD;border-top:1px solid #E4E8ED;}
ul#menuProducts li a:hover{background-color:#CED5DF;}
ul#menuProducts ul{background-color:#DDE1E6;}
ul#menuProducts ul li a{padding-left:24px;border-bottom:1px solid #C6CDD9;}
ul#menuProducts ul li a:hover{background-color:#D8DDE2;}
ul#menuProducts ul ul{background-color:#E6EAEE;}
ul#menuProducts ul li ul li a{padding-left:36px;}
ul#menuProducts ul li ul li a:hover{background-color:#E0E6EB;}
ul#menuProducts a.active{background-color:#BEC7D3;}
ul#menuProducts a.active:hover{background-color:#BEC7D3;}
.level1Plus{background:transparent url( "/images/icons/plus.gif" ) 2px 50% no-repeat;}
.level1Minus{background:transparent url( "/images/icons/minus.gif" ) 2px 50% no-repeat;}
.level1Dot{background:transparent url( "/images/icons/dot.gif" ) 2px 50% no-repeat;}
.level2Plus{background:transparent url( "/images/icons/plus.gif" ) 12px 50% no-repeat;}
.level2Minus{background:transparent url( "/images/icons/minus.gif" ) 12px 50% no-repeat;}
.level2Dot{background:transparent url( "/images/icons/dot.gif" ) 12px 50% no-repeat;}
.level3Plus{background:transparent url( "/images/icons/plus.gif" ) 24px 50% no-repeat;}
.level3Minus{background:transparent url( "/images/icons/minus.gif" ) 24px 50% no-repeat;}
.level3Dot{background:transparent url( "/images/icons/dot.gif" ) 24px 50% no-repeat;}
/* ===== content col2 ==== */
#content{width:100%;position:relative;}
.errorMessage,.infoMessage{margin:1em;padding:1em 1em 1em 80px;min-height:30px;}
.errorMessage{background:#FFEBE1 url(/images/icons/error.gif) 10px 50% no-repeat;border:1px solid #FF0000;}
.infoMessage{background:#CEECD0 url(/images/icons/info.gif) 10px 50% no-repeat;border:1px solid #45AD4D;}
h1{color:#072A63;font-size:140%;padding:.6em 5px .5em 5px;}
h1 a{color:#072A63;}
#content h2{font-size:120%;margin:0 0 2px 0;padding:.8em 0 0 .5em;}
#content h3{font-size:115%;margin:.5em 0 .2em .4em;padding-left:3px;color:#333;}
#content p{line-height:1.3em;margin:0;padding:0.3em 1em .5em 1em;}
#content ul{margin:.1em .2em .7em 2em;padding:.1em .2em .7em 2em;}
#content ul li{margin:0 0 .4em 0;padding:0 0 .4em 0;}
#content table{font-size:100%;width:98%;border-collapse:collapse;margin-left:5px;border:1px solid #C7CED6;}
#content table th {width:130px;padding:.3em .4em;border:1px solid #EDF1ED;background-color:#EDF1ED;text-align:right;vertical-align:top;}
#content table tr {border:1px solid #EDF1ED;background-color:#F7F9F7;}
#content table tr.bgRed {background-color:#FFDFCF;}
#content table tr:hover, #content table tr.hover{background-color:#F1F1F1;}
#content table td{padding:.2em .4em;border:1px solid #E9E9E9;}
/* formulare v tele stranek */
#content fieldset{background-color:#F2F4F7;border:1px solid #DADFE9;padding:2px;margin:1em;}
#content label{display:block;float:left;width:165px;margin:0 2px 0 0;text-align:right;}
#content legend{font-weight:bold;padding:.2em .4em;background:#FFCC66 url("/images/bgContentLegend.jpg") 0 0 repeat-x;border:1px solid #666;}
#content .field{font:100% Verdana,Arial,Helvetica,sans-serif;padding-left:.2em;color:#000;border:1px solid #BEC7D8;width:200px;}
#content .buttonOk{background:#00CC66 url("/images/bgButtonOk.gif") repeat-x;color:#FFF;border:1px solid #006600;cursor:pointer;}
#content .buttonKo{background:#FF9966 url("/images/bgButtonKo.gif") repeat-x;color:#FFF;border:1px solid #BF0000;cursor:pointer;}
/* === content table detail === */
#content table.detail {width:415px;border-top:3px solid #C7CED6;border-bottom:3px solid #C7CED6;}
#content .detailImg{float:right;margin:30px 10px 5px 5px;border:1px solid #999;}
#content #magnify {position:absolute;top:151px;right:148px;width:22px;height:23px;background:#f1f1f1 url("/images/icons/magnify.gif") 3px 3px no-repeat;border-right:1px solid #999;border-top:1px solid #999; }
#content table.detail fieldset{margin:0;padding:0;border:none;background-color:#F1F1F1;}
#content table.detail .fieldDetail{color:#000;text-align:center;border:1px solid #BEC7D8;width:25px;font-weight:bold;margin:0;vertical-align:middle;}
#content table.detail .buttonBasket{width:auto;vertical-align:middle;margin-top:.5em;}
.errorDetail{background-color:coral;color:#fff;padding:2px;margin:4px 0 0 0;}

#content table.detailEnlarged {border-top:3px solid #C7CED6;border-bottom:3px solid #C7CED6;}
#content table.detailEnlarged th{width:200px;}
/* == form checkout == */
.fieldTransport{width:40px;background-color:#edecec;text-align:right;font:100% Verdana,Arial,Helvetica,sans-serif;border:none;}
.fieldSum{width:80px;background-color:#E3EAE3;border:none;font:100% Verdana,Arial,Helvetica,sans-serif;font-weight:bold;text-align:right;}
/* == button cart == */
#functionCart{text-align:right;margin:1em;}
/* spatne se vykreslovalo v opere*/
.sorting{font-size:92%;margin:1em 0;border:1px solid #DADFE9;}
.sorting fieldset{background-color:#F2F4F7;padding:5px;}
.sorting select{font-size:100%;}
.sorting span{white-space:nowrap;}
.sorting span input{/*position:relative;top:2px;*/ vertical-align: middle;}
/* ==== content tiles products  ==== */
.tilesProduct{position:relative;float:left;width:290px;border-bottom:1px dotted #7388A8;border-right:1px dotted #7388A8;margin:4px 6px;background:transparent url("../images/bgTiles.jpg") 100% 100% no-repeat;}
.tilesProduct h2{padding:15px 5px 5px 10px;font-size:115%;}
.tilesProduct h2 a{color:#E10915;}
.tilesProduct .information{position:relative;height:120px;}
.tilesProduct .information .unit{position:absolute;z-index:10;top:10px;right:8px;color:#072A63;font-weight:bold;}
.tilesProduct .information .price{position:absolute;z-index:10;top:25px;right:8px;font:125% Arial,Verdana,Helvetica,sans-serif;font-weight:bold;color:#FF0000;}
.tilesProduct .information .price span{font-size:80%;font-weight:normal;}
.tilesProduct .information .oldPrice{position:absolute;z-index:10;top:42px;right:8px;text-decoration:line-through;}
.tilesProduct .information .discount{position:absolute;z-index:10;top:65px;right:8px;width:80px;height:19px;}
.tilesProduct .information .control{position:absolute;top:90px;right:10px;}
.tilesProduct .description{height:54px;overflow:hidden;font-size:90%;color:#333;line-height:1.3em;margin-bottom:4px;}
/* ===== content  table list products =====*/
#content table.listProduct{border-top:3px solid #C7CED6;border-bottom:3px solid #C7CED6;font-size:84%;}
#content table.listProduct caption{font-size:110%;font-weight:bold;text-align:left;margin-bottom:2px;}
#content table.listProduct th{text-align:left;background-color:#E3EAE3;width:auto;}
#content table.listProduct td{padding:.2em;}
#content table.listProduct td.alignRight, #content table.listProduct th.alignRight{text-align:right;}
/* ==== content pagination ==== */
#pagination{float:left;width:590px;padding:.2em .6em;background-color:#DDE1E6;line-height:1.6em;margin:1em 0;}
#pagination a{text-decoration:none;}
#pagination a:hover{text-decoration:underline;}
.current{background-color:#192F52;color:#FFF;padding:1px 2px;}
/* ====================== col3 =========================*/
.marginBoxContent ol, .marginBoxContent ul{margin-left:10px;padding-left:10px;}
.marginBoxContent ol li, .marginBoxContent ul li{padding:.4em 0 .1em 0;}
/* ====== footer body page ===== */
#footer{clear:both;font-size:10px;color:#FFF;padding-left:200px;background:#0E3067 url("/images/bgFooter.jpg") 0 0 repeat-x;line-height:32px;}
#footer a{color:#FFF;text-decoration:none;}
#footer a:hover{color:#FFFFCC;text-decoration:underline;}
/* ========= other =========*/
.imgLeft{float:left;border:2px solid #C7CED6;margin:5px;padding:1px;}
.imgRight{float:right;border:2px solid #C7CED6;margin:5px;padding:1px;}
.width20px{width:20px;}
.width40px{width:40px;}
.width70px{width:70px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both;}
.hiddenBlock{display:none;}
.bold{font-weight:bold;}
.noWrap{white-space:nowrap;}
.textGreen{color:green;}
.textBrown{color:#a52a2a;}
.textRed{color:#F00;}
#counter{display:none;}
}
@media print{
body{font-family:"Times New Roman CE",Georgia,"Times New Roman",Times,serif;color:#000;}
div{padding:0;margin:0;}
#headerPage,#col1,#col3,#pagination,#advertising,#divisionsBox,.sorting,.basket,.hiddenBlock{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:0;}
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;}
}

