/*----------------------------------------------------------------------------------------*/
/*                                          FONDO                                         */
/*----------------------------------------------------------------------------------------*/

body{
margin:0px;
background: url(../img/fondo_principal.png);
font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
font-style: normal;
overflow-x: hidden;
overflow-y: scroll;
}

#actualizando {
display:none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999;
background: url('../img/cargando_01.png') 50% 50% no-repeat rgb(249,249,249);
opacity:0.8;
}


/*----------------------------------------------------------------------------------------*/
/*                                       CONTENEDOR                                       */
/*----------------------------------------------------------------------------------------*/
.centrador{	
position: relative;
z-index: 2;
width: 100vw;
height: 100vh;
}

.contenedor{	
display: block;
background-color:#FFF;
width:90%;
max-width:550px;
min-width:320px;
border-radius:8px;
}

.ruta_bandera{
float: right;
padding:5px;
}

	.panel_logo{
	display:block;
	width:100%;
	border-radius:8px 8px 0px 0px; 
	background: url('../img/fondo_cabeza.png') no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	}

		.panel_logo img{
		width:280px;
		}

.caja_azul{
background-color:#23346E;
}

/*----------------------------------------------------------------------------------------*/
/*                                      Separadores                                       */
/*----------------------------------------------------------------------------------------*/
.separador15{
display:block;
width:100%;
height:15px;	
height:15px;	
}

.separador25{
display:block;
width:100%;
height:25px;	
}

.separador50{
display:block;
width:100%;
height:50px;	
}

.separador75{
display:block;
width:100%;
height:75px;	
}

.separador100{
display:block;
width:100%;
height:100px;	
}

.separador200{
display:block;
width:100%;
height:200px;	
}


/* ---------------------------------------------------------------- */
/*                           Boton Base                             */
/* ---------------------------------------------------------------- */
.boton{
display: inline-block;
text-decoration:none;
font-size:14px;
vertical-align: middle;
background: url(../img/fondo_boton.png);
color:#FFF;
padding:4px 8px;
margin:0px 7px;
border-radius:8px;
}

.boton:hover{
color:#000;	
}


/* ---------------------------------------------------------------- */
/*                          PIE                                     */
/* ---------------------------------------------------------------- */

.contenedor_pie{
display:flex;
align-items: center;
justify-content: space-between;
list-style-type: none;
flex-direction: row;
flex-wrap: wrap;

background-color:#24346F;
border-radius: 0px 0px 7px 7px;
color:#FFF;
}

.contenedor_pie spand, .contenedor_pie b{
margin:0px 5px;
}

/*----------------------------------------------------------------------------------------*/
/*                                      MENU COMPLETO                                     */
/*----------------------------------------------------------------------------------------*/
.barra_menu {
position: fixed;
z-index: 997;
display: block;
width: 100%;
height: 50px;
background-color:#24346F;
}

#check_menu{
display:none;	
}


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



.barra_menu label{
display: none;
width:40px;
height:40px;
padding:5px;
}

.barra_menu label:hover{
cursor:pointer;
background: rgba(0,0,0,0.3);
}

.barra_menu label img{
width:100%;
width:40px;
height:40px;
}

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

.nav_menu ul{	
display:flex;
width:100%;
height:50px;
flex-direction: row;
align-items: center;
justify-content: center;
margin:0;
padding:0;
list-style:none;
z-index: 5;
}

.nav_menu li a {
display: block;
text-decoration:none;
font-size:14px;
vertical-align: middle;
background-color:#EEEEEE;
color:#092D73;
padding:4px 8px;
margin:0px 7px;
border-radius:8px;
}

.nav_menu li a:hover{
color:#000;
}

.ico_menu{
vertical-align: middle;
width:15px;
height:15px;
}
/* -------------------------*/
/* -------------------------*/
@media(max-width:920px)
{

	.barra_menu label{
	display:block;
	}
	
    .nav_menu {
        position: fixed; /* Cambiado de relative a fixed */
        z-index: 998; /* Asegúrate de que sea más alto */
        display: block;
        width: 230px;
        margin-left: -280px;
        transition: all 0.5s;
    }

	.nav_menu ul{
	width:230px;
	height:100%;
	flex-direction:column;
	list-style:none;
	}	
	
	.nav_menu li{
	width:230px;
	border-top:3px solid #FFF;
	background-color:#24346F;
	}
	
	.nav_menu li a {
	color:#FFF;
	border-radius:0px;
	margin-top:0px;
	margin-left:0px;
	padding:15px 0px;
	margin-left:5px;
	text-align: left;
	background-color:#24346F;
	}
	
	.ico_menu{
	margin-left:10px;	
	}
	
	/*alt 126*/
	#check_menu:checked ~ .nav_menu{
	margin:0;
	}	
}