@charset "windows-1250";


body {
background-color: #FAE2A2; 
font-family: verdana;
font-size: 12px;
font-style: normal;
font-variant: normal;
text-align: center;
color: #000000;
margin: 0;

}


.program  {
font-weight : normal;

}   

a:link  {
font-family : Arial;
color : #E14E77;
font-weight : bold;
text-decoration : underline;
}

a:visited  {
font-family : Arial;
color : #E14E77;
font-weight : bold;
text-decoration : underline;
}



A:hover  {
font-family : Arial;
color : #3333FF;
text-decoration : underline;
}



h1 {

font-size: 150%;
color: #e71b24;
font-weight : bold;
text-decoration: none;
padding-left: 0px;
margin-top: 2px;
margin-bottom: 10px;
font-family : Arial;
text-decoration : none;
}




h2 {

font-size: 130%;
color: #e71b24;
font-weight : bold;
text-decoration: none;
padding-left: 0px;
margin-top: 2px;
margin-bottom: 10px;
font-family : Arial;
text-decoration : none;
}





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

}  

tr {
font-family: verdana;
font-size: 12px;

}  




div.celek {
background-color: #FFFFFF; 
position: relative;
top: 0px;	
width: 950px; 	
text-align:center; 
margin: 0;
}  	


div.l1 {
background: url(obrazy/img_01.jpg);
position: relative;
top: 0px;	
width: 950px; 	
height: 80px;
text-align:center; 
margin: 0;
}  	


div.l2 {
background: url(obrazy/img_02.jpg);
position: relative;
top: 0px;	
width: 950px; 	
height: 72px;
text-align:center; 
margin: 0;
}  	


div.l3 {
background: url(obrazy/img_03.jpg);
position: relative;
top: 0px;	
width: 950px; 	
height: 63px;
text-align:center; 
margin: 0;
}  	



div.l4 {
background: url(obrazy/img_04.jpg);
position: relative;
top: 0px;	
width: 950px; 	
height: 246px;
text-align:center; 
margin: 0;
}  	

div.l5 {
background: url(obrazy/img_05.jpg);
position: relative;
top: 0px;	
width: 950px; 	
height: 306px;
text-align:center; 
margin: 0;
}  	



div.l6 {
background: url(obrazy/img_06.jpg);
position: relative;
top: 0px;	
width: 950px; 	
height: 123px;
text-align:center; 
margin: 0;
}  	


div.text {
position: absolute;
top: 85px;	
left: 290px;
width: 610px;
height: 423px;
text-align: left; 
margin: 0;
}  	



div.tmenu  {
position: absolute;
text-align: left; 
top: 229px;	
left: 41px;
font-weight : bold;
color: #FFFFFF; 
font-family: verdana;
font-size: 13px;
line-height: 1.9em;

}



div.tmenu a:link {
font-weight : bold;
color: #FFFFFF; 
font-family : verdana;

text-decoration : none;
font-size: 13px;
line-height: 1.9em;
}

div.tmenu a:visited {
font-weight : bold;
color: #FFFFFF; 
font-family : verdana;

text-decoration : none;
font-size: 13px;
line-height: 1.9em;
}


div.tmenu a:hover {
font-size: 13px;
line-height: 1.9em;
color: #FFFF00; 
font-family : verdana;
font-weight : bold;
text-decoration : none;

}


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

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

#menu1 a:active
{
background: url(obrazy/menu1.jpg) 0 -32px;
color: #ffffff;
}  

div.polozka1 {	  
position: absolute;
top: 250px;
left: 53px;
width: 128px;  
height: 32px; 
display: block;
} 


div.polozka1 {	  
background: url("obrazy/menu1.jpg") 0 -32px 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;
}



<!--  -->



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

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

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

div.polozka2 {	  
position: absolute;
top: 282px;
left: 53px;
width: 128px;  
height: 32px; 
display: block;
} 


