* {padding: 0px; margin: 0px;}

body{
  background-color:#000;
  text-align:center;
  color:#000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 82%;
}

h2 {
  font-size:150%;
  font-weight:normal;
  padding-bottom:10px;
  color: #C00
}

p {padding-bottom:15px}

a { color: #000; text-decoration: underline;}

a:hover {color: #C00; text-decoration: underline;}

img {border:none}

#hlavni {
	width:1010px;
	margin:0 auto;
	text-align:center;
	background:url(../img/bg-obal.png) repeat-y
}

#obal {
	background-color:#fff;
	width:970px;
	margin:0 auto;
}

#hlavicka {
	width:970px;
	height:90px;
	margin:0 auto;
	border-bottom:2px solid #FFF;
	background:url(../img/bg-hlavicka.png) left center no-repeat;
	
}

#logo{
   width:321px;
   height:90px;
   float:left;
   background:url(../img/logo.png) left top no-repeat
}

#logo h1{
   visibility:hidden;
   font-size:50%
}

#top-menu{
   float:right;
   width: 416px;
   height:18px;
   padding:0px;
   margin:0px;
   margin-top:35px
   
}

#top-menu ul {
	list-style: none;	
}

#top-menu ul li {
	display: inline;
}

#top-menu a {
    float:left;
	width:100px;
	height:18px;
    display: block;
	text-decoration: none;
	color:#fff;
	border-right: 1px solid #FFF
}

#top-menu .posledni a {
	border-right: none
}

#top-menu .aktivni a {
}

#top-menu a:hover {
	text-decoration: underline;
}

#animace {
	width:970px;
	height:230px;
	margin:0px auto;
	border-bottom: 2px solid #fff;
	background:url(../img/bg-animace.jpg)
}


#obsah {
	width:970px;
	margin:0px auto;
	border-top: 6px solid #6C0
}

#levy-box {
	float:left;
	width:270px;
	padding: 0px 0px 0px 38px;
	text-align:justify
}

#menu{
width: 270px;
height:325px;
text-align:left;
background:url(../img/bg-menu.png) top no-repeat;
}

#menu li{
list-style-type:none 
}
	
#menu li a {
    height:35px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 22px;
	text-decoration: none;
	font-size:110%;
	background:url(../img/ctverecek.png) 20px 20px no-repeat;
}

#menu li.activ a {
	background:url(../img/ctverecek-activ.png) 20px 20px no-repeat;
}
	
#menu li a:link, #menu li a:visited {
	display: block;
	color:#FFF;
	padding: 14px 0 0 40px;
	text-decoration:none;
}

	
#menu li a:hover {
	color: #000;
	background:url(../img/ctverecek-activ.png) 20px 20px no-repeat;
	padding: 14px 0 0 40px;
	}
	
#pravy-box {
	float:right;
	width:622px;
	float:right;
	text-align:justify;
	background:url(../img/bg-pravy-box.jpg) left top no-repeat;
	padding:35px 20px 10px 20px
}

.aktuality {
	width:580px;
	
	border:1px solid #999;
	padding:10px;
	background-color: #F7F7F7;
	margin-bottom:15px
}

.aktuality img{
	float:left;
	background-color: #EFEFEF;
	padding:4px;
	border: 1px solid #660000;
	margin:0px 10px 20px 0px;
	height:70px
}

.aktuality p{
	padding-bottom:8px;
	
}

.aktuality h3{
	padding-bottom:8px;
	font-weight:normal;
}

#pravy-box img{
	float:left;
	background-color: #EFEFEF;
	padding:4px;
	border: 1px solid #660000;
	margin:0px 7px 7px 0px
}

.formular {float:right; width:300px}
.kontakt {float:left; width:290px}
	
.clear { clear:both}

.telefon { border-bottom:10px solid #FFF; border-top:10px solid #FFF}

/*patice*/

#autor {
   width:970px;
   color:#FFF;
   padding:10px 20px;
   margin: 0px auto 0 auto;
   font-size:85%;
   text-align:right;
   border-top: 10px solid  #000;
   background:url(../img/bg-patice.png) left top repeat-x
}

#autor a{
	text-decoration:none; color: #FFF
}

#autor a:hover{
	text-decoration: underline; color:#000
}


/* ------- Hacky ------- */
#pravy-box{
	_width: 662px; /* pro IE 5.x */
	_wid\th: 622px; /* pro IE 6 */
}

#autor{
	_width: 1010px; /* pro IE 5.x */
	_wid\th: 970px; /* pro IE 6 */
}