html {
 margin: 0;
 padding: 0;
}
body {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #C3D0D9;
	background-image: url(image/bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
}
p {
 margin: 5px;
 padding: 5px;
 text-align:justify;
}
H1 { 
 margin-left: 20px;
 padding: 0;
 color: #77B81F;
 font-size:14px;
 font-weight: bold;
 margin-left: 10px;
 text-transform:uppercase;
 text-align: left;
}
H2 {
 margin-left: 10px;
 padding: 0;
 color: #6C7B97;
 font-size: 11px;
 font-weight: bold;
 text-transform: uppercase;
 text-align: left;
}
H3 {
 color: #ffffff;
 font-size: 11px;
 font-weight: bold;
}
ul {
 margin-top: 0;
 margin-bottom: 0;
 margin-right: 20px;
 text-align: left;
}
li {
 margin-top: 0;
 margin-bottom: 0;
}
hr {
border: dashed #6C7B97;
border-width: 1px 0 0;
} 
#hlavni {
    position: relative;
    width: 980px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    background-image: url('image/bg.gif');
    border-left: 0 solid white;
    border-right: 0 solid white;   
}

#hlavni a {
color: #ffffff;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-decoration: none;
font-weight: normal;
text-align: center;
vertical-align: 0;
}
#hlavni a:hover {
font-weight: bold;
text-decoration: underline;
color: #77B81F;
}
#menu {
 position: relative;
 width: 980px;
 height: 39px; 
 overflow: hidden;
 text-align: right;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 background-image: url('image/menu.gif');
}
#menu a {
color: black;
margin: 0 0 0 0;
padding: 15px 30px 0 49px;
text-decoration: none;
font-weight: bold;
text-align: right;
vertical-align: -80%;
color: #ffffff;
}
#menu a.sel {
font-weight: bold;
}
#menu a:hover {
font-weight: bold;
text-decoration: none;
color: #6C7B97;
}
#left {
 position: relative;
 margin: 0 0 0 0;
 width: 480px;
 border-right: 0px solid #333333;
 overflow: hidden;
 float: left;
 padding: 0 0 0 0;
 text-align: center;
 color: #8E9CB1;
}
#left img {
 border: 1px solid white;
 text-align: center;
}
#left a {
color: white;
margin: 0;
padding: 0;
text-decoration: none;
font-weight: bold;
text-align: center;
border-bottom: 0;
}
#kontakt a:hover {
font-weight: bold;
text-decoration: underline;
}
#right {
 position: relative;
 margin: 0 0 0 0;
 float: right;
 overflow: hidden;
 padding: 0 0 0 0;
 width: 480px;
 border-right: 0px solid #333333;
 text-align: center;
 color: #8E9CB1;
}
#bottom {
 clear: both;
 color: white;
 width: 980px;
 height: 10px;
 font-size: 10px;
 margin: 0;
 padding: 5px 0 0 0;
 vertical-align: -100%;
 background-color: #636A87;
 border-top: 1px solid #333333;
}