html * {margin:0; padding:0; font-family: "Trebuchet MS", Arial, "Arial CE", "Tahoma CE", Tahoma, "Lucida Grande CE", Lucida, Sans-Serif;}
body {font-size:0.8em; color: #505050; background: #424141; text-align:left;}
.clear {width:0px; height:0px; clear:both; line-height: 0px; font-size: 0px;}


img{
border: 0;
}

a {
color: #0372bc;
}

a:hover{
text-decoration: none;
}

h1, h2, h3, h4 {
color: #0372bc;
font-family: calibri;
}

h1{
padding-top: 10px;
padding-bottom: 15px;
font-weight: bold;
font-size: 2em;
}

h2{
padding-bottom: 8px;
font-weight: bold;
padding-top: 10px;
font-size: 1.5em;
color: #65ae15;
}

h3{
font-size: 1.1em;
}

h4{
font-size: 1em;
}


p {font-size: 1em;
text-align: justify;
line-height: 19px;
padding-bottom: 10px;
padding-top: 10px;
}

/* layout */

#top-margin {height:120px;}

#all{
margin: auto;
width: 1204px;
background-color: #252525;
margin-bottom: 40px;
}

#head{
float: left;
height: 157px;
width: 100%;
background: white url('img/logo1.gif') 50% 0% no-repeat;

}


#page{
float: left;
width: 100%;
}

#subpage{
float: left;
width: 100%;
margin-top: 1px;
}


#subpage .left{
background-color: #b1b1b0;
width: 300px;
height: 100px;
float: left;
margin-right: 1px;
text-align: center;
font-weight: bold;
padding-top:50px;
font-size: 16px;
}


#subpage .right{
background-color: #918d88;
width: 300px;
height: 150px;
float: left;
}

#subpage .right2{
background-color: #918d88;
width: 300px;
height: 150px;
float: left;
margin-right: 1px;
}

#subpage .right3{
background-color: #918d88;
width: 300px;
height: 100px;
float: left;
margin-right: 1px;
text-align: center;
font-weight: bold;
padding-top:50px;
font-size: 16px;
color: rgb(224,224,224);
}


#left{
float:left;
width: 301px;
height: 240px;

}

#right{
float:left;
width: 301px;
height: 240px;
}

#right2{
float:left;
width: 301px;
height: 240px;
}

#right3{
float:left;
width: 301px;
height: 240px;
}

a.limg{
display: block;
float:left;
width: 300px;
height: 240px;
background: url('img/vodasys2.jpg') no-repeat;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
}


a.rimg{
display: block;
float: left;
width: 300px;
height: 240px;
background: url('img/sadrosys2.jpg') no-repeat;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
}

a.rimg2{
display: block;
float: left;
width: 300px;
height: 240px;
background: url('img/bahal2.jpg') no-repeat;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
}

a.rimg3{
display: block;
float: left;
width: 300px;
height: 240px;
background: url('img/novatop.jpg') no-repeat;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
}

a.rimg:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

a.rimg2:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

a.rimg3:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

a.limg:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}


#foot{
float:left;
width: 100%;
height: 59px;
}

a.novatop{
display: block;
width: 300px;
height: 41px;
padding-top: 18px;
float: left;
text-align: center;
color: black;
font-size: 20px;
font-weight: bold;
text-decoration: none;
background-color: #dadad9;
margin-right: 1px;
}

a.sadrokartony{
display: block;
width: 300px;
height: 41px;
padding-top: 18px;
float: left;
text-align: center;
color: black;
font-size: 20px;
font-weight: bold;
text-decoration: none;
background-color: #dadad9;
margin-right: 1px;
}

a.sadrokartony:hover{
background-color: #fafafa;
}

a.recyklacevody{
display: block;
width: 300px;
height: 41px;
padding-top: 18px;
float: left;
text-align: center;
color: black;
font-size: 20px;
font-weight: bold;
text-decoration: none;
background-color: #cac8c6;
margin-right: 1px;
}

a.bahal{
display: block;
width: 300px;
height: 41px;
padding-top: 18px;
float: left;
text-align: center;
color: black;
font-size: 20px;
font-weight: bold;
text-decoration: none;
background-color: #cac8c6;
margin-right: 1px;
}

a.bahal:hover{
background-color: #fafafa;
}

a.novatop:hover{
background-color: #fafafa;
}

a.recyklacevody:hover{
background-color: #fafafa;
}

.statistika{
display: none;
}