* {margin: 0;	padding: 0;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    background: #FFFFFF;
	background-image:url(image/pas.jpg);
		background-repeat : repeat-x;
		background-position : top;
}
.cele {
	margin: auto;
	margin-top: 0px;
	width: 900px;
        display: block;
}
.logo {
	height: 150px;
	width: 900px;
	background-image:url(image/logo.jpg);
}
.telo {
	width: 850px;
	margin-left: 24px;
	margin-right: 25px;
	background-color:#eeeeee;
	border-left: 1px solid #fff; 
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display:block;
}
.obsah {
	margin-top: 0px;	
	padding: 20px;	
	text-align: justify;
	text-indent: 10px;
	}
.pravy {
	float: right;
	width: 140px;
	clear:right;
	display:block;
}
.reklama {
	margin-top: 30px;
}
.navstevy {
	width: 850px;
	margin-left: 24px;
	margin-right: 25px;
	text-align:right;
	vertical-align:middle;
}
.nastred {
	margin-top: 10px;
	text-align:center;
}
.vlavo {
	padding: 5px 0 5px 0;
	text-align:left;
	border-bottom: solid 1px #DDD;
	}
/*.menu {
	height: 25px;
	width: 850px;
	margin: auto;
	border-left: 1px solid #fff; 
	border-right: 1px solid #fff;
	background-color: #666666;
	background-image: url(image/menu.jpg);
}
.menu li {
	list-style: none;
    margin: 0px;
	float: left;
	font-size:12px;
}
.menu li a{
	padding: 5px 13px 5px 13px;
	border-right: 1px solid #fff;
    color:#FFFFFF;
	display: block;
	text-decoration: none;
	font-weight:bold;
	background-image: url(image/menu.jpg);	
}
.menu li a:hover{
	padding: 5px 13px 5px 13px;
	border-right: 1px solid #fff;
    color: #FFFFFF;
	display: block;
	text-decoration: none;
	font-weight:bold;
	background-image: url(image/menuh.jpg);	
}*/
/*---------------------*/
/* zde začíná horizontální nabídka  */
div#menu {
	height: 25px;
	width: 850px;
	margin: auto;
	border-left: 1px solid #fff; 
	border-right: 1px solid #fff;
	background-color: #666666;
	background-image: url(image/menu.jpg);
	}

div#menu li {
	float:left;	/* způsobuje, že se seznam zarovná horizontálně na své místo */
	position:relative; /* umístění obsahového bloku pro absolutně umístěnou rozbalovací nabídku */
	list-style-type:none;	/* odstraňuje odrážky každé položky seznamu */

    margin: 0px;
	font-size:12px;
	}
div#menu a {

	padding: 5px 13px 5px 13px;
	border-right: 1px solid #fff;
    color:#FFFFFF;
	display: block;
	text-decoration: none;
	font-weight:bold;
	}
div#menu a:hover {
	
	padding: 5px 13px 5px 13px;
	border-right: 1px solid #fff;
    color: #FFFFFF;
	display: block;
	text-decoration: none;
	font-weight:bold;
	background-image: url(image/menuh.jpg);	
	}
/* zde končí horizontální nabídka */

/* zde začíná rozbalovací nabídka */
div#menu ul li ul {
	margin:0; /* odstraňuje dědění hodnoty horizontální nabídky */
	position:absolute; /* umisťuje rozbalovací nabídku ul ve vztahu k jeho relativně umístěnému rodiči li */
	width: 10em; /* nastavuje šířku nabídky - společnně se šířkou 100% u prvku li dostane nabídku na své místo */
	}
div#menu ul li ul li {
	width: 100%; /* položky nabídky se roztáhnou přes celá obalový prvek seznamu (ul) */
	border-left:1px solid #cecece; /*  tři strany rámečku kolem každé položky rozbalovací nabídky */
	border-bottom:1px solid #cecece;
	
	padding: 0px;
	background-color: #999999;
	}
div#menu ul li ul li:first-child {
	border-top:1px solid #cecece; /* horní rámeček rozbalovací nabídky */
	}
/* rozbalovací nabídka se zobrazí při najetí kurzoru myši - při efektu překreslení */
div#menu ul li ul {display:none;} /* skrývá rozbalovací nabídku při nepřítomnosti kurzoru myši */
div#menu ul li:hover ul {display:block; } /* zobrazuje rozbalovací nabídku při přítomnosti kurzoru myši  */

/* rozbalovací nabídka druhé úrovně začíná zde */
body div#menu ul li ul li ul  {
	visibility:hidden; /* stejný efekt jako display:none v této situaci */
	top:-1px;
	left: 10em;
	width: 26em;
	}
