/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
    background: #2B4975;
	    /*background-image : url(images/pozadie.jpg);*/
		background-repeat : repeat-x;
		background-position : bottom;
		background-attachment : fixed;
/*		behavior: url(csshover.htc); */
}
#cele {
	margin: auto;
	background: #FFFFFF url("images/bg.png") repeat-y;
	border: 1px solid #cccccc;
	width: 900px;
    display: block;
}

#logo {
	height: 150px;
	background: #aaa url("images/logo.jpg") no-repeat;
	display: block;
}
#logo a {
	display: block;
	height: 100%;
	width: 100%;
	background: #aaa url("images/logo.jpg") no-repeat;
	border-bottom: 1px solid #e0e0e0;
	display: block;
}
/*---------------------*/
/* zde začíná horizontální nabídka  */
div#menu {
	width:100%; 	/* plná šířka divu */
	float:left; 
	font-size: 12px; /*11px;SL*/
  color: #265184; /*SL*/
	background: #FFFFFF; /*#cccccc;SL*/
	background-image:url(images/bg-m.png);	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	height: 20px;
	}
div#menu ul { 
margin: 3px 0 0 -20px;/* odsazuje ul od horní hrany obalového prvku */
	}
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 */
	}
div#menu a {
	display:block; /* tpůsobuje správné zalomení řádků v položkách rozbalovací nabídky */
	padding:0 6px; /* vytváří okraj kolem textu položek  */
	text-decoration:none;	 /*  odstraňuje podtržení odkazů */
	}
div#menu a:hover {
	color:  #000000;
	text-decoration: underline; /*none;SL*/
	}
/* 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: 20em; /* 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;
	border-right:1px solid #cecece;
	padding: 4px 4px;
	background-color: #FDFFFF; /*#F5F5F5;SL*/
	}
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;
	}
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:15px; /* 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;
  }
/* tu bol obsah trikopera.css */
/* 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 */
#obsah {
	margin-top: 0px;	
    float:left;
    display: block;
	width:530px;
	padding: 10px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-align: justify;
	text-indent: 10px;	
}
.clanok {
	border: solid 1px #EBEBEB;
	margin-left: 10px;
    margin-right: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	background-image : url(images/clanok.jpg);
	background-position : bottom;
	background-repeat : repeat-x;
	}
.stranky {
	width: 480px;
	margin-left: 10px; /*20px*/
	margin-right: 10px; /*20px*/
	padding-left: 15px; /*20px*/
	padding-right: 15px; /*20px*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	}
.lavemenu {
    display: block;
    float:left;
    clear:left;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	width: 160px;
}
.pravemenu {
    display: block;
    float:right;
    clear:right;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	width: 150px;
}
.polozky {
	font-family : Verdana;
	font-size : 11px;
	font-weight : bold;
	border: 0px;
    padding-left: 0px;
	padding-top: 2px;
}
.polozky a:link, .polozky a:visited {
	text-decoration:none;
	border-left: 4px solid #FFFFFF;
	padding-left: 5px;
}
.polozky a:hover {
	text-decoration:  underline; /*none;SL*/
	border-left: 4px solid #265184; /*#006CD4;SL*/
}
.polozky ul {
     list-style-type: none;
	 padding: 0px;
	 margin: 0px;
	 }	
.male {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.vrch{
    display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
    clear:both;
	background: #FFFFFF url("images/bg-n.png") repeat-y;
	height: 17px;
}
.pata {
    display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: center;
    clear:both;
	background: #FFFFFF url("images/bg-n.png") repeat-y;
	height: 105px; /*17px;85px;339px*/
}
.pata {
  color: #000000; /*SL*/
}
.pata a{
	color: #4C4C5A; /*#999999;SL*/
}
.pata a:hover{
	color: #000000;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: black; /*#005AAC; /*#007AFF;SL*/
	margin-left: 10px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black; /*#005AAC; /*#007AFF;SL*/
}
h3 {font-size: 12px;
    margin-top: 10px; 
	margin-bottom: 10px; 
	padding-left: 5px; 
	/*background-color: #9CCE59;*/ 
	border-bottom: 1px #cccccc;
	border-bottom-style: dashed; 
	}
a{
	color: #265184; /*#007AFF;SL*/
	text-decoration: none;	
}
a:hover{
	color: #000000;
	text-decoration:underline;
}
#new {
     color: #000000;
     background: #FFFFFF;
     border: 1px solid #808080;
 }
#tlac {
     color : #000000;
     width : 70px;
     border-color : #808080;
}
.menucele
{
        border-width: 1px;
        border-color: #cccccc;
        border-style: solid;
        padding: 4px;
} 
.tabulka td
{
  background-color: #DFEEFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-align: justify;
	text-indent: 10px;	
}
.hlavicka td
{
  background-color: #CCCCFF;
  font-weight: bold;
  text-align: center;
}