#onepage_main_div .field_wrapper .field_wrapper {
    position: relative;
}

#sp-brand-wrapper {
    color: #000000;
    margin: 10px 0 0 0;
}

#sp-logo .logo {
    padding: 0px 0;
}

.category-view .category-inner .category-title {
    background: #ED5B13;
}

.category-view .category-inner:hover {
    border: 1px solid #ED5B13;
}

/**** BUSCADOR ****/
div#offlajn-ajax-search461 {
    margin-top: 27px;
}

#offlajn-ajax-search461 {
    float: right;
}

#sp-left .sp-module-title .modtitle {
    margin: 0 0 0px;
}

#sp-left .modtitle {
    padding: 0 0 0px;
    border-bottom: 0 solid #818181;
}

#sp-main-body {
    margin: 5px 0;
}

/**** BREADCRUM ****/
.sp-page-title h2 {
    font-size: 15px;
}

.sp-page-title {
    padding: 10px 0 0px;
    background: #f9f9f9;
}

.corporate-about .block-wrapper {
    padding: 5px 0 0 0;
}

.sp-module:first-child {
    margin-top: 10px;
}

/**** MEN� LEGAL ****/
/*ul.mod_menu.menu {
    display: inline-flex;
}*/
.sp-module ul>li>a {
    padding-right: 20px;
}

/****CARRUSEL PORTADA****/
.product-i:hover {
    border-color: #ED5B13;
}

.product-i {
    border: 6px solid rgba(72, 173, 33, 0.1);
}

/**** LOGING ****/

#sp-top-wrapper a {
    padding-top: 3px;
}

/**** MEN� FOOTER ****/
/*
#sp-bottom-wrapper .vina-treeview-menus ul li a {
    color: #eaeaea;
}
*/
/**** REDES SOCIALES ****/
#sp-position-wrapper {
    padding: 8px 0 0px !important;
}

.sp-module ul>li>a {
    color: #ffffff;
}

/**** TITULOS ARTICULOS ****/
.entry-header h2,
.entry-header h3 {
    margin: 10px 0 15px;
    color: #0a0b0d;
}

#sp-main-body {
    margin: 20px 0;
}

.sp-module:first-child {
    margin-top: 0px;
}

.social-icons {
    padding-bottom: 5px;
}

#sp-left .sp-module-title .modtitle {
    margin: 0px 0 16px;
}

/* iconos top */

#sp-jl-welcome {
    padding: 0px 0;
    color: #fff;
    font-size: 12px;
}

/**********/
/**********/
/**********/
/**********/
/**********/
/**********/
/**********/
/**********/

#sp-main-body {
    margin: 0px 0;
    background: #f9f9f9;
    padding: 20px 0;
}

#sp-main-body {
    font-family: Josefin Sans, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

/****************************** widgetkit galeria *********************************/
/***** fix error entrada im�genes galer�a escalado desde abajo ********/
.uk-animation-scale-up {
    -webkit-animation-name: uk-fade-scale-02;
    animation-name: uk-fade-scale-02;
}

/*********************************************************************************** BARRA TOP *********************************************************************************/
/****** colores *****/
/*
#sp-top-wrapper {
        background: linear-gradient(120deg,#ed5b13 15%,#f1f1f1 85%);
}
*/
#sp-top-wrapper {
    background: #fff;
}

#sp-top-wrapper .menu li {
    font-size: 11px;
    line-height: 30px;
    padding: 1px 5px;
    text-align: center;
}

#sp-top-wrapper a {
    color: #818181;
}

/******************************* top1 & top2 ********************************/
@media (max-width: 1199px) {

    #sp-top1,
    #sp-top2 {
        width: 100% !important;
        text-align: center;
        background: #fff;
    }
}

@media (max-width: 991px) {

    #sp-top1 .sp-contact-info,
    #sp-top2 .sp-contact-info {
        color: #818181 !important;
    }
}

@media (max-width: 991px) {

    #sp-top1 .sp-contact-info a,
    #sp-top2 .sp-contact-info a {
        color: #818181 !important;
    }
}

/********************************************************* top 1 ***********************************************************************/
div#sp-top1 {
    width: 30%;
}

@media (max-width: 1199px) {
    div#sp-top1 {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .top-home1 .sp-module {
        float: none !important;
        text-align: center;
        display: inline-block;
    }
}

@media (max-width: 1199px) {
    .top-home1 .sp-contact-info {
        float: none;
    }
}

.sp-contact-info li {
    display: inline-block;
    margin: 0 10px;
}

.sp-contact-info li:before {
    border: 0px solid #818181
}

.sp-contact-info li:before {
    margin-right: 0px
}

/********************************************************* top 2 ***********************************************************************/
div#sp-top2 {
    width: 50%;
}

@media (max-width: 992px) {
    div#sp-top2 {
        width: 100%;
    }
}

@media (max-width: 992px) {
    #sp-top-wrapper .menu li {
        font-size: 10px;
        line-height: 30px;
        padding: 1px 1px;
        text-align: center;
    }
}

@media (max-width: 540px) {
    ul.mod_menu.menu {
        display: inline;
    }
}

@media (max-width: 540px) {
    #sp-top-wrapper .menu li {
        line-height: 25px;
    }
}

/**** hover y active de cada elemento ****/
#sp-top-wrapper .menu li {
    position: relative;
}

#sp-top-wrapper a {
    position: relative;
}

/*********************/

#sp-top-wrapper .menu li.active a,
#sp-top-wrapper .menu li a:hover {
    background: #fff !important;
    color: #818181;
    text-rendering: optimizeLegibility;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

#sp-top-wrapper .menu li.active,
#sp-top-wrapper .menu li:hover {
    background: #fff;
    color: #818181;
}

#sp-top-wrapper .menu li.active a,
#sp-top-wrapper .menu li:hover a {
    color: #818181;
    background: #fff;
    position: relative
}

/*********************/

#sp-top-wrapper .menu li a:before,
#sp-top-wrapper .menu li a:before {
    position: absolute;
    content: " ";
    width: 0%;
    top: 20px;
    left: 0;
    background: #fff;
    height: 2px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

#sp-top-wrapper .menu li.active a:before,
#sp-top-wrapper .menu li a:hover:before {
    position: absolute;
    content: " ";
    width: 80%;
    top: 20px;
    left: 0%;
    background: #ed5b13;
    height: 2px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/********************************************************* top 3 ***********************************************************************/
@media (max-width: 1199px) {
    #sp-top3 {
        width: 100% !important;
        text-align: center;
    }
}

div#sp-top3 {
    width: 20%;
}

@media (max-width: 992px) {
    div#sp-top3 {
        width: 100%;
        float: none;
        display: inline-block;
        text-align: center;
    }
}

/**** modulo de acceso *****/
.top-home1 .sp-module {
    float: right;
}

@media (max-width: 992px) {
    .top-home1 .sp-module {
        float: none;
        /* text-align: center; */
        margin: 0 auto !important;
        display: inline-block;
        width: 100%;
    }
}

@media (max-width: 992px) {
    div#mod_improved_ajax_login-495 {
        float: none !important;
    }
}

div#mod_improved_ajax_login-495 {
    float: right;
}

.selectBtn {
    z-index: 9998;
}

span.loginBtn {
    color: #fff;
}

.selectBtn:hover,
.loginBtn:hover {
    color: #fff;
}

/**** ventana emergente registro ****/
.gi-elem.gi-wide .loginH3 {
    margin: 0px -55px 20px -55px;
    background: #ccc;
}

.gi-elem.ial-tos.gi-wide a.forgetLnk:link {
    color: #0a0b0d;
}

.smallTxt.req:after {
    color: #0a0b0d;
    content: " *";
}

/********************************************************************************** LOGO TOP *****************************************************************************************/
div#sp-logo-top {
    width: 100%;
    float: none;
    display: inline-block;
}

div#sp-logo-top img {
    text-align: center;
    float: none;
    display: inline-block;
}

/*********************************************************************************** STICKY HEADER *********************************************************************************/
/**** con esto evitamos que el sticky header a veces no nos ocupe el 100% del ancho ***/
section#sp-header-wrapper {
    width: 100% !important;
    border-bottom: 1px solid #e5e5e5;
}

#sp-header {
    padding: 0px 0 0px;
}

/*********************************************************************************** HEADER *********************************************************************************/
/***************************** logo *******************************/
@media (max-width: 540px) {
    #sp-logo {
        width: 100%;
    }
}

@media (max-width: 992px) {
    #sp-logo {
        width: 100% !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    div#sp-logo {
        width: 20%;
    }
}

@media (min-width: 678px) and (max-width: 992px) {
    div#sp-logo {
        width: 25% !important;
    }
}

@media (max-width: 678px) {
    div#sp-logo {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    div#sp-logo h1 {
        margin-top: -15px;
        margin-bottom: 10px;
    }
}

@media (max-width: 992px) {
    div#sp-logo h1 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

/************************ banners top ******************************/
@media (min-width:1200px) {
    #sp-jl-welcome {
        padding-top: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    #sp-jl-welcome {
        width: 50%;
        padding-top: 0px;
    }
}

