.menu_list { 
	width: 100%; /* Ancho del menú */
	background-color: #FCE5B8;
}

.menu_head,
.menudesplegado_head {
	padding: 5px 21px 5px 10px;
	color: black; /* Color de las pestañas principales */
	cursor: pointer;
	position: relative;
	margin: 5px 1px 1px 1px;
	margin-left: 0;
	margin-right: 0;
	background-color: #F5BD48; /* Color de fondo */
	font-weight: 400;
	font-size: 13px;
}



.menu_head_link,
.menudesplegado_head_link,
.menu_head_link a,
.menudesplegado_head_link a {
	padding: 5px 21px 5px 10px;
	color: black; /* Color de las pestañas principales */
	cursor: pointer;
	position: relative;
	margin: 5px 1px 1px 1px;
	margin-left: 0;
	margin-right: 0;
	background-color: #F5BD48; /* Color de fondo */
	font-weight: 400;
	font-size: 13px;
}

.menu_head_link a:hover,
.menudesplegado_head_link a:hover {
	text-decoration: none;
}

/* añado la flecha al menú por css */
.menu_head_link:after,
.menudesplegado_head_link:after {
	position: absolute;
	font-family: 'FontAwesome';
	top: 5px;
	right: 10px;
	content: "\f105";
	color: white;
}


/* añado la flecha al menú por css */
.menu_head:after,
.menudesplegado_head:after {
	position: absolute;
	font-family: 'FontAwesome';
	top: 5px;
	right: 10px;
	content: "\f107";
	color: white;
}

.menu_body {
	display:none;
}

.menu_body a,
.menudesplegado_body a {
	display: block;
	color: black; /* Color de los enlaces */
	background-color: #FCE5B8; /* Color de fondo de los enlaces */
	padding: 5px 0px 5px 10px;
	text-decoration: none;
}


.menu_body a:hover,
.menudesplegado_body a:hover {
	color: #000000; /* Color de los enlaces al pasar el cursor */
	text-decoration: none;
	background-color: #FDD681;
}


/* --------------------------------- Combinacion de colores para facultad */


.menuFacultad .menu_list { 
	background-color: #84BEDF;
}

.menuFacultad .menu_head,
.menuFacultad .menudesplegado_head {
	background-color: #42647A;
	color: white;
}

.menuFacultad .menu_body a,
.menuFacultad .menudesplegado_body a {
	background-color: #84BEDF;
}

.menuFacultad .menu_body a:hover,
.menuFacultad .menudesplegado_body a:hover {
	color: #000000; /* Color de los enlaces al pasar el cursor */
	background-color: #71A4C0;
}
/* ---------------------------- Colores Posgrado */

.menuPosgrado .menu_list { 
	background-color: #D5B3AE;
	background-color: RGB(220, 220, 216);
}

.menuPosgrado .menu_head,
.menuPosgrado .menudesplegado_head,
.menuPosgrado .menu_head_link {
	/*background-color: #E36A5E;*/ /*menú encabezado*/
	/*background-color: #781f1c;*/
	background-color: RGB(135, 48, 51);
	background-color: RGB(157, 61, 66);
	color: white;
}

.menuPosgrado .menu_body i,
.menuPosgrado .menudesplegado_body i {
	float: left;
	margin: 8px 8px 0px 10px;
}

.menuPosgrado .menu_body a,
.menuPosgrado .menudesplegado_body a {
	background-color: #F4C4BF;             /*menú deseleccionado*/
	background-color: RGB(220, 220, 216);  /*menú deseleccionado GRIS 1*/
	/*padding-left: 30px;*/
	padding-right: 5px;
	text-align: left;
}

.menuPosgrado .menu_body a:hover,
.menuPosgrado .menudesplegado_body a:hover {
	color: #000000; /* Color de los enlaces al pasar el cursor */
	background-color: #D5B3AE;
	background-color: RGB(166, 166, 166);/*SELECCIONADO GRIS 2*/
}

