body {
  font-family: "Montserrat", "Open Sans", sans-serif;
}
.navbar-inverse {
  background-color: #0c231e !important;
}
#myNavbar ul li a {
  color: #ffffff !important;
}
.carousel-control {
  width: 5% !important;
}
.indicator {
  border-radius: 0px !important;
  background-color: #cccccc !important;
  border-color: #cccccc !important;
}
.carousel-indicators .active {
  background-color: #a42145 !important;
  border-color: #a42145 !important;
}
.carousel-indicators {
  bottom: -50px !important;
}
body {
  margin: 0px !important;
}
.btn-guinda {
  color: white !important;
  background-color: #a42145 !important;
  border-radius: 25px !important;
  text-align: center !important;
}
.btn-dorado {
  color: white !important;
  background-color: #bc955c !important;
  border-radius: 25px !important;
  text-align: center !important;
}
.btn-dorado:hover {
  color: #bc955c !important;
  background-color: #fff !important;
  border-radius: 25px !important;
  text-align: center !important;
}
.btn-dorado.selected {
  color: #fff !important;
  background-color: #beaa86 !important;
  border-radius: 25px !important;
  text-align: center !important;
}
.link-dorado:hover {
  color: #dbc49f !important;
}
.separador {
  border-top: 2px solid #a42145 !important;
}
.box {
  border: 2px solid #dbc49f !important;
  border-radius: 5px !important;
}
.btn-img {
  color: #ffffff !important;
  background: #13322b !important;
  border-radius: 25px !important;
  text-align: center !important;
  padding: 5px 10px 5px 10px !important;
  background-size: cover !important;
  border: 2px solid #dbc49f !important;
  text-decoration: none !important;
}
.btn-img:hover {
  color: #dbc49f !important;
  background: #13322b !important;
}
div.demo {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important; /* For cells of equal size */
}
div.demo a {
  display: table-cell !important;
  text-align: center !important;
}
.wrap {
  overflow: auto !important;
}
.t-title-color {
  color: #691c32;
}
.t-base-color {
  color: #617271;
}
.t-left {
  text-align: left;
}
.t-justified {
  text-align: justify;
}

.niveles-container {
  display: flex;
}

.nivel {
  margin: auto 20px;
  width: 13%;
  flex: 0 0 auto;
}

.nivel-logo {
  width: 85%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.titulo-nivel {
  text-align: center;
  color: #ca9657;
  margin-top: 1%;
  margin-bottom: 1%;
  font-size: 1.2em;
  font-weight: bold;
}

/* override position and transform in 3.3.x */
.carousel-inner .item.left.active {
  transform: translateX(-33%);
}

.carousel-inner .item.right.active {
  transform: translateX(33%);
}

.carousel-inner .item.next {
  transform: translateX(33%);
}

.carousel-inner .item.prev {
  transform: translateX(-33%);
}

.carousel-inner .item.right,
.carousel-inner .item.left {
  transform: translateX(0);
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

.titulo-edo {
  color: #a5805d;
  margin: 1% 7%;
  font-weight: bold;
  text-align: center;
  font-size: 1.3em;
}

.portada-edo {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.flecha-derecha {
  background: url("../icons/BotonflechanavegacionRecurso.svg");
  height: 16px;
  width: 16px;
  display: block;
  /* Other styles here */
}

.titulo-mat-lect {
  position: absolute;
  margin-top: 6%;
  color: white;
  font-size: 1.4em;
  font-weight: bold;
}

.btn-next-level {
  margin-top: 450%;
  margin-right: 10px;
  width: 80%;
}

.btn-prev-level {
  margin-top: 50%;
  margin-left: 10px;
  width: 80%;
}

.lista-edos {
  columns: 6;
}

.btn-carousel-edo-prev {
  margin-top: 90px;
  margin-right: 10px;
  width: 100%;
}

.btn-carousel-edo-next {
  margin-top: 90px;
  margin-right: 10px;
  width: 100%;
}

.small-carousel-edos {
  margin-top: 10%;
  display: block;
}

.large-carousel-edos {
  margin-top: 10%;
  display: none;
}

.img-entidad {
  width: 70%;
}

@media only screen and (min-width: 992px) {
  .btn-next-level {
    margin-top: 60%;
    width: 50%;
  }

  .btn-prev-level {
    margin-top: 50%;
    width: 50%;
  }

  .small-carousel-edos {
    display: none;
  }
  
  .large-carousel-edos {
    display: block;
  }

  .img-entidad {
    width: 80%;
    display: block;
  }
}