/* CSS Document */


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


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




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





#nav {
	/*border:solid 1px black;*/
	padding:0;
	margin:0;
	list-style:none;
	height:35px;
	position:absolute;
	bottom:5px;										/* Teljes menü függőleges elhelyezkedését állítja be */
	right:0;
	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:#727271;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-size:16px;
	font-weight:bold;
	padding:0 0 0 7px;
	cursor:pointer;
	border-radius:7%/20%;
	
}
#nav li a.top_link span {float:left; display:block; padding:0 14px 0 7px; height:35px; border-radius:7%/20%;}
#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: orange; /*rgba(255,184,48);*//*border:1px solid #F20;border-radius:5%/20%;*/ /*background: url(../images/menuleft.png) no-repeat top left;*/}
#nav li:hover a.top_link span {background: orange; /*rgba(255,184,48);*/ /*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:rgba(255, 183, 0, 0.8);
	/*background:url(../images/submenuhatter.png) repeat;*/		/* Almenü háttérbetét */
	padding:3px;
	border:1px solid #7d5200;					/* Almenü lenyílóablakának keretszíne */
	border-radius:5px;
	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 a(#nav li:hover ul.sub li a)(width:auto) ponttal együtt */
	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:3px 0 0 0;
	}
#nav li:hover ul.sub li:last-child {
	margin:0 0 4px 0;
	}
#nav li:hover ul.sub li {
	
	padding:1px 25px 1px 10px;					/* Almenü pontjait tologatja *//* Itt fontos a második 10-es padding, mivel az al-al menübe csak akkor lehet áthúzni az egeret, ha hozzáér (még lehet egy picit növelni szerintem!) */
	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:#000;									/* Legbelső menürész egér felette betűszín*/
	/*font-weight:bold;*/
	border-color:#fff;							/* Almenü hover border */ /* Csak akkor működik, ha a keret be van kapcsolva */
	/*border-radius:50%;*/
}
#nav li:hover ul.sub li a.fly:hover {
	background:rgba(255, 183, 0, 0.8);
	/*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:115px;
	top:-4px;
	/*background: #bbd37e;*/		/* Al Almenü háttérszíne */
	background:rgba(255, 183, 0, 0.8);							/* Al Almenü háttérszíne */
	/*background:url(../images/submenuhatter.png) repeat;*/		/* Al Almenü háttérbetét */
	padding:3px;
	border:1px solid #7d5200;			/* Al Almenü keret */
	border-radius:5px;					/* Al Almenü keret lekerekítése */
	white-space:nowrap;					/* Nincs sortörés semmilyen esetben */
	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:rgba(255, 183, 0, 0.8);
	/*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:rgba(212, 186, 40, 0.8);
	/*background:url(../images/submenuhatter.png) 80px 6px no-repeat;*/
	color:#fff;
	border-color:#bbd37e;
}