.banner { width:100%;height: 450px;background-position: center;background-size: cover;background-image: url("../img/contacto/contacto-bg.png");  }
.banner .subtitulo { text-align: center;font-family: Raleway;font-size: 25px;letter-spacing: 5px;color:#FFF;font-weight: 300; }
.banner .titulo { text-align: center;font-family: Raleway;font-size: 40px;letter-spacing: 5px;color:#FFF;font-weight: 700;padding-top: 20px; }
#textoBanner { opacity: 0; }

.intro { padding: 40px 0px;border-top: 1px solid #EAEAEA; }
.intro.azul { background-color: rgba(8, 60, 133, 0.1) }
.intro .contenidoIntro { width:100%;max-width: 1078px;margin: 0 auto; }
.intro .contenidoIntro .izquierda { width:250px;float: left; }
.intro .contenidoIntro .derecha { float: right;width:736px; }

.intro .contenidoIntro .izquierda .titulo { font-family: Abel;font-size: 43px;color:#333;  }
.intro .contenidoIntro .derecha .texto { padding-top: 20px;font-size: 14px;color:#666;font-weight: 300; }

.formulario { padding: 40px 0px; }
.formulario .contenidoFormulario { width:100%;max-width: 1078px;margin: 0 auto; }
.formulario .contenidoFormulario .campo { float: left;width:calc((100% - 1.89em)/2);margin-right: 30px;padding-bottom: 30px; }
.formulario .contenidoFormulario .campo.segundo { float: right;margin-right:0px; }
.formulario .contenidoFormulario .campo.grande { width:100%; }
.formulario .contenidoFormulario .campo input { width:100%;padding: 0px 10px;height:48px;font-family: Raleway;font-size: 14px;background-color: #eeeeee;border:1px solid #eeeeee;color:#999; }
.formulario .contenidoFormulario .campo textarea { width:100%;padding: 5px 10px;height:150px;font-family: Raleway;font-size: 14px;background-color: #eeeeee;border:1px solid #eeeeee;color:#999;resize:none; }
.formulario .contenidoFormulario .botonAzul { float: right;padding-left: 20px;padding-right: 20px; }

.formulario .contenidoFormulario .legal { padding-top: 40px;font-family: Open Sans;font-size: 12px;color:#666; }

/*  RESPONSIVE */
@media screen and (min-width: 1078px){
	
}

@media screen and (min-width: 768px) and (max-width: 1077px){
	.banner .titulo { font-size: 30px; }
	
	.intro .contenidoIntro { width:calc(100% - 2.52em);margin: 0 auto; }
	.intro .contenidoIntro .izquierda { float: none;width:100%; }
	.intro .contenidoIntro .derecha { float: none;width:100%;padding-top: 30px; }
	
	.formulario .contenidoFormulario { width:calc(100% - 2.52em);margin: 0 auto; }
}

@media screen and (min-width: 300px) and (max-width: 767px){
	.banner .titulo { font-size: 30px; }
	
	.intro .contenidoIntro { width:calc(100% - 2.52em);margin: 0 auto; }
	.intro .contenidoIntro .izquierda { float: none;width:100%; }
	.intro .contenidoIntro .derecha { float: none;width:100%;padding-top: 30px; }
	
	.formulario .contenidoFormulario { width:calc(100% - 2.52em);margin: 0 auto; }
	.formulario .contenidoFormulario .campo { float: none;width:100%; }
}