@media screen{
body {font: 75% Tahoma, Verdana, Arial, Helvetica, sans-serif;text-align: center;color:#000;background:#FFF url("../images/bgSite.jpg") 0 0 repeat-x;padding:0 5px;margin:0 5px;}
form, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p{margin:0;padding:0;}
img {border: none;}
.clear {clear:both;font-size:1px;}
a {color:#461564;text-decoration:underline;}
a:hover {text-decoration:none;}
.textRed{color:#FF0000;}
.reader {position: absolute;top: -10000px;left: 0px;width: 1px;height: 1px;overflow: hidden;}
/* Layout
================================*/
/*=== header ===*/
#header{position:relative;height:147px;margin:0 auto;width:900px;}
#headerCol1{position:absolute;left:15px;top:15px; height:132px;width:220px;background-color:#D2D2D2;}
#headerCol2{position:absolute;z-index:20;top:0px;right:14px;width:246px;}
#headerLogo{position:absolute;left:7px;top:42px;width:205px;height:50px;}
#headerLogo h1 span{position:absolute;display:block;z-index:300;width:205px;height:50px;top:0px;left:0px;background:transparent url("../images/welle-ing-kalab-logo.gif") 0 0 no-repeat;}
#headerLogo h1 a{cursor:pointer;font-size:16px;}
#headerSlogan{position:absolute;right:25px;top:20px;text-align:right;}
#headerSlogan h2{font-size:30px;color:#D2D2D2;}
#headerSlogan h2 span{color:#FFF;}
#headerMenu{position:absolute;left:235px;top:117px;border-bottom:1px solid #009F98;width:665px;height:30px;background:#00938D url("../images/bgHeaderMenu.jpg") 0 0 repeat-x;}
#headerMenu ul{list-style-type:none;margin:0 10px;}
#headerMenu ul li{float:left;border-left:1px solid #00938D;border-right:1px solid #00AEA6;}
#headerMenu ul li a{display:block;height:auto; color:#FFF;text-decoration:none;padding:8px 10px;font-weight:bold;}
#headerMenu ul li a:hover{color:#FFFFCC;background:#00A19A url("../images/icons/indentMenu.gif") 8px -14px no-repeat;}
#headerNavigation{position:absolute;font-size:90%;top:4px;left:10px;border-bottom:1px solid #FFF;padding:4px;width:192px;}
#headerNavigation a{color:#333;text-decoration:none;}
#headerNavigation a:hover{color:#000;text-decoration:underline;}

/*=== body ===*/
#bodyPage{margin:0 auto;width:900px;text-align:left;background:#FFF url("../images/bgPage.gif") 0 0 repeat-y;}
#col1{float:left;width:232px;font-size:94%;}
#col2{float:right;width:665px;}
#footer{clear:both;position:relative;font-size:80%;background:#9C83AA url("../images/bgFooter.jpg") 15px 0px no-repeat;height:90px;}
#footer #bgCol1Footer{position:absolute;background:transparent url("../images/bgCol1Footer.jpg") 0 0 no-repeat;height:122px;width:62px;top:-122px;left:175px;}
#footer p{padding:15px;margin:0;color:#FFF;text-align:right;line-height:2em;}
#footer a{color:#FFF;text-decoration:none;}
#footer a.created{color:#CA9F9E;}
#footer a:hover{color:#FFFFCC;text-decoration:underline;}
#counter {display:none;}
/* col1 */
/* ==== menu ==== */
#col1 h2{font-size:150%;color:#00938D;margin:25px 5px 0 27px;padding-left:12px;background:transparent url("../images/bgCol1H2.gif") 0px 75% no-repeat;}
ul#menuProducts{margin:5px 0 20px 19px;}
ul#menuProducts a{display:block;text-decoration:none;padding:3px 0px;}
ul#menuProducts,ul#menuProducts li ul,ul#menuProducts li ul li ul{list-style-type:none;}
ul#menuProducts li a{padding-left:20px;border-top:1px solid #E0E0E0;border-bottom:1px solid #AEAEAE;color:#521973;text-transform:uppercase;font-weight:bold;}
ul#menuProducts li a.first{border-top:none;}
ul#menuProducts a:hover{background-color:#CDCDCD;}
ul#menuProducts li ul li a{padding-left:28px;background-color:#DADADA;border-top:1px solid #E4E4E4;border-bottom:1px solid #CACACA;text-transform:none;font-weight:normal;}
ul#menuProducts li ul li a:hover{background-color:#D4D4D4;}
ul#menuProducts li ul li ul li a{padding-left:40px;background-color:#E1E1E1;border-top:1px solid #E1E1E1;border-bottom:1px solid #CECECE;}
ul#menuProducts li ul li ul li a:hover{background-color:#DBDBDB;}
.level1Plus{background:transparent url( "../images/icons/plus.gif" ) 6px 50% no-repeat;}
.level1Minus{background:transparent url( "../images/icons/minus.gif" ) 6px 50% no-repeat;}
.level1MinusP{background:transparent url( "../images/icons/minusP.gif" ) 6px 50% no-repeat;}
.level1Dot{background:transparent url( "../images/icons/dot.gif" ) 6px 50% no-repeat;}
.level1DotP{background:transparent url( "../images/icons/dotP.gif" ) 6px 50% no-repeat;}
.level2Plus{background:transparent url( "../images/icons/plus.gif" ) 16px 50% no-repeat;}
.level2Minus{background:transparent url( "../images/icons/minus.gif" ) 16px 50% no-repeat;}
.level2MinusP{background:transparent url( "../images/icons/minusP.gif" ) 16px 50% no-repeat;}
.level2Dot{background:transparent url( "../images/icons/dot.gif" ) 16px 50% no-repeat;}
.level2DotP{background:transparent url( "../images/icons/dotP.gif" ) 16px 50% no-repeat;}
.level3Plus{background:transparent url( "../images/icons/plus.gif" ) 28px 50% no-repeat;}
.level3Minus{background:transparent url( "../images/icons/minus.gif" ) 28px 50% no-repeat;}
.level3MinusP{background:transparent url( "../images/icons/minusP.gif" ) 28px 50% no-repeat;}
.level3Dot{background:transparent url( "../images/icons/dot.gif" ) 28px 50% no-repeat;}
.level3DotP{background:transparent url( "../images/icons/dotP.gif" ) 28px 50% no-repeat;}
#news, #questionary{margin:3px 5px 4px 39px;color:#521973;}
#news h3{font-size:110%;margin-top:5px;}
#recommendation{margin-bottom:50px;}
#recommendation fieldset{border:none;padding:5px 10px 0px 39px;color:#521973;}
#recommendation label{font-weight:bold;}
#recommendation .formField{border:1px solid #9C83AA;padding-left:3px;margin:1px 0px 5px 0px;width:165px;}
#recommendation .button{background:#B4B4B4 url('../images/bgButtonRecommnendation.jpg') no-repeat;color:#521973;font-size:11px;margin-top:3px;font-weight:bold;width:80px;height:20px;cursor:pointer;border:0px;}
#suggestion{position:relative;height:350px;}
#suggestionC{position:absolute;left:25px;top:0px;}
/* Content Styling - col2
=================================*/
#bgContentHome{position:absolute;width:160px;height:128px;right:-4px;top:-89px;background:transparent url("../images/bgContentHome.gif") 0 0 no-repeat;}
#col2Indent{margin:10px 25px;position:relative;}
#col2 h1{font-size:250%;color:#00938D;font-weight:normal;}
#col2 h2{font-size:150%;color:#00938D;padding:15px 0 0 0;}
#col2 h3{font-size:130%;padding:.8em 0 .2em 0;background:transparent url("../images/icons/arrowH3News.gif") 0px 64% no-repeat;}
#col2 h3 span{font-size:80%;color:#999;}
#col2 h3 span.textRed{color:#FF0000;}
#col2 h4{font-size:115%;padding:1em 0 .2em 0;}
#col2 p{line-height:1.5em;padding: 0.3em 0 .7em 0;}
#col2 ul, #col2 ol{margin:0 0 .3em 1.5em;padding:0 0 .3em 1.5em;}
#col2 ul li, #col2 ol li{margin:.1em 0 .3em 0;padding:.1em 0 .3em 0;line-height:1.3em;}
#col2 ul li{list-style-image: url("../images/icons/bgLi.gif");}
table p{line-height:1em;}
#col2 h3.top{font-size:110%;padding-right:14px; background:transparent url("../images/icons/arrowTop.gif") 100% 80% no-repeat;text-align:right;}
.notice, .noticeDark{background-color:#FFFF99;border:1px solid #F0F000;padding:5px;margin:5px 0 5px 5px;float:right;text-align:center;font-size:90%;}
.noticeDark{background-color:#E8E8E8;border:1px solid #C1C1C1;}
#noticeDis{background:#EFEFEF url("../images/icons/ikona-diskuse.gif") 5px 50% no-repeat;border:1px solid #D2D2D2;padding:5px 5px 5px 60px;margin-top:10px;}
.width175px{width:175px;}
.textCenter{text-align:center;}

#photogallery img{margin:6px;border:2px solid #D2D2D2;padding:1px;}

#photogalleryDes div{margin:6px;float:left;height:200px;width:104px;}
#photogalleryDes div img{border:2px solid #D2D2D2;padding:1px;}
#photogalleryDes div p{font-size:90%;line-height:1.2em;padding:4px;text-align:center;}

#col2 .discount{background-color:#F2F9F9;border:1px solid #A9DAD8;padding:0 5px 5px 5px;margin:5px 0;}
#col2 .discount .sum{background-color:#DBEEEE;padding:5px;}

#col2 p.more {background:transparent url("../images/icons/bgLi.gif") 20px 40% no-repeat; padding: 5px 10px 5px 40px;font-weight: bold;}
.popup, .pophid { background:#FFFFCC;border:1px solid #F0F000;margin:5px 0;}
.pophid { background:none;border:1px solid #FFF;}
.discount .pophid { background:none;border:1px solid #F2F9F9;}
.pophid div { display: none;}                                                                                                 
.popup div { padding: 10px;}

.errorMsg,.infoMsg{margin:1em .5em;padding:1em 1em 1em 80px;min-height:30px;}
.errorMsg{background:#FFF4DF url(/images/icons/error.gif) 10px 50% no-repeat;border:1px solid #FFDE9F;}
.infoMsg{background:#CEECD0 url(/images/icons/info.gif) 10px 50% no-repeat;border:1px solid #45AD4D;}
#content .errorMsg ul{margin:0;padding:0;}

/* ====== img - content =========*/
.imgLeft{float:left;margin:5px 8px 3px 0;border:2px solid #D2D2D2;padding:1px;}
.imgRight{float:right;margin:5px 0px 3px 8px;border:2px solid #D2D2D2;padding:1px;}
/* form contact */
#order fieldset{background-color:#EDF4ED;border:1px solid #D5E6D5;padding:2px;margin:1em 0;}
#order label.indent{display:block;float:left;width:120px;margin:0 2px 0 0;text-align:right;}
#order legend{font-weight:bold;padding:.2em .4em;background:#FFBA82 url("/images/bgContentLegend.jpg") 0 0 repeat-x;border:1px solid #FF8525;}
#order .field{font:100% Verdana,Arial,Helvetica,sans-serif;padding-left:.2em;color:#000;border:1px solid #CFE2CF;width:200px;}
#order .textA{font:100% Verdana,Arial,Helvetica,sans-serif;padding-left:.2em;color:#000;border:1px solid #CFE2CF;width:340px;height:100px;}
#order .buttonOk{background:#00CC66 url("/images/bgButtonOk.gif") repeat-x;color:#FFF;border:1px solid #006600;cursor:pointer;}
#order .buttonKo{background:#FF9966 url("/images/bgButtonKo.gif") repeat-x;color:#FFF;border:1px solid #BF0000;cursor:pointer;}
/* ====== content table=========*/
.tableList{font-size:100%;border-collapse:collapse;}
.tableList th{padding:.5em .5em 0 .5em;text-align:left;}
.tableList td{padding:.5em;vertical-align:top;}
.contentTable{font-size:100%;width:550px;margin-top:.6em;border-collapse:collapse;margin:5px 0px;}
.contentTable th{padding:.2em .4em;background-color:#943F3C;color:#FFF;text-align:left;}
.contentTable td{padding:.8em .4em;border:1px solid #FFECD9;background-color:#FFDDBB;vertical-align:top;}

/*table offer*/
.offerForm{font-size:100%;border-collapse:collapse;border:1px solid #C7CED6;}
.offerForm th {padding:.3em .4em;border:1px solid #D2D2D2;background-color:#EDF4ED;vertical-align:top;text-align:left;font-weight:normal;}
.offerForm tr {border:1px solid #E3EEE3;background-color:#F9FBF9;}
.offerForm tr:hover, .offerForm tr.hover{background-color:#F4F7F4;}
.offerForm td{padding:.2em .4em;border:1px solid #D5E6D5;}


.dH{display:none;}
.cL{clear:left;}
.cR{clear:right;}

}
@media print{
body{font-family:"Times New Roman CE", Georgia, "Times New Roman", Times, serif;color:#000;}
#header, #col1, #bgContentHome, #counter{display:none;}
h1,h2,h3,li{page-break-inside:avoid;margin:0px;}
h1{padding-top:0px;margin-bottom:.5em;border-bottom:1px solid #000;}
h2,h3{padding-bottom:0px;}
p{margin-top:.2em;padding:0px;}
a{text-decoration:underline;font-weight:bold;}
.imgLeft{float:left;margin:5px 8px 5px 0;}
.imgRight{float:right;margin:5px 0px 3px 8px;}
#footer, #created{font-size:9px;}
.tableDetail{border-collapse:collapse;}
td, th{border: 1px solid #000;}
th{text-align:left;}
}