#menu { z-index: 1000; position: absolute; }

#menu ul { position: relative; left: 88px; line-height: 37px; }
#menu ul li {
	display: block; 
	height: 37px;
	float: left; 
	position: relative; 
	list-style: none;
}
	#menu ul li a { display: block; float: left; height: 37px; padding: 0 15px; color: #fff; text-decoration: none; }
	#menu ul li a:hover { background: #205C8A url(../images/layout/other/top-menu-hover.gif) repeat-x;  }
	
	#menu ul li a span { background: transparent url(../images/layout/other/border-dotted.gif) center bottom repeat-x; padding-bottom: 2px; }
	#menu ul li a:hover span { background: none; }

	#Hotel_Orle 	#main #mainTop #menu ul li.Hotel_Orle a, 
	#Oferta  		#main #mainTop #menu ul li.Oferta a, 
	#galeria  		#main #mainTop #menu ul li.galeria a, 
	#kontakt  		#main #mainTop #menu ul li.kontakt a, 
	#rezerwacja  	#main #mainTop #menu ul li.rezerwacja a, 
	#working  		#main #mainTop #menu ul li.working a, 
	#start  			#main #mainTop #menu ul li.start a, 
	#tresc  			#main #mainTop #menu ul li.tresc a, 
	#biuletyn  		#main #mainTop #menu ul li.biuletyn a 
		{ background: #205C8A url(../images/layout/other/top-menu-active.gif) repeat-x; }

	
#menu ul li a, #menu ul li a:visited {
	float: left; 
	display: block; 
	
	height: 37px;
	line-height: 37px;
}

#menu ul li:hover, #menu ul li:active {
	width: auto;	
	color: #fff;
	background: #205C8A url(../images/layout/other/top-menu-hover.gif) repeat-x;
}

#menu ul li ul { display: none; }
#menu table {
	margin: -1px; 
	border-collapse: collapse;
}

/* specific to non IE browsers */
	#menu ul li:hover ul {
		display: block;
		position: absolute;
			top: 37px;
			left: 0;
		background-color: #205C8A;
	}
	#menu ul li:hover ul.endstop {
		left:-92px;
	}
	#menu ul li:hover ul li ul {
		display: none;
	}
	
	
	#menu ul li:hover ul { filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
	#menu ul li:hover ul li { height: 26px; }
	
	/* HOVER / UNCHOVER */
	#menu ul li:hover ul li a {
		display: block;
		
		font: bold 11px Tahoma;
		color: #fff; 
		padding: 3px 10px 3px 15px; 		
		width: 150px;
		height: 20px;
		line-height: 20px;
		
		background: transparent url(../images/layout/other/dot.gif) 5px center no-repeat;
	}
	#menu ul li:hover ul li a:hover {
		color: #fff;
		background: #236597 url(../images/layout/other/dot.gif) 5px center no-repeat;
	}
	/* & */
	
	#menu ul li:hover ul li:hover ul {
		display:block; 
		position: absolute; 
		left: 153px; 
		top: -1px;
	}
	#menu ul li:hover ul li:hover ul.left {
		left:-153px;
	}

/* specific to IE5.5 and IE6 browsers */
	#menu ul li.Hotel_Orle a:hover ul, 
	#menu ul li.Oferta a:hover ul, 
	#menu ul li.galeria a:hover ul, 
	#menu ul li.kontakt a:hover ul, 
	#menu ul li.rezerwacja a:hover ul, 
	#menu ul li.working a:hover ul, 
	#menu ul li.start a:hover ul, 
	#menu ul li.tresc a:hover ul, 
	#menu ul li.biuletyn a:hover ul, 
	#menu ul li a:hover ul  {
		display: block;
		position: absolute;
			top: 27px; 
			left: 0; 
		
		font: bold 12px Tahoma;
		color: #fff; 
		background-color: #205C8A; 
	}
	#menu ul li a:hover ul.endstop {
		left: -92px;
	}
	
	#menu ul li a:hover ul { margin-top: 10px; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
	#menu ul li a:hover ul li { height: 26px; line-height: 26px; }
	
	/* HOVER / UNCHOVER */
	#menu ul li a:hover ul li a {
		display: block;
		
		font: bold 11px Tahoma;
		color: #fff; 
		padding: 3px 10px 3px 15px; 		 		
		width: 150px;
		height: 1px;
		
		background: transparent url(../images/layout/other/dot.gif) 5px center no-repeat;
	}
	#menu ul li a:hover ul li a:hover {
		color: #fff;
		background: #236597 url(../images/layout/other/dot.gif) 5px center no-repeat;
	}