@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&display=swap");
.menuDeploy {
  position: fixed;
  display: none;
  height: 100vh;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  overflow-y: scroll;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  animation: deploy 0.5s forwards;
  animation-timing-function: ease-in-out;
}

@keyframes deploy {
  0% {
    border-top-right-radius: 100%;
    border-top-left-radius: 100%;
    transform: translateY(100%);
  }
  100% {
    border-top-right-radius: 0%;
    border-top-left-radius: 0%;
    transform: translateY(0%);
  }
}

.menuDeploy h3 {
  width: 50%;
  color: #ffffff !important;
  border-color: #ffffff !important;
  border-left: solid 8px #336699;
  color: #336699;
  font-weight: 900;
  padding-left: 1%;
  margin-left: 0;
}

.menuDeploy input {
  width: 10%;
  font-size: 2rem;
  color: #ffffff;
  background-color: transparent;
  border: none;
}

.menuDeploy div h4 {
  color: #ffffff;
  margin-left: 6%;
}

.menuDeploy div ul {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: wrap;
  padding: 0;
}

.menuDeploy div ul li {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}

.menuDeploy div ul .opcionCarrera1 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera1 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera2 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera2 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera3 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera3 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera4 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera4 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera5 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera5 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera6 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera6 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera7 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera7 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera8 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera8 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera9 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera9 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera10 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera10 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera11 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera11 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera12 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera12 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera13 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera13 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera14 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera14 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera15 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera15 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera16 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera16 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera17 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera17 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera18 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera18 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera19 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera19 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera20 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera20 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera21 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera21 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera22 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera22 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera23 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera23 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera24 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera24 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera25 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera25 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera26 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera26 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera27 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera27 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera28 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera28 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera29 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera29 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera30 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera30 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera31 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera31 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera32 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera32 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera33 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera33 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera34 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera34 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera35 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera35 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera36 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera36 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera37 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera37 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera38 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera38 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera39 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera39 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera40 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuDeploy div ul .opcionCarrera40 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuDeploy div ul .opcionCarrera1 {
  background-color: #9dc44d;
}

.menuDeploy div ul .opcionCarrera2 {
  background-color: #9dc44d;
}

.menuDeploy div ul .opcionCarrera3 {
  background-color: #9dc44d;
}

.menuDeploy div ul .opcionCarrera4 {
  background-color: #9dc44d;
}

.menuDeploy div ul .opcionCarrera25 {
  background-color: #9dc44d;
}

.menuDeploy div ul .opcionCarrera5 {
  background-color: #f4a628;
}

.menuDeploy div ul .opcionCarrera6 {
  background-color: #f4a628;
}

.menuDeploy div ul .opcionCarrera7 {
  background-color: #f4a628;
}

.menuDeploy div ul .opcionCarrera20 {
  background-color: #f4a628;
}

.menuDeploy div ul .opcionCarrera21 {
  background-color: #f4a628;
}

.menuDeploy div ul .opcionCarrera22 {
  background-color: #f4a628;
}

.menuDeploy div ul .opcionCarrera23 {
  background-color: #f4a628;
}

.menuDeploy div ul .opcionCarrera24 {
  background-color: #f4a628;
}

.menuDeploy div ul .opcionCarrera8 {
  background-color: #a32321;
}

.menuDeploy div ul .opcionCarrera9 {
  background-color: #a32321;
}

.menuDeploy div ul .opcionCarrera10 {
  background-color: #135f9b;
}

.menuDeploy div ul .opcionCarrera11 {
  background-color: #135f9b;
}

.menuDeploy div ul .opcionCarrera12 {
  background-color: #135f9b;
}

.menuDeploy div ul .opcionCarrera13 {
  background-color: #135f9b;
}

.menuDeploy div ul .opcionCarrera17 {
  background-color: #135f9b;
}

.menuDeploy div ul .opcionCarrera26 {
  background-color: #135f9b;
}

.menuDeploy div ul .opcionCarrera27 {
  background-color: #135f9b;
}

.menuDeploy div ul .opcionCarrera28 {
  background-color: #135f9b;
}

.menuDeploy div ul .opcionCarrera29 {
  background-color: #135f9b;
}

.menuDeploy div ul .opcionCarrera14 {
  background-color: #8b3485;
}

.menuDeploy div ul .opcionCarrera15 {
  background-color: #8b3485;
}

.menuDeploy div ul .opcionCarrera16 {
  background-color: #8b3485;
}

.menuDeploy div ul .opcionCarrera18 {
  background-color: #8b3485;
}

.menuDeploy div ul .opcionCarrera19 {
  background-color: #8b3485;
}

.menuDeploy div ul .opcionCarrera30 {
  background-color: #ff008c;
}

.menuDeploy div ul .opcionCarrera31 {
  background-color: #ff008c;
}

.menuDeploy div ul .opcionCarrera32 {
  background-color: #ff008c;
}

.menuDeploy div ul .opcionCarrera33 {
  background-color: #ff008c;
}

.menuDeploy div ul .opcionCarrera34 {
  background-color: #ff008c;
}

.menuDeploy div ul .opcionCarrera35 {
  background-color: #ff008c;
}

.menuDeploy div ul .opcionCarrera36 {
  background-color: #ff008c;
}

.menuDeploy div ul .opcionCarrera37 {
  background-color: #ff008c;
}

.menuDeploy div ul .opcionCarrera38 {
  background-color: #ff008c;
}

@media (min-width: 1200px) {
  .menuDeploy {
    position: fixed;
    height: 100vh;
  }
  .menuDeploy h3 {
    width: 50%;
    color: #ffffff !important;
    border-color: #ffffff !important;
    margin-left: 6% !important;
    border-left: solid 8px #336699;
    color: #336699;
    font-weight: 900;
    padding-left: 1%;
    margin-left: 0;
  }
  .menuDeploy input {
    width: 10%;
    font-size: 2rem;
    color: #ffffff;
    background-color: transparent;
    border: none;
  }
  .menuDeploy div {
    top: 0;
  }
  .menuDeploy div ul .opcionCarrera1 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera2 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera3 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera4 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera5 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera6 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera7 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera8 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera9 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera10 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera11 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera12 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera13 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera14 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera15 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera16 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera17 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera18 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera19 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera20 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera21 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera22 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera23 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera24 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera25 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera26 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera27 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera28 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera29 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera30 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera31 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera32 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera33 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera34 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera35 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera36 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera37 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera38 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera39 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuDeploy div ul .opcionCarrera40 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
}

.menuPosgradoDeploy {
  position: fixed;
  display: none;
  height: 100vh;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  overflow-y: scroll;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  animation: posgrado 0.5s forwards;
  animation-timing-function: ease-in-out;
}

@keyframes posgrado {
  0% {
    border-top-right-radius: 100%;
    border-top-left-radius: 100%;
    transform: translateY(100%);
  }
  100% {
    border-top-right-radius: 0%;
    border-top-left-radius: 0%;
    transform: translateY(0%);
  }
}

.menuPosgradoDeploy h3 {
  width: 50%;
  color: #ffffff !important;
  border-color: #ffffff !important;
  border-left: solid 8px #336699;
  color: #336699;
  font-weight: 900;
  padding-left: 1%;
  margin-left: 0;
}

.menuPosgradoDeploy input {
  width: 10%;
  font-size: 2rem;
  color: #ffffff;
  background-color: transparent;
  border: none;
}

.menuPosgradoDeploy div h4 {
  color: #ffffff;
  margin-left: 6%;
}

.menuPosgradoDeploy div ul {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: wrap;
  padding: 0;
}

.menuPosgradoDeploy div ul li {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}

.menuPosgradoDeploy div ul .opcionCarrera1 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera1 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera2 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera2 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera3 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera3 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera4 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera4 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera5 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera5 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera6 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera6 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera7 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera7 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera8 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera8 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera9 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera9 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera10 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera10 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera11 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera11 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera12 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera12 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera13 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera13 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera14 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera14 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera15 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera15 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera16 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera16 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera17 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera17 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera18 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera18 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera19 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera19 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera20 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera20 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera21 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera21 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera22 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera22 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera23 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera23 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera24 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera24 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera25 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera25 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera26 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera26 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera27 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera27 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera28 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera28 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera29 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera29 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera30 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera30 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera31 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera31 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera32 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera32 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera33 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera33 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera34 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera34 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera35 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera35 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera36 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera36 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera37 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera37 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera38 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera38 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera39 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera39 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera40 {
  list-style: none;
  text-align: center;
  width: 48%;
  height: 7rem;
  font-weight: 700;
  font-size: 0.8rem;
  margin: 1%;
}

