/* Ustawienie DIV'a przechowującego UL */
.menu { margin-left:10px; height:35px; position:relative;	}

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

/* 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:14px; text-decoration:none; color:#fff;
		height:35px; line-height:35px; 
		width:auto; padding:0 10px 0 20px;
		font-weight:bold;
		font-family:arial;
		background: url('topmenubg.png') no-repeat left top;
	}	
	* html .menu ul a, * html .menu ul a:visited { width:125px; w\idth:120px; } /* poprawka dla ie55 */
	
	.menu ul a:hover { background:#60000f url('topmenubg2.png') no-repeat left top; } /* dla ie6 */
	.menu ul :hover > a { background:#60000f url('topmenubg2.png') no-repeat left top; }	

	
/* =================================================================================== */	
/* 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:35px; left:0; width:149px; }
	* html .menu ul ul { top:35px; t\op:35px; } /* 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:#666; background:#fff url('topmenu_subbg.png') no-repeat left bottom;		
		height:auto; line-height:1em; width:133px;		
		padding:5px 10px 5px 5px;/* width(133) + padding(5+10=15) = 148 + border = 150px */
		border:1px solid #888; 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:#740713; background:#60000f url('topmenu_subbg.png') no-repeat left bottom;}	/* dla ie6 */
	.menu ul ul :hover > a { color:#740713; background:#60000f url('topmenu_subbg.png') no-repeat left bottom; }

	/* .DROP - link drugiego poziomu posiadający podliste 
	.menu ul ul a.drop, .menu ul ul a.drop:visited { background:#fff url(drop.gif) bottom right no-repeat; }
	
	 .DROP - po najechaniu 
	.menu ul ul a.drop:hover { background:#60000f url(drop.gif) bottom right no-repeat; } 
	.menu ul ul :hover > a.drop { background:#60000f 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; }