html {
font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

* {
	margin: 0;
	padding: 0;
}
a  {color:#000000; text-decoration:none;}
 a:hover {color:#000000; text-decoration:underline;}
img {
border: 0px;
}

body {
	background: #e7e7e7 url(/images/pozadi.png) repeat-x ;
}



#hlavni {
	background: #ffffff ;
	width:922px;
  	margin: 0 auto;
  	  height: 100%;
 
}

#top{
position:relative;
width:922px;
height:202px;
}

#top_horni {
width:922px;
height:147px;}

#top_menu {

width:922px;
height:55px;
background: #4d4d4d;
color:#ffffff;
overflow:hidden;
}




.menu{position:absolute;	
  top:147px;
  padding:0;
margin:0;
}

/* remove the bullets, padding and margins from the lists */

.menu ul{

 top:0px;
list-style-type:none;
padding:0;
margin:0;
background: #4d4d4d;
	height: 55px;
}

/* make the top level links horizontal and position relative so that we can position the sub level */

.menu li{

float:left;

position:relative;

z-index:100;
 
   }


/* style all the links */

.menu li a {
display:block;
text-decoration:none;
margin-right:10px;
text-align:center;

	
	color: #ffffff;
	display: block;
	float: left;
	font: bold 15px Arial;
	line-height: 55px;
	padding: 0 14px;
	text-decoration: none;

}

/* style the links hover */

.menu  a:hover{
background: #838383; 
}

/* menu level 2*/

/* hide the sub level links */
 .menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}
.menu ul ul {

visibility:hidden;

position:absolute;
width:200px;
  top:70px;
height:0;

}

.menu li li a {
display:block;
text-decoration:none;
margin-right:1px;
text-align:left;
	background: #ffffff;
  	border: 1px solid #dddddd;
	 width:200px;
	color: #333300;
	display: block;
	float: left;
	font: normal 1.1em Arial;
	padding: 0 3px;
	text-decoration: none;


}
.menu li li a:hover{
background: #dddddd; 
	border-top: 1px solid #aaaaaa;	
}
/* make the sub level visible on hover list or link */

.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/* konec menu level 2*/














/* footer */
#footer {
	background: #c0c0c0 ;
	color: #000000;
	padding: 0px 15px 0px 15px;
	font: bold 1em sans-serif;
	line-height: 39px;
	text-align: left;
		width:892px;
  	margin: 0 auto;
}
#footer a,#footer a:hover {color: #ffffff;}




#text_hlavni{

 width:892px;
 min-height:200px;
background: #ffffff url(/images/text_top.png) no-repeat ;
padding: 30px 15px 15px 15px;
}

#text_hlavni_leva{
  padding:0;
margin:0;
width:300px;
min-height:350px;
float:left;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;



}

#nahled_obr {
float:left;
top:0px;
height:200px;
width:300px;
overflow:hidden;
padding:0;
margin:0;


}




#text_hlavni_leva a {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

  }
#text_hlavni_leva ul{
padding: 15px 0px 0px 15px; 
}
#text_hlavni_leva li {
list-style-type:square;
color: #f78225;
padding: 5px 0px 0px 0px; 

}  
  
  

#text_hlavni_prava{ 
width:560px;
float:right;
min-height:350px;
height: expression(this.scrollHeight < 350? "350px" : "auto" );
overflow: visible;
background: #f2f2f2;
padding: 0px  10px 10px 10px;
  	margin: 0;
}

#text_hlavni_prava H1{ 
font-size:30px;
padding: 0px  0px 10px 0px;
}



.cb{
clear:both;
}



#mapa {
float:left;
top:0px;
height:300px;
width:300px;
overflow:hidden;
padding:0;
margin:0;
 background: #f2f2f2;

}



#text_scrol {
width:100%;
height:260px;
Overflow:auto ;
}
#text_scroluj{
width:520px;
}


#text_scroluj table{
 	font-size: 12px;
}


#text_scroluj td{
 	font-size: 12px;
}


.foto {padding:20px 0px 0px 0px;
margin:0;}