body
{background-color: #9cd1d3;
background-image: url(o/bg2.png);
background-repeat: repeat-x;
margin: 0px;
font-family: Tahoma, Arial, Helvetica;
text-align: center;
font-size: 12px;
color: #cbe3f6;}

#telo
{float: left;
text-align: justify;
display: block;
width: 800px;
background-image: url(o/bg.png);}

#hlavni
{padding: 0px;
margin: auto;
width: 800px;}

 .o01
 {background-image: url(o/obr1.png);
 float: left;
 width: 800px;
 height: 59px;
 background-repeat: no-repeat;
 font-size: 11px;
 text-align: left;
 color: #b5dfde;}
 
 .o02
 {background-image: url(o/obr2.png);
 float: left;
 width: 800px;
 height: 213px;
 background-repeat: no-repeat;
 font-size: 11px;
 text-align: left;}
 
 .o03
{background-image: url(o/obr3.png);
 float: left;
 width: 800px;
 height: 237px;
 background-repeat: no-repeat;}
 
 .o04
{background-image: url(o/obr4.png);
 float: left;
 width: 180px;
 background-repeat: no-repeat;
 font-size: 12px;
 text-align: left;
 color: #cbe3f6;}
 
 .o05
{background-image: url(o/obr5.png);
 float: left;
 width: 439px;
 background-repeat: no-repeat;
 font-size: 12px;
 text-align: justify;
 color: #cbe3f6;}
 
 .o06
{background-image: url(o/obr6.png);
 float: right;
 width: 181px;
 background-repeat: no-repeat;
 font-size: 12px;
 text-align: left;
 color: #cbe3f6;}
 
 .o07
{background-image: url(o/obr7.png);
 float: left;
 width: 800px;
 height: 77px;
 text-align: center;
 color: #cbe3f6;
 background-repeat: no-repeat;} 

 /* padding */
 .menu
{padding-left: 4px;padding-right: 4px;padding-top: 6px;margin-bottom: 38px;}
 .nav
{padding-left: 9px;padding-right: 6px;padding-top: 5px;margin-bottom: 15px;}
 .text
{padding-left: 2px;padding-right: 2px;padding-top: 5px;margin-bottom: 15px;}
 .nav2
{padding-left: 6px;padding-right: 10px;padding-top: 5px;margin-bottom: 15px;}
 .cred
{padding-left: 23px;padding-right: 23px;padding-top: 20px;margin-bottom: 40px;}

/* link */
 a:link, a:visited, a:active
{text-decoration: none; color: #88b0b6;font-weight: bold;font-family: Tahoma, Arial, Helvetica;font-variant: small-caps;}
 a:hover
{text-decoration: underline; color: #000000;font-weight: bold;font-family: Tahoma, Arial, Helvetica;font-variant: small-caps;}

.nav3 a:link,.nav3 a:active,.nav3 a:visited
{background-color: #000813;
text-align: center;
font-weight: bold;	
font-variant: small-caps;
font-size: 14px;
color: #cbebec;
text-decoration: none;
display: block;
margin-bottom: 1px;}

.nav3 A:hover
{background-color: #3776a3;
text-align: center;
font-weight: bold;	
font-variant: small-caps;
font-size: 14px;
color: #000813;
text-decoration: none;
display: block;
margin-bottom: 1px;}

/* navigace */
h1
{background-color: transparent;
text-align: left;
font-weight: bold;	
font-variant: small-caps;
font-size: 18px;
cursor: pointer;
cursor: hand;
background-repeat: no-repeat;
color: #d2eeea;
padding-left: 15px;
margin-bottom: 8px;}

h1:first-letter 
 {color: #90cdc4;
 font-size: 28px;
 font-style: normal;}

h2
{background-color: transparent;
text-align: left;
font-weight: bold;	
font-variant: small-caps;
font-size: 18px;
background-repeat: no-repeat;
color: #cbebec;
padding-left: 15px;
border-bottom: 4px solid #000813;
margin-bottom: 8px;}

h2:first-letter 
 {color: #000813;
 font-size: 28px;
 font-style: normal;}
 
 .lista
{background-image: url(o/lista.png);
text-align: center;
font-weight: bold;	
font-variant: small-caps;
font-size: 18px;
background-repeat: no-repeat;
color: #000813;
margin-bottom: 0px;}

.lista:first-letter 
 {color: #1f5eb5;
 font-size: 20px;
 font-style: normal;}
 
 .pozadi
{background-color: #236696;
text-align: justify;
background-repeat: no-repeat;
color: #00060f;
padding: 3px;
border: 2px solid #1c5782;}

.skryvany 
{display: none}
