@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:500,700&display=swap');
/*****estructura*****/
.container {
    width: 100%;
}
header#header .container {
    width: 100%;
}
body {
    padding-top: 75px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #222222;
    font-family: 'Barlow Semi Condensed', sans-serif;
}
h6 {
    border-bottom: 1px solid #b2b2b2;
    color: #222;
    padding-bottom: 10px;
}
.breadcrumb {
    margin-top: 20px;
}
/*****Menu*****/
.navbar.navbar-default.navbar-superior {
    background: #FFCCBC;
}
.navbar-default .navbar-nav>li>a {
    color: #222;
    font-family:  'Barlow Semi Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px
}
.navbar-default .navbar-nav>li>a span.caret {
    background: none;
    color: inherit;
    padding: 0;
}
.navbar-default .navbar-nav>li>a span {
    background: rgba(33, 33, 33, 0.5);
    color: #fff;
    padding: 5px 10px
}
.navbar-default .navbar-nav>li>a:after {
    content: '/';
    margin-left: 15px;
    color: #ffffff;
    font-size: 18px;
}
.navbar-default .navbar-nav>li>a span.sale {
    color: #e41d29;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 0px;
}
ul.nav.navbar-nav.navbar-left.sm-vertical a:after {
    content: '';
}
ul.nav.navbar-nav.navbar-left.sm-vertical a{
	padding-left: 15px;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background: none}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background: #FFCCBC}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background: rgba(33, 33, 33, 0.5); color:#fff;}
.dropdown-menu{ background:#9c7171  }
.ban-top-izquierda {
    width: 200px;
}
ul#menutop li, .top-number {
    display: none;
}

div#carrito_top {
    float: right;
    margin-top: 5px;
    margin-left: 10px;
}
#cantidad_carrito.badge {
    background: rgba(33, 33, 33, 0.5)
}
.caja_func_sup {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 500;
    margin-top: 15px
}
span#nombre_usuario strong {
    color: #4e4e4e;
    font-weight: 500;
}
span.totalCarritoConMoneda {
    margin-left: 15px;
}
#login_sup:before, #nombre_usuario:before, .cambiar_cuenta_top:before, .registracion:before, .terminar_sesion_top:before {
    font-family: "Font Awesome 5 Pro";
}
.login_sup a {
    font-size: 16px;
    vertical-align: middle;
    margin-left: 5px;
}
#login_sup:before, #nombre_usuario:before, .cambiar_cuenta_top:before, .registracion:before, .terminar_sesion_top:before {
    display: inline-block;
    font-size: 15px;
    position: relative;
    top: 3px;
    padding-right: 0;
    margin-left: 10px;
    font-weight: 300;
}
.registracion:before{
    top: -1px
}
#login_sup:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f090";
    font-weight: 300;
    display: none
}
a.terminar_sesion_top:before {
    display: none;
}
a.terminar_sesion_top {
    padding: 0 10px;
    font-size: 15px;
}
.ico_usuario, a.ircarrito:before {
    font-size: 18px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f290";
}
.top-bar {
    padding: 0;
    background: #222;
    border-bottom: 0;
    line-height: 0px;
    margin:0px;
}
.search {
    position: absolute;
    z-index: 99;
    right: 25%;
    top: 20px;
}
ul#menutop li a, ul.social-share li a {
    display: inline-block;
    padding: 3px;
    margin-top: 5px;
}
ul#menutop li a:hover, ul.social-share li a:hover {
    color: #fff;
}
#palabra::placeholder {
    color: #222;
    font-family: 'Barlow Semi Condensed', sans-serif
}
input.search-form {
    border: 0px;
    border-bottom: 1px solid #222 !important;
    background: transparent;
    border-radius: 0px;
    width: 280px
}
button.btn.btn-buscartop {
    background: transparent;
}
.search, .search i {
    color: #222;
}
.leyenda-arriba {
    background: #222222;
    color: #fff;
    padding: 8px;
}
ul.social-share i, ul.social-share a{color: #222}
ul.social-share {
  text-align: center;
  padding: 1% 0;
  position: fixed;
  top: 40%;
  right: 0;
  height: auto;
  width: 40px;
  z-index: 10;
  background: #ffccbc
}
ul.social-share li {margin: 5% 30%}
.btn.btn-compra, .btn-success, .btn-detalle, input#bt_continuar, input#boton_datos {
    background: #201f1f;
    border-radius: 0px;
    margin-top: 10px;
    border:2px solid;
}
input#bt_continuar {
    margin-right: 5%;
}

