/* Zewnetrzny arkusz stylow dla rozwijanego i wysuwanego Menu - sCH.M.A./Rozwijane i wysuwane Menu glowne /ruchome razem ze strona, Z ...id="menu31..." sterowanego Skryptem   ...menu_mobile.js... , lub może byc...recitalsmenu.js... lub ...menu.js.... - dla komputera i może być dla mobilnych -  ukryte dla mobilnych*/

#menu31, #menu31 dl {
	font-size: 22px;
	position: absolute;
	width: 249px;
	margin: 0;
	padding: 0;
	border-width: 0px;
	border-style: solid;
	border-color: #eee #aaa #aaa #eee;
}

#menu31 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;
}

#menu31 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: 190px;  - zmienia dlugosc obrazkow przysiskow do stron, ale nie zmienia dlugosci pol z listy rozwijanej w bok    */
}

#menu31 dd  {
	background-color: #ccc;
	color: #000;
	margin: 0;
	padding: 0;
	width: 248px;      /*  150px - zmniejsza dlugosc wysywanych pol w calym Menu ...MENU... */
	height: 0px;         /* likwiduje przerwy miedzy otwieranymi klawiszami oprocz ostatniej wysuwanej w bok listy  */
}

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

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

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

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

#menu31 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...
}
*/

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

#menu31 dl dd {
	position: relative;
	left: 249px;                       /*   249  */
	bottom: 24px;                       /* 31/22   */
	border-left: 1px solid #eee;
	border-right: 1px solid #aaa;

}




 /* .......................................  D O D A N E  TLA DO LIST .................................*/



  dl#menu31 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;             /* 327 - tyle bylo gdy powyzej nie bylo otwarcia .../*... dla linii kropkowanej z napisem ... DODANE TLA DO LIST...  */
	  height: 0px !important;	 /* Jest to tlo pod napisami ponizej klawisza ...AL. TEACHERS... - wysokosc dobrana tak aby nie wystawalo na dole listy poza jej dolna krawedz   */
		}




  dl#menu31 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;
	  height: 40px !important;	  /*50 - Jest to tlo pod napisami ponizej klawisza ...AL. TEACHERS... - wysokosc dobrana tak aby nie wystawalo na dole listy poza jej dolna krawedz  - komputery i Ipad mini pion i poziom */
	  top: 2px !important;	 /*  - Przesuwa gor-dol ostatnia liste wysuwana w bok - minus do gory , plus do dolu    */
		}


	 dl#menu31 dd dl

     {
	  position: static;
	  position: relative;
	  background-color: #ccc;      /* -   yellow - kolor tla tylko listy wysuwanej spod klawisza glownego - komputery i Ipad mini pion i poziom */
	  width: 249px;                                /* 327   */
	 height: auto !important;
		}





  dl#menu31 dd.wydzial dl.miejsce

     {
	  position: static;
	  position: relative;
	  background-color: yellow;      /* -   yellow - kolor tla listy tylko pod klawiszami obrazowymi do stron - komputery i Ipad mini pion i poziom */
	  width: 190px;                                /* 327   */
	  height: 0px !important;
	  top: 0px !important;
		}






dl#menu31 dd dl dd dl

     {
	  position: static;
	  position: relative;
	  background-color: #ccc;           /* -  lime - pierwsza wysuwana w bok lista  tlo dla listy - komputery i Ipad mini pion i poziom  */
	  width: 249px;                        /*   327   */
	  height: 20px !important;
	  top: -3px !important;
		}



	 /*   ...................................................................................................................................  */