/* ------------------------------------------------ MENU LEWE ----------------------------------- */



/* pierwszy pasek jest inny bo zawiera gradient w tle - kolejne są już solid */
div.Menu_lewe_top_samorzad {
	width: 168px;
	height: 23px; 
	background-image: url(../images/1szy_pasek_menu_lewa.jpg);
	background-repeat: no-repeat; 
	text-indent: 5px;
	color: #fee37a;
	line-height: 23px;
	font-weight: bold;

}

/* pasek z tłem solid */
div.Menu_lewe_blok {
	width: 168px;
	height: 26px; 
	background-color: #603a13; 
	text-indent: 5px;
	color: #fee37a;
	line-height: 23px;
	font-weight: bold;

}

/* separator z gradientem */
div.Menu_lewe_przedzialek {	
	width: 168px;
	height: 2px; 
	background-image: url(../images/menu_lewe_przedzialek.jpg);
	background-repeat: no-repeat; 
}

		/* style zawartości poszczególnych pasków dla menu lewego - menu 1 i 2 */

div.Menu_content ul {
	margin: 0 auto;
	list-style-type: none;
}

/* Na tym elemencie ustawiamy ew. obrazek i kolor hoverujacy */
div.Menu_content li {
	background-color: #603a13;
}

/* Nie ustawiac tutaj zadnego 'width': dobrze napisany HTML/CSS powinien sam wyznaczac width */
div.Menu_content li a {
	display: block;
	overflow: hidden;
	height: 23px;
	line-height: 23px;
	font-size: 11px;
	text-indent: 5px;
	background-color: #603a13;
	color: #fefaee;
}

/* Tak napisany hover wyklucza migotanie w IE6 */
div.Menu_content li a:hover{
	color: #fee37a;
	text-decoration: none;
	background-color: #351a07;
	background-image: none;
}

div.Menu_content li a.selected {
	color: #fee37a;
	font-weight: bolder;
	background-color: #603a13; 
}


/* --- Kolejne zagłębienia --- */


/* Zagłębienie stopnia 1 - dziedziczy po wyższych */
div.Menu_content li li { }
div.Menu_content li li a { }
div.Menu_content li li a:hover { }


/* Zagłębienie stopnia 2 - j.w. */
div.Menu_content li li li { }
div.Menu_content li li li a { }
div.Menu_content li li li a:hover { }

			/* style zawartości poszczególnych pasków dla menu lewego - menu 3 : zboldowane */

div.Menu_content_bold ul {
	margin: 0 auto;
	list-style-type: none;
}

/* Na tym elemencie ustawiamy ew. obrazek i kolor hoverujacy */
div.Menu_content_bold li {
	background-color: #603a13;
}

/* Nie ustawiac tutaj zadnego 'width': dobrze napisany HTML/CSS powinien sam wyznaczac width */
div.Menu_content_bold li a {
	display: block;
	overflow: hidden;
	height: 23px;
	line-height: 23px;
	font-size: 11px;
	text-indent: 5px;
	background-color: #603a13;
	color: #fefaee;
	font-weight: bold;
}

/* Tak napisany hover wyklucza migotanie w IE6 */
div.Menu_content_bold li a:hover {
	color: #fee37a;
	text-decoration: none;
	background-color: #351a07;
	background-image: none;
	font-weight: bold;
}

div.Menu_content_bold li a.selected {
	color: #fee37a;
	font-weight: bolder;
	background-color: #603a13; 
	font-weight: bold;
}


/* --- Kolejne zagłębienia --- */


/* Zagłębienie stopnia 1 - dziedziczy po wyższych */
div.Menu_content_bold li li { }
div.Menu_content_bold li li a { }
div.Menu_content_bold li li a:hover { }


/* Zagłębienie stopnia 2 - j.w. */
div.Menu_content_bold li li li { }
div.Menu_content_bold li li li a { }
div.Menu_content_bold li li li a:hover { }






/* ------------------------------------------------------ MENU PRAWE ------------------------------------- */



div.Menu_prawe {
	width: 168px;
	height: 26px; 
	background-image: url(../images/menu_prawe.jpg);
	background-repeat: no-repeat; 
	text-indent: 5px;
	color: #351a05;
	line-height: 26px;
	font-weight: bold;	
}
	
/* separator solid szary */
div.Menu_prawe_przedzialek {
	text-indent: 1px;
	font-size: 1px;
	width: 170px;
	height: 2px; 
	background-color: #999997;

}