.btn.btn-detalle:before{
	display: none
}
.cart-actions input[type=button] {
    background: #201f1f;
    border: 2px solid #201f1f;
}
.btn.btn-compra:hover, .btn-success:hover, .btn-success:focus, .btn-detalle:hover, input#bt_continuar:hover, input#boton_datos:hover{
    background: #90776e;
    border: 2px solid #90776e;
}
.favButton.favCaja:hover {
    color: #ffccbc;
}
.favButton {
    color: #fff;
}
/*****Imagenes*****/
.image {
    height: 100% !important; max-height: 80%}
.image a img {
    max-height: 100%;
}
/*****Carrito*****/
.lista-medios-pago li:hover, .lista-medios-pago .bordePago2 {
    border: 2px solid #fab199;
}
.contentBox button {
    background: #e19f8a;
    border-radius: 0px;
}
.msgalerta {
    color: #4e4e4e;
    background-color: #ffccbc;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}
.orderStep li {
    background: #ffccbc;
}
.orderStep li.active {
    background: #fab19a;
}
.orderStep li.active:after {
    border-top-color: #fab199!important;
}
div#order-detail-content a {
    background: #212121;
    border-radius: 0px;
    font-weight: 400;
}
.bg-info {
    background-color: #ffccbc;
}
.couponForm .btn, input#iniciarpago {
    border-radius: 0;
    background: #212121;
    color: #fff
}
div.seguir_superior a {
    display: none;
}
div.seguir_superior{
    margin-top: 20px
}
/*****Footer*****/
.newsletter button.btn.load.btn-news , .cajasnove .mas_nov a{
    background: #ffccbc;
    color: #222;
    border-radius: 0px;
    padding: 10px 30px;
    font-size: 16px
}
.newsletter {
    padding: 40px 0;
    padding-bottom: 20px;
}
.newsletter  h2 {
    font-size: 140%;
}
.footercliente {
    background: #222222;padding: 0; border-bottom: 1px solid #ffccbc4f;
    padding-bottom: 10px
}
.footercliente .container {
    width: 1170px;
    text-align: left;
}
.footercliente h3 {
    color: #ffccbc;
}
.footercliente a, .footercliente p, p.datos_pie, p.datos_pie a, footer, footer a {
    color: #fff8e1;
}
.footercliente a i {
    font-size: 24px;
    color: #ffccbc;
}
p.iva {
    background: #ffccbc;
}

/*****Modal*****/
.loginmodal-container, .modal-body, .modal-content, .modal-header-primary {
    background: #ffdfd4
}
.modal h5 span {
    background: transparent!important;
    padding: 0px!important;
}
.style2 .title-sol span, .title-sol.style2 span {
    font-family: 'Barlow Semi Condensed', sans-serif;
}
.loginmodal-container a {
    text-decoration: none;
    color: #201f1f;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    opacity: 9;
    transition: opacity ease .5s;
    font-size: 14px;
    margin-top: 10px;
}
.style2 .title-sol:after, .title-sol-style2:after, .title-sol.style2:after {
    background: transparent;
    content: "";
    display: block;
    height: 1px;
    margin-left: 10%;
    position: absolute;
    top: 28px;
    width: 80%;
    z-index: 1;
}
div#ModalLogin h6 {
    border: 0px;
}
.modal-header-primary h5 {
    color: #333;
    font-weight: 400;
    font-size: 20px!important;
    margin: 10px 15px 0 !important;
}
.modal span#nombre_prod_alert {
    font-size: 130%;
    font-weight: 600;
    color: #333;
}
.modalcont a, .modalver a {
    border-radius: 0px !important;
}
.modalcont a{
	background: #333
}
.modalver a {
	background: rgba(32, 31, 31, 0.7215686274509804)
}
.modalcont a:hover, .modalver a:hover {
    background: #90776e;
}

