#submenu { position:relative; }
#submenu .closeMenu { position:absolute; top:15px; right:15px; }
#submenu .closeMenu i { font-size:20px !important; color:#033379; }
#submenu_mobile,
#submenu {
	position: absolute;
	top: 100%;
	background-color: white;
	border-top: 1px solid #eeeeec;
	z-index: 200;
	padding: 0 1%;
	display: none;
	padding-bottom: 40px;
    padding-left: 15px;
	max-height: 570px;
	overflow: auto;
    margin-left: 15px;
    width:98%;
}
@media screen and (max-width: 768px) { 
	#submenu {
		margin-left: 0;
	}
}
#submenu_mobile {
	display: none;
	width: 100%;
	background-color: rgba(3,51,121,0.94);
	background: url('../imgs/iconos/fondo_menu_mobile.html');
	background-size: 100%;
	border-top: none;
	padding-right: 15px;
}

#submenu_mobile > div:first-child a { display:none !important; }

#submenu_mobile > div:first-child a,
#submenu_mobile > div:first-child a + a {
	background-color: #008998;
	border: 1px solid #cecece;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	display: block;
	width: 160px;
	color: white;
	text-decoration: none;
	font-family: ubuntubold;
	font-size: 18px;
	text-align: center;
	padding: 10px 0;
	margin: 20px 0
}

#submenu_mobile > div:first-child a + a {
	color: #0456a1;
	background-color: white;
	width: 200px
}

#submenu_mobile .panel,
#submenu_mobile .panel-heading {
	background-color: transparent;
	box-shadow: none;
	border: none;
	border-radius: 0
}

#submenu_mobile .panel-heading {
	padding: 10px 0
}

#submenu_mobile .panel {
	border-bottom: 1px solid #3365b0;
	background-color: transparent !important
}

#submenu_mobile .panel-heading a,
#submenu_mobile .panel-body ul a {
	color: #fefefd;
	font-family: ubuntulight;
	font-size: 29px;
	text-decoration: none;
}

#submenu_mobile .panel-body {
	border: none;
	padding-top: 0 !important
}

#submenu_mobile .panel-body ul {
	list-style: none;
}

#submenu_mobile .panel-body ul li {
	margin: 20px 0
}

#submenu_mobile .panel-body ul li:first-child {
	margin-top: 0
}

#submenu_mobile .panel-body ul li a {
	font-size: 22px
}

#submenu_mobile .panel-body a {
	color: white;
}

#submenu_mobile > a:hover {
	background-color: #0456A1
}

#submenu h2 {
	color: #008998 !important;
	font-size: 22px !important;
	margin-top: 40px !important;
	margin-bottom: 0 !important;
	text-align:left !important;
}

#submenu h2 a {
	color: #0456a1;
    text-decoration: none;
    padding-left:0;
}

#submenu h2 a:hover {
	color: #494949
}

#submenu ul {
	padding-left: 0;
	list-style: none
}

#submenu ul li {
    margin: 5px 0;
    width:100%;
}

#submenu li a {
	color: #727272;
	text-decoration: none;
	font-size: 14px;
}

#submenu li a:hover {
	color: #043172
}

#submenu .img-fundacion {
	margin: 40px 0
}

#submenu .img-fundacion a {
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	display: inline-block;
	text-decoration: none
}

#submenu .call_emergencias_2 a {
	display: inline-block;
	margin-top: 10px
}

#submenu .call_emergencias_2 img {
	margin: 0 !important
}

#submenu_redes {
	width: 200px
}

#submenu_redes li {
	display: inline-block;	
}

#submenu_redes li a {
	background-image: url('../imgs/iconos/redes_menu.html');
	background-repeat: no-repeat;
	width: 60px;
	height: 62px;
	display: block;
	text-indent: -10000px;
	overflow: hidden
}

#submenu_redes li a:hover {
	opacity: 0.7
}

#submenu_redes .facebook {
	background-position: 0 0;
}

#submenu_redes .twitter {
	background-position: -63px 0;
}

#submenu_redes .instagram {
	background-position: -127px 0;
}

#submenu_redes .google-plus {
	background-position: 0 -68px;
}

#submenu_redes .linkedin {
	background-position: -63px -68px;
}

#submenu_redes .youtube {
	background-position: -127px -68px;
}

#submenu .legales a,
#footer .legales a {
	font-size: 12px
}

.btn_menu_mobile {
	display: none !important;
}

.btn_menu a,
.btn_menu a:focus,
.btn_menu_mobile a,
.btn_menu_mobile a:focus {
	display: block;
	font-size: 16px;
	color:white;
	/*padding: 10px 15px 10px 35px !important;
	background-color: #033379 !important;
	border: 1px solid #1751a5;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);*/
}

.btn_menu a:hover,
.btn_menu a.activo,
.btn_menu_mobile a:hover,
.btn_menu_mobile a.activo {
	/*color: #033379;
	border-color:  #033379;
	background-color: white !important;*/
	background-image: url('../imgs/iconos/menu-icon-hover.html');
}