@media (max-width: 992px) {
    #sp-jl-welcome {
        width: 100%;
    }
}

@media (min-width: 678px) and (max-width: 992px) {
    #sp-jl-welcome {
        width: 75%;
    }
}

@media (max-width: 678px) {
    #sp-jl-welcome {
        width: 100%;
    }
}

/************************ buscador ******************************/
@media (min-width: 992px) and (max-width: 1200px) {
    #sp-search {
        width: 30%;
    }
}

@media (min-width: 540px) and (max-width: 992px) {
    #sp-search {
        width: 50%;
    }
}

@media (max-width: 992px) {
    #sp-search {
        width: 100%;
    }
}

div#offlajn-ajax-search461 {
    margin-top: 40px;
}

@media (min-width: 991px)and (max-width: 1200px) {
    div#offlajn-ajax-search461 {
        margin-top: 0px !important;
    }
}

@media (max-width: 992px) {
    div#offlajn-ajax-search461 {
        margin-top: 0px !important;
    }
}

input#suggestion-area461 {
    background: #f5f5f5;
}

/*** boton ***/
#ajax-search-button461 {
    background: rgb(235, 235, 235);
}

/*** gif cargando resultados ***/
#search-form461 #search-area-close461.search-area-loading {
    -webkit-filter: brightness(50%);
}

/*** boton cerrar ***/
#search-form461 #search-area-close461 {
    -webkit-filter: brightness(50%);
}

#ajax-search-button461 .magnifier {
    -webkit-filter: brightness(50%);
}

/**** texto ****/
#search-form461 input {
    color: #818181;
}

/**** opciones ****/
#search-form461 .category-chooser .arrow {
    -webkit-filter: brightness(50%);
}

/*********************************** resultados de busqueda *********************************************/
section#sp-section-4 {
    background: #f9f9f9;
}

/****** sin resultados ****/
#offlajn-ajax-tile-results #no-result-message {
    background: transparent;
}

#offlajn-ajax-tile-results #no-result-message span {
    font-family: Josefin Sans, sans-serif;
    color: #0a0b0d !important;
}

/***************** cada resultado **************************/
/**** barra top ***/
#offlajn-ajax-tile-results .search-result-link .search-result-card-category {
    color: #0a0b0d;
    font-family: Josefin Sans, sans-serif;
    text-shadow: none !important;
    background: rgba(255, 255, 255, 1);
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/**** precio ****/
#offlajn-ajax-tile-results .search-result-card .search-result-price {
    color: #ed5b13;
    font-family: Karla, sans-serif;
    text-shadow: none !important;
    background: rgba(255, 255, 255, 1);
}

/**** bloque de texto ***/
#offlajn-ajax-tile-results .search-result-card .search-result-content {
    background: rgba(255, 255, 255, 1);
}

#offlajn-ajax-tile-results .search-result-card .search-result-title>span {
    color: #0a0b0d;
    font-family: Josefin Sans, sans-serif;
    text-shadow: none !important;
}

#offlajn-ajax-tile-results .search-result-card .search-result-inner {
    color: #0a0b0d;
    font-family: Josefin Sans, sans-serif;
    text-shadow: none !important;
}

/*********************************************************************************** MAIN MENU *********************************************************************************/
div#sp-menu {
    width: 92%;
}

@media (max-width: 991px) {
    div#sp-menu {
        width: 50%;
    }
}

#sp-header-wrapper {
    background: #ffffff;
}

#sp-header-wrapper {
    box-shadow: none;
}

/*********************** cada elemento **************************/
.sp-megamenu-parent>li>a {
    font-family: Josefin Sans, sans-serif;
    color: #0a0b0d !important;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 7.5px 14px;
    position: relative;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sp-megamenu-parent>li>a {
        padding: 7.5px 10px !important;
        font-size: 9px !important;
    }
}

/*** activo ****/
.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li:hover>a {
    background: #ffffff;
    position: relative;
}

/**** hover y active de cada elemento ****/
.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li:hover>a {
    color: #000;
    text-rendering: optimizeLegibility;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    ;
    position: relative;
}

.sp-megamenu-parent>li>a:before {
    position: absolute;
    content: " ";
    width: 0%;
    top: 43px;
    left: 0;
    background: #fff;
    height: 2px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.sp-megamenu-parent>li.active>a:before,
.sp-megamenu-parent>li:hover>a:before {
    position: absolute;
    content: " ";
    width: 80%;
    top: 43px;
    left: 10%;
    background: #ed5b13;
    height: 2px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.sp-megamenu-parent>li.active:hover>a:before,
.sp-megamenu-parent>li:hover>a:before,
.sp-megamenu-parent>li.active>:before {
    width: 80%;
}

/*************** elementos de los subbmenus *************/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    padding: 3px;
    color: #0a0b0d;
    font-weight: normal;
    font-family: Josefin Sans, sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    border-bottom: 0px solid #f1f1f1;
}

/***************************************************** menu escritorio *****************************************************/
/*************** forzando su desaparicion ***********************/
/*
@media (max-width: 1200px) {
.sp-megamenu-parent {
    display: none;
}
}
*/

/*********************************************************************************** MAIN MENU ---> offcanvas *********************************************************************************/
/*************** forzando su aparicion ***********************/
/*
@media (max-width: 1200px) {
#offcanvas-toggler {
    display: inline-block !important;
	position: relative;
}
}
*/
/***** fondo overlay negro ********/
.body-innerwrapper:after {
    z-index: 9998;
}

#offcanvas-toggler>i {
    background: #fff;
    text-align: center;
}

/***** buscador offcanvas ******/
.buscador-offcanvas #offlajn-ajax-search487 {
    margin-top: 30px;
}

/****** elementos men� *****/
.sp-module ul>li>a {
    color: #8a8a8a;
}

div.vina-treeview-menus .active>a {
    text-decoration: none;
    color: #ED5B13;
    font-weight: 600;
}

.sp-module ul>li>a:hover {
    color: #ED5B13;
    background: #fff !important;
}

/***** margen izquierdo para separarlo de los vertical menus ******/
#offcanvas-toggler {
    margin-left: 50px;
}

/******************************************************************* CARRITO ****************************************************************************/
div#sp-minicart {
    width: 8%;
}

@media (max-width: 991px) {
    div#sp-minicart {
        width: 50%;
    }
}

.sp-module .block-mini-cart .mini-cart-title {
    background: #fff;
}

.block-mini-cart .mini-cart-title {
    position: relative;
    height: 45px;
    background: #ffe51e;
    color: #818181;
    padding-left: 0px;
    font-family: Josefin Sans, sans-serif;
}

/**** triangulo ****/
.block-mini-cart .mini-cart-title:before {
    display: none;
}

/***** icono carrito *********/
.block-mini-cart .mini-cart-title .count-item .simple-handbag:before {
    content: "";
    width: 45px;
    height: 37px;
    background: transparent url(/templates/vina_betashop/images/carrito-shop.png) no-repeat 10px center;
    display: inline-block;
    position: absolute;
    left: -38px;
    top: -12px;
}

/**** texto 'productos' *****/

.block-mini-cart .mini-cart-title .number {
    display: none;
}

/**************************** ventana emergente carrito *****************************/
/*** flechita top ***/
.sp-module .block-mini-cart .mini-cart-content:before {
    color: #ffffff;
}

/*** borde y fondo ***/
.sp-module .block-mini-cart .mini-cart-content {
    border: 2px solid #ffffff;
}

/**** lista productos ***/
.sp-module .block-mini-cart .mini-cart-content .product_row {
    font-size: 12px;
    line-height: initial;
}

.sp-module .block-mini-cart .mini-cart-content span.product_name {
    padding-right: 10px;
    font-family: Josefin Sans, sans-serif;
}

.sp-module .block-mini-cart .mini-cart-content .subtotal_with_tax {
    font-weight: bold;
}

/**** total ****/
.sp-module .block-mini-cart .mini-cart-content .total {
    float: right;
    width: 100%;
    text-align: right;
}

.sp-module .block-mini-cart .mini-cart-content .total strong {
    color: #ED5B13;
}

/**** mostrar carro ***/
.sp-module .block-mini-cart .mini-cart-content .show_cart {
    float: right;
    font-family: Josefin Sans, sans-serif;
}

/***************************************************** migas de pan ****************************************************/

.breadcrumb {
    background-color: #f9f9f9;
}

/***** icono 'estas aqui' *****/
ol.breadcrumb span {
    position: relative;
    padding-left: 15px;
}

ol.breadcrumb span:before {
    content: " \f041 ";
    font-family: 'fontawesome';
    position: absolute;
    left: 0;
    top: -5px;
    color: #6c6c6d;
}

/*************************************************************************************** PORTADA SITIO ***********************************************************************************/
/******************************* slider portada *************************************/
div#sp-title {
    z-index: 0;
    background: #f9f9f9;
}

div#sp-portada-banner {
    z-index: 0;
    /*padding: 20px 0;*/
    background: #f9f9f9;
}

/*** barito de tiempo ****/
div#offlajn-ajax-search461 {
    margin-top: 40px;
}