/*****Detalle productos*****/
.breadcrumb {
    border: 1px solid #222;
    background: 0 0;
    border-radius: 0px;
    color: #222222;
}
div#img_prod {
    width: 80%;
    margin: 0 auto;
}
body.detalle .container {
    width: 70%;
}
.featuredImgLook2 .inner:hover, .product:hover {
    border: 1px solid #ffccbc;
}
input#cantidad {
    text-align: center;width: 80px
}
body.productos .col-izq-int {
    margin-top: 20px;
}
.productFilter.productFilterLook2 a {
    background: rgba(32, 31, 31, 0.7215686274509804);
    color: #ffffff;
    padding: 8px 20px;
    font-size: 14px;
}
.swatches .selected:after {
    color: #90776e;
}
.caja_color {
    margin-bottom: 10px;
}
input#boton_compra {
    position: absolute;
    top: 9px;
    left: 110px;
    border: 0;
}
.details-description {
    font-size: 16px;
}
div#divlonuevo .title-sol-style2, div#divlonuevo .title-sol.style2, div#divofertas .title-sol-style2, div#divofertas .title-sol.style2 {
    position: relative;
    padding: 20px;
}
div.quickview {
    display: block;
    margin-top: 50%;
    max-height: 50px;
    position: absolute;
    width: 100%;
    z-index: 2;
    visibility: hidden;
    border: 0px;
}
.product:hover .btn-quickview, .product .quickview{
    background: transparent;
    border: 0px;
    box-shadow: none
}
.product .btn-quickview i {
    color: #ffffff;
    font-size: 30px;
}
body.contenidos .container {
    width: 1170px;
}
.medios-pago i {
    font-size: 30px;
    background: #ffccbc;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color: #212121;
}
h1.titulo {
    font-size: 200%;
    text-align: center;
    margin-bottom: 30px;
}
/*****Destacados Home*****/
.spotfooter {
    background: #FFF8E1;
    padding: 60px 0;
}
.spotfooter .media-body {
    text-align: left;
}
.spotfooter .media-body p {
    font-style: italic;
    font-size: 16px;
}
.spotfooter .media-left i {
    font-size: 50px;
    padding: 0 10px;
}
.spot_ofertas_sup img {
    float: left;
    margin-right: 15px;
}
div#divofertas {
    clear: both;
}
.spotfooter .row {
    margin: 0px;
}

