/* COLORES
BORDO 713436

*/
body, html {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}
* {box-sizing: border-box; }

h1,h2,h3{
  font-weight: 700;
}

img{max-width: 100%; display: block; margin: 0 auto; outline: none; font-size: 0;}

header {
  position: relative;
  padding: 0;
}
header img[alt*='Logo'] {
  position: absolute;
  margin: 0;
}
/*header img[alt*='Soluciones'],*/
img[src*='large'] {
  display: none;
}


header img[alt*='Soluciones'] {
  display: block;
  position: absolute;
  margin: 0;

}

@media only screen and (max-width: 1139px) {

  header img[alt*='Logo'] {
    right: 10%;
    top:12%;
    height: 20%;
  }

  header img[alt*='Soluciones'] {
    height: 20%;
    left: 10%;
    top:12%;
  }
}

@media only screen and (min-width: 1140px) {

  header img[alt*='Logo'] {
    left: 10%;
    top:60px;
    width: 100px;
  }
  header img[alt*='Soluciones'] {
    left: 10%;
    top:46%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28%;
  }

  img[src*='small'] {
    display: none;
  }
  img[src*='large'] {
    display: block;
  }


  h1{display: none;}
}


div.col-2 > div {
  padding: 30px 5vw
}


div.col-2 > div:nth-of-type(2) {
  background: rgb(209,209,209);
  background: -moz-linear-gradient(top, rgba(196,196,196,1) 18%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(196,196,196,1) 18%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(196,196,196,1) 18%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff',GradientType=0 );
}

@media only screen and (min-width: 1140px) {
  div.col-2 > div {padding-top: 0;}
  div.col-2 > div:nth-of-type(2) {margin-top: -60px;}
}

p {
  font-size: 18px;
  margin: 0 auto;
  padding-top: 30px;
  margin-bottom: 30px;
  line-height: 1.4;
}

p strong {
  font-weight: 400;
}

p,ul,
div.col-2 > div img {
  max-width: 480px;
}

div.col-2 > div img {
  width: 100%;
  height: auto;
}

ul {
  list-style: none;
  display: block;
  font-size: 0;
  width: 100%;
  padding: 0;
  margin: 0 auto 30px;
  white-space: inherit;
    border-top: solid 1px rgba(0,0,0,.1);
}
li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  font-size: 18px;
  padding: 15px 8px 15px 45px;
  width: 100%;
  background: url(../img/ico.svg) no-repeat 15px center;
  background-size: 10px auto;
  border-bottom: solid 1px rgba(0,0,0,.1);

}

form {
  display: block;
  max-width: 420px;
  width: 70%;
  margin:0 auto;
  padding-bottom: 60px;
  text-align: center;
}
input, textarea {
  display: block;
  width: 100%;
  margin: 15px 0;
  padding: 15px;
  font-size: 18px;
}

form button {
  display: inline-block;
  padding: 15px 30px;
  background-color: #713436;
  margin-top: 60px;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  -webkit-box-shadow: 6px 6px 6px -3px rgba(0,0,0,.2);
     -moz-box-shadow: 6px 6px 6px -3px rgba(0,0,0,.2);
          box-shadow: 6px 6px 6px -3px rgba(0,0,0,.2);
}

form h2 {
  color: #713436;
  font-size: 32px;
  text-align: left;
}

@media only screen and (min-width: 1140px) {
  p {
    font-size: 22px;
  }
}


section {
  position: relative;
}

footer {
  display: block;
  margin: 0 auto;
  position: relative;
}
footer > div {
  position: absolute;
  color: #fff;
  font-weight: 400;
  line-height: 1.4;
}

footer > div a {
  text-decoration: none;
  font-weight: 700;
  color: #fff;
}

@media only screen and (max-width: 1139px) {
  footer > div {
    bottom:15px;
    left: 10%;
    width: 80%;
    padding: 0;
      font-size: 16px;
    text-align: center;
  }
  footer > div span {
    display: block;
    height: 1px;
  }
  footer > div a {
    display: block;
  }
}

@media only screen and (min-width: 1140px) {
  footer > div {
    bottom:10%;
    left: 10%;
    width: 80%;
    padding: 60px 0;
    background:  url('../img/sur-dorado.svg') no-repeat right center;
    background-size: auto 100%;
    font-size: 20px;
  }

  footer > div span {
    display: none;
  }

  footer > div a {
    display: inline-block;
  }

  footer > div a::after {
    content: " - "
  }


}