.ls-bar-timer {
    border-bottom: 2px solid #ed5b13;
}

/********************** carrusel promociones **************************************/
#vina-carousel-virtuemart476 .product-i {
    height: 410px;
}

/*************************************************************************************** ARTICULOS ******************************************************************************************/
article.item.item-page h1,
article.item.item-page .h1 {
    font-size: 28px;
    font-family: Josefin Sans, sans-serif;
}

article.item.item-page h2,
article.item.item-page .h2 {
    font-size: 21px;
    font-family: Josefin Sans, sans-serif;
}

article.item.item-page h3,
article.item.item-page .h3 {
    font-size: 18px;
    font-family: Josefin Sans, sans-serif;
}

/************* imagenes articulo 'porcelanico madera' **************************************/
.itemid-1097 article.item img {
    display: inline-block;
}

/************* imagenes articulo 'maderas gres' **************************************/
.itemid-1098 article.item img {
    display: inline-block;
}

/*************************************************************************************** NUESTRAS MARCAS ******************************************************************************************/

.itemid-1087 p img {
    display: inline-block;
}

/*************************************************************************************** LEFT ****************************************************************************************/
/******** modulo de productos *****/
/*** altura ***/
#vina-carousel-virtuemart142 .product-i {
    height: 378px;
}

/*** boton comprar ***/
#vina-carousel-virtuemart142 .product-i .actions {
    display: inline-block !important;
    width: 100% !important;
}

/*** botones favoritos y vista previa ***/
#vina-carousel-virtuemart142 .product-i .actions .btn-groups {
    display: inline-block;
    width: 100%;
}

/******* ocultando el modulo de productos en vista movil ******/
@media (max-width: 992px) {
    #vina-carousel-virtuemart142 .product-i {
        display: none;
    }
}

/*************************************************************************** FILTRO DE MARACAS **************************************************************/
/*** fondo ****/
#sp-right .cf_flt_category,
#sp-left .cf_flt_category {
    background: transparent;
}

/**** titulo 'filtro de busqueda' ****/
#sp-right .sp-module-title .modtitle,
#sp-left .sp-module-title .modtitle {
    font-weight: normal;
    font-family: Josefin Sans, sans-serif;
}

/**** titulo 'fabricantes' ******/
#sp-right .cf_form .cf_flt_wrapper,
#sp-left .cf_form .cf_flt_wrapper {
    margin-top: 0px;
}

/**** titulo 'precio' ****/
#sp-right .cf_form .cf_flt_header,
#sp-left .cf_form .cf_flt_header {
    font-weight: normal;
    font-family: Josefin Sans, sans-serif;
    border-color: #818181;
}

/**** titulo 'categorias' ****/
#sp-right .cf_flt_category .cf_flt_header,
#sp-left .cf_flt_category .cf_flt_header {
    color: #8a8a8a;
    font-size: 18px;
    font-weight: normal;
    font-family: Josefin Sans, sans-serif;
}

/*** icono titulo 'categorias' ****/
#sp-right .cf_flt_category .headexpand_show:before,
#sp-left .cf_flt_category .headexpand_show:before {
    color: #ed5b13;
}

/*** listado categorias ***/
#sp-right .cf_flt_category .cf_filters_list li,
#sp-left .cf_flt_category .cf_filters_list li {
    border-top: 1px solid #ddd;
}

#sp-right .cf_form .cf_filters_list li,
#sp-left .cf_form .cf_filters_list li {
    line-height: 30px;
}

/*** limpiar todo ***/
span.cf_resetAll_label {
    font-family: Josefin Sans, sans-serif;
}

/****************************************************************************************** TIENDA ********************************************************************************************************************************/

/*** con esto hacemmos que en la vista de categorias, subcategori�as y detallle de producto la barra izquierda ocupe el 100% en resoluciones inferiores a 992px ***/
@media (max-width: 992px) {

    .com-virtuemart.view-category #sp-left,
    .com-virtuemart.view-productdetails #sp-left {
        width: 100%;
    }
}

/**** quitando tambien los margenes de la plantilla ****/
@media (max-width: 992px) {

    .com-virtuemart.view-category #sp-right .sp-module,
    .com-virtuemart.view-category #sp-left .sp-module {
        margin-top: 0px;
    }
}

@media (max-width: 992px) {

    .com-virtuemart.view-category #sp-right,
    .com-virtuemart.view-category #sp-left {
        margin-bottom: 0px;
    }
}

/*** con esto hacemmos que en la vista de categorias, subcategori�as y detallle de producto la secci�n que carga el componente ocupe el 100% en resoluciones inferiores a 992px ***/
@media (max-width: 992px) {

    .com-virtuemart.view-category #sp-component,
    .com-virtuemart.view-productdetails #sp-component {
        width: 100%;
    }
}

/************************************************************************************* CONTROLES DE DISPOSICION Y ORDENACION *************************************************************************************************/
.orderby-displaynumber .orderby-displaynumber-inner {
    width: 100%;
    padding-left: 10px;
}

/*************************** ELIMINANDO LOS CONTROLADORES DE LOS MODOS LISTA O CUADRICULA ***************************************/
.view-mode.pull-left {
    background: url(../images/icons/grid.png) center no-repeat;
    display: none;
}

/********************************************************* paginacion top **************************************************/
@media (max-width: 768px) {
    .view-mode.pull-left {
        width: 100%;
        text-align: center;
    }
}

/**** modo cuadricula o lista ****/
@media (max-width: 768px) {
    a.mode-grid.active {
        text-align: center;
        float: none;
        display: inline-block;
    }
}

@media (max-width: 768px) {
    .orderby-displaynumber .view-mode a {
        text-align: center;
        display: inline-block;
        float: none;
    }
}

/**** ordenar por y paginacion *****/
@media (max-width: 768px) {
    .orderby-displaynumber .orderby-displaynumber-inner {
        color: #393939;
        font-weight: 500;
        line-height: 35px;
        width: 100%;
    }
}

/**** ordenar por *****/
@media (max-width: 768px) {
    .pull-left.vm-order-list {
        width: 100%;
        display: inline-block;
        text-align: center;
        float: none !important;
    }
}

@media (max-width: 768px) {
    .orderby-displaynumber .orderlistcontainer {
        float: none;
        margin-right: 0px;
        text-align: center;
        margin: 5px auto;
        display: inline-block;
    }
}

/**** paginacion (selector de cuantos productos queremos mostar por pagina ***/
/*
.orderby-displaynumber .display-number {
    margin-right: 10px;
    display: none;
}
*/
@media (max-width: 768px) {
    .orderby-displaynumber .display-number {
        margin-right: 0px;
        width: 100%;
        text-align: center;
    }
}

/******* fabricante ********/
.orderby-displaynumber .Order {
    float: left;
}

/******************************************************* pagionacion bottom *************************************************************************/
.pagination>.active>a,
.pagination>.active>a:hover {
    color: #fff;
    background-color: #ed5b13;
    border-color: #ed5b13;
}

.pagination>li>a:hover {
    color: #ed5b13;
    background-color: #eee;
    border-color: #ddd;
}

.pagination>li>a,
.pagination>li>span {
    color: #444;
}

@media (max-width: 455px) {
    .vm-pagination {
        padding: 5px;
        border: 1px solid #e5e5e5;
        text-align: center;
        float: none;
        display: inline-block;
        width: 100%;
    }
}

@media (max-width: 455px) {
    .vm-pagination .vm-page-counter {
        float: none;
        line-height: 40px;
        padding: 0 10px;
        width: 100%;
        text-align: center;
        display: inline-block;
        width: 100%;
    }
}

@media (max-width: 455px) {
    .vm-pagination .vm-page-counter {
        float: none;
        line-height: 40px;
        padding: 0 10px;
        width: 100%;
        text-align: center;
        display: inline-block;
        width: 100%;
    }
}

@media (max-width: 455px) {
    .vm-pagination .pagination {
        float: none;
    }
}

