@media screen{
body {font: 72%  Arial, Verdana, Helvetica, sans-serif;text-align: center;color:#000;background-color:#F2F3F7;padding:0 0 15px 0;margin:0 0 15px 0;}
form, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p{margin:0;padding:0;}
img {border: none;}
.clear {clear:both;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
.textRed{color:#FF0000;}
.reader {position: absolute;top: -10000px;left: 0;width: 1px;height: 1px;overflow: hidden;}
/*=== header ===*/
#headerPage{color:#FFF;height:116px;background:#93BCE8 url("/images/bgHeader.jpg") 50% 0% repeat-y;border-bottom:25px solid #003466;}
#headerArt{position:relative;margin:0px auto;width:802px;height:116px;text-align:left;background-color:#597A9B;}
#headerArt h2{font-size:220%;color:#FFF;margin-left:1em;}
#headerArt p{font-size:110%;margin-left:2em;}
#bgHeaderArt{position:absolute;z-index:10;top:0px;left:-40px;width:850px;height:116px;background:transparent url("/images/bgHeaderArt.jpg") no-repeat;}
#headerLogo{position:absolute;z-index:30;top:10px;right:0px;height:55px;width:145px;}
#headerLogo a{display:block;height:55px;width:145px;}
#headerMenu{position:absolute;z-index:20;bottom:0px;left:181px;height:32px;}
#headerMenu ul{list-style-type:none;}
#headerMenu ul li{position:relative;float:left;width:124px;height:32px;overflow:hidden;}
#headerMenu ul li a{color:#FFF;font-size:14px;font-weight:bold;display:block;width:124px;height:32px;line-height:32px;text-decoration:none;padding-left:45px;}
a.novinky{background:#C10021 url(/images/buttons/novinky.jpg) 0 0 no-repeat;}
a.novinky:hover{background:#D30023 url(/images/buttons/novinky.jpg) 0 -32px no-repeat;}
a.oNas{background:#C10021 url(/images/buttons/oNas.jpg) 0 0 no-repeat;}
a.oNas:hover{background:#D30023 url(/images/buttons/oNas.jpg) 0 -32px no-repeat;}
a.kontakt{background:#C10021 url(/images/buttons/kontakt.jpg) 0 0 no-repeat;}
a.kontakt:hover{background:#D30023 url(/images/buttons/kontakt.jpg) 0 -32px no-repeat;}
a.prodejny{background:#C10021 url(/images/buttons/prodejny.jpg) 0 0 no-repeat;}
a.prodejny:hover{background:#D30023 url(/images/buttons/prodejny.jpg) 0 -32px no-repeat;}
a.cenik{background:#C10021 url(/images/buttons/cenik.jpg) 0 0 no-repeat;}
a.cenik:hover{background:#D30023 url(/images/buttons/cenik.jpg) 0 -32px no-repeat;}
#headerFunction{position:absolute;z-index:50;right:0px;width:619px;height:25px;top:116px;font-size:90%;background-color:#DBE2EA;margin:0 2px;}
#headerFunction p{padding:6px 1em 0 0;margin:0;text-align:right;}
#headerFunction a{color:#023169;text-decoration:none;}
#headerFunction a:hover{color:#011C3D;text-decoration:underline;}
/*=== body ===*/
#bodyPage{position:relative;margin:0px auto;width:802px;;background:#FFF url("/images/bgBodyPage.gif") 0 0 repeat-y;text-align:left;}
#col1{float:left;width:180px;}
#col2{float:right;width:622px;}
#footer{clear:both;height:63px;background:#003466 url("/images/bgFooter.gif") 0 0 no-repeat;margin-right:2px;}
#created{position:absolute;bottom:-15px;right:40px;color:#B6C4D3;font-size:85%;}
#created a{text-decoration:none;color:#B6C4D3;}
#created a:hover{text-decoration:underline;color:#8CA2B9;}
#counter {display:none;}
/* ============= menu ============== */
ul#menuPages{margin-left:9px;}
ul#menuPages, ul#menuPages ul, ul#menuPages ul li ul{list-style-type: none;}
ul#menuPages a{display:block;text-decoration:none;padding:4px 0;color:#24300C; }
ul#menuPages li a {padding-left: 24px;font-weight:bold;border-bottom:1px solid #B15C0B; background:transparent url("/images/icons/indent.gif") 6px 50% no-repeat;}
ul#menuPages li a:hover{background-color:#E9B754;}
ul#menuPages ul li a {font-weight:normal;padding-left: 30px;border-bottom:1px solid #B15C0B; background:none;}
/* Styling - col1
=================================*/
#col1 .marginBox{padding-left:5px;color:#0F304F;}
#col1 .marginBox h2{font-size:14px;margin:0;padding:3px 0 4px 30px;color:#00326A;background:#9BB0C5 url("/images/bgCol1H2.jpg") 0 0 no-repeat;}
#col1 .marginBox p{line-height:1.3em;padding: 0.3em 5px .5em 30px;}
#col1 .marginBox p a{color:#0F304F;}
ul.menuProducts{margin:5px 0 10px 7px;}
ul.menuProducts, ul.menuProducts ul, ul.menuProducts ul li ul{list-style-type: none;}
ul.menuProducts a{display:block;padding:4px 0;color:#0F304F;text-decoration:none;}
ul.menuProducts li a {padding-left: 14px;font-weight:bold;background:transparent url("/images/icons/indent.gif") 5px 50% no-repeat;}
ul.menuProducts li a:hover {background-color:#6B89A6;color:#FFF;}
ul.menuProducts ul li a {font-weight:normal;padding:2px 0 2px 25px;background:none;}
ul.menuProducts ul li a:hover {background-color:#9BAEBF;}
ul.menuProducts li a.active{background-color:#6B89A6;color:#FFFFCF;}
#col1 p#support{font-size:16px;font-weight:bold;color:#ff0033;text-align:center;padding:1em 0;}
/* Content Styling - col2
=================================*/
#col2Indent{padding:15px 30px 8px 30px;}
h1{font-size:150%;color:#00306A;padding:.5em 0 0 0;}
h2{font-size:135%;color:#FF0000;padding:1em 0 0 0;}
h3{font-size:120%;padding:1em 0 0 0;}
h4{font-size:110%;padding:0.3em 0 .5em 0;line-height:1.3em;}
p{line-height:1.5em;padding: 0.3em 0 .5em 0;}
#col2 ul{margin:.5em 0 .1em 1em;padding:.5em 0 .1em 1em;}
#col2 ul li{margin:.2em 0 .1em 0;padding:.2em 0 .1em 0;}
table p{line-height:1em;}
.floatLeft{float:left;}
.floatRight{float:right;}
h4.top{	padding:.8em 0 .8em 235px;margin:0;background:transparent url("/images/icons/arrowTop.gif") 220px 50% no-repeat;margin-right:2px;}
.top a{color:#023169;text-decoration:none;}
.top a:hover{color:#011C3D;text-decoration:underline;}
.itemNews{padding:1em 0 .5em 0; border-bottom:1px dotted #999;}
.itemNews .date{color:#15507A;}
.itemNews h3{padding:.5em 0 0 0;color:#ff0033;}
/* products */
.pFloatLeft{float:left;width:120px;margin-top:1em;}
.pFloatRight{float:right;width:410px;}
/* ====== content table=========*/
.contentTable{font-size:100%;width:540px;margin-bottom:1em;border-collapse:collapse;border-bottom:3px solid #003366;}
.contentTable caption{color:#003366;text-align:left;font-weight:bold;}
.contentTable th{padding:.2em .4em;border-bottom: 1px solid #000;background-color:#003366;color:#FFF;text-align:left;}
.contentTable td{padding:.1em .4em;border: 1px solid #FFF;}
.contentTable tr{background-color:#F2F3F7;}
.contentTable tr:hover, .contentTable tr.hover{background-color:#E0E3EF;}
.width40px{width:40px;}
.width70px{width:70px;}
/* ==== products ==== */
.tilesProducts{margin:1em 0px 1.5em 0px;position:relative;}
.tilesProducts h2{padding:4px 10px;}
.tilesProducts p{padding: 0.3em 0px .5em 10px;}
.tilesProducts .corner{position:absolute;width:10px;height:10px;left:-2px;bottom:-4px;}
/* interierove farby */
.iF{border-left:2px solid #B2B5A4;}
.iF h2{color:#3D4017;background-color:#B2B5A4;}
.iF .corner{background:#B2B5A4 url("/images/corner.gif") 0 0 no-repeat;}
/* fasadne farby */
.fF{border-left:2px solid #D6C3C5;}
.fF h2{color:#946B6E;background-color:#D6C3C5;}
.fF .corner{background:#D6C3C5 url("/images/corner.gif") 0 0 no-repeat;}
/* farby na kov a drevo */
.fK{border-left:2px solid #B7B6BE;}
.fK h2{color:#4D475C;background-color:#B7B6BE;}
.fK .corner{background:#B7B6BE url("/images/corner.gif") 0 0 no-repeat;}
/* lazury */
.fL{border-left:2px solid #B1B4A1;}
.fL h2{color:#59451C;background-color:#B1B4A1;}
.fL .corner{background:#B1B4A1 url("/images/corner.gif") 0 0 no-repeat;}
/* laky */
.fA{border-left:2px solid #C9E6F8;}
.fA h2{color:#1F1A17;background-color:#C9E6F8;}
.fA .corner{background:#C9E6F8 url("/images/corner.gif") 0 0 no-repeat;}
/* ine */
.fI{border-left:2px solid #E6C2B2;}
.fI h2{color:#B8663D;background-color:#E6C2B2;}
.fI .corner{background:#E6C2B2 url("/images/corner.gif") 0 0 no-repeat;}
/* photogallery*/
.tilesPhoto{float:left;width:174px;height:160px;border:1px solid #E2EFFE;margin:4px 2px 1px 2px;}
.tilesPhoto:hover, .tilesPhoto.hover{background-color:#EFF7FF;}
.tilesPhoto img{border:none;margin:4px 4px 0 4px;}
.tilesPhoto .text{font-size:10px;height:26px;padding:0px 4px 4px 4px;overflow:hidden;}
.tilesPhoto p{line-height:1.2em;margin:0;padding:0;text-align:center;}
.tilesPhoto p span{font-weight:bold;font-size:11px;}
#lightbox{background-color:#eee;padding: 10px;border-bottom: 1px solid #000;border-right: 1px solid #000;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;}
#lightboxCaption{float:left;font-size:11px;font-weight:bold;}
#keyboardMsg{float:right;}
#closeButton{top: 5px;right:5px;}
#lightbox img{border:none; clear: both;}
#overlay img{border: none;}
#overlay{ background-image: url(/images/overlay.png);}
}
@media print{
body{font-family:"Times New Roman CE", Georgia, "Times New Roman", Times, serif;color:#000;}
#headerPage, #col1, #top, #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;}
img{border:1px solid #000;margin:3px;}
#footer, #created{font-size:9px;}
table{border-collapse:collapse;}
td, th{border: 1px solid #000;}
th{text-align:left;}
}