/************************************************ CSS made by Tomasz Kowalkiewicz - Krakweb.pl ***********************************************/

/* ogolny div dla menu horyzontalnego */
div#menuh { }

/* ustawienia dla kazdego linku w menu horyzontalnym */
div#menuh a {
	display:block;
	margin:0px;
	padding: 0px;
	vertical-align:middle;
	color: #949599;
	line-height: 44px; font-family: Arial; }	

div#menuh a.activeMenuItem { color: #000000; font-weight: bold; font-style: italic; } /* wyglad linku ktory jest akurat aktywny */
div#menuh a:active {} /* wyglad naciskanych linkow */
div#menuh a:hover { text-decoration: none; } /* wyglad linku po najechaniu */
div#menuh a:link {} /* wyglad nieodwiedzonego linku */
div#menuh a:visited {} /* wyglad odwiedzonego linku */

/* ogolne ustawienia dla list na ktorych jest menu zbudowane */
div#menuh ul { background-color: transparent; list-style: none; float: left; margin: 0px; padding: 0px; }
div#menuh ul li { background-color: transparent; margin: 0px; padding: 0px; 
	min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom; /* Sophie Dennis contribution for IE7 */ }

/* cos dziwnego - obstawiam ze styl odpowiedzialny za znikanie i pojawianie sie elementow po najechaniu */
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul ,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block; }

/**************************************** style dla elementow menu poziomu 0 ******************************************/
/* ul o klasie level0 posiada tylko jeden element le o klasie level0 - wszystkie elementy musza miec okreslona szerokosc, inaczej ie 6 sobie nie radzi */
div#menuh ul.level0 {
	width:120px;
 }

div#menuh li.level0 {
	position:relative;
    min-height: 1px; /* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	text-align: left; }

/* style dla linkow - oznaczenia
	a.level0 - link z menu poziomu0 nie majacy 'dziecka' - nic z niego sie nie rozwija
	a.top_parent - link z menu poziomu0 ktory posiada 'dziecko' lub 'dzieci'
*/ 
div#menuh a.level0,
div#menuh a.top_parent { padding: 0px 19px; }
/*odpowiednie hoovery dla nich */
div#menuh a.level0:hover,
div#menuh a.top_parent:hover { background: url('menuh_active.png') no-repeat center center; }
	
/**************************************** style dla elementow menu poziomu 1 ******************************************/

/* cala lista elementow z poziomu 1 */
div#menuh ul.level1 {
	width:170px;	/* width of all menu boxes level1 */
	position:absolute;
	border: 1px solid #E8E8E8;
	border-top-width: 0px;
	z-index:500;
	left: -1px; /* cofniecie zeby wyrownac do borderow */
	top: auto;
	display: none; }

/* poszczegolny element poziomu 1 */
div#menuh li.level1 {
	position: relative;
	text-align: left;
	background-color: #ffffff; 
	line-height: 25px; }

/* dla linkow z poziomu 1 oznaczenie jest podobne jak dla tych z poziomu 0 */
div#menuh a.level1 { padding: 0px 5px; line-height: 25px; }
div#menuh a.parent { padding: 0px 5px; line-height: 25px; } /* dla tego elementu mozna dodac jakas strzalke jako tlo - bedzie podpowiadac uzytkownikowi ze ten element sie rozwija */

div#menuh a.level1:hover,
div#menuh a.parent:hover { background-color: #E8E8E8; line-height: 25px; }
	
/**************************************** style dla elementow menu poziomu 2 ******************************************/
/*lista poziomu drugiego */
div#menuh ul.level2 {
	position:absolute;
	width:170px;
	border: 1px solid #E8E8E8;
	left: 171px; /* zeby lista poziomu 2 pojawiala sie obok rozwijalnego elementu poziomu 1 - czyli szerokosc ul.level0 - ramka */
	top: -1px; } /* jw - uwaga - dla ie6 wartosc tego wynosi 0 */

/*style dla kazdego elementu drugiego poziomu */
div#menuh li.level2 { background-color: #ffffff; }

/* linki poziomu 2 - menu nie dziala na poziom 3 wiec nie ma parentow */
div#menuh a.level2 { padding: 0px 5px; line-height: 25px; }
div#menuh a.level2:hover { background-color: #E8E8E8; }
	
/* Wyzerowanie dodatkowego wykonczenia rozwijanych elementow menu - ponizej wyglad wstawianego kodu - wstawia go jako pierwszy element listy poziomu2
elementy sluza wstawianiu zaokraglenia - aby to zrobic trzeba do danego elementu - np li.top2 ustawic styl: display: block, oraz jako background image - obrazek ktory ma 'zaokraglic' liste' - i wysokosc elementu height - rowna wysokosci zaokraglajacego obrazka
<li class="top2">
	<img class="top2img" src="http://.../pix.gif" alt=""/>
</li>
*/
div#menuh li.top1 { display:none; background-image:none; height: 0px; }
div#menuh li.bottom1 { display:none; background-image:none; height: 0px; }
div#menuh li.top2 { display:none; background-image:none; height: 0px; }
div#menuh li.bottom2 { display:none; background-image:none; height: 0px; }
div#menuh img.top1img { display:none; background-image:none; height: 0px; }
div#menuh img.bottom1img { display:none; background-image:none; height: 0px; }
div#menuh img.top2img { display:none; background-image:none; height: 0px; }
div#menuh img.bottom2img { display:none; background-image:none; height: 0px; }