/*********************************************************************************** vista --> CATEGORIAS ***********************************************************************************/
/******************************  animaciones recolocaci�n categor�as en vista categor�as ******************************/
.category.width-percent.floatleft.width0 {
    -webkit-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

/************************************************************ responsive ************************************************************************************/

/******************************************* categor�as en portada **************************************/
.inicio .category.width-percent.floatleft.width0 {
    width: 49%;
    display: inline-block;
    float: none;
    padding: 0 5px 0 5px;
}

@media (min-width: 540px) {
    .inicio .category.width-percent.floatleft.width0 {
        width: 31%;
        display: inline-block;
        float: none;
    }
}

@media (min-width: 992px) {
    .inicio .category.width-percent.floatleft.width0 {
        width: 24% !important;
        display: inline-block;
        float: none;
    }
}

/***** tienda *****/
.view-category .category.width-percent.floatleft.width0 {
    width: 49%;
    margin: 0px auto 15px auto;
    text-align: center;
    /*padding: 0 5px 0 5px;*/
    float: none;
    display: inline-block;
}

/*
@media (min-width: 512px) {
.category.width-percent.floatleft.width0 {
    width: 49%;
	margin: 0px auto 15px auto;
	padding: 0;
	float: none;
    display: inline-block;
}
}
*/
@media (min-width: 540px) {
    .view-category .category.width-percent.floatleft.width0 {
        width: 49%;
        margin: 0px auto 15px auto;
        padding: 0;
        float: none;
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .view-category .category.width-percent.floatleft.width0 {
        width: 49%;
        margin: 0px auto 15px auto;
        padding: 0 5px 0 5px;
        float: none;
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .view-category .category.width-percent.floatleft.width0 {
        width: 49%;
        margin: 0px auto 15px auto;
        padding: 0 5px 0 5px;
        float: none;
        display: inline-block;
    }
}

.category-view .category-inner {
    text-align: center;
    float: none;
    display: inline-block;
}

.category_description img {
    text-align: center;
    float: none;
    display: inline-block;
    width: 100%;
}

/********************************************************* CADA CATEGORIA ****************************************************************************/
/*** quitando el efecto hover al bloque de categoria *********/
.category-view .category-inner {
    border: 0px solid #fff;
}

.category-view .category-inner:hover {
    border: 0px solid #ED5B13;
}

/**** poniendo el efecto hover a la imagen de la categoria *****/
.category-inner img {
    border: 2px solid #fff;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.category-inner img:hover {
    border: 2px solid;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/************************* titulo **************************/
.category-view .category-inner .category-title {
    background: #f9f9f9 !important;
}

.category-view .category-inner .category-title {
    font-size: 14px;
    color: #0a0b0d;
    text-align: left;
    font-weight: 500;
    margin: 0;
    padding: 0px 0px 5px 15px;
    background: #ff6131;
}

/***************************************************************** ultimos vistos y top ten de productos ********************************************************************************/
/*************** ultimos vistos **********************/
/*** responsive ***/
@media (max-width: 992px) {

    .latest-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator,
    .latest-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
        width: 50%;
    }
}

@media (max-width: 678px) {

    .latest-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator,
    .latest-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
        width: 100%;
    }
}

/**** alturas *****/
@media (min-width: 992px) and (max-width: 1200px) {
    .latest-view .listing-view .product-row .product-i .product-inner {
        height: 395px;
    }
}

/*************** top ten **********************/
/*** responsive ***/
@media (max-width: 992px) {

    .topten-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator,
    .topten-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
        width: 50%;
    }
}

@media (max-width: 678px) {

    .topten-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator,
    .topten-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
        width: 100%;
    }
}

/**** alturas *****/
@media (min-width: 992px) and (max-width: 1200px) {
    .topten-view .listing-view .product-row .product-i .product-inner {
        height: 395px;
    }
}

/*************** ultimos vistos **********************/
/*** responsive ***/
@media (max-width: 992px) {

    .recent-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator,
    .recent-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
        width: 50%;
    }
}

@media (max-width: 678px) {

    .recent-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator,
    .recent-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
        width: 100%;
    }
}

/**** alturas *****/
@media (min-width: 992px) and (max-width: 1200px) {
    .recent-view .listing-view .product-row .product-i .product-inner {
        height: 395px;
    }
}

/*********************************************************************************** vista --> PRODUCTOS ***********************************************************************************/
/*********************************** en cuadricula **************************************/
.listing-view .product-row .product-i .product-inner {
    margin-left: 5px;
    margin-right: 5px;
}

