@import url(comun.css);

#contacto{ margin:0px auto 40px; }
#contacto .tituloH1{ margin:0px auto; }

#texto{ margin:30px auto; text-align:center; color:#D02539; font-weight:300; }
#texto img{ max-width:100%; }
#texto > p:not(.titulo){ text-align:justify; font-size:106.25%; line-height:1.3em; color:#000; }
#texto ul{ margin:60px auto; text-align:center; }
.tituloOC{ font-size:112.5%; font-weight:bold; color:#D02539; }

.listIco p:not(.tituloOC){ color:#000; }
.listIco img{ margin-bottom:10px; }

/* FORMULARIO */
#formMoreInfo{ padding:20px; background-color:#000; }
#formMoreInfo .tituloForm{ font-size:125%; color:#FFF; width:100%; text-align:center; margin-bottom:30px; }
#formMoreInfo p{ width:100%; text-align:center; margin-bottom:12px; }
#formMoreInfo p:after{ content:''; display:table; clear:both; }
#formMoreInfo label{ float:left; text-align:left; color:#FFF; font-size:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#formMoreInfo input:not([type=submit]),
#formMoreInfo textarea { float:left; font-size:93.75% !important; padding:2px; border:1px solid #FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; }
#formMoreInfo textarea{ height:133px; }
#formMoreInfo input[type=submit]{ margin-top:20px; padding:5px 25px; background:#FFF; border:1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#000; font-size:100%; }
#formMoreInfo input[type=submit]:hover{ cursor:pointer; opacity:0.7; }
#formMoreInfo form{ position:relative; width:100%; height:100%; }

.error{ display:none; font-size:14px; color:red; margin-bottom:10px; background:rgba(255,255,255,.95); padding:5px; }
#cargando{ display:none; background:#D02539; position:absolute; width:100%; height:100%; text-align:center; z-index:1000; }
#cargando img{ margin-top:10px; height:80px; }
#cargando > p{ margin-top:20px; font-weight:bold; color:#FFF; }



/* OK - KO */
.rowContactoOKKO{ text-align:center; background:url(../images/contacto/fondo-contacto.jpg) no-repeat top center; background-size:cover; position:relative; line-height:1.3em; }
.centralokko{ position:absolute; width:100%; top: 50%; background-color:rgba(255,255,255,.7); }
.centralokko section{ text-align:center; font-weight:400; color:#000; font-size:100%; }
.centralokko section section{ margin-top:20px; }
.centralokko img{ margin:20px auto; display:block; }
#cntko > *{ margin:0; display:inline-block; vertical-align:top; }
#cntko p{ margin-bottom:20px; font-size:112.5%;  text-align:left; line-height:28px; }
#cntko p.telefono{ padding-left:40px; background-position:0px 0px; margin-top:25px; }
#cntko p.email{ padding-left:40px; background-position:0px 0px; }

/* - Mapa - */
#mapa{ margin-bottom:30px; height:300px; border:1px solid #D02539; }
#mapa iframe{ width:100%; height:100%; }
.scrolloff { pointer-events: none; } /* Para quitar el scroll de google maps */

@media screen and (min-width: 200px) and (max-width: 640px) {
	/* CONTACTO */
	.listIco{ margin-bottom:30px; }
	
	/* FORMULARIO */
	#formMoreInfo{ width:100%; margin:30px auto; }
	#formMoreInfo label{ display:block; width:100%; float:none !important; text-align:left !important; margin-bottom:5px; }
	#formMoreInfo input:not([type=submit]),
	#formMoreInfo textarea { width:100%; float:none !important; }
	
	/* OK - KO */
	.rowContactoOKKO{ min-height:596px; }
	.rowContactoOKKO h1{ margin-top:20px; margin-bottom:20px; }
	.centralokko{ height:400px; margin: -150px 0;  }
	#cntko{ margin-top:20px; text-align:center; }
	#cntko img{ margin-right:0px; margin-bottom:40px; width:80px; }
	#cntko > *{ display:inline-block !important; width:100%; }

}
@media screen and (min-width: 640px) and (max-width: 980px) { 
	/* CONTACTO */
	.listIco{ margin-bottom:30px; }
	
	/* FORMULARIO */
	#formMoreInfo{ margin:30px auto; width:100%; }
	#formMoreInfo label{ display:block; width:100%; float:none !important; text-align:left !important; margin-bottom:5px; }
	#formMoreInfo input:not([type=submit]),
	#formMoreInfo textarea { width:100%; float:none !important; }
	#formMoreInfo form > section:not(.error){ display:inline-block; width:49%; vertical-align:top; }
	#formMoreInfo form > section:nth-of-type(1){ padding-right:20px; }
	
	/* OK - KO */
	.rowContactoOKKO{ min-height:596px; }
	.rowContactoOKKO h1{ margin-top:20px; margin-bottom:20px; }
	.centralokko{ height:300px; margin: -150px 0;  }
	#cntko{ margin-top:20px; }
	#cntko img{ margin-right:40px; }
	
}

@media screen and (min-width: 980px) {
	/* CONTACTO */
	.listIco{ display:inline-block; vertical-align:top; width:30%; color:#D02539; font-size:106.25%; line-height:1.3em; }
	.listIco:nth-of-type(2){ margin:0px; }
	.listIco p{ margin-bottom:10px; }
	
	/* FORMULARIO */
	#formMoreInfo{ margin:30px auto; width:100%; }
	#formMoreInfo label{ width:70%; }
	#formMoreInfo input:not([type=submit]),
	#formMoreInfo textarea { width:75%; }
	#formMoreInfo form > section:not(.error){ display:inline-block; width:49%; vertical-align:top; }
	#formMoreInfo form > section:nth-of-type(1){ padding-right:20px; }
	#telefono{ width:150px !important; }
	
	/* OK - KO */
	.rowContactoOKKO{ min-height:760px; }
	.rowContactoOKKO h1{ margin-top:10px; margin-bottom:10px; }
	.centralokko{ height:300px; margin: -150px 0;  }
	#cntko{ margin-top:20px; }
	#cntko img{ margin-right:40px; }
	
}