.menuPosgrado h5 {
	font-weight: lighter;
	color: #D5B3AE;
}

/* ---------------------------- Colores Servicios */

.menuServicio .menu_list { 
	background-color: RGB(166, 166, 166); /*GRIS 2*/
	
}

.menuServicio .menu_head,
.menuServicio .menudesplegado_head,
.menuServicio .menu_head_link {
	background-color: RGB(103, 128, 165); /* menú encabezado Azul UPSA*/
	color: white;
}

.menuServicio .menu_body i,
.menuServicio .menudesplegado_body i {
	float: left;
	margin: 8px 8px 0px 10px;
}

.menuServicio .menu_body a,
.menuServicio .menudesplegado_body a {
	background-color: RGB(220, 220, 216);  /*menú deseleccionado GRIS 1*/
	/*padding-left: 30px;*/
	padding-right: 5px;
	text-align: left;
}

.menuServicio .menu_body a:hover,
.menuServicio .menudesplegado_body a:hover {
	color: #000000; /* Color de los enlaces al pasar el cursor */
	background-color: RGB(166, 166, 166);/*SELECCIONADO GRIS 2*/
}

.menuServicio h5 {
	font-weight: lighter;
	color: RGB(166, 166, 166); /*SELECCIONADO GRIS 2*/
}

/* ---------------------------- Colores Acceso Directo Servicios */

.menuAccesoServicio .menu_list { 
/* 	background-color: RGB(166, 166, 166); */ /*GRIS 2*/
	background-color: RGB(220, 220, 216);  /*menú deseleccionado GRIS 1*/
	
}

.menuAccesoServicio .menu_head,
.menuAccesoServicio .menudesplegado_head,
.menuAccesoServicio .menu_head_link {
	background-color: RGB(127,128,120); /* menú encabezado GRIS 3*/
	color: white;
}

.menuAccesoServicio .menu_body i,
.menuAccesoServicio .menudesplegado_body i {
	float: left;
	margin: 8px 8px 0px 10px;
}

.menuAccesoServicio .menu_body a,
.menuAccesoServicio .menudesplegado_body a {
	background-color: RGB(220, 220, 216);  /*menú deseleccionado GRIS 1*/
	/*padding-left: 30px;*/
	padding-right: 5px;
	text-align: left;
}

.menuAccesoServicio .menu_body a:hover,
.menuAccesoServicio .menudesplegado_body a:hover {
	color: #000000; /* Color de los enlaces al pasar el cursor */
	background-color: RGB(166, 166, 166);/*SELECCIONADO GRIS 2*/
}

.menuAccesoServicio h5 {
	font-weight: lighter;
	color: #42647a;
}


/* ------------------------------- Combinacion de colores para el menu derecho */
.menu_derecha .menu_list { 
	background-color: #84BEDF;
}

.menu_derecha .menu_head,
.menu_derecha .menudesplegado_head {
	background-color: #42647A;
	color: white;
}

.menu_derecha .menu_body i,
.menu_derecha .menudesplegado_body i {
	float: left;
	margin: 8px 8px 0px 10px;
}

.menu_derecha .menu_body a,
.menu_derecha .menudesplegado_body a {
	background-color: #84BEDF;
	padding-left: 30px;
	padding-right: 5px;
	text-align: left;
}

.menu_derecha .menu_body a:hover,
.menu_derecha .menudesplegado_body a:hover {
	color: #000000; /* Color de los enlaces al pasar el cursor */
	background-color: #71A4C0;
}

.menu_derecha h5 {
	font-weight: lighter;
	color: #42647A;
}

.subtitulo_menu {
	font-weight: 600;
    font-size: 14px;
    padding: 0px 0px 0px 10px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

.subtitulo_menu_2 {
	font-weight: 600;
    font-size: 13px;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    display: inline-block;
    color: #41647B;
}

.menu_body hr {
	height: 0px;
	margin: 0px;
	border-bottom: 1px solid #F7F7F7;
	font-size: 1px; 
}