@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,600');

@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,600');

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');

@font-face {
    font-family: "futura medium";
    src: url('fonts/Futura Medium.otf') format("truetype");
}

body {
    color: #333;
    font-family: 'Open Sans';
    background-color: #fff;
}

a, a:hover, a:visited, a:link, a:active { text-decoration: none;}
p{font-size: 16px;font-family: 'Open Sans';color: #8c8c8c;}

.modal p{
    font-size: 14px;font-family: 'Open Sans';color: #333;
}
.enlace-otros{
    color:#c1661a;
}
.textaco p {
    font-size: 16px;
    text-align: center;
    color: #8c8c8c;
    margin: 0;
    font-family: 'Open Sans';
}

h1{
    font-size: 35px;
    font-family: 'Roboto', sans-serif;
}

h2{
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
}

h3{
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
}

h6.fino{font-size: 16px}
#socialside{position: fixed;bottom: 30px;right: 30px;z-index: 100}
.circulo-w{ height: 100px;width: 100px;border-radius: 100px;background-color: #01e676}
.circulo-w img{height: 50px;width: 50px}
/* -- circulos -- */
.wrapper-flex,.wrapper-flex-mobile{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;/* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;

    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}


/* -- row -- */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.row-eq-height.container:before,
.row-eq-height.container:after,
.row-eq-height.row:before,
.row-eq-height.row:after {
    content: normal;
}

.separa-5{
    height: 5px;
}

.separa-10{
    height: 10px;
}

.separa-20{
    height: 20px;
}

.separa-40{
    height: 40px;
}

.separa-30{
    height: 30px;
}

.separa-50{
    height: 50px;
}

.overflow-x{
    overflow-x: hidden;
}

.overflow-y{
    overflow-y: hidden;
}

.relative{
    position: relative;
}

/*   cabecera   */

.cabecera{
    height: 35px;
    background-color: #141414;
}

.contenidoCabecera{
    float: right;
    height: 35px;
    width: fit-content;
    width: -moz- fit-content;
}

.contenidoCabecera .redes{
    min-width: 78px;
    height: 100%;
    border-left: 1px solid #363636;
}

.contenidoCabecera .redes .fa{
    color: #c16819;
    font-size: 13px;
    margin: 0 5px;
    transition: .2s;
}

.contenidoCabecera .redes .fa:hover{
    transform: scale(1.5);
}

.contenidoCabecera .numero{
    min-width: 240px;
    height: 100%;
    border-left: 1px solid #363636;
}

.contenidoCabecera .numero img{
    height: 18px;
    margin: 0 0 0 16px;
}

.contenidoCabecera .numero p{
    font-size: 14px;
    color: #ffffff;
    margin: 0 16px 0 9px;
}

.contenidoCabecera .email{
    min-width: 240px;
    height: 100%;
}

.contenidoCabecera .email img{
    height: 18px;
    margin: 0 0 0 16px;
}

.contenidoCabecera .email p{
    font-size: 14px;
    color: #ffffff;
    margin: 0 16px 0 9px;
}


.modal-header {
    background-color: #000;
    color: #fff;
}

.modal-header .close {
    margin-top: -2px;
    color: #fff;
}
.contacto-terminos a{
    color: #c1661a;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
}
/* TABLA MIS PEDIOS*/

.tabla_cabecera .row {font-weight: 400; background-color: #272727; color: #fff}
#tabla_stocks_resultados .row:nth-child(even) { background-color: #f2f2f2 }
.tabla_stocks .cell{padding: 15px}
.tabla_stocks .cell-btn{padding: 10px}
.avisono {margin: 10px 0px; font-size: 18px}

textarea {
    resize: vertical;
}
/*   menu_principal   */

.menu_principal{
    min-height: 91px;
    background-color: rgba(20,20,20,.8);
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    z-index: 1;
}

.navbar-default {
    background-color: transparent;
    border: none; 
    border-radius: 0;
}

.navbar {
    min-height: 91px;
    margin-bottom: 0px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #facaa0;
    background-color: transparent;
}

.multi-level{
    background-color: #141414;
}

.multi-level>li>a {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    padding: 6px 15px;
}

.navbar-default .navbar-nav>li>a {
    height: 91px;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    color: #ffffff;
    line-height: 62px; 
    padding: 15px 13px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    font-weight: 400;
    text-transform: uppercase;
}

.navbar-nav>li>a:hover{
    color: #facaa0 !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #facaa0;
    background-color: rgba(20,20,20,.8);
}

.navbar-right {
    margin-right: 0px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-brand a img {
    position: absolute;
    left: 0px;
    bottom: 15px;
    height: 60px;
    margin-left: 0px;
    padding: 0;
    z-index: 1;
    -webkit-filter: grayscale(100%) brightness(1000%) contrast(100%);
}

a.cerrar_sesion{color: #c1671a;}

.botonNavegador{
    float: right;
    height: 100%;
    margin: auto;
}

.btn-navegador { 
    padding: 9px 19px;
    font-family: 'Oswald', sans-serif;
    background-color: #c16819 !important;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 400;
    float: right;
    margin: auto 14px auto 14px;
    transition: .2s;
    text-transform: uppercase;
} 

.btn-navegador img{
    height: 16px;   
    margin: 0 5px 5px 0;
    transition: .2s ease-out;
}

@keyframes hang {
    0% {transform: rotate(-50deg);}
    50% {transform: rotate(50deg);}
    100% {transform: rotate(-50deg);}
}

.btn-navegador:hover img{
    /*
    transform-origin: center;
    animation-name: hang;
    animation-duration: .8s;
    animation-iteration-count: infinite;
    */

}

.btn-navegador:hover, 
.btn-navegador:focus, 
.btn-navegador:active, 
.btn-navegador.active, 
.open .dropdown-toggle.btn-navegador { 
    transform: scale(1.1);
} 

.zona-privada .flexible{
    display: flex;
    align-items: center;
}


/*   banner   */

.slider_banner{
    height: 485px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.slider{
    background-color: #141414;
}

.formaBanner{
    position: absolute;
    height: 200px;
    width: 100%;
    bottom: -1px;
    height: 200px;
    overflow: hidden;
    pointer-events: none;
    box-shadow: inset 0px -90px 15px -75px #ffffff;
} 

.formaBanner:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: -25px;
    width: 113%;
    height: 198%;
    border-radius: 100%;
    box-shadow: 0px 100px 0px 200px #ffffff;
    border: 22px solid #fff3e9;
}

.slider>.bx-wrapper .bx-viewport {
    border: none !important;
    background: transparent !important;
    box-shadow: 0 0 0px #ccc !important;
    width: 100% !important;
    left: 0px !important;
    height: 485px;
}

.banner{
    transform: none !important;
}

.banner .padre_imagen {
    height: 485px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banner .padre_imagen .imagen{
    height: 485px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .2s ease-in-out;
}

.overlay{
    position: absolute;
    top: 0;
    height: 485px;
    width: 100%;
}

.overlayTexto{
    /*
    min-height: 320px;
    */
    width: 500px;
    position: absolute;
    background-color: rgba(20,20,20,.8);
    right: 0;
    top: 185px;
    top: 115px;
}

.overlayTexto h3{
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    text-align: left;
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 0 0 30px;
}

.overlayTexto h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    text-align: left;
    color: #facaa0;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 0 0 30px;
    word-wrap: break-word;
}

.botonSlide{
    float: right;
    margin: auto;
}


.btn-slider { 
    padding: 10px 27px;
    font-family: 'Oswald', sans-serif;
    background-color: #c16819;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 400;
    float: right;
    margin: auto 38px auto auto;
    transition: .2s;
} 

.btn-slider:hover, 
.btn-slider:focus, 
.btn-slider:active, 
.btn-slider.active, 
.open .dropdown-toggle.btn-slider { 
    transform: scale(1.1);
} 


/*   informacion   */

.informacion h3{
    font-family: 'Oswald', sans-serif;
    font-size: 23px;
    text-align: center;
    color: #8c8c8c;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
}

.informacion h2{
    font-family: 'Oswald', sans-serif;
    font-size: 35px;
    text-align: center;
    color: #141414;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
}

.informacion .textaco p{
    font-size: 16px;
    text-align: center;
    color: #8c8c8c;
    margin: 0;
}

.informacion .linea{
    width: 194px;
    height: 4px;
    background-color: #c16819;
    border-left: 66px solid #efefef;
    border-right: 66px solid #efefef;
    margin: 0 auto;
}

/*   productos   */

.productos h2{
    font-family: 'Oswald', sans-serif;
    font-size: 28px;
    text-align: left;
    color: #141414;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
}

.productos .linea{
    width: 100%;
    height: 4px;
    background-color: #efefef;
    border-left: 62px solid #c16819;
    margin: 0;
}


.contenidoProductos div{
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.cajas{
    position: relative;
    height: 281px;
    border: 1px solid #ededed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .2s ease-in-out;
}

.overlayProducto{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,.9);
    opacity: 0;
    transition: all .2s ease-in-out;
}

.overlayProducto p{
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    text-align: center;
    color: #c16819;
    font-weight: 600;
    margin: 0;
}

.overlayProducto .precio{
    position: absolute;
    height: 53px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(193,104,25,.2);
    padding: 15px;
}

.overlayProducto .precio.reducido{
    height: 20px;
}

.overlayProducto .precio .aniadir{
    width: fit-content;
    float: left;
    height: 100%;
}

.overlayProducto .precio .aniadir img{
    height: 23px;
    margin: 0 5px 0 0;
}

.overlayProducto .precio .aniadir p{
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    text-align: left;
    color: #141414;
    font-weight: 600;
    margin: 0;
}

.overlayProducto .precio .valor{
    width: fit-content;
    float: right;
    height: 100%;
}

.cajas:hover .overlayProducto{
    opacity: 1;
}

.botonProductos{
    float: none;
    margin: 0;
    width: 100%;
}


.btn-productos { 
    padding: 13px 16px;
    font-family: 'Oswald', sans-serif;
    background-color: transparent;
    color: #b8b8b8 !important;
    font-size: 16px;
    border: 1px solid #b8b8b8;
    font-weight: 400;
    margin: 0 auto;
    transition: .2s;
} 

.btn-productos:hover, 
.btn-productos:focus, 
.btn-productos:active, 
.btn-productos.active, 
.open .dropdown-toggle.btn-productos { 
    background-color: #b8b8b8;
    color: #ffffff !important;
} 

.flechas{
    position: absolute;
    z-index: 1;
    color: #434345;
    font-size: 70px;
}

.flechas.uno {
    top: 280px;
    left: -75px;
} 

.flechas.dos {
    top: 280px;
    right: -75px;
}


/*   caracteristicas   */

.caracteristicas{
    position: relative;
    min-height: 375px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.overlayCaracteristicas{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.63);
}

.overlayCaracteristicas .ellipses{
    height: auto;
    width: fit-content;
    margin: 0 auto;
}

.contenedorEllipse{
    float: left;
    margin-bottom: 20px;
}

@media (min-width: 1200px){
    .cols-x-7{
        width: calc(100% / 7) !important;
    }
}

.ellipses{    
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

}

.ellipses .ellipse{
    width: 139px;
    height: 139px;
    border-radius: 70px;
    background-color: #c16819;
    margin: 0;
    box-shadow: 5px 10px 25px -2px #000000;
}

.ellipses .ellipse .contenidoEllipse{
    width: 70px; 
}

.imagenEllipse{
    width: 100%;
    height: 100%;
}

.ellipses .ellipse .contenidoEllipse img{
    height: 56px;
    margin: 0 auto 10px auto;
}

.ellipses .ellipse p{
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    font-weight: 100;
    letter-spacing: .2px;
    text-transform: uppercase;
    margin: 0;
}


/*   marcas   */

.marcasTitulo h3{
    font-family: 'Oswald', sans-serif;
    font-size: 23px;
    text-align: center;
    color: #8c8c8c;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
}

.marcasTitulo h2{
    font-family: 'Oswald', sans-serif;
    font-size: 35px;
    text-align: center;
    color: #141414;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
}

.marcasTitulo .linea{
    width: 194px;
    height: 4px;
    background-color: #c16819;
    border-left: 66px solid #efefef;
    border-right: 66px solid #efefef;
    margin: 0 auto;
}

.sliderMarcas{
    overflow: hidden;
}

.row{
    position: relative;
}

.sliderP> .bx-wrapper{
    margin: 0 !important;
    max-width: 1139px !important;
}

.sliderP> .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
    left: 0px;
    background: transparent;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.marcas .padre_imagen {
    height: 150px;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 25px;
}

.marcas .padre_imagen .imagen{
    height: 70px;
    width: 100%;
    margin: 40px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .2s ease-in-out;
}

.marcas .columnas{
    width: 225px !important;
}


/*   footer   */


.footer{
    min-height: 430px;
    background-color: #141414;
    border-bottom: 12px solid #c16819;
    position: relative;
    overflow: hidden;
}

.footer a{color: white;}

.footer:before{
    height: 40px;
    width: 102%;
    margin-left: -1%;
    border-radius: 50% / 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #ffffff;
    content: "";
    position: absolute;
    top: 0;
}

.logoFooter{
    width: 100%;
}

.logoFooter img{
    height: 130px;
    /*filter: contrast(0) sepia(100%) hue-rotate(0deg) brightness(0.43) saturate(7.7);*/
}

.textoFooter p span{
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    font-weight: 100;
    text-transform: uppercase;
    margin: 0;
}

.textoFooter p{
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    font-weight: 100;
    margin: 0;
}

.textoFooter p a:hover{
    color: #c16819;
}

/* INTERIORES */

.banner_interiores{
    border-bottom: 20px solid #fef3ea;
}

.fondo_banner{
    height: 150px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* - Adjuntos - */

.tipografia, .titulo-contenido{text-align: left;color: #141414;text-transform: uppercase;font-family: 'Oswald', sans-serif;font-size: 18px; font-weight: 400;}
.titulo-contenido{color: #2f3668;}
.tipografia i{color: #ff9000;}
.listado {text-align: justify;}

.listado ul, .listado li {margin: 0px;padding: 0px;list-style: none;}
.listado li {padding: 20px;background-color: #fef3ea;}
.listado li a, .listado li.alt a{font-size: 14px;font-family: 'Open Sans';font-weight: 400;}
.listado li.alt {background-color: transparent;}
.listado li.alt a {color: #003f52;text-decoration: none;}
.listado a {color: #141414;text-decoration: none;}
.listado a:hover, .listado li.alt a:hover {color: #ff9000;text-decoration: none;}

/************************************
*             PAGINACION            *
************************************/

.btn-pagination { 
    color: #FFFFFF; 
    background-color: #000; 
    border-color: #000; 
} 

.btn-pagination:hover, 
.btn-pagination:focus, 
.btn-pagination:active, 
.btn-pagination.active, 
.open .dropdown-toggle.btn-pagination { 
    color: #FFFFFF;
    background-color: #c16819; 
    border-color: #000; 
} 

.btn-pagination:active, 
.btn-pagination.active, 
.open .dropdown-toggle.btn-pagination { 
    background-image: none; 
} 

.btn-pagination.disabled, 
.btn-pagination[disabled], 
fieldset[disabled] .btn-pagination, 
.btn-pagination.disabled:hover, 
.btn-pagination[disabled]:hover, 
fieldset[disabled] .btn-pagination:hover, 
.btn-pagination.disabled:focus, 
.btn-pagination[disabled]:focus, 
fieldset[disabled] .btn-pagination:focus, 
.btn-pagination.disabled:active, 
.btn-pagination[disabled]:active, 
fieldset[disabled] .btn-pagination:active, 
.btn-pagination.disabled.active, 
.btn-pagination[disabled].active, 
fieldset[disabled] .btn-pagination.active { 
    background-color: #000; 
    border-color: #000; 
} 

.btn-pagination .badge { 
    color: #000; 
    background-color: #FFFFFF; 
}

.btn-pagination {
    padding: 10px 20px;
    font-size: 14px;
    margin: 0 15px;
    border: 1px solid;
}
/* Noticias */

.noticias, .post_details ul, .popular{list-style: none; padding: 0; margin: 0;}

.noticia a {
    font-family: 'Open Sans',sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #e93727;
}

.noticias .imagen {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.noticias .imagen:after {
    content: "";
    padding-top: 50%;
    display: block;
}

.not-imagen{
    background-color: #ededed;
}

.full-width {
    width: 100%;
}

.noticia .titular {margin-bottom: 0px;}

.noticia .titular h1 {color: #e93727; margin-bottom: 10px;}

.noticia .titular a>h3 {
    margin-bottom: 17px;
    font-size: 26px;
    text-transform: uppercase;
    text-align: left;
    color: #141414;
    font-family: 'Oswald', sans-serif;
}

.noticia .post_details {
    color: #ffffff;
    background-color: #c1671a;
    padding: 10px;
    border-bottom: solid 5px #141414;
    text-align: right;
    font-size: 13px;
}

.post_details li{
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
}

.noticia-detalle-fecha small{ font-family: "Open Sans",sans-serif;font-weight: 300;color: #302224;}

.post_details i{color: #fff;}
.noticia-detalle-fecha i{color: #c1671a;}

.noticia .contenido {
    padding: 5px 15px 10px;
    background-color: #fffdf8;
    border: 1px solid #ffefcc;
}

.contenido_noticia_lista {
    border: 1px solid #fee3d2;
    padding: 0px 20px;
    background-color: #fef3eb;
}

.noticia-detalle-fecha{text-align: right; color: #2b2b2b;}

.sidebar h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: #141414;
    font-family: 'Oswald', sans-serif;
}

.sidebar .input-group-btn{height: 100%; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

.sidebar .input-group-btn button {
    height: 100%;
    border: 1px solid #c1661b;
    background-color: #c1661b;
    color: #ffffff;
}

.sidebar .input-group-btn i{
    font-size: 16px;
}

.popular{font-size: 13px;}
.popular li{padding: 10px 0; border-bottom: dotted 1px #ece2c9;}
.popular .imagen{width: 50px; height: 50px; float: left; margin-right: 10px; border-radius: 3px; background-size: cover; background-position: center center;}
.popular a.title {color: #141414;}
.popular a.texto-breve{color: #5f5f5f;font-weight: 300;}
.popular a.title:hover, .popular a.title:focus, .popular a.title:active {color: #c1661b;}

.contenido_noticia_lista p{}
.bloque.noticia{margin-bottom: 40px;}

.swipebox .imagen-detalle {
    height: 300px;
    width: 400px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    background-position: center;
    background-size: cover;
    border: 1px solid #ececec;
}

.swipebox .imagen {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.swipebox.alt .imagen {
    background-size: cover;
}

.mini-noticia a{font-family: "Open Sans",sans-serif; font-size: 13px;}
.mini-noticia:hover a.title {color: #282828;}

/*control img noticias*/
.contenido_texto img, .textaco img{
    max-width: 100%;
}

/* Form */

.chequear a {
    text-decoration: none;
    color: #c1671a;
}

.chequear a:hover, .chequear a:focus, .chequear a:active{
    color: #ff9000;
}

.marco-contacto .form-control {
    border: 1px solid #efc3a8;
}

.marco-contacto{
    border: 1px solid #eec3a8;
    background-color: #fefbf7;
    padding: 0px 20px 20px;
}

.elige-contacto .nav-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 0;
}

.elige-contacto .nav-tabs>li:first-child {
    margin-right: 15px;
}

.elige-contacto .nav-tabs>li:last-child {
    margin-left: 15px;
}

.elige-contacto .nav-tabs>li>a {
    border: 1px solid #eec3a8;
    color: #c16819;
    text-transform: uppercase;
    border-radius: 0;
}
.elige-contacto .nav-tabs>li.active>a, .elige-contacto .nav-tabs>li.active>a:focus, .elige-contacto .nav-tabs>li.active>a:hover {
    border: 1px solid #eec3a8;
    background-color: #fef3eb;
    color: #333;
}

label{margin: 5px 0px;}

.btn-file{
    color: #fff;
    background-color: #c1671a !important;
    border-color: #c1671a !important; 
}

.btn-default-formulario { 
    color: #1A1A1A; 
    background-color: #eaeaea; 
    border-color: #eaeaea; 
} 

.btn-default-formulario:hover, 
.btn-default-formulario:focus, 
.btn-default-formulario:active, 
.btn-default-formulario.active, 
.open .dropdown-toggle.btn-default-formulario { 
    color: #1A1A1A; 
    background-color: #eaeaea; 
    border-color: #eaeaea; 
} 

.btn-corp1, .btn-corp { 
    color: #FFFFFF; 
    background-color: #C1671A; 
    border-color: #C1671A; 
} 

.btn-corp1:hover, 
.btn-corp1:focus, 
.btn-corp1:active, 
.btn-corp1.active, 
.open .dropdown-toggle.btn-corp1, .btn-corp:hover, .btn-corp:active, .btn-corp:focus { 
    color: #FFFFFF; 
    background-color: #FF9000; 
    border-color: #FF9000; 
} 

.mapeado{
    height: 400px;

    position: relative;
    top: 40px;
    z-index: 1;
    overflow: hidden;
}

#map{
    height: 400px;
    clip-path: ellipse(150% 100% at 50% 0);
    -webkit-clip-path: ellipse(150% 100% at 50% 0);
}

.zona-privada a{
    height: auto !important;
}


.swipebox .imagen:after {
    content: "";
    padding-top: 70%;
    display: block;
}


/* Swipebox Gallery */

ul.gallery{
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Detalles productos */

.marco_prod{
    border: 1px solid #cecece;
}

.columna_categoria i, .columna_referencia i{
    color: #c1671a;
}

.columna_referencia{text-align: right;}

.producto-datos {
    background-color: #fef3eb;
    display: table;
    width: 100%;
}

.tag_option { 
    color: #fff; 
    background-color: #c16819; 
    border-color: #c16819;
    border-radius: 0px;
    margin: 0px 7.5px;
}

.opt{
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.tag_option:hover, 
.tag_option:focus, 
.tag_option:active, 
.tag_option.active, 
.open .dropdown-toggle.tag_option { 
    color: #fff; 
    background-color: #141414; 
    border-color: #141414; 
} 

.tag_option.active{
    color: #fff; 
    background-color: #141414; 
    border-color: #141414; 
}

.form-control.ancho {
    width: 70px;
    font-size: 30px;
    margin: 0px;
    padding: 0px;
    border: none;
    background: transparent;
    box-shadow: none;
    text-align: center;
}

.selector_unidades {
    display: flex;
    justify-content: center;
    align-items: center;
}

.selector_unidades a {
    color: #c1671a;
}

h3.precio_detalle{
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 10px;
}
.precio_anterior_detalle{
    text-decoration: line-through;
}
.precio_anterior{
    text-decoration: line-through;
    color: #c1681969;
    font-size: 20px;
}
.selector_unidades i{font-size: 22px;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.btn-corp2 { 
    color: #ffffff; 
    background-color: #141414; 
    border-color: #141414; 
} 

.btn-corp2:hover, 
.btn-corp2:focus, 
.btn-corp2:active, 
.btn-corp2.active, 
.open .dropdown-toggle.btn-corp2 { 
    color: #ffffff; 
    background-color: #363636; 
    border-color: #363636; 
} 

/**************************
NUEVA CESTA
**************************/

#cesta .articulo .padding{padding-right: 30px}
#mensaje_minimo p strong{
        color: #c1681a;
}
.resumen-cesta{padding: 20px}
.resumen-cesta .ancho-resumen{}
.resumen-cesta .label-resumen{float: right}
.resumen-cesta .label-resumen .cesta-bono{font-size: 24px;margin-right: 10px}
.resumen-cesta .label-resumen .precio_descuento{font-size: 24px;margin-left: 10px}
.resumen-cesta .label-resumen .bigger{font-size: 24px;}

.resumen-cesta .label-resumen p{margin: 0}

.resumen-cesta .aplicar_codigo{height: 52px;border-radius: 0;border-right: none}
.resumen-cesta .input-group-btn{border: 1px solid #ccc;border-radius: 0;border-left: none}
.resumen-cesta .btn-codigo{color:#fff;border:2px solid #fff;height:48px;cursor:pointer;display:flex;min-width:48px;align-items:center;justify-content:center;background-color:#272727}

#gastos .radio, #gastos label{margin: 0}
#gastos label{display: flex;align-items: center;justify-content: flex-start}
#gastos .radio .colocar{width: 0px;margin-bottom: 5px}
.marco-gasto{border: 1px solid #ccc;margin-bottom: 10px;padding: 10px 0px}
#pagar{height: 55px; display: flex; justify-content: center; align-items: center; text-transform: uppercase;}

.resumen-total strong{text-transform: uppercase;position: relative;top: 10px;}

.metodos-pago .radio-inline{font-size: 18px;border: solid 2px #141414;border-radius: 5px;padding: 15px 20px; margin: 0; margin-top: 10px; display: flex; justify-content: center; align-items: center; min-width: fit-content;}
.metodos-pago .radio-inline.radio-version-1{border-color: #c1661b;}
.metodos-pago .radio-inline.radio-version-2{border-color: #000000;}
.metodos-pago .radio-inline.radio-version-3{border-color: #05C0C7;}
.metodos-pago .radio-inline.radio-version-1.active{background-color: #c1661b; color: #ffffff;}
.metodos-pago .radio-inline.radio-version-2.active{background-color: #000000; color: #ffffff;}
.metodos-pago .radio-inline.radio-version-3.active{background-color: #05C0C7; color: #ffffff;}
.metodos-pago .radio-inline input{display: none;}
.metodos-pago .los-metodos{display: flex; justify-content: space-between; align-items: center; gap: 20px;}
.metodos-pago .los-metodos .radio-inline{font-size: 15px; flex: 1;}
.metodos-pago .los-metodos .radio-inline svg{height: 25px; max-width: 25px; margin-right: 10px;}
.metodos-pago .los-metodos .radio-inline svg *{fill: #f1a96e;}
.metodos-pago .los-metodos .radio-inline.radio-version-3 svg *{fill: #05C0C7;}
.metodos-pago .radio-inline.radio-version-1.active svg *{fill: #ffffff;}
.metodos-pago .radio-inline.radio-version-2.active svg *{fill: #ffffff;}
.metodos-pago .radio-inline.radio-version-3.active svg *{fill: #ffffff !important;}
.btn-borrartodo {border-radius: 0px;background-color: #353535;color: #fff!important}

.swal2-popup {font-size: 1.6rem !important;}

.condiciones a{color: #000}
.btn-corporativo{
        border: 0px;
    color: #000;
    text-shadow: 0 1px rgb(0 0 0 / 10%);
    color: #fff;
    background-color: #c1661b;
    border-color: #c1661b;
    padding: 10px 5px;
    font-family: roboto;
    font-size: 15px;
/*    text-transform: uppercase;*/
}
.iconos{
    height: 42px;
    width: 42px;
    background-color: #3a393a;
}

.iconos:nth-child(even){
    background-color: #272727;
}

.iconos img {
    height: 20px;
}

.iconos:hover {
    transform: scale(1.2);
}
.centrado{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.btn-corporativo .btn-carro_portada img {
    height: 20px;
    width: 20px;
    margin-right: 15px;
    border-radius: 0;
}
.btn-corporativo:hover{
    color: #FFFFFF;
    background-color: #FF9000;
    border-color: #FF9000;
}

.tag_option {margin: 7px 5px}

.eshop .imagen.marco {    border: 1px solid #cecece;  margin-bottom: 30px;}



#buscar_palabra {
    background: #141414;
    color: #FFF;
}

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
-- --  -- -- -- -- -- -- -- Responsive  -- -- -- -- -- -- -- -- -- -- -- -- 
-- --  -- -- -- -- -- -- -- -- -- -- --  -- -- -- -- -- -- -- -- -- -- --*/

@media (max-width: 1200px){ /* monitores normales y tablet horizontal */ 

    .navbar-nav>li>a {
        padding: 15px 6px;
    }

    .navbar-brand a img {
        bottom: 48px;
        height: 35px;
    }

    h3.precio_detalle {
        font-size: 34px;
    }

    .cajon_detalles .btn {
        font-size: 13px;
    }

    .cajon_detalles label{font-size: 13px;}

    .marcas .columnas {
        width: 243px !important;
    }

    .cambio5{
        display: block;
    }

    .cambio5 .ellipse{
        float: right;
    }

    .cambio7{
        display: block;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 15px;
    }

    .metodos-pago .los-metodos {
        flex-wrap: wrap;
    }

    .metodos-pago .los-metodos .radio-inline {
        width: calc(50% - 10px);
    }

    .metodos-pago .los-metodos .radio-inline {
        flex: auto;
    }
}

@media (max-width: 992px){ /* tablet vertical */

    .navbar-header {float: none; height: 52px;}
    .navbar-toggle {display: block; border-radius: 0;}
    .navbar-toggle {margin-right: 0px; margin-top: 0px;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin: 7.5px 15px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-text {float: none;margin: 15px 0;}
    .navbar-collapse.collapse.in {display: block!important;}
    .collapsing {overflow: hidden!important;}

    .btn-navegador.left-toggle {
        position: absolute;
        left: -72px;
        top: 0;
    }

    .btn-navegador {
        padding: 9px 23px;
        font-family: 'Oswald', sans-serif;
        background-color: #c16819 !important;
        color: #ffffff !important;
        font-size: 16px;
        font-weight: 400;
        float: right;
        margin: auto auto auto 14px;
        transition: .2s;
        text-transform: uppercase;
    }

    .redes_iconitos{ display: flex; align-items: center;}

    .btn-navegador:hover, .btn-navegador:focus, .btn-navegador:active, .btn-navegador.active, .open .dropdown-toggle.btn-navegador {
        transform: scale(1);
    }

    .modal .login-help{margin-bottom: 20px;}

    .menu_principal {
        background-color: #141414;
        position: fixed;
        min-height: 52px;    
        width: 100%;
        top: 0px;
        z-index: 999;
        border-bottom: 1px solid #c16819;
    }

    .menu_principal .row{
        position: unset;
    }

    .navbar {
        min-height: 52px;
        z-index: 1;
        position: absolute;
        transition: top 0.2s ease-in-out;
        width: 100%;
        left: 0;
    }

    .navbar-default .navbar-brand {
        color: #777;
        margin: 0 !important;
        /* display: none; */
        width: fit-content;
        width: -moz-fit-content;
        width: 100%;
    }

    .left-toggle {
        position: absolute;
        left: 0;
        top: 0;
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
        background-color: #c16819;
    }

    .navbar-toggle {
        padding: 19px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        border-radius: 0px;
        border: none;
        padding: 20px 19px;
    }

    .navbar-brand {
        padding: 8px 0px;
        height: 52px;
    }

    .navbar-header {
        overflow: hidden;
    }

    .nombreMini img {
        height: 35px;
        margin: 0 auto;
    }

    .navbar-brand {
        padding: 8px 10px 0px;
        height: 52px;
    }

    .navbar-brand p{
        font-size: 23px;
        color: #ffffff;
        width: 100%;
        font-family: 'Eurasia';
        font-style: normal;
        text-align: left;
        margin: 7px 0;
        letter-spacing: 1px;
        bottom: 0;
    }

    .navbar{
        height: 52px;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #c16819;
    }

    .botonNavegadorMovil {
        height: 100%;
        margin: auto;
        position: absolute;
        right: 0px;
    }

    .btn-navegadorMovil {
        font-family: 'Oswald', sans-serif;
        background-color: #c16819;
        color: #ffffff !important;
        font-size: 16px;
        font-weight: 400;
        float: right;
        margin: 0;
        transition: .2s;
        width: 60px;
        height: 54px;
        border-right: 1px solid #141414;
    }


    .btn-navegadorMovil img{
        height: 24px;  
        transition: .2s ease-out;
    }

    .btn-navegadorMovil:hover, 
    .btn-navegadorMovil:focus, 
    .btn-navegadorMovil:active, 
    .btn-navegadorMovil.active, 
    .open .dropdown-toggle.btn-navegadorMovil { 

    } 

    .sidebar-nav .redes_sociales{
        height: 75px;
        width: 120px;
        float: right;
        margin: 0px 17px;
    }

    .sidebar-nav .redes_sociales .fa{
        color: #826935;
        font-size: 24px;
        margin: 0 13px;
    }

    .sidebar-wrapper.right, .sidebar-wrapper.left {
        background-color: #c16819;
    }

    .sidebar-nav li a {
        color: #ffffff;
        padding: 0px;
    }

    .iconito i{font-size: 20px;}

    .sidebar-nav li a i{
        text-indent: 0px;
    }

    .en_linea{display: flex;}

    .sidebar-wrapper {
        padding-top: 0px;
    }

    .sidebar-nav li {
        line-height: 50px;
    }

    .overlayTexto {
        /*
        min-height: 320px;
        height: auto;
        width: 300px;
        position: absolute;
        background-color: rgba(255,255,255,.1);
        right: 0;
        top: 130px;
        */
    }

    .overlayTexto h3 {
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        text-align: left;
        color: #ffffff;
        font-weight: 800;
        text-transform: uppercase;
        margin: 0 20px;
    }

    .overlayTexto h2 {
        font-family: 'Raleway', sans-serif;
        font-size: 32px;
        text-align: left;
        color: #facaa0;
        font-weight: 800;
        text-transform: uppercase;
        margin: 0 20px;
    }

    .productos h2 {
        text-align: center;
    }

    .productos .linea {
        width: 194px;
        height: 4px;
        background-color: #c16819;
        border-left: 66px solid #efefef;
        border-right: 66px solid #efefef;
        margin: 0 auto;
    }

    .cambio5{
        display: flex;
    }

    .cambio5 .ellipse{
        float: none;
    }

    .cambio7{
        display: none;
    }

    .cambio1{
        display: block;
    }

    .cambio1 .ellipse{
        float: right;
    }

    .cambio3{
        display: block;
    }

    .cambio4{
        display: block;
    }

    .cambio4 .ellipse{
        float: right;
    }

    .cambio6{
        display: block;
    }

    .marcas .columnas {
        width: 251px !important;
    }

    h6.fino {
        font-size: 20px;
    }
    .circulo-w {
        height: 70px;
        width: 70px;
    }
    .circulo-w img{
        height: 30px;
        width: 30px;
    }
    #socialside{
        right: 12px;
    }

    .metodos-pago .los-metodos .radio-inline {
        width: 100%;
    }

    .metodos-pago .los-metodos {
        gap: 0;
    }

    .metodos-pago .los-metodos .radio-inline {
        margin-top: 20px;
    }
}

@media (max-width: 767px){ /* movil */
.btn-pagination {
    padding: 10px 15px;
    font-size: 14px;
    margin: 0 5px;
    border: 1px solid;
}
    .formaBanner {
        width: 105%;
        height: 100px;
    }

    .overlayTexto {
        width: 300px;
        margin: 0 auto;
        right: 0;
        left: 0;
    }

    .circulo-w {
        height: 70px;
        width: 70px;
    }
    .circulo-w img{
        height: 30px;
        width: 30px;
    }
    #socialside{
        right: 12px;
    }

    .informacion .textaco p {
        font-size: 15px;
    }

    .informacion h2 {
        font-size: 28px;
    }

    .informacion h3 {
        font-size: 20px;
    }

    .overlayTexto h3 {
        text-align: center;
    }

    .overlayTexto h2 {
        text-align: center;
    }

    .botonSlide {
        float: none;
    }

    .btn-slider {
        margin: 0 auto;
    }

    .informacion p {
        margin: 0 20px;
    }

    .cambio1{
        display: flex;
    }

    .cambio3{
        display: flex;
    }

    .cambio4{
        display: flex;
    }

    .cambio6{
        display: flex;
    }

    .marcas .columnas {
        width: 257px !important;
    }

    .textoFooter{
        padding: 0 20px;
    }

    .logoFooter img {
        height: 100px;
    }

    .slider_banner, .banner .padre_imagen .imagen, .slider>.bx-wrapper .bx-viewport {
        height: 500px !important;
    }

    .overlayTexto {
        top: 70px;
    }

    .cajas {height: 210px}
    .overlayProducto p {
        font-size: 18px;
    }
    .overlayProducto .precio{
            padding: 15px 0px;
    }
    .precio_anterior_detalle{
        margin-top: 10px;
    }
    .precio_anterior{
        font-size: 16px;
    }

}

@media (max-width: 736px){
    .marcas .columnas {
        width: calc(100vw / 2) !important;
    }
}


@media (max-width: 414px){
    .marcas .columnas {
        width: 100vw !important;
    }
}

.btn-black { 
  color: #ffffff; 
  background-color: #000000; 
  border-color: #000000; 
} 
 
.btn-black:hover, 
.btn-black:focus, 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  color: #ffffff; 
  background-color: #000; 
  border-color: #000000; 
} 
 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  background-image: none; 
} 
 
.btn-black.disabled, 
.btn-black[disabled], 
fieldset[disabled] .btn-black, 
.btn-black.disabled:hover, 
.btn-black[disabled]:hover, 
fieldset[disabled] .btn-black:hover, 
.btn-black.disabled:focus, 
.btn-black[disabled]:focus, 
fieldset[disabled] .btn-black:focus, 
.btn-black.disabled:active, 
.btn-black[disabled]:active, 
fieldset[disabled] .btn-black:active, 
.btn-black.disabled.active, 
.btn-black[disabled].active, 
fieldset[disabled] .btn-black.active { 
  background-color: #000000; 
  border-color: #000000; 
} 
 
.btn-black .badge { 
  color: #000000; 
  background-color: #ffffff; 
}