/* CSS Document */
body{
  background-color: #ffcb00;
  margin: auto;
  font-family: Verdana;
  color: #403300;
}

h1{
  font-size: 120%;
  margin:3px;
  text-decoration: underline;
  
}
h2{
  font-size: 110%;
  margin:2px
}

h3{
  font-size: 105%;
  margin:1px
}

p{
  font-size: 100%;
}
a{
  font-size: 105%;
  color: #917400;
  text-decoration: none;
}

img{
  border: 0px solid black;
}

#main{
  
  /*border: 1px solid black;*/
  width: 1024px;
  height: auto;
  margin:auto;
  .margin-left: 8%;
}

#hlavicka{
  width: 1024px;
  height: 185px;
  background-image: url(../images/hlavicka.jpg);
}

#telo{
  width: 1024px;
  height: auto;
  background-image: url(../images/pozadi.png);
  background-repeat: repeat-y;
}

#hlavni_panel{
  width: 840px;
  height: auto;
  margin: 0px 92px 0px 92px;
  /*background-image: url(img/panel_c.jpg);*/
  background-repeat: no-repeat;
   /*border: 1px solid black; */
}

#levy_panel{
  width: 228px;
  height: 440px;
  margin:0;
  background-image: url(../images/levy_sl.jpg);
  background-repeat: no-repeat;
  float:left;
  /*border: 1px solid black; */
}

#pravy_panel{
  width: 612px;
  height: 440px;
  margin: 0 0 0 228px;
  background-image: url(../images/hlavni_sl.jpg);
  background-repeat: no-repeat;
  .float: right;
  .margin: 0;
  /*border: 1px solid black; */
}

#obsah{
  width: 550px;
  height: 400px;
  margin: auto auto auto 20px;
  overflow-x: auto;
  overflow-y: scroll;
}

span.menu_text{
  font-style: oblique;
  font-weight: bolder;
  
}


.prvni_menu_item{
  width: 170px;
  height: 36px;
  background-image: url(../images/menu/1n.png);
  background-repeat: no-repeat;
  display: block;
  padding:4px 0 0 10px;
  .height: 40px;
}
.prvni_menu_item:hover{
  width: 170px;
  height: 36px;
  background-image: url(../images/menu/1a.png);
  background-repeat: no-repeat;
  display: block;
  padding:4px 0 0 10px;
  .height: 40px;
}


.druhy_menu_item{
  width: 170px;
  height: 36px;
  background-image: url(../images/menu/2n.png);
  background-repeat: no-repeat;
  display: block;
  padding:4px 0 0 10px;
  .height: 40px;
}
.druhy_menu_item:hover{
  width: 170px;
  height: 36px;
  background-image: url(../images/menu/2a.png);
  background-repeat: no-repeat;
  display: block;
  padding:4px 0 0 10px;
  .height: 40px;
}

.treti_menu_item{
  width: 170px;
  height: 36px;
  background-image: url(../images/menu/3n.png);
  background-repeat: no-repeat;
  display: block;
  padding:4px 0 0 10px;
  .height: 40px;
}
.treti_menu_item:hover{
  width: 170px;
  height: 36px;
  background-image: url(../images/menu/3a.png);
  background-repeat: no-repeat;
  display: block;
  padding:4px 0 0 10px;
  .height: 40px;
}

#menu{
  list-style-type: none;
  padding: 0px;
  margin: 10px 0 0 41px;
}

#autor{
  
  font-size: 60%;
  margin-top: 5px;
  
}