<style type="text/css">{  }

.hlavni {
border: 1px solid #000000;
margin: 1px;
}


td   {font-family: Arial;
      color: #000000;
      }
      
.center {font-size: 14px;
	text-align:center;}
      
p {font-family: Arial;
   color: black;
   text-indent: 30px;
   margin: 10px 20px 0px 20px;
   text-align: justify;}
           
ul {list-style-type: circle;
	margin-left: 100px;
	padding: 0px;}

hr {width:500px;
	text-align: center;
	margin-top: 20px;}
	

H1  {font-size: 20px;
    font-family: Arial;
    font-style: Bold;
    color: #000000;
    text-align: center;}
H2  {font-size: 20px;
    font-family: Arial;
    font-style: Bold;
    color: #000000;
    text-align: center;
    margin-left:50px;
    margin-bottom: 0px;
    margin-top: 20px;}

H3  {font-size: 14px;
    font-family: Arial;
    font-style: Bold;
    color: #000000;
    text-align: left;
    margin-left:50px;
    margin-bottom: 0px;
    margin-top: 20px;}

.bold {font-weight: bold;}	



}
img {border-color: #000000;
}




body 
{ 
BACKGROUND-COLOR: #F3F9FF;
margin: 0 auto; 
font-size: 80%; 
width: 850px;
} 

#menu a 
{ 
display:block; 
width:200px; 
height:30px; 
color: #777; 
background: url("images/menu5.gif") 0 0 no-repeat; 
text-decoration: none; 
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
} 

#menu a:hover 
{ 
background: url(images/menu5.gif) 0 -32px; 
color: #ffffff; 
} 

#menu a:active 
{ 
background: url(images/menu5.gif) 0 -64px; 
color: #ffffff; 
} 

div.outer 
{ 
background: url("images/menu5.gif") 0 -32px no-repeat; 
} 

div.outer a 
{ 
display: block; 
margin: 0; 
padding:0; 
width:100%; 
height:100%; 
overflow:hidden; 
background: url("menu5.gif") top left no-repeat; 
} 

div.outer span 
{ 
display: block; 
margin:0; 
padding: 8px 25px 0 10px; 
} 

</STYLE>
