/*CONTACTO*/
/*contenidoContacto*/
#contacto{height: 1040px; }
.contenidoContacto{ width: 1014px; height: auto; float: left; left: 50%; margin-left: -507px; position: relative; margin-top:35px;  } 
.tituloseccion{float:left; position: relative; width:100%; font-size:2.6rem; color:#000; text-align: center; font-weight: 700; letter-spacing: 0.06rem; margin-top: 20px; margin-bottom: 60px;}
.textoContacto{ width:40%; height: auto; float: left; }
.contenidoContacto img{ width:45%; height: auto; float: right; }
.tituloContacto{text-transform:uppercase; margin-left: 7px; text-align: left; font-size: 1.55rem!important; letter-spacing: 0.02rem!important; margin-top:-6px; margin-bottom:0px; font-family: 'Raleway', sans-serif; font-weight: 600; line-height: 33px; padding-bottom: 26px; }
.textoContacto p{ width: 100%; height: auto; text-align: left; float: left; position: relative;  font-size: 1.05rem; line-height: 1.95rem; font-family: 'Raleway', sans-serif; margin-left: 4px; }
.textoContacto a{ text-decoration: none!important; color:#2F2F2F;}
.datosContacto{ float:left; position: relative; margin-top:36px!important; padding: 0px; margin:0px; list-style: none; width: 50%;}
.via{width: 300px; height: 42px; padding-left: 62px; padding-top: 4px;  margin-left: 5px; margin-top: 15px; font-size: 1.3rem; line-height: 1.85rem;}
.iconoTlf{ background-image:url("../img/telefono.png"); background-repeat: no-repeat; float: left; position: relative; background-size: 40px auto;}
.iconoEmail{  background-image: url("../img/email.png"); background-repeat: no-repeat; float: left;position: relative; background-size: 40px auto;}
.iconoDireccion{  background-image: url("../img/ubicacion.png"); background-repeat: no-repeat; float: left;position: relative; background-size: 40px auto;}
.tlfs{margin-top: -5px!important; font-size: 1.25rem!important; line-height: 12px!important; letter-spacing: 0.03rem!important;  }

.map{float:left; width: 100%; height: 450px; margin-top: 100px; margin-bottom: 50px; }

.contenidoFormulario{width: 600px; height: auto; float: left; position: relative; margin-top: 0px; left: 50%; margin-left: -300px; margin-bottom: 100px;}
.contenidoFormulario h2{width: 100%; text-align: center; font-size: 20px; text-transform: uppercase;}

label{ font-size:1.08rem; margin-left:7px;   }


 @media(max-width:860px)
 {
.contenidoContacto{ width: 96%; left: 0%; margin-left: 2%; margin-top:0px;  }  
}
@media(max-width:560px)
{

	#contacto{height: auto; padding-top:54px; margin-top:-28px; }
	.contenidoContacto{ width: 96%; left: 0%; margin-left: 2%; margin-top:0px;  } 
.tituloseccion{ width:100%; font-size:1.2rem; letter-spacing: 0.06rem; margin-top: 38px; margin-bottom: 0px;}
	.textoContacto{ width:100%; height: auto; margin-bottom: 40px;  }
	.tituloContacto{ margin-right: 0px!important; font-size: 1.3rem!important; letter-spacing: 0.05rem!important; margin-bottom: 0px!important; width: 100%; text-align: center!important; margin-left: 0px!important; line-height: 20px; background-position: center bottom; padding-bottom:0px; }
	.textoContacto p{ width: 96%; margin-left: 2%; margin-bottom: -9px; margin-top:10px; font-size: 4vw; line-height: 1.5; text-align: center;}  

	.via{width: 96%; height: 30px; padding-left: 50px; padding-top: 12px;  margin-left: 7%; margin-top:0px; font-size:1rem; line-height: 1rem; }
	.iconoTlf{ height: 24px; /*background-size: contain;*/ background-size: 23px 23px; background-position: 10px; margin-bottom:7px; padding-left: 41px; padding-top:10px;}
	.iconoMovil{ height: 24px; background-size: 33px 33px; margin-bottom:7px; padding-left: 41px; padding-top:10px;}
	.iconoEmail{  height: 24px; background-size: 23px 23px; background-position: 10px; margin-bottom:7px; padding-left: 41px; padding-top:10px; }
	.iconoDireccion{  width: 80%; height: 24px; background-size: 23px 23px; background-position: 10px; margin-bottom:7px; padding-left: 41px; padding-top:10px; }
	.tlfs{margin-top: 0px!important;font-size: 0.9rem!important; line-height: 12px!important; letter-spacing: 0.rem!important; text-align: left!important;}
	.emailYdireccion p{ margin-top: -7px!important; font-size: 0.9rem!important; line-height: 21px!important; text-align: left!important;  }

	.contenidoFormulario{width: 80%; height: auto; margin-top: 29px; margin-left: 10%; left: 0;}
	
	.contenidoContacto img{ width:80%; margin-right: 10%; height: auto; float: right; }
	
	.datosContacto{ float:left; position: relative; margin-top:36px!important; padding: 0px; margin:0px; list-style: none; width: 56%; margin-left: 22%;}
}



/* ESTILOS DEL FORMULARIO DE CONTACTO */
.formCell{ width:46%; margin-left: 0; margin-right: 2%; height: auto; float:left; margin-bottom: 4px;} 
.formCell input{ width:100%; padding-left:10px; padding-right:10px; height:32px; line-height:32px;  background-color: rgba(69,88,118,0.1); border:none; font-family: 'Raleway', sans-serif; color: #2F2F2F; font-size:0.9rem; margin-top: 4px; }
.formError{ font-size:0.8rem; float:left; width:100%; color:#F00; display:none;}

.formCell5{ width:46%; margin-left: 2%; margin-right: 0; height: auto; float:left; margin-bottom: 4px;} 
.formCell5 input{ width:100%; padding-left:10px; padding-right:10px; height:32px; line-height:32px; background-color: rgba(69,88,118,0.1); border:none; font-family: 'Raleway', sans-serif; color: #2F2F2F; font-size:0.9rem; margin-top: 4px; }

.formCell2{ width:100%; float:left; margin-right:4px;}

.formCell2 textarea{ padding:10px 10px 10px 10px;  background-color: rgba(69,88,118,0.1); border:none; resize:none; width:96%; height:200px; font-family: 'Raleway', sans-serif; color:#2F2F2F; font-size:0.9rem;}
.formCell3{ width:262px; height: auto; float: left; margin-bottom: 10px; margin-top: 4px;}
.formCell3 input{ width:240px; padding-left:10px; padding-right:10px; height:32px; line-height:32px; background-color: rgba(69,88,118,0.1); border:none; font-family: 'Raleway', sans-serif; color: #2F2F2F; font-size:0.9rem; margin-top: 4px;}
.formCell4{ width: 262px; height: auto; float: right; margin-bottom: 4px;}
.formCell4 input{ width:240px; padding-left:10px; padding-right:10px; height:32px; line-height:32px;  background-color: rgba(69,88,118,0.1); border:none; font-family: 'Raleway', sans-serif; color: #2F2F2F; font-size:0.9rem; margin-top: 4px; }

@media screen and (max-width : 780px){ 
	.formCell{ width:100% !important; float:left; margin-bottom: 7px; margin-right: 0px;}
	.formCell input{ width:98%; padding-left:1%; padding-right:1%; height:24px; line-height:24px; border:solid 1px #b3b3b3; font-family: 'Raleway', sans-serif; color: #2F2F2F; font-size:0.8rem;}
	.formCell5{ width:100% !important; float:left; margin-bottom: 7px; margin-left: 0px;}
	.formCell5 input{ width:98%; padding-left:1%; padding-right:1%; height:24px; line-height:24px; border:solid 1px #b3b3b3; font-family: 'Raleway', sans-serif; color: #2F2F2F; font-size:0.8rem;}
	.formError{ font-size:0.8rem; float:left; width:100%; color:#F00; display:none;}
	.formCell2{ width:100%; float:left; margin-right:4px;}
	.formCell2 textarea{ padding-left:1%; padding-right:1%; padding-top:5px; padding-bottom:0px; border:solid 1px #b3b3b3; resize:none; width:98%; height:50px; font-family: 'Raleway', sans-serif; color:#2F2F2F; font-size:0.8rem;}
	.formCell3{ width:100% !important; float: left; margin-bottom: 7px;}
	.formCell3 input{ width:98%; padding-left:1%; padding-right:1%; height:24px; line-height:24px; border:solid 1px #b3b3b3; font-family: 'Raleway', sans-serif; color: #2F2F2F; font-size:0.8rem;  }
	.formCell4{ width: 100%; height: auto; float: right; margin-bottom: 7px;}
	.formCell4 input{ width:98%; padding-left:1%; padding-right:1%; height:24px; line-height:24px; border:solid 1px #b3b3b3; font-family: 'Raleway', sans-serif; color: #2F2F2F; font-size:0.8rem;  }
	
label{ font-size:0.9rem; margin-left:3px; margin-top:2px; margin-bottom:2px;  }
	
	
	
}

.errorContainer{ float:left; width:100%; display:none; height:20px;}


.formTxtOblig{ font-size:0.77rem; font-family: 'Raleway', sans-serif; color: #2F2F2F; float:left; margin-bottom:-7px;  width:100%; letter-spacing: 0rem; margin-top:4px; text-align: justify; line-height: 1.3rem;}
.formTxtOblig a{ cursor:pointer; font-size: 0.77rem; font-family: 'Raleway', sans-serif; color: #455876; text-decoration: underline;}
.formTxtOblig a:hover{opacity:0.6;} 

/*checkbox de condiciones*/ 
#condiciones{ width: 17px!important; height: 17px!important; float: left; margin-right: 5px; margin-top:-1px;}

.formCaptchaSubmit{width:302px; height:76px; float:left; margin-top:10px;}
.g-recaptcha {
	transform:scale(1);-webkit-transform:scale(1);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	
	} 

#pregunta-seguridad-captcha {float:left; width:150px;height:50px;/* background-color:green;*/ margin-top:0px; }
.reload{border: 1px solid #b3b3b3;float:left; margin-top:0px}
#siimage{ margin-top:0px !important;}
#code{border: 1px solid #b3b3b3;height:40px; margin-top:0px;float:left; font-size:15px;width:142px; margin-left:-5px; font-family: 'Raleway', sans-serif; color:#666666; }
#pregunta-seguridad-captcha img{border: 1px solid #b3b3b3; float:left; margin-top:0px;}	

.boton-form{float: right; margin-top:15px; width:192px; height:71px; font-size:1.25rem; line-height: 25px; background-color:#455876; border: none; color:#FFF; cursor:pointer; text-align:center; font-family: 'Raleway', sans-serif; letter-spacing: 0.08rem; padding-top: 4px; margin-right: 0.5%;}
.boton-form:hover{ opacity:0.6;}				
								
/* errores formulario */
.error{ position:relative; float:left; color:#F00 !important; margin-top:0px; margin-left:0px; font-size:14px; /*background-color:#2F2F2F0FF;*/ text-align:left !important;}



@media screen and (max-width : 760px){ 
	.formTxtOblig{ font-size:0.8rem; margin-bottom:3px; }
	/*.condicionesTxt{ font-size:0.8rem; float: right; color: #515151; width:90% !important; line-height:0.9rem;}
	.condicionesTxt a{text-decoration:none; color: #515151; text-decoration:underline; }*/
	.formTxtOblig a{ cursor:pointer; font-size: 0.85rem;}
	#condiciones{ float:left; margin-top:-2px; width:16px; height:16px; position: absolute; margin-left:10px;}
	.boton-form{float: left; margin-top:10px; margin-left:0px; width:100% !important; height:50px; font-size:0.9rem; font-weight: normal; line-height: 30px; margin-bottom:10px; }
	#code{height:40px; margin-top:0px;float:left; font-size:0.9rem;width:40%; margin-left:0px;}
	.formPrivacidad{float: right; width: 100%; font-size:0.9rem; margin-top:15px; color:#515151;}
	
	}