/* public-home */
/* template: public-home */

/* map */
#map {
	margin: 0em auto; border: 0;
	display: block;
	position: relative; top: 3.6em;
	background: #fff;
}

/* menu */
div#center div.menu {
	border: 1px solid #aaa;
	position: absolute;
	width: 17em;
	background: #fff;
	font-size: 0.7em;
}
div#center div.menuleft, div#center div.menuright { top: 4.6em; }
div#center div.menuleft { right: 320px; }
div#center div.menuright { left: 320px; }

div#center div.menu ul { margin: 0; padding: 0; }
div#center div.menu li { 
	list-style: none;
	margin: 0;	padding: 0;
	position: relative;
}
div#center div.menu li:hover {
	/*background: #00f; nefunguje tady mame to jinak nez Meyer, fungovani sirky u a zabezecuje nastaveni background*/
}
div#center div.menu li div {
	margin: 0.5em; padding: 3px 0px;
	width: 16em;
	z-index: 2;
	background: #ffd44f;
	line-height: 1.42em;
	text-decoration: none;
	text-align: center;
}
div#center div.menu li a {
	margin: 0.5em; padding: 3px 0px;
	display: block;
	width: 16em;
	z-index: 2;
	background: #ffd44f;
	line-height: 1.42em;
	text-decoration: none;
	text-align: center;
}
div#center div.menuleft img {
	position: absolute; top: 0; right: 0;
	z-index: 4;
}
div#center div.menuright img {
	position: absolute; top: 0; left: 0;
	z-index: 4; 
}
div#center div.menu li ul li a {
	margin: 0; padding-left: 1em; padding-top: 6px;	padding-bottom: 2px;
	width: 12em;
	color: #000; background: #ffe287;
	text-align: left;
}
div#center div.menu li ul li a:hover { color: #fff; background: url('/resource/img/public/select_back.png'); } 
div#center div.menu li ul li>a {
	width: 11em;
	background: url('/resource/img/public/select_back_png_85_orig.png');
}
div#center div.menu li ul li>a:hover { color: #fff; background: url('/resource/img/public/select_back.png'); }
div#center div.menu ul ul { 
	position: absolute; top: 1.75em;
	display: none;
}
div#center div.menu ul.level1 li.submenu:hover ul.c1, div#center div.menu ul.level1 li.submenu:focus ul.c1, div#center div.menu ul.level1 li.submenu:hover ul.c2, div#center div.menu ul.level1 li.submenu:hover ul.c3, div#center div.menu ul.level1 li.submenu:hover ul.c4 {
	padding-bottom: 6px; /* aby op spravne zobrazovala cele menu; 1px nestaci, dal jsem 6px :) */
	display: block; 
	position: absolute;
	z-index: 1003;
}
div#center div.menu ul ul.c1 { left: 0em; }
div#center div.menu ul li>ul.c1 { left: 0.5em; /* not IE */ }
div#center div.menu ul ul.c2 { left: 12em; }
div#center div.menu ul li>ul.c2 { left: 12.5em; /* not IE */ }
div#center div.menu ul ul.c3 { left: 24em; }
div#center div.menu ul li>ul.c3 { left: 24.5em; /* not IE */ }
div#center div.menu ul ul.c4 { left: 30em; }
div#center div.menu ul li>ul.c4 { left: 30.5em; /* not IE */ }

div#static_content {
	clear: both;
	margin: 1em auto 0 auto; padding: 0;
	width: 93%;
	font-size: 0.8em;
	font-family: Arial, sans-serif;
	text-align: justify;
	margin-top: 70px;
}

#map_wrapper {
	position: relative;
}

#map_wrapper span {
	position: absolute;
	z-index: 1000;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	background-color: white;
	color: #000;
}