/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "FuturaBT-BoldCondensed";
  src: url("../css/FuturaBoldfont.eot"); /* IE9 Compat Modes */
  src: url("../css/FuturaBoldfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../css/FuturaBoldfont.otf") format("opentype"), /* Open Type Font */
    url("../css/FuturaBoldfont.svg") format("svg"), /* Legacy iOS */
    url("../css/FuturaBoldfont.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../css/FuturaBoldfont.woff") format("woff"), /* Modern Browsers */
    url("../css/FuturaBoldfont.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham-Light";
  src: url("../css/Gotham-Light.otf"); /* IE9 Compat Modes */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham-Bold";
  src: url("../css/Gotham-Bold.otf"); /* IE9 Compat Modes */
  font-weight: normal;
  font-style: normal;
}

body,
html {
  background-color: #ffffff;
}
.container-fluid {
  padding: 0px;
}
.container {
  max-width: 1400px;
}
#landing-marcas {
  font-family: "Gotham-Light"!important;
  color: #000000;
 margin-top: -30px;
}
#destacados h2{
    font-family: "Gotham-Bold"!important;
}
#destacados h3{
    font-family: "Gotham-Light"!important;
    font-size: 15px;
	margin: 0px;
}
#landing-landing-marcas section {
  display: inline-block;
  width: 100%;
  position: relative;
}

/*Style*/
.content-img-banco {
  line-height: 0;
}

#categoria {
  margin: 1% 0 1% 0;
}

#categoria .lista-categoria>div{
  padding: 0 0.2% 1% 0.2%;
}

#destacados {
  margin: 1% 0 1% 0;
}
#destacados .titulo{
  text-align: center;
  border: 4px solid #f9fb00;
}
#destacados .titulo h2{
  line-height: 60px;
  margin:0px ;
  font-weight: 900;
  font-size: 32px;
    font-family: "Gotham-Bold"!important;
}

#destacados .lista-destacados {
  padding: 0 5% 0 5%;
}

#destacados .lista-destacados .data{
  text-align: center;
}
#destacados .lista-destacados .data>span{
  display: block;
    font-size: 18px;
    font-weight: bold;
}

#banners {
  margin: 1% 0 1% 0;
}

#banners .content-ban .content_banner{
  margin-bottom: 2%;
}
/*Fin*/

/*Sliks*/

.slick-prev {
  left: 2% !important;
}
.slick-next {
  right: 2% !important;
}

.slick-prev,
.slick-next {
  width: 19px;
  height: 24px;
  z-index: 999999;
  color: #ffffff;
}
.slick-disabled {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-size: 0px;
  color: transparent;
}
.slick-next,
.slick-next:hover,
.slick-next:focus {
  right: 0px;
  background: url("../images/der.png");
}
.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
  left: 0px;
  background: url("../images/izq.png");
}

.slick-dots li.slick-active button:before {
  font-size: 10px;
}
.slick-dotted.slick-slider {
  margin-bottom: 0px;
}
.slick-dots {
  bottom: -30px;
}

/*Fin slick*/

/*Fin - Style*/
a {
  text-decoration: none;
  color: #000000;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #000000;
}
#destacados h2{
  font-weight: 600;
font-size: 30px;
color: #000000;
}
.pd{
  padding: 0 2.5%;
}

#movimiento{
   padding: 2% 0px;
 }
 #movimiento .boxes_categorias {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    overflow-x: hidden;
}

#movimiento .boxes_categorias .boxe_cat {
    width: calc(100% / 12);
    text-align: center;
    font-weight: bold;
    margin-bottom: 1%;
    padding: 5px;
}


#movimiento .boxe_cat p {
    font-size: 13px;
}
/*TEST CATEGORIAS X 12*/
#movimiento .boxe_cat {
    transform: scale(1);
    transition: all .3s ease;
    filter: contrast(100%);
    margin-top: 7px;
}
#movimiento .boxe_cat:hover{
    transform: scale(1.05);
    filter: contrast(105%);
}
/*FIN TEST CATEGORIAS*/

@media screen and (max-width: 640px) {
#movimiento .deportes{
   padding: 2% 1%;
 }
}
@media screen and (max-width: 769px) {
  #movimiento .deportes {
    padding: 2% 1%;
  }
  #movimiento .col-lg-12.slick-slide{
    padding-left: 5px;
    padding-right: 5px;

  }
  
  .slick-prev {
    left: -5% !important;
  }
  .slick-next {
    right: -4% !important;
  }
  .slick-dots {
    /*position: relative;*/
    width: 90%;
  }
  #destacados .titulo{
    margin:0 0 3% 0;
  }
  #destacados .titulo h2{
    font-size: 20px;
  line-height: 20px;
  }
#destacados h3{
      font-size: 15px;
    }
    #destacados h2 {
    font-size: 21px;
}
}