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

@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap');

@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&display=swap');

@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,600,700,800,900&display=swap');

@font-face {
    font-family: "Pirulen";
    src: url('fonts/pirulen/pirulen.ttf') format("truetype");
}

a {color: #555}

a:hover, 
a:visited, 
a:link, 
a:active { 
    text-decoration: none;
}

a:hover, a:focus {color: #b1b1b1}

body {
    font-size: 16px;
    font-family: 'Open Sans'; 
    font-weight: 400; 
    color:#717070;
}

p{
    text-align: justify; 
    /*font-size: 18px; */
    font-size: 16px;
    font-family: 'Open Sans'; 
    font-weight: 400; 
    color:#717070;
    line-height: 24px;
}

p.gris{
    text-transform: uppercase;
    text-align: right;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #7f7f7f;
    font-size: 20px;
    margin: 0;
    letter-spacing: 3px;
}

p.gris.peque{
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
}

p.blanco{
    color: #fff;
    font-size: 66px;
    line-height: 66px;
    text-transform: uppercase;
    text-align: right;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin: 0;

}

h2{
    color: #000;
    font-size: 34px;
    text-transform: uppercase;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin: 0;
}


/* -- 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;
}


.relative{
    position: relative;
}

.absolute{
    position: absolute;
}

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

.centrado.izquierda{
    justify-content: flex-start;
}

.centrado.derecha{
    justify-content: flex-end;
}

.centrado.lejos{
    justify-content: space-between;
}

/* Lista Productos */

.subcat{margin:0;padding:10px 0 0}
.lista_categorias{margin:0;padding:10px;background-color: #333;}
.interiores .list-group-item{background-color:#000000;border:1px solid #000000;border-radius:0!important;margin:0;border-bottom:1px solid rgba(255,255,255,0.2)}
.subcat .interiores .list-group-item{border: none;}
.interiores .list-group-item.titulo-categoria{font-family:'Montserrat',sans-serif;background-color:#000000;font-weight:400;text-align:center;padding:15px 0;font-size:15px;text-transform:uppercase;letter-spacing:2px;color:#fff;border-bottom:2px solid rgba(255,255,255,0.2)}
.interiores .list-group-item.categoria_padre a,.interiores .list-group-item.categoria_option a{color:#fff;font-family:'Montserrat',sans-serif;font-weight:300;font-size:12px;text-transform:uppercase}
.interiores .list-group-item.categoria_padre .categoria_option a{font-size:11px}
.interiores .list-group-item.categoria_padre .list-group-item.categoria_option:hover{background-color:#e6741d}
.interiores .list-group-item.categoria_option:before,.interiores .list-group-item.categoria_padre:before{background:none repeat scroll 0 0 #fff;content:"";height:1px;left:0;position:absolute;bottom:-1px;width:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.interiores .list-group-item.categoria_option:hover:before,.interiores .list-group-item.categoria_padre:hover:before{width:60px;transition:all 300ms cubic-bezier(0.175,0.885,0.32,1.275) 0;-moz-transition:all 300ms cubic-bezier(0.175,0.885,0.32,1.275) 0;-ms-transition:all 300ms cubic-bezier(0.175,0.885,0.32,1.275) 0;-o-transition:all 300ms cubic-bezier(0.175,0.885,0.32,1.275) 0;-webkit-transition:all 300ms cubic-bezier(0.175,0.885,0.32,1.275) 0}
.interiores .list-group-item.categoria_padre .list-group-item.categoria_option:before{all:initial}
.interiores .list-group-item.categoria_padre .list-group-item.categoria_option.hover:before{all:initial}
.interiores .list-group-item.active,.list-group-item.active:focus,.interiores .list-group-item.active:hover,.interiores .list-group-item.categoria_padre .list-group-item.categoria_option.active:hover{color:#fff;background-color:#1b1b1b;border-color:#1b1b1b}

/* Detalle Productos */

.datos_producto, .cuadro_fotos{height: 525px}

.datos_producto .titulo_apartados{font-family:'Raleway',sans-serif;font-size:24px;margin:0 0 15px;font-weight:700;color:#000;text-transform:uppercase;text-align: center;}
.datos_producto{background-color:#fbfbfb;overflow:hidden;padding: 25px}
.descripcion_breve .textaco p{font-size:12px;font-family:'Montserrat';color:#9a9a9a;line-height:24px}
.textaco.lite p{font-size: 14px}
/*
.precios_estilos{display:flex;align-items:center;justify-content: center;}
.precios_estilos .precio_oferta{font-family:'Monstserrat',sans-serif;font-size:28px;font-weight:400;color:#000;margin-bottom:0}
*/
.producto-detalle hr, .marco_oscuro hr{border-color:#dedede}
.opcion .opt{display: inline-flex;justify-content: flex-start; align-items: center;flex-wrap: wrap}
.opt .elegir-color.tag_option{float: left;
    margin-right: 10px;
    height: 36px;
    /*width: 46px;*/
    min-width: 260px;
    border: 1px solid #484848;
    color: #b1b1b1;
    display: flex;justify-content: center;align-items: center;
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d4d4d4;
    color: #9a9a9a;
}
.opt .elegir-color.tag_option i{display: none}
/*
.opt .elegir-color.tag_option.active i{display: block}
*/
.opt .elegir-color.tag_option.active{ background-color: #333; border-color: #333; color: #fff }
/*
.precios_estilos .tachado{font-family:'Monstserrat',sans-serif;font-size:20px;font-weight:400;color:#7c7c7c;text-decoration:line-through;margin-left:10px;margin-bottom:0}
*/
.opt .cuadro.tag_option{float:left;margin-right:10px;background:none repeat scroll 0 0 #fff;border:1px solid #d4d4d4;color:#d4d4d4;padding:7.5px 15px;margin-bottom:10px;text-align:center;cursor:pointer; min-width: 95px}
.opt .cuadro.tag_option a{font-family:'Monstserrat',sans-serif;font-size:14px;font-weight:300;color:#a7a7a7}
.opt .cuadro.tag_option.active a{color: #fff}
.titulotag{color:#333;margin-bottom:15px;font-family:'Monstserrat',sans-serif;font-size:12px;font-weight:700}
.opt .cuadro.tag_option.active{    background-color: #333; border-color: #333}
.cuadro_fotos{
    padding-top: 15px;
    background-color: #f5f5f5;
    border: 1px solid #efefef;
}
.cuadro_fotos .foto_principal{background-color:#fff;margin-bottom:15px}
.cuadro_fotos .galeria{padding:30px 15px;background-color:#3b3b3b}
.swipebox .imagen{width:100%;background-size:contain;background-repeat:no-repeat;background-position:center}
/*.swipebox .imagen:after{content:'';padding-top:66.66%;display:block}*/
.swipebox .imagen:after{content:'';padding-top:100%;display:block}
.btn-precio{padding:0}
.foto_color .imagen{float:left;height:75px;width:75px;background-size:contain;background-position:center;background-repeat:no-repeat;margin:0 15px 30px 0}

.swipebox .imagen.secundaria{    background-size: contain; border: 1px solid #f5f5f5;}

.zona_galeria_mini .bx-wrapper .bx-prev { left: -45px; }
.zona_galeria_mini .bx-wrapper .bx-next { right: -45px; }

.categorias .titulotag{margin-bottom: 0}
.categorias .naranja{color: #f27b08}
.categorias .naranja:hover,.categorias .naranja:active, .categorias .naranja:focus {color: #9c9c9c}
.categorias .btn-categorias{float: left;margin-right:10px;background:none repeat scroll 0 0 #232323;border:1px solid #484848;color:#9a9a9a;padding:7.5px 15px;margin-bottom:10px;text-align:center;cursor:pointer}
.categorias .btn-categorias:hover, .categorias .btn-categorias:focus, .categorias .btn-categorias:active{background:#f27b08;border:1px solid #f27b08;color:#fff}

.nav-tabs {border-bottom: 1px solid #efefef}
.tab-content {padding: 20px; background-color: #fbfbfb}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#fff;cursor:default;background-color:#000000;border:1px solid #000000;border-bottom-color:transparent;border-radius:0}
.nav-tabs>li>a{border-radius:0;background-color: #1b1b1b;margin-right: 4px;font-family: 'Montserrat',sans-serif;font-weight: 300;font-size: 14px; color: #fff;text-transform: uppercase}
.nav>li>a:focus, .nav>li>a:hover {background-color: #f27b08;border-color: #f27b08}

.relacionados .titulo {border-bottom: 1px solid #525252}
.relacionados .titulo h3{font-family: 'Montserrat',sans-serif;font-weight: 700;font-size: 18px; color: #000000;text-transform: uppercase}

.btn-carro_portada img{height: 20px}
.btn_love img{height: 20px}

.marco_productos .precio_producto .tachado{margin-top: 7px; font-family:'Monstserrat',sans-serif;font-size:12px;font-weight:400;color:#a3a3a3;text-decoration:line-through;margin-bottom:-7px}
.marco_productos .precio_producto .invisible{font-family:'Monstserrat',sans-serif;font-size:12px;font-weight:400;color:#7c7c7c;margin-bottom:0}
.btn-favoritos,.btn-carro_portada,.btn-tam{margin:0 5px;height:40px;}
.btn-favoritos{width:40px;background-color:#242424}
.btn-favoritos img,.btn-carro_portada img{height:20px}
.btn-favoritos img{transition: 300ms all ease-in-out}
/*
.btn-carro_portada {padding: 0px 20px;background-color: #242424;color: #8c8c8c;font-family: 'Montserrat',sans-serif;text-transform: uppercase; border: 1px solid #242424; border-radius: 0px}
.btn-carro_portada img{margin-right:5px}
*/ 

.btn-carro_portada:hover{background-color: #000;color: #fff; border: 1px solid #242424}
.btn-carro_portada:hover img{filter: brightness(0) invert(1);}

.no_resultados {font-size: 18px}


/*****MINIGALERIA***/

.galeria_mini {width: 100%;}

/* --- --- --- 
--- HEADER ---
--- --- --- ---*/
/* -- -- -- -- -- -- -- Menú -- -- -- -- -- -- -- */

/* -- -- -- Barra superior -- -- -- */
.barra_superior{
    background-color: #111111;
    height: 32px;
}


.barra_superior .container>div{
    width: 100%;
    height: 32px;
}

.icono{
    margin-right: 35px;
}

.icono img{
    height: 14px;
    margin-right: 14px;
}

.icono p{
    color: #717070;
    font-size: 14px;
    margin: 0;
}

.menu_superior a,
.menu_superior .redes a img{
    transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
}

.menu_superior a{
    color: #717070;
    font-size: 14px;
    padding: 0px 20px;
    border-right: 2px solid #717070;
}

.menu_superior a.active{
    color: #fff;    
}

.menu_superior .redes {
    margin-left: 6px;
}

.menu_superior .redes a{
    margin: 0 10px;
    padding: 0;
    border-right: 0px;
}

.menu_superior .redes a img{
    height: 13px;
}

.menu_superior a:hover{
    color: #fff;
}

.menu_superior .redes a:hover{
    transform: scale(1.2);
}
/* -- -- -- FIN Barra superior -- -- -- */


/* -- -- -- Barra centro -- -- -- */
.barra_centro{
    padding: 24px 0px;
    background-color: #000000;
}

.barra_centro .container>div{
    width: 100%;
}

.circulito{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #292929;
    margin: 0 10px;
}

.circulito{
    transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
}

.circulo_compra{
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: -5px;
    right: -5px;
}

.circulo_compra p{
    margin: 0;
    font-size: 11px
}

.circulito img{
    height: 23px;
}

.circulito:hover {
    background-color: #434343;
}

.buscador {
    width: 342px;
    height: 52px;
    margin: 0px 10px;
}

.buscador img{
    height: 23px;
    transition: all .2s ease-in-out;
}

.barra_centro .form-control {
    height: 43px;
    padding: 6px 30px;
    color: #5c5c5c;
    font-style: italic;
    font-size: 14px;
    background-color: #191919;
    border: 1px solid #434343;
    border-radius: 25px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.barra_centro .form-control:focus {
    box-shadow: inherit;
    border-color: inherit;
}

.barra_centro .input-group-btn .btn {
    padding: 6px 8px;
    height: 43px;
    width: 52px;
    border-radius: 25px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.barra_centro .input-group-btn {
    display: inline-table;
    width: 60px
}

.barra_centro .btn-default {
    background-color: #292929;
    border-color: #434343;
}

.barra_centro .form-control::placeholder { color: #5c5c5c; }

.barra_centro .btn-default:hover,
.barra_centro .btn-default:focus,
.barra_centro .btn-default:active:hover,
.barra_centro .btn-default:active:focus,
.barra_centro .btn-default:active{
    background-color: #434343;
    border-color: #434343;
}

.barra_centro .btn:focus,
.barra_centro .btn:active:focus{
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* -- -- -- FIN Barra centro -- -- -- */




/* -- -- --  Menu Principal -- -- -- */
.menu_principal{
    background-color: #000000;
}
.navbar {
    margin-bottom: 0px;
    border: 0px ;
    background-color: transparent;
    margin-bottom: 20px;
}

.navbar-default .navbar-nav>li>a {
    color: #a0a0a0;
    font-size: 17px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    padding: 18px 20px;
}

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

.navbar-right.rayita {
    border-bottom: 1px solid #262626;
}

.linea_infinita {
    width: calc((100vw - 1170px)/2);
    height: 1px;
    background-color: #262626;
    position: absolute;
    bottom: -1px;
    left: 100%;
}

.logo_web {
    height: 124px;
    position: absolute;
    bottom: -7px;
    left: 0px;
    z-index: 1;
}

/* -- -- -- FIN Menu Principal -- -- -- */


/* -- -- -- destacado -- -- -- */
.destacado{
    background-color: #000000;
    padding: 100px 0px 150px;
    overflow: hidden;
}

.banner {
    width: 100%;
    /*    height: 528px;*/
    position: relative;
}

.bxslider {
    padding: 0px;
    margin: 0px;
}

.slider {
    width: 100%;
    height: 534px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    /*    border: 1px solid red;*/
}

.bx-wrapper {
    position: relative;
    left: 0px;
    top: 0px;
    padding: 0;
    *zoom: 1;
    margin: 0px auto 50px;
}

.bx-wrapper img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}


.destacado .bx-wrapper .bx-viewport {

    overflow: inherit!important;
}

.bx-wrapper .bx-viewport {
    border: 0px;
    box-shadow: 0 0 0px #ccc;
    left: 0px;
    background: transparent;
    width: 100%;
}

.grupo,
.modelo{
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    line-height: 46px;
    margin: 0;
}

.modelo{
    text-transform: uppercase;
}

.modelo span{
    font-size: 26px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #292929;
    width: 60px;
    height: 4px;
    margin: 0 5px;
    border-radius: 0px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #a0a0a0;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -62px;
    text-align: center;
}

.banner p{
    text-transform: uppercase;
    text-align: right;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.banner .categoria{
    color: #7f7f7f;
    font-size: 20px;
    margin: 0;

}

.banner .modelo{
    color: #fff;
    font-size: 66px;
    line-height: 66px;
}

.boton_banner{
    text-align: right
}

.boton_banner .btn{
    width: 350px;
    height: 66px;
    color: #fff;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 22px;
    font-family: 'Open Sans';
    font-weight: 400;
    border: 3px solid #fff;
    border-radius: 0px;
    background-color: transparent;
}

.boton_banner .btn{
    transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
}


.boton_banner .btn:hover{
    color: #000;
    background-color: #fff;
}


.rectangulo_blanco {
    position: absolute;
    width: calc(100% + 100px);
    height: 150px;
    background-color: #ffffff;
    transform: rotate(3deg);
    z-index: 20;
    bottom: -75px;
    margin-left: -50px;
}
.banner ul>li{
    position: absolute;
}

.banner ul>li:nth-child(1){
    position: relative;
}


.banner {
    width: auto;
    height: 100%;
    position: relative; 
    background-color: #fff;
    overflow: hidden;

}

.banner .slider:after{
    content: "";
    padding-top: calc(100vh - 209px);
    display: block;
}
.banner_tv {
    width: auto;
    height: calc(100vh - 209px);
    position: relative; 
    background-color: #fff;
    overflow: hidden;

}
.bxslider {
    padding: 0px;
    margin: 0px;
}

.slider {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bx-wrapper {
    position: relative;
    left: 0px;
    top: 0px;
    padding: 0;
    *zoom: 1;
    margin-bottom: 0;
}

.bx-wrapper img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.bx-wrapper .bx-viewport {
    border: 0px;
    box-shadow: 0 0 0px #ccc;
    left: 0px;
    background: #fff;
    width: 100%;
}
.baja{
    width: 100%;
    position: absolute;
    bottom: 50px;
    text-align: center;
}

.baja img{
    height: 50px;
    filter:drop-shadow(1px 1px 3px #888);
}
.tv {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;
    background-position: center;
    background-size: cover;

}
.tv video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/* -- -- -- FIN destacado -- -- -- */



/* -- -- -- Nuevo -- -- -- */
.nuevo .row>div{
    padding: 0px 10px;
}



.rectangulo_gris{
    background-color: #fafafa;
    border-bottom: 5px solid #000;
    margin-bottom: 64px;
}

.rectangulo_gris .padding{
    padding: 15px 13px 30px;
    height: 505px;
}

.rectangulo_gris .padre_imagen{
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
}



.rectangulo_gris .padre_imagen .imagen{
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.rectangulo_gris .padre_imagen .imagen:after {
    content: "";
    /*padding-top: 66%;*/
    padding-top: 100%;
    display: block;
}

.foto_principal .imagen:after {
    content: "";
    /*padding-top: 66%;*/
    padding-top: 100%;
    display: block;
}


.rectangulo_gris .modelo{
    color: #000;
    font-size: 19px;
    font-family: 'Raleway', sans-serif;
    line-height: 28px;
}

.rectangulo_gris .premodelo{
    font-size: 14px;     margin: 10px 0px 5px; height: 20px;
}

.rectangulo_gris .padre_modelo{
    height: 95px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    height: 80px;
}

.rectangulo_gris .precio{
    color: #000;
    font-size: 32px;
    font-family: 'Montserrat', sans-serif;
    line-height: 33px;
}


.rectangulo_gris .precio.anterior{
    color: #a3a3a3;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    text-decoration: line-through;
    margin: 0;
    line-height: inherit;
    margin-bottom: -6px;
}




.producto .circulo_compra{
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background-color: #292929;
    position: absolute;
    right: 30px;
    top: auto;
    bottom: 90px;    
}

.producto .circulo_compra img {
    height: 20px;
}

.boton_nuevo{
    text-align: center
}

.boton_nuevo .btn{
    width: 350px;
    height: 68px;
    color: #c8c8c8;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 22px;
    font-family: 'Open Sans';
    font-weight: 400;
    border: 3px solid #c8c8c8;
    border-radius: 0px;
    background-color: transparent;
    text-transform: uppercase;
}

.boton_nuevo .btn{
    transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
}


.boton_nuevo .btn:hover{
    color: #fff;
    background-color: #c8c8c8;
}
/* -- -- -- FIN Nuevo -- -- -- */





/* -- -- -- Negro -- -- -- */
.negro{
    background-color: #000;
}

.negro .padding{
    padding: 56px 0px 20px;
}


.negro p{
    color: #7f7f7f;
    text-align: right;
    margin-bottom: 0;
}

.negro p.blanco{
    color: #fff;
}

.negro div.imagen { width: 100%; background-position: center; background-repeat: no-repeat; background-size: contain}

.negro div.imagen:after {
    content: "";
    padding-top: 120%;
    display: block;
}

/* -- -- -- FIN negro -- -- -- */

/* -- -- -- Blog -- -- -- */
.blog p.gris.peque{
    text-align: center;
}

.blog h2{
    text-align: center;
}

.blog .row>div:nth-child(even){
    padding-left: 50px;
}

.blog .row>div:nth-child(odd){
    padding-right: 50px;
}

.noticia{
    display: inline-flex;
    margin-bottom: 70px;
}

.noticia .padre_imagen{
    width: 170px;
    background-color: #fff;
    margin-right: 15px;
}

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

/*AKI*/

.noticia .padre_imagen .imagen{
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.texto {
    /*
    margin-left: 20px;
    width: 65%;
    */
    width: 100%;
}

.noticia .texto .titulo{
    color: #555;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 900;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.noticia .texto  .fecha{
    color: #a19e9e;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Nunito Sans', sans-serif;
    text-transform: capitalize;
    display: inline-block;
    margin-bottom: 15px;
}
.noticia .texto  .fecha .fa{
    margin-right: 10px;
}

.breve {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
    color: #777;
    line-height: 24px;
    margin: 0;
    margin-bottom: 24px;
}

.padre_breve {height: 100px}

.boton_noticia{
    text-align: left;
}

.boton_noticia .btn{
    width: 108px;
    height: 34px;
    color: #fff;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    border: 1px solid #000;
    border-radius: 0px;
    background-color: #000;
    text-transform: uppercase;
}

.boton_noticia .btn{
    transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
}


.boton_noticia .btn:hover{
    color: #000;
    background-color: #fff;
}

/* -- -- -- FIN Blog -- -- -- */


/* -- -- -- Footer -- -- -- */
footer{
    overflow: hidden;
    z-index: 1;
}

.circulo_gigante {
    width: 6600px;
    height: 3000px;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: calc(50% - 3300px);
    background-color: black;
    z-index: -1;
}

.footer_negro{
    /*background-color: #000;*/
}

.footer_negro .row>div.sede>div{
    padding: 0;
}

.logo_pie {
    text-align: center;
}

.logo_pie img{
    height: 40px;
    margin: 10px 15px;
}

.linea_gris_separa{
    width: 100%;
    height: 1px;
    background-color: #2f2f2f;
}



.footer_negro .icono{
    display: inline-flex;
    text-align: right;
    margin-right: 14px;
}

.footer_negro .icono p{
    font-size: 16px;
    color: #8a8a8a;
    margin-bottom: 0px;
    line-height: 20px;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-weight: 300
}

.footer_negro .icono p span{
    font-weight: 600;
}

.footer_negro .icono img {
    height: 26px;
    margin-right: 10px;
    position: relative;
    top: 8px;
}
.zona_tarjetas{
    display: flex;
    justify-content: center;
}
.zona_tarjetas img{
    padding: 10px;
    height: 50px;
}
/*
footer p,
footer p a{
color: #fff;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
text-align: right;
margin-bottom: 0px;
transition: all .2s ease-in-out;
}
*/

.menu_pie p,
.menu_pie p a{
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.menu_pie p a:active,
.menu_pie p a:hover{
    color: #8a8a8a;
}

.copi{
    color: #8a8a8a;
    font-size: 14px;
    text-align: center;
    margin: 0;
}

.desarrollo,
.desarrollo a{
    color: #8a8a8a;
    font-size: 12px;
    text-align: center;
    margin: 0;
}

.desarrollo a:hover{
    color: #fff;
}

/* -- -- -- FIN Footer -- -- -- */

.marco_gris{border: 1px solid #e4e4e4;background-color: #fff;padding: 20px}
.marco_gris h3{margin-top: 0px}

.mapa iframe{width: 100%;height: 700px}

.titulos h2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #7f7f7f;
    margin: 0;
    letter-spacing: 3px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}
.titulos h1{
    color: #000;
    font-size: 42px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin: 0;

}


/* ----------------------------
BLOG
---------------------------- */

.bloque.principal.noticia {display: inherit}
.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:#363636}
.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:0;border-bottom:solid 1px #f3f3f3}
.noticia .titular h1{color:#1e1f1d;margin-bottom:10px}
.noticia .titular a>h3{margin-bottom:17px;font-size:26px;text-transform:uppercase;text-align:left;color:#363636;font-family:'Noto Sans',sans-serif;font-weight: 700}
.noticia .post_details{color:#fff;background-color:#000;padding:10px;border-bottom:solid 5px #434343;text-align:right;font-size:13px}
.post_details li{font-family:"Noto Sans",sans-serif;font-size:13px;font-weight:300;color:#fff}
.noticia-detalle-fecha small{font-family:"Noto Sans",sans-serif;font-weight:300;color:#302224}
.post_details i{color:#fff}
.noticia-detalle-fecha i{color:#2f3668}
.noticia .contenido{padding:5px 15px 10px;background-color:#fff;border:1px solid #ffefcc}
.contenido_noticia_lista{border:1px solid #f3f3f3;padding:0 20px;background-color:#fff}
.noticia-detalle-fecha{text-align:right;color:#2b2b2b}
.sidebar{background-color:#f3f3f3;padding:15px}
.sidebar h5{font-size:18px;text-transform:uppercase;color:#363636;font-family:'Noto Sans',sans-serif;font-weight: 700}
.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 #000;background-color:#000;color:#fff}
.sidebar .input-group-btn i{font-size:16px}
.popular{font-size:13px}
.mini-noticia a{font-family:"Noto Sans",sans-serif;font-weight:400;font-size:14px}
.popular li{padding:10px 0;border-bottom:dotted 1px #fff}
.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:#070707;}
.popular a.texto-breve{color:#707070;font-weight:300;font-family:"Open Sans",sans-serif;font-size: 12px}
.popular a.title:hover,.popular a.title:focus,.popular a.title:active{color:#070707}
.bloque.noticia{margin-bottom:40px}

.cuadro_noticia{background-color:#f7f7f7;border:1px solid #e4e4e4; max-width:400px;float:left;margin: 0px 20px 12px 0px;}
.titulo_noticia {     color: #000;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin: 0; }

.marco_gris{border: 1px solid #e4e4e4;background-color: #fff;padding: 20px}
.marco_gris h3{margin-top: 0px}

.mapa iframe{width: 100%;height: 700px}

.padre_titulo {height: 60px;     display: flex;
    /*justify-content: center;*/
    align-items: center;}

/****OTRAS COSAS*****/
.banner_forma {position: relative; overflow: hidden}
.banner_forma .cuadrado_negro {height: 30px; width: 100%; background-color: #000}
.banner_forma img{ height: 50px; width: 100%;   }
.banner_forma .triangulo{    height: 50px;
    width: 100%;
    background-size: 100% 50px; background-repeat: no-repeat; }
.banner_forma .triangulo_enorme {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 3000px 0 0;
    border-color: #000000 transparent transparent transparent;

}
.mapa_grande {margin-bottom: -70px}
.mapa_grande #map{width: 100%; height: 500px;     bottom: -60px;}

.sede_contacto {border: 1px solid #e4e4e4; padding: 20px; margin-bottom: 30px; background-color: #fbfbfb}


/* ------------------
APARTADOS - MULTIFORMA
------------------ */

.bloque_imagen_lista ul{list-style: none;padding: 0}
.bloque_imagen_lista i{color: #000000    }

.bloque_cabecera .bloque_titulo{background-color:#000000;padding:15px}
.bloque_cabecera .bloque_interior{background-color:#f7f7f7;padding:30px 15px}
.bloque_cabecera .bloque_titulo h3{margin:0;color:#fff;text-transform:uppercase;font-family:'Ubuntu',sans-serif;font-weight:300;text-align: left;font-size: 24px}
.bloque_cabecera .imagen{width:100%}
.bloque_cabecera h4{font-weight:400;text-transform:uppercase;font-size:22px;font-family:'Ubuntu',sans-serif;color: #000000}
.bloque_cabecera .texto{font-size:16px;font-weight:300;color:#696969}
.bloque_imagen_lista .imagen{width:100%;max-height: 350px;object-fit: cover;    margin-bottom: 30px;}
.bloque_imagen_lista h4{text-transform:uppercase;margin:0;margin-bottom:10px;font-family:'Ubuntu',sans-serif;color: #000}
.bloque_puntos ul{margin:0;padding:0;list-style:none}
.bloque_puntos ul li{margin-bottom:15px}
.bloque_puntos ul li>p{font-size:16px}
.bloque_puntos ul li>p>.fa{font-size:20px;color:#000000}
.bloque_contenido .titulo{background-color:#000000;padding:15px 10px}
.bloque_contenido .titulo h4{color:#fff;margin:0;text-transform:uppercase;font-size:16px;font-family:'Ubuntu',sans-serif;font-weight:300;     line-height: 22px;}
.bloque_contenido .bloque{padding:0 10px}
.bloque_desplegable .fondo, .bloque_documentos .fondo{background-color:#f7f7f7;padding:20px}
.bloque_desplegable .panel-group, .bloque_documentos .panel-group{margin:0}
.bloque_desplegable h2, .bloque_documentos h2{margin:0;margin-bottom:20px;font-size:23px;text-transform:uppercase;font-weight:400;font-family:'Ubuntu',sans-serif;color: #000000;     font-size: 17px;}
.bloque_desplegable .panel-default{border-color:#000000}
.bloque_desplegable .panel-default>.panel-heading{
    background-color: #000000;
    color: #fff;
    border-color: #000000;
}
.bloque_desplegable h2 .fa{color: #000000}
.bloque_desplegable .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#000000; background-color: #fff}
.bloque_imagenes img{width:100%}

.bloque_documentos{margin-bottom: 30px}

.bloque_documentos .panel-body{padding: 30px}

.bloque_documentos .descarga{display: grid;justify-content: flex-end;align-content: center}

.btn-corporativo { color: #FFFFFF; background-color: #69be28; border-color: #69be28; } 

.btn-corporativo:hover, .btn-corporativo:focus, .btn-corporativo:active, .btn-corporativo.active, .open .dropdown-toggle.bnt-corporativo { color: #FFFFFF; background-color: #59b216;border-color: #59b216; } 

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

/* ----------------------------
Archivos adjuntos y tipografias
---------------------------- */

.tipografia, .titulo-contenido{text-align: left;color: #000;text-transform: uppercase;font-family: 'Ubuntu', sans-serif; font-size: 20px;margin-top: 0;}

.titulo-contenido{color: #000;font-size: 24px}
.tipografia i{color: #000000}
.listado {text-align: justify;}

.listado ul, .listado li {margin: 0px;padding: 0px;list-style: none;}
.listado li {padding: 20px;background-color: #f7f7f7;}
.listado li a, .listado li.alt a{font-size: 13px;font-family:  'Open sans', sans-serif;font-weight: 300;}
.listado li.alt {background-color: transparent;}
.listado li.alt a {color: #292929;text-decoration: none;}
.listado a {color: #292929;text-decoration: none;}
.listado a:hover, .listado li.alt a:hover {color: #777777;text-decoration: none;}

/***TITULOS INTERIORES***/
.banner-interiores{height: 150px;width: 100%;overflow: hidden}
.banner-interiores .banner-interno {height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;filter: blur(5px);transform: scale(1.1);}
.banner-interiores .overflow-banner{position: absolute; bottom: 20px;left: 0;right: 0;width: 100%;}

.banner-interiores h1{color: #fff;text-shadow: 1px 1px 1px black}

.invisible { opacity: 0 }

/***CSS PARA LATERALES***/
.listado_categorias select {    
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.navbar-brand.grande{    margin-top: -90px;}

/**SUBIDA DE FICHEROS**/
.datos_subida {list-style: none; margin: 0px; padding: 0px}
label {margin: 5px 0px}

.dropslefts .dropdown-menu {
    right: auto;
    left: 0px;
}

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

/**Buscador nuevo**/

.caja-filtros{padding: 15px;background-color: #e8e8e8}
.caja-filtros .form-control{border-color: #fafafa;}

.caja-filtros .form-control[disabled] {
    background-color: #efefef;
}

/* 17 Dic 2019 */

.btn-pagination { color: #fff; padding: 10px 20px; background: #000000;font-size: 14px;margin: 0 15px;border: 1px solid;border-color: #000000} 

.btn-pagination:hover, .btn-pagination:focus, .btn-pagination:active, .btn-pagination.active { color: #ffffff; background: #000000;} 

.btn-pagination.active{
    padding: 10px 20px;background: #fff;color: #000;
}

/*********************************
*            INTERIORES          *
*********************************/

.interiores {
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
}


/*Detalle producto*/

.tag_option{margin: 5px;color: #000}
.tag-circle{
    height: 42px;width: 42px;border-radius: 100%;display: inline-flex;justify-content: center;align-items: center;border: 2px solid #fff;overflow: hidden;
}

.tag-circle img{height: 40px;width: 40px;border-radius: 40px}

.tag_bloque{
    height: 40px;width: 40px;display: inline-flex;background-color: #f5f5f5;justify-content: center;align-items: center
}

.tag-circle.active{
    border: 2px solid #000;
}

.tag_bloque.active{background-color: #000;}
.tag_option.active a{color: #fff;}

.foto_principal .imagen{width: 100%;background-position: center;background-size: contain;background-repeat: no-repeat;background-color: #f5f5f5;border: 1px solid #f5f5f5}

.foto_principal .lupa{
    position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0,0,0,0.5);opacity: 0;transition: 300ms all linear;color: #fff;font-size: 40px
}

.foto_principal .lupa:hover{
    opacity: 1;
}

.quantity{
    border: 2px solid #d1d1d1;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding: 0px 5px;
}

.quantity label{
    display: inline-block;
    padding: 0 20px;
}

.quantity-controls{
    display: inline-block;
    position: relative;
}

.quantity-controls span{
    color: #888;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    position: absolute;
    top: 0;
    width: 26px;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;

    color: #171717;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.quantity-controls span.right{
    right: 0;
    text-align: left;
}

#cantidad{
    border: 0;
    font-family: inherit;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    margin: 0 26px;
    outline: 0;
    padding: 0;
    position: relative;
    width: 40px;
    -webkit-appearance: none;

    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.botones_carro{
    /* float: right; */
}

.btn_love img{height: 15px;width: 15px}

.botones_carro .btn-tam, .botones_carro .btn_love{height: 52px;border-radius: 0; border: 0}
.botones_carro .btn-tam { width: 220px }
.botones_carro .btn_love { width: 52px; background-color: #000 }
.btn-corporativo{background-color: #0e0e0e;color: #fff;}
.btn-corporativo .btn-carro_portada img{height: 20px;width: 20px;margin-right: 15px}

.btn-grandotes{padding: 15px}
.btn-corporativo2{background-color: #5a5a5a;color: #fff;}

.btn-corporativo:hover, .btn-corporativo:focus, .btn-corporativo:active{color: #fff;background-color: #000;}

.btn-corporativo2:hover, .btn-corporativo2:focus, .btn-corporativo2:active{color: #fff;background-color: #000;}

.btn-corp{background-color: #0e0e0e;color: #fff !important}

.btn-default-formulario{background-color: #c6c6c6;color: #fff !important}

.nav-botones{border: none;}

.nav-botones>li>a{
    background-color: #fff;border-radius: 0px;margin: 0px 10px;color: #0e0e0e;border: 2px solid #0e0e0e;
}

.nav-botones>li>a:focus, .nav-botones>li>a:hover{
    background-color: #f5f5f5;color: #0e0e0e;border: 2px solid #0e0e0e;
}

.nav-botones>li.active>a, .nav-botones>li.active>a:focus, .nav-botones>li.active>a:hover{
    background-color: #0e0e0e;color: #fff;border: 2px solid #0e0e0e;
}

h1#title_prod{
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 400;color: #0e0e0e;
    font-size: 24px;margin-top: 0px;
    font-weight: 600;
    margin-bottom: 5px;
}
h3.categoria{
    font-size: 14px;text-transform: uppercase;font-weight: 300;
    font-family: 'Poppins', sans-serif;margin-top: 0px
}

span.precio{font-size: 28px;font-family: 'Open Sans',sans-serif;color: #0e0e0e;font-weight: 600}

.titulotag{font-weight: 400; margin: 5px 0px}

.videos_responsive{
    width: 600px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;}

ul.columnas-detalle{
    list-style-type: disc;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    list-style-position: inside;
}

.otras_fotos .imagen{
    height: 150px;width: 100%;background-size: cover;background-position: center;
}

.breadcrumb{margin: 0;background-color: transparent}
.breadcrumb li a{text-transform: capitalize;color: #000}

.precios .tachado{text-decoration-line: line-through;}

#swipebox-overlay {
    background: rgba(0, 0, 0, 0.9);
}
#swipebox-bottom-bar, #swipebox-top-bar {
    background-color: transparent
}

.bx-wrapper .bx-controls-direction a { z-index: 10 }

.title_recomendados {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    color: #0e0e0e;
    font-size: 24px;
    margin-top: 0px;
    font-weight: 600;
}


.linea_gris_separa_producto{
    width: 100%;
    height: 1px;
    background-color: #d4d4d4;
    margin: 25px 0px;
}

.padre_botones {
    display: flex;
    justify-content: center;
}

.navbar-nav .dropdown-menu { background-color: #5c5c5c; border-radius: 0px; padding: 0px; }
.navbar-nav .dropdown-menu>li>a { color: #fff;     padding: 10px 20px; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: #333;
}
.navbar-nav .dropdown-menu>li { border-bottom: 1px dotted #444444; }
.navbar-nav .dropdown-menu>li:last-child { border-bottom: 0px; }

#cesta .precio {font-size: 16px; font-weight: 400; color: #717070;}
.precio_prod.tachado { margin: 0px }

.referencia {margin: 0px; font-size: 12px}

.navbar-brand>img { height: 100px; margin-top: 15px; }

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
-- --  -- -- -- -- -- -- -- Responsive  -- -- -- -- -- -- -- -- -- -- -- -- 
-- --  -- -- -- -- -- -- -- -- -- -- --  -- -- -- -- -- -- -- -- -- -- --*/
@media (max-height: 768px){ /* alto portatil */


    /* -- -- -- HEADER -- -- -- */
    /* -- -- -- Menú -- -- -- */

    /* -- -- -- MAIN -- -- -- */
    /* -- -- -- Banner -- -- -- */
    .banner, .slider {
        height: 73vh;
    }
    .baja {
        width: 100%;
        position: absolute;
        bottom: 40px;
        text-align: center;
    }
    /* -- -- -- Bienvenida -- -- -- */

    /* -- -- -- FOOTER -- -- -- */

}

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

    .navbar-brand>img{height: 80px;}
    .navbar-brand.grande{margin-top: -80px;}
    
    .rectangulo_gris .precio{
        line-height: 62px;
    }

    .navbar-default .navbar-nav>li>a {
        padding: 18px 13px;
    }
    .breve {
        line-height: 22px;
    }
    .destacado {
        padding: 30px 0px 150px;
    }
    .banner_forma .cuadrado_negro {
        height: 0px;
    }

    .banner .modelo {
        color: #fff;
        font-size: 56px;
        line-height: 56px;
    }

    .noticia .texto .titulo {
        font-size: 14px;
    }
}

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

    .navbar-header {float: none; height: 70px;border-bottom: 1px solid #002ba6;}
    .navbar-toggle {display: block;}
    .navbar-toggle {margin-right: 30px; margin-top: 17px;}
    .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;}

    .banner, .slider {
        height: 100vh;
    }
    .baja{
        bottom: 50px;
    }
    .navbar { background-color: #000; padding: 0px; margin: 0px; width: 100%;     border-radius: 0px; }

    .menu>.container{width: 100%; padding: 0px}

    .rectangulo_gris .padding{
        height: auto;
    }

    .botones_carro{
        /*
        width: calc(100% - 174px);
        */
    }

    .mapa_grande{
        margin-bottom: inherit;
    }

    .menu .navbar-toggle img {
        position: inherit;
        top: 0px;
        height: 22px;
    }

    .navbar-toggle.right-toggle {
        position: relative;
        float: right;
        padding: 13px 18px 14px;
        border: 0px;
        border-radius: 0px;
        margin: 0px;
    }

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

    .sidebar-wrapper.right .inpunt-group{
        width: 250px;
        height: 71px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }


    .sidebar-nav li {
        text-indent: 0px;
        line-height: 20px;
        padding: 0px;
    }
    .sidebar-nav li a {
        color: #fff;
        padding: 15px;
        transition: all .2s ease-in-out;
        font-size: 16px;
        font-weight: 300;
        text-transform: uppercase;
        border-bottom: 2px dashed #4e4e4e;
    }

    .colorines a {border-bottom: 0px!important}


    .sidebar-wrapper.right .sidebar-nav li.items_li{
        padding: 10px 10px;
    }


    .sidebar-wrapper.right .sidebar-nav li.buscador_li{
        padding: 20px;
    }

    .sidebar-wrapper.right .sidebar-nav li.buscador_li
    a,
    .sidebar-wrapper.right .sidebar-nav li.items_li
    a{
        padding: 0px;
    }



    .sidebar-wrapper.right .sidebar-nav li a:hover, 
    .sidebar-wrapper.left .sidebar-nav li a:hover {
        color: #404040;
        background-color: #fff;
    }

    .sidebar-wrapper.right .sidebar-nav li:nth-child(2) a:hover{
        background-color: transparent;
    }

    .sidebar-wrapper.right .sidebar-nav li:nth-child(2) a:hover img{
        transform: scale(1.2);
    }

    .sidebar-wrapper.right .sidebar-nav li a {
        text-align: right;
    }

    .sidebar-nav li a img {
        margin-left: 0px; 
    }

    .sidebar-wrapper  li img{
        height: 13px;
        transition: all .2s ease-in-out;
    }
    .sidebar-wrapper.right .form-control {
        height: 43px;
        padding: 6px 15px;
        color: #ffffff;
        font-style: italic;
        font-size: 14px;
        background-color: #191919;
        border: 1px solid #434343;
        border-radius: 25px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .sidebar-wrapper.right  .btn {
        padding: 6px 8px;
        height: 43px;
        border-radius: 4px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .sidebar-wrapper.right .btn-default {
        background-color: #434343;
        border-color: #434343;
        border-radius: 0px 25px 25px 0px
    }

    .form-control::placeholder { color: #5c5c5c; }


    .colorines {
        display: inline-flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
    }
    .separa-icono{
        height: 20px;
        width: 1px;
        background-color: #6b6b6b;
    }

    .sidebar-wrapper li .colorines img {
        height: 30px;
        padding: 0px 14px;
        transition: all .2s ease-in-out;
    }

    h1 {
        font-size: 40px;
        text-align: center;
    }

    /* --- Menú --- */

    .menu{
        position: fixed;
        height: auto;
        top: 0px;
        width: 100%;
        background-color: #fff;
        background-image: none;
        z-index: 999;
    }

    .menu .container {
        width: 100%;
        background-color: rgba(150, 150, 150, 0.05);
        background-image: url(images/fondo.png);
    }

    .navbar-header {
        height: 52px;
        border-bottom: 0px solid #002ba6;
    }
    .navbar-toggle {
        padding: 19px 19px;
        margin: 0;
        background-color: #292929;
        border: 0px solid transparent;
        border-radius: 0px;
    }

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

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

    .navbar-brand>img {
        top: 3px;
        height: 34px; 
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .navbar-brand{     position: absolute;
        width: calc( 100% - 120px );
        height: 100%;
        left: 60px; }




    .blog .row>div:nth-child(even){padding: 0px 15px}
    .blog .row>div:nth-child(oden){padding: 0px 15px}
    .padre_breve {height: auto}
    .padre_titulo {
        height: auto;
    }
    .row-eq-height {display: inherit; flex-wrap: inherit}
    .slider {left: 0px}

    .banner .modelo {
        font-size: 32px;
        line-height: 35px;
        text-align: center
    }


    .destacado {
        padding: 50px 0px 150px;
    }

    .banner .categoria { text-align: center; }

    .destacado .centrado { display: inherit;}
    .boton_banner {text-align: center}

    .open>.dropdown-menu.multi-level {padding: 0px}

    .zona_galeria_mini .bx-prev, .zona_galeria_mini .bx-next {display: none;}

}

@media (max-width: 767px){ /* móviles */

    h1#title_prod{
        margin: 5px 0px 0px 0px;
    }

    .producto-detalle .col-xs-10{
        margin: auto;
    }

    .boton_nuevo .btn {
        width: 250px;
    }


    .botones_carro{
        /*
        width: calc(100% - 120px);
        */
    }

    .banner_tv{
        height: 100vh!important;
    }
    .banner, .slider {
        height: 100%;
    }
    .banner .slider:after{content:'';padding-top:100%;display:block}

    .boton_banner { text-align: center;}

    .boton_banner .btn {
        width: 250px;
        font-size: 15px;
    }

    .footer_negro .icono p{
        margin-bottom: 15px;
    }

    p.blanco{
        font-size: 40px;
        line-height: 40px;
    }
    .negro p {
        text-align: center;
    }
    ul.fade_negro {padding: 0px}

    .datos_producto, .cuadro_fotos {height: auto;}

    .datos_producto {
        padding: 15px;
    }
    .cuadro_fotos{ padding-bottom: 15PX;}

    .cuadro_noticia {margin: 0px; margin-bottom: 30px}
    .titulo_noticia {    font-size: 23px;}
    .producto .circulo_compra{bottom: 40px}

    .boton_nuevo .btn{font-size: 18px}

    .noticia {display: inherit;}
    .noticia .padre_imagen { width: 100%; }

    .blog .row>div:nth-child(odd) {
        padding-right: 15px;
    }
    .noticia .texto .titulo{ margin-top: 30px }

    .paginacion a, .paginacion button{ font-size: 10px; margin-right: 3px }
    .paginacion .btn { padding: 10px }

    .opt .cuadro.tag_option {
        min-width: 80px;
    }

    .opt .cuadro.tag_option a { font-size: 12px }

    .rectangulo_gris .modelo{

        font-size: 22px
    }

    h3.categoria {margin-top: 5px; text-align: center}
    .precios_estilos {text-align: center} 
    span.precio {text-align: center; font-size: 30px}
}


.btn-default-formulario { 
    color: #ffffff; 
    background-color: #9E9E9E; 
    border-color: #9E9E9E; 
} 

.btn-default-formulario:hover, 
.btn-default-formulario:focus, 
.btn-default-formulario:active, 
.btn-default-formulario.active, 
.open .dropdown-toggle.btn-default-formulario { 
    color: #ffffff; 
    background-color: #7D7D7D; 
    border-color: #9E9E9E; 
} 

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

.btn-default-formulario.disabled, 
.btn-default-formulario[disabled], 
fieldset[disabled] .btn-default-formulario, 
.btn-default-formulario.disabled:hover, 
.btn-default-formulario[disabled]:hover, 
fieldset[disabled] .btn-default-formulario:hover, 
.btn-default-formulario.disabled:focus, 
.btn-default-formulario[disabled]:focus, 
fieldset[disabled] .btn-default-formulario:focus, 
.btn-default-formulario.disabled:active, 
.btn-default-formulario[disabled]:active, 
fieldset[disabled] .btn-default-formulario:active, 
.btn-default-formulario.disabled.active, 
.btn-default-formulario[disabled].active, 
fieldset[disabled] .btn-default-formulario.active { 
    background-color: #9E9E9E; 
    border-color: #9E9E9E; 
} 

.btn-default-formulario .badge { 
    color: #9E9E9E; 
    background-color: #ffffff; 
}

.btn-corp { 
    color: #FFFFFF; 
    background-color: #111111; 
    border-color: #111111; 
} 

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

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

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

.btn-corp .badge { 
    color: #111111; 
    background-color: #FFFFFF; 
}

.btn-corporativo2 { 
    color: #FFFFFF; 
    background-color: #000000; 
    border-color: #000000; 
} 

.btn-corporativo2:hover, 
.btn-corporativo2:focus, 
.btn-corporativo2:active, 
.btn-corporativo2.active, 
.open .dropdown-toggle.btn-corporativo2 { 
    color: #FFFFFF; 
    background-color: #000000; 
    border-color: #000000; 
} 

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

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

.btn-corporativo2 .badge { 
    color: #000000; 
    background-color: #FFFFFF; 
}

.btn-descuento { 
    color: #FFFFFF; 
    background-color: #717070; 
    border-color: #717070; 
} 

.btn-descuento:hover, 
.btn-descuento:focus, 
.btn-descuento:active, 
.btn-descuento.active, 
.open .dropdown-toggle.btn-descuento { 
    color: #FFFFFF; 
    background-color: #717070; 
    border-color: #717070; 
} 

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

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

.btn-descuento .badge { 
    color: #717070; 
    background-color: #FFFFFF; 
}

.btn-comprar { 
    color: #FFFFFF; 
    background-color: #000000; 
    border-color: #000000; 
} 

.btn-comprar:hover, 
.btn-comprar:focus, 
.btn-comprar:active, 
.btn-comprar.active, 
.open .dropdown-toggle.btn-comprar { 
    color: #FFFFFF; 
    background-color: #000000; 
    border-color: #000000; 
} 

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

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

.btn-comprar .badge { 
    color: #000000; 
    background-color: #FFFFFF; 
}

.btn-comentar { 
    color: #FFFFFF; 
    background-color: #000000; 
    border-color: #000000; 
} 

.btn-comentar:hover, 
.btn-comentar:focus, 
.btn-comentar:active, 
.btn-comentar.active, 
.open .dropdown-toggle.btn-comentar { 
    color: #FFFFFF; 
    background-color: #000000; 
    border-color: #000000; 
} 

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

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

.btn-comentar .badge { 
    color: #000000; 
    background-color: #FFFFFF; 
}