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

/* Usuwam domyślne ustawienia na wszystkich listach */
.menu2 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 */
.menu2 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 */
.menu2 li { float:left; position:relative; }

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

/* =================================================================================== */
/* PIERWSZY POZIOM */	
	/* LISTA */
	.menu2 ul li { width:auto; }
	
	/* LINKI */	
	.menu2 ul a, .menu2 ul a:visited { 
		font-size:11px; text-decoration:none; color:#777;
		height:20px; line-height:20px; 
		width:auto; padding:0 20px 0 20px;
		font-weight:500;
		font-family:arial;
	}	
	* html .menu2 ul a, * html .menu2 ul a:visited { width:140px; w\idth:135px; } /* poprawka dla ie55 */
	
	.menu2 ul a:hover { color:#fff; } /* dla ie6 */
	.menu2 ul :hover > a { color:#fff; }	


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

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

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