/* separator clear */
div.Menu_prawe_separator {	
	width: 165px;
	height: 5px; 

}

/* style zawartości poszczególnych pasków dla menu prawego */

div.Menu_content_prawe ul {
	margin: 0 auto;
	list-style-type: none;
}

/* Na tym elemencie ustawiamy ew. obrazek i kolor hoverujacy */
div.Menu_content_prawe li {
	background-image: url(../images/menu_prawe.jpg);
	background-repeat: no-repeat; 
}

/* Nie ustawiac tutaj zadnego 'width': dobrze napisany HTML/CSS powinien sam wyznaczac width */
div.Menu_content_prawe li a {
	display: block;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-size: 11px;
	text-indent: 5px;
	background-image: url(../images/menu_prawe.jpg);
	background-repeat: no-repeat; 
	color: #603a13;
}

/* Tak napisany hover wyklucza migotanie w IE6 */
div.Menu_content_prawe li a:hover{
	color: #331a04;
	text-decoration: none;
	background-color: #cdbea9;
	background-image: none;
}

div.Menu_content_prawe li a.selected {
	color: #603a13;
	font-weight: bolder;
	background-image: url(../images/menu_prawe.jpg);
	background-repeat: no-repeat; 
}


/* --- Kolejne zagłębienia --- */


/* Zagłębienie stopnia 1 - dziedziczy po wyższych */
div.Menu_content_prawe li li { }
div.Menu_content_prawe li li a { }
div.Menu_content_prawe li li a:hover { }


/* Zagłębienie stopnia 2 - j.w. */
div.Menu_content_prawe li li li { }
div.Menu_content_prawe li li li a { }
div.Menu_content_prawe li li li a:hover { }


/* style zawartości poszczególnych pasków dla menu prawego - zboldowane*/

div.Menu_content_prawe_bold ul {
	margin: 0 auto;
	list-style-type: none;
}

/* Na tym elemencie ustawiamy ew. obrazek i kolor hoverujacy */
div.Menu_content_prawe_bold li {
	background-image: url(../images/menu_prawe.jpg);
	background-repeat: no-repeat; 
}

/* Nie ustawiac tutaj zadnego 'width': dobrze napisany HTML/CSS powinien sam wyznaczac width */
div.Menu_content_prawe_bold li a {
	display: block;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-size: 11px;
	text-indent: 5px;
	background-image: url(../images/menu_prawe.jpg);
	background-repeat: no-repeat; 
	color: #603a13;
	font-weight: bold;
}

/* Tak napisany hover wyklucza migotanie w IE6 */
div.Menu_content_prawe_bold li a:hover{
	color: #331a04;
	text-decoration: none;
	background-color: #cdbea9;
	background-image: none;
	font-weight: bold;
}

div.Menu_content_prawe_bold li a.selected {
	color: #603a13;
	font-weight: bolder;
	background-image: url(../images/menu_prawe.jpg);
	background-repeat: no-repeat; 
	font-weight: bold;
}


/* --- Kolejne zagłębienia --- */


/* Zagłębienie stopnia 1 - dziedziczy po wyższych */
div.Menu_content_prawe_bold li li { }
div.Menu_content_prawe_bold li li a { }
div.Menu_content_prawe_bold li li a:hover { }


/* Zagłębienie stopnia 2 - j.w. */
div.Menu_content_prawe_bold li li li { }
div.Menu_content_prawe_bold li li li a { }
div.Menu_content_prawe_bold li li li a:hover { }


/*-- style menu specjalne dla miast partnerskich --*/
div.Menu_content_prawe_rou {
	width: 168px;
	height: 26px; 
	background-image: url(../images/rou_pasek.jpg);
	background-repeat: no-repeat; 
	text-indent: 5px;
	color: #351a05;
	line-height: 26px;
	font-weight: bold;
}

/* Nie ustawiac tutaj zadnego 'width': dobrze napisany HTML/CSS powinien sam wyznaczac width */
div.Menu_content_prawe_rou li a {
	display: block;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-size: 11px;
	text-indent: 5px;
	background-repeat: no-repeat; 
	color: #603a13;
}

div.Menu_content_prawe_rou ul {
	margin: 0 auto;
	list-style-type: none;
}

/* Tak napisany hover wyklucza migotanie w IE6 */
div.Menu_content_prawe_rou li a:hover{
	color: #331a04;
	text-decoration: none;
	background-color: #cdbea9;
	background-image: none;
}

