/* Ustawienie DIV'a przechowującego UL */
.menu { height:33px; position:relative; z-index:50; }

/* 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; text-align:center; }

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

/* =================================================================================== */
/* PIERWSZY POZIOM */	
	/* LISTA */
	.menu ul li { width:145px; }
	
	/* LINKI */	
	.menu ul a, .menu ul a:visited { 
		font-size:11px; text-decoration:none; color:#fff; background:#000 url('topmenubg.png') no-repeat top left; 
		height:33px; line-height:33px; 
		font-weight:bold;
		width:145px; padding:0; margin:0;
	}	
	* html .menu ul a, * html .menu ul a:visited { width:145px; w\idth:145px; } /* poprawka dla ie55 */
	
	.menu ul a:hover { background:#001 url('topmenubg.png') no-repeat top left; } /* dla ie6 */
	.menu ul :hover > a { background:#001 url('topmenubg.png') no-repeat top left; }	

	
/* =================================================================================== */	
/* 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:33px; left:0; width:150px; }
	* html .menu ul ul { top:34px; t\op:33px; } /* popraka dla IE5.5 */
	
	.menu ul ul li {	width:150px; }
	
	/* LINKI */	
	.menu ul ul a, 
	.menu ul ul a:visited {
		font-size:11px; text-decoration:none; color:#fff; background:#000 url('topsubmenubg.png') repeat-x bottom left;		
		font-weight:normal;
		height:auto; line-height:1em; width:135px;		
		padding:10px 10px 10px 5px;/* width(135) + padding(5+10=15) = 150 */
	}
	
	* html .menu ul ul a, * html .menu ul ul a:visited { width:150px; w\idth:135px; } /* poprawka boxmodelu w ie55 */

	/* po najechaniu */	
	.menu ul ul a:hover { color:#14ce01;  background:#001 url('topsubmenubg.png') repeat-x bottom left; }	/* dla ie6 */
	.menu ul ul :hover > a { color:#14ce01;  background:#001 url('topsubmenubg.png') repeat-x bottom left; }

	/* .DROP - link drugiego poziomu posiadający podliste */
	.menu ul ul a.drop, .menu ul ul a.drop:visited { color:#fff; background:#001 url('topsubmenubg.png') repeat-x bottom left; }
	
	/* .DROP - po najechaniu */
	.menu ul ul a.drop:hover { color:#14ce01; background:#002 url('topsubmenubg.png') repeat-x bottom left; } /* dla ie6 */
	.menu ul ul :hover > a.drop { color:#14ce01; background:#002 url('topsubmenubg.png') repeat-x bottom left; }
	
	
/* =================================================================================== */	
/* TRZECI POZIOM */
	/* LISTY */
	.menu ul ul ul { left:150px; top:0px; 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:#fff; background:#000 url('topsubmenubg.png') repeat-x bottom left;		
		height:auto; line-height:1em; width:135px;		
		padding:10px 10px 10px 5px;		
	}
	
	* html .menu ul ul ul a, * html .menu ul ul ul a:visited { width:150px; w\idth:135px; } /* poprawka boxmodelu w ie55 */
	
	/* po najechaniu */
	.menu ul ul ul a:hover { color:#14ce01; background:#001 url('topsubmenubg.png') repeat-x bottom left;		 }
	.menu ul ul ul :hover > a { color:#14ce01; background:#001 url('topsubmenubg.png') repeat-x bottom left;		 }
	
	/* .DROP - link trzeciego poziomu posiadający podliste */
	.menu ul ul ul a.drop, .menu ul ul ul a.drop:visited { color:#fff; background:#001 url('topsubmenubg.png') repeat-x bottom left;		 }
	
	/* .DROP - po najechaniu */
	.menu ul ul ul a.drop:hover { color:#14ce01; background:#002 url('topsubmenubg.png') repeat-x bottom left;		 } /* dla ie6 */
	.menu ul ul ul :hover > a.drop { color:#14ce01; background:#002 url('topsubmenubg.png') repeat-x bottom left;		 }

	
/* =================================================================================== */
/* 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; }