@charset "UTo-8";

.capital {
    text-transform: capitalize!important;
}

.mi-barra {
    background: #1e376c!important;
}

h3 {
    color: #2c3189!important;
}


.content p, .content ul {
    color: #999; font-size: 18px;
}

.servicios p {
    color: #999;
    font-size: 14px;
}

.servicios h3 {
    margin-top: 30px;
}

.delineado {
    border-bottom: #AAA 1px solid!important;
    margin-bottom: 10px;
}

.encabezado {
  background: #fff url(./../../assets/img/fondo-encabezado.jpg) right top no-repeat; }
  .encabezado h1 {
    color: #2c3189;
    text-align: center;
    display: block;
    padding: 30px 0px; }

.icon-buscar {
  font-size: 16px; }

.columna-pie {
    display: block;
    float: left;
    width: 20%;
    padding: 0px 10px;
}

.columna-pie ul {
    padding: 0px 0px 0px 10px;
}

.contenedor-menu {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004799+0,2b94e5+50,e5e5e5+99 */
  background: #004799;
  /* Old browsers */
  background: -moz-linear-gradient(top, #004799 0%, #2b94e5 50%, #e5e5e5 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #004799 0%, #2b94e5 50%, #e5e5e5 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #004799 0%, #2b94e5 50%, #e5e5e5 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004799', endColorstr='#e5e5e5',GradientType=0 );
  /* IE6-9 */
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

.menu {
  padding: 0px !important; }
  .menu__lista {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d1d1d1+90 */ }
    .menu__lista ul {
      border-bottom: #004184 6px solid; }
      .menu__lista ul li a {
        border: #DDD 2px solid;
        border-bottom: 0px;
        border-right: 0px;
        padding-left: 25px;
        padding-right: 25px;
        color:   #004184;
        font-size: 14px;
        text-transform: uppercase;
        background: #ffffff;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #d1d1d1 90%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 0%, #d1d1d1 90%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 0%, #d1d1d1 90%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 );
        /* IE6-9 */ }
        .menu__lista ul li a:hover {
          background: #004799;
          /* Old browsers */
          background: -moz-linear-gradient(top, #004799 0%, #2b94e5 50%, #e5e5e5 99%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, #004799 0%, #2b94e5 50%, #e5e5e5 99%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, #004799 0%, #2b94e5 50%, #e5e5e5 99%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004799', endColorstr='#e5e5e5',GradientType=0 );
          /* IE6-9 */
          border: #004799 2px solid;
          border-right: 0px;
          border-bottom: 0px;
          color: #fff !important; }

@media (min-width: 100px) {
  .encabezado h1 {
    font-size: 26px; }
  .encabezado .logo {
    width: 40% !important; } }
@media (min-width: 575px) {
  .encabezado h1 {
    font-size: 26px; }
  .encabezado .logo {
    width: 100% !important; } }
@media (min-width: 991px) {
  .encabezado h1 {
    font-size: 36px;
    text-align: center;
    font-size: 26px; }
  .encabezado .logo {
    width: 80% !important; } }
    

    
@media (min-width: 1199px) {
  .encabezado h1 {
    font-size: 44px;
    text-align: left; } }


.promociones, .outlet {
  color: #fff;
  display: block; }
  .promociones h3, .outlet h3 {
    text-transform: uppercase;
    font-size: 34px; }
  .promociones .btn-ver, .outlet .btn-ver {
      line-height: 1em;
    display: block !important;
    margin: 10px auto 0px auto;
    text-align: center;
    padding: 5px 7px 1px 5px;
    width: 60px;
    border-radius: 5px;
    border: #fff 1px solid;
    background: rgba(255, 255, 255, 0.3);
    color: #fff; }
    .promociones .btn-ver:hover, .outlet .btn-ver:hover {
      background: rgba(255, 255, 255, 0);
      text-decoration: none; }

.promociones {
  background: #044486;
  /* Old browsers */
  background: -moz-linear-gradient(left, #044486 0%, #84b3db 90%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #044486 0%, #84b3db 90%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #044486 0%, #84b3db 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#044486', endColorstr='#84b3db',GradientType=1 );
  /* IE6-9 */ }

.outlet {
  background: #a1c346;
  /* Old browsers */
  background: -moz-linear-gradient(left, #a1c346 1%, #53a435 90%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #a1c346 1%, #53a435 90%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #a1c346 1%, #53a435 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c346', endColorstr='#53a435',GradientType=1 );
  /* IE6-9 */ }

@media (min-width: 768px) {
  .promociones .btn-ver, .outlet .btn-ver {
    float: left;
    margin-top: 40px; } }
@media (min-width: 991px) {
  .promociones, .outlet {
    height: 170px;
    width: 48.5%; }

  .promociones {
    position: absolute;
    float: left; }

  .outlet {
    float: right; } }
@media (min-width: 1200px) {
  .promociones, .outlet {
    height: 140px;
    width: 605px;
    float: left; }

  .promociones {
    position: absolute;
    float: left;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 85% 0%);
    clip-path: polygon(0 0, 0 100%, 100% 100%, 85% 0%); }

  .outlet {
    float: right;
    -webkit-clip-path: polygon(0 0, 15% 100%, 100% 100%, 100% 0%);
    clip-path: polygon(0 0, 15% 100%, 100% 100%, 100% 0%); } }
.slider {
  width: 100%; }

.slick-prev:before,
.slick-next:before {
  color: #2c3189; }

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2; }

.slick-active {
  opacity: .5; }

.slick-current {
  opacity: 1; }

.banner .slick-prev:before, .banner .slick-next:before {
  color: #000; }
.banner .slick-slide {
  transition: all ease-in-out .3s; }

h2 {
  font-size: 40px;
  font-family: 'Tajawal', sans-serif;
  color: #2c3189;
  text-transform: uppercase; }
  h2 span {
    color: #CCC;
    font-size: 0.7em; }

.migas {
  text-transform: uppercase;
  font-family: 'Tajawal', sans-serif;
  color: #999;
  font-size: 20px; }
  .migas a {
    color: #2c3189; }

.productos {
  padding-bottom: 100px; }
  .productos__item {
    display: block;
    border: #AAA 2px solid;
    border-radius: 15px;
    overflow: hidden;
    position: relative; }
    .productos__item__titulo {
      display: block;
      position: absolute;
      font-weight: bolder;
      font-size: 18px;
      background: rgba(0, 179, 110, 0.7);
      color: #fff;
      bottom: 0px;
      width: 100%;
      text-align: center;
      padding: 5px; }

.productodetalle h3 {
  background: #044486;
  /* Old browsers */
  background: -moz-linear-gradient(left, #044486 0%, #84b3db 90%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #044486 0%, #84b3db 90%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #044486 0%, #84b3db 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#044486', endColorstr='#84b3db',GradientType=1 );
  /* IE6-9 */
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 0px; }
.productodetalle__izquierda, .productodetalle__derecha {
  border-radius: 10px;
  border: #CCC 1px solid;
  overflow: hidden; }
.productodetalle__izquierda__resumen {
  padding: 20px;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: bold !important;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(right, #ffffff 0%, #DEDEDE 170%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, #ffffff 0%, #DEDEDE 170%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, #ffffff 0%, #DEDEDE 170%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DEDEDE',GradientType=0 );
  /* IE6-9 */ }
  .productodetalle__izquierda__resumen b {
    color: #2c3189;
    display: block;
    font-weight: bold !important;
    text-transform: uppercase; }
.productodetalle__derecha__item {
  display: block;
  border: #CCC 1px solid;
  border-radius: 10px;
  overflow: hidden; }

body {
  background: url(./../../assets/img/fondo.jpg);
  font-family: 'Tajawal', sans-serif;
}

.main {
  background: #fff; }

.no-romper {
  display: inline-block; }

.contacto__mapa {
  display: block;
  width: 100%;
  height: 300px; }

/*# sourceMappingURL=estilos.css.map */


.footer {
    border-bottom: #BBB 1px solid;
    font-size: 14px; 
}

.footer h3 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #000!important;
}

.footer p {
    color: #2c3189;
    font-size: 14px;
    padding-top: 10px;
}

.footer ul li a {
    color: #999;
    font-size: 14px;
}

.footer ul li a:hover {
    text-decoration: underline;
}


.footer .texto-chico {
    font-size: 14px;
    margin-bottom: 0px;
}

.columna-pie {
    padding: 30px;
    width: 100%;
}

.columna-tres, .columna-cuatro {
    width: 40%;
}

@media (min-width: 1200px) {
    .columna-uno {
        width: 20%;
    }
    
    .columna-dos {
        padding-right: 40px;
        width: 26%
    }
    
    .columna-tres, .columna-cuatro {
        width: 15%;
    }
    
    .columna-cinco {
        width: 24%;
    }
    
    .tiny-tiny {
        font-size: 12px!important;
    }
}

/* SLICK */

.slick-slide {
    opacity: 1!important;
}

.bg-dark {
    background: #0f406d!important;
}
.navbar {
    padding: 0px 10px!important;
    text-transform: uppercase;
    font-size: 14px;
    border-top: #000 2px solid;
    border-bottom: #000 2px solid;
}
.nav-link {
    line-height: 1em;
    padding-top: 13px;
}
.buscador-input {
    border: #0077AA 1px solid;
    border-radius: 5px;
    padding: 8px 10px 0 12px;
    line-height: 0.8;
    background: #007799;
    color: #fff!important;
}
.buscador-input::placeholder {
    color: #fff!important;
}
.buscador-boton {
    padding: 0px!important;
    padding-top: 6px;
    background: transparent;
    border: 0px;
    color: #fff;
    font-size: 24px;
    line-height: 1em;
}