/* Ustawienie DIV'a przechowującego UL */
.menu { height:22px; position:relative;	}

/* Usuwam domyślne ustawienia na wszystkich listach */
.menu 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 */
.menu ul ul { visibility:hidden; position:absolute; border-top:1px solid #000; height:0;}
	
/* DLA WSZYSTKICH LI : ustawiam float aby układały sie poziomo oraz relatywnie aby kontrolować pozycje podlist */
.menu li { float:left; position:relative; }

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

/* =================================================================================== */
/* PIERWSZY POZIOM */	
	/* LISTA */
	.menu ul li { width:130px; }
	
	/* LINKI */	
	.menu ul a, .menu ul a:visited { 
		font-size:11px; text-decoration:none; color:#fff; background:#000; 
		height:22px; line-height:22px; 
		width:125px; padding-left:5px;
	}	
	* html .menu ul a, * html .menu ul a:visited { width:130px; w\idth:125px; } /* poprawka dla ie55 */
	
	.menu ul a:hover { background:#949e7c; } /* dla ie6 */
	.menu ul :hover > a { background:#949e7c; }	

	
/* =================================================================================== */	
/* 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 */
	.menu ul ul { top:22px; left:0; width:149px; }
	* html .menu ul ul { top:23px; t\op:22px; } /* popraka dla IE5.5 */
	
	.menu ul ul li {	width:149px; }
	
	/* LINKI */	
	.menu ul ul a, 
	.menu ul ul a:visited {
		font-size:11px; text-decoration:none; color:#000; background:#d4d8bd;		
		height:auto; line-height:1em; width:133px;		
		padding:5px 10px 5px 5px;/* width(133) + padding(5+10=15) = 148 + border = 150px */
		border:1px solid #000; border-width:0 1px 1px 1px;		
	}
	
	* html .menu ul ul a, * html .menu ul ul a:visited { width:150px; w\idth:133px; } /* poprawka boxmodelu w ie55 */

	/* po najechaniu */	
	.menu ul ul a:hover { color:#fff; background:#949e7c; }	/* dla ie6 */
	.menu ul ul :hover > a { color:#fff; background:#949e7c; }

	/* .DROP - link drugiego poziomu posiadający podliste */
	.menu ul ul a.drop, .menu ul ul a.drop:visited { background:#d4d8bd url(drop.gif) bottom right no-repeat; }
	
	/* .DROP - po najechaniu */
	.menu ul ul a.drop:hover { background:#c9ba65 url(drop.gif) bottom right no-repeat; } /* dla ie6 */
	.menu ul ul :hover > a.drop { background:#c9ba65 url(drop.gif) bottom right no-repeat; }
	
	
/* =================================================================================== */	
/* TRZECI POZIOM */
	/* LISTY */
	.menu ul ul ul { left:149px; top:-1px; width:149px; }
	.menu ul ul ul.left { left:-149px; } /* otwierane w lewo */
	
	.menu ul ul ul li { width:149px; }
	
	/* LINKI */	
	.menu ul ul ul a, .menu ul ul ul a:visited {
		font-size:11px; text-decoration:none; color:#000; background:#d4d8bd;	
		height:auto; line-height:1em; width:133px;		
		padding:5px 10px 5px 5px;
		border:1px solid #000; border-width:0 1px 1px 1px;			
	}
	
	* html .menu ul ul ul a, * html .menu ul ul ul a:visited { width:150px; w\idth:133px; } /* poprawka boxmodelu w ie55 */
	
	/* po najechaniu */
	.menu ul ul ul a:hover { color:#fff; background:#949e7c; }
	.menu ul ul ul :hover > a { color:#fff; background:#949e7c; }
	
	/* .DROP - link trzeciego poziomu posiadający podliste */
	.menu ul ul ul a.drop, .menu ul ul ul a.drop:visited { background:#d4d8bd url(drop.gif) bottom right no-repeat; }
	
	/* .DROP - po najechaniu */
	.menu ul ul ul a.drop:hover { background:#c9ba65 url(drop.gif) bottom right no-repeat; } /* dla ie6 */
	.menu ul ul ul :hover > a.drop { background:#c9ba65 url(drop.gif) bottom right no-repeat; }

	
/* =================================================================================== */
/* CZWARTY POZIOM */
	/* LISTY */
	.menu ul ul ul ul { left:149px; top:-1px; width:149px; }
	.menu ul ul ul ul.left { left:-149px; } /* otwierane w lewo */
	
	.menu ul ul ul ul li { width:149px; }
		
	/* LINKI */	
	.menu ul ul ul ul a, .menu ul ul ul ul a:visited {
		font-size:11px; text-decoration:none; color:#000; background:#d4d8bd;		
		height:auto; line-height:1em; width:133px;		
		padding:5px 10px 5px 5px;		
		border:1px solid #000; border-width:0 1px 1px 1px;			
	}
	
	* html .menu ul ul ul ul a, * html .menu ul ul ul ul a:visited { width:150px; w\idth:133px; } /* poprawka boxmodelu w ie55 */
	
	/* po najechaniu */
	.menu ul ul ul ul a:hover { color:#fff; background:#949e7c; } /* dla ie6 */
	.menu ul ul ul ul :hover > a { color:#fff; background:#949e7c; }
	
	/* .DROP - link trzeciego poziomu posiadający podliste */
	.menu ul ul ul ul a.drop, .menu ul ul ul ul a.drop:visited { background:#d4d8bd url(drop.gif) bottom right no-repeat; }
	
	/* po najechaniu */
	.menu ul ul ul ul a.drop:hover { background:#c9ba65 url(drop.gif) bottom right no-repeat; } /* dla ie6 */
	.menu ul ul ul ul :hover > a.drop { background:#c9ba65 url(drop.gif) bottom right no-repeat; }

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

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

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