/********* alturas ***********/
/*
@media (max-width: 768px) {
.listing-view .product-row .product-i .product-inner {
    height: auto !important;
}
}
@media (min-width: 768px) {
.listing-view .product-row .product-i .product-inner {
    height: 425px;
}
}
@media (min-width: 992px) {
.listing-view .product-row .product-i .product-inner {
    height: 450px;
}
}
*/
/************************************************************************* EN LISTA ************************************************************************/
/**** imagen producto *****/
.listing-view.vm_list_view .product-inner:hover .image-block {
    border: 1px solid #ed5b13;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.listing-view.vm_list_view .product-i .image-block {
    border: 1px solid #f1f1f1;
    webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

@media (max-width: 678px) {
    .listing-view.vm_list_view .product-i .vm-product-media-container {
        float: left;
        max-width: inherit !important;
        margin-right: 20px;
        width: 100%;
        margin-bottom: 20px;
    }
}

/*** nombre producto ****/
.listing-view.vm_list_view .product-i .text-block-inner .product-title {
    font-size: 21px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0px !important;
}

.listing-view.vm_list_view .product-i .text-block .product-title a {
    color: #3b3d3d;
    font-family: Josefin Sans, sans-serif;
}

/*** puntuacion producto ***/
.listing-view.vm_list_view .product-i .text-block-inner .ratingbox {
    margin: 10px 0;
}

.listing-view.vm_list_view .product-i .text-block-inner .ratingbox {
    display: none;
}

/*** precio ***/
.listing-view.vm_list_view .product-i .product-price span.vm-price-desc {
    color: #444;
}

.listing-view.vm_list_view .product-i .product-price {
    color: #444;
}

.listing-view.vm_list_view .product-i .product-price {
    font-family: Karla, sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
}

.listing-view.vm_list_view .product-i .product-price {
    /* display: none; */
    margin-top: 10px !important;
}

.listing-view.vm_list_view .product-i .text-block-inner .product-price .PricesalesPrice {
    font-size: 22px;
    width: 100%;
    margin-bottom: 10px;
}

/*** texto ****/
.listing-view.vm_list_view .product-i .vm-product-descr-container-1 {
    line-height: 20px;
}

/********** texto m2 **********/
.listing-view.vm_list_view .product-i .vm-product-descr-container-1 {
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
}

/************************************* botones ****************************************/
.listing-view.vm_list_view .product-i .actions {
    margin-top: 10px;
    background: transparent;
}

/************ manejadores cantidaes ***************/
.product-i .actions .addtocart-area .quantity-box,
.product-i .actions .addtocart-area

/*.lbl_qty*/
,
.product-i .actions .addtocart-area .quantity-controls {
    display: inline-block !important;
}

.listing-view.vm_list_view .product-i .quantity-box .quantity-minus,
.listing-view.vm_list_view .product-i .quantity-box .quantity-plus {
    height: 35px;
}

.listing-view.vm_list_view .product-i .quantity-box .quantity-input {
    height: 35px;
    ;
}

.listing-view.vm_list_view .product-i span.quantity-box {
    margin-right: 5px;
}

/**** boton comprar ****/
.listing-view.vm_list_view .product-i .actions .addtocart-area .addtocart-button {
    height: 35px;
    background: transparent;
    color: #ed5b13;
    font-size: 14px !important;
    border: 0.5px solid rgba(237, 91, 19, 0.55);
    text-transform: capitalize;
    border-radius: 0px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.product-i .actions span.addtocart-button .addtocart-button {
    font-weight: 500;
}

.listing-view.vm_list_view .product-i .actions .addtocart-area .addtocart-button:hover {
    background: #ed5b13;
    color: #fff;
    font-size: 14px !important;
    border: 0.5px solid rgba(237, 91, 19, 0.55);
    border-radius: 0px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

/***** resto de botones ***********/
.listing-view.vm_list_view .product-i .actions .btn-groups .btn-group {
    height: 35px;
    width: 35px;
    background: #999;
    border-radius: 0px;
}

.product-i .actions .btn-group:hover {
    background: #0a0b0d !important;
    color: #fff;
}

/*** icono favoritos ***/
.listing-view.vm_list_view .product-i .actions .btn-groups button.addtofav_aws_icon {
    margin-left: 3px;
}

/********************** a�adiendo las notas internas y el sku de producto **************************/
.nota-interna-producto {
    font-size: 21px;
    font-weight: bold;
    color: #ed5b13;
    font-family: Josefin Sans, sans-serif;
}

.sku-producto {}

/*********************************************************************************** vista --> DETALLE PRODUCTO ***********************************************************************************/
/***** nombre producto ******/
.vm-product-details-container h1 {
    font-size: 24px;
    padding-right: 30px;
    margin-top: 0;
    color: #2f2f2f;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-family: Josefin Sans, sans-serif;
}

/****** stock ******/
.view-productdetails span.separator {
    display: none;
}

.view-productdetails p.in-stock {
    display: none !important;
}

/********************** quitando las estrellas y la frase 'a�ade tu rese�a' *************************/
.view-productdetails .vm-product-details-container .vm-product-rating-container {
    display: none;
}

/************ volver a ********************/
.view-productdetails .vm-product-details-container .back-to-category {
    font-size: 13px;
    font-weight: 500;
    margin-top: 15px;
}

/**************************** descripcion corta *******************************/
.view-productdetails .vm-product-details-container .product-short-description {
    padding: 0px 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
    line-height: 13px;
}

/****** precio ******/
.view-productdetails .vm-product-details-container .product-price {
    font-size: 16px;
}

/********** precio base **********/
.vm-product-details-container .product-price .PricesalesPrice span.vm-price-desc {
    color: #444;
}

.vm-product-details-container .product-price .PricesalesPrice {
    color: #ed5b13;
    width: 100%;
    font-family: Karla, sans-serif;
    font-weight: normal;
    margin-bottom: 10px;
}

/***** precio base para variacion ******/
.vm-product-details-container .product-price .PricesalesPrice span.PricebasePriceVariant {
    color: #444;
}

.vm-product-details-container .product-price {
    font-weight: normal;
    font-family: Karla, sans-serif;
}

.vm-product-details-container .product-price span.PricebasePriceVariant {
    color: #ed5b13;
}

/****** modificador de variacion de precio ******/
.PricevariantModification.vm-nodisplay span.PricevariantModification {
    color: #ed5b13;
}

.view-productdetails .vm-product-details-container .product-price {
    margin: 0 0 5px;
}

.view-productdetails .vm-product-details-container .product-price {
    /*display: none;*/
    margin-top: 10px !important;
}

@media (max-width: 1199px) {
    .view-productdetails .vm-product-details-container .product-price {
        margin: 0 0 5px;
    }
}

@media (min-width: 1200px) {
    .view-productdetails .vm-product-details-container .product-price {
        margin: 0 0 5px;
    }
}

/********** manejadores cantidades **********/
.quantity-box .quantity-minus {
    background: #999 url(/templates/vina_betashop/images/general/minus-white-1.png) center center no-repeat !important;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.quantity-box .quantity-plus {
    background: #999 url(/templates/vina_betashop/images/general/plus-white-1.png) center center no-repeat !important;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

@media (max-width: 480px) {
    .view-productdetails .quantity-box {
        width: 100%;
    }
}

/***************************************** boton comprar ****************************************************/
/**** quitando el carrito *****/
.vm-product-details-container .addtocart-bar span.addtocart-button:before {
    display: none;
}

.vm-product-details-container .addtocart-bar span.addtocart-button {
    border-radius: 0px;
    background: transparent;
    border: 1px solid #ed5b13;
    padding-left: 0px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.vm-product-details-container .addtocart-bar span.addtocart-button .addtocart-button {
    font-weight: 500;
}

.vm-product-details-container .addtocart-bar span.addtocart-button:hover {
    color: #fff;
    background: #ed5b13;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.vm-product-details-container .addtocart-bar span.addtocart-button .addtocart-button {
    color: #ed5b13;
    line-height: 10px;
}

.vm-product-details-container .addtocart-bar span.addtocart-button .addtocart-button:hover {
    color: #fff;
}

.vm-product-details-container .addtocart-bar {
    padding: 10px 0;
}

@media (max-width: 480px) {
    .view-productdetails .vm-product-details-container .addtocart-bar span.addtocart-button {
        margin-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .view-productdetails .vm-product-details-container .addtocart-bar span.addtocart-button {
        margin-top: 15px;
    }
}

/********* iconos **********/
.vm-product-details-container .btn-groups .btn-group a {
    background: #999;
    border-radius: 0px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

/****** estrella favoritos *****/
.vm-product-details-container .btn-groups .btn-group .addtofav_aws_icon {
    color: #8a8a8a;
    padding: 0px;
    border: 0px;
    line-height: 26px;
    height: auto !important;
    background: none !important;
}

/**** comprar y recomendar ******/
@media (max-width: 480px) {
    .vm-product-details-container .btn-groups {
        padding: 0px 0;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .view-productdetails .vm-product-details-container .btn-groups {
        padding: 0px 0;
    }
}

/*************************************************** campos personzalizados *************************************************/
.vm-product-details-container .product-fields .product-field>span {
    width: 50px;
    margin-top: 6px;
    margin-left: 20px;
}

/*** quitando la imagen del icono de info ***/
.view-productdetails .vm-product-details-container span.hasTooltip img {
    display: none;
}

.view-productdetails .vm-product-details-container span.hasTooltip {
    position: relative;
}

/*** poniendo la nuestra propia ****/
.view-productdetails .vm-product-details-container span.hasTooltip:before {
    content: "\f05a";
    color: #ed5b13;
    font-family: 'fontawesome';
    position: absolute;
    top: -5px;
    left: -60px;
}

/*************** imagen del producto *********************/
.productdetails .vm-product-media-container .main-image {
    border: 4px solid rgba(63, 180, 251, 0);
}

/*************** imagenes de las pesta�as *******************/
#vinaTabContent img {
    display: inline-block;
}

/*********** pesta�as ***********/
.productdetails .nav-tabs li a {
    color: #5b5b5b;
    text-transform: initial;
    font-weight: 500;
    font-size: 21px;
    font-family: Josefin Sans, sans-serif;
}

.view-productdetails li.tab_review,
.view-productdetails li.tab_review.active {
    display: none;
}

/*********************************************************************************** VERTICAL MENUS ***********************************************************************************/
/************************ menu categorias ******************************/
/**** quitando el titulo ****/
.menu-categorias h3.modtitle {
    display: none;
}

/************************ menu condiciones ******************************/
/**** quitando el titulo ****/
.menu-condiciones h3.modtitle {
    display: none;
}

/**** posicion icono offcanvas ****/
.menu-icon-cont.sm-btn-478 {
    top: 145px;
    transition: all 0.3s;
}

/**** posicion icono offcanvas en menu abierto ****/
.menu-icon-cont.sm-btn-478.sm-close {
    top: 0px;
    transition: all 0.3s;
}

/*********************** condiciones de compra ****************************/
.off-menu_478>.sm-level,
#off-menu_478 {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/*********** titulo *************/
#off-menu_478 h3.sm-head {
    height: 30px !important;
}

#off-menu_478 h3.sm-head span {
    line-height: 30px !important;
}

#off-menu_478 h3.sm-head span {
    font-weight: normal;
}

/********* cada elemento **********/
.off-menu_478 dt,
.off-menu_478 dl.level1 dt {
    padding: 3px 15px 3px 15px;
}

.off-menu_478 dl dt.active.parent a,
.off-menu_478 dl dt.active a,
.off-menu_478 dl.level1 dt.active.parent a,
.off-menu_478 dl.level1 dt.active a {
    font-weight: normal;
}

.off-menu_478 dl a,
.off-menu_478 dl a:link,
.off-menu_478 dl.level1 a,
.off-menu_478 dl.level1 a:link {
    font-weight: normal;
}

.off-menu_478 dl dt.opened.parent a,
.off-menu_478 dl.level1 dt.opened.parent a,
.off-menu_478 dl dt.hover a,
.off-menu_478 dl dt:hover a,
.off-menu_478 dl.level1 dt.hover a,
.off-menu_478 dl.level1 dt:hover a {
    font-weight: normal;
}

/********************************************************************************************* CLIENTE/USUARIO **************************************************************************************************/
/**************************************************** pantalla de registro *****************************************************************/
/***************************************** titulos detalles de la cuenta y registro *******************************************/
.view-user.layout-edit .login-users .content h2 {
    background: none !important;
}

.view-user.layout-edit #bd_results h2,
.view-user.layout-edit #bd_results h1 {
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 20px;
    font-size: 26px;
    border-bottom: 3px solid #888;
    padding-bottom: 10px;
}

/***************************************** detalles de la cuenta *******************************************/
/*
.view-user.layout-edit form#com-form-login {
    border: 1px solid #e5e5e5;
    padding: 10px;
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}
/****** etiquetas ******/
@media (max-width: 768px) {
    .view-user.layout-edit .floatleft {
        display: inline-block;
        width: 100%;
        padding: 3px;
    }
}

.view-user.layout-edit .floatleft {
    float: left;
    display: inline-block;
}

.view-user.layout-edit fieldset.userdata label {
    width: auto;
    padding: 5px;
}

/************* frase "Si ya esta registrado, por favor identifiquese aqui" *************/
.view-user.layout-edit fieldset.userdata h2 {
    font-size: 14px !important;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 5px !important;
    border-bottom: 0px !important;
    padding-bottom: 10px;
}

/***************************************** registro *************************************************/
.view-user.layout-edit form#adminForm {
    border: 1px solid #e5e5e5;
    padding: 10px;
}

/************* filas *************/
.view-user.layout-edit #bd_results tr {
    padding: 2px;
    display: block;
    width: 100%;
}

@media (max-width: 768px) {
    .view-user.layout-edit #bd_results tr {
        padding: 2px;
        display: inline-block;
    }
}

/****** etiquetas ******/
.view-user.layout-edit label {
    width: 350px;
}

@media (max-width: 768px) {

    .view-user.layout-edit #bd_results td,
    .view-user.layout-edit #bd_results th {
        padding: 0;
        display: inline-block;
        width: 100%
    }
}

/********************************************************************************** DETALLES DE PEDIDO ****************************************************************************************/
/*************************** layout vista pedido ************************************/
.com-virtuemart.view-orders #sp-left {
    display: none;
}

.com-virtuemart.view-orders #sp-component {
    width: 100%;
}

/*** espcio entre tabla datos de facturaci�n y tabla detalle de pedido desglosado ******/
.spaceStyle.vm-orders-order {
    margin-bottom: 30px;
}

/**** titulos campos tabla detalle de pedido desglosado ****/
th.tabla-pedido-titulo-ref {
    text-align: left;
}

th.tabla-pedido-titulo-nombre-producto {
    text-align: left;
    width: 45%;
}

