body {
  background-color: #fff;
  background-image: linear-gradient(#05305e 15%, #f5f7fa 80%);
  margin: 0;
  padding: 0;
  font-family: Georgia, 'Times New Roman', Times, serif;
  text-align: center;
}

a {
  text-decoration: none;
}


img {
  max-width: 500px;
  max-height: 500px;
  margin-left: 30px;
  margin-right: 30px;
}

/* HEADER */

.header {
  position: sticky;
  top: 0%;
  width: 100vw;
  height: 20vh;
  max-height: 110px;
  background-color: #0a60bc;
  background-image: linear-gradient(#00000080, #00000080);
  padding-top: 10px;
}

.caja1 {
  display: grid;
  position: relative;
  margin: 20px 90px;
  place-items: center;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: auto;
}

.logo-dts2 {
  height: 100%;
  max-height: 70px;
  float: left;
}

.menu-list {
  display: flex;
  align-items: center;
}

.ulHeader {
  position: absolute;
  right: 100px;
  display: flex;
}

.ulHeader li {
  display: inline;
}

.liHeader {
  color: #fff;
  margin: 10px;
}

.liHeader:hover {
  color: #2fbfeb;
}

.nav-button {
  display: none;
  background: none;
  border: none;
  font-size: 20px;
  color: white;
  cursor: pointer;
  z-index: 11;
}

.nav-divider {
  width: 1px;
  height: 22px;
  background-color: #e4ebf3;
  margin-left: 15px;
  margin-right: 15px;
}

.buttonLanguage {
  color: #fff;
  font-family: Merriweather, serif;
  font-size: 17px;
  background-color: #0a60bc;
  background-image: linear-gradient(#00000080, #00000080);
  border: none;
  cursor: pointer;
}

.buttonLanguage:hover {
  background-color: #0a60bc;
  color: #2fbfeb;
}

/*MENU DE LENGUAJES*/

.languageContainer {
  position: relative;
}

.menuLanguage {
  display: none;
}

.menuLanguage.active {
  display: block;
  position: absolute;
  background-color: #f5f7fa;
  list-style: none;
  padding: 10px 0;
  margin: 0;
  top: 100%;
  left: 0;
  width: 150px;
  z-index: 999;
}

/*  display: block; */

.menuLanguage li a {
  display: block;
  padding: 12px 14px;
  color: #0a60bc;
  text-decoration: none;
}

.menuLanguage li a:hover {
  color: #f5f7fa;
  background-color: #09488c;
}

/*MENU DE LENGUAJES*/

/* HEADER */

/* CONTENIDO */

#FCT {
  color: #fff;
  padding: 25px 50px;
  display: grid;
  grid-template-columns: 10fr 3fr 3fr;
  align-items: center;
}

.vision {
  max-width: 28vw;
  margin: 0;
}

#ICT {
  color: #fff;
  padding: 20px 50px;
  display: grid;
  grid-template-columns: 2fr 3fr;
  align-items: center;
  margin-top: -40px;
}

#ict-img-up {
  display: block;
}

#ict-img-down {
  display: none;
}

#automation {
  color: #000;
  background-color: #fff;
  margin-left: 100px;
  margin-right: 100px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 20PX;
  align-items: center;
}

#soluciones {
  color: white;
  background-color: #0a60bc;
  background-image: linear-gradient(#00000080, #00000080);
  margin-left: 100px;
  margin-right: 100px;
  display: grid;
  grid-template-columns: 5fr 4fr;
  padding: 20PX;
  align-items: center;
}

#machining {
  color: #000;
  padding: 20px 50px;
  display: grid;
  grid-template-columns: 3fr 2fr;
  align-items: center;
}

.texto h1 {
  text-align: center;
}

.texto ul {
  text-align: center;
  list-style: none;
}

/* FOOTER */

.footer {
  color: #fff;
  background-color: #0a60bc;
  background-image: linear-gradient(#00000080, #00000080);
  margin-bottom: auto;
  padding: 20px 100px;
}

.content-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.footer-legal-link {
  color: #e4ebf3;
  margin-left: 30px;
}

.footer-legal-link:hover {
  color: #0a60bc;
}

/* FOOTER */

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

  /* HEADER */

  .caja1 {
    margin: 0;
    margin-top: 10px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .nav-button {
    display: block;
    margin: auto;
    color: white;
    font-size: 20px;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }

  /* MENU DESPLEGABLE */

  .ulHeader {
    display: none;
  }

  .ulHeader.active {
    display: block;
    color: #0a60bc;
    background-color: white;
    width: 35vw;
    list-style: none;
    padding: 0;
    margin-top: 300px;
    justify-content: center;
    border-radius: 15px
  }

  .ulHeader li {
    display: block;
    text-align: center;
    padding: 8px 0;
  }

  .nav-divider {
    display: none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
  }

  .liHeader {
    color: #0a60bc;
    text-align: center;
    margin-top: 10px;
  }

  .buttonLanguage {
    border-radius: 5px;
    padding: 7px;
  }

  .menuLanguage {
    max-width: 35vw;
    border-radius: 10px;
  }

  /* menu desplegable */

  /* Header */

  /* CONTENIDO */

  .texto {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  #FCT {
    width: 100vw;
    display: block;
    padding: 0;
  }

  #FCT .vision {
    max-width: 90%;
    margin: 20px auto;
  }

  #FCT .vision img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
  }

  #ICT {
    width: 100vw;
    display: block;
    margin-top: 0;
    padding: 0;
  }

  #ict-img-up {
    display: none;
  }

  #ict-img-down {
    display: block;
  }

  #ICT .img {
    max-width: 90%;
    margin: 20px auto;
  }

  #ICT .img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
  }

  #automation {
    width: 100vw;
    display: block;
    margin: 0;
    padding: 0;
  }

  #automation img {
    margin: 0;
    max-width: 100%;
  }

  #machining {
    display: block;
    margin: 0;
    padding: 0;
    width: 100vw;
  }

  #machining img {
    margin: 0;
    padding: 0;
    width: 100vw;
  }

  #soluciones {
    margin: 0;
    padding: 0;
  }

  /* contenido */

  /* FOOTER */

  .footer {
    padding: 20px 3vw;
  }

  .footer a {
    display: block;
    margin: 10px auto;
    color: #fff;
  }

  .content-divider {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }

  /* footer */
}