.classTextMenuAdmin{
	color: white;
	text-shadow: 0.8px 0.8px 0 black,
				  -0.8px -0.5px black,
				   0.8px -0.5px black,
				  -0.8px 0.8px black,
				   0 0.8px black,
				   0.8px 0 black,
				  -0.8px 0 black,
				   0 -0.8px black;
	font-family: Calibri;
	font-size: 20px;
}

/*************************** Para el Menu de Alumnos ***************************/

/* Se configura la capa principal*/
#menu-desplegable{
	font-family: Calibri;
	background: #5a89ff;
	background-position: 175px center;
	color: white;
	margin: 30px auto;
	font-weight: bolder;
	cursor: pointer;
	padding: 10px;
	width: 250px;
}
/* Se configura el submenu de opciones*/
#sub-menu{
	font-family: Calibri;
	background: #648df4;
	cursor: pointer;    
	display: none;
	font-weight: lighter;
	padding: 0;
	position: absolute;
	margin: 10px -10px 0 -10px;
	width: 250px;
}
/* Se configura cada elemento del submenu*/
#sub-menu li{       
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px;
	margin: 0;
	list-style: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
/* Se configura cada elemento cuando se activa el estado hover*/
#sub-menu li:hover{     
	border-left: solid 5px red;
	background: #8ca8f1;
	font-weight: bolder;
}
/* clase que se usa para mostrar el submenu*/
.activo{
	display: block !important;
}

/*************************** Para el Menu de Administración 1 / Blue ***************************/
#menu-desplegable1{
	font-family: Calibri;
	background: #091EFF;
	background-position: 175px center;
	color: white;
	margin: 30px auto;
	font-weight: bolder;
	cursor: pointer;
	padding: 10px;
	width: 220px;
}
/* Se configura el submenu de opciones*/
#sub-menu1{
	font-family: Calibri;
	background: #80C3FE;
	cursor: pointer;    
	display: none;
	font-weight: lighter;
	padding: 0;
	position: absolute;
	margin: 10px -10px 0 -10px;
	width: 220px;
}
/* Se configura cada elemento del submenu*/
#sub-menu1 li{       
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px;
	margin: 0;
	list-style: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
/* Se configura cada elemento cuando se activa el estado hover*/
#sub-menu1 li:hover{     
	border-left: solid 5px red;
	background: #6DACFE;
	font-weight: bolder;
}
/* clase que se usa para mostrar el submenu*/
.activo{
	display: block !important;
}/*************************** Para el Menu de Administración 2 / Green ***************************/
#menu-desplegable2{
	font-family: Calibri;
	background: #65DB6B;
	background-position: 175px center;
	color: white;
	margin: 30px auto;
	font-weight: bolder;
	cursor: pointer;
	padding: 10px;
	width: 220px;
}
/* Se configura el submenu de opciones*/
#sub-menu2{
	font-family: Calibri;
	background: #97FC83;
	cursor: pointer;    
	display: none;
	font-weight: lighter;
	padding: 0;
	position: absolute;
	margin: 10px -10px 0 -10px;
	width: 220px;
}
/* Se configura cada elemento del submenu*/
#sub-menu2 li{       
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px;
	margin: 0;
	list-style: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
/* Se configura cada elemento cuando se activa el estado hover*/
#sub-menu2 li:hover{     
	border-left: solid 5px red;
	background: #ACFF9B;
	font-weight: bolder;
}
/* clase que se usa para mostrar el submenu*/
.activo{
	display: block !important;
}/*************************** Para el Menu de Administración 3 / Red ***************************/
#menu-desplegable3{
	font-family: Calibri;
	background: #FF5757;
	background-position: 175px center;
	color: white;
	margin: 30px auto;
	font-weight: bolder;
	cursor: pointer;
	padding: 10px;
	width: 220px;
}
/* Se configura el submenu de opciones*/
#sub-menu3{
	font-family: Calibri;
	background: #EE8E8E;
	cursor: pointer;    
	display: none;
	font-weight: lighter;
	padding: 0;
	position: absolute;
	margin: 10px -10px 0 -10px;
	width: 220px;
}
/* Se configura cada elemento del submenu*/
#sub-menu3 li{       
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px;
	margin: 0;
	list-style: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
/* Se configura cada elemento cuando se activa el estado hover*/
#sub-menu3 li:hover{     
	border-left: solid 5px red;
	background: #FE6D6D;
	font-weight: bolder;
}
/* clase que se usa para mostrar el submenu*/
.activo{
	display: block !important;
}/*************************** Para el Menu de Administración 4 / Yellow ***************************/
#menu-desplegable4{
	font-family: Calibri;
	background: #ffe54e;
	background-position: 175px center;
	color: white;
	margin: 30px auto;
	font-weight: bolder;
	cursor: pointer;
	padding: 10px;
	width: 220px;
}
/* Se configura el submenu de opciones*/
#sub-menu4{
	font-family: Calibri;
	background: #F3FF8D;
	cursor: pointer;    
	display: none;
	font-weight: lighter;
	padding: 0;
	position: absolute;
	margin: 10px -10px 0 -10px;
	width: 220px;
}
/* Se configura cada elemento del submenu*/
#sub-menu4 li{       
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px;
	margin: 0;
	list-style: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
/* Se configura cada elemento cuando se activa el estado hover*/
#sub-menu4 li:hover{     
	border-left: solid 5px red;
	background: #ffed84;
	font-weight: bolder;
}
/* clase que se usa para mostrar el submenu*/
.activo{
	display: block !important;
}