@media screen{
body {background:#fff url( "../images/layout/bg-page.jpg" ) 50% top repeat-x;color:#333;font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;line-height:1.3;font-size:80%;text-align:center;margin:0;padding:0}
html {overflow: scroll}

a:link, a:active, a:visited {color:#6699cc;text-decoration:underline}
a:hover {text-decoration:none}

h1 {color:#6699cc;font-size:200%;font-weight:normal}
h2 {font-size:180%}
h3 {color:#669900;font-size:130%}
h4 {font-size:100%}

h1,h2,h3,h4,h5,h6,p,table,fieldset,img {border:0;margin:0;padding:0}

fieldset{border:1px #c6d7f0 solid;padding:5px;margin:0}
legend{border:1px #c6d7f0 solid;padding:5px}

/* Layout */
#master {width:922px;text-align:left;margin:auto}

ul#menu{background:url(../images/layout/menu-end.png) 100% 0 no-repeat;list-style:none;margin:0;padding:0;height:42px;overflow:hidden}
ul#menu li{background:url(../images/layout/menu-separator.png) 100% 0 no-repeat;float:left;height:42px;line-height:42px;padding:0 2px 0 0}
ul#menu li.menuEnde{background:none}
ul#menu li a{color:#fff;text-decoration:none;font-size:150%;display:block;float:left;background:url(../images/layout/menu-bg.png) 0 0 repeat-x;height:42px;line-height:42px;padding:0 30px}
ul#menu li a:hover,#content .blueShape a.btnGreen:hover,#footer a:hover,ul#menu li.active a{color:#ffff00}
ul#menu li a.menuStart{background:url(../images/layout/menu-start.png) 0 0 no-repeat;padding-left:45px}

#header{position:relative;width:922px;background:url(../images/layout/header.jpg) 0 41px no-repeat;height:274px}
#header #logo {position:relative;top:25px;left:30px;display:block;width:292px;height:129px;overflow:hidden}
#header #logo span {position:absolute;display:block;top:0;left:0;width:292px;height:129px;background: url(../images/layout/logo.jpg) 0 0 no-repeat;z-index:2}

#headerin{position:relative;background:url(../images/layout/headerin.gif) 0 0 no-repeat;height:151px;padding-left:11px}
#headerin #shapeTel{position:absolute;right:25px;top:10px;width:320px;height:127px;overflow:hidden}
#headerin #shapeTel h2{color:#666;font-size:220%;font-weight:normal;letter-spacing:-1px}
#headerin #shapeTel p{color:#003366;font-size:300%;text-align:right;font-weight:bold;padding:7px 10px 0 0}
#headerin .shapeHead{position:relative;float:left;width:263px;height:127px;margin-left:7px}
#headerin .shapeHead a{display:block;cursor:pointer;width:263px;height:127px}
#headerin .shapeHead span{display:block;position:absolute;left:0;top:0;width:263px;height:127px}
a span.voda{background: url(../images/next/shape-cenik-vody.jpg)  0 0 no-repeat}
a:hover span.voda{background:url(../images/next/shape-cenik-vody-on.jpg)  0 0 no-repeat}
a span.vydejnik{background: url(../images/next/shape-vydejniky.jpg) 0 0 no-repeat }
a:hover span.vydejnik{background:url(../images/next/shape-vydejniky-on.jpg) 0 0 no-repeat}

#content{position:relative}
#content .border a {color:#999;background: url(../images/next/arrow-nav.gif) 100% 50% no-repeat;margin-right:4px;padding-right:12px;}
#content a.printIco{color:#999;background: url(../images/next/ico-print.gif) 0 50% no-repeat;padding:0 0 0 15px}
#content .printDiv{position:absolute;right:35px;top:20px}
#content .border{background:url(../images/layout/navigation.png) 0 0 no-repeat;color:#999;padding:22px 10px 0 35px}
#content .border p{padding:0;margin:0}
#content #contentBorder{border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;margin:0 10px;padding:0 20px}

#content #left{width:520px;float:left}
#content #right{width:318px;margin:15px 0 0 15px;float:left}

#content .blueShape{background:url(../images/next/right-shape-ende-blue.jpg) 50% 100% no-repeat;width:318px;padding-bottom:23px}
#content .blueShape h2{color:#fff;font-size:220%;font-style:italic;font-weight:normal;background:url(../images/next/right-h2-blue.jpg) 50% 0 no-repeat;display:block;text-align:center;padding:12px 0 25px 0}
#content .blueText{background:url(../images/next/right-shape-blue.jpg) 50% 0 repeat-y;padding:10px 15px}
#content .blueShape p,#content .greenShape p {color:#666;border-bottom:1px solid #ccc;padding:0 15px 15px 15px;margin:0 5px;text-align:justify}
#content .blueShape ul,#text ul{list-style:none;margin:10px 5px 10px 20px;padding:0}
#content .blueShape ul li,#text ul li{background:url(../images/next/arrow-right-blue.gif) 0 55% no-repeat; padding:3px 15px 3px 20px;}
#content .blueShape a.btnGreen{display:block;color:#fff;font-size:190%;text-decoration:none;background:url(../images/next/btn-green.gif) 50% 0 no-repeat;width:215px;height:60px;line-height:60px}
#content .blueShape p.noBorder{border:none;padding:15px 20px 0 25px}

#content .goldShape{background:url(../images/next/right-shape-ende-gold.jpg) 50% 100% no-repeat;width:318px;padding-bottom:23px;margin-top:15px}
#content .goldShape h2{color:#fff;font-size:200%;font-style:italic;font-weight:normal;background:url(../images/next/right-h2-gold.jpg) 50% 0 no-repeat;display:block;text-align:center;padding:12px 0 25px 0}
#content .goldText{background:url(../images/next/right-shape-gold.jpg) 50% 0 repeat-y;padding:10px 15px}
#content .goldText p.cenaVody{background:url(../images/next/ico-money.gif) 0 50% no-repeat;padding-left:65px;font-size:250%;color:#669900;margin-left:18px;border:0}

#content .greenShape{background:url(../images/next/right-shape-ende-green.jpg) 50% 100% no-repeat;width:318px;padding-bottom:19px;margin-top:15px}
#content .greenShape h2{color:#fff;font-size:200%;font-style:italic;font-weight:normal;background:url(../images/next/right-h2-green.jpg) 50% 0 no-repeat;display:block;text-align:center;padding:12px 0 25px 0}
#content .greenText{background:url(../images/next/right-shape-green.jpg) 50% 0 repeat-y;padding:10px 15px}
#content .greenText h4{font-size:110%;padding:25px 10px}
#content .greenText h4 span{font-size:120%;color:#008B07;padding:0 5px}
#content .greenText p.akceCena {font-size:250%;color:#669900;line-height:0.9;padding-top:15px}
#content .greenText p.akceCena span{font-size:60%;}
#text h2{color:#dbae2b}
#content .col{width:263px;border-right:1px solid #e7e7e7;float:left;margin:15px 5px;padding:5px 10px 5px 0}
#content .col h2{padding:0}
#content .contactCol{width:45%;border-right:1px solid #c6d7f0;float:left;margin:15px 15px;padding:5px 10px 5px 0}
#content .contactBorder{clear:left;border-bottom:1px #c6d7f0 solid;margin:10px 0}
#content .border0{border:none}
#content ul{margin:20px;}
#content h1 {padding:15px 0 5px 0;line-height:1.1}
#content p,#content h4{padding:5px 0 10px 0}
#content img.obr{padding:3px;border:1px solid #ccc}
#text h3,#text h2{padding:10px 0 0 0}

#left a{background:none;color:#6699cc}
#left .newsBorder{border-bottom:1px solid #e7e7e7;margin-bottom:15px;}
#left h2.news{color:#666;margin:15px 5px;border-bottom:1px solid #d1d1d1;padding:10px}
#left .imgNews {float:left;margin:0 20px 0 10px;padding:3px;border:1px solid #ccc;}
#left h3 {font-size:180%;font-style:italic;font-weight:normal;padding:10px 0}

#footer{position:relative;color:#fff;background:#a1c331 url(../images/layout/footer.jpg) 0 0 no-repeat;padding:30px 15px 12px 15px;margin:0}
#footer a{color:#fff}
#footer .ycnega{position:absolute;right:15px;top:30px}
#content table#cenikVody {width:600px;border-collapse:collapse;margin:20px 0}
#content table#cenikVody  td{padding:5px;border:1px #c6d7f0 solid;}
#content table#cenikVody  tr.akceVoda{color:red}
#content table#cenikVody  th{padding:5px;border:1px #c6d7f0 solid;}

#content table#vydDetail{background-color:#B1CEE4;border:1px solid #B1CEE4;padding:2px;float:left;margin:11px 5px;height:257px;width:500px}
#content table#vydDetail  th{background-color:#e9e9e9;padding:5px 10px;border:1px #fff solid; text-align:right}
#content table#vydDetail  td{background-color:#fff;padding:5px 10px;border:1px #fff solid; text-align:left}
#content .vydSeznam .zoom{position:absolute;right:5px;bottom:34px;background: url(../images/next/ico-zoom.jpg) 0 0 no-repeat;width:30px;height:28px;opacity:0.6}

#content .vydSeznam{position:relative;border:1px #c6d7f0 solid;padding:5px;float:left;margin:10px 5px 0 0}
#content .mr15{margin:10px 15px 0 0}
#content .mright10{margin:0 10px 0 0}
#content .ml160{margin-left:160px}
#content .vydSeznam h2{font-size:120%;background-color:#dbae2b;color:#fff;text-align:center;padding:3px;margin:0 0 5px 0}
#content .vydSeznam h3{font-size:120%;background-color:#669900;color:#fff;text-align:center;padding:3px;margin:2px 0 0 0}
#content .vydSeznam .detailButton a{display:block;font-weight:bold;font-size:120%;color:#6699cc;border:1px #c6d7f0 solid;text-align:center;padding:3px;margin:5px 0 0 0}
#content .vydSeznam .mt0 a{margin:0}

/* others */
.textRed{color:red}
.tar {text-align:right}
.tac {text-align:center}
.tal {text-align:left}
.mr10{margin-right:10px}
.ml10{margin-left:15px}
.fl  {float:left}
.fr {float:right}
.clear{clear:left;margin:0;padding:0}
.small{font-size:90%}
.verticPadd{padding:0 5px}
.input{width:250px;border:1px #c6d7f0 solid;padding:2px 0}
.skryta {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,#advertising,#divisionsBox,.sorting,.basket,.hiddenBlock,#counter{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-after:avoid;*/ 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{width:100%; text-align:center;}
th,td{text-align:center;}
td,th{border:1px solid #000;}
}