div#menu ul li ul li:hover ul {visibility:visible;} /* stejný efekt jako display:none v této situaci */

/* rozbalovací nabídka třetí úrovně začíná zde */
div#menu ul li ul li:hover ul li ul {visibility:hidden;}
div#menu ul li ul li ul li:hover ul {visibility:visible;} /* stejný efekt jako display:block v této situaci */

/* rozbalovací nabídka třetí úrovně začíná zde */
div#menu ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#menu ul li ul li ul li ul li:hover ul {visibility:visible;} /* stejný efekt jako display:block v této situaci */

/* Triky - "hacky" */
/* triky pro IE (včetny typy), takže nabídka bude mít vertikální linku nalevo */
* html div#menu ul {
	float:left; /* ul se roztáhne přes všechn prvky li */
	margin-left:0px; /* Ie zdvojuje hodnotu zadanou výše */
	}
/* přidává horní linku rozbalovacím nabídkám ve všech úrovních v prohlížečích IE - nedokáže vyhodnotit :first-child */
* html  div#menu ul li ul {
	border-top:1px solid #cecece;
	border-left:0px; /* odtraňuje dědění rámečku prvku ul */
	}
/* Tantekův hack pro IE Win 5.5-5.0 - spodní hodnota, aby rozubalovací nabídky nižší úrovně dosáhly rozbalovacích nabídek vyšší úrovně */
* html  div#menu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  }
/* Trik pro Operu - "Buď hodný na svou Operu" */
html>body div#menu ul li ul li ul {
  left:10em;
  }

/* Trik pro Operu opravující problém s překreslením pomocí neviditelnosti roztáhnutím prvku ul */
/* rozbalovací nabídka v první úrovni zůstává otevřená 100 px pod spodní hranou, ale alespoň funguje */
/* toto lze redukovat na nejméně 22 px, pokud  nepoužíváte rozbalovací nabídky v dalších úrovních */
/* rozbalovací nabídka v dalších úrovních zůstává otevřená 22 pixelů pod spodní hranou, ale alespoň funguje */
	@media all and (min-width: 0px){
   body div#menu ul li ul {padding-bottom:200px;}
   body div#menu ul li ul li ul {padding-bottom:22px;}
   body div#menu ul li ul li ul li ul li:hover {visibility:visible;} /* stejný efekt jako display:block v této situaci */

   }
/* konce triku pro Operu */
/* konec oblasti s triky */
/* KONEC NABÍDKY */

/* Nakonec je třeba se vypořádat s IE pro Mac */
/* IE5 pro Mac neumí vykreslit rozbalovací nabídky, takže je musíme prezentovat jiným způsobem */
/* Možnosti rozbalovací nabídky prezentujeme v řádku a nikdy se nezobrazí jakákoli úroveň rozbalovacích nabídek */
/* tato šablona stylů je připravenmá pouze pro IE5 pro Mac - trik vypouští 'url' a mezi @import a (" nesmí být žádná mezera */
@import("ie51_menu_hack.css"); 
/* KONEC ROZBALOVACÍCH NABÍDEK */
.tabpozadie 
{
	background-image:url(image/pas-mod.jpg);
	background-repeat : repeat-x;	
	background-position : top;
	border: 1px solid #fff;
	padding: 8px;
}
.forum 
{
	background-image:url(image/pas-for.jpg);
	background-repeat : repeat-x;	
	background-position : top;
	border: 1px solid #fff;
	padding: 8px;
	margin-top: 5px;
	text-align:left;
}
.forum:hover
{
	background-image:url(image/pas-rof.jpg);

}
.top
{
text-align:left;
vertical-align:top;
padding-left: 15px;
}
p {
margin-bottom: 5px;
}
h1 {
	font-size: 15px;
	font-weight: bold;
	color: #2A62AD;
	text-align:center;
	margin-bottom: 10px;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	color: #2A62AD;
	text-align:center;
	margin-bottom: 5px;
	/*margin-top: 20px;	*/
}
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #2A62AD;
	text-align: left;
	margin-bottom: 5px;
}
.novinky {
	font-weight:bold;
}
.male {
	font-size: 0.9em;
}
 a {
	text-decoration: underline;
	color: #2874a5;
	padding-left: 2px;
	padding-right: 2px;
}

 a:hover {
	text-decoration: none;
	color: #0A3A68;
	/*background: #2874a5;*/
	padding-top: 1px;
	padding-bottom: 1px;
}
#new {
     color : #000000;
     background : #D8D8D8;
     border : 1px solid #808080;
 }
#tlac {
     color : #000000;
     width : 70px;
     border-color : #808080;
}