/* CSS Document */
body {
  margin: 0;
  padding: 0;
  background: url('../img/background.gif') repeat-x left top;
  background-color: rgb(242,242,241);
  text-align: center;
  font-family: Verdana;
  font-size: 13px;
  color: rgb(34,78,148);
}
#page {
  width: 898px;
  min-height: 766px;
  max-height: 1800px;  
  margin-top: 34px;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  background: white none;
  text-align: left;
}

/**************************Záhlaví webové stránky******************************/
#header {
  background: url('../img/header01.jpg') no-repeat left top;
  width: 898px;
  height: 248px;
  padding: 0;
  margin: 0;
}

#header .name {margin: 20px 0 0 35px;}
#header .logo {margin: 0 0 0 35px; float: left; border: none;}
#header .headimg {border: none; float: right;}

#menu {
  position: relative; 
  top: -8px; 
  left: 40px;
  width: 460px;
  height: 32px;
  float: left;
}

#menu .menu0 {background: url('../img/button/uvod.gif') no-repeat; width:113px; height:32px; float:left;}
#menu .menu1 {background: url('../img/button/pov.gif') no-repeat; width:115px; height:32px; float:left;}
#menu .menu2 {background: url('../img/button/hypo.gif') no-repeat; width:113px; height:31px; float:left; margin-top: 1px;}
#menu .menu3 {background: url('../img/button/kontakt.gif') no-repeat; width:112px; height:30px; float:left; margin-top: 2px;}

#menu .menu0:hover{background: url('../img/button/uvod_c.gif') no-repeat; width:113px; height:32px; float:left;}
#menu .menu1:hover{background: url('../img/button/pov_c.gif') no-repeat; width:115px; height:32px; float:left;}
#menu .menu2:hover{background: url('../img/button/hypo_c.gif') no-repeat; width:113px; height:31px; float:left; margin-top: 1px;}
#menu .menu3:hover{background: url('../img/button/kontakt_c.gif') no-repeat; width:112px; height:30px; float:left; margin-top: 2px;}

/**************************Tělo webové stránky*********************************/
#body {
  background: url('../img/body.gif') repeat-y left top;
  padding: 0;
  margin: 0;
  width: 898px;
  min-height: 500px;
  max-height: 1500px;
  text-align: center;
}

#body .mainmenu {padding: 0; margin: 0; text-align: left;}
#body .mainmenu li {padding: 40px 0 30px 40px; list-style-type: none;}

#body .mainmenu li a{
  position: relative; top: -100px; left:200px;
  background: url('../img/ball.jpg') no-repeat center;
  width: 100px;
  height: 40px;
  display: block;
  text-decoration: none;
}

#body .zahlavi {
  width: 859px;
  height: 40px;
  margin-right: 20px;
  background: url('../img/podtrzeni.gif') repeat-x bottom;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}

#body .telo {
  width: 859px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding: 20px 0;
}

.telo .kontakty {
  height: 250px;
}

.telo .podmenu {
  border-top: 2px solid gray;
  padding-top: 20px;
}
/**************************Zápatí webové stránky*******************************/
#footer {
  background: url('../img/footer.gif') no-repeat left top;
  width: 898px;
  height: 22px;
  display: block;  
}

#footer .znacka {
  position: relative;
  left: 765px;
  top: 20px;
  color: rgb(52,95,180);
}