/* Nastaveni barvy pozadi stranky */
body {background-color: #2A2A2A; font-family: Verdana; font-size: 10pt}

/* Nasteveni parametru margin hlavniho DIVu na auto - tj. centrovani, barvy pozadi
  a sirky.
  Posledni main-height urcuje minimalni vysku DIVu, ale nutno dodat, ze IE6 a mene
  tento parametr nezna, ale vzhledem k tomu, ze v divu bude obsah, tak se stejne roztahne.
  Pokud budes chtit nastavit minimalni vysku i pro IE6 a mene,
  pridej na konec jeste parametr (bez uvozovek) "_height: 500px". Tomu se rika 
  hack - vice o nich viz net.*/
.main {margin: auto; background: url('zuzlan.jpg') no-repeat ; width: 799px; min-height: 1200px}

/* Nastaveni DIVu s horni casti obrazku, nejdriv nastavis cestu k obrazku s parametrem
  no-repeat, coz znamena, aby se obrazek vykreslil jenom jednou, ne jako tapeta,
  pak sirka na 100% (vzhledem k sirce v main) a nakonec vysku */
.top {background: url('zuzlan1.jpg') no-repeat ; width: 100%; height: 161px}

/* Viz predchozi */
.menu {background: url('zuzlan2.jpg') no-repeat ; width: 100%; height: 65px}

.obsah {color: #000000; margin: 20px 3px 10px 3px; padding-bottom: 10px ; clear: both;}
.obsah h1 {font-size: 14pt; color: #861310; font-family: Arial}
.obsah p {margin-bottom: 2px}


/* CSS kod menu - jenom jsem ho zkopiroval a upavil, nemam cas to komentovat... */
  
  
.topmenu {text-align: center} /* vycentrovani top polozek menu */


ul#mainMenu, ul 
{ 
color:#000000; 
padding:0; 
margin:200; 
list-style-type:none; 
} 

ul#mainMenu ul 
{ 
margin-top:0px; 
} 

ul#mainMenu li       /* umisteni menu (HOME, AKTUALITY atd.) */
{ 
float:left; 
padding-top:5px;
padding-left:3px; 
width:100px 
} 

ul#mainMenu a 
{ 
color:black; 
display:block; 
text-decoration:none; 
font-weight:bold; 
} 

ul#mainMenu ul a 
{ 
border-bottom:none; 
border-left:1px solid #dddddd; 
border-right:2px solid #dddddd; 
padding-left:2px; 
} 

ul#mainMenu ul a:hover 
{ color:black; 
border-left:1px solid #7B7B7B; 
border-right:1px solid #7B7B7B; 
background-color:#FFFFFF; 
} 

ul#mainMenu ul 
{ 
position:absolute; 
visibility:hidden; 
border-bottom:1px solid #7B7B7B; 
margin:0; 
background-color:#7B7B7B; 
} 

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 */ 
}
.bluebutton {
	FONT-SIZE: 12 px;
	font-family : Verdana, "Arial CE", Arial, Helvetica, sans-seriff;
	font-weight : normal;
	background : #FAB921;
	color : black;
}
.inputnews {
	FONT-SIZE: 11px;
	font-family : Verdana,  Arial CE, Arial, Helvetica, sans-seriff;
}
.odkaz A {
	FONT-SIZE: 12px;
	font-family : Verdana, "Arial CE", Arial, Helvetica, sans-seriff;
	color : #66CC00;
	font-weight : bold;
	text-decoration : none;
}
.odkaz A:HOVER {
	FONT-SIZE: 12px;
	font-family : Verdana, "Arial CE", Arial, Helvetica, sans-seriff;
	color : #008000;
	font-weight : bold;
	text-decoration : underline;
}
.text {
	FONT-SIZE: 12px;
	font-family : Tahoma, "Verdana", Arial CE, Arial, Helvetica, sans-seriff;
	color : white;
; font-style: normal
; font-weight: bold
}
.cas {
	FONT-SIZE: 10px;
	font-family : Verdana, "Arial CE", Arial, Helvetica, sans-seriff;
	color : #C8C8C8;
	font-weight : bold;
}
.jmeno {
	FONT-SIZE: 13px;
	font-family : "Verdana", Arial CE, Arial, Helvetica, sans-seriff;
	color : #e2e2a4;
	font-weight : bolder;
}
.cervene {
	FONT-SIZE: 11px;
	font-family : Verdana, Arial CE, Arial, Helvetica, sans-seriff;
	color : #FFFFFF;
	font-weight : bold;
}
.cerne {
	FONT-SIZE: 11px;
	font-family : Verdana, "Arial CE", Arial, Helvetica, sans-seriff;
	color : #000000;
}
.nadpis {
	FONT-SIZE: 15 px;
	font-family : Verdana, "Arial CE", Arial, Helvetica, sans-seriff;
	font-weight : bold;
	color : #FFFFFF;
}