@charset "UTF-8";
/* CSS Document */


.banner {
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:3%;
	margin-bottom: 0%;
}



.mascara {
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}


.banner_content {
	width:60%;
	height: auto;
	float: left;
	margin-left: 20%;
}


h1 {
	width:50%;
	height: auto;
	float: left;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 10%;
	margin-bottom: 0%;
	font-size: 1.8rem;
	color: #cecdcd;
	font-weight: 600;
	text-align: center;
	line-height: 1.8rem;
}


.banner p {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 2%;
	font-size: 6rem;
	color: #cecdcd;
	font-weight:800;
	text-align:center;
	line-height: 6.3rem;
}


.text_description {
	width:70%;
	height: auto;
	float: left;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 3%;
	margin-bottom: 10%;
	font-size: 1.8rem;
	color: #cecdcd;
	font-weight: 500;
	text-align: center;
	line-height: 2.2rem;
}


wrapper {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}



section {
	width:80%;
	height:auto;
	float: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 2%;
	margin-bottom: 3%;
}

aside {
	width:32%;
	height:auto;
	float: left;
	margin-left: 0.8%;
	margin-right:0%;
	margin-top: 2%;
	margin-bottom: 0%;
}


.content {
	width: 90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
}


.icono {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0%;
	margin-bottom: 3%;
	font-size: 3rem;
	color: #cecdcd;
	font-weight: 600;
	text-align: center;
	line-height: 3rem;
}


aside h2 {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0%;
	margin-bottom: 1%;
	font-size: 2rem;
	color: #cecdcd;
	font-weight: 600;
	text-align: center;
	line-height: 2rem;
}


p {
	width:90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-top:1%;
	margin-bottom: 0%;
	font-size: 1.4rem;
	color: #cecdcd;
	font-weight: 500;
	text-align: center;
	line-height: 1.8rem;
}


.boton {
	width:auto;
	height: auto;
	float: left;
	border: 3px solid #cecdcd;
	border-radius: 15px;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:6%;
	margin-bottom: 6%;
	font-size: 1.4rem;
	color: #cecdcd;
	font-weight: 500;
	text-align: center;
	line-height: 1.8rem;
	padding: 10px 40px;
}


h3 {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0%;
	margin-bottom: 0%;
	font-size: 5rem;
	color: #cecdcd;
	font-weight: 800;
	text-align: left;
	line-height: 5rem;
}


.banner2 {
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:0%;
	margin-bottom: 0%;
}


.banner2_content {
	width:60%;
	height: auto;
	float: left;
	margin-left: 20%;
}


.banner2 h2 {
	width:50%;
	height: auto;
	float: left;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 10%;
	margin-bottom: 0%;
	font-size: 1.8rem;
	color: #cecdcd;
	font-weight: 500;
	text-align: center;
	line-height: 1.8rem;
}


.banner2 p {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 2%;
	font-size: 6rem;
	color: #cecdcd;
	font-weight:800;
	text-align:center;
	line-height: 6.3rem;
}


.formulario {
	width:100%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: -3%;
	margin-bottom: 5%;
}


.formulario p {
	width:90%;
	height:auto;
	float:left;
	margin-left:5%;
	margin-right:5%;
	margin-top:3%;
	margin-bottom:0.5%;
	font-size:1.4rem;
	font-weight: normal;
	text-align: left;
	line-height: 1.8rem;
	}	
	


.input2 {
	background:transparent;
	width:90%;
	height:auto;
	border: 0px;
	border-bottom:5px solid #cecdcd;
	float:left;
	margin-left:3%;
	padding:2% 2%;
	margin-bottom:1%;
	font-weight: 500;
	}
	

	
.enviar {
	background:#cecdcd;
	width:90%;
	height:auto;
	float:left;
	margin-left:3%;
	margin-bottom:8%;
	border:0px solid #222;
	font-size:1.2em;
	font-weight:6500;
	color:#111;
	padding:15px 0px;   
	appearance:button;
  -moz-appearance:button; /* Firefox */
  -webkit-appearance:button; /* Safari and Chrome */
	}	

.privacidad {
	width:94%;
	height:auto;
	float:left;
	margin-left:4%;
	margin-right:3%;
	text-align:left;
	font-size:.7em;
	color:#000;
	font-weight:lighter;
	margin-top:1%;
	}



.boton2 {
	width:20%;
	height: auto;
	float: left;
	border: 3px solid #cecdcd;
	border-radius: 15px;
	margin-left: 40%;
	margin-right: 40%;
	margin-top:5%;
	margin-bottom: 0%;
	font-size: 1.4rem;
	color: #cecdcd;
	font-weight: 500;
	text-align: center;
	line-height: 1.8rem;
	padding: 10px 40px;
}




@media screen and (max-width:1600px) {
	
	
h1 {
	width:70%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 10%;
	margin-bottom: 0%;
	font-size: 1.4rem;
	line-height: 1.4rem;
}


.banner p {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 2%;
	font-size: 4rem;
	line-height: 4.1rem;
}


.text_description {
	width:70%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 2%;
	margin-bottom: 10%;
	font-size: 1.4rem;
	line-height: 1.8rem;
}
	
	
.banner2 h2 {
	width:50%;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 10%;
	margin-bottom: 0%;
	font-size: 1.4rem;
	line-height: 1.4rem;
}	
	

.banner2 p {
	width:100%;
	margin-top: 0%;
	margin-bottom: 2%;
	font-size: 4rem;
	font-weight:800;
	line-height: 4.1rem;
}	
	
	
.formulario p {
	width:90%;
	height:auto;
	float:left;
	margin-left:5%;
	margin-right:5%;
	margin-top:3%;
	margin-bottom:0.5%;
	font-size:1.4rem;
	font-weight: normal;
	text-align: left;
	line-height: 1.8rem;
	}		
	
	
}







@media screen and (max-width:600px) {
	
	
.banner_content {
	width:90%;
	height: auto;
	float: left;
	margin-left: 5%;
}	
	
	
h1 {
	font-size: 1rem;
	line-height: 1rem;
}


.banner p {
	font-size: 2rem;
	line-height: 2.3rem;
}


.text_description {
	width:90%;
	margin-left: 5%;
	font-size: 1rem;
	line-height: 1.4rem;
}
	
	
.banner2_content {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
}	
		
.banner2 h2 {
	font-size: 1rem;
	line-height: 1rem;
}	
	
.banner2 p {
	width:100%;
	margin-left: 0%;
	font-size: 2rem;
	line-height: 2.3rem;
}
		
.formulario p {
	margin-left: 5%;
	margin-top:3%;
	margin-bottom:0.5%;
	font-size:1rem;
	line-height: 1.4rem;
	}
	
	
.input2 {
	margin-left:5%;
	}
	
	
.enviar {
	margin-left:5%;
	}		
	
	
}