/* 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; 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:auto; }
	
	/* LINKI */	
	.menu ul a, .menu ul a:visited { 
		font-size:11px; text-decoration:none; color:#fff; background:#000; 
		height:22px; line-height:22px; 
		width:auto; padding:0 10px 0 10px;
	}	
	.menu ul a:hover { background:#949e7c; } /* dla ie6 */
	.menu ul :hover > a { background:#949e7c; }	

/* =================================================================================== */
/* DRUGI POZIOM */		
	/* LISTY */
	.menu ul ul { top:22px; left:0; width:150px; }		
	.menu ul ul li {	width:150px; }
	
	/* 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:135px;		
		padding:5px 10px 5px 5px;/* width(135) + padding(5+10=15) = 150 */		
	}	

	/* 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(../images/drop.gif) bottom right no-repeat; }	
	/* .DROP - po najechaniu */
	.menu ul ul a.drop:hover { background:#c9ba65 url(../images/drop.gif) bottom right no-repeat; } /* dla ie6 */
	.menu ul ul :hover > a.drop { background:#c9ba65 url(../images/drop.gif) bottom right no-repeat; }
	
/* =================================================================================== */	
/* TRZECI POZIOM */
	/* LISTY */
	.menu ul ul ul { left:150px; top:0; width:150px; }
	.menu ul ul ul.left { left:-150px; } /* otwierane w lewo */	
	.menu ul ul ul li { width:150px; }
	
	/* 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:135px;		
		padding:5px 10px 5px 5px;		
	}
	
	/* 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(../images/drop.gif) bottom right no-repeat; }
	/* .DROP - po najechaniu */
	.menu ul ul ul a.drop:hover { background:#c9ba65 url(../images/drop.gif) bottom right no-repeat; } /* dla ie6 */
	.menu ul ul ul :hover > a.drop { background:#c9ba65 url(../images/drop.gif) bottom right no-repeat; }

/* =================================================================================== */
/* CZWARTY POZIOM */
	/* LISTY */
	.menu ul ul ul ul { left:150px; top:0; width:150px; }
	.menu ul ul ul ul.left { left:-150px; } /* otwierane w lewo */	
	.menu ul ul ul ul li { width:150px; }
		
	/* 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:135px;		
		padding:5px 10px 5px 5px;		
	}
	
	/* 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(../images/drop.gif) bottom right no-repeat; }
	/* po najechaniu */
	.menu ul ul ul ul a.drop:hover { background:#c9ba65 url(../images/drop.gif) bottom right no-repeat; } /* dla ie6 */
	.menu ul ul ul ul :hover > a.drop { background:#c9ba65 url(../images/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; }