@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700|Roboto:100,300,400,500,700,900&display=swap');
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  transition: 0.5s;
}
body {
  color: #000;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  /*
  font-family: 'Oswald', sans-serif;
  */
}

a {
  color: #000;
}
.centradotodo {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.contenedorglobal {
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}
header {
  width: 100%;
  overflow: hidden;
  padding-top: 10px;
  border-bottom: 3px solid #c4a563;
}
  header .texto {
    width: 100%;
    max-width: 33.3%;
    float: left;
    font-family: 'Oswald', sans-serif;
    padding-top: 6px;
  }
    header .texto h1 {
      font-weight: 400;
      letter-spacing: 3px;
      font-size: 22px;
      color: rgb(157, 157, 157);
    }
  header .logo {
    width: 100%;
    max-width: 33.3%;
    text-align: center;
    float: left;
  }
    header .logo img {
      width: 100%;
      max-width: 140px;
      height: auto;
    }
  header .redeshed {
    width: 100%;
    max-width: 33.3%;
    float: right;
    text-align: right;
    padding-top: 20px;
  }
    header .redeshed ion-icon {
      font-size: 17px;
      color: #fff;
      margin-left: 10px;
      background-color: rgb(157, 157, 157);
      padding: 7px;
      border-radius: 50%;
    }
    header .redeshed ion-icon:hover {
      background-color: #333;
    }


    /* menu scroll horizontal */
    div.scrollmenu {
      background: rgba(255,255,255,1);
      background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 18%, rgba(237,237,237,1) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(18%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
      background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 18%, rgba(237,237,237,1) 100%);
      background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 18%, rgba(237,237,237,1) 100%);
      background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 18%, rgba(237,237,237,1) 100%);
      background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 18%, rgba(237,237,237,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );

      overflow: auto;
      white-space: nowrap;
      text-align: center;
      font-weight: 300;
      font-size: 11px;
      text-transform: uppercase;
      font-family: 'Oswald', sans-serif;
      font-weight: 500;
      font-size: 17px;
    }

.activadolink {
  background-color: #c4a563;
  color: #fff !important;
  text-shadow: 1px 1px 1px #000 !important;
}
    div.scrollmenu a {
      display: inline-block;
      color: #000;
      text-shadow: 1px 1px 1px #fff;
      text-align: center;
      padding: 24px 15px;
      text-decoration: none;
    }

    div.scrollmenu a:hover {
      background-color: #c4a563;
      color: #fff;
      text-shadow: 1px 1px 1px #000;
    }



.sliderhome {
  width: 100%;
}
  .sliderhome img {
    width: 100%;
    height: auto;
    display: block;
  }

.moduloshomedos {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
  padding-left: 50px;
  padding-right: 50px;
}
  .moduloshomedos img {
    width: 100%;
    height: auto;
  }
  .moduloshomedos .grid {
    width: 100%;
    max-width: 50%;
    float: left;
    -webkit-box-shadow: -2px 4px 70px -21px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 4px 70px -21px rgba(0,0,0,0.75);
    box-shadow: -2px 4px 70px -21px rgba(0,0,0,0.75);
  }
  .moduloshomedos .griddos {
    width: 100%;
    max-width: 50%;
    float: right;
    -webkit-box-shadow: -2px 4px 70px -21px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 4px 70px -21px rgba(0,0,0,0.75);
    box-shadow: -2px 4px 70px -21px rgba(0,0,0,0.75);
  }

.unchang {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  margin-top: 70px;
  margin-bottom: 70px;
  background-image: url('../imagenes/slider/12.jpg');
  overflow: hidden;
  padding: 50px;
  border-radius: 5px;
  background-position: right -400px bottom 20px;
  background-size: cover;
  background-repeat: no-repeat;

}
  .unchang .grid {
    background-color: rgba(255, 255, 255, 0.88);
    width: 100%;
    max-width: 50%;
    float: left;
    padding: 30px;
    border-radius: 5px;
    float: right;
    margin-bottom: 20px;
  }
  .unchang .grid h2 {
    margin-bottom: 20px;
    font-weight: 900;
    font-size: 30px;
    font-family: 'Oswald', sans-serif;
  }
  .unchang .grid p {
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 300;
  }
  .aboutcontenido h1 {
    text-align: center;
    font-weight: 900;
    margin-top: 50px;
    color: rgb(42, 42, 42);
    font-family: 'Oswald', sans-serif;
  }

