body {
	margin:0; padding:0;
	background: #F0F3FD;
	font-family: Helvetica,'Arial CE',  sans-serif;
	text-align: center;
} 


td{
	font-size: 85%;
}
address{
	font-size: 80% !important;
}

#obsah {
    width: 780px;
    margin:1em auto;
   text-align:left;
    background: white;
	 padding: 0;

    }
#horni{
  height: 97px;/*97*/ 
  margin: 0;
  background: url(images/pruh_obrazku3.jpg) 0 21px no-repeat;
  /*background: url(images/pruh_obrazku3.jpg) 0px 23px no-repeat ;*/
	padding: 0;

}
#horni_obsah{
  height: 21px; 
  margin: 0;
 background: url(images/bgr_oblibene.gif) top left no-repeat;/*xxxxxxxxxxxxxxx */
	padding: 0;

}

#horni a{
  display: block;
  height: 21px;
  width: 70px;
  position: relative;
  left: 700px;
 
}
#horni span { 
	display:none 
}	

#nadpis{
  height: 45px; 
  margin: 0;
  background:  url(images/nadpis.gif) top left no-repeat;
	padding: 0;
	position: relative;
}
#nadpis a{
  display: block;
  height: 25px;/*25*/
  width: 220px;
  position: absolute;
  left: 20px;
  top: 5px; 
  margin: 0;
  padding: 0;
}
#nadpis span { 
	display:none 
}	
h2{
padding: 0;
margin: 0;
	font-size: 100%;
}
h3{
	font-size: 100%;
	padding: 0;
	/*margin: 5 0 0 0;	*/
}



#levy{
width: 190px;
float: left;
	
}
#levy-obsah{
padding: 0;
	
}

#pravy{
margin-left: 188px;
background: #D8E2F1;
width: 585px;
}      
#pravy_obsah{
   text-align: left;
   padding: 0.5em 1em;
	font-size: 90%;
} 
#pravy_obsah h3{
	margin-bottom: 3px;
} 

#pravy_obsah li{
	list-style-type: disc;
	margin: 0 5px;
	padding: 0 5px;
	font-size: 90%;
	
}

#loga{
   width: 185px;
   text-align: center;
  
   padding-top: 25px;
    background:  #0054A6 /* url(images/predel3.gif) top left no-repeat*/;  
} 

#loga img{
  border: 0;
  padding: 0;
  margin: 0;
}
#loga a{
	background: transparent  !important;
	color: White !important;
	text-decoration: none !important;
	border: none !important;
}
 
#hlavni{
   clear:both;
   	 background: #D8E2F1 url(images/bgr_left_menu.gif) repeat-y;
}

 hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
	}    

 .clear{
	clear : both;
}   
 .clear_right{
	clear: right;
} 
#copy {
	margin: 0;
	padding: 5px;
	text-align: center;
	font-size: 70%;
	color: white;
	background: #0054A6; 
 	border-top: 3px solid white ;
}
	#copy a, a:hover {
	  color: silver;
}


/* top menu */
#top_menu {
   
 background:   url(images/bgr_top_menu2.gif) 0% 0% no-repeat;  
}	

ul#mainMenu  {
  	background:   url(images/bgr_top_menu4.gif) left top no-repeat; /*xxxxxxxxxxxxxxxxxxxxxxxxx*/ 
	height: 20px; 
}
ul  {
   /*color: 000000;*/
	padding:0;
	margin:0;
	list-style-type:none;
	
}	

ul#mainMenu  {
   /*color:000000;*/
	padding:0;
	margin:0;
	list-style-type:none;
	padding-left: 188px;
}
ul#mainMenu ul {
	margin-top: 0;
	}
ul#mainMenu ul ul{
	margin-left: 40px;
	}	
ul#mainMenu li {
	float:left; 
	padding:2px 3px 2px 0;
}
ul#mainMenu a {
  	color: #0C2B49;
  	background-color:#BACDEA;
  	display:block;
  	border-bottom:3px solid #0071BC;
  	text-decoration:none;
  	text-align: center;
  	padding-right:1.2em;
  	padding-left:1.2em;
  	font-size: 75%;
	font-weight: bold;
}

	
	
ul#mainMenu ul a {
	border-bottom:none;
	border-left: 3px solid #0071BC;
	padding-left:2px;
	text-align: left;
	width: 190px;
}
	
ul#mainMenu ul a:hover {
  color:blue;
	border-left:3px solid #0054A6;
	background-color:#ffffff;	
}
	
ul#mainMenu ul {
	position:absolute;
	visibility:hidden;
	background: #BACDEA url(images/bgr_rolet_menu.gif) repeat-y;
}
	
ul#mainMenu li:hover ul, ul#mainMenu li.hover ul{
	visibility:visible;
}
	
ul#mainMenu li li {
	float:none;
	border:none;
	padding:0;
	width: 210px;/*210*/
	font-size: 95%;
	  border-bottom: 1px solid #0054a6;
}
		
	
		
	ul#mainMenu li {
		behavior: url(hover.htc);  /*Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
	}

	#onas, #kontakt, #stahuj, #foto, #ohlasy, #odkazy {
	background: #FBB466;
  
  display:block;
  text-decoration:none;
  font-weight:bold;
   color: #0054A6;
 }	
	#onas:hover, #kontakt:hover, #stahuj:hover, #foto:hover, #ohlasy:hover , #odkazy:hover{
	  color:white;
		background-color:#0071BC; 

	}
	
/* left menu */	
	
