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

@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('../b_font/MYRIADPRO-REGULAR.woff') format('woff');
}

*{
padding:0px;
margin:0px;	
}

body{
width: 100%;
height: 100vh;
overflow: hidden;
background-color:#42423E;
font-family:'Myriad Pro Regular';
font-weight:normal;
}


#contenedor{
width: 100%;
height: 100vh;	
overflow: auto;
}

#actualizando{
display:none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('../b_img/cargando_03.gif') 50% 50% no-repeat rgb(249,249,249);
opacity: .8;	
}

/*----------------------------------------------------------------------------------------*/
/*                                       CONTENEDOR                                       */
/*----------------------------------------------------------------------------------------*/
.separador10{
display:block;
width:100%;
height:10px;	
}

.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;	
}

/* ---------------------------------------------------------------- */
/*                             ETIQUETA                             */
/* ---------------------------------------------------------------- */

.barra_hora{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
justify-content:center;

width:100%;
color:#FFF;
font-size:15px;
}


.barra_etiqueta{
display:none;
color:#FFF;
}


/* ---------------------------------------------------------------- */
/*                             SUBMENU                              */
/* ---------------------------------------------------------------- */

#submenu{
width:100%;
padding:10px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
}
	#submenu form{
	margin:0px 4px;	
	}
		#submenu form button{
		display: inline-block;
		color:#000;
		text-decoration:none;
		font-size:14px;
		vertical-align: middle;
		background-color:#FFF;
		padding:4px 15px;
		margin:0px 2px;
		border-radius:8px;			
		}	
		
	#submenu label{
	color: #FFF;
	font-weight: bold;	
	}	
	
	#submenu div{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;	
	}


		#submenu div a{
		display: block;
		color:#000;
		text-decoration:none;
		font-size:14px;
		vertical-align: middle;
		background-color:#FFF;
		padding:4px 15px;
		margin:0px 4px;
		border-radius:8px;
		}

		#submenu div a img{
		vertical-align: baseline;
		}

		#submenu div a:hover,#submenu form button:hover{
		color: #FFF;
		background: #000;
		}


/* ---------------------------------------------------------------- */
/*                           Boton Base                             */
/* ---------------------------------------------------------------- */

.boton{
align-items:center;
justify-content:center;
padding: 4px 15px;
background: #FFF;
color: #000;
font-size: 14px;
border: none;
cursor: pointer;
transition: .3s ease all;
border-radius: 4px;
position: relative;
overflow: hidden;
}

.boton.login:active{
background: #008000;	
}

.boton span{
position:relative;
z-index: 2;
transition: .3s ease all;
}

.boton span img{
vertical-align: baseline;
}

.boton.login::after{
content: "";
width: 100%;
position: absolute;
z-index: 1;
top: 0;
left: calc(-100% - 80px);
border-bottom: 80px solid #A3A39C;
border-right: 80px solid transparent;
transition: .4s ease-in-out all;
}

.boton.login:hover::after {
left: 0;
}




/* ---------------------------------------------------------------- */
/*                               Lista                              */
/* ---------------------------------------------------------------- */
#miTabla{
margin-top:15px;
width:100%;	
width:1200px;
overflow-x:hidden; 
overflow-y:auto;
}

#tabla_lista{
width:100%;
font-size:12.5px;
border-collapse:separate;
border-spacing:0px;
border: 1px solid #FFF;
font-size:16px;
}

#tabla_lista th{
height:30px;
background-color:#A0A0A0;
color:#FFF;
border-spacing:0px;
border: 2px solid #FFF;
}

#tabla_lista td{
padding:5px 0px;	
}

#tabla_lista td span{
padding:0px 5px;	
}
	
td.par{
height:30px;
border-spacing:0px;
border: 0px solid #FFF;
background-color:#F0F0F0;
}

td.impar{
height:30px;
border-spacing:0px;
border: 0px solid #FFF;
background-color:#FFF;
}

#tabla_lista a{
color:#636363;
font-size:14px;
}

.puntero{
 background-color: #043262;
  border: none; 
  color: white; 
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block; 
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
}

.edi {
  transition: transform 0.3s ease; 
}


.edi:hover {
  transform: scale(1.2);
}


/*----------------------------------------------------------------------------------------*/
/*                                      MENU COMPLETO                                     */
/*----------------------------------------------------------------------------------------*/
#check_menu{
display:none;	
}

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

.barra_menu{
display:block;
width:100%;
height:50px;
background-color:#000;
}

.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:40px;
height:40px;
}

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

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

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

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

.ico_menu{
vertical-align: baseline;
width:14px;
height:14px;
}
/* -------------------------*/
/* -------------------------*/
@media(max-width:920px)
{
	.barra_menu{
	margin-bottom:0px;
	position:absolute;	
	}
	.barra_menu label{
	display:block;
	}

	.nav_menu{
	position:absolute;
	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:1px solid #FFF;
	}
	
	.nav_menu li a {
	width:230px;
	background-color:#000;
	border-radius:0px;
	margin-top:0px;
	margin-left:0px;
	padding:10px 0px;
	text-align: left;
	color:#FFF;
	}	
	.ico_menu{
	margin-left:10px;	
	}
	
	.nav_menu li a:hover{
	background-color:#043262;	
	}
	
	/*alt 126*/
	#check_menu:checked ~ .nav_menu{
	margin:0;
	}	
		
	.barra_etiqueta{
	display:block;
	margin-top:60px;
	}
}