th.tabla-pedido-titulo-estado-producto {
    text-align: left;
}

th.tabla-pedido-titulo-precio-prodcuto {
    text-align: left;
}

th.tabla-pedido-titulo-total-producto {
    width: 15% !important;
}

th.tabla-pedido-titulo-descuento-producto {
    width: 10%;
}

/**** espacio entre textos "art�culos del pedido/historial de pedidos" y tabla detalle de pedido desglosado ****/
.view-orders div#tab-1 {
    margin-top: 30px;
}

/**** espacio entre tabla detalle de pedido desglosado y "fecha del pedido/estado del pedido/comentario del pedido" ****/
.view-orders div#tab-2 {
    margin-top: 30px;
}

/****** bot�n "Lista de Pedidos" **********/
.vm-orders-information .floatright {
    float: right !important;
    width: 100%;
    margin-bottom: 10px;
    display: inline;
}

.vm-orders-information .spaceStyle .floatright a {
    background: #009b00;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.vm-orders-information .spaceStyle .floatright a {
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.vm-orders-information .spaceStyle .floatright a:hover {
    background: #337ab7;
}

/********************************************************************************** DETALLES DE CUENTA DE USUARIO ****************************************************************************************/
/**** t�tulo pesta�a ****/
.com-virtuemart.view-user #tabs li.current {
    display: none;
}

/**** bot�n *****/
form#form-login input.button {
    background: #009b00;
    border: 0px;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 11px;
    font-family: 'Raleway', Arial, Helvetica;
    font-weight: bold;
}

form#form-login input.button:hover {
    background: #337ab7;
}

form#form-login input.button {
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

/**** tabla lista de pedidos ******/
.com-virtuemart.view-user table.adminlist {
    width: 100%;
}

/********************************************************************************************* EASYBLOG **************************************************************************************************/
/*** colores enlaces ****/
div#fd.eb .eb-post-more .btn {
    color: #ed5b13 !important;
}

div#fd.eb .eb-post-foot a {
    color: #ed5b13;
}

/*** titulo blog ****/
div#fd.eb .eb-brand-name {
    font-size: 28px;
    font-weight: 600 !important;
}

/*** titulo de cada post ****/
div#fd.eb .reset-heading {
    font-family: Josefin Sans, sans-serif;
    font-weight: normal;
    color: #444444;
}

/*************** modulo suscribirse *****************/
/*** boton ***/
div#fd .btn-primary {
    color: #fff !important;
    background-color: #ED5B13 !important;
    border-color: #ED5B13 !important;
}

div#fd .btn-primary:hover {
    color: #fff !important;
    background-color: #2e8b08 !important;
    border-color: #2e8b08 !important;
}

/********************************************************************************************** CONTACTO (BreezingForms) *******************************************************************************************/
/*** leyenda 1 ***/
.bfQuickMode legend {
    background: #444;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

/*** leyenda 2 ****/
.bfQuickMode fieldset fieldset legend {
    border-width: 1px !important;
    border-style: solid !important;
    padding: 5px;
    background: #fff;
    color: #ed5b13;
    border-color: #92c1ff;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

/**** secciones *****/
.bfQuickMode fieldset {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background: #f9f9f9;
}

.bfQuickMode fieldset.bfInline {
    background: #fff;
}

.bfQuickMode fieldset.bfInline section {
    background: #fff !important;
}

/**** campos de texto ****/
.bfQuickMode textarea:hover,
.bfQuickMode input[type='text']:hover,
.bfQuickMode input[type='password']:hover,
.bfQuickMode select:hover {
    border-color: #ed5b13;
}

.bfQuickMode textarea:focus,
.bfQuickMode input[type='text']:focus,
.bfQuickMode input[type='password']:focus,
.bfQuickMode select:focus {
    border-color: #ed5b13;
    outline: 2px solid #ed5b13;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border-radius: 0px;
}

/*************************************************************************** BRAND WRAPPER ---> posicion mapa contacto **************************************************************/
#sp-brand-wrapper {
    color: #000000;
    margin: 0px 0 0 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

/*********************************************************************************** WRAPPER --> posicion iconos redes sociales ***********************************************************************************/
#sp-position-wrapper {
    display: none;
}

#sp-position-wrapper {
    padding: 16px 0 14px !important;
    background: linear-gradient(120deg, #444 65%, #383838 50%);
    clear: both;
}

/***** iconos redes sociales ****/
@media (max-width: 991px) {
    #sp-position2 .social-icons {
        padding-top: 0px;
    }
}

/****************************************************************************************** BOTTOMS ******************************************************************************************/
#sp-bottom-wrapper {
    background: #ffffff;
}

/****************************** menus *****************************/
/*** titulo menu ***/
#sp-bottom-wrapper .modtitle {
    font-size: 18px;
    color: #0a0b0d !important;
    font-weight: 100;
    text-transform: none;
    border-bottom: 0px solid #3e3e3e;
    font-family: Josefin Sans, sans-serif !important;
    padding-bottom: 10px;
}

/*** elementos ***/
#sp-bottom-wrapper .vina-treeview-menus ul li {
    background: transparent;
    padding: 1px 0;
    border-bottom: 1px solid #3e3e3e;
    transition: 0.5s;
}

#sp-bottom-wrapper .vina-treeview-menus ul li a {
    padding-left: 15px;
}

span.catTitle {
    position: relative;
}

span.catTitle:before {
    content: "//";
    top: -5px;
    left: -15px;
    position: absolute;
}

#sp-bottom-wrapper .vina-treeview-menus ul li {
    border-bottom: 0px solid #3e3e3e;
}

@media (max-width: 991px) {

    #sp-bottom1,
    #sp-bottom2,
    #sp-bottom3,
    #sp-bottom4 {
        width: 50%;
    }
}

@media (max-width: 768px) {

    #sp-bottom1,
    #sp-bottom2,
    #sp-bottom3,
    #sp-bottom4 {
        width: 100%;
    }
}

/************ colores enlaces ***********/
#sp-bottom-wrapper .vina-treeview-menus ul li:hover a,
#sp-bottom-wrapper .vina-treeview-menus ul li.active a {
    color: #ED5B13;
    background: transparent !important;
}

/************ bottom1 -->  datos de contacto **********/
/*** textos ***/
#sp-bottom-wrapper .contact-info ul li span {
    color: #777;
    font-weight: normal;
    display: block;
    margin-bottom: 7px;
    display: inline-block;
}

/*** iconos ***/
#sp-bottom4 span.direccion:before {
    content: " \f041";
    font-family: FontAwesome;
    margin-left: -25px;
    padding-right: 15px;
    color: #ED5B13;
    font-size: 18px;
}

#sp-bottom4 span.direccion:before {
    display: none;
}

#sp-bottom4 span.telefono:before {
    content: " \f095";
    font-family: FontAwesome;
    margin-left: -25px;
    padding-right: 15px;
    color: #ED5B13;
    font-size: 18px;
}

#sp-bottom4 span.telefono:before {
    display: none;
}

#sp-bottom4 span.email:before {
    content: " \f003";
    font-family: FontAwesome;
    margin-left: -25px;
    padding-right: 15px;
    color: #ED5B13;
    font-size: 18px;
}

#sp-bottom4 span.email:before {
    display: none;
}

/***** bloque de texto ****/
/*
#sp-bottom4 ul.text-contact {
    margin-left: 30px;
}
*/
/****************** bottom4 --> seccion suscribirse a las noticias ***************************/
.acymailing_module {
    color: #777;
    font-weight: normal;
}

.acymailing_module .acymailing_introtext {
    margin-bottom: 10px !important;
}

/**************************************** to top --> volver arriba ***************************************/
/**** fijando la posicion *********/
.sp-totop {
    left: 10px;
    right: auto !important;
}

/**** colores ****/
#sp-footer-wrapper a {
    color: #ED5B13;
}

#sp-footer-wrapper a:hover {
    color: #2e8b08;
}

/****************** impuestos (IVA) en m�dulo de disposici�n de categor�a **********************/
.owl-item span.PricetaxAmount {
    display: none;
}

/****************** impuestos (IVA) en vista productos **********************/
.list-product span.PricetaxAmount {
    display: none;
}

/****************** impuestos (IVA) en vista detalle producto **********************/
.vm-product-details-inner.spacer-buy-area span.PricetaxAmount {
    display: none !important;
}

/***************************** cuando hay un sobreescribir final ******************************/
/****************** precio con impuestos (IVA) TACHADO en vista detalle producto **********************/
.vm-product-details-inner.spacer-buy-area .price-crossed span.PricebasePrice {
    display: none;
}

/******* cuando se aumenta la cantidad a comprar aparecen los impuestos ****/
.vm-product-details-inner.spacer-buy-area .PricetaxAmount.vm-display.vm-price-value {
    display: none;
}

/******** Dise�o Menu Mi Cuenta Superior ********/
.sp-module ul>li>a:hover {
    color: #ED5B13;
    background: transparent !important;
}

#sp-top-wrapper .menu li .nav-child.small li {
    min-width: 130px;
}