.textofin {
  text-align: center;
  background-color: rgb(232, 232, 232);
  padding: 40px;
  border-top: 1px solid rgb(181, 181, 181);
}
  .textofin h3 {
    font-weight: 900;
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 20px;
  }
  .textofin p {
    font-size: 18px;
    max-width: 700px;
    margin: auto;
    font-weight: 300;
  }

.imgmapa {
  text-align: center;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  max-width: 700px;
}
  .imgmapa img {
    width: 100%;
    height: auto;
  }

  .tituloportfoliog h1 {
    text-align: center;
    font-weight: 900;
    margin-top: 50px;
    margin-bottom: 20px;
    color: rgb(42, 42, 42);
    font-family: 'Oswald', sans-serif;
  }

.modulosportfolio {
  width: 100%;
  max-width: 1000px;
  overflow: hidden;
  margin: auto;
  margin-bottom: 20px;
}
  .modulosportfolio .grid {
    width: 100%;
    max-width: 25%;
    float: left;
    padding: 20px;
  }
  .modulosportfolio .grid h1 {
    font-size: 19px;
    line-height: 17px;
    color: #000;
    display: inline-block;
    margin-bottom: 10px;
    background-color: #fff;
    font-family: 'Oswald', sans-serif;
  }
  .modulosportfolio .grid p {
    font-weight: 300;
    font-size: 14px;
  }
  .modulosportfolio .grid img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 10px;
  }

.chanspor {
  width: 100%;
  max-width: 1100px;
  margin: auto;
  margin-top: 70px;
  background-image: url('../imagenes/corre.jpeg');
  overflow: hidden;
  padding: 150px 50px;
  border-radius: 5px;
  background-size: cover;
  background-position: center;
}
  .chanspor .grid {
    width: 100%;
    max-width: 40%;
    float: left;
    background-color: #fff;
    color: #000;
    padding: 40px;
    padding-bottom: 10px;
    border-radius: 5px;
    float: right;
  }
  .chanspor .grid h1 {
    margin-bottom: 20px;
    font-size: 23px;
  }
  .chanspor .grid li {
    list-style: none;
    font-size: 16px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(235, 235, 235);
    padding-bottom: 10px;
    font-weight: 400;
    color: rgb(136, 136, 136);
  }
  .chanspor .grid:last-child li {
  }


.mapaytextos {
  width: 100%;
  max-width: 1000px;
  overflow: hidden;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}
.mapaytextos .elmapita {
  width: 100%;
  max-width: 40%;
  float: left;
  padding-top: 40px;
}
  .mapaytextos .elmapita img {
    width: 100%;
    height: auto;
    display: block;
  }
 .eltextocases {
  float: right;
  width: 100%;
  max-width: 60%;
  text-align: right;
  padding-top: 20px;
}
  .eltextocases li {
    font-size: 15px;
    font-weight: 300;
    list-style: none;
    margin-bottom: 10px;
  }
  .eltextocases h2 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 19px;
  }

.galeriacases {
  background-color: rgb(204, 204, 204);
  text-align: center;
  font-size: 13px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.brandingscasses {
  width: 100%;
  max-width: 900px;
  margin: auto;
  overflow: hidden;
  text-align: center;
  margin-bottom: 40px;
}
  .brandingscasses img {
    width: 100%;
    max-width: 33.3%;
    float: left;
    padding: 9px;
  }

.loslogoscases {
  width: 100%;
  max-width: 900px;
  margin: auto;
  overflow: hidden;
  text-align: center;
  margin-bottom: 40px;
}
  .loslogoscases img {
    border: 1px solid rgb(176, 176, 176);
    width: 16%;
  }

.banderas {
  overflow: hidden;
}
  .banderas img {
    width: 20px;
    height: auto;
  }
  .banderas li {
    float: left;
    list-style: none;
    margin-right: 10px;
  }





























footer {
  border-top: 3px solid #c4a563;
  overflow: hidden;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 30px;

}

  footer h2 {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 7px;
    color: rgb(148, 148, 148);
    margin-bottom: 30px;
  }

  footer a {
    color: rgb(148, 148, 148);
    padding: 10px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 22px;
  }
  footer a:hover {
    color: #000;
  }