.menuPosgradoDeploy div ul .opcionCarrera40 a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.menuPosgradoDeploy div ul .opcionCarrera1 {
  background-color: #9dc44d;
}

.menuPosgradoDeploy div ul .opcionCarrera2 {
  background-color: #9dc44d;
}

.menuPosgradoDeploy div ul .opcionCarrera3 {
  background-color: #9dc44d;
}

.menuPosgradoDeploy div ul .opcionCarrera4 {
  background-color: #9dc44d;
}

.menuPosgradoDeploy div ul .opcionCarrera25 {
  background-color: #9dc44d;
}

.menuPosgradoDeploy div ul .opcionCarrera5 {
  background-color: #f4a628;
}

.menuPosgradoDeploy div ul .opcionCarrera6 {
  background-color: #f4a628;
}

.menuPosgradoDeploy div ul .opcionCarrera7 {
  background-color: #f4a628;
}

.menuPosgradoDeploy div ul .opcionCarrera20 {
  background-color: #f4a628;
}

.menuPosgradoDeploy div ul .opcionCarrera21 {
  background-color: #f4a628;
}

.menuPosgradoDeploy div ul .opcionCarrera22 {
  background-color: #f4a628;
}

.menuPosgradoDeploy div ul .opcionCarrera23 {
  background-color: #f4a628;
}

.menuPosgradoDeploy div ul .opcionCarrera24 {
  background-color: #f4a628;
}

.menuPosgradoDeploy div ul .opcionCarrera8 {
  background-color: #a32321;
}

.menuPosgradoDeploy div ul .opcionCarrera9 {
  background-color: #a32321;
}

.menuPosgradoDeploy div ul .opcionCarrera10 {
  background-color: #135f9b;
}

.menuPosgradoDeploy div ul .opcionCarrera11 {
  background-color: #135f9b;
}

.menuPosgradoDeploy div ul .opcionCarrera12 {
  background-color: #135f9b;
}

.menuPosgradoDeploy div ul .opcionCarrera13 {
  background-color: #135f9b;
}

.menuPosgradoDeploy div ul .opcionCarrera17 {
  background-color: #135f9b;
}

.menuPosgradoDeploy div ul .opcionCarrera26 {
  background-color: #135f9b;
}

.menuPosgradoDeploy div ul .opcionCarrera27 {
  background-color: #135f9b;
}

.menuPosgradoDeploy div ul .opcionCarrera28 {
  background-color: #135f9b;
}

.menuPosgradoDeploy div ul .opcionCarrera29 {
  background-color: #135f9b;
}

.menuPosgradoDeploy div ul .opcionCarrera14 {
  background-color: #8b3485;
}

.menuPosgradoDeploy div ul .opcionCarrera15 {
  background-color: #8b3485;
}

.menuPosgradoDeploy div ul .opcionCarrera16 {
  background-color: #8b3485;
}

.menuPosgradoDeploy div ul .opcionCarrera18 {
  background-color: #8b3485;
}

.menuPosgradoDeploy div ul .opcionCarrera19 {
  background-color: #8b3485;
}

.menuPosgradoDeploy div ul .opcionCarrera30 {
  background-color: #ff008c;
}

.menuPosgradoDeploy div ul .opcionCarrera31 {
  background-color: #ff008c;
}

.menuPosgradoDeploy div ul .opcionCarrera32 {
  background-color: #ff008c;
}

.menuPosgradoDeploy div ul .opcionCarrera33 {
  background-color: #ff008c;
}

.menuPosgradoDeploy div ul .opcionCarrera34 {
  background-color: #ff008c;
}

.menuPosgradoDeploy div ul .opcionCarrera35 {
  background-color: #ff008c;
}

.menuPosgradoDeploy div ul .opcionCarrera36 {
  background-color: #ff008c;
}

.menuPosgradoDeploy div ul .opcionCarrera37 {
  background-color: #ff008c;
}

.menuPosgradoDeploy div ul .opcionCarrera38 {
  background-color: #ff008c;
}

@media (min-width: 1200px) {
  .menuPosgradoDeploy {
    position: fixed;
    height: 100vh;
  }
  .menuPosgradoDeploy h3 {
    width: 50%;
    color: #ffffff !important;
    border-color: #ffffff !important;
    margin-left: 6% !important;
    border-left: solid 8px #336699;
    color: #336699;
    font-weight: 900;
    padding-left: 1%;
    margin-left: 0;
  }
  .menuPosgradoDeploy input {
    width: 10%;
    font-size: 2rem;
    color: #ffffff;
    background-color: transparent;
    border: none;
  }
  .menuPosgradoDeploy div {
    top: 0;
  }
  .menuPosgradoDeploy div ul .opcionCarrera1 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera2 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera3 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera4 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera5 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera6 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera7 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera8 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera9 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera10 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera11 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera12 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera13 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera14 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera15 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera16 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera17 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera18 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera19 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera20 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera21 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera22 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera23 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera24 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera25 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera26 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera27 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera28 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera29 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera30 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera31 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera32 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera33 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera34 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera35 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera36 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera37 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera38 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera39 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
  .menuPosgradoDeploy div ul .opcionCarrera40 {
    width: 13%;
    font-size: 1rem;
    margin: 1%;
  }
}

* {
  padding: 0;
  margin: 0;
}

.contenedorCarrera {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 0;
  margin: 0;
  /*.contenedorForm {
		width: 100%;
		height: 70vh;
		padding: 5%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: $gradienteCuenca;
		border-radius: 15px;
		@include sombras();

		p {
			font-weight: 700;
			color: white;
		}

		div {
			display: flex;
			flex-direction: column;
			position: relative;
			margin: 0;
			padding: 0;
			label {
				color: white;
			}
		}

		.numeroTelefono {
			label {
				width: 100%;
			}

			div {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				select {
					width: 30%;
				}

				.area {
					width: 20%;
				}

				.numeroEnteroTel {
					width: 45%;
				}
			}
		}

		label {
			color: black;
		}
		.boton {
			margin-top: 5%;
			@include botones();
		}
	}*/
}

.contenedorCarrera h1 {
  width: 100%;
  font-size: 2.5rem;
  margin: 35% 0% 3% 0%;
  border-left: solid 8px #336699;
  color: #336699;
  font-weight: 900;
  padding-left: 1%;
  margin-left: 0;
}

.contenedorCarrera .contenedorVideo {
  width: 100%;
}

.contenedorCarrera .contenedorVideo iframe {
  width: 100%;
  height: 70vh;
}

.contenedorCarrera .contenedorVideo video {
  width: 100%;
  height: 70vh;
}

.contenedorCarrera .contenedorEspecificaciones {
  width: 100%;
  padding: 5%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

.contenedorCarrera .contenedorEspecificaciones .box {
  width: 100%;
  height: 10vh;
  margin: 2% 0% 2% 0%;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  border-left: solid 5px #336699;
  box-shadow: 7px 7px 18px -10px rgba(0, 0, 0, 0.75);
}

.contenedorCarrera .contenedorEspecificaciones .box img {
  width: 25%;
}

.contenedorCarrera .contenedorEspecificaciones .box .box-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
}

.contenedorCarrera .contenedorEspecificaciones .box .box-content p {
  margin: 0% 0% 0% 3%;
  padding: 0;
  text-align: left;
}

.contenedorCarrera .contenedorEspecificaciones .box .box-content span {
  margin: 0% 0% 0% 3%;
  padding: 0;
  line-height: 1;
  font-weight: 700;
}

.contenedorCarrera .cerrarModal1,
.contenedorCarrera .cerrarModal2,
.contenedorCarrera .cerrarModal3 {
  width: 5%;
  height: 7vh;
  padding: 0;
  margin: 0;
  display: none;
  font-size: 2rem;
  background: none;
  border: none;
  border-radius: 50%;
  color: #336699;
}

