*:focus {
  outline: none;
}

@font-face {
  src: url(fonts/HelveticaNeue.ttf);
  font-family: texto;
}

@font-face {
  src: url(fonts/Gotham-Ultra.otf);
  font-family: textobold;
}

@font-face {
  src: url(fonts/gothamlight.otf);
  font-family: textocontacto;
}

@font-face {
  src: url(fonts/gothamlight.otf);
  font-family: label;
}

body {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0;
  font-family: texto;
}

section {
  display: table;
  width: 100%;
  height: 100vh
}

article {
  display: table-cell;
  width: 50%;
  height: 100%;
  vertical-align: top
}

a {
  text-decoration: none;
  color: #666666;
  font-size: 15px;
  line-height: 1.6
}

a:hover {
  color: #2f2d68
}

.datosContacto {
  float: left;
  font-family: textocontacto;
  text-align: left;
}

h5 {
  color: #2f2d68
}

#img {
  background: url(imagenes/portada.jpg)  center no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 50%;
}

#descripcion {
  width: 100%;
  height: 50%;
  float: left;
}

#textoDescripcion {
  display: table;
  width: 100%;
  height: 100%;
}

#columnaTexto {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  color: #4d4d4d;
  position: relative;
}

h1, h2, h5 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  width: 90%;
  display: inline-block
}

p {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h1 {
  font-family: textobold;
  text-align: left;
  font-size: 30px;
  line-height: 140%;
}

h5 {
  font-family: textobold;
  text-align: left;
  font-size: 25px;
  line-height: 140%;
  letter-spacing: 2px
}

.texto, h2 {
  font-size: 18px;
  line-height: 140%;
  text-align: justify;
}

strong {
  font-family: textobold;
  font-weight: normal
}

#contenidoForm {
  background-color: #f2f2f2;
  color: #2f2d68;
}

#tablaFormulario {
  display: table;
  width: 100%;
  height: 100%
}

#filaFormulario {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center
}

#contenedorForm {
  width: 90%;
  display: inline-block;
}

.lineanaranja{
  position: absolute;
height: 2px;
width: 100px;
background: rgb(48,43,106);
background: linear-gradient(90deg, rgba(48,43,106,1) 10%, rgba(231,42,94,1) 93%);
left: 5%;
bottom: 45px;
}

img {
  width: 60%;
  margin-bottom: 30px;
}

.verMas {
  border: 1px solid #2f2d68;
  padding: 0px 20px;
  height: 37px;
  line-height: 38px;
  float: right;
  display: inline-block;
  font-family: texto;
  background-color: #2f2d68;
  color: #fff;
  text-decoration: none;
  transition: all .3s;
}

.verMas:hover {
  background-color:transparent;
  color: #2f2d68;
  cursor: pointer;
}

.campoTexto {
  background-color: #ffffff;
  width: 96%;
  padding: 0 2%;
  height: 36px;
  border: none;
  font-family: texto;
  color: #000000;
  font-size: 18px;
  margin-top: 5px;
}

textarea {
  height: 100px !important;
  resize: none;
  padding: 10px 2% !important;
}

.error {
  color: #E9E9E9;
  text-align: left
}

@media (max-width:1600px) {
  h1 {
    font-size: 24px;
    line-height: 130%;
  }

  a {
    font-size: 12px
  }

  h5 {
    font-size: 20px;
    line-height: 130%;
  }

  .texto, h2 {
    font-size: 13px;
    line-height: 130%;
  }

  img {
    width: 50%;
    margin-bottom: 40px;
  }

  .campoTexto {
    height: 32px;
    font-size: 16px;
  }

  textarea {
    height: 80px !important;
  }

  .verMas {
    padding: 0px 16px;
    height: 33px;
    line-height: 34px;
    font-size: 16px
  }
}

@media (max-width:980px) {
  .lineanaranja {
    width: 70px;
    bottom: -20px;
}
  .datosContacto {
    margin-top: 25px;
    float: none;
  }

  section {
    display: block;
    width: 100%;
    height: auto
  }

  article {
    display: block;
    width: 100%;
    height: auto;
  }

  #img {
    height: 250px
  }

  #descripcion {
    height: auto;
    float: none;
  }

  #textoDescripcion {
    display: block;
    height: auto;
  }

  h1 {
    text-align: center;
    margin-top: 40px;
    font-size: 20px
  }

  .texto, h2 {
    font-size: 16px;
    line-height: 140%;
  }

  #columnaTexto {
    display: block;
    height: auto
  }

  #contenidoForm {
    margin-top: 40px;
  }

  #tablaFormulario {
    display: block;
    height: auto
  }

  #filaFormulario {
    display: block;
    height: auto;
  }

  #contenedorForm {
    padding: 40px 0;
  }

  img {
    width: 70%;
    margin-bottom: 40px;
  }

  .campoTexto {
    height: 34px;
    font-size: 16px;
    margin-top: 5px;
  }

  textarea {
    height: 100px !important;
    padding: 5px 2% !important;
  }

  .verMas {
    border: 1px solid #FFFFFF;
    padding: 0px 16px;
    height: 32px;
    line-height: 36px;
    transition: none;
    font-size: 14px;
  }

  .web {
    display: none
  }
}