/* Ustawienie DIV'a przechowującego UL */
.menuv { height:auto; position:relative; width:160px; } /* szerokość pierwszego poziomu */

/* Usuwam domyślne ustawienia na wszystkich listach */
.menuv ul { padding:0; margin:0; list-style-type:none; }	

/* począwszy od drugiego poziomu ukrywamy listy i nadajemy im pozycje absolutną oraz górną ramke */
.menuv ul ul { visibility:hidden; position:absolute; height:0; z-index:101;}
	
/* DLA WSZYSTKICH LI : ustawiam float aby układały sie poziomo oraz relatywnie aby kontrolować pozycje podlist */
.menuv li { float:left; position:relative; }

/* USTAWIENIA GLOBALNE WSZYSTKICH LINKÓW W MENU */
.menuv a { display:block; }

/* =================================================================================== */
/* PIERWSZY POZIOM */	
	/* LISTA */
	.menuv ul li { width:160px; }
	
	/* LINKI */	
	.menuv ul a, .menuv ul a:visited { 
		font-size:12px; font-family:tahoma; text-decoration:none; color:#fff; 
		background: #000 url(../gfx/apollo/menu_level1_bg.jpg) no-repeat; 
		height:29px; line-height:29px; 
		width:145px; padding-left:15px;		
	}	
	* html .menuv ul a, * html .menuv ul a:visited { width:160px; w\idth:145px; } /* poprawka dla ie55 */
	
	.menuv ul a:hover { background: #001 url(../gfx/apollo/menu_level1_bg_hover.jpg) no-repeat; } /* dla ie6 */
	.menuv ul :hover > a { background: #001 url(../gfx/apollo/menu_level1_bg_hover.jpg) no-repeat; }	

	
/* =================================================================================== */	
/* lista drugiego poziomu ma szerokosc 150 natomiast przesunięcie list trzeciego poziomu wynosi 149 dzięki temu ramki brzegowe nachodzą się i wygląda jak jedna ramka */
/* DRUGI POZIOM */		
	/* LISTY */
	.menuv ul ul { top:0; left:160px; width:144px; }
	.menuv ul ul.left { left:-144px; } /* otwierane w lewo przesuniete o szerokosc poziomu DRUGIEGO nie pierwszego + border :) */
	
	.menuv ul ul li { width:144px; }
	
	/* LINKI */	
	.menuv ul ul a, 
	.menuv ul ul a:visited {
		font-size:11px; text-decoration:none; color:#fff; background: #000 url(../gfx/apollo/menu_level2_bg.gif) no-repeat;		
		height:29px; line-height:auto;
		width:134px; padding-left:10px; /* width(134) + padding(5+5=10) = 144px */		
	}
	
	* html .menuv ul ul a, * html .menuv ul ul a:visited { width:144px; w\idth:134px; } /* poprawka boxmodelu w ie55 */

	/* po najechaniu */	
	.menuv ul ul a:hover { color:#fff; background: #001 url(../gfx/apollo/menu_level2_bg_hover.gif) no-repeat; }	/* dla ie6 */
	.menuv ul ul :hover > a { color:#fff; background: #001 url(../gfx/apollo/menu_level2_bg_hover.gif) no-repeat; }

	/* .DROP - link drugiego poziomu posiadający podliste */
	.menuv ul ul a.drop, .menuv ul ul a.drop:visited { background: #000 url(../gfx/apollo/menu_level2_bg_sub2.gif) no-repeat; }
	
	/* .DROP - po najechaniu */
	.menuv ul ul a.drop:hover { background: #001 url(../gfx/apollo/menu_level2_bg_sub.gif) no-repeat; } /* dla ie6 */
	.menuv ul ul :hover > a.drop { background: #001 url(../gfx/apollo/menu_level2_bg_sub.gif) no-repeat; }
	
	
/* =================================================================================== */	
/* TRZECI POZIOM */
	/* LISTY */
	.menuv ul ul ul { left:144px; top:0; width:144px; }
	.menuv ul ul ul.left { left:-144px; } /* otwierane w lewo */
	
	.menuv ul ul ul li { width:144px; }
	
	/* LINKI */	
	.menuv ul ul ul a, .menuv ul ul ul a:visited {
		font-size:11px; text-decoration:none; color:#fff; background: #000 url(../gfx/apollo/menu_level2_bg.gif) no-repeat;	
		height:29px; line-height:auto; 
		width:134px; padding-left:10px;		
	}
	
	* html .menuv ul ul ul a, * html .menuv ul ul ul a:visited { width:144px; w\idth:134px; } /* poprawka boxmodelu w ie55 */
	
	/* po najechaniu */
	.menuv ul ul ul a:hover { color:#fff; background: #001 url(../gfx/apollo/menu_level2_bg_hover.gif) no-repeat; }
	.menuv ul ul ul :hover > a { color:#fff; background: #001 url(../gfx/apollo/menu_level2_bg_hover.gif) no-repeat; }
	
	/* .DROP - link trzeciego poziomu posiadający podliste */
	.menuv ul ul ul a.drop, .menuv ul ul ul a.drop:visited { background: #001 url(../gfx/apollo/menu_level2_bg_sub2.gif) no-repeat; }
	
	/* .DROP - po najechaniu */
	.menuv ul ul ul a.drop:hover { background: #001 url(../gfx/apollo/menu_level2_bg_sub.gif) no-repeat; } /* dla ie6 */
	.menuv ul ul ul :hover > a.drop { background: #001 url(../gfx/apollo/menu_level2_bg_sub.gif) no-repeat; }

	
/* =================================================================================== */
/* CZWARTY POZIOM */
	/* LISTY */
	.menuv ul ul ul ul { left:144px; top:0; width:144px; }
	.menuv ul ul ul ul.left { left:-144px; } /* otwierane w lewo */
	
	.menuv ul ul ul ul li { width:144px; }
		
	/* LINKI */	
	.menuv ul ul ul ul a, .menuv ul ul ul ul a:visited {
		font-size:11px; text-decoration:none; color:#fff; background: #000 url(../gfx/apollo/menu_level2_bg.gif) no-repeat;	
		height:29px; line-height:29px; 
		width:134px; padding-left:10px;		
	}
	
	* html .menuv ul ul ul ul a, * html .menuv ul ul ul ul a:visited { width:144px; w\idth:134px; } /* poprawka boxmodelu w ie55 */
	
	/* po najechaniu */
	.menuv ul ul ul ul a:hover { color:#fff; background: #001 url(../gfx/apollo/menu_level2_bg_hover.gif) no-repeat; } /* dla ie6 */
	.menuv ul ul ul ul :hover > a { color:#fff; background: #001 url(../gfx/apollo/menu_level2_bg_hover.gif) no-repeat; }
	
	/* .DROP - link trzeciego poziomu posiadający podliste */
	.menuv ul ul ul ul a.drop, .menuv ul ul ul ul a.drop:visited { background: #001 url(../gfx/apollo/menu_level2_bg_sub2.gif) no-repeat; }
	
	/* po najechaniu */
	.menuv ul ul ul ul a.drop:hover { background: #001 url(../gfx/apollo/menu_level2_bg_sub.gif) no-repeat;  } /* dla ie6 */
	.menuv ul ul ul ul :hover > a.drop { background: #001 url(../gfx/apollo/menu_level2_bg_sub.gif) no-repeat; }

	
/* =================================================================================== */
/* style the table so that it takes no part in the layout - required for IE to work */
	.menuv table { position:absolute; top:0; left:0; border-collapse:collapse; }

	
	
/* pokaż drugi poziom gdy najade na pierwszy */
	.menuv ul li:hover ul,
	.menuv ul a:hover ul { visibility:visible; }
/* pokaż trzeci poziom gdy najade na drugi */
	.menuv ul :hover ul :hover ul { visibility:visible; }
/* pokaz czwarty poziom gdy najade na trzeci */
	.menuv ul :hover ul :hover ul :hover ul { visibility:visible; }
	

	
/* ukryj trzeci poziom gdy najade na pierwszy */
	.menuv ul :hover ul ul { visibility:hidden; }
/* ukryj czwarty poziom gdy najade na drugi */
	.menuv ul :hover ul :hover ul ul { visibility:hidden; }