/******** Ocultar Boton Comparar *********/
.btn-compare {
    display: none;
}

/****************************************************************** CAMPOS PERSONALIZADOS EN LA VISTA DE CATEGORIAS ******************************/
/*
.mis-campos-personalizados-de-categorias .addtocart-bar {
    display: none;
}
*/
.mis-campos-personalizados-de-categorias .product-fields {
    display: inline-block !important;
}

.mis-campos-personalizados-de-categorias .product-field-display {
    display: inline-block;
}

/*** nombre ***/
.product-i .product-fields span.product-fields-title-wrapper {
    color: #444;
    padding-left: 20px;
}

/*************** imagen *******************/
/***** quitando la predeterminada *****/
.mis-campos-personalizados-de-categorias .product-fields .product-field.product-field-type-S span.hasTooltip img {
    display: none;
}

/**** poniendo la nuestra ****/
.mis-campos-personalizados-de-categorias .product-field.product-field-type-S span.hasTooltip {
    position: relative;
}

.mis-campos-personalizados-de-categorias .product-fields .product-field.product-field-type-S span.hasTooltip:before {
    content: "\f05a";
    color: #ed5b13;
    font-family: 'fontawesome';
    position: absolute;
    top: -3px;
    left: -60px;
}

/******* v2 **********/
.mis-campos-personalizados-de-categorias select {
    width: 248px;
}

.mis-campos-personalizados-de-categorias .product-fields {
    margin-bottom: 10px;
}

.listing-view.vm_list_view .product-i .actions .addtocart-area .addtocart-button,
.listing-view.vm_list_view .product-i .actions .addtocart-bar span.quantity-box {
    display: none !important;
}

.listing-view.vm_list_view .product-i label.lbl_qty {
    display: none;
}

.mis-campos-personalizados-de-categorias input.addtocart-button {
    background: #fff;
    color: #ed5b13;
    font-size: 14px !important;
    border: 0.5px solid rgba(237, 91, 19, 0.55);
    border-radius: 0px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    height: 35px;
    padding: 5px 11px;
}

.mis-campos-personalizados-de-categorias input.addtocart-button:hover {
    background: #ed5b13;
    color: #fff;
    font-size: 14px !important;
    border: 0.5px solid rgba(237, 91, 19, 0.55);
    border-radius: 0px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

.listing-view.vm_list_view .product-i .actions {
    margin-left: -5px;
}

.product-i .actions .btn-details span {
    display: inline-block;
    visibility: visible;
    color: #fff;
    padding: 5px 3px;
}

/****************************************************************** RECONVIRTIENDO EL BOTON VER DETALLES DE PRODUCTO (quitando el icono y poniendo el texto) ********************************************************************/
.product-i .actions .btn-details i:before {
    display: none;
}

.product-i .actions .btn-details span {
    display: inline-block;
    visibility: visible;
    color: #fff;
    padding-top: 5px;
}

.product-i .actions .btn-group.btn-details {
    width: auto !important;
    padding: 0 5px;
}

.product-i .actions .btn-details:hover {
    background: transparent;
}

.product-i .actions .btn-group:hover a {
    background: #0a0b0d;
}

/**************** posiciones campos personalizados **********************/
span.product-fields-title-wrapper {
    width: 100% !important;
    display: inline-block;
}

.product-field-display .radio input[type="radio"] {
    margin-left: 20px;
    position: inherit;
    margin-right: 10px;
}

/********* one check oput *******/
span.vmCartPaymentLogo img {
    display: none;
}

/****************** para que el iframe ocupe el 100% del ancho disponible *************/
iframe.breezingforms_iframe {
    width: 100%;
}

/****************** para eliminar el aviso de cookies en el formulario *******************************/
body.contentpane.popup-quick-view.ltr div#cadre_alert_cookies {
    display: none;
}

body.contentpane.popup-quick-view.ltr {
    background: #f9f9f9;
}

/******* formulario stasi ********/
@media (min-width: 768px) {
    .bfQuickMode fieldset.span6 {
        width: calc(50% - 10px);
        transition: all .3s;
    }

    .bfQuickMode fieldset.span6:first-child {
        margin-right: 5px;
        float: left;
    }

    .bfQuickMode fieldset.span6:last-child {
        margin-left: 5px;
        float: right;
    }
}

/*** iconos ***/
.bfQuickMode .bfPage i.icon-edit.bfLegendIcon {
    line-height: 55px;
}

.bfQuickMode .bfPage .icon-apply:before,
.bfQuickMode .bfPage .icon-edit:before,
.bfQuickMode .bfPage .icon-pencil:before {
    content: "\f040" !important;
    font-family: FontAwesome;
}

/*** leyenda top ***/
.bfQuickMode fieldset legend {
    color: #ffffff;
    background-color: #0a0b0d;
}

.bfQuickMode fieldset fieldset legend {
    color: #ffffff;
    background-color: #0a0b0d;
    /*background-color: #e4e4e4;*/
}

/*** leyenda secciones ***/
.bfQuickMode fieldset fieldset .bfLegendIcon {
    background-color: #ed5b13;
}

.bfQuickMode fieldset .bfLegendIcon {
    background-color: #ed5b13;
}

/*** asterisco obligatorio ****/
.bfQuickMode .icon-asterisk {
    color: red !important;
}

/*** campos ****/
.bfQuickMode input[type=text],
.bfQuickMode textarea,
.bfQuickMode .uneditable-input {
    display: inline-block;
}

@media (max-width: 768px) {
    .bfQuickMode .controls .control-label {
        /*padding-bottom: 25px;*/
        background-color: #eb605f;
        color: #fff;
    }
}

@media (max-width: 768px) {
    .bfQuickMode .controls .control-label {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        max-height: inherit !important;
    }
}

/***/
/***/
/***/
/***/
.bfQuickMode .control-label {
    width: 100% !important;
}

input#ff_elem82 {
    display: none;
}

.politica-formulario {
    font-size: 11px;
}

.bfQuickMode .controls.form-inline input {
    display: inline-block;
}

div#bfElemWrap28,
div#bfElemWrap83 {
    position: relative;
}

input#ff_elem28,
input#ff_elem83 {
    position: absolute;
    top: -2px;
    left: 0;
}

label#bfLabel28,
label#bfLabel83 {
    padding-left: 10px;
    font-size: 11px;
}

@media (max-width: 768px) {

    div#bfElemWrap82,
    div#bfElemWrap28,
    div#bfElemWrap83 {
        background: #fff;
    }

    input#ff_elem28,
    input#ff_elem83 {
        position: absolute;
        top: 12px;
        left: 10px;
    }

    label#bfLabel28,
    label#bfLabel83 {
        padding-left: 30px;
    }
}

/**** responsive ****/

@media only screen and (min-width: 320px) and (max-width: 767px) {

    .itemid-1039 fieldset#bfQuickModeSection6957 {
        width: 100%;
    }

    .itemid-1039 fieldset#bfQuickModeSection80776 {
        width: 100%;
    }

    .itemid-1039 .bfQuickMode fieldset fieldset legend {
        font-size: 20px !important;
    }
}

.itemid-1039 .bfQuickMode .controls .control-label {
    background-color: #ffffff !important;
    color: #808080 !important;
}

@media only screen and (min-width: 768px) and (max-width: 3000px) {

    .bfQuickMode fieldset fieldset legend {
        font-size: 22px;
    }
}

@media (min-width: 768px) {
    .bfQuickMode fieldset.span6 {
        width: calc(50% - 10px);
        transition: all .3s;
    }

    .bfQuickMode fieldset.span6:first-child {
        margin-right: 5px;
        float: left;
    }

    .bfQuickMode fieldset.span6:last-child {
        margin-left: 5px;
        float: right;
    }
}

@media (max-width: 768px) {
    .bfQuickMode .controls .control-label {
        background-color: white;
        color: #808080;
    }

}

.row-fluid .span6 {
    width: 100%;
}

.bfQuickMode .form-actions .bfSubmitButton {
    background-color: #4d4d4d;
}

/************* FIN FORMULARIO ****************/

/*** Políticas Easyblog ***/
.info-datos-suscribirse-blog {
    padding: 15px;
    font-size: 10px;
}

div#sp-bottom1 .acymailing_form label {
    width: 100% !important;
}

div#sp-bottom1 p label {
    margin-left: 25px;
}

div#sp-bottom1 p label input {
    left: -23px;
    top: 19px;
}

.itemid-1047 .bfQuickMode fieldset legend {
    color: black;
    background-color: #f9f9f9 !important;
    border: none !important;
}

.itemid-1047 .bfQuickMode fieldset input {
    width: 100% !important;
    max-width: 100%;
}

.itemid-1047 .bfQuickMode label#bfLabel219 {
    margin-left: 30px;
}

.itemid-1047 section#bfQuickModeSection68091 .controls.form-inline input {
    position: relative !important;
    top: -49px;
}

.itemid-1047 section#bfQuickModeSection68091 div#bfElemWrap224 input#ff_elem224 {
    display: none;
}

.itemid-1047 .form-actions {
    background: transparent !important;
}

