@charset "windows-1250";

			  
body {
background-color: #EAF9FF; 
font-family: Arial;
 font-size: 12px;
font-style: normal;
font-variant: normal;
text-align: center;
color: #083B6E;


	   
}
	

  .program  {
   	font-weight : normal;
	
   }   
   
   a:link  {
   	font-family : Arial;
   	color : #CC0000;
	font-weight : bold;
   	text-decoration : underline;
   }
   
   a:visited  {
   	font-family : Arial;
   	color : #CC0000;
	font-weight : bold;
   	text-decoration : underline;
   }
   
   
  
   A:hover  {
	font-family : Arial;
   	color : #3333FF;
   	text-decoration : none;
   }

   				  
   
   	 	     			  div.pozadi {
 background: url(obrazy/pozadi.jpg) ;
	   position: absolute;
top: 0px;	
_top: 0px;	 
left: 0px;
width: 100%; 
height: 358px; 
margin: auto;
text-align:left;

}  

	BODY, table {

font-family: Arial;
 font-size: 12px;
font-style: normal;
font-variant: normal;
color: #083B6E;}

  
    div.logo   {  
	
		  	
	
		 } 
		   
		    div.reference {
 background: url(obrazy/jazyk.jpg) no-repeat;
position: absolute;
width: 149px; 
height:23px;
left: 629px;
top: 10px;

text-align: left; 
			 
font-family: Arial;
 font-size: 12px;
  color: #000000;
}  



		  
 div.spodni {
 background: url(obrazy/spodni.jpg) no-repeat;
position: absolute;

width: 750px; 
_width: 800px;
height:50px;
left: 0px;

text-align:right; 
  padding: 8px;
		padding-left: 30px;
			 padding-right: 30px; 
			 
font-family: Arial;
 font-size: 10px;
  color: #000000;
}  
		 
		 
   
 div.celek {
background-color: #EAF9FF; 
position: relative;
top: 0px;
width: 800px;
margin: auto;
text-align:left;

}  
 div.logo {
background-color: #DCEAEF; 
position: absolute;
top: 0px;
width: 800px; 
margin: 0px;
text-align:left;

}  
	  div.flash {

position: absolute;
top: 68px;
width: 770px; 
left: 15px;
margin: 0px;
text-align:left;

}  



   		
		    div.text {   
	   background: url(obrazy/text.jpg) ;
position: absolute;
top: 321px;		  
	  width: 800px; 
	  
text-align: left; 
	font-family: Arial;
 font-size: 12px;
  color: #000000; 
} 				  

 div.text2 {   

	   padding-left: 6px;
	  min-height: 1050px;
_height: 1050px; 
			
		width: 590px;	
		_width: 644px;
		padding: 10px;
		padding-left: 25px;
			 padding-right: 30px;
		   font-family: Arial;
 font-size: 12px;
  color: #000000;
		 } 

		 
		 
		 

    
		  

	 #horizontal_menu{	
	  position: absolute; 
	  	left: 15px;
	   top: 226px;
	width: 24px;
	height: 25px;
	background: url(obrazy/menu.jpg) repeat-x;
	margin-top: 1px;
}				






ul#h_odkaz, ul  {
	color: #FFF;
	padding: 0px;
	margin: 1px;
	list-style-type: none;
}			


ul#h_odkaz li {
	float: left; 
	width: 58px;
	height: 47px;
	text-align: left;
	font: 16px Tahoma;
	background: url(obrazy/h_menu.jpg) right no-repeat;
	cursor: pointer;  
	z-index: 1;
}
ul#h_odkaz li a {
	text-decoration: none;
	color: #FFF;
	
	z-index: 1;
}
ul#h_odkaz li a:hover {
	color: #FEC85A;
}
ul#h_odkaz li span {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	text-align: center;
	display: block;
}
ul#h_odkaz li:hover {
	color: #FEC85A;
}
ul#h_odkaz ul li {
	width: 58px;
	height: auto;
	font: 12px Tahoma;
	text-align: left;
	background: url(obrazy/dr_menu.jpg) repeat-y;
	position: relative;	
	z-index: 1;

}
ul#h_odkaz ul li.end {
	width: 58px;
	height: 0px;
	background: url(obrazy/dr_menu.jpg) no-repeat;
	position: relative;
	_margin-top: -4px;	 
	z-index: 1;
}
ul#h_odkaz ul a {
	width: 30px;
	 
	text-decoration: none;
	color: #FFF;
	position: relative;
	display: block;	
	z-index: 1;
}
ul#h_odkaz ul a:hover {
	color: #FEC85A;
}
ul#h_odkaz ul a span {
	display: block;
	text-align: left;
	padding-left: 0px;
}
ul#h_odkaz ul {
	position: absolute;
	visibility: hidden;
}
ul#h_odkaz li:hover ul, ul#h_odkaz li.hover ul {
	visibility: visible;
}
ul#h_odkaz li li {
	float: none;
	border: none;
	padding: 0;
}
ul#h_odkaz li { 
	behavior: url(hover.htc);
}			

			   


