/* Felso Menu */
#container-index {
	background: url("/images/menu/Keret-background.jpg") no-repeat;
	background-position: center top;
	-webkit-background-size: 2000px 700px;
}

#wrap { 
	width: 996px;
	margin: 0px auto;
	display: block;
	padding: 0px 0px 0px 0px;
}


#mainnav-wrap {
	width: 996px;
	height: 700px;
	display: block;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	clear: both;
}

#nav, #nav * { border-collapse: collapse; margin: 0px; padding: 0px; }
#nav {
	background: url("/images/menu/fomenu.jpg");
	height: 25px;
	position: relative;
	width: 996px;
	z-index: 333; 
}
#nav span { display: none; }
#nav li, #nav a {
	font-size: 11px;  
	height: 25px;
	display: block;
}
#nav li { float: left; }

#nav-01 { width: 117px; }
#nav-02 { width: 72px; }
#nav-03 { width: 132px; }
#nav-04 { width: 81px; }
#nav-05 { width: 78px; }
#nav-06 { width: 115px; }
#nav-07 { width: 110px; }
#nav-08 { width: 100px; }
#nav-09 { width: 64px; }
#nav-10 { width: 127px; }

#nav-01 a:hover { background: url("/images/menu/fomenu.jpg") 0 -50px }
#nav-02 a:hover { background: url("/images/menu/fomenu.jpg") -117px -25px }
#nav-03 a:hover { background: url("/images/menu/fomenu.jpg") -189px -25px }
#nav-04 a:hover { background: url("/images/menu/fomenu.jpg") -321px -25px }
#nav-05 a:hover { background: url("/images/menu/fomenu.jpg") -402px -25px }
#nav-06 a:hover { background: url("/images/menu/fomenu.jpg") -480px -25px }
#nav-07 a:hover { background: url("/images/menu/fomenu.jpg") -595px -25px }
#nav-08 a:hover { background: url("/images/menu/fomenu.jpg") -705px -25px }
#nav-09 a:hover { background: url("/images/menu/fomenu.jpg") -805px -25px }
#nav-10 a:hover { background: url("/images/menu/fomenu.jpg") -869px -50px }

#nav-01:hover>a { background: url("/images/menu/fomenu.jpg") 0 -50px }
#nav-02:hover>a { background: url("/images/menu/fomenu.jpg") -117px -25px }
#nav-03:hover>a { background: url("/images/menu/fomenu.jpg") -189px -25px }
#nav-04:hover>a { background: url("/images/menu/fomenu.jpg") -321px -25px }
#nav-05:hover>a { background: url("/images/menu/fomenu.jpg") -402px -25px }
#nav-06:hover>a { background: url("/images/menu/fomenu.jpg") -480px -25px }
#nav-07:hover>a { background: url("/images/menu/fomenu.jpg") -595px -25px }
#nav-08:hover>a { background: url("/images/menu/fomenu.jpg") -705px -25px }
#nav-09:hover>a { background: url("/images/menu/fomenu.jpg") -805px -25px }
#nav-10:hover>a { background: url("/images/menu/fomenu.jpg") -869px -50px }