ul#menux li a{
	width: 190px;
}	
	
	#levy li{
	width: 180px;
	

  
}
	#levy li:hover , #levy li.hover {
	background: #0071BC;	
	}
	#levy a {
	padding: 3px 0 3px 5px;
	width: 180px;	
	background: #F99D39;/*#FFCF00;#F2CD00*//*xxxxxxxxxxxxxxxxxxxxxxx*/
  color:black;
  display:block;
  text-decoration:none;
  font-weight:bold;
  border-bottom:3px solid white;

  font-size: 75%;
}	
	#levy ul a:hover {
	  color:white;
		background-color:#0054A6; 

}

#drobecky {
	text-align: right;
	font-size: 85%;
	padding-bottom: 1em;
}

a{
	color: blue;
}

a:hover{
	color: #DC143C;
}
a:visited{ 
  color: #4169E1; 
}

.zvyraznit{
	background-color: #f0f3fd;
}

table{
	width: 98.6%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border: 1px solid #0054a6;


}

table.t_mensi{
	width: 70%;
	margin: 0 auto;



}

td{
	text-align: left;
	padding: 3px 12px;
	margin: 0px;
	
	
}

th{
	text-align: left;
	padding: 3px 12px;
	margin: 0 0 5px 0;
	background-color: #0054a6;
	color: white;
	font-size: 90%;

}

tr{
	text-align: center;
	padding: 0px;
	margin: 0px;
	
}

p, address{
	font-size: 90%;
	font-family: Arial, Verdana, Helvetica,  sans-serif;
	line-height: 1.3em;
	font-style: normal;
}
.nastred{
	text-align: center;
}
.red{
	color: Red;
	font-weight: bold;
}

img{
  border:0;
}
h1{
	margin:0 0 1em 0; 
  padding:0 0 0.1em 0;
	border-bottom: 2px solid #0054A6;
	text-align: left;
	font-size: 130%;
	color: black;
		
}
#pravy_obsah li{
	list-style-type: disc;
	margin-left: 15px;
	padding: 0;
}
#pravy_obsah li li{
	list-style-type: circle;

}
/*
.nahled
{
float: left;
width: 107px;
margin: 10px 0 5px 0;
padding-left: 5px;
text-align: left;
font-size: 75%;
}

.nahled{
	float: left;
	text-align: center;
	width: auto !important;
	padding: 1em;
	font-size: 75%;	
}
 */
table.obrazky{
	text-align: center;
	width: 99% !important;	
	margin: 15px auto;
	
	border: none;
}

table.obrazky td{
	text-align: center;
	font-size: 75% !important;

}

table.obrazky img{
	border: 1px solid white;

}
.clearboth
{
clear: both;
}

input, textarea {
border: 1px solid #0054a6;
}
.mezera{
	margin-top: 8px;
}
.mezera2{
	margin-top: 1.5em;
}
.ok {
    font-weight: bold;
    color: green;

}
.kontakt{
		background: #f0f3fd; 
}
.no-border{
	border: none;
	width: auto;
}
.no-border td{
	padding: 0 8px 0  0;
}
#levy p{
	text-align: left;
	margin: 0 1em 1em 1em;
	color: White;
	font-size: 70%;

	padding: 0;	
}
#levy h3{
	color: White;
	margin: 60px 0 0 0 ;
	padding: 0;
}
h3.vetsi_mezera{
	margin: 1em 0 0 0;
}
h3.vetsi_mezera2{
	margin: 4em 0 0 0;
}

.funkce{
	background: White;
	border: 1px solid #0054a6;
	padding: 5px 5px 5px 8px;
	margin-top: 1.5em ;
	font-size: 85%;
	

}



.funkce img{
	vertical-align: bottom;
	border: none;
}
.funkce a{
	margin-left: 1em;
	vertical-align: bottom;
}
.uvod p{
	margin: 2px 1px;
	padding: 1px;	
}
.uvod ul li{
	/*margin: 2px 1px;*/
	/*padding-bottom: 3px !important;	*/
	/*font-weight: bold;*/

}

.f_right{
	float: right;
	margin-right: 8px;
	margin-bottom: 8px;	
	margin-left: 8px;		

}


table.t_uvod2 {
	width: 54%;
}


table.t_uvod2 h3{
	margin-bottom: 2px;
	margin-top: 2px;	
}
table.t_uvod2 p{
	font-size: 100%;
	margin-top: 3px;
	margin-bottom: 0.5em;
}


table.t_uvod {
	width: 98.5%;
}



table.t_uvod caption{
	text-align: left;
	padding-top: 1em;
	padding-bottom: 0.4em;
	font-weight: bold;
}
table.t_uvod h3{
	margin-bottom: 4px;
}
table.t_uvod p{
	font-size: 100%;
	margin-top: 3px;
}
.ohlasy{
	font-size: 90%;
}
.ohlasy h3, .ohlasy p{
	margin-bottom: 2px;
	margin-top: 2px;	
}

.nahled{
	float: left;
	text-align: center;
	width: auto !important;
	padding: 1em 1.5em 0.1em 0;
	font-size: 75%;
} 


.nahled2{
	float: left;
	text-align: center;
	width: auto !important;
	padding: 1em 5em 0.1em 0;
	font-size: 85%;
} 

.nahled2 a{
	text-decoration: none;
}
 

.mensi{
	font-size: 90%;
}
.kurziva{
	font-style: italic;
}
.foto_text{
	font-size: 80%;
	margin: 1.3em 1.3em 1.3em 0;
}
#accka{
	display: block;
	width: 280px !important;
	height: 15px !important;
	float: left; 	
	position: relative;
	top: 25px !important;
	left: 490px !important;
	/*background: Aqua;*/
}

