body {
margin : 0;
margin-left : auto;
margin-right : auto;
padding : 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 14px;
color : gray;
background-color : #8f9ea1; 
}
#container {
width : 826px;
height: auto;
margin : 0px;
margin-left : auto;
margin-right : auto;
padding : 0px;
}

#banner {
position: relative; top: 0px; left: 0px;
width : 826px;
height : 232px;
background-image : url("images/head.jpg");
}

#navcontainer {
position :relative;
left: 28px; 
top: -105px;
width: 800px;
margin: 0;
}

ul#navlist {
text-align: center;
list-style: none;
padding: 0;
margin: 0 auto;

}

ul#navlist li {
display: inline;
margin: 0;
padding: 0px;
}

ul#navlist li a {
font-family : Arial, Helvetica, sans-serif; color : #779fa6;
font-weight: bold;
font-size : 18px;
display : inline;
padding: 0 32px 0px 0;
text-decoration : none;
}
ul#navlist li a:hover, ul#navlist a li#active a:hover {
color : black;
font-size : 18px;
text-decoration : none;
}

#content {
position : relative;
left: 0px;
top: 0px;
height: auto;
background-image : url("images/pruh.jpg"); background-repeat: repeat-y; 
}

#metr {
position: absolute; top: 10px;|top: 10px; right: 50px;
height: 174px;
width: 243px;
background-image: url(images/metr.jpg); background-repeat: no-repeat;
}

#kalkul {
position: absolute; top: 10px;|top: 10px; right: 50px;
height: 174px;
width: 243px;
background-image: url(images/kalkul.jpg); background-repeat: no-repeat;
}

.mapy {
position: absolute; top: 40px;|top: 40px; right: 50px;
height: 342px;
width: 400px;
z-index: 3;
background-image: url(images/mapy.jpg); background-repeat: no-repeat;
}

#textbox {
position : relative;
left : 30px;
top : 0px;
width : 765px;
height: auto;
padding: 0px;
text-align: left;
min-height: 400px; |height:400px;
}
			
.slova { font-size: 10px;}

#footer {
position : relative;
clear : both;
padding : 0;
width : 826px;
height : 53px;
margin-top : auto;
background-image: url(images/foot.jpg); background-repeat: no-repeat; background-position: top;
}

#obr1 {
position: absolute; top: 330px;|top: 330px; right: 60px;
height: 165px;
width: 220px;
background-image: url(images/obr_01.jpg); background-repeat: no-repeat;
}

#obr2 {
position: absolute; top: 830px;|top: 830px; right: 60px;
height: 159px;
width: 220px;
background-image: url(images/obr_02.jpg); background-repeat: no-repeat;
}

#zelena {
position: absolute; bottom: 160px;|top: 142px; left: 0px;
height: 25px;
width: 150px;
background-image: url(images/zelenausporam.jpg); background-repeat: no-repeat;
}

#zelenausporam_logo {
position: absolute; top: 250px;|top: 250px; right: 270px;
height: 100px;
width: 100px;
background-image: url(images/logo_zelena_usporam.gif); background-repeat: no-repeat;
}

.nadpis {
position :relative;
left: 10px; 
top: -49px;
color: #779fa6;
font-weight: bold;
font-size: 18px;
text-align: left;
}

.posun {padding-left: 35px;}

.menudole {
position :relative;
left: 0px; 
top: 16px;
width: 826px;
color: white;
margin: auto;
font-size: 12px;
text-align: center;
text-transform: none;
}

.menudole a {color: white} 
.menudole a:hover {color: black}

.tcw {
position :relative;
left: 0px; 
top: 30px;
font-size: 9px;
text-align: center;
}

.tcw a {color: white}
.tcw a:hover {color: black} 

.seznam { text-align: left; }
.seznam li { list-style-type: square; }

a {text-decoration: none; color: black;  }
a:hover {color : #ff6600; text-decoration : none;  }


h1 {	font-size : 18px; color : #ab5120; text-align:left; padding-left: 30px;}	
h2 {	font-size : 16px; color : #6c6c6c; text-align:left;}	
h3 {	font-size : 14px; color : #6c6c6c; }