.contenedorCarrera .contenedorCaracteristica {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contenedorCarrera .contenedorCaracteristica .modalCaracteristica1,
.contenedorCarrera .contenedorCaracteristica .modalCaracteristica2,
.contenedorCarrera .contenedorCaracteristica .modalCaracteristica3 {
  width: 100%;
  padding: 1%;
  margin: 1%;
  display: flex;
  flex-direction: column;
  border-radius: 2%;
  cursor: pointer;
}

.contenedorCarrera .contenedorCaracteristica .modalCaracteristica1 img,
.contenedorCarrera .contenedorCaracteristica .modalCaracteristica2 img,
.contenedorCarrera .contenedorCaracteristica .modalCaracteristica3 img {
  width: 100%;
  border-radius: 2%;
}

.contenedorCarrera .contenedorCaracteristica .modalCaracteristica1 .textoCaracteristica,
.contenedorCarrera .contenedorCaracteristica .modalCaracteristica2 .textoCaracteristica,
.contenedorCarrera .contenedorCaracteristica .modalCaracteristica3 .textoCaracteristica {
  width: 100%;
}

.contenedorCarrera .contenedorCaracteristica .modalCaracteristica1 .textoCaracteristica h3,
.contenedorCarrera .contenedorCaracteristica .modalCaracteristica2 .textoCaracteristica h3,
.contenedorCarrera .contenedorCaracteristica .modalCaracteristica3 .textoCaracteristica h3 {
  width: 100%;
  text-align: center;
  font-weight: 700;
  color: #336699;
}

.contenedorCarrera .contenedorCaracteristica .modalCaracteristica1 .textoCaracteristica p,
.contenedorCarrera .contenedorCaracteristica .modalCaracteristica2 .textoCaracteristica p,
.contenedorCarrera .contenedorCaracteristica .modalCaracteristica3 .textoCaracteristica p {
  display: none;
}

.contenedorCarrera .contenedorCaracteristica .activeCaracteristica {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 2%;
}

.contenedorCarrera .contenedorCaracteristica .activeCaracteristica img {
  width: 100%;
  height: 30vh;
  border-radius: 2%;
}

.contenedorCarrera .contenedorCaracteristica .activeCaracteristica .textoCaracteristica {
  width: 100%;
  margin-left: 25px;
}

.contenedorCarrera .contenedorCaracteristica .activeCaracteristica .textoCaracteristica h3 {
  width: 100%;
  text-align: center;
  font-weight: 700;
  color: #336699;
}

.contenedorCarrera .contenedorCaracteristica .activeCaracteristica .textoCaracteristica p {
  width: 100%;
  display: block;
  color: #336699;
}

.contenedorCarrera .form-sidebar-contact {
  width: 100%;
  padding: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(to right, #8cbf44 0%, #009f97 100%);
  border-radius: 15px;
  box-shadow: 7px 7px 18px -10px rgba(0, 0, 0, 0.75);
}

.contenedorCarrera .form-sidebar-contact span {
  color: #fff;
  display: block;
  text-align: center;
  font-size: 17px;
  padding: 15px 0;
}

.contenedorCarrera .form-sidebar-contact .form-group {
  margin-bottom: auto;
}

.contenedorCarrera .form-sidebar-contact .form-group span {
  font-size: 12px;
}

.contenedorCarrera .form-sidebar-contact .form-group label {
  width: 100%;
  color: white;
}

.contenedorCarrera .form-sidebar-contact .form-group label .numeroTelefono {
  margin-left: 0.5rem;
}

.contenedorCarrera .form-sidebar-contact input.ui-autocomplete-input {
  width: 100% !important;
  height: 36px !important;
}

.contenedorCarrera .form-sidebar-contact input {
  background: #fff;
  border: #cccccc;
  color: #999999 !important;
  border-radius: 0.5rem !important;
  font-size: 12px;
  padding: 0 0 0 2px;
  margin-bottom: 0.5rem;
}

.contenedorCarrera .form-sidebar-contact input[type="submit"] {
  margin-top: 5%;
  width: 100%;
  border: none;
  border-radius: 1rem;
  padding: 2%;
  color: white !important;
  font-weight: 900;
  background-color: #336699;
  border-radius: 1rem !important;
}

.contenedorCarrera .form-sidebar-contact select {
  background: #fff;
  border: #cccccc;
  color: #999999 !important;
  border-radius: 0.5rem !important;
  font-size: 12px;
  padding: 0 0 0 2px;
  margin-bottom: 0.5rem;
}

.contenedorCarrera ul.ui-autocomplete {
  font-size: 1.2em;
  color: #999999 !important;
}

.contenedorCarrera .wpcf7-form div.alert-warning,
.contenedorCarrera .wpcf7-form div.alert-success {
  clear: both !important;
  padding: 0 !important;
  position: relative;
}

@media screen and (min-width: 1200px) {
  .contenedorCarrera {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2%;
  }
  .contenedorCarrera h1 {
    display: block;
    width: 100%;
    font-size: 3rem;
    margin: 5% 0% 3% 0%;
    border-left: solid 8px #336699;
    color: #336699;
    font-weight: 900;
    padding-left: 1%;
    margin-left: 0;
  }
  .contenedorCarrera .contenedorVideo {
    width: 60%;
  }
  .contenedorCarrera .contenedorVideo iframe {
    width: 100%;
  }
  .contenedorCarrera .contenedorEspecificaciones {
    width: 100%;
    margin: 2% auto;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    background-color: #ffffff;
  }
  .contenedorCarrera .contenedorEspecificaciones .box {
    width: 100%;
    height: 15vh;
    margin: 0;
    padding: 0% 2% 0% 2%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-left: solid 5px #336699;
  }
  .contenedorCarrera .contenedorEspecificaciones .box img {
    width: 20%;
  }
  .contenedorCarrera .contenedorEspecificaciones .box .box-content {
    width: 67%;
  }
  .contenedorCarrera .contenedorEspecificaciones .box .box-content p {
    width: 100%;
    margin: 0rem 1rem 0rem 0rem;
    line-height: 0.9;
    padding: 0;
    text-align: left;
  }
  .contenedorCarrera .contenedorEspecificaciones .box .box-content span {
    width: 100%;
    display: block;
    margin: 0rem 1rem 0rem 0rem;
    padding: 0;
    line-height: 1;
    font-weight: 700;
  }
  .contenedorCarrera .contenedorCaracteristica {
    width: 100%;
    margin: 2%;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica1,
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica2,
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica3 {
    width: 15%;
    padding: 1%;
    margin: 1%;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 2%;
    cursor: pointer;
  }
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica1 img,
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica2 img,
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica3 img {
    width: 100%;
    border-radius: 2%;
  }
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica1 .textoCaracteristica,
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica2 .textoCaracteristica,
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica3 .textoCaracteristica {
    width: 100%;
  }
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica1 .textoCaracteristica h3,
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica2 .textoCaracteristica h3,
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica3 .textoCaracteristica h3 {
    text-align: center;
    font-weight: 700;
    color: #336699;
  }
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica1 .textoCaracteristica div,
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica2 .textoCaracteristica div,
  .contenedorCarrera .contenedorCaracteristica .modalCaracteristica3 .textoCaracteristica div {
    display: none;
  }
  .contenedorCarrera .contenedorCaracteristica .cerrarModal1,
  .contenedorCarrera .contenedorCaracteristica .cerrarModal2,
  .contenedorCarrera .contenedorCaracteristica .cerrarModal3 {
    width: 5%;
    height: 7vh;
    padding: 0;
    margin: 0;
    display: none;
    font-size: 2rem;
    background: none;
    border: none;
    border-radius: 50%;
    color: #336699;
  }
  .contenedorCarrera .contenedorCaracteristica .activeCaracteristica {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 2%;
  }
  .contenedorCarrera .contenedorCaracteristica .activeCaracteristica img {
    width: 30%;
    height: 30vh;
    border-radius: 2%;
  }
  .contenedorCarrera .contenedorCaracteristica .activeCaracteristica .textoCaracteristica {
    width: 100%;
  }
  .contenedorCarrera .contenedorCaracteristica .activeCaracteristica .textoCaracteristica h3 {
    width: 100%;
    text-align: left;
    font-weight: 700;
    color: #336699;
  }
  .contenedorCarrera .contenedorCaracteristica .activeCaracteristica .textoCaracteristica div {
    width: 100%;
    display: block;
    color: #336699;
  }
}

.page {
  /* Pages Sedes */
}

.page main {
  margin-top: 4.5rem;
  /* Responsive layout - makes a one column layout instead of a two-column layout */
}

.page main .content-container {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}

.page main .content a:link,
.page main .content a:visited {
  color: black;
  padding: 10px 0;
  text-align: left;
  text-decoration: none;
  display: inline-block;
}

.page main .content a:hover,
.page main .content a:active {
  color: grey;
}

.page main .content h2 {
  font-size: 1.3em;
}

.page main .content #load-more {
  width: 10em;
  border-radius: 2px;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
  padding: 5px;
  text-transform: uppercase;
  margin-bottom: 2em;
}

.page main .sidebar {
  flex: 25%;
}

@media (max-width: 800px) {
  .page main .content,
  .page main .sidebar {
    flex: 100%;
  }
}

.page .list-contacto {
  list-style: none;
}

.page .list-contacto li {
  padding: 15px;
  border-bottom: 1px solid #CCC;
  margin: 10px;
}

.page .list-contacto li.dire div {
  background: url(../img/facultad_carrera.png) no-repeat;
  padding: 10px 0px 5px 48px;
  background-size: contain;
}

.page .list-contacto li.tel div {
  background: url(../img/icon-phone.png) no-repeat;
  padding: 5px 0px 5px 48px;
  background-size: contain;
}

.page .list-contacto li.wp div {
  background: url(../img/icon-whatsapp.png) no-repeat;
  padding: 5px 0px 5px 48px;
  background-size: contain;
}

.page .list-contacto li.Facebook a {
  background: url(../img/icon-fb.png) no-repeat;
  padding: 5px 0px 5px 48px;
  background-size: contain;
  color: #4D4D4D;
}

.page .list-contacto li.sedes a {
  background: url(../img/sedes-contacto.png) no-repeat;
  padding: 5px 0px 5px 48px;
  background-size: contain;
  color: #4D4D4D;
}

.page .contenedorForm {
  width: 100%;
  height: 70vh;
  padding: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(to right, #8cbf44 0%, #009f97 100%);
  border-radius: 15px;
  box-shadow: 7px 7px 18px -10px rgba(0, 0, 0, 0.75);
}

.page .contenedorForm p {
  font-weight: 700;
  color: white;
}

.page .contenedorForm div {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 0;
}

.page .contenedorForm div label {
  color: white;
}

.page .contenedorForm .numeroTelefono label {
  width: 100%;
}

.page .contenedorForm .numeroTelefono div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.page .contenedorForm .numeroTelefono div select {
  width: 30%;
}

.page .contenedorForm .numeroTelefono div .area {
  width: 20%;
}

.page .contenedorForm .numeroTelefono div .numeroEnteroTel {
  width: 45%;
}

.page .contenedorForm label {
  color: black;
}

.page .contenedorForm .boton {
  margin-top: 5%;
  border: none;
  border-radius: 1rem;
  padding: 2%;
  color: white !important;
  font-weight: 900;
  background-color: #336699;
}

.page ul.list-sedes,
.page ul.list-sede-all {
  list-style: none;
  margin-top: -75px;
}

.page .sede-block,
.page ul.list-sede-all .sede-block {
  padding: 15px;
  border: 1px solid #ccc;
  margin: 10px;
}

.page .sede-block.active,
.page ul.list-sede-all .sede-block {
  background: url(../img/bg_lista_sedes.jpg);
  background-size: cover;
}

.page .sede-block.active a,
.page ul.list-sede-all .sede-block a {
  color: #fff;
}

.page a.link-sede {
  text-transform: uppercase;
  text-decoration: none;
  background: url(../img/facultad_carrera.png) no-repeat;
  color: #666666;
  padding: 10px 0px 2px 48px;
  font-size: 14px;
  background-size: contain;
}

.page .sede-block.active a.link-sede,
.page ul.list-sede-all .sede-block a.link-sede {
  background: url(../img/bg_lista_sedes_active.png) no-repeat;
  padding: 10px 0px 6px 48px;
  background-size: contain;
}

.page .list-map-all {
  display: none;
}

.page .display-map-all {
  position: absolute;
  top: 79px;
  display: block !important;
}

.page .form-sidebar-contact {
  width: 100%;
  padding: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(to right, #8cbf44 0%, #009f97 100%);
  border-radius: 15px;
  box-shadow: 7px 7px 18px -10px rgba(0, 0, 0, 0.75);
}

.page .form-sidebar-contact span {
  color: #FFF;
  display: block;
  text-align: center;
  font-size: 17px;
  padding: 15px 0;
}

.page .form-sidebar-contact .form-group {
  margin-bottom: auto;
}

.page .form-sidebar-contact .form-group span {
  font-size: 12px;
}

.page .form-sidebar-contact .form-group label {
  width: 100%;
  color: white;
}

.page .form-sidebar-contact .form-group label .numeroTelefono {
  margin-left: .5rem;
}

.page .form-sidebar-contact input.ui-autocomplete-input {
  width: 100% !important;
  height: 36px !important;
}

.page .form-sidebar-contact input {
  background: #FFF;
  border: #CCCCCC;
  color: #999999 !important;
  border-radius: .5rem !important;
  font-size: 12px;
  padding: 0 0 0 2px;
  margin-bottom: .5rem;
}

.page .form-sidebar-contact input[type="submit"] {
  margin-top: 5%;
  width: 100%;
  border: none;
  border-radius: 1rem;
  padding: 2%;
  color: white !important;
  font-weight: 900;
  background-color: #336699;
  border-radius: 1rem !important;
}

.page .form-sidebar-contact select {
  background: #FFF;
  border: #CCCCCC;
  color: #999999 !important;
  border-radius: .5rem !important;
  font-size: 12px;
  padding: 0 0 0 2px;
  margin-bottom: .5rem;
}

.page ul.ui-autocomplete {
  font-size: 1.2em;
  color: #999999 !important;
}

.page .wpcf7-form div.alert-warning, .page .wpcf7-form div.alert-success {
  clear: both !important;
  padding: 0 !important;
  position: relative;
}

/* Page Identidad */
.page-template-identidad .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  margin-bottom: 20px;
}

.page-template-identidad .card h2 {
  text-align: left;
  background: #39a4dc;
  font-size: 1.5rem;
  padding: 10px 10px 10px 20px;
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
}

.page-template-identidad .no-padding {
  padding: 0;
  margin: 0;
}

.page-template-identidad .content {
  margin-left: 0;
  width: 100%;
  padding-right: 0;
}

.page-template-identidad .content .col-md-3 {
  margin-left: 0;
  padding-left: 0;
}

.page-template-identidad .content .card-body p {
  margin: 5px 10px;
  font-size: 12px;
}

.page-template-identidad .content .list-check li {
  list-style: none;
  width: 100%;
  background: #ccc;
  padding: 10px 11px 10px 10px;
  margin: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #666666;
}

.page-template-identidad .content .form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
  float: right;
}

.page-template-identidad .content input[type="checkbox"],
.page-template-identidad .content input[type="radio"] {
  position: absolute;
  right: 9000px;
}

.page-template-identidad .content input[type="checkbox"] + .label-text:before {
  content: "\f096";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 5px;
  padding: 1px;
  border-radius: 3px;
  font-size: 20px;
}

.page-template-identidad .content input[type="checkbox"]:checked + .label-text:before {
  content: "\f14a";
  color: #2980b9;
  animation: effect 250ms ease-in;
}

.page-template-identidad .content form {
  width: 100%;
  display: block;
}

@keyframes effect {
  0% {
    transform: scale(0);
  }
  25% {
    transform: scale(1.3);
  }
  75% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}

.page-template-identidad .content .d-todo,
.page-template-identidad .content .d-seccionados {
  background: #70b361;
  margin-top: 15px;
}

.page-template-identidad .content .d-todo,
.page-template-identidad .content .d-seccionados,
.page-template-identidad .content .d-todo:hover,
.page-template-identidad .content .d-seccionados:hover {
  color: #476d3d;
}

.page-template-identidad .content .d-todo.disable-bot,
.page-template-identidad .content .d-seccionados.disable-bot,
.page-template-identidad .content .d-todo.disable-bot:hover,
.page-template-identidad .content .d-seccionados.disable-bot:hover {
  color: #fff;
  background: #ccc;
  border-color: #ccc;
  opacity: 0.5;
  text-decoration: none;
}

.page-template-page-full-php {
  /* Page contacto */
}

.page-template-page-full-php .wpcf7-form input,
.page-template-page-full-php .wpcf7-form select,
.page-template-page-full-php .wpcf7-form textarea {
  background: #dddddd;
  border: #cccccc;
  color: #4d4d4d !important;
  border-radius: 0 !important;
}

.page-template-page-full-php .wpcf7-form input[type="submit"] {
  background: url(../img/bg_btn_contacto.png) no-repeat;
  color: #ffffff !important;
  width: 127px;
  height: 35px;
  font-size: 20px;
  padding: 0;
}

.page-template-page-full-php .form-sidebar-contact {
  padding: 0px 29px 0px;
  background: url(../img/bg_form_carreras.png);
  background-repeat: no-repeat;
  width: 86%;
  /*float: right;*/
  margin-top: 35px;
  background-size: cover;
  /*height: 305px;*/
  margin-bottom: 10px;
}

.page-template-page-full-php .form-sidebar-contact > span {
  color: #fff;
  display: block;
  text-align: center;
  font-size: 17px;
  padding: 15px 0;
}

.page-template-page-full-php .form-sidebar-contact .form-group span {
  font-size: 12px;
}

.page-template-page-full-php .form-sidebar-contact input.ui-autocomplete-input {
  width: 100% !important;
  height: 36px !important;
}

.page-template-page-full-php ul.ui-autocomplete {
  font-size: 1.2em;
  color: #999999 !important;
}

.page-template-page-full-php .wpcf7-form div.alert-warning,
.page-template-page-full-php .wpcf7-form div.alert-success {
  clear: both !important;
  padding: 0 !important;
  position: relative;
}

.page-template-page-full-php .form-sidebar-contact input {
  background: #fff;
  border: #cccccc;
  color: #999999 !important;
  border-radius: 0 !important;
  font-size: 12px;
  padding: 0 0 0 2px;
}

.page-template-page-full-php .form-sidebar-contact input[type="submit"] {
  background: #295933;
  color: #92c86a !important;
  width: 75px;
  height: 30px;
  font-size: 15px;
  padding: 0;
}

.page-template-page-full-php .form-sidebar-contact select {
  background: #fff;
  border: #cccccc;
  color: #999999 !important;
  border-radius: 0 !important;
  font-size: 12px;
  padding: 0 0 0 2px;
}

.page-template-page-full-php .list-contacto {
  list-style: none;
}

.page-template-page-full-php .list-contacto li {
  padding: 15px;
  border-bottom: 1px solid #ccc;
  margin: 10px;
}

.page-template-page-full-php .list-contacto li.dire div {
  background: url(../img/facultad_carrera.png) no-repeat;
  padding: 10px 0px 5px 48px;
  background-size: contain;
}

.page-template-page-full-php .list-contacto li.tel div {
  background: url(../img/icon-phone.png) no-repeat;
  padding: 5px 0px 5px 48px;
  background-size: contain;
}

.page-template-page-full-php .list-contacto li.wp div {
  background: url(../img/icon-whatsapp.png) no-repeat;
  padding: 5px 0px 5px 48px;
  background-size: contain;
  width: max-content;
}

.page-template-page-full-php .list-contacto li.Facebook a {
  background: url(../img/icon-fb.png) no-repeat;
  padding: 5px 0px 5px 48px;
  background-size: contain;
  color: #4d4d4d;
}

.page-template-page-full-php .list-contacto li.sedes a {
  background: url(../img/sedes-contacto.png) no-repeat;
  padding: 5px 0px 5px 48px;
  background-size: contain;
  color: #4d4d4d;
}

.single main {
  margin-top: 4.5rem;
  /* Responsive layout - makes a one column layout instead of a two-column layout */
}

.single main .content-container {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}

.single main .content a:link, .single main .content a:visited {
  color: black;
  padding: 10px 0;
  text-align: left;
  text-decoration: none;
  display: inline-block;
}

.single main .content a:hover, .single main .content a:active {
  color: grey;
}

.single main .content h2 {
  font-size: 1.3em;
}

.single main .content #load-more {
  width: 10em;
  border-radius: 2px;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
  padding: 5px;
  text-transform: uppercase;
  margin-bottom: 2em;
}

.single main .sidebar {
  flex: 25%;
}

@media (max-width: 800px) {
  .single main .content, .single main .sidebar {
    flex: 100%;
  }
}

.single .form-sidebar-contact {
  width: 100%;
  padding: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(to right, #8cbf44 0%, #009f97 100%);
  border-radius: 15px;
  box-shadow: 7px 7px 18px -10px rgba(0, 0, 0, 0.75);
}

.single .form-sidebar-contact span {
  color: #FFF;
  display: block;
  text-align: center;
  font-size: 17px;
  padding: 15px 0;
}

.single .form-sidebar-contact .form-group {
  margin-bottom: auto;
}

.single .form-sidebar-contact .form-group span {
  font-size: 12px;
}

.single .form-sidebar-contact .form-group label {
  width: 100%;
  color: white;
}

.single .form-sidebar-contact .form-group label .numeroTelefono {
  margin-left: .5rem;
}

.single .form-sidebar-contact input.ui-autocomplete-input {
  width: 100% !important;
  height: 36px !important;
}

.single .form-sidebar-contact input {
  background: #FFF;
  border: #CCCCCC;
  color: #999999 !important;
  border-radius: .5rem !important;
  font-size: 12px;
  padding: 0 0 0 2px;
  margin-bottom: .5rem;
}

.single .form-sidebar-contact input[type="submit"] {
  margin-top: 5%;
  width: 100%;
  border: none;
  border-radius: 1rem;
  padding: 2%;
  color: white !important;
  font-weight: 900;
  background-color: #336699;
  border-radius: 1rem !important;
}

.single .form-sidebar-contact select {
  background: #FFF;
  border: #CCCCCC;
  color: #999999 !important;
  border-radius: .5rem !important;
  font-size: 12px;
  padding: 0 0 0 2px;
  margin-bottom: .5rem;
}

.single ul.ui-autocomplete {
  font-size: 1.2em;
  color: #999999 !important;
}

.single .wpcf7-form div.alert-warning, .single .wpcf7-form div.alert-success {
  clear: both !important;
  padding: 0 !important;
  position: relative;
}

.single .contenedorForm {
  width: 100%;
  height: 70vh;
  padding: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(to right, #8cbf44 0%, #009f97 100%);
  border-radius: 15px;
  box-shadow: 7px 7px 18px -10px rgba(0, 0, 0, 0.75);
}

.single .contenedorForm p {
  font-weight: 700;
  color: white;
}

.single .contenedorForm div {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 0;
}

.single .contenedorForm div label {
  color: white;
}

.single .contenedorForm .numeroTelefono label {
  width: 100%;
}

.single .contenedorForm .numeroTelefono div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.single .contenedorForm .numeroTelefono div select {
  width: 30%;
}

.single .contenedorForm .numeroTelefono div .area {
  width: 20%;
}

.single .contenedorForm .numeroTelefono div .numeroEnteroTel {
  width: 45%;
}

.single .contenedorForm label {
  color: black;
}

.single .contenedorForm .boton {
  margin-top: 5%;
  border: none;
  border-radius: 1rem;
  padding: 2%;
  color: white !important;
  font-weight: 900;
  background-color: #336699;
}

* {
  padding: 0;
  margin: 0;
}

.contenedor-img-template {
  position: relative;
  width: 100%;
}

.contenedor-img-template h1 {
  position: absolute;
  font-size: 5rem;
  left: 15%;
  top: 15%;
  color: #ffffff;
  font-weight: 900;
  padding-left: 1%;
  margin-left: 0;
}

.contenedor-img-template img {
  width: 100%;
}

.contenedorNoticiasDesplegado {
  width: 60%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
}

.contenedorNoticiasDesplegado h2 {
  width: 100%;
  font-size: 2.5rem;
  margin: 0% 0% 3% 0%;
  border-left: solid 8px #336699;
  color: #336699;
  font-weight: 900;
  padding-left: 1%;
  margin-left: 0;
}

@media screen and (min-width: 1200px) {
  .contenedor-img-template {
    position: relative;
  }
  .contenedor-img-template h1 {
    position: absolute;
    font-size: 5rem;
    left: 15%;
    top: 15%;
    color: #ffffff;
    font-weight: 900;
    padding-left: 1%;
    margin-left: 0;
  }
  .contenedorNoticiasDesplegado {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0 auto;
  }
  .contenedorNoticiasDesplegado div {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .contenedorNoticiasDesplegado div h2 {
    width: 100%;
    font-size: 2.5rem;
    margin: 0% 0% 3% 0%;
    border-left: solid 8px #336699;
    color: #336699;
    font-weight: 900;
    padding-left: 1%;
    margin-left: 0;
  }
  .contenedorNoticiasDesplegado div img {
    width: 100%;
    height: 30vh;
  }
  .contenedorNoticiasDesplegado div small {
    padding: 2% 0% 2% 0%;
  }
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  font-family: "Lato", sans-serif;
}

@media screen and (max-width: 1000px) {
  section {
    box-sizing: border-box;
  }
}

.container-css {
  width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .container-css {
    width: 100%;
  }
}

#banner-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

#banner-images img {
  width: 80%;
  height: 10%;
  object-fit: contain;
}

@media screen and (max-width: 625px) {
  #banner-images img {
    width: fit-content;
  }
}

@media screen and (max-width: 625px) {
  #banner-images {
    flex-direction: column;
  }
}

#banner-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

#banner-content img {
  margin-bottom: 1rem;
}

