/*Slider*/
/**
 * Variable Overrides.
 *
 * Modify this file to override the Bootstrap Framework variables. You can copy
 * these variables directly from ../bootstrap/less/variables.less to this file.
 */
/*Colores especiales de la plantilla*/
/*Modificaciones para la cabecera*/
/*Override navbar variables*/
#carouselButtons {
  position: absolute;
  top: 13em;
  left: 80.5%;
}
#myCarousel {
  
}
#playButton,
#pauseButton {
  display: inline-block;
  cursor: pointer;
  z-index: 1;
  position: relative;
}
#playButton:hover span:before,
#pauseButton:hover span:before {
  color: white;
}
#playButton span:before,
#pauseButton span:before {
  font-size: 32px;
  color: #ffcd7e;
}
#playButton span:before {
  margin-left: 0;
}
.carousel-control {
  z-index: 1;
}
#pauseButton span:before {
  margin-left: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* SLide  */
  .carousel-inner > .item > a > img,
  .carousel-inner > .item > img,
  .carousel-inner > .item > img.img-responsive,
  .thumbnail a > img,
  .thumbnail > img {
    display: block;
    max-width: 68% !important;
    height: auto;
  }
  .banners-home .imgFack {
    height: 127px;
  }
  #playButton {
    display: inline-block;
    cursor: pointer;
  }
  #playButton span:before {
    font-size: 28px;
    margin-left: 0;
  }
  #pauseButton {
    display: inline-block;
    cursor: pointer;
  }
  #pauseButton span:before {
    font-size: 28px;
    margin-left: 8px;
  }
  #carouselButtons {
    position: absolute;
    top: 11.5em;
    left: 80.5%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* Slide */
  .carousel-inner > .item > a > img,
  .carousel-inner > .item > img,
  .carousel-inner > .item > img.img-responsive,
  .thumbnail a > img,
  .thumbnail > img {
    display: block;
    max-width: 68% !important;
    height: auto;
  }
  .banners-home .imgFack {
    height: 95px;
  }
  #carouselButtons {
    display: none;
  }
}
@media (max-width: 767px) {
  /* Slide */
  #myCarousel {
    display: none;
  }
}