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

.contacto {
  background-image: url('../images/contacto/cabecera-contacto.jpg'); 
}

.contacto_email:before, .contacto_telefono:before, .contacto_web:before, .contacto_fax:before {
  display: inline-block;
  position: relative; 
  top: 8px;
  margin-right: 10px; 
  content:"";
  width: 25px;
  height: 25px;
}
.contacto_telefono:before {
  background-image: url('../images/contacto/ico-tlf.png');
}
.contacto_email:before {
  background-image: url('../images/contacto/ico-mail.png');
}
.contacto_web:before {
  background-image: url('../images/contacto/ico-web.png');
}
.contacto_fax:before {
	background-image: url('../images/contacto/ico-fax.png');
}
.contacto_email, .contacto_telefono, .contacto_web, .contacto_fax{
  display: block;
  color: #0085BD;
  padding:4px 0;
}

.rowContactoOKKO {
  min-height: 75%;
  background-image: url('../images/contacto/fondo-ok.jpg'); 
  background-position: center center;
  background-size: cover;
}
.centralokko {
  color: white;
}
.centralokko  .ancho980 {
  text-align: center;
}
.encabezado-okko {
  display: inline-block;
  margin: auto;
  margin-bottom: 20px;
}
.centralokko h1 {
  color: white;
  display: inline-block;
  font-weight: 300;
  font-size: 300%;
}
.centralokko .icono_ok, .centralokko .icono_ko {
  position: relative;
  top: 45px;
  max-width: 100%;
}
.centralokko section {
  font-size: 14pt;
  font-weight: 200;
  margin-bottom: 20px;
}
.texto_okko {
  display: inline-block;
  width:600px;
  max-width: 90%;
  text-align: left;
}
.texto_okko .contenedor_volver {
  text-align: right;
  margin-top: 20px;
}
.texto_okko .contenedor_volver a {
  display: inline-block;
  margin-top: 10px;
  border: solid 1px #fff;
  color: #fff;
  padding: 5px 10px 5px 5px;
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
  
}
.texto_okko .contenedor_volver a img {
  opacity: 0;
  margin: 0;
  width: 0;
}
.texto_okko .contenedor_volver a:hover img {
  opacity: 1;
  width: unset;
  margin: 0 5px;
}
.texto_okko .contenedor_volver a:hover {
  background-color: rgba(255,255,255,0.1);
}
.centralokko  a {
  color: white;
  font-weight: 200;
}
#cntko section{
  margin-top: 20px;
}
#cntko p {
  color: white;
  font-size: 14pt;
}

/* Mapa */

.contenedor_mapa {
  width: 100%;
  position: relative;
}
.overlay_map {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 200;
}

@media only screen and (max-width: 767px) {
  .info_contacto .col {
    width: 100%;
  }
  .encabezado-okko {
    text-align: center;
  }
  .encabezado-okko h1 {
    display: block;
    margin: auto;
  }
  .centralokko .icono_ok, .centralokko .icono_ko {
    top: 10px;
    display: block;
    margin: auto;
  }
  .centralokko section {
    font-size: 12pt;
  }
  #cntko p {
  font-size: 12pt;
}
}