@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500');
@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
}

a{text-decoration:none;}
p{
	font-weight:300;
	font-size:16px;}

p.text_delgado{
	font-weight:100;
	line-height:35px;}
p strong{
	font-weight:400;}

.logo{
	width:200px;}


.contenido{
	width:100%;
	height:100%;
	position:absolute;
	max-width:1920px;
	margin:0 auto;
	background-color:rgba(255,255,255,1.00);}
.fondo{
	background-image:url(../imagen/background_index.jpg); background-size:cover; background-position:center center;}
.margin_auto{
	margin:0 auto; max-width:256px;}
h1{
	font-size:34px;
	color:#fff;
	text-transform:uppercase;
	font-weight:100;
	line-height: 30px;
	letter-spacing:-0.5px;}
h1 strong{
	font-weight:500;
	}

.h1_center{
	text-align:center;}

.lolo{
	max-width:450px; margin: 0 auto;}
.margen_center{
	top:50% !important; position:relative !important; margin-top:-244px !important;
	}
.boton_ingresar{
	padding: 10px 29px;
    border: 1px solid #fff;
    color: #fff;
    position: relative;
    top: 13px;}


.color_white{
	color:#fff !important;}
	

.line_before_blanco{
    background-color: #fff;
    display: block;
    height: 2px;
    width: 122px;
    margin: 19px auto -10px;
}

.text_center{
	text-align:center;}




@-webkit-keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

.swing:hover
{
-webkit-animation: swing 0.5s ease;
animation: swing 0.5s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}



 @media only screen and (min-width: 1024px) and (max-width: 1280px) {
		 
	.lolo{
	max-width:350px; margin: 0 auto;}

	
}


@media only screen and (min-width: 780px) and (max-width: 1024px) {
	.lolo{
	max-width:300px; margin: 0 auto;}
	p{
	font-size:14px;}

	p.text_delgado{
	line-height:30px;}
}

@media only screen and (max-width: 780px) {
	.margen_center{
	top: 0% !important;
    position: relative !important;
    margin-top: 50px !important;
    padding-bottom: 90px;
	}
	.fondo{
	background-image: url(../imagen/background_index_celular.jpg);
    background-size: initial;
    background-position: -31px -588px;
    background-repeat: no-repeat;}
	
	.contenido{
	width:100%;
	height:100%;
	position:relative;
	max-width:1920px;
	margin:0 auto;
	background-color:rgba(255,255,255,1.00);}



}
@media only screen and (max-width: 480px) {
	.fondo{
    background-position: -31px -551px;
	}

}