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

/* ogolny div dla menu horyzontalnego */
div#menuh { background: url('../../images/layout/menuh_background.png') no-repeat top left transparent; height: 40px; width: 560px; position: relative; top: 115px; }

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

div#menuh a:active {text-decoration: none} /* wyglad naciskanych linkow */
div#menuh a:hover {text-decoration: none} /* wyglad linku po najechaniu */
div#menuh a:link {text-decoration: none} /* wyglad nieodwiedzonego linku */
div#menuh a:visited {text-decoration: none} /* 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:111px; margin-right: 1px; }

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

div#menuh a.level0,
div#menuh a.top_parent { padding: 0px 5px; background: url('../../images/layout/menuh_element.png') top center no-repeat; }
/*odpowiednie hoovery dla nich */
div#menuh a.level0:hover,
div#menuh a.top_parent:hover { color: #000000; }

div#menuh a.activeMenuItem { background: url('../../images/layout/menuh_element_active.png') top center no-repeat; } /* wyglad linku ktory jest akurat aktywny */
div#menuh a.activeMenuItem:hover { color: #ff0000; }

/**************************************** style dla elementow menu poziomu 1 ******************************************/

/* cala lista elementow z poziomu 1 */
div#menuh ul.level1 { width:230px; position:absolute; z-index:500; left: 0px; top: auto; display: none; }

/* poszczegolny element poziomu 1 */
div#menuh li.level1 { position: relative; text-align: left; background-color: #d10101; height: auto !important; height: 25px; border-bottom: 1px dotted #000000; }

/* dla linkow z poziomu 1 oznaczenie jest podobne jak dla tych z poziomu 0 */
div#menuh a.level1, div#menuh a.parent { padding: 0px 10px; line-height: 25px; height: auto !important; 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 { color: #000000; }
	
/**************************************** style dla elementow menu poziomu 2 ******************************************/
/*lista poziomu drugiego */
div#menuh ul.level2 {
	position:absolute; width: 200px; display: none; visibility: hidden;
	left: 200px; /* 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: #d10101; display: none; }

/* linki poziomu 2 - menu nie dziala na poziom 3 wiec nie ma parentow */
div#menuh a.level2 { padding: 0px 10px; height: auto !important; height: 25px; }
div#menuh a.level2:hover { color: #000000; }
	
/* 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:block; background-image: url('../../images/layout/menuh_bottom.png'); height: 10px;  line-height: 10px; }
div#menuh li.top2 { display:block; height: 10px; line-height: 10px; }
div#menuh li.bottom2 { display:block; height: 10px; line-height: 10px; }
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:block; background-image: url('../../images/layout/menuh_top.png'); height: 10px; width: 200px; }
div#menuh img.bottom2img { display:block; background-image: url('../../images/layout/menuh_bottom.png'); height: 10px; width: 200px; }