/* CSS Document */


/*	**********************************	*/
/*	**								**	*/
/*	**			PRELOAD				**	*/
/*	**								**	*/
/*	**********************************	*/


.preload {
	background:url(../images/menuleft.png);
	}
.preload2 {
	background:url(../images/menuright.png);
	}
.preload3 {
	background:url(../images/submenuhatter.png);
	}




/*	**********************************	*/
/*	**								**	*/
/*	**			MAINMENU			**	*/
/*	**								**	*/
/*	**********************************	*/





#nav {
	padding:0;
	margin:0;
	list-style:none;
	height:35px;
	position:relative;
	top:-15px;										/* Teljes menü függőleges elhelyezkedését állítja be */
	font-family:Arial, Helvetica, sans-serif;
	z-index:500;
	float:right;
}
#nav li.top {
	display:block;
	float:right;
	height:41px;								/* Ennek az értéknek nagyobbnak kell lennie a (#nav li:hover ul.sub) formázásban megadott (top:) értéknél, mert ennyit lóg össze a két menü */
	padding:0 3px 0 3px;
}
#nav li a.top_link {
	display:block;
	float:left;
	height:35px;
	line-height:37px;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-size:16px;
	font-weight:bold;
	padding:0 0 0 7px;
	cursor:pointer;
}
#nav li a.top_link span {float:left; display:block; padding:0 14px 0 7px; height:35px;}
#nav li a.top_link span.down {/*float:left; display:block; padding:0 14px 0 7px; height:35px;*/}	/* Ha van benyomódva maradó gomb a menüknél, akkor ez a rész formázza */

#nav li:hover a.top_link {color:#fff; background: url(../images/menuleft.png) no-repeat top left;}
#nav li:hover a.top_link span {background:url(../images/menuright.png) no-repeat bottom right;}
#nav li:hover a.top_link span.down {}	/* Ha van benyomódva maradó gomb a menüknél, akkor ez a rész formázza */




/*	**********************************************	*/
/*	**											**	*/
/*	**			SUBMENU FROM HERE				**	*/
/*	**											**	*/
/*	**********************************************	*/




#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub {
	
	left:4px;												/* Az almenüt tolja beljebb balról */
	top:40px;								/* Ennek az értéknek kisebbnek kell lennie a (#nav li.top) formázásban megadott (height:) értéknél, mert ennyit lóg össze a két menü */
	/*background:#9C3;*/			/*#bbd37e;*/			/* Almenü háttérszín */
	background:url(../images/submenuhatter.png) repeat;		/* Almenü háttérbetét */
	padding:3px;
	border:1px solid #5c731e;					/* Almenü lenyílóablakának keretszíne */
	white-space:nowrap;
	/*width:86px;*/								/* Almenü minimális szélessége */
	width:auto;									/* Almenü szélességét automatikusan a szöveg hosszához igazítja */
	height:auto;
	z-index:300;
	/*text-align:center;*/						/* Középre igazítja az almenü menüpontjait */
}
#nav li:hover ul.sub li:first-child {
	margin:1px 0 0 0;
	}
#nav li:hover ul.sub li:last-child {
	margin:0 0 3px 0;
	}
#nav li:hover ul.sub li {
	
	padding:1px 5px 1px 10px;					/* Almenü pontjait tologatja */
	display:block;
	/*height:20px;*/
	position:relative;
	float:left;
	width:auto;									/* Almenü teljes szélességét állítja be. Nem a szövegét, hanem a háttérét! */
	font-weight:normal;
}
#nav li:hover ul.sub li a {
	padding:0;
	margin:0;
	display:block;
	font-size:11px;
	height:18px;
	width:auto;									/* Important!!! Almenü szélességét automatikusan a szöveg hosszához igazítja a (#nav li:hover ul.sub) (width:auto) ponttal együtt */
	line-height:18px;
	/*text-indent:10px;*/
	color:#fff;									/* Almenü menüpontjainak nem!!! lenyomott állapotban lévő színe */
	text-decoration:none;
	text-transform:uppercase;
	/*border:#bbd37e solid 1px;*/				/* Bekeretezi az almenü menüpontjait */
	/*background:url(../images/submenuhatter.png) repeat;*/
}
#nav li ul.sub li a.fly {
	/*background:url(images/submenuhatter.png) 80px 6px repeat;		/*#bbd37e*/
}
#nav li:hover ul.sub li a:hover {
	/*background:#6a812c;*/
	color:#fff;
	/*font-weight:bold;*/
	border-color:#fff;							/* Almenü hover border */ /* Csak akkor működik, ha a keret be van kapcsolva */
}
#nav li:hover ul.sub li a.fly:hover {
	background:url(../images/submenuhatter.png) 80px 6px no-repeat;
	color:#000;
}



/*	******************************	*/
/*	**							**	*/
/*	**		 MENU CLEARING		**	*/
/*	**	 	AND SUB-SUBMENU		**	*/
/*	**							**	*/
/*	******************************	*/



#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul {
	left:100px;
	top:-4px;
	/*background: #bbd37e;*/		/* Al Almenü háttérszíne */
	background:url(../images/submenuhatter.png) repeat;		/* Al Almenü háttérbetét */
	padding:3px;
	border:1px solid #5c731e;*/			/* Al Almenü keret */
	white-space:nowrap;
	width:auto;
	z-index:400;
	height:auto;
}
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}
#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly {
	background:url(../images/submenuhatter.png) 80px 6px no-repeat;
	color:#000;
	border-color:#fff;
} 
#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly {
	background:url(../images/submenuhatter.png) 80px 6px no-repeat;
	color:#fff;
	border-color:#bbd37e;
}