h1 {

	font-size: 180%;
	color: #000000;
	font-weight : bold;
	text-decoration: none;
	margin: 1px;
	font-family : tahoma;
}
														  



#horizontal_menu td a:hover , #horizontal_menu td a:active , #horizontal_menu .submenu td a:hover
{		  

	color:				#FF0000;	
	

}			

#horizontal_menu .creators
{			 
	
	position:			relative;
}

#horizontal_menu .submenu
{
	position:			absolute;
	color:				#000000;
	z-index:			100;
	visibility:			hidden;
	background-color:	#EAEAEA;
}

#horizontal_menu .submenu table
{
	margin:				5;
	padding:			5;
	border:				0px solid #9D9D9D;
}

#horizontal_menu .submenu td
{
	width:				30px;
	height:				30px;
	padding:			0px; 
	font-size: 			12px;
	line-height:		20px;
}

#horizontal_menu .submenu td a
{
	width:				130px;
	height:				15px;
	display:			block;
	text-align:			left;
	text-decoration:	none;
	color:				#000000;
	line-height:		20px;
	padding-left:		0px;
	font-size:			12px;
	font-weight:		normal;
	border:				none;
}
										


 

#menu1 a
{	   
position: absolute;
display:block;	
left: 0px;
width: 99px;
height:33px;
color: #777;
background: url("obrazy/menu1.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menu1 a:hover
{
background: url("obrazy/menuz1.jpg") 0 -33px;
color: #ffffff;
}

#menu1 a:active
{
background: url("obrazy/menuz1.jpg") 0 -33px;
color: #ffffff;
}  
	
	       div.polozka1 {	  
  position: absolute;

left: 0px;

 width: 99px;  
height: 33px; 
   display: block;
} 
	   




div.polozka1 {	  

	background: url("obrazy/menu1.jpg") 0 -33px no-repeat;
	}

div.polozka1 a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url("obrazy/menu1.jpg") top left no-repeat;
	}
	
div.polozka1 span {
	display: block;
	margin:0;
	padding: 8px 25px 0 10px;
	}
	
	
		

#menu1z a
{	   
position: absolute;
display:block;	
left: 0px;
width:99px;
height:33px;
color: #777;
background: url("obrazy/menuz1.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menu1z a:hover
{
background: url("obrazy/menuz1.jpg") 0 -33px;
color: #ffffff;
}

#menu1z a:active
{
background: url("obrazy/menuz1.jpg") 0 -33px;
color: #ffffff;
}  
	

				
	  
 

#menu2 a
{	   
position: absolute;
display:block;	
left: 0px;
width:98px;
height:33px;
color: #777;
background: url("obrazy/menu2.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menu2 a:hover
{
background: url("obrazy/menuz2.jpg") 0 -33px;
color: #ffffff;
}

#menu2 a:active
{
background: url("obrazy/menuz2.jpg") 0 -33px;
color: #ffffff;
}  
			   
	
	
	
	

#menu2z a
{	   
position: absolute;
display:block;	
left: 0px;
width:98px;
height:33px;
color: #777;
background: url("obrazy/menuz2.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menu2z a:hover
{
background: url("obrazy/menuz2.jpg") 0 -33px;
color: #ffffff;
}

#menu2z a:active
{
background: url("obrazy/menuz2.jpg") 0 -33px;
color: #ffffff;
}  
	
	
	
	
	
	
	       div.polozka2 {	  
  position: absolute;

left:99px;

 width: 98px;  
height: 33px; 
   display: block;
} 


div.polozka2 {	  

	background: url("obrazy/menu2.jpg") 0 -33px no-repeat;
	}

div.polozka2 a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url("obrazy/menu2.jpg") top left no-repeat;
	}
	
div.polozka2 span {
	display: block;
	margin:0;
	padding: 8px 25px 0 10px;
	}
	
	
	
	
	
	
 

#menu3 a
{	   
position: absolute;
display:block;	
left: 0px;
width:100px;
height:33px;
color: #777;
background: url("obrazy/menu3.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menu3 a:hover
{
background: url("obrazy/menuz3.jpg") 0 -33px;
color: #ffffff;
}

#menu3 a:active
{
background: url("obrazy/menuz3.jpg") 0 -33px;
color: #ffffff;
}  





 

#menu3z a
{	   
position: absolute;
display:block;	
left: 0px;
width:100px;
height:33px;
color: #777;
background: url("obrazy/menuz3.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menu3z a:hover
{
background: url("obrazy/menuz3.jpg") 0 -33px;
color: #ffffff;
}

#menu3z a:active
{
background: url("obrazy/menuz3.jpg") 0 -33px;
color: #ffffff;
}  
	
	       div.polozka3 {	  
  position: absolute;

left:197px;

 width: 100px;  
height: 33px; 
   display: block;
} 


div.polozka3 {	  

	background: url("obrazy/menu3.jpg") 0 -33px no-repeat;
	}

div.polozka3 a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url("obrazy/menu3.jpg") top left no-repeat;
	}
	
div.polozka3 span {
	display: block;
	margin:0;
	padding: 8px 25px 0 10px;
	}
	
	
	
	
	
	
	
 

#menu4 a
{	   
position: absolute;
display:block;	
left: 0px;
width:115px;
height:33px;
color: #777;
background: url("obrazy/menu4.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menu4 a:hover
{
background: url("obrazy/menuz4.jpg") 0 -33px;
color: #ffffff;
}

#menu4 a:active
{
background: url("obrazy/menuz4.jpg") 0 -33px;
color: #ffffff;
}  
	  
	
	
	
	
	#menu4z a
{	   
position: absolute;
display:block;	
left: 0px;
width:115px;
height:33px;
color: #777;
background: url("obrazy/menuz4.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menu4z a:hover
{
background: url("obrazy/menuz4.jpg") 0 -33px;
color: #ffffff;
}

#menu4z a:active
{
background: url("obrazy/menuz4.jpg") 0 -33px;
color: #ffffff;
}  
	       div.polozka4 {	  
position: absolute;

left: 297px;

width: 115px;  
height: 33px; 
display: block;
} 


div.polozka4 {	  

	background: url("obrazy/menu4.jpg") 0 -33px no-repeat;
	}

div.polozka4 a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url("obrazy/menu4.jpg") top left no-repeat;
	}
	
div.polozka4 span {
	display: block;
	margin:0;
	padding: 8px 25px 0 10px;
	}
	
	
	
	
	
	
	
	
 

#menu5 a
{	   
position: absolute;
display:block;	
left: 0px;
width: 109px;
height:33px;
color: #777;
background: url("obrazy/menu5.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menu5 a:hover
{
background: url("obrazy/menuz5.jpg") 0 -33px;
color: #ffffff;
}

#menu5 a:active
{
background: url("obrazy/menuz5.jpg") 0 -33px;
color: #ffffff;
}  
	
	
	
	
	       div.polozka5 {	  
position: absolute;
left: 406px;
width: 109px;  
height: 33px; 
display: block;
} 


div.polozka5 {	  

	background: url("obrazy/menu5.jpg") 0 -33px no-repeat;
	}

div.polozka5 a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url("obrazy/menu5.jpg") top left no-repeat;
	}
	
div.polozka5 span {
	display: block;
	margin:0;
	padding: 8px 25px 0 10px;
	}
	
	 

#menu5z a
{	   
position: absolute;
display:block;	
left: 0px;
width: 109px;
height:33px;
color: #777;
background: url("obrazy/menuz5.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menu5z a:hover
{
background: url("obrazy/menuz5.jpg") 0 -33px;
color: #ffffff;
}

#menu5z a:active
{
background: url("obrazy/menuz5.jpg") 0 -33px;
color: #ffffff;
}  
	
	
	
	

	
	
	
	
	 

#menu6 a
{	   
position: absolute;
display:block;	
left: 0px;
width: 99px;
height:33px;
color: #777;
background: url("obrazy/menu6.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menu6 a:hover
{
background: url("obrazy/menuz6.jpg") 0 -33px;
color: #ffffff;
}

#menu6 a:active
{
background: url("obrazy/menuz6.jpg") 0 -33px;
color: #ffffff;
}  
			 
	
	
	
	
	
	
	
	

#menu6z a
{	   
position: absolute;
display:block;	
left: 0px;
width: 99px;
height:33px;
color: #777;
background: url("obrazy/menuz6.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menu6z a:hover
{
background: url("obrazy/menuz6.jpg") 0 -33px;
color: #ffffff;
}

#menu6z a:active
{
background: url("obrazy/menuz6.jpg") 0 -33px;
color: #ffffff;
}  
	
	
	       div.polozka6 {	  
  position: absolute;

left:668px;

 width: 99px;  
height: 33px; 
   display: block;
} 


div.polozka6 {	  

	background: url("obrazy/menu6.jpg") 0 -33px no-repeat;
	}

div.polozka6 a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url("obrazy/menu6.jpg") top left no-repeat;
	}
	
div.polozka6 span {
	display: block;
	margin:0;
	padding: 8px 25px 0 10px;
	}
			
			
			
			
			
			<!--  -->
			 

#menu7 a
{	   
position: absolute;
display:block;	
left: 0px;
width: 147px;
height:33px;
color: #777;
background: url("obrazy/menu7.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menu7 a:hover
{
background: url("obrazy/menuz7.jpg") 0 -33px;
color: #ffffff;
}

#menu7 a:active
{
background: url("obrazy/menuz7.jpg") 0 -33px;
color: #ffffff;
}  
			 
	
	
	
	
	
	
	
	

#menu7z a
{	   
position: absolute;
display:block;	
left: 0px;
width: 147px;
height:33px;
color: #777;
background: url("obrazy/menuz7.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menu7z a:hover
{
background: url("obrazy/menuz7.jpg") 0 -33px;
color: #ffffff;
}

#menu7z a:active
{
background: url("obrazy/menuz7.jpg") 0 -33px;
color: #ffffff;
}  
	
	
	       div.polozka7 {	  
  position: absolute;

left:521px;

 width: 147px;  
height: 33px; 
   display: block;
} 


div.polozka7 {	  

	background: url("obrazy/menu7.jpg") 0 -33px no-repeat;
	}

div.polozka7 a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	background: url("obrazy/menu7.jpg") top left no-repeat;
	}
	
div.polozka7 span {
	display: block;
	margin:0;
	padding: 8px 25px 0 10px;
	}
			
			
			
			
			
			
	
	div.mm {	  
	   position: absolute;
	top: 60px;
	}
	
				   
	
	
	
	 	 
h1 {

	font-size: 160%;
	color: #185674;
	font-weight : bold;
	text-decoration: underline;
	
	font-family : Arial;
}

h2{

	font-size: 140%;
	color: #2177A0;
	font-weight : bold;
	text-decoration: none;
	margin-bottom: 2px; 
	font-family : Arial;
}


h3{

	font-size: 120%;
	color: #2177A0;
	font-weight : bold;
	text-decoration: none;
	margin-bottom: 2px; 
	font-family : Arial;
}









#menu {
  left: 0;
  padding: 0 30px;
  position: absolute;
  top: 0px;
  text-align: center;
  width: 740px;
}
#menu h2 {
	display: none;
}
#menu ul {
  margin: 0 auto;
  width: 600px;
}
#menu ul ul {
  margin: 0;
  width: 100%;
}
#menu ul li {
  display: block;
  float: left;
	font-size: 100%;
	position: relative;
}
#menu ul li ul {
  background: #eeeeee;
  display: none;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 30px;
  width: 200px;
}
#menu ul li a {
  border-left: 1px #666666 solid;
  color: #666666;
  display: block;
  float: left;
	font-size: 100%;
	font-weight: bold;
	height: 25px;
  line-height: 25px;
  margin: 5px 0;
	padding: 0 15px;
	text-decoration: none;
}
#menu ul li.prvni a {
  border-left: none;
	padding-left: 0;
}
#menu li.current a, #menu li a:hover {
  color: #333333;
	text-decoration: underline;
}
#menu ul li ul li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
}
#menu ul li ul li a {
  border-bottom: 1px #666666 solid;
  border-left: none;
  color: #666666;
  display: block;
  float: none;
	font-size: 100%;
	font-weight: bold;
	height: 25px;
  line-height: 25px;
  margin: 0;
	padding: 5px 0;
	text-decoration: none;
	width: 100%;
	z-index: 100;
}
#menu ul li:hover ul {
	display: block;
}