div.polozka2 {	  
background: url("obrazy/menu2.jpg") 0 -32px 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
{
display:block;
width:128px;
height:32px;
color: #777;
background: url("obrazy/menu3.jpg") 0 0 no-repeat;
text-decoration: none;
}

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

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

div.polozka3 {	  
position: absolute;
top: 314px;
left: 53px;
width: 128px;  
height: 32px; 
display: block;
} 


div.polozka3 {	  
background: url("obrazy/menu3.jpg") 0 -32px 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
{
display:block;
width:106px;
height:59px;
color: #777;
background: url("obrazy/www.jpg") 0 0 no-repeat;
text-decoration: none;
}

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

#menu4 a:active
{
background: url(obrazy/www.jpg) 0 -59px;
color: #ffffff;
}  

div.polozka4 {	  
position: absolute;
top: 37px;
left: 817px;
width: 106px;  
height: 59px; 
display: block;
} 


div.polozka4 {	  
background: url("obrazy/www.jpg") 0 -59px no-repeat;
}

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

div.polozka4 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->


<!--  -->



#menu5 a
{
display:block;
width:115px;
height:36px;
color: #777;
background: url("obrazy/js.jpg") 0 0 no-repeat;
text-decoration: none;
}

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

#menu5 a:active
{
background: url(obrazy/js.jpg) 0 -36px;
color: #ffffff;
}  

div.polozka5 {	  
position: absolute;
top: 795px;
left: 790px;
width: 115px;  
height: 36px; 
display: block;
} 


div.polozka5 {	  
background: url("obrazy/js.jpg") 0 -36px no-repeat;
}

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

div.polozka5 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->



#menuo1 a
{
display:block;
width:155px;
height:32px;
color: #777;
background: url("obrazy/odborna1.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menuo1 a:hover
{
background: url(obrazy/odborna1.jpg) 0 -32px;
color: #ffffff;
}

#menuo1 a:active
{
background: url(obrazy/odborna1.jpg) 0 -32px;
color: #ffffff;
}  




<!--  --><!--  -->


#menuo4 a
{
display:block;
width:155px;
height:28px;
color: #777;
background: url("obrazy/odborna4.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menuo4 a:hover
{
background: url(obrazy/odborna4.jpg) 0 -28px;
color: #ffffff;
}

#menuo4 a:active
{
background: url(obrazy/odborna4.jpg) 0 -28px;
color: #ffffff;
}  

div.polozkao4 {	  
position: absolute;
top: 346px;
left: 53px;
width: 155px;  
height: 28px; 
display: block;
} 


div.polozkao4 {	  
background: url("obrazy/odborna4.jpg") 0 -28px no-repeat;
}

div.polozkao4 a {
display: block;
margin: 0; 
padding:0;
width:100%; 
height:100%;
overflow:hidden;
background: url("obrazy/odborna4.jpg") top left no-repeat;
}

div.polozkao4 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->

#menuo5 a
{
display:block;
width:155px;
height:32px;
color: #777;
background: url("obrazy/odborna5.jpg") 0 0 no-repeat;
text-decoration: none;
}

#menuo5 a:hover
{
background: url(obrazy/odborna5.jpg) 0 -32px;
color: #ffffff;
}

#menuo5 a:active
{
background: url(obrazy/odborna5.jpg) 0 -32px;
color: #ffffff;
}  

div.polozkao5 {	  
position: absolute;
top: 374px;
left: 53px;
width: 155px;  
height: 32px; 
display: block;
} 


div.polozkao5 {	  
background: url("obrazy/odborna5.jpg") 0 -32px no-repeat;
}

div.polozkao5 a {
display: block;
margin: 0; 
padding:0;
width:100%; 
height:100%;
overflow:hidden;
background: url("obrazy/odborna5.jpg") top left no-repeat;
}

div.polozkao5 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->


<!--  -->

	
#menuo1.aktivni div.polozkao1 a, #menuo2.aktivni div.polozkao2 a, #menuo3.aktivni div.polozkao3 a
{
background-position:  0 -32px;
color: #ffffff;
}

#menuo4.aktivni div.polozkao4 a
{
background-position:  0 -28px;
color: #ffffff;
}

#menuo5.aktivni div.polozkao5 a
{
background-position:  0 -32px;
color: #ffffff;
}

#menuo6.aktivni div.polozkao6 a
{
background-position:  0 -32px;
color: #ffffff;
}
#menuo7.aktivni div.polozkao7 a
{
background-position:  0 -32px;
color: #ffffff;
}


#menu1.aktivni div.polozka1 a, #menu2.aktivni div.polozka2 a, #menu3.aktivni div.polozka3 a
{
background-position:  0 -32px;
color: #ffffff;
}






<!--  -->

#popis a
{
display:block;
width:165px;
height:31px;
color: #777;
background: url("obrazy/popis.jpg") 0 0 no-repeat;
text-decoration: none;
}

#popis a:hover
{
background: url(obrazy/popis.jpg) 0 -31px;
color: #ffffff;
}

#popis a:active
{
background: url(obrazy/popis.jpg) 0 -31px;
color: #ffffff;
}  

div.popis1 {	  
position: absolute;
top: 246px;
left: 55px;
width: 165px;  
height: 31px; 
display: block;
} 


div.popis1 {	  
background: url("obrazy/popis.jpg") 0 -31px no-repeat;
}

div.popis1 a {
display: block;
margin: 0; 
padding:0;
width:100%; 
height:100%;
overflow:hidden;
background: url("obrazy/popis.jpg") top left no-repeat;
}

div.popis1 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->
<!--  -->

#seznamc a
{
display:block;
width:165px;
height:30px;
color: #777;
background: url("obrazy/seznamc.jpg") 0 0 no-repeat;
text-decoration: none;
}

#seznamc a:hover
{
background: url(obrazy/seznamc.jpg) 0 -30px;
color: #ffffff;
}

#seznamc a:active
{
background: url(obrazy/seznamc.jpg) 0 -30px;
color: #ffffff;
}  

div.seznamc1 {	  
position: absolute;
top: 278px;
left: 55px;
width: 165px;  
height: 30px; 
display: block;
} 


div.seznamc1 {	  
background: url("obrazy/seznamc.jpg") 0 -30px no-repeat;
}

div.seznamc1 a {
display: block;
margin: 0; 
padding:0;
width:100%; 
height:100%;
overflow:hidden;
background: url("obrazy/seznamc.jpg") top left no-repeat;
}

div.seznamc1 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->

<!--  -->

#kontakty a
{
display:block;
width:165px;
height:32px;
color: #777;
background: url("obrazy/kontakty.jpg") 0 0 no-repeat;
text-decoration: none;
}

#kontakty a:hover
{
background: url(obrazy/kontakty.jpg) 0 -32px;
color: #ffffff;
}

#kontakty a:active
{
background: url(obrazy/kontakty.jpg) 0 -32px;
color: #ffffff;
}  

div.kontakty1 {	  
position: absolute;
top: 308px;
left: 55px;
width: 165px;  
height: 32px; 
display: block;
} 


div.kontakty1 {	  
background: url("obrazy/kontakty.jpg") 0 -32px no-repeat;
}

div.kontakty1 a {
display: block;
margin: 0; 
padding:0;
width:100%; 
height:100%;
overflow:hidden;
background: url("obrazy/kontakty.jpg") top left no-repeat;
}

div.kontakty1 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->





<!--  -->

#popisp a
{
display:block;
width:200px;
height:31px;
color: #777;
background: url("obrazy/popisp.jpg") 0 0 no-repeat;
text-decoration: none;
}

#popisp a:hover
{
background: url(obrazy/popisp.jpg) 0 -31px;
color: #ffffff;
}

#popisp a:active
{
background: url(obrazy/popisp.jpg) 0 -31px;
color: #ffffff;
}  

div.popisp1 {	  
position: absolute;
top: 246px;
left: 55px;
width: 200px;  
height: 31px; 
display: block;
} 


div.popisp1 {	  
background: url("obrazy/popisp.jpg") 0 -31px no-repeat;
}

div.popisp1 a {
display: block;
margin: 0; 
padding:0;
width:100%; 
height:100%;
overflow:hidden;
background: url("obrazy/popisp.jpg") top left no-repeat;
}

div.popisp1 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->

<!--  -->

#oseznamc a
{
display:block;
width:200px;
height:30px;
color: #777;
background: url("obrazy/oseznamc.jpg") 0 0 no-repeat;
text-decoration: none;
}

#oseznamc a:hover
{
background: url(obrazy/oseznamc.jpg) 0 -30px;
color: #ffffff;
}

#oseznamc a:active
{
background: url(obrazy/oseznamc.jpg) 0 -30px;
color: #ffffff;
}  

div.oseznamc1 {	  
position: absolute;
top: 278px;
left: 55px;
width: 200px;  
height: 31px; 
display: block;
} 


div.oseznamc1 {	  
background: url("obrazy/oseznamc.jpg") 0 -30px no-repeat;
}

div.oseznamc1 a {
display: block;
margin: 0; 
padding:0;
width:100%; 
height:100%;
overflow:hidden;
background: url("obrazy/oseznamc.jpg") top left no-repeat;
}

div.oseznamc1 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->

<!--  -->

#ozarazeni a
{
display:block;
width:200px;
height:32px;
color: #777;
background: url("obrazy/zarazeni.jpg") 0 0 no-repeat;
text-decoration: none;
}

#ozarazeni a:hover
{
background: url(obrazy/zarazeni.jpg) 0 -32px;
color: #ffffff;
}

#ozarazeni a:active
{
background: url(obrazy/zarazeni.jpg) 0 -32px;
color: #ffffff;
}  

div.ozarazeni1 {	  
position: absolute;
top: 309px;
left: 55px;
width: 200px;  
height: 32px; 
display: block;
} 


div.ozarazeni1 {	  
background: url("obrazy/zarazeni.jpg") 0 -32px no-repeat;
}

div.ozarazeni1 a {
display: block;
margin: 0; 
padding:0;
width:100%; 
height:100%;
overflow:hidden;
background: url("obrazy/zarazeni.jpg") top left no-repeat;
}

div.ozarazeni1 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->


<!--  -->

#ovysledky a
{
display:block;
width:200px;
height:31px;
color: #777;
background: url("obrazy/ovysledky.jpg") 0 0 no-repeat;
text-decoration: none;
}

#ovysledky a:hover
{
background: url(obrazy/ovysledky.jpg) 0 -31px;
color: #ffffff;
}

#ovysledky a:active
{
background: url(obrazy/ovysledky.jpg) 0 -31px;
color: #ffffff;
}  

div.ovysledky1 {	  
position: absolute;
top: 341px;
left: 55px;
width: 200px;  
height: 31px; 
display: block;
} 


div.ovysledky1 {	  
background: url("obrazy/ovysledky.jpg") 0 -31px no-repeat;
}

div.ovysledky1 a {
display: block;
margin: 0; 
padding:0;
width:100%; 
height:100%;
overflow:hidden;
background: url("obrazy/ovysledky.jpg") top left no-repeat;
}

div.ovysledky1 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->

<!--  -->

#oakce a
{
display:block;
width:200px;
height:30px;
color: #777;
background: url("obrazy/oakce.jpg") 0 0 no-repeat;
text-decoration: none;
}

#oakce a:hover
{
background: url(obrazy/oakce.jpg) 0 -30px;
color: #ffffff;
}

#oakce a:active
{
background: url(obrazy/oakce.jpg) 0 -30px;
color: #ffffff;
}  

div.oakce1 {	  
position: absolute;
top: 373px;
left: 55px;
width: 200px;  
height: 30px; 
display: block;
} 


div.oakce1 {	  
background: url("obrazy/oakce.jpg") 0 -30px no-repeat;
}

div.oakce1 a {
display: block;
margin: 0; 
padding:0;
width:100%; 
height:100%;
overflow:hidden;
background: url("obrazy/oakce.jpg") top left no-repeat;
}

div.oakce1 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->
<!--  -->

#opostupy a
{
display:block;
width:200px;
height:32px;
color: #777;
background: url("obrazy/opostupy.jpg") 0 0 no-repeat;
text-decoration: none;
}

#opostupy a:hover
{
background: url(obrazy/opostupy.jpg) 0 -32px;
color: #ffffff;
}

#opostupy a:active
{
background: url(obrazy/opostupy.jpg) 0 -32px;
color: #ffffff;
}  

div.opostupy1 {	  
position: absolute;
top: 403px;
left: 55px;
width: 200px;  
height: 32px; 
display: block;
} 


div.opostupy1 {	  
background: url("obrazy/opostupy.jpg") 0 -32px no-repeat;
}

div.opostupy1 a {
display: block;
margin: 0; 
padding:0;
width:100%; 
height:100%;
overflow:hidden;
background: url("obrazy/opostupy.jpg") top left no-repeat;
}

div.opostupy1 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->

<!--  -->

#okontakty a
{
display:block;
width:200px;
height:32px;
color: #777;
background: url("obrazy/okontakty.jpg") 0 0 no-repeat;
text-decoration: none;
}

#okontakty a:hover
{
background: url(obrazy/okontakty.jpg) 0 -32px;
color: #ffffff;
}

#okontakty a:active
{
background: url(obrazy/okontakty.jpg) 0 -32px;
color: #ffffff;
}  

div.okontakty1 {	  
position: absolute;
top: 435px;
left: 55px;
width: 200px;  
height: 32px; 
display: block;
} 


div.okontakty1 {	  
background: url("obrazy/okontakty.jpg") 0 -32px no-repeat;
}

div.okontakty1 a {
display: block;
margin: 0; 
padding:0;
width:100%; 
height:100%;
overflow:hidden;
background: url("obrazy/okontakty.jpg") top left no-repeat;
}

div.okontakty1 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->


div.2l4 {
background: url(obrazy/2img_04.jpg);
position: relative;
top: 0px;	
width: 950px; 	
height: 346px;
text-align:center; 
margin: 0;
}  	

div.ol4 {
background: url(obrazy/2img_04.jpg);
position: relative;
top: 0px;	
width: 950px; 	
height: 346px;
text-align:center; 
margin: 0;
}  	



<!--  -->



#2menu5 a
{
display:block;
width:115px;
height:36px;
color: #777;
background: url("obrazy/js.jpg") 0 0 no-repeat;
text-decoration: none;
}

#2menu5 a:hover
{
background: url(obrazy/js.jpg) 0 -36px;
color: #ffffff;
}

#2menu5 a:active
{
background: url(obrazy/js.jpg) 0 -36px;
color: #ffffff;
}  

div.2polozka5 {	  
position: absolute;
top: 895px;
left: 790px;
width: 115px;  
height: 36px; 
display: block;
} 


div.2polozka5 {	  
background: url("obrazy/js.jpg") 0 -36px no-repeat;
}

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

div.2polozka5 span {
display: block;
margin:0;
padding: 8px 25px 0 10px;
}



<!--  -->




div.login {
position: absolute;
top: 480px;	
left: 45px;
text-align:left; 
z-index: 2;
font-family: Verdana;
font-size: 1em;
color: #FFFFFF;
}  	

div.login a:link{

color: #FFD1B3;
}  
div.login a:visited{

color: #FFD1B3;
}  
div.login a:hover{

color: #FFD1B3;
}  



#log {
border-style: solid; 
background: url(obrazy/login.png);
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px;
font-size: 1em;
color: #FFD1B3;
}  	




#talog {
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px;
font-size: 1em;
color: #FFFFFF;
}  	



#registracetb {
padding: 0px;
font-size: 12px;

}  	





div.cks {
position: absolute;
top: 562px;	
left: 45px;

}  	

div.sa {
position: absolute;
top: 562px;	
left: 155px;

}  	




div.banner {
position: absolute;
top: 667px;	
left: 67px;

}