a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}


/*estilos genericos*/
.letra-blanca{color: #ffffff;}
.letra-amarilla{color: ##FFCA00 !important;}
.letra-gris{color: #8c8c8c !important;}
.letra-gris-oscura{color: #414141;}
.letra-azul{    color: #2d3075 !important; }

/*fondos*/
.fondo-azul{background-color: #2d3075; color: white !important;}
.fondo-amarillo{background-color: #FFCA00; color: black !important;}
.mayuscula{text-transform: uppercase;}

a:hover{color: inherit;  text-decoration: inherit;}
/*section header*/
.caja-logo{text-align: left;}
@media (max-width: 767.99px) {
    .caja-logo{text-align: center;}
}
.logo{width: 247px; height: 134px;}
.form_header{padding-top: 20px;}

.btn-blue{background-color: #2d3075!important; color: white;}
.btn-blue:hover{color: white!important;}

.bg_black{background-color: #1e1e1e;}
.header .fa-caret-down {color: #8c8c8c;}
.header .fa-shopping-cart {color: #000; font-size: 19px;}
.header .cart {color: #8c8c8c; display: inline; cursor: pointer;}

.button_micuenta{background-color: #2d3075; color: white; font-size: 16px}
/*Center nav bar*/
/*lineas cuadradras*/
.dropdown-menu{
    border-radius: 0 !important;
    border: none !important;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.form-control {
  border-radius: 0 !important;
}
/*fin lineas cuadradas*/

.dropdown-item:focus, .dropdown-item:hover {
  color: #2d3075!important;
  text-decoration: none;
}
.dropdown-toggle:focus dropdown-toggle:hover{
    color: #2d3075!important;
  text-decoration: none;
}
.bas .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}


.bg_yellow{background-color: #FFCA00; }





.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255,202, 0, 1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 202, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-nav .nav-link {

}
.nav-item-menu{
    color: #ffffff;

}
.nav-link[aria-expanded="true"]{
   background-color: #ffca00;
            color: black ;
}
.nav-item-menu:hover , navbar-dark .navbar-nav .nav-link {
        color: black ;
    background-color: #ffca00;
}

..nav-link:hover {
 color: black;
}
.nav-link{width: 180px; height: 45px; padding-top: 10px;}
.nav-item-menu{}
@media (max-width: 1200px) {
 .nav-link{width: 160px; height: 45px;}
}
@media (max-width: 991px) {
 .nav-link{width: 100%; height: 40px;}
}



.link-active {color: #1e1e1e !important;}
.header .active {background-color: #ffCA00 !important; color: #1e1e1e !important;}
.navbar-dark .navbar-nav .nav-link{padding-right: 15px; padding-left: 15px;}
.navbar {padding: 0px 0px;}

.btn{
   border-radius: 0 !important;
}

.header .navbar-nav {
    float:none;
    margin:0 auto;
/*    display: inline-block;*/
    text-align: center;
}

.header .navbar-nav > li {
    display: inline-block;
    float:none;
/*    padding: 0px 20px;*/
/*    margin-right: 20px*/
}
.redes_style{width: 130px; padding-top: 8px;}
@media (max-width: 967.99px) {
    .redes_style{
        width: 100%;
        padding-bottom: 15px;
    }
}
.redes{ background-color: white;
 border-radius: 50%;
 border: 1x solid grey;
 padding:7px;
    color:#1e1e1e;
    font-size: 19px;
}

.dropdown-item{color:#8c8c8c; }
.redes_style i{height: 10px; width: 20px;}
/*toggler responsive*/
.navbar-toggler{margin: 6px;}

/*dropdown*/
.dropdown-submenu{
    position: relative;


}
.dropdown-submenu a::after{
    transform: rotate(-90deg);
    position: absolute;
    right: 3px;
    top: 100%;

}
.img-submenu{height: 200px; width: 400px;}
.img-menu{height: 150px; margin-top: 30px;}


.dropdown-submenu:hover .dropdown-menu, .dropdown-submenu:focus .dropdown-menu{
    display: flex;
    flex-direction: column;
    position: absolute !important;
    margin-top: -30px;
    left: 99%;
}
@media (max-width: 992px) {
    .dropdown-menu{
        width: 100%;
    }
    .dropdown-menu .dropdown-submenu{
        width: auto;
    }
  .dropdown-submenu:hover .dropdown-menu, .dropdown-submenu:focus .dropdown-menu{
    display: flex;
    flex-direction: column;
    position: relative !important;
    margin-top: -30px;
    left: 0%;
 }
    .img-menu{height: 120px; margin-top: 5px;}
}




/*three  boxes*/
.three{padding-top: 40px; padding-bottom: 40px;}
.three .box{height: 170px; width: 232px;
   position: relative; padding-top: 40px;

}
.img-box{position: absolute;
    top:0;right: 0;
left: 0;
    z-index: -1;
opacity: 0.5;}
.box h4{font-size: 20px; color: white;}
.box .btn {padding: 0px 12px; }
.texto-box{}
.img-opaca{position: absolute;
    top:0;right: 0;
left: 0;
    z-index: -1;
height: 170px; width: 232px;
background-color: #000000; opacity: 0.5;
transition: all 0.7s ease;}

.box:hover .img-opaca {
  opacity: 0.3;
}

/*caroulsel slide css*/
.carousel-caption{color: #000000; text-align: right;}
.porcentaje{color: red; font-size: 89px; font-weight: bold;}
.off{font-size: 60px; font-weight: bold;}
.producto_slide{font-weight: bold; text-align: right; color: #5f5f5f;}
.ver_detalles{color: #000000; background-color:#ffca00; padding: 10px 80px;}
.ver_detalles:hover {color: #5f5f5f;}
.carousel-caption{bottom: 140px !important;}

/*productos destacados*/
.productos-destacados a{color:#5f5f5f; }
.left-line{border-left: 1px solid rgba(0, 0, 0, 0.1);}
.blue_title_line{border-bottom: solid; border-color: #2d3075 !important; position: relative}
.pd_title{background-color: #2d3075; display: inline; padding: 0px 20px; color: white; position: absolute; top:-27px;}


.footer{
    padding-bottom: 60px;
    background-color: #1e1e1e;
    border-top: 7px solid #2d3075;

}
.yellow-title{color: #ffca00; }
.info-footer{color: white; font-size: 12px;}
.left-marker{color: #ffca00; font-size: 18px}
.recibe{color: white; font-size: 12px;}
.footer-redes{color: white;}
.visapaypal{ border-top:3px solid #000000}
.footer .form-control{padding: 15px 20px; !important; color:#5f5f5f;}
.footer .btn{padding: 15px 20px; background-color: #ffca00; color: black;}
.desde-text{background-color: #2d3075; color: white; text-align: center;}
.desde-row{border-bottom: 3px solid #2d3075;}
.texto_resumen_blog{color: #5f5f5f; font-size: 12px;}
.bg_grey{background-color: #f1f1f1 !important;}

/*mas vendidos*/
.mas_vendidos_box{}
.mas_vendidos_texto{font-size: 11px; padding-top: 10px; color: #a5a5a5; }
.box_v{border:1px solid #d4d4d4; margin-top: 20px; }
.box_v img{max-height: 100px;}
.title_mas_vendidos{margin-left: -15px;}
@media (max-width: 767.99px) {
    .title_mas_vendidos{margin-left: 0px;}
    .box_v{border:0px solid #d4d4d4; margin-top: 20px; padding-left: 20px; }
}




/*CATALOGO*/

.cat_box{background-color: #2d3075; color: white; padding: 5px; text-align: center;}
.cat_cat_box{  padding: 5px; border:1px solid #d4d4d4; text-align: center;  }
.cat_cat_box:hover{ cursor: pointer;  }
.catalogo a{cursor: pointer;}
.pointer {cursor: pointer}
.cat_cat_box a{color: #797979;}
.cat_cat_box a:hover {text-decoration: none; color: #5f5f5f;}
.slide_producto{border:1px solid #d4d4d4;}
.input-d{width: 40px !important;}
.btn_agregar{margin-left: 4px; background-color:#2d3075; color: white;
font-size: 13px; padding: 4px 10px;}
.codigo{font-weight: lighter;}
.caractesiticas{ font-weight: lighter;}
.share_product a{color: #a5a5a5 !important;  cursor: pointer !important;}
.share_product a:hover{ text-decoration: none;}
.detalles h4{font-weight: normal;  font-size: 20px; background-color: #ffca00; padding: 10px 20px;}
.box_product_detail{padding: 40px 40px;}
.p_relation{width: 300px;}

.box_pro_re{height: 186px; width: 186px;
   position: relative; padding-top: 70px;}

.img-opaca_pro_re{position: absolute;
    top:0;right: 0;
left: 0;
    z-index: -1;
height: 182px; width: 182px;
background-color: #000000; opacity: 0.5;
transition: all 0.7s ease;}

.img-box-pre{position: absolute;
    top:0;right: 0;
left: 0;
    z-index: -1;
opacity: 1;}
.box_pro_re:hover .img-opaca_pro_re {
  opacity: 0; color: black;
}
.texto-box-pre{ color: white; font-size: 13px; }
.bg_yellow btn texto-box-pre{color: black !important;}
.name-pro{color: white; font-weight: bold;}
.btn-pre{color: black !important; width: 124px; padding: 5px 5px !important;}
.btn-vermas-pre{width: 200px; padding: 10px 20px;}
.btn-ver{padding: 2px 36px !important;}

/*catalogo animado*/

  /* icon basket smoth animation */
  .icon_basket-enter{
    opacity: 0;
  }
  .icon_basket-enter-active{
    transition: opacity 1s;
  }
  .icon_basket-leave{
    /* opacity: 1; */
  }
  .icon_basket-leave-active{
    transition: opacity 1s;
    opacity: 0;
  }

.active{
  background-color:#ffca00;;
    color: black !important;
}



/*Preguntas frecuentes*/
.preguntas_frecuentes_titulo{margin: 20px}
.preguntas_frecuentes_preguntas{color:#2d3075;}
.preguntas_frecuentes_span{color:#2d3075;}
.preguntas_frecuentes p{color: #414141;}
.preguntas_frecuentes strong{color: black;}

/*acordeon modificacion*/
.datos-personales{cursor: pointer;}

/*carriito caja*/

.product_cart {
   position: absolute; top:25px; background-color: white; z-index: 3; padding: 0px; width: 200px;
box-shadow: 0px 2px 8px #888888;
}
.product_cart img{
    max-height: 80px;
    }
 .product-cart-text h4{font-size: 11px !important;}
.product-cart-text-close{ padding-right: 10px}
  .product-cart-text-close h4{font-size: 14px !important; text-align: right;}


@media (max-width: 767.99px) {
.product_cart img{
    max-height: 50px;
    }
    .product-cart-text h4{font-size: 11px !important;}
    .product-cart-text-close h4{font-size: 11px !important; padding-left: 12px;}
}
.product-cart-text h4{color: #414141 !important; font-size: 12px; margin-top: 20px; margin-bottom: 5px;}
.product-cart-text .cant-p{color: #414141 !important; font-size: 10px; margin-top: 0px}

/*coontador producto*/
.contador-producto{
    padding: 0px 4px;
    padding-top: 1px;
    padding-bottom: 1px;

    border-radius: 30px;
    position:relative;
    background-color: orangered;
    color: white;
    right: 14px;
    font-size: 8px;
}
.carro{font-size: 12px; cursor: pointer;}
.carro-2{cursor: pointer}
.product-cart-text-close h4{color: #414141 !important; font-size: 15px; margin-top: 20px}
.product-cart-divisor{border: 1x solid grey;}
.product-cart-divisor img{max-width: 70px !important; padding-left: 8px}
/*comparador de productos*/
.comparador-titulo{border:1px solid black; width: 473px; height:61px; font-size: 25px;}
@media (max-width: 576px) {
.comparador-titulo{border:1px solid black; width: 260px;; height:101px; font-size: 25px;}
}

.comp-pro-titulo{width: 80%; padding: 10px 20px; position: relative; top:-25px}
.comp-pro-titulo h4{font-size: 21px;}
.comp-pro-caracteristicas{font-size: 21px;}
.comp-pro-precio{font-size: 21px;}


/*panel login*/

.panel-body{}
.panel-login {
  border-color: #ccc;
  border: 5px solid #f0f0f0;
}
.mi-cuenta{padding: 15px 0px; color: }
.mi-cuenta a{color: #2d3075 !important; }

.crear-cuenta{padding: 15px 0px; color: }
.crear-cuenta a{color: #2d3075 !important; }
.panel-login .in-active {background-color: #F0F0F0 !important;}
.panel-login .active {background-color: #ffffff !important;}
.panel-login>.panel-heading {

  text-align:center;
}
.panel-login>.panel-heading a{
  text-decoration: none;
  color: #666;
  font-weight: bold;
  font-size: 15px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.panel-login>.panel-heading a.active{
  color: #029f5b;
  font-size: 18px;
}
.panel-login>.panel-heading hr{
  margin-top: 10px;
  margin-bottom: 0px;
  clear: both;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
  background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
  background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}
.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
  height: 36px;
  border: none;
    background-color: #f0f0f0;
  font-size: 16px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
    padding-left: 10px;
}
.panel-login input:hover,
.panel-login input:focus {
  outline:none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #ccc;
}
.btn-login {
  background-color: #59B2E0;
  outline: none;
  color: #fff;
  font-size: 14px;
  height: auto;
  font-weight: normal;
  padding: 14px 0;
  text-transform: uppercase;
  border-color: #59B2E6;
}
.btn-login:hover,
.btn-login:focus {
  color: #fff;
  background-color: #53A3CD;
  border-color: #53A3CD;
}
.forgot-password {
  text-decoration: underline;
  color: #888;
}
.forgot-password:hover,
.forgot-password:focus {
  text-decoration: underline;
  color: #666;
}

.btn-register {
  background-color: #1CB94E;
  outline: none;
  color: #fff;
  font-size: 14px;
  height: auto;
  font-weight: normal;
  padding: 14px 0;
  text-transform: uppercase;
  border-color: #1CB94A;
}
.btn-register:hover,
.btn-register:focus {
  color: #fff;
  background-color: #1CA347;
  border-color: #1CA347;
}

.boton-acceder{width: 187px;}
.condiciones-crear-cuenta{font-size: 9px;}


/*blog*/
.blog-texto p{color: #666; font-size: 13px}
.azul-caja-blog{background-color: #2d3075; color: white !important;}
.linea-azul{
    border-bottom: 1px solid #2d3075;
}
.lo-mas-leido{padding: 0px 0px;}
.lo-mas-leido p{color: #666; font-size: 12px; margin-top: 10px; }
.destacadas-titulo{font-size: 9px;}
.destacadas-texto p{font-size: 9px;}

/*footer2*/
.footer-dos{color: white !important; font-size: 12px;}
.footer-dos .fa-caret-right{color: #ffca00; }
.footer-dos a:hover{color: #2d3075;}
.footer-dos p{margin-bottom: 3px;}

.paginas img{max-height: 109px;max-height: 110px; max-width: 200px;}
.paginas h4{font-size: 18px; margin-top: 10px}

/* cart basket animation */
.basket-enter{
  opacity: 0;
}
.basket-enter-active{
  transition: opacity 1s;
}
.basket-leave{
  /* opacity: 1; */
}
.basket-leave-active{
  transition: opacity 1s;
  opacity: 0;
}

/*bottones carro*/
.c-subtotal{font-family: sans-serif; padding:10px 10px; font-size: 12px}
.c-revisar{font-family: 'Teko', sans-serif; padding:10px 10px; text-align: center; cursor: pointer; background-color: #eaeaea;
border-right: 1px solid #ccc;}
.c-comprar{font-family: 'Teko', sans-serif; padding:10px 10px; text-align: center; cursor: pointer;  background-color: #eaeaea;}
.c-revisar .fa{font-size: 14px;}


.c-revisar:hover{background-color:#2d3075; color: white; }
.c-comprar:hover{background-color:#2d3075; color: white; }
.separador-carro{margin: 4px 0;}



/*compartir noticias redes sociales*/
.caja-redes{}

.resto-cajas{background-color: #f2f2f2;  width: 232px;}
.primera-caja-gris{background-color: grey; height: 232px; width: 220px;}

.noticias-redes .logo{width: 34px; height: 20px;}
.logo-box{width: 35px; height: 35px; background-color: white; border-radius: 50%; padding-top: 5px;}
.resto-cajas-titulo{padding-top:10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;}
.noticias-nombre-marca{font-size: 12px; color: grey;}
.noticias-texto{font-size: 11px; padding: 9px 10px; color: #8c8c8c}
.noticias-botones-compartir{

}
.me-gusta{ background-color: #336699; color: white; padding: 10px; text-align: center; cursor: pointer;}
.compartir{ background-color: #336699; color: white; padding: 10px; text-align: center; cursor: pointer;}

.me-gusta:hover{ background-color: #336699;
    color:#ccc;}
.compartir:hover{ background-color: #336699;
    color:#ccc;}
.redes-icones{color:#8c8c8c;  }
.redes-icones .fa{color:white; cursor: pointer}
.redondo-redes-noticias{
        background-color: #8c8c8c;
    border-radius: 50%;
    border: 1x solid grey;
    padding: 2px 6px;
    color: white !important;
    font-size: 12px;
}

.redondo-redes-noticias-twitter{
    margin-top: 10px;
        background-color: #8c8c8c;
    border-radius: 50%;
    border: 1x solid grey;
    padding: 2px 5px;
    color: white !important;
    font-size: 13px;
}

.redondo-redes-noticias-instagram{
    margin-top: 10px;
        background-color: #8c8c8c;
    border-radius: 50%;
    border: 1x solid grey;
    padding: 2px 5px;
    color: white !important;
    font-size: 13px;
}
.caja-iconos{width: 20px; margin-bottom: 10px;}
.cursor{cursor: pointer}


/*********************************************/
/************* Pagina carrito ****************/
/*********************************************/

.carrito-pagina img{max-height: 130px; max-width: 160px; padding: 10px;}
.carrito-pagina .table thead th .pes{text-align: center !important;}
.p-texto{ color: #858585; font-size: 14px;}
.centrar-verticalmente{vertical-align: text-bottom;}

/*boton mas y menus customizado de acuerdo al diseño*/

/* fin boton mas y menos*/

/*boton borrar*/
.borrar-carrito { margin-left: 20px; cursor: pointer;}
.table{border-left: 1px solid #ccc;
border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.actualizar{height: 89px; cursor: pointer;}
.actualizar p:hover {background-color: #ccc; color: white;}
.actualizar p{padding: 10px; border: 1px solid #ccc; width: 300px; text-align: center; margin-top: 13px}
.total-compra{border: 1px solid #ccc;  padding: 10px 20px;}
.total-compra-titulo{font-size: 20px; border-bottom: 1px solid #ccc;}
.calcular-costo{color: #2d3075; font-size: 14px;}
.total-generado{background-color:#f0f0f0; width: 200px; padding:5px 20px; text-align: center; color: #878686; }
.total-orden{border-top: 1px solid #ccc;}
.btn-procesar{background-color: #ffca00; padding: 10px 19px;; text-align: center; cursor: pointer; color: black;}
.btn-procesar:hover{background-color: #2d3075; color: white;}
.numero-carro{width: 70px;}

/*LA EMPRESA*/

.caja-datos-a{display: none;}
.caja-contacto{position: relative; }
.titulo{ z-index: 100; color: #FFCA00; background-color: rgba(46, 49, 112, 0.7); display: none; padding: 14px 10px 10px 10px;}
.la-empresa-columnas{color: #464646;}
.mision{height: 100px;   padding-right: 20px; }
.mision h3{color: #2d3075; }
.vision{height: 100px;   padding-right: 20px;}
.vision h3{color: #2d3075; }
.mv-divisor{border-right: 1px solid #ccc;}

/*CONTACTO*/
/*input bg color*/
.bg-contacto{background-color: #efefef; border: none;}
.contacto-slogan{font-size: 20px !important; color: #848484; }

.icono-contacto{color: #2d3075; font-size: 20px;}
.texto-datos-contacto{color: #848484 !important;}
#map {height: 300px; width: 100%;
visibility: hidden;
}

/*BLOG FRENTE*/

/*imagen hover responsive letras*/
#photos {

  max-width: 100%;
  position: relative;
}

#photos a {
  margin: 0 auto;
  padding: 0;
  text-decoration: none;
}

#photos img {
  position: relative;
  float: left;
  width: 100%;
}

#photos p {
  padding: 29% 0 0 40%;
  position: absolute;
  max-width: 100%;
  color: #fff;
  font-size: 1em;
  text-align: center;
}
/*fin imagen letra responsive*/
.btn-articulosrecomendados{border: 2px solid #ccc; padding: 7px 10px;}
.titulo-articulo{font-size: 15px}
.texto-articulo{color: #848484; font-size: 14px}


/*Paginador*/
.page-link{color: #6d6d6d; background-color: #e4e4e4; border: none;}
.page-link a:hover{color: #848484;}


.grid {
  min-height: 480px;
  transition: .25s;
}