.itemid-1047 section#bfQuickModeSection68091 div#bfElemWrap224 {
    width: 100% !important;
    text-align: center;
}

.itemid-1047 div#bfPage1>.form-actions div {
    text-align: center !important;
}

.itemid-1047 div#bfPage1>.form-actions div button {
    float: unset !important;
    background-color: #ed5b13;
}

.itemid-1047 div#bfPage1>.form-actions div button:hover {
    background-color: black;
}

/***/
/*** GDPR - usar estas ***/
/***/
div.cc-window.cc-banner {
    box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.10);
}

div.cc-window.cc-banner .cc-header {
    max-width: 100%;
    width: 100%;
    /*padding-left: 5px;*/
    padding-bottom: 10px;
}

div.cc-window.cc-banner span.cc-message-text {
    font-size: 14px;
    line-height: 18px;
}

input.cc-cookie-checkbox+span {
    top: 3px;
}

div.cc-window.cc-banner input.cc-cookie-checkbox+span:before {
    border: 0px solid grey;
    background: none !important;
}

div.cc-window.cc-banner a.cc-link label {
    font-size: 14px;
}

div.cc-checkboxes-container a:not(.cc-btn) {
    padding: 0px 6px 0 0;
}

div.cc-cookie-category-title {
    border-bottom: 1px solid #abd54c;
}

.cc-revoke.cc-bottom {
    /*left: 125px !important;*/
    background: #abd54c !important;
    color: #fff !important;
    border-radius: 0;
}

input.cc-cookie-checkbox+span:after {
    border-color: #b3b3b3;
    background: #ececec;
    background-image: none;
}

input.cc-cookie-checkbox:checked+span:after {
    background-image: none;
    content: " \f00c";
    font-family: FontAwesome;
    line-height: 11px;
    font-size: 11px;
    color: #42ac35;
}

@media (max-width: 991px) {
    .cc-banner .cc-message {
        flex: 100%;
        margin-bottom: 5px;
    }
}

/***/
div.cc-window.cc-banner {
    z-index: 5000 !important;
}

@media (max-width: 1199px) {
    .cc-banner .cc-message {
        flex: 100%;
    }
}

a.cc-link.cc-cookie,
a.cc-link.cc-privacy {
    font-size: 14px;
}

/***/
.cc-checkbox-container:nth-child(2) a.cc-link label {
    font-weight: bold;
}

/***/
@media (max-width: 767px) {
    .cc-window.cc-banner {
        padding-left: 15px;
        padding-right: 15px;
        flex-direction: unset;
    }

    .cc-window.cc-banner .cc-header {
        font-size: 12px !important;
        padding-bottom: 0 !important;
    }

    .cc-window.cc-banner .cc-message {
        margin-top: -10px;
        margin-bottom: 0;
    }

    .cc-header {
        font-size: 12px !important;
        padding-bottom: 0 !important;
    }

    .cc-message {
        max-height: 70px;
        overflow-y: scroll;
        /*margin-bottom: -5px !important;*/
    }

    .cc-message-text {
        font-size: 11px !important;
        line-height: 11px !important;
    }

    .cc-window.cc-banner a.cc-link.cc-cookie,
    .cc-window.cc-banner a.cc-link.cc-privacy {
        font-size: 11px !important;
    }

    .cc-window.cc-banner .cc-compliance {
        font-size: 12px;
        margin-top: 3px;
    }

    .cc-window.cc-banner .cc-checkbox-container {
        margin-right: 4px;
        margin-bottom: 3px;
    }

    .cc-window.cc-banner .cc-checkbox-container a.cc-link label {
        font-size: 12px !important;
    }
}

.cc-window.cc-banner.cc-type-opt-in.cc-theme-block.cc-allowall-button.cc-opacity-100.cc-bottom.cc-color-override-824099988 {
    z-index: 99999999999999999999999 !important;
}

@media only screen and (max-width: 991px) {

    section#sp-top-wrapper div#sp-top2 {
        display: none;
    }

}

@media only screen and (max-width: 991px) {

    div#sp-jl-welcome {
        display: none;
    }

    #sp-search {
        width: 75%;
    }

    div#sp-search>div {
        width: 100%;
    }

}

section#sp-logo-top {
    display: none;
}

@media only screen and (max-width: 677px) {

    header#sp-header div#sp-search {
        width: 100%;
    }

    div#sp-search div#offlajn-ajax-search461 {
        margin: 0 auto !important;
        float: unset;
    }

    section#sp-page-title div#sp-title ol.breadcrumb.container {
        margin-bottom: 0;
    }

    section#sp-page-title div#sp-title .sp-module {
        margin-top: 0;
    }

}

@media only screen and (max-width: 991px) {

    .itemid-101 section#sp-main-body .container {
        width: 100%;
    }

    .category-view>.row>div {
        width: 48.7%;
        display: inline-block;
    }

    .itemid-101 section#sp-main-body div#sp-component .category-view {
        margin: 0;
    }

    .itemid-101 section#sp-main-body {
        padding-bottom: 0;
    }

    .itemid-101 section#sp-productos .container {
        width: 100%;
    }

}

.cc-revoke.cc-bottom {
    background: #ed5b13 !important;
}

/*
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content > ul {
    margin: 0;
    width: 100%!important;
    float: left;
}*/
/*
.offcanvas-inner ul li {
    display: block!important;
    width: 100%!important;*/
/* float: left!important; */
/* position: relative!important; */
/*
}*/

.ltr.offcanvas .offcanvas-menu {
    right: 0;
    position: fixed !important;
    overflow-x: hidden !important;
}

body.mm-wrapper {
    overflow-x: hidden;
    position: initial;
}

#sp-top-wrapper .menu {
    float: right;
    margin: 0 auto !important;
    position: relative;
}

div#sp-top2 ul li {
    display: inline-block;
}

html#ls-global {
    overflow-x: hidden !important;
}

/*
body {
    overflow-x: hidden;
}*/

.offcanvas {
    position: unset;
}

.offcanvas .body-innerwrapper:after {
    position: fixed;
}

.offcanvas-menu {
    z-index: 999999999999999;
}

.offcanvas .body-innerwrapper:after {
    z-index: 999999999;
}

.offcanvas-inner .sp-module {
    margin: 0 !important;
}

.offcanvas-inner ul {
    float: left;
    width: 100%;
}

.offcanvas-inner {
    float: left !important;
    width: 100% !important;
}

.offcanvas-inner div {
    float: left;
    width: 100% !important;
}

.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content>ul {
    margin: 0;
}

.itemid-995 td,
.itemid-995 th {
    border: none !important;
}

.df-branding {
    display: none !important;
}

/***** POSICIÓN CHECKS CONSENTIMIENTO PRIVACIDAD FORMULARIO REGISTRO *****/
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: 0px;
    margin-top: 4px \9;
}



div#sp-top3 .separator {
    color: #818181 !important;
}

#sp-top-wrapper .menu .parent:before {
    color: #818181 !important;
}

div#sp-top3 {
    z-index: 6;
}

ul.nav-child.unstyled.small {
    border-top: 1px solid #ccc;
}


#sp-top-wrapper .menu li ul li.active a,
#sp-top-wrapper .menu li ul li:hover a {
    color: #ed5b13 !important;
}


#sp-top-wrapper .menu .parent:after {
    color: #ed5b13 !important;
}


@media only screen and (max-width: 991px) {

    div#sp-top1 {
        width: auto !important;
    }

    div#sp-top3 {
        width: auto !important;
    }


    section#sp-top-wrapper .row {
        display: flex;
        flex-wrap: wrap !important;
        justify-content: center;
    }

}

/********* MENSAJE PRESUPUESTO *************/
section#sp-section-msg-top {
    background: #f6f6f6;
    text-align: center;
    padding: 0;
    padding-bottom: 20px;
    border-bottom: solid 1px #d6d6d6;
    border-top: solid 1px #d6d6d6;
}

section#sp-section-msg-top div#sp-position-top-msg h2 {
    color: #666666;
    font-size: 19px;
    font-weight: 700;
}

a.anchor-help svg {
    margin-right: 5px;
}

a.anchor-help {
    background: #ff1616;
    padding: 10px 20px;
    position: relative;
    display: none;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap !important;
    flex: 0 0 10%;
    width: 10%;
    margin: 0 auto;
    color: black;
    font-weight: bold;
    font-size: 16px;
    border-radius: 53px;
}

.msg-mail {
    color: #ff1616;
    font-weight: bold;
    margin-bottom: 10px !important;
    display: inline-block;
}

.msg-mail:hover {
    text-decoration: underline;
}

a.anchor-help:hover {
    cursor: pointer;
}


@media only screen and (max-width: 1199px) {
    a.anchor-help {
        width: 20%;
    }
}


@media only screen and (max-width: 601px) {
    a.anchor-help {
        width: 30%;
    }

}

@media only screen and (max-width: 411px) {

    a.anchor-help {
        width: 35%;
    }

}

@media only screen and (max-width: 356px) {

    a.anchor-help {
        width: 50%;
    }

}


.presupuesto-fixed {
    position: fixed;
    top: 45px;
    width: 100%;
    z-index: 9;
}