/* Kaskádové styly pro úvodní stránku */

body
{ height: 100%; width: 100%; margin: 0px; background-image: URL(pozadi2.jpg);
 background-repeat: repeat-x;  background-position: bottom ;}

.uvod
{ left: 0px; bottom: 1px; position: absolute; margin: 0px; }

.nadpis
{ font-family: Tahoma; font-style: italic; font-size: 60px; color: #FFFFFF; letter-spacing: 8px;
  right: 6%; top: 6%; position: absolute;  }

a.odkaz  
{ color: #FFCC00; font-family: Comic Sans MS; font-size: 20px; font-weight: bold;
  text-decoration: none;  position: absolute; text-align: center }
a:hover.odkaz
{ color: #FFFFFF; }

a.odkaz2  
{ color: #000000; background-color: #99CCCC;; padding: 3px; border: solid 1px;font-family: Comic Sans MS; font-size: 18px; font-weight: bold;
  text-decoration: none;  position: absolute; text-align: center }
a:hover.odkaz2
{ color: #FFFFFF; background-color: #663333; }

a.odkaz3  
	{ 
	color: #000000; 
	background-color: #33CC99; 
	padding: 4px; 
	border: solid 1px;
	font-family: Comic Sans MS; 
	font-size: 18px; 
	font-weight: bold;
	position: absolute; 
	text-align: center; 
	letter-spacing: 2px; 
	text-decoration: none;
	}

a:hover.odkaz3
{ color: #FFFFFF; background-color: #000099;}

a.kontakt  
{ color: #000000; background-color: #D0B666; padding: 3px; border: solid 1px;font-family: Comic Sans MS; font-size: 16px; font-weight: bold;
  text-decoration: none;  position: absolute; text-align: center }
a:hover.kontakt
{ color: #FFFFFF; background-color: #336666; }


ul#mainMenu, ul 
{ 
margin: 0px;
padding:0px; 
list-style-type:none; 
} 

ul#mainMenu ul 
{ 
margin-top: 2px;
} 

ul#mainMenu li 
{ 
padding:5px; 
width:300px; 
} 

ul#mainMenu a 
{ 
color: #FFCC00;
font-family: Comic Sans MS;
font-size: 20px;
font-weight: bold;
text-decoration: none;
display: block;
} 

/* vlastnosti rozbalovacích odkazů */
ul#mainMenu ul a 
{ 
color: #FFCC00;
font-family: Comic Sans MS;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

/* obarvení rozbalovacích odkazů */
ul#mainMenu ul a:hover 
{ color: #AA7744; } 

/* obarveni hlavniho odkazu */
ul#mainMenu li a:hover 
{ color: #AA7744; } 

ul#mainMenu ul 
{ 
position: absolute; 
visibility: hidden; 
} 

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul 
{ 
visibility:visible; 
} 

ul#mainMenu li li 
{ 
float:none; 
border:none; 
padding:0; 
} 

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 */ 
} 

div.nabidka
{
right: 4%;
top: 68%;
position: absolute;
}

div.pocitadlo
{ left: 10px; bottom: 30px; position: absolute; }