#nav ul.panel-elso {
	position: absolute;
	background: url("/images/menu/panel.png") no-repeat;
	color: #FFFFFF;
	top: 25px;
	left: -9999px;
	width: 460px;
	height: 230px;
	z-index: 111;
	padding: 0px;
	display: block;
	overflow: hidden;
	margin-left: -10px;
}
#nav ul.generic-elso {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 5px;
}
#nav ul.generic-right-elso {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 195px; 
}
#nav ul.generic-right-more-elso {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 240px; 
}
#content-box-elso {
	width: 215px;
	height: 150px;
	display: block;
	position: absolute;
	right: 60px;
	top: 30px;
	z-index: 299;
}
#nav ul.panel-hirek {
	position: absolute;
	background: url("/images/menu/panel.png") no-repeat;
	color: #FFFFFF;
	top: 25px;
	left: -9999px;
	width: 460px;
	height: 230px;
	z-index: 111;
	padding: 0px;
	display: block;
	overflow: hidden;
	margin-left: 107px;
}
#nav ul.generic-hirek {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 122px;
}
#nav ul.generic-right-hirek {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 312px; 
}
#nav ul.generic-right-more-hirek {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 377px; 
}
#content-box-hirek {
	width: 215px;
	height: 150px;
	display: block;
	position: absolute;
	right: 60px;
	top: 30px;
	z-index: 299;
}
#nav ul.panel-bemutatkozas {
	position: absolute;
	background: url("/images/menu/panel.png") no-repeat;
	color: #FFFFFF;
	top: 25px;
	left: -9999px;
	width: 460px;
	height: 230px;
	z-index: 111;
	padding: 0px;
	display: block;
	overflow: hidden;
	margin-left: 179px;
}
#nav ul.generic-bemutatkozas {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 194px;
}
#nav ul.generic-right-bemutatkozas {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 384px; 
}
#nav ul.generic-right-more-bemutatkozas {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 449px; 
}
#content-box-bemutatkozas {
	width: 215px;
	height: 150px;
	display: block;
	position: absolute;
	right: 60px;
	top: 30px;
	z-index: 299;
}
#nav ul.panel-csapat {
	position: absolute;
	background: url("/images/menu/panel.png") no-repeat;
	color: #FFFFFF;
	top: 25px;
	left: -9999px;
	width: 460px;
	height: 230px;
	z-index: 111;
	padding: 0px;
	display: block;
	overflow: hidden;
	margin-left: 311px;
}
#nav ul.generic-csapat {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 326px;
}
#nav ul.generic-right-csapat {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 516px; 
}
#nav ul.generic-right-more-csapat {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 581px; 
}
#content-box-csapat {
	width: 215px;
	height: 150px;
	display: block;
	position: absolute;
	right: 60px;
	top: 30px;
	z-index: 299;
}
#nav ul.panel-musor {
	position: absolute;
	background: url("/images/menu/panel.png") no-repeat;
	color: #FFFFFF;
	top: 25px;
	left: -9999px;
	width: 460px;
	height: 230px;
	z-index: 111;
	padding: 0px;
	display: block;
	overflow: hidden;
	margin-left: 392px;
}
#nav ul.generic-musor {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 407px;
}
#nav ul.generic-right-musor {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 597px; 
}
#nav ul.generic-right-more-musor {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 662px; 
}
#content-box-musor {
	width: 215px;
	height: 150px;
	display: block;
	position: absolute;
	right: 60px;
	top: 30px;
	z-index: 299;
}
#nav ul.panel-statisztika {
	position: absolute;
	background: url("/images/menu/panel.png") no-repeat;
	color: #FFFFFF;
	top: 25px;
	left: -9999px;
	width: 460px;
	height: 230px;
	z-index: 111;
	padding: 0px;
	display: block;
	overflow: hidden;
	margin-left: 145px;
}
#nav ul.generic-statisztika {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 160px;

}
#nav ul.generic-right-statisztika {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 350px;
	
}
#nav ul.generic-right-more-statisztika {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
    margin-left: 415px;
}
#content-box-statisztika {
	width: 215px;
	height: 150px;
	display: block;
	position: absolute;
	left: 40px;
	top: 30px;
	z-index: 299;
}
#nav ul.panel-multimedia {
	position: absolute;
	background: url("/images/menu/panel.png") no-repeat;
	color: #FFFFFF;
	top: 25px;
	left: -9999px;
	width: 460px;
	height: 230px;
	z-index: 111;
	padding: 0px;
	display: block;
	overflow: hidden;
	margin-left: 255px;
}
#nav ul.generic-multimedia {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 270px;
}
#nav ul.generic-right-multimedia {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 460px; 
}
#nav ul.generic-right-more-multimedia {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 525px; 
}
#content-box-multimedia {
	width: 215px;
	height: 150px;
	display: block;
	position: absolute;
	left: 40px;
	top: 30px;
	z-index: 299;
}
#nav ul.panel-archivum {
	position: absolute;
	background: url("/images/menu/panel.png") no-repeat;
	color: #FFFFFF;
	top: 25px;
	left: -9999px;
	width: 460px;
	height: 230px;
	z-index: 111;
	padding: 0px;
	display: block;
	overflow: hidden;
	margin-left: 355px;
}
#nav ul.generic-archivum {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 370px;
}
#nav ul.generic-right-archivum {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 560px; 
}
#nav ul.generic-right-more-archivum {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 625px;
}
#content-box-archivum {
	width: 215px;
	height: 150px;
	display: block;
	position: absolute;
	left: 40px;
	top: 30px;
	z-index: 299;
}
#nav ul.panel-info {
	position: absolute;
	background: url("/images/menu/panel.png") no-repeat;
	color: #FFFFFF;
	top: 25px;
	left: -9999px;
	width: 460px;
	height: 230px;
	z-index: 111;
	padding: 0px;
	display: block;
	overflow: hidden;
	margin-left: 419px;
}
#nav ul.generic-info {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 434px;
}
#nav ul.generic-right-info {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 624px; 
}
#nav ul.generic-right-more-info {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 689px; 
}
#content-box-info {
	width: 215px;
	height: 150px;
	display: block;
	position: absolute;
	left: 40px;
	top: 30px;
	z-index: 299;
}
#nav ul.panel-utolso {
	position: absolute;
	background: url("/images/menu/panel.png") no-repeat;
	color: #FFFFFF;
	top: 25px;
	left: -9999px;
	width: 460px;
	height: 230px;
	z-index: 111;
	padding: 0px;
	display: block;
	overflow: hidden;
	margin-left: 546px;
}
#nav ul.generic-utolso {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 334px;
}
#nav ul.generic-right-utolso {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 760px; 
}
#nav ul.generic-right-more-utolso {
	border: none;
	left: -9999px;
	top: 50px;
	position: absolute;
	z-index: 444;
	width: 160px;
	margin-left: 825px; 
}
#content-box-utolso {
	width: 215px;
	height: 150px;
	display: block;
	position: absolute;
	left: 40px;
	top: 30px;
	z-index: 299;
}

.box a:link img { background: none !important; }
.box a:visited img { background: none !important; }
.box a:hover img { background: none !important; }
.box a { background: none !important; }

#nav li li { 
	width: 140px;
	line-height: 22px; 
	background: url("/images/menu/nav-dots.png") no-repeat;
	background-position:  -10px bottom;
}
#nav li li, 
#nav li li a { height: auto; }
#nav li:hover ul, 
#nav a:hover ul { left: auto; }
#nav li.background:hover ul, 
#nav .background a:hover ul { left: 0px; padding-left: 20px; padding-top: 0px; }
#nav li li { text-indent: 0; color: #FFFFFF; font-size: 11px; padding: 0px 0px 0px 2px; }
#nav li.background li a {
	color: #666666;
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 8px;
	margin-left: -10px;
}
#nav li.background li a:hover {
	background: url("/images/menu/nav-bullet.png") no-repeat 0px 10px;
	color: #990000;
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 8px;
	margin-left: -10px;
	background-color: #cc0000;
	color: #ffffff;
}