@media screen and (max-width: 625px) {
  #banner-content img {
    width: fit-content;
  }
}

@media screen and (max-width: 625px) {
  #banner-content {
    flex-direction: column;
  }
}

.title-section {
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.card-css {
  display: flex;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 2rem;
}

@media screen and (max-width: 625px) {
  .card-css {
    flex-direction: column;
  }
}

.card-img {
  width: 30%;
}

@media screen and (max-width: 625px) {
  .card-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

.card-text {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.card-text p,
h3,
h4 {
  margin: 0.5rem 1rem;
  text-align: left;
}

@media screen and (max-width: 625px) {
  .card-text p,
  h3,
  h4 {
    margin: 0.5rem;
  }
}

.card-text p {
  font-size: 0.9rem;
  line-height: 1.5rem;
}

.card-text h3,
h4 {
  font-size: 1.3rem;
}

@media screen and (max-width: 625px) {
  .card-text h3,
  h4 {
    font-size: 1.2rem;
  }
}

.see-more {
  font-size: 0.9rem;
  align-self: flex-end;
  margin-right: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  border: 1px solid transparent;
  border-radius: 50px;
  padding: 0.7rem 1rem;
  background-color: #336699;
  color: #fff;
  text-decoration: none;
  width: fit-content;
}

@media screen and (max-width: 625px) {
  .see-more {
    margin-top: 0;
    font-size: 1.1rem;
  }
}

a.see-more:hover {
  color: #fff;
  text-decoration: none;
}

.main-content-section {
  display: flex;
  margin-top: 5%;
}

@media screen and (max-width: 625px) {
  .main-content-section {
    flex-direction: column;
  }
}

.cards-section {
  flex: 2;
}

.title-card-section {
  margin: 0;
  margin-bottom: 3rem;
}

.banner-section {
  flex: 1;
  margin-left: 2rem;
}

@media screen and (max-width: 625px) {
  .banner-section {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
    margin-left: 0;
  }
}

.banner-section img {
  object-fit: cover;
  width: 100%;
  margin-bottom: 0.2rem;
}

@media screen and (max-width: 625px) {
  .banner-section img {
    margin-bottom: 0.5rem;
  }
}

.card-img-section {
  width: 30%;
  object-fit: cover;
}

@media screen and (max-width: 625px) {
  .card-img-section {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

.navbar {
  position: fixed;
  top: 0;
  z-index: 100;
  background-color: #336699 !important;
}

.navbar a .logoMobile {
  display: block;
  width: 30%;
}

.navbar a .logoDesk {
  display: none;
}

.navbar .nav-link {
  display: block;
  width: 100% !important;
}

.navbar .contenedorSelect {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  padding: 1%;
}

.navbar .contenedorSelect img {
  width: 11%;
}

.navbar .contenedorSelect select {
  height: 5vh;
}

main {
  margin-top: 5rem;
}

.alert-warning {
  background-color: transparent !important;
  border-color: transparent !important;
}

.carousel {
  width: 100%;
  margin-top: -5rem;
}

.carousel .carousel-inner .carousel-item {
  position: relative;
}

.carousel .carousel-inner .carousel-item .slide-m {
  width: 100%;
  display: block;
}

.carousel .carousel-inner .carousel-item .slide-d {
  display: none;
}

.carousel .carousel-inner .carousel-item .contenedorTextoSlide {
  position: relative;
  width: 90%;
  margin: 0 auto;
  padding: 8%;
  top: -5rem;
  text-align: center;
  background-color: #f9f9f9;
  border-radius: 1rem;
}

.carousel .carousel-inner .carousel-item .contenedorTextoSlide h2 {
  font-size: 1.5rem;
  font-weight: 900;
  color: #336699;
}

.carousel .carousel-inner .carousel-item .contenedorTextoSlide p {
  font-size: 0.9rem;
  font-weight: 300;
}

.carousel .carousel-inner .carousel-item .contenedorTextoSlide a {
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
  background-color: #336699;
  padding: 2% 10% 2% 10%;
  border-radius: 0.5rem;
}

.carousel .carousel-inner .carousel-item .item-image {
  max-width: 100%;
  height: auto;
}

.menuPrincipal ul li {
  padding: 5%;
  margin: 1%;
  list-style: none;
  background-color: #8cbf44;
  text-align: center;
}

.menuPrincipal ul li a {
  font-weight: 700;
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.contenedorAgenda {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 5%;
}

.contenedorAgenda a {
  list-style: none;
  text-decoration: none;
  color: #336699;
}

.contenedorAgenda a h2 {
  width: 100%;
  border-left: solid 8px #336699;
  color: #336699;
  font-weight: 900;
  padding-left: 1%;
  margin-left: 0;
}

.contenedorAgenda a div {
  width: 50%;
}

.contenedorAgenda a div .diaEvento {
  display: block;
  font-size: 4rem;
  font-weight: 900;
}

.contenedorAgenda a div .mesEvento {
  width: 100%;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 0;
}

.contenedorAgenda a div .barraEspeciadora1 {
  width: 60%;
  height: 0.5rem;
  background-color: #008cff;
}

.contenedorAgenda a div .barraEspeciadora2 {
  width: 60%;
  height: 0.5rem;
  background-color: #6200ff;
}

.contenedorAgenda a div .barraEspeciadora3 {
  width: 60%;
  height: 0.5rem;
  background-color: #008cff;
}

.contenedorAgenda a div .barraEspeciadora4 {
  width: 60%;
  height: 0.5rem;
  background-color: #00ff6a;
}

.contenedorAgenda a div .barraEspeciadora5 {
  width: 60%;
  height: 0.5rem;
  background-color: #ff8800;
}

.contenedorAgenda a div small {
  font-size: 0.8rem;
  font-weight: 500;
  color: #868686;
}

.contenedorAgenda a div p {
  font-size: 0.8rem;
  font-weight: 900;
  color: #868686;
}

.contenedorAgenda a div .horaEvento {
  width: 100%;
  color: #868686;
  line-height: 0;
}

.contenedorAgenda a div .horaEvento img {
  width: 10%;
}

.contenedorAgenda a div .horaEvento small {
  font-size: 0.8rem;
  font-weight: 500;
  color: #868686;
}

#contenedorBanners {
  display: grid;
  margin: 0% 0% 0% 0%;
  width: 100%;
  height: auto;
  grid-template-areas: "circuloBanner1 circuloBanner2" "circuloBanner3 circuloBanner4" "banner1  banner1" "banner2  banner3" "banner4  banner4";
  grid-template-rows: 30% 3fr 1fr 1fr 1fr;
  grid-template-columns: 3fr 3fr;
  column-gap: 1%;
}

#contenedorBanners > .circuloBanner1 {
  grid-area: circuloBanner1;
  width: 100%;
  justify-self: center;
  align-self: center;
  border-radius: 50%;
  margin: 1%;
}

#contenedorBanners > .circuloBanner2 {
  grid-area: circuloBanner2;
  width: 100%;
  justify-self: center;
  align-self: center;
  border-radius: 50%;
  margin: 1%;
}

#contenedorBanners > .circuloBanner3 {
  grid-area: circuloBanner3;
  width: 100%;
  justify-self: center;
  align-self: center;
  border-radius: 50%;
  margin: 1%;
}

#contenedorBanners > .circuloBanner4 {
  grid-area: circuloBanner4;
  width: 100%;
  justify-self: center;
  align-self: center;
  border-radius: 50%;
  margin: 1%;
}

#contenedorBanners > .banner1 {
  grid-area: banner1;
  width: 100%;
}

