#banner-frame-seccion.conocenos{ }

#serviciosContainer{ width:100%; float:left; position:relative;  margin-bottom:0px; /*background-color:#FF0000;*/ margin-top:0px; background-color: #f5f4f4; }/*rojo*/

.bloqueTexto{font-family: 'amiriregular'; float: left; width: 45%; margin-left: 5%;}
.bloqueTexto h2{ float:left; width: 100%;  font-size: 80px; margin-bottom: 0px; margin-top: 2vw; font-weight: normal;}
.bloqueTexto p{ float:left; width: 100%; color:#000; font-family: 'amiriregular'; font-size: 20px; margin-top: 0px; margin-bottom: 0px; line-height: 1.3; }

.logoContacto{float:right; width: 43%; margin-right: 5%; margin-top: 30px;}


@media screen and (max-width : 780px){ 
	#serviciosContainer{ width:100%; margin-left:0px; left:0%;}
	.bloqueTexto{ width: 90%; margin-left: 5%;}
	.bloqueTexto h2{ font-size: 30px; margin-top: 3vw; margin-bottom: 10px; }
	.bloqueTexto p{ font-size: 16px; }
	.logoContacto{float:left; width: 90%; margin-right: 5%; margin-top: 20px; margin-left: 5%;}
}

/* ########################## */


#serviciosContent{ float:left; width:76%; position:relative; left:16%;  height: auto;}

#imagenSec{ float:left; width:100%;}
#imagenSec img{ float:left; width:100%;}

#textoSeccion{ width:100%; float: left; position:relative;  margin-top:263px; margin-bottom:0px;}
#textoSeccion img{ width:400px; float: left; position:relative; margin-top:0px; margin-bottom:92px;}
#textoSeccion p{width:45%; float:left; line-height:1.25; margin-bottom:5px; margin-top:5px; text-align: justify; margin-left: 3%; font-size: 14px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; color: #000000;  font-family: 'amiriregular';}
#textoSeccion ul{ color:#565756; font-size:0.95rem; width:90%; float:left; line-height:1.5rem; padding-left:0px; padding-top:0px; margin-left:5%; margin-top:10px;}
#textoSeccion ul li{ margin-left:0px; padding-left:0px;}
#textoSeccion ol{ color:#565756; font-size:0.95rem; width:90%; float:left; line-height:1.5rem; padding-left:0px; padding-top:0px; margin-left:5%; margin-top:10px;}
#textoSeccion ol li{ margin-left:0px; padding-left:0px;}
#textoSeccion h4{width:45%; float:left; line-height:1.04; margin-bottom:10px; margin-top:16px; text-align: left; margin-left: 3%; font-size: 17px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.04; letter-spacing: normal; color: #000000;  font-family: 'montserratsemibold'; }
#textoSeccion h3{width:45%; float:left; line-height:1.04; margin-bottom:10px; margin-top:10px; text-align: left; margin-left: 3%; font-size: 24px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.04; letter-spacing: normal; color: #000000;  font-family: 'montserratsemibold'; margin-top: 0px;}

.botonEmpresas{ background:url(../../../../../templates/default/img/orangeBg.jpg); background-repeat:repeat; text-align:center; float:left; color:#FFFFFF; text-transform:uppercase; width:263px; height:41px; line-height:41px; font-size:1.2rem; margin-right:30px; cursor:pointer;}
.botonEmpresas:hover{ opacity:0.8;}

.sectionContent h4{ color:#565756; font-size:35px; font-weight:bold; text-align: center; margin-top:82px; margin-bottom:0px; font-size: 34px; line-height: 1.88; text-transform: uppercase; color: #000;  font-family: 'montserratsemibold';}

.sectionContent{ float:left; width: 65%; position: relative; left: 16%; margin-left: 0px;}

@media screen and (max-width : 950px){ 
	
#textoSeccion img{ width:35%; float: left; position:relative; margin-top:0px; margin-bottom:534px;}

}



#frameFormulario{ float: left; width: 100%; min-height: 200px; height: auto; padding-top: 0px; }
.form-container{ float: left; width: 90%; position: relative; border-top: solid 2px #000; margin-left: 5%; margin-top: 30px;  border-bottom: solid 2px #000; margin-bottom: 30px; }

@media screen and (max-width : 780px){ 
	#body-container{ margin-top: 80px;}
	#serviciosContainer{ width:100%; margin-left:0px; margin-top: 0px; left:0%;   background-color: #f6f4f8; padding-bottom: 50px; margin-bottom: 0px;}
	#serviciosContent{ width:90%; margin-left:5%; margin-top:0px; left:0px; height: auto;}
	#textoSeccion img{ width:100%; margin:auto; }
	#textoSeccion{ width:100%; margin-left:0px; left:0px; margin-top:10px;}
	#textoSeccion p{ font-size:16px; line-height:1.25; text-align: left; width: 90%; margin-bottom: 0px;}
	#textoSeccion ul{ font-size:0.8rem; line-height:1.2rem; }
	#textoSeccion ol{ font-size:0.8rem; line-height:1.2rem;}
	#textoSeccion h4{ font-size:0.96rem;}
	#textoSeccion h3{ font-size:27px; line-height:1.2; width: 100%; margin-top: 30px; margin-bottom: 30px;}
	#imagenSec{ display:none;}
	
	.sectionContent h4{ color:#565756; font-size:28px; text-align: center; margin-top:60px; margin-bottom:0px;}

	.sectionContent{ float:left; width: 90%; left: 0px; margin-left: 5%;}
	.frameDatos{ width: 100%; margin-bottom: 40px; }
	
	.datosItem{ width: 100%; text-align: center; height: auto; margin-top: 40px; font-size: 18px;}
	.datosItem p{ width: 100%; text-align: center; height: auto; line-height: 1.25;  font-size: 18px;}
	.email{ margin-left:0px; margin-right: 0px;}
	.email a{ width: 100%; text-align: center;}
	
	.frameCuenca,.frameMadrid{ margin-bottom: 60px; }
	.infoContainer{ width: 67%; }
	.infoContainer h3{  font-size: 30px; line-height: 1.08; border-bottom: solid 11px #565756; margin-bottom: 20px; margin-top: 50px; }
	.infoContainer p{  width: 150%;}
	.frameCuenca img,.frameMadrid img{  width: 31%; margin-right: 0px;}	
	
	.frameUbicacion{ margin-top: 0px;}
	.frameContacto{ margin-top: 0px; }
	.frameDatosUbicacion{ left: 0px; margin-left: 5%; width:90%; margin-bottom: 30px; }	
	
	#frameFormulario{  }
	.form-container{ width: 100%; left: 0px; margin-left: 0px;}
	.form-container #serviciosContent{ float: left; width: 100%; border-bottom: none; }
	.form-container #serviciosContent h3{ float: left; width: 100%; margin-top: 35px; font-size: 35px; margin-bottom: 20px;}
	.form-container .formContent{ float: left; width: 100%;}	
}




.formCell{ width:100%; float:left; margin-bottom: 0px; height: auto; }
.formCell.izquierda{ margin-right: 2%;}
.formCell.derecha{ margin-left: 2%;}
.formCell input{ float:left; width:97.9%; padding-left:1%; padding-right:1%; height:34px; line-height:34px; border: none; background-color: #fff; border:solid 0.5px #828181; color: #000; font-size:17px;}
.formCell select{ width:100%; padding-left:1%; padding-right:4%; height:34px; line-height:34px; border: none; background-color: transparent; border-bottom:solid 1px #565756; font-family: 'amiriregular', arial; color: #666666; font-size:17px;}
.formError{ font-size:14px; float:left; width:100%; color:#F00; height: 20px;}
.formCell label{ width:100%; color:#000; font-size:20px; height:35px; line-height:35px; margin-top:15px; float:left; font-family: 'amiriregular';}
.formCell2{ width:100%; float:left; margin-right:4px;}
.formCell2 label{ width:100%; color:#000; font-size:20px; height:35px; line-height:35px; margin-top:15px; float:left; font-family: 'amiriregular';}
.formCell2 textarea{ padding:10px 10px 10px 10px; border: none; background-color: transparent;  background-color: #fff; border:solid 0.5px #828181; resize:none; width:99.4%; padding-left: 0.3%; padding-right: 0.3%; height:90px; color:#000; font-size:17px;}
#cv{ position:relative; z-index: 10; opacity: 0; margin-top: 2px;}
.labelcv{ top: -41px; float: left; position: relative; left: 0px; padding-left: 1%; width: 99%; z-index: 1; border-bottom:solid 1px #565756; height: 34px; line-height: 34px; }
.formContent .cv{ display: none;}
.formContent .presupuesto{ display: none;}
.formContent .info{ display:block;}

	
::-webkit-input-placeholder { color: #000000; } 
 
:-moz-placeholder { /* Firefox 18- */ color: #000000; } 
 
::-moz-placeholder { /* Firefox 19+ */ color: #000000; } 
 
:-ms-input-placeholder { color: #000000; }

@media screen and (max-width : 780px){ 
	.formContent{ width: 90% !important; margin-left: 5%;  margin-top: 40px;}
	.formCell{ width:100% !important; float:left; margin-right:4px;}
	.cellPresupuesto{ height: auto; margin-top: -20px;}
	.cellPresupuesto select{ margin-top: 20px; margin-bottom: 20px;}
	.formCell.izquierda{ margin-right: 0px;}
	.formCell.derecha{ margin-left: 0px;}
	.formCell input{ width:98%; padding-left:1%; padding-right:1%; height:24px; line-height:24px; color: #666666;}
	.formError{ font-size:0.8rem; float:left; width:100%; color:#F00; display:none;}
	.formCell label{ width:100%; color:#515151; font-size:0.9rem; height:35px; line-height:35px; margin-top:5px;}
	.formCell2{ width:100%; float:left; margin-right:4px;}
	.formCell2 label{ width:100%; color:#515151; font-size:0.9rem; float:left; height:35px; line-height:35px; margin-top:5px;}
	.formCell2 textarea{  width: 98% !important; padding-left:1%; padding-right:1%; padding-top:0px; padding-bottom:0px;}
}

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

.formTxtOblig{ font-size:15px; float:left; margin-bottom:5px; color:#515151; width:100%;}

.clausulaPrivacidad{ float: left; width: 100%; height: auto; color:#515151; font-size: 14px; margin-top: 20px;}

.formPrivacidad{ width: auto; margin-top:15px; font-size: 14px; color:#000; margin-top: 20px; margin-bottom: 0px; cursor: pointer;}
.recibeInfo{float: left; width: auto;  margin-top:15px; font-size: 14px; color:#000; margin-top: 20px; margin-bottom: 0px; cursor: pointer;}
.aceptaPrivacidad{float: right; width: auto; margin-top:15px; color:#000; margin-top: 20px; margin-bottom: 0px; cursor: pointer;   color:#000; font-size:20px; height:35px; line-height:35px; margin-top:15px; float:left; font-family: 'amiriregular';}
	.formPrivacidad a{ text-decoration:underline; color:#4a7092; cursor:pointer;}
		.formPrivacidad a:hover{ opacity:0.6;}

.checkbox{ float: left; width: 14px; height: 14px; border: solid 1px #000000; margin-top: 10px; margin-right: 5px; cursor: pointer;}
.checkbox .check{ float: left; width: 10px; height: 10px; margin-top: 1px; margin-left: 1px; background-color: #515151; opacity: 0;}
.checkbox:hover .check{ opacity:0.3;}
.checkbox .check.checked{ opacity: 1;}

#divmsg{color: #565756; font-size: 20px; line-height: 1.25; text-align: left; font-weight: 100; margin-left: 0px;}

.condicionesTxt{ font-size:14px; float:left; color: #515151;}
.condicionesTxt a{text-decoration:none; color: #515151; line-height:25px; text-decoration:underline; }

.formCaptchaSubmit{width:40%; min-height:40px; float:left; margin-top:15px !important; }

#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: 'futura_md_btmedium', arial; color:#666666; }
#pregunta-seguridad-captcha img{border: 1px solid #b3b3b3; float:left; margin-top:0px;}	

.boton-form{float: right; margin-top:26px; width: 100%; height: 53px; font-size:20px; font-family: 'amiriregular'; font-weight: 300; line-height: 53px;	color:#fff; cursor:pointer; text-align: left; padding-left: 10px; background-color: #000; background-size: 10px; margin-bottom: 30px; border: none; text-align: center; text-transform: uppercase;}
.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:#0000FF;*/ text-align:left !important;}

/*checkbox*/
#condiciones{ float:left; margin-top:4px; width:16px; height:16px;}

.content{ float:left; width: 40%; margin-left: 5%; font-family: 'amiriregular'; margin-bottom: 100px; }
.content h2{ float:left; width: 100%;  font-size: 50px; margin-bottom: 0px; margin-top: 0px; font-weight: normal;}
.content p{ float:left; width: 100%; color:#000; font-family: 'amiriregular'; font-size: 22px; margin-bottom: 0px; line-height: 1.3; }

.mapaContainer{ float:right; width: 42%; margin-right: 5%; height: 300px; position: relative; margin-top: 0; margin-bottom: 60px;}
#mapagoogle{ float:left; position: relative; width: 100%; height: 300px; }




@media screen and (max-width : 780px){ 
	.content{ width: 90%; margin-bottom: 20px; }
	.content h2{  font-size: 26px; }
	.content p{  font-size: 16px; line-height: 1.3; }

	
	
	.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; }
	#condiciones{ float:left; margin-top:4px; width:16px; height:16px;}
	.boton-form{float: left; margin-top:40px; margin-bottom: 60px; margin-left:0px; width:100% !important; height:35px; font-size:16px; font-weight: normal; line-height: 35px; background-position: 95% center; font-weight: 300;}
	#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;}
	.mapaContainer{ width: 90%;}
}

/* ###################### EFECTOS TRANSICIONES BOTONES ########################### */	

#enviarForm,.check{
  transition: all 0.8s;
  -moz-transition: all 0.8s; /* Firefox 4 */
  -webkit-transition: all 0.8s; /* Safari and Chrome */
  -o-transition: all 0.8s; /* Opera */
}