/* Elementy systememowe, czyli abracsskadabra */
/*  Nie ruszac, chyba ze sie wie co sie robi  */
/* 
   Informacje ogolne:
   nazwy warstw #menu_box i #menu_root odnoszace sie do pojemnuika ogolnego i pojemnika w ktorym siedzi
   menu widoczne od razu po wczytaniu strony musza byc takie jak podano. Jezeli chcecie je zmieniac, 
   to nalezy je tez zmienic w pliku .js
*/

#menu_box { position: relative; }
#menu_box div { position: absolute; }
#menu_root div { display: none; }

#menu_root span { display: inline; position: relative; float: left; }
#menu_root span span { display: block; position: relative; float: none; width: auto; }
#menu2 { left: 0px; }

/* Wyglad obiektow menu */

/* Dekoracja menu poziomy 2 ktore ma miec wskaznik ze ma podmenu */
/* Zalozenie: wskaznikiem jest jakis maly element graficzny. Wstawiamy go do tla. */
.podmenu { background-image: url("../img/znacznik.gif") !important; background-repeat:  no-repeat; background-position: center right;}
/* I usuwamy go z dzieci tego menu. */
.podmenu div { background-image: none; }

/* Wyglad menu poziomu pierwszego, czyli tego ktore jest zawsze widoczne */
#menu_root span { height: 34px; text-align: left; padding-left: 10px; padding-right: 10px; line-height: 34px;
	background-image: url('../img/menu_nieaktywne.jpg'); 
	color : #ffffff;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}

/* Wyglad menu poziomu pierwszego przy podswietleniu mysza */
#menu_root span.aktywne { background-image: url('../img/menu_aktywne.jpg');  }


/* Wyglad menu wyswietlanego */
/* Zwracam uwage na parametr line-height - okresla on jaka bedzie minimalna wysokosc elementu
   w menu. Jako ze MSIE jest glupie, to w pliku dla MSIE podamy to w inny sposob
*/
#menu_root span span { height: auto; background-image: none; 
line-height: 20px; 
	background-color : #EBF2FF;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	COLOR: #372271;
	text-align:left;
	border : 1px solid #CEC5D1;
	border-color : #CEC5D1;
}

/* Wyglad menu wyswietlanego przy podswietleniu mysza */
#menu_root span span.aktywne { 
	background-image: none;
	background-color : #394DB8;
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	text-decoration: none;
}

/* Zeby wszystkie elementy emnu pokazywaly "lapke" tak jak linki */
#menu_root span { cursor: pointer; cursor: hand;}

#menu_root div { width: 150px; left: 0px; }
#menu_root div div { width: 150px; right: -150px; left: auto;}



/* Pozycjonowanie Firefoz */

/* 
   Dla menu poziomu 2 podajemy margines gorny 0px; dla kolejnych musimy na etapie skladania menu przy 
   cieciu strony recznie dobrac taka wartosc marginesu gornego przy ktorej podmenu bedzie na wysokosci 
   swojego rodzica. Nie ma na to magicznej formulki
*/
#menu_root div { margin-top: 0px; }
#menu_root div div { margin-top: -20px; }