/* common styling */

.menu {
	font-family: verdana, sans-serif;
	font-weight: bold;
	width: 100%; 
	position:relative; 
	font-size:0.65em;
	padding-bottom:0px; 					/* ilosc wolnego miejsca pod menu - tylko IE	*/
	z-index: 3;
}

.menu ul {
	padding:0; 										/* wolne miejsce z prawej i lewej - nie dotyczy IE	*/
																/* ponizsze 4 pola maja to samo znaczenie	*/
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin:0;											/* wolne miejsce z prawej i lewej - tylko IE	*/
	list-style-type: none;
}

.menu ul li {
	float:left;
	position:relative;
}

/* w razie czego rodzielic oddzielnie klasy...	*/
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	text-align:left;							/* tekst do srodka MenuLevel1		*/
	width:129px;									/* szerokosc menu level1 - nie visited - wszystkie przegladarki	*/
	height:20px;									/* wysokosc menu level1 - visited	*/
	color:#fff; 
	border:0px solid #ffffff; 				/* kolor i styl obramowania wszystkich pol menu	*/
																/* ponizsze 4 pola maja to samo znaczenie	*/
	border-top: #ffffff 1px solid;		
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-width:	1px 1px 0px 1px; 
	background:	#36904a; 					/* kolor MenuLevel1 - normalnie	- nie dotyczy IE	*/
	padding-left:	10px; 
	line-height:	18px;					/* ilosc zajmowanego miejsca przez tekst - wszystkie przegladarki	*/
																/* w IE dodatkowo zmienia wysokosc menu level1	*/
}

/* w razie czego rodzielic oddzielnie klasy...	*/
* html .menu ul li a, .menu ul li a:visited {
	width:129px;									/* szerokosc menu level1 - visited - wszystkie przegladarki	*/
}

.menu ul li ul {
	display: none;
}

/* wciagnalem do klasy menu zeby na reszte nie wplywalo	*/
/* wczesniej bylo samo table	*/
.menu table {
	margin: -1px;
	border-collapse: collapse;
	font-size: 1em;
}



/* specific to non IE browsers */
.menu ul li:hover a {
	color: #fff; 
	background: #2e4a1e;					/* kolor MenuLevel1 - po najechaniu - nie dotyczy IE	*/
}

.menu ul li:hover ul {
	display: block; 
	position: absolute; 
	top: 20px;										/* odleglosc MenuLevel2 od MenuLevel1 - nie dotyczy IE	*/
	margin-top: 1px;							/* margines nad MenuLevel2 od MenuLevel1 - nie dotyczy IE	*/
	left: 0;											/* narazie na nic nie reaguje		*/
	width: 150px;									/* narazie na nic nie reaguje		*/
	z-index: 500;
}

.menu ul li:hover ul li ul {
	display: none;
	z-index: 500;
}

.menu ul li:hover ul li a {
	display: block; 
	background: #36904a; 					/* kolor MenuLevel2, MenuLevel3 - normalnie	( bez pod menu) - nie dotyczy IE	*/
	color: #ffffff; 
	height: auto; 
	line-height: 1.2em; 					/* wysokosc MenuLevel2 i MenuLevel3 - nie dotyczy IE	*/
	padding: 5px 10px; 
																/* ponizsze 4 pola maja to samo znaczenie	*/
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 129px									/* szerokosc MenuLevel2 i MenuLeve3 - nie dotyczy IE	*/
}

.menu ul li:hover ul li a.drop {
	/* pole posiadajace pod menu - dotyczy w tym wypadku MenuLevel2	*/
	background: #526547 url(images/sub_str.gif) bottom right no-repeat;
}

.menu ul li:hover ul li a:hover {
	background: #2e4a1e; 					/* kolor MenuLevel2, MenuLevel3 - po najechaniu	( bez pod menu) - nie dotyczy IE	*/
	color: #ffffff;
}

.menu ul li:hover ul li:hover ul {
	display: block; 
	position: absolute; 
	left: 150px; 
	top: 0;
	width: 150px;
	z-index: 500;
}

.menu ul li:hover ul li:hover ul.left {
left: -150px;
}