/*----------------------------------------------------------------------------------------*/
/*                                          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-attachment:fixed;
font-family: 'Kanit', sans-serif;
background: url(../b_img/fondo.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}

.contenedor{
width:90%;
min-width:320px;
max-width:400px;
background: url(../b_img/fondo_pos2.png);
border-radius:8px;	
box-shadow: 0px 10px 10px -6px black;
}

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

/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
.info{
font-size:24px;
color:#FFF;
}

.login{
width:70%;	
}


.formulario{
display:block;
width:75%;
min-width:300px;
max-width:400px;
text-align:center;
transition: 1s all linear;
opacity: 1;
}

	.enlace,.enlace2{
	color:#FFF;	
	font-size:14px;
	border-radius:6px;
	padding:0px 2px;
	text-decoration:none;
	}
	
	.enlace:hover,.enlace2:hover{
	background-color:#000;	
	}
	
	.img_aceptado{
	border-radius:1000px;
	width:200px;
	}
	
/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/

.visible{
display:block;	
}

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


.enlaces{
display:block;
padding: 10px 15px;

background: #1C1C1A;
border: 1px solid #FFF;

color: #FFF;
font-size: 14px;
text-decoration:none;

align-items:center;
justify-content:center;

cursor: pointer;
transition: .3s ease all;
border-radius: 4px;
}

.enlaces:hover{
background: #4B8D51;	
}



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