div.Menu_content_prawe_rou li a.selected {
	color: #603a13;
	font-weight: bolder;
	background-repeat: no-repeat; 
}


	
div.Menu_content_prawe_cor {
	width: 168px;
	height: 26px; 
	background-image: url(../images/cor_pasek.jpg);
	background-repeat: no-repeat; 
	text-indent: 5px;
	color: #351a05;
	line-height: 26px;
	font-weight: bold;
}

div.Menu_content_prawe_cor ul {
	margin: 0 auto;
	list-style-type: none;
}

/* Nie ustawiac tutaj zadnego 'width': dobrze napisany HTML/CSS powinien sam wyznaczac width */
div.Menu_content_prawe_cor li a {
	display: block;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-size: 11px;
	text-indent: 5px;
	background-repeat: no-repeat; 
	color: #603a13;
}

/* Tak napisany hover wyklucza migotanie w IE6 */
div.Menu_content_prawe_cor li a:hover{
	color: #331a04;
	text-decoration: none;
	background-color: #cdbea9;
	background-image: none;
}

div.Menu_content_prawe_cor li a.selected {
	color: #603a13;
	font-weight: bolder;
	background-repeat: no-repeat; 
}


/* style zawartości poszczególnych dodawanych komponentów po prawej */

div.Menu_content_komponentpoprawej ul {
	margin: 0 auto;
	list-style-type: none;
}

/* Na tym elemencie ustawiamy ew. obrazek i kolor hoverujacy */
div.Menu_content_komponentpoprawej li {
	background-image: url(../images/menu_prawe.jpg);
	background-repeat: no-repeat; 
}

/* Nie ustawiac tutaj zadnego 'width': dobrze napisany HTML/CSS powinien sam wyznaczac width */
div.Menu_content_komponentpoprawej li a {
	display: block;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-size: 11px;
	text-indent: 5px;
	color: #603a13;
}

/* Tak napisany hover wyklucza migotanie w IE6 */
div.Menu_content_komponentpoprawej li a:hover{
	color: #331a04;
	text-decoration: none;
	background-color: #cdbea9;
	background-image: none;
}

div.Menu_content_komponentpoprawej li a.selected {
	color: #603a13;
	font-weight: bolder;
}


/* --- Kolejne zagłębienia --- */


/* Zagłębienie stopnia 1 - dziedziczy po wyższych */
div.Menu_content_komponentpoprawej li li { }
div.Menu_content_komponentpoprawej li li a { }
div.Menu_content_komponentpoprawej li li a:hover { }


/* Zagłębienie stopnia 2 - j.w. */
div.Menu_content_komponentpoprawej li li li { }
div.Menu_content_komponentpoprawej li li li a { }
div.Menu_content_komponentpoprawej li li li a:hover { }








/* style dodawanych komponentów po lewej */

div.Menu_content_komponentpolewej ul {
	margin: 0 auto;
	list-style-type: none;
	color: #FDFAE9;
}

/* Na tym elemencie ustawiamy ew. obrazek i kolor hoverujacy */
div.Menu_content_komponentpolewej li {
	background-color: #603a13;
	color: #FDFAE9;
}

/* Nie ustawiac tutaj zadnego 'width': dobrze napisany HTML/CSS powinien sam wyznaczac width */
div.Menu_content_komponentpolewej li a {
	display: block;
	overflow: hidden;
	height: 23px;
	line-height: 23px;
	font-size: 11px;
	text-indent: 5px;
	background-color: #603a13;
	color: #fefaee;
}

/* Tak napisany hover wyklucza migotanie w IE6 */
div.Menu_content_komponentpolewej li a:hover{
	color: #fee37a;
	text-decoration: none;
	background-color: #351a07;
	background-image: none;
}

div.Menu_content_komponentpolewej li a.selected {
	color: #fee37a;
	font-weight: bolder;
	background-color: #603a13; 
}


/* --- Kolejne zagłębienia --- */


/* Zagłębienie stopnia 1 - dziedziczy po wyższych */
div.Menu_content_komponentpolewej li li { }
div.Menu_content_komponentpolewej li li a { }
div.Menu_content_komponentpolewej li li a:hover { }


/* Zagłębienie stopnia 2 - j.w. */
div.Menu_content_komponentpolewej li li li { }
div.Menu_content_komponentpolewej li li li a { }
div.Menu_content_komponentpolewej li li li a:hover { }


