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

/*CONTACTO*/

.contacto{
  width: 100%;
  height: 100%;
  background-color:#fff;
  padding-bottom: 6%;
  display: inline-block;
  clear: both;
}
.contacto-centro {
  width: 1000px;
  height: 500px;
  position: relative;
  left: 50%;
  margin-left: -500px;
  padding-top: 7%;
}
.contact-bloque{
  width: 40%;
  display: block;
  float:left;
}
.contact-bloque h2{
  font-size: 1.5em;
  color: #3C70A6;
  text-transform: uppercase;
}
.contact-bloque h4{
  font-size: 1em;
  color: #8C8B8B;
  text-transform: uppercase;
  margin: 1.5em 0 0 0;
}
.contact-bloque p{
	font-size: 4em;
	color: #8C8B8B;
	margin: 0 0 5% 0;
	white-space: pre-line;
}
.contact-borde{
  padding: 0 5% 0 0;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #C3C1C1;
}
.contact-borde-2{
  padding: 0 0 0 5%;
}
/*-----------------------------------------------------------------------------------*/
/*	FORMULARIO
/*-----------------------------------------------------------------------------------*/

#contacto { margin:0; padding:0; }
#contacto fieldset{ padding:0; margin:0 0 10px 0; border:0; position:relative; clear: both; }
#contacto fieldset:last-child{ margin:0; text-align:center; }
#contacto label.linea {     
  font-size: 0.75em;
  display: block;
  line-height: 1.4;
  color: #464646;
  text-shadow: 0 1px 1px #fff;
  float: left;
  margin-bottom: 15px;
}
#contacto input[type="radio"]{
display: block;
    float: left;
}
#contacto label { font-size:0.75em; display:block; line-height:1.4; color:#464646; text-shadow:0 1px 1px #fff; }
#contacto input[type="text"],
#contacto input[type="email"],
#contacto textarea { font-family: 'Open Sans', sans-serif; width:90%; padding: 8px 8px 8px 25px; font-size:0.75em; color:#3C70A6; border:1px solid #eee; background-color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
#contacto input[type="text"]:focus,
#contacto input[type="email"]:focus,
#contacto textarea:focus{ box-shadow: 0 0 1px #3C70A6; }
#contacto textarea { resize:none; height:80px; background-color:#fff; }
#contacto input[type="submit"],
#contacto input[type="reset"]{font-family: 'Open Sans', sans-serif; font-size:0.7em; padding:8px 15px; width:48%; font-weight:600; line-height:1; color:#3C70A6; border:none; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; border-radius:2px; cursor: pointer; outline: none;}
#contacto input[type="submit"]{
  border-style:solid;
  border-width:1px;
  border-color:#3C70A6;
  color:#3C70A6;
  background-color:white;
}
#contacto input[type="reset"]{background-color:#fafafa;
  border-style: solid;
  border-width: 1px;}
#contacto input[type="submit"]:hover,
#contacto input[type="reset"]:hover{ background-color:#3C70A6; color:white;}

.fondo{
  background-image:url(../img/nombre.png);
  background-repeat:no-repeat;
}
.fondo2{
  background-image:url(../img/fono.png);
  background-repeat:no-repeat;
}
.fondo3{
  background-image:url(../img/empresa.png);
  background-repeat:no-repeat;
}
.fondo4{
  background-image:url(../img/correo.png);
  background-repeat:no-repeat;
}
.fondo5{
  background-image:url(../img/mensaje.png);
  background-repeat:no-repeat;
}

/*-----------------------------------------------------------------------------------*/
/*	NOTIFICACIONES
/*-----------------------------------------------------------------------------------*/

.contact-bloque p.notificacion {
  width:94%;
  margin: 5px 0 0 0;
  padding:1px 8px;
  border:1px solid red;
  background-color:rgba(255,255,255,0.5);
  font-size: 0.75em;
  color:#3C70A6;
  display:none;
}
.cruz {
  position:absolute;
  top:20%;
  right:5%;
  display:none;
}
textarea + .cruz {
  top:5%;
}

.disabled {
  background-color:#fff;
  cursor:not-allowed;
  color:white;
}

#TecnoJet1{
	  background: #000 url(../images/services/bg_services.png);
  background-size: cover;
}
#TecnoMicro1{
	  background: #000 url(../images/services/bg_services.png);
  background-size: cover;
}
#TecnoTitan1{
	  background: #000 url(../images/services/bg_services.png);
  background-size: cover;
}
#TecnoPantalla1{
	  background: #000 url(../images/services/bg_services.png);
  background-size: cover;
}
#TecnoMuro1{
	  background: #000 url(../images/services/bg_services.png);
  background-size: cover;
}
#TecnoShotcrete1{
	  background: #000 url(../images/services/bg_services.png);
  background-size: cover;
}

.full-jet1{
background-color: rgb(193,39,45);	/*	jet				*/
    /* background-image: url(../images/bg/bg-blog.jpg); */
    /* background-size: cover; */
	}
.full-micro1{
	background-color: rgb(247,147,30);	/*	micropilotes	*/
}
.full-titan1{
	background-color:rgb(212,114,0);	/*	titan			*/
}
.full-pantalla1{
	background-color:rgb(41,171,226);	/*	pantallas		*/
}
.full-muro1{
	background-color:rgb(41,94,168);	/*	muros			*/
}
.full-shotcrete1{
	background-color: rgb(140,198,63);	/*	shotcrete		*/
}