#contenedorBanners > .banner2 {
  grid-area: banner2;
  width: 100%;
}

#contenedorBanners > .banner3 {
  grid-area: banner3;
  width: 100%;
}

#contenedorBanners > .banner4 {
  grid-area: banner4;
  width: 100%;
}

.contenedorNoticias {
  margin-top: 10%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.contenedorNoticias h2 {
  width: 50%;
  border-left: solid 8px #336699;
  color: #336699;
  font-weight: 900;
  padding-left: 1%;
  margin-left: 0;
}

.contenedorNoticias a {
  width: 20%;
  color: #336699;
  text-decoration: none;
  padding: 0;
  margin: 0;
  font-size: 3rem;
  background-color: transparent;
  cursor: pointer;
  text-align: right;
  border: none;
}

.contenedorNoticias .FormatoNoticias {
  margin: auto;
}

.contenedorNoticias .FormatoNoticias img {
  width: 100%;
}

.contenedorNoticias .FormatoNoticias a {
  list-style: none;
  text-decoration: none;
  color: #336699;
}

.contenedorNoticias .FormatoNoticias a h3 {
  width: 100%;
  text-align: left;
  font-weight: 600;
  font-size: 1.1rem;
  margin: 2% 0% 8% 0%;
}

.contenedorNoticias .FormatoNoticias p {
  width: 90%;
  font-size: 0.9rem;
  word-spacing: 0rem;
  margin: auto;
  text-align: justify;
}

.contenedorMundoCuenca {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.contenedorMundoCuenca .separador {
  width: 100%;
  height: 0.5rem;
  margin: 5% 0% 5% 0%;
  background: linear-gradient(to right, #8cbf44 0%, #009f97 100%);
}

.contenedorMundoCuenca img {
  width: 80%;
  align-self: center;
  margin: 0% 0% 5% 0%;
}

.contenedorMundoCuenca p {
  width: 90%;
  font-size: 0.9rem;
  font-weight: 400;
  word-spacing: 0rem;
  margin: auto;
  text-align: justify;
}

.section-footer {
  margin-top: 3rem;
  padding: 3rem 0;
  color: #666666;
  background-color: #ddd;
  font-size: 0.75rem;
  font-family: "PT Sans Narrow", sans-serif;
}

@media screen and (max-width: 625px) {
  .section-footer {
    padding: 0;
  }
}

.section-footer .footer {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 625px) {
  .section-footer .footer {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 625px) {
  .section-footer .footer div {
    padding: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}

.section-footer .container-css {
  width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 625px) {
  .section-footer .container-css {
    width: 100%;
  }
}

.section-footer div .footer-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.section-footer div .footer-details p {
  padding-left: 8px;
  margin: 0;
}

@media screen and (max-width: 625px) {
  .section-footer div .footer-details p span {
    font-weight: bold;
  }
}

.section-footer div .footer-details img {
  width: 6em;
  margin-right: 0.5rem;
}

@media screen and (max-width: 625px) {
  .section-footer div .footer-details {
    justify-content: center;
  }
}

.section-footer div .footer-social .footer-item {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  color: #999999;
  font-weight: bold;
}

.section-footer div .footer-social .footer-item li {
  padding: 0.5rem;
}

.section-footer div .footer-social .footer-item a,
.section-footer div .footer-social .footer-item li {
  display: flex;
  align-items: center;
}

.section-footer div .footer-social .footer-item a {
  color: #999999;
  font-weight: bold;
  list-style: none;
}

.section-footer div .footer-social .footer-item .logoRedes {
  width: 3em;
}

@media screen and (max-width: 625px) {
  .section-footer div .footer-info {
    flex-direction: column !important;
  }
  .section-footer div .footer-info p {
    font-size: 1rem;
    margin-right: 3rem;
  }
}

.copyright {
  text-align: center;
  padding: 15px 0;
  color: #fff;
  background-color: #868686;
  font-size: 0.625rem;
  line-height: 0.8rem;
  font-family: "PT Sans Narrow", sans-serif;
}

@media screen and (max-width: 625px) {
  .copyright span {
    display: none;
  }
}

.img-noticias-home img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (min-width: 360px) and (max-width: 768px) {
  .carousel {
    top: 3.5rem;
  }
  .carousel .carousel-inner .carousel-item {
    position: relative;
  }
  .carousel .carousel-inner .carousel-item .contenedorTextoSlide {
    width: 80%;
  }
  .carousel .carousel-inner .carousel-item .contenedorTextoSlide h2 {
    font-size: 2.5rem;
  }
  .carousel .carousel-inner .carousel-item .contenedorTextoSlide p {
    font-size: 1.5rem;
  }
  .carousel .carousel-inner .carousel-item .contenedorTextoSlide a {
    font-size: 1.5rem;
  }
  .menuPrincipal ul li a {
    font-size: 1.5rem;
  }
  .contenedorAgenda a {
    list-style: none;
    text-decoration: none;
    color: #336699;
  }
  .contenedorAgenda a h2 {
    font-size: 3rem;
  }
  .contenedorAgenda a div .diaEvento {
    font-size: 6rem;
  }
  .contenedorAgenda a div .mesEvento {
    font-size: 2rem;
  }
  .contenedorAgenda a div .barraEspeciadora {
    width: 70%;
    margin-top: 0.3rem;
  }
  .contenedorAgenda a div small {
    font-size: 1rem;
  }
  .contenedorAgenda a div p {
    font-size: 1.2rem;
    font-weight: 900;
    color: #868686;
  }
  .contenedorAgenda a div .horaEvento {
    width: 100%;
    color: #868686;
    line-height: 0;
  }
  .contenedorAgenda a div .horaEvento img {
    width: 10%;
  }
  .contenedorAgenda a div .horaEvento small {
    font-size: 0.8rem;
    font-weight: 500;
    color: #868686;
  }
}

@media (min-width: 1200px) {
  .navbar a {
    width: 20% !important;
  }
  .navbar a .logoMobile {
    display: none;
  }
  .navbar a .logoDesk {
    display: block;
    width: 90% !important;
  }
  .navbar .navbar-nav ul li {
    width: 100%;
  }
  .navbar .navbar-nav .dropdown-menu {
    background-color: #336699;
  }
  .navbar .navbar-nav .dropdown-menu p {
    background-color: #8cbf44;
    padding-left: 2%;
    color: #ffffff;
    margin-bottom: 0;
  }
  .navbar .navbar-nav .dropdown-menu a {
    color: #ffffff;
    width: 100%;
    font-size: 0.8rem;
  }
  .navbar .navbar-nav .dropdown-menu a:hover {
    width: 100%;
    color: #8cbf44;
    background-color: #336699;
  }
  .navbar .navbar-nav .contenedorSelect {
    justify-content: flex-end;
  }
  .navbar .navbar-nav .nav-link {
    font-size: 0.75rem;
  }
  .navbar .navbar-nav .contenedorSelect {
    width: 19%;
  }
  .navbar .navbar-nav .contenedorSelect img {
    width: 11%;
  }
  .navbar .navbar-nav .contenedorSelect select {
    height: 3vh;
  }
  .carousel {
    position: relative;
    width: 100%;
    top: 3.5rem;
    height: 30.5rem;
  }
  .carousel .carousel-inner .carousel-item {
    position: relative;
  }
  .carousel .carousel-inner .carousel-item .slide-m {
    display: none;
  }
  .carousel .carousel-inner .carousel-item .slide-d {
    display: block;
  }
  .carousel .carousel-inner .carousel-item .contenedorTextoSlide {
    width: 25%;
    height: 20rem;
    padding: 1%;
    top: -23rem;
    left: -25%;
  }
  .carousel .carousel-inner .carousel-item .contenedorTextoSlide h2 {
    font-size: 2rem;
  }
  .carousel .carousel-inner .carousel-item .contenedorTextoSlide p {
    font-size: 1.3rem;
  }
  .menuPrincipal ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .menuPrincipal ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15%;
    height: 9vh;
    padding: 0%;
    margin: 1%;
    list-style: none;
    background-color: #8cbf44;
    text-align: center;
  }
  .menuPrincipal ul li a {
    font-size: 1.1rem;
    font-weight: 700;
    text-decoration: none;
    color: #ffffff;
  }
  .contenedorAgenda {
    width: 80%;
    margin: 0 auto;
    padding: 5%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .contenedorAgenda h2 {
    width: 100%;
    border-left: solid 8px #336699;
    color: #336699;
    font-weight: 900;
    padding-left: 1%;
    margin-left: 0;
  }
  .contenedorAgenda a div {
    width: 100%;
  }
  .contenedorAgenda a div .diaEvento {
    display: block;
    font-size: 4rem;
    font-weight: 900;
  }
  .contenedorAgenda a div .mesEvento {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 0;
  }
  .contenedorAgenda a div .barraEspeciadora1 {
    width: 35%;
    height: 0.5rem;
    background-color: #008cff;
  }
  .contenedorAgenda a div .barraEspeciadora2 {
    width: 35%;
    height: 0.5rem;
    background-color: #6200ff;
  }
  .contenedorAgenda a div .barraEspeciadora3 {
    width: 35%;
    height: 0.5rem;
    background-color: #008cff;
  }
  .contenedorAgenda a div .barraEspeciadora4 {
    width: 35%;
    height: 0.5rem;
    background-color: #00ff6a;
  }
  .contenedorAgenda a div .barraEspeciadora5 {
    width: 35%;
    height: 0.5rem;
    background-color: #ff8800;
  }
  .contenedorAgenda a div small {
    font-size: 0.8rem;
    font-weight: 500;
    color: #868686;
  }
  .contenedorAgenda a div p {
    font-size: 0.8rem;
    font-weight: 900;
    color: #868686;
  }
  .contenedorAgenda a div .horaEvento {
    width: 100%;
    color: #868686;
    line-height: 0;
  }
  .contenedorAgenda a div .horaEvento img {
    width: 10%;
  }
  .contenedorAgenda a div .horaEvento small {
    font-size: 0.8rem;
    font-weight: 500;
    color: #868686;
  }
  #contenedorBanners {
    display: grid;
    margin: 0 auto;
    width: 50%;
    grid-template-areas: "circuloBanner1 circuloBanner2 circuloBanner3 circuloBanner4" "banner1  banner2 banner3 banner4";
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 0.5%;
  }
  #contenedorBanners > .circuloBanner1 {
    cursor: pointer;
  }
  #contenedorBanners > .circuloBanner2 {
    cursor: pointer;
  }
  #contenedorBanners > .circuloBanner3 {
    cursor: pointer;
  }
  #contenedorBanners > .circuloBanner4 {
    cursor: pointer;
  }
  #contenedorBanners > .banner1 {
    width: 100%;
    height: 50%;
    cursor: pointer;
  }
  #contenedorBanners > .banner2 {
    width: 100%;
    height: 50%;
    cursor: pointer;
  }
  #contenedorBanners > .banner3 {
    width: 100%;
    height: 50%;
    cursor: pointer;
  }
  #contenedorBanners > .banner4 {
    width: 100%;
    height: 50%;
    cursor: pointer;
  }
  .contenedorNoticias {
    width: 68%;
    margin: 0 auto;
    padding-bottom: 2%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .contenedorNoticias .contenedorTitlePlus {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .contenedorNoticias .FormatoNoticias {
    width: 30%;
  }
  .contenedorNoticias .FormatoNoticias a {
    list-style: none;
    text-decoration: none;
    color: #336699;
  }
  .contenedorNoticias .FormatoNoticias p {
    text-align: left;
  }
}

@media (min-width: 1440px) {
  .navbar .nav-link {
    font-size: 1rem !important;
  }
}

#mySlides {
  display: none;
}

