/* === menu lewe ==== */
div.belka {
	width: 100%;
	height: 50px;
	border: 1px solid red;	
}

div#menuGrupa {
	float: left;
	margin: 0em 1em 0 1em;	
}
	
	div#menuGrupa ul.grupa {
		margin: 0px;
		padding: 0px;
		list-style: none;
		font-size: 12px;
	}
	
	div#menuGrupa ul.grupa li {
		float: left;
		margin-right: 0px;
		border-right: 1px solid #9b9b9b;
		padding: 0 10px 0 10px;
	}
	
	div#menuGrupa ul.grupa li a {
		font-weight: bold;
		padding: 0.25em 0.0em 0.25em 0;
		display: block;
		text-align: center;
		text-decoration: none;
		color: #002d69;
	}
	
	div#menuGrupa ul.grupa li a:hover {
		text-decoration: underline;
	}


/* --- emnu prawe ---- */
div#nav {
    float: right; 
    margin: 0px 1em 0 1em;
}

div#nav ul {
	margin: 0; 
	padding: 0;	
	background: white;
	border: 1px solid #78769a; 
	border-width: 0 1px;
	font-size: 12px;
	font-weight: bold;
}

div#nav li {z-index:1000; position: relative; list-style: none; margin: 0; float: left; min-width: 1em; 
    border-left: 1px solid #9b9b9b; padding: 0 10px 0 10px; 
	background-image: url('../gfx/menubg.png'); }
div#nav li:hover { }
div#nav li.submenu {background: url(dropmenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {}
div#nav li a {display: block; text-align: center; color: #002d69; padding: 0.25em 0.5em 0.25em 0; text-decoration: none; width: 6.5em;}
div#nav li a:hover { text-decoration: underline; }
div#nav ul a {width: auto; display: block;}
div#nav ul ul {
	position: absolute; 
	width: 0em;
	display: none;
}

div#nav ul ul li {border: 0px solid #78769a; text-align: left; background-color: white; min-width: 150px;}
div#nav li.submenu li.submenu {background: url(submenu-rt.gif) 5% 50% no-repeat;}
div#nav ul.level1 li.submenu:hover ul.level2 {display:block; bottom: 100%}
div#nav ul.level2 {top: 1.5em; left: -42px; margin-top: 2px; }
div#nav ul.level2 a { color: #002d69; text-align: left; padding-left: 5px;}
div#nav ul.level2 a:hover { color: #002d69; font-weight: bold; }
div#nav ul.level3 {top: -1px; right: 7em; border-top: 1px solid #CCC;}