html {margin: 0;padding: 0;}
body {
 margin: 0 auto;
 padding: 10px;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 text-align:center;
 width: 980px;
 position: relative;
}
p {
 margin: 0;
 padding: 0;
}

#top {
 background-image: url("./image/zahlavi.gif");
 background-position: center top;
 background-repeat: repeat-x;
 background-color: #6E8CBE;
 position: relative;
 height:108px;
 width:980px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }

#top a {
    margin-top: 14px;
    margin-right:10px;
    padding: 0px;
    display: block;
    float:right;
    text-align:middle;
  }

#menutop {
 background-image: url("./image/menutop.gif");
 background-position: center top;
 background-repeat: repeat-x;
 background-color: #6E8CBE;
 position: relative;
 height:30px;
 width:980px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }

#menutop a {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    font-weight:bold;
    margin-right:16px;
    margin-left:10px;
    display: block;
    color:white;
    font-size:11px;
    text-align:middle;
    text-decoration:none;
    float:right;
  }

#banner {
 position: relative;
 padding: 0px 0px 0px 0px;
 overflow: hidden;
 margin: 0 auto;
 text-align: center;
 width:980px;
 background-position: center top;
 background-repeat: repeat-x;
 background-color: #3E5B85;
}


#bottom {
 clear:both;
 margin:0px;
 padding-top:8px;
 color:white;height:20px;
 font-size:9px;letter-spacing:1px;
 position: relative;
 background-repeat: repeat-x;
 background-color: #233F67; text-align: right;
 background-image: url("./image/bottom.gif");

}
#bottom a
{
 color: white;
 text-decoration: none;
 font-weight:bold;
}

#hlavni {
    position: relative;
    padding: 10px 12px 0px 12px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    background-color: #FFFFA0;
    width:956px;
 background-image: url("./image/hlavni.gif");
 background-position: center top;
 background-repeat: repeat-x;
 background-color: #7FA1D1;

}
#hlavni img {margin-right:10px;margin-top:5px;margin-bottom:5px;padding:0px;float:left;}
#hlavni .img {margin:0;padding:0px;}
#hlavni .imghl {margin-left:20px;margin-right:0px;padding:0px;float:right;}
#hlavni .hl {margin:0px;padding:0px;color:#FFFFFF;font-size:14px;text-transform:uppercase;font-weight:bold;letter-spacing:2px;}
#hlavni h1 {margin:0px;padding:0px;color:#FFFFFF;font-size:15px;text-transform:uppercase;font-weight:bold;letter-spacing:2px;}
#hlavni h2 {margin:0px;padding:0px;color:#FFFFFF;font-size:13px;text-transform:uppercase;text-decoration:underline;}
#hlavni h3 {margin:0px;padding:0px;color:#8DB500;font-size:12px;}
#hlavni a {color:black;text-decoration:none;}
#hlavni ul {margin-top: 0;margin-bottom: 0;}
#hlavni li {margin-top: 0;margin-bottom: 0;}

#obsah {
 position: relative;
 padding: 10px 10px 10px 10px;
 width: 620px; 
 float: right;overflow: hidden;
 background: #223E66;
 background-color: #223E66;
 text-align:justify;
 font-size:12px;letter-spacing:0px;

 }


#menu {
 position: relative;
 padding: 10px 0px 5px 0px;
 width: 280px; 
 float: left;overflow: hidden;
 background: #223E66;
 background-color: #223E66;
 text-align:left;
 }
#menu a
{
text-transform:uppercase;
letter-spacing:1px;
clear:both;
color: white;
margin: 0px;
font-weight:normal;
font-size:11px;
padding-top: 6px;
padding-left: 20px;
padding-bottom: 6px;
text-decoration: none;
display: block;
width: 2800px;
text-align:left;
background-color: #223E66;
}

#menu strong {
  padding: 0px 0px 0px 20px;
  font-size:14px;
  font-weight:bold;
 }

#menu a:hover
{
background-color: #3572F3;
color: #000000;
}