#mySlides > img {
  vertical-align: middle;
}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin-top: 62.3px;
  color: #fff;
}

@media screen and (max-width: 625px) {
  .slideshow-container {
    margin-top: 71px;
  }
}

.text-block {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: black;
  padding-left: 20px;
  padding-right: 20px;
}

.centered {
  position: absolute;
  top: 45%;
  left: 20%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  padding: 8px;
  text-align: center;
  background: white;
  background: rgba(255, 255, 255, 0.9);
}

.centered h5 {
  color: #336699;
  font-weight: bold;
}

.centered p {
  font-size: 14px;
  color: #444;
}

.btn-slide {
  border-radius: 50px;
  padding: 0.5rem 1rem;
  background-color: #336699;
  color: #fff;
}

a.btn-slide:hover {
  text-decoration: none;
  color: #fff;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.hidden-desk {
  display: block;
}

.hidden-mobile {
  display: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-decoration: none;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade-css {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1s;
  animation-name: fade;
  animation-duration: 1s;
}

@media screen and (max-width: 625px) {
  .fade-css {
    width: 100%;
  }
}

/* page biblioteca */
ul.list-biblio {
  list-style: none;
}

ul.list-biblio .biblio-block {
  /*padding: 15px;*/
  border: 1px solid #ccc;
  margin: 10px;
}

ul.list-biblio a.link-biblio {
  text-transform: uppercase;
  text-decoration: none;
  color: #666666;
  display: block;
  padding: 20px;
  font-size: 15px;
}

ul.list-biblio .biblio-block:hover {
  background: url(../img/bg_lista_sedes.jpg) no-repeat;
  background-size: cover;
}

ul.list-biblio a.link-biblio:hover {
  color: #fff;
}

ul.list-biblio a.facebook {
  background: url(../img/icon-fb.png) no-repeat;
  background-position: 10% 44%;
  color: #4d4d4d;
  padding: 15px 0 14px 64px !important;
}

ul.list-biblio a.facebook:hover {
  background: url(../img/icon-fb-white.png) no-repeat;
  background-position: 10% 44%;
  color: #fff;
  padding: 15px 0 14px 64px !important;
}

ul.list-biblio a.bibliod,
ul.list-biblio a.catalogo {
  background: url(../img/biblio.png) no-repeat;
  background-position: 3% 44%;
  color: #4d4d4d;
  padding: 15px 0 14px 65px !important;
}

ul.list-biblio a.bibliod:hover,
ul.list-biblio a.catalogo:hover {
  background: url(../img/biblio_hover.png) no-repeat;
  background-position: 3% 44%;
  color: #4d4d4d;
  padding: 15px 0 14px 65px;
  color: #fff;
}

@keyframes fade {
  from {
    opacity: 0.8;
  }
  to {
    opacity: 1;
  }
}

/* On smaller screens, decrease text size */
@media screen and (max-width: 625px) {
  .prev,
  .next,
  .text {
    font-size: 11px;
    color: #fff;
  }
  .hidden-mobile {
    display: block;
  }
  .hidden-desk {
    display: none;
  }
}
/*# sourceMappingURL=style.css.map */