body {
background-color: #369;
font-family: verdana;
font-size: 9px;
}

.main {
width: 800px;
height: 580px;
position: absolute;
top: 50%;
left: 50%;
margin: -290px 0px 0px -400px;
overflow: auto; 
}


.content {
width: 591px;
height: 550px;
float: left;
background: #369 url("pics/podklad_02.jpg") no-repeat;
}

.obsah {display: block;
    margin-left: 240px;
    margin-top: 80px;
    overflow: auto;
    width: 300px;
    height: 350px;
}

    
.menu {background: #369 url("pics/podklad_menu.jpg") top center no-repeat;
  float: left;
  width: 186px;
  height: 550px;
}
  
  .menu ul {
	  margin : 0;
	  padding : 0;
	  list-style-type : none;
  }
  
  .menu li {
	  margin : 0;
	  padding : 0;
  }
  
.menucontent {
  margin-top: 310px;
  padding-left: 20px;
  font-size: 10px;
  letter-spacing: -1px;
  line-height: 17px;}
  
.menucontent a {
  /*display: block;*/
  text-transform: uppercase;
  color: #666;
  font-weight: bold;
  text-decoration: none;
  padding-left: 12px;
  background: url("pics/bg_01.gif") center left no-repeat}
  
.menucontent a:hover {background: url("pics/bg_02.gif") center left no-repeat;
  color: white;
  text-decoration: none}
  
.clear {clear: both} 

.pata {display: block;
  color: #69c;
  font-weight: bold;
  font-size: 0.75em;
  text-align: center;
  padding-top: 1em}
  
.pata a {font-weight: bold;
  color: #69c} 

h2 {font-size: 17px;
  color: #630;
  letter-spacing: 3px;
  border-bottom: 1px solid #630 }

h3 {font-size: 10px;
  border-left: 7px solid #630;
  padding-left: 7px;
  text-transform: uppercase;
  color: #630;}

.datum {display: block;
  font-weight: bold;
  float: left;
  font-size: 10px;
  color: white;
  background: #630;
  padding: 2px;
  margin-bottom: 3px}

.datum1 {display: block;
  font-weight: bold;
  float: left;
  font-size: 10px;
  color: white;
  background: #c90;
  padding: 2px;
  margin-bottom: 3px}
  
.aktual {float: left;
  margin-left: 5px;
  width: 250px;
  margin-bottom: 7px}

p.sobrazkama img {border: 2px solid white;
  margin-bottom: 3px}
p.sobrazkama a img {border: 2px solid white;
  margin-bottom: 3px}
p.sobrazkama a:hover img {border: 2px solid #fc3}  

.left {float: left;
  width: 100px}
.left2 {float:left;
  width: 160px}
.clear {clear: both}

a {text-decoration: none;
  color: #630}

a:hover {text-decoration: underline}
  
.zpet a {font-size: 10px;
  align: right;
  text-decoration: none;
  color: #630}
  
.zpet a:hover {font-weight: bold} 

.seznam {line-height: 18px}
a.seznam {text-decoration: none;
  color: black;
  font-weight: bold;
  padding-left: 10px;
  border-left: 2px solid #630}

a.seznam:hover {color: #630;
  border-left: 7px solid #630;
  padding-left: 5px;
  }
  
textarea {border: 1px solid #630;
  padding: 0.5em;
  font-family: verdana;
  font-size: 11px
}
  
textarea.body {border: 1px solid #630;
  padding: 0.5em;
  font-family: verdana;
  font-size: 11px;
  width : 190px;
  height : 170px;
}
.formlabel {
	width : 70px;
	vertical-align : top;
	padding-top : 5px;
}
input.tlacitko {border: 1px solid #630;
  background-color: white;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold}
  
input.tlacitko:hover {border: 1px solid red;}  

input {border: 1px solid #630;
  padding: 0.5em;
  font-family: verdana;
  font-size: 11px;
  width : 190px;
}

table {font-family: verdana;
  font-size: 11px;}
  
#pridej {display: block;
  width: 100px;
  padding: 0.2em;
  text-align: center;
  background-color: white;
  border: 1px solid #630} 
  
#pridej a:hover {text-decoration: none} 

#pridej:hover {border: 1px solid red}

#jmeno {font-weight: bold;
  color: #630}

#misto {font-weight: bold;
  text-transform: uppercase;
  color: red}
#pozn {font-size: 10px;
  color: gray}
  
  .form-error {
	  color : red;
	  padding : 10px 0px;
	  margin : 0px;
  }
p {margin: 0 0 3px 0}


.disc_item {
	font-weight : bold;
}