/*****slide*****/
ul.slick-dots {
    z-index: 8;
}
span.container.leyenda_slide {
    position: absolute;
    top: 20px;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    background: #222222;
}
.container.leyenda_slide h1 {
    color: rgba(33, 33, 33, 0.8117647058823529);
    font: 700 80px 'Barlow Semi Condensed', sans-serif !important;
    margin-top: 280px;
    text-shadow: none!important;
    margin-left: 3%;
    line-height: 75px !important
}
.container.leyenda_slide h1 span {
    display: block;
    font-weight: 400;
    color: #fff8e1
}
/*****Columna izquierda****/
aside.col-md-3.cols-grals {
    background: #f5f5f5;
    padding: 20px;
}
nav#navbar-sidebar {
    background: transparent;
    box-shadow: none;
}
.navbar-header-lateral {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.navbar-lateral .ley_cate_lateral_xs {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Barlow Semi Condensed', sans-serif;
    padding-left: 15px;
}
ul.nav.navbar-nav.navbar-left.sm-vertical {
    margin-top: 0px;
}
.search-fixed {
    position: fixed;
    top: 18px;
}
.form-group .form-control {
    padding: 7px 12px;
    border-color: #aea5a5;
    box-shadow: none;
    border-radius: 0px;
}
input.form-control.in_seguridad.pull-left {
    width: 100px!important;
}

/*****Barra Demo****/
div#barraDemo { width:100%; position:fixed; background:rgba(255,0,0,0.8); bottom:0; z-index:999999; padding:0; margin:0 }
div#barraDemo p{ padding:15px; text-align:center; color:#fff; margin:0 }
div#barraDemo p img { position:relative; top:-2px; }
div#barraDemo i {color:#fff; font-size:30px; position:absolute; right:20px; top:12px; z-index:99999999}

/*****Media****/
@media (max-width:1440px){  
input.search-form, input.search-form:hover, input.search-form:focus {
    width: 200px;
}
.search {
    right: 31%;
}
.image {
    max-height: 70%;
}}

@media (max-width:1366px){  
.navbar-default .navbar-nav>li>a {
    padding: 10px 10px 10px 0px;
}
button.btn.btn-buscartop {
    padding: 8px;
}
}

@media (max-width:1280px){  
.navbar-default .navbar-nav>li>a:after {
    margin-left: 10px;
}
.navbar-default .navbar-nav>li>a {
    padding: 10px 8px 10px 0px;
}
.navbar-default .navbar-nav>li>a {
    font-size: 15px;
}
input.search-form, input.search-form:hover, input.search-form:focus {
    width: 180px;
}
.search {
    right: 34%;
}
ul.nav.navbar-nav {
    margin-top: 15px;
    margin-left: 10px;
}
.container.leyenda_slide h1 {
    margin-top: 100px;
}}
@media (max-width:1024px){  
body.contenidos .container {
    width: 100%
}
.search{
    display: none;
}
.navbar-default .navbar-nav>li>a {
    font-size: 14px;
}
.navbar-default .navbar-nav>li>a {
    padding: 10px 0px 10px 0px;
}
ul.nav.navbar-nav {
    margin-top: 20px;
    margin-left: -55px;
}
.footercliente .container {
    width: 100%;
    text-align: left;
}
}
@media (max-width:767px){  
	div.social.pull-right .dropdown-menu li {
    padding: 12px 10px!important;
    border-bottom: 1px dotted #222;
}
.row.noticiashome {
    margin: 0;
}
.navbar-nav.sm-collapsible a.has-submenu {
    padding-right: 0px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    text-align: center;
        font-family: 'Barlow Semi Condensed', sans-serif;
    color: #fff;
    text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a span.caret {
    background: #9c7171;
}
li#sucursal_movil {
    display: none;
}
li#micuenta_top a:nth-child(2) {
    margin-left: 10px;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-toggle {
    float: left;
    margin-right: 10px;
    margin-top: -5px
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.dropdown-cart {
    background: #fff;
    color: #222;
    padding-bottom: 0;
    top: 40px;
}
.dropdown-menu #nombre_usuario, .dropdown-cart a{
	color: #222
}
ul.social-share a {
    margin-right: 5px;
}
.social-share a {
    color: #222222;
    font-size: 20px;
    margin-top: 2px !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #222;
}

div#navbar-menu-superior {
    margin-left: -15px;
    padding-top: 0px;
}
.search {
    top: 10px;
    right: 21%;
    display: block;
}
input.search-form {
    border: 1px solid #222;
}
button.btn.btn-buscartop {
    background: #222222;
    padding: 8px 12px
}
.search, .search i {
    color: #fff;
}

input.search-form, input.search-form:hover, input.search-form:focus {
    width: 220px;
}
.spotfooter .media-body {
    text-align: center;
    display: block;
    width: 100%;
}
.spotfooter .media-left {
    display: block;
    padding: 20px 0;
}
.footercliente .container {
    text-align: center;
}
.footercliente img {
    margin: 10px auto !important;
}
.ban-top-izquierda {
    width: 100px;
    margin-left: 60px;
    margin-top: -10px;
}
a.dropdown-toggle {
    position: absolute;
    right: 5%;
    z-index: 99;
    top: 10px;
    color: #222222;
    font-size: 20px;
}

.social-share {
    position: absolute;
    right: 8%;
    z-index: 99;
    top: 12px;
}
body {
    padding-top: 60px;
}
.social-share-fixed, .dropdown-toggle-fixed {
    position: fixed !important;
}
.dropdown-cart-fixed {
    position: fixed;
}
ul.nav.navbar-nav {
    margin-top: 20px;
    margin-left: 10px;
    text-align: center;
        margin-right: 10px;
}
.navbar-nav .open .dropdown-menu {
    background: #9c7171;
    color: #fff;
}
.navbar-default .navbar-nav>li>a:after{
    display: none
}
.menu_pie ul.list-inline {
    display: none;
}
body.detalle .container {
    width: 100%;
}
}
@media (max-width:640px){
input.search-form, input.search-form:hover, input.search-form:focus {
    width: 200px;
} }
@media (max-width:480px){ 
body {
    padding-top: 95px;
} 
.navbar-fixed-top {
    height: 90px;
}
.search {
    top: 50px;
    right: 0;
}
input.search-form, input.search-form:hover, input.search-form:focus {
    width: 290px; background: white
}
.social-share {
    right: 10%;
}
div#navbar-menu-superior {
    padding-top: 20px;
        background: white
}
.container.leyenda_slide h1 {
    margin-top: 30px;
    font-size: 30px !important;
    line-height: 32px !important;
}
.navbar.navbar-default.navbar-superior {
    padding-bottom: 0px;
}

}
@media (max-width:414px){
input.search-form, input.search-form:hover, input.search-form:focus {
    width: 320px;
}
}
@media (max-width:375px){
input.search-form, input.search-form:hover, input.search-form:focus {
    width: 290px;
}
}
@media (max-width:360px){
input.search-form, input.search-form:hover, input.search-form:focus {
    width: 270px;
}
}
@media (max-width:320px){
input.search-form, input.search-form:hover, input.search-form:focus {
    width: 230px;
}
li.suscripcion a {
    display: none !important;
}

}

div.boton_arrepentimiento a { border:none !important }