/* nejdriv pouze definice barev: */
/* (diky kaskadam se styly daji definovat po castech: */

/* NEJPRVE BARVY */
/* oramovani bunek horniho menu */
	li.menuBarOption.firstMenuBarItem {
		border-left: 1px solid gray; 
	}
	li.menuBarOption {
		border-top: 1px solid gray;
		border-bottom: 1px solid gray;
		border-right: 1px solid gray;
	}
/* barva textu a pozadi vsech prvku menu */
	ul.subMenu, li.menuBarOption {
		background-color: darkgreen;
	}
 	li.menuBarOption a, li.menuBarOption a:visited, li.menuBarOption a:link { 
		color: lightblue;
	}
/* totez pro inverzni zobrazeni (kdyz se nad bunkou prejede mysi) */
	li.menuBarOption a:hover {
		background-color: lightgreen;
		color: black;
	}
/* oramovani svislych menu (efekt "tlacitka") */
	ul.subMenu {
		border: 2px buttonface outset;
	}


/* A PAK CHOVANI */
/*
 * ul.menuBar	# vodorovne menu
 *  li.menuBarOption
 *   ul.subMenu	# svisle menu 1
 *    li.menuItem
 *    li.menuItem
 *   ul.subMenu	# svisle menu2
 *    li.menuItem
 *     ul.subMenu	# 2. uroven menu
 *      li.menuItem
 *      li.menuItem
 *    li.menuItem
 *     ul.subMenu	# 2. uroven menu
 *      li.menuItem
 *      li.menuItem
 * ...
 */
ul.menuBar {	/* vodorovne menu */
	position: absolute; top: 0px; left: 0px;
	list-style-type: none; padding: 0px; margin: 0px;
	height: 1px;	/* na vysce nezalezi, protoze LI se zobrazuje jako float, tudiz nezavisle */
	width: 100%;	/* opet, na vysce nezalezi */
}
ul.menuBar li {	/* vcetne vsech podrizenych, tzn. i pro svisle menu */
	white-space: nowrap;	/* bez zalamovani radku */
}

/* Jednotlive prvky horniho vodorovneho menu: */
/* diky dedicnosti a vnorenosti plati i pro menuItem a: */
li.menuBarOption {
	float: left; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}
li.menuBarOption a {
	display: block;
	text-decoration: none;
	/* top left bottom right */
	padding: 2px 0.4em 3px 0.4em;
}

/* Jednotlive prvky svisleho menu */
li.menuItem {
	font-family: 'MS Sans Serif', sans-serif; 
	font-size:8pt; 
	font-weight:bold;

	width: auto;
	display: block;
	float: none;
}
li.menuItem a {
	padding: 1px 1em 2px 1em;
	/* Tady by melo byt spravne width:100%, aby odkaz zabiral celou sirku nadrazeneho
	 * prvku. Bohuzel to ma ale za nasledek roztahnuti menu na sirku OKNA,
	 * a je to nepouzitelne. Takze se musim smirit s tim, ze mysi nejde najet
	 * na prazdne misto vedle textu v menu, protoze ten uz neni soucasti 
	 * tagu "a" */
}

/* Svisle menu samo o sobe: */
ul.subMenu {
	display: none;	/* na zacatku bude neviditelne */
	z-index: 5000;
	list-style-type: none; 
	margin: 0px;

	position: absolute; /* nutne, musi to byt nezavisly box, ktery neovlivni formatovani sveho rodice */
	margin-top: 0px; margin-left: -1px;	/* odsazeni od rodice */
	padding: 2px;	/* okraj okolo celeho submenu, aby nebylo nalepene prilis tesne */

	width: auto;
	float: left;
}
ul.subMenu ul.subMenu {	/* vnorene submenu */
	margin-top: -19px; 
	width: auto;
	/* margin-left: 100px; */	/* odsazeni od rodice: nastavuje se JavaScriptem, protoze ho potrebujeme relativne k PRAVEMU okraji rodice */
}
ul.subMenu ul.subMenu li {	/* prvek vnoreneho submenu */
	width: auto;
	padding: 1px;	/* at vypada stejne jako jeho rodic, tam je padding kvuli chybe MSIE nutny */
}

li.menuItemWithTopSeparator{
	/* pouziva se jen pohromade s .menuItem */
	margin-top: 0.2em;
	padding-top: 0.2em;	
	/* vzhled tvoreny obrazkem */
	background-image: url(/img/menu-separator-white.gif);
	background-repeat: repeat-x;
	background-position: left top; 
}
li.menuItemWithSubmenu {
	/* pouziva se jen pohromade s .menuItem */
	padding-bottom: 1px; /* bez paddingu to chaoticky zarovnava polozky, a s nulovym paddingem taky */
	padding-right: 1em; 
	background-image: url(/img/menuarrow.gif);
	background-repeat: no-repeat;
	background-position: right center; 
}

/* pouziva se v prehledu opravneni: */
.RozbaleneMenu ul.menuBar {
	position: relative;	/* musi zustat tam kde bylo definovano, a ne vlevo nahore */
	white-space: nowrap;
}
.RozbaleneMenu ul.menuBar li {
	white-space: nowrap;
}
.RozbaleneMenu ul.subMenu {
	display: block;	/* vsechny polozky menu musi byt viditelne */
	position: relative;	/* a musi ovlivnit i formatovani sveho rodice */
	z-index: 5;
	white-space: normal;	/* muze se zalamovat */
}
.RozbaleneMenu li.menuItem {
	white-space: normal;	/* muze se zalamovat */
}
.RozbaleneMenu ul.subMenu ul.subMenu {
	/* bude jakoby "uvnitr" prvniho menu, oddelene mezerami */
	margin: 0px 1em 1em 1em;
}
.RozbaleneMenu li.menuItemWithSubmenu {
	padding-right: 0px;
	background: none;
}