/* Zewnetrzny arkusz stylow dla rozwijanego i wysuwanego Menu - sCH.M.A./Rozwijane i wysuwane Menu glowne /nad naglowkiem, Z ...id="menu26..." sterowanego Skryptem   ...menu.js... , lub ...recitalsmenu.js... */

#menu26, #menu26 dl {
	font-size: 22px;
	position: absolute;
	width: 249px;         /*  Tla wszystkich list wysuwanych i rozwijanych  */
	margin: 0;
	padding: 0;
	border-width: 0px;
	border-style: solid;
	border-color: #eee #aaa #aaa #eee;
}

#menu26 dt {
	cursor: pointer;
	margin: 0;
	padding: 10px;
	background-color: #888;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	border-width: 5px;
	border-style: solid;
	border-color: #aaa #666 #666 #aaa;
	padding: 5px 25px;
}

#menu26 dl dt {
	background-color: #ccc;           /* - jest to kolor tla pod przyciskami dla stron    */
	color: #000;
	text-align: center;
	font-weight: normal;
	font-size: 22px;
	border: 0;
	padding: 0;
  /* 	width: 250px;  /* - zmienia dlugosci pol z pierwszej listy rozwijanej w bok    */
}

#menu26 dd  {
	background-color: #ccc;
	color: #000;
	margin: 0;
	padding: 0;
 /*	width: 249px;      - 150px - zmniejsza dlugosc pol wysywanych wysuwanych w bok /tlo pod butonami ale nie button - pierwsza lista wysuwana w bok  ...MENU... */
	height: 0px !important;  /* gdy jest "0"  - Likwiduje odstepy miedzy otwieranymi klawiszami  */
}

#menu26 dd.active {
	font-weight: bold;
}

#menu26 dt:hover.active    /*   .small - po wylaczeniu tej klasy wlaczyl sie kolor napisu MENU - PRZY NAJECHANIU MYSZKA   */
{
	color: #ff00ff;
}


#menu26 dt a {
	background: url("submenu.gif") no-repeat 140px 8px;
	padding-right: 20px;
}

#menu26 a:link, #menu26 a:visited {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 4px 5px;
}

#menu26 a:hover {
	color: #fff;                    /* jest to kolor napisow na wszystkich przyciskach ale tylko list                                              rozwijanych i  wysuwanych do stron   */
	background-color: #008;            /* (#ffffff   - biale) - ...#008... tlo /siwe/ na paskach Menu po                                                najechaniu myszka - ogolnie, oprocz ponizszych
	                                            pol  ...dt... z ...id="tlo"..., tez po najechaniu myszka */
}
/*
#tlo a:hover {
   color: #fff;       - jest to kolor napisow na paskach przyciskow jak wyżej z ...#manu26 a:hover..., ale                        tu nie dziala j.w. w ...#menu26 a:hover, bo zastepuja go obrazki przyciskow
	background-color: #ffffff;    - bylo ...#008 - j.w. z ...#menu26 a:hover... , a jest ...#ffffff...   -                        jest to biale tlo na paskach Menu po najechaniu myszka  -  dla wybranych/go/ pol/a/
                              	w Menu  o ...id="menu26...  i ...id="tlo"...  dla znacznika ...dt...
}
*/

#menu26 dl {
	position: absolute;
	border: 10px;
}

#menu26 dl dd {
	position: relative;
	left: 249px;
	bottom: 31px;
	border-left: 1px solid #eee;
	border-right: 1px solid #aaa;

}

    /* ----------------------------------------------------------------------------------------     */

  dt.up:hover      /*  -  podnosi druga i trzecia liste wysuwana w bok */
{
   position: static;
	position: relative;
  	top: -315px !important;
	margin-bottom: -315px !important;
	z-index: 1 !important;
}



dl > dd:first-of-type { font-weight: bold } /* wytłuszczenie */
dl > dt.up button:last-of-type:hover { font-style: italic; text-decoration: underline red; } /* kursywa */
/* dl > dt:only-of-type { text-decoration: underline }  podkreślenie  */

 /*  ------------------------------------------------------------------------------------------------------  */


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////  */



dl#menu26 dd dl dd dl dd dl	/* Ostatnia wysuwana w bok lista ale nie button - komputery i Ipad mini pion i poziom   */

     {
	  position: static;
	  position: relative;
	  background-color: aqua;
	  width: 249px;
	  height: 40px !important;	 /* Jest to tlo pod napisami ponizej klawisza ...AL. TEACHERS... - wysokosc dobrana tak aby nie wystawalo na dole listy poza jej dolna krawedz   */
		}