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

#sp-logo .logo {
    padding: 0px 0;
}
.category-view .category-inner .category-title {
    background: #48ad21;
}
.category-view .category-inner:hover {
    border: 1px solid #48ad21;
}

/**** BUSCADOR ****/


#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;
}
.corporate-about .block-wrapper {
    padding: 5px 0 0 0;
}
.sp-module:first-child {
    margin-top: 10px;
}




/**** LOGING ****/

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

/**** MEN� FOOTER ****/
/*
#sp-bottom-wrapper .vina-treeview-menus ul li a {
    color: #eaeaea;
}
*/


/**** TITULOS ARTICULOS ****/
.entry-header h2, .entry-header h3 {
    margin: 10px 0 15px;
    color: #2e8b08;
}
#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;
}
#sp-main-body {
    margin: 5px 0;
}
#sp-main-body {
    padding: 0px 0;
}


/*********************************************************************************** BARRA TOP *********************************************************************************/
/****** colores *****/
#sp-top-wrapper {
    background: #fbfbfb
}

#sp-top-wrapper a {
    color: rgb(103, 103, 103);
}

#sp-top-bar {
    background-color: #ffffff;
    color: #bababa;
    padding: 8px 0;
}

/******* contacto top *******************/

@media (max-width: 768px) {
.top-contact .widget {
    float: left;
    margin-right: 5px;
    font-size: 12px;
}
}
@media (max-width: 610px) {
.top-contact .widget {
    float: none !important;
	margin-bottom: 10px;
}
}



/****** redes sociales top *****/
.top-contact .widget i {
    border: 1px solid #bababa;
    color: #999;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    margin-right: 6px;
    text-align: center;
    width: 26px;
}
.top-contact .widget strong {
    color: #444;
    font-weight: bold;
}
/****** menu mi cuenta ******/
div#sp-top12 ul.mod_menu.menu li {
    display: inline-block;
}
#sp-top-bar a:hover {
    color: #000;
}

/***** acceso top *****/
div#mod_improved_ajax_login-493 {
    float: right;
}


/***** barra top ****/
.borderclass:before {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    height: 100%;
    top: 0;
}

#sp-top-bar li.active a, #sp-top-bar li.selected a {
    color: #000;
    background-color: transparent;
}

/*********************************************************************************** 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;
}
header#sp-header {
    width: 100% !important;
}
#sp-header-sticky-wrapper {
    height: 70px !important;
}
@media (max-width: 992px) {
#sp-header-sticky-wrapper {
    height: 50px;
}
}
.sticky-wrapper.is-sticky {
    position: relative;
    z-index: 99999;
	padding: 0px;
}
.is-sticky #sp-header {
    border-top: 0;
    border-bottom: 0;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    padding: 0px;
    line-height: 20px;
    height: 50px;
}


/******************************* sticky header menu principal *****************************/
.menu-fijo-top {
    border: 0px !important;
    background: #fff !important;
    height: auto !important;
}
/******* quitando el sticky header del menu principal en resoluciones inferiores **************/
@media (max-width:768px) {
.menu-fijo-top {
	position: inherit;
}
}
/*********************************************************************************** HEADER *********************************************************************************/

#sp-header-top {
    background-color: #fff;
    padding: 10px 0;
}
#sp-header {
    background-color: #f6f6f6;
    padding: 0px 0;
}
#sp-header {
    border-top: 2px solid #bcbaba;
}

/****************************** responsive elementos top *******************************************/
@media (min-width: 1199px) {
#sp-logo {
    width: 20%;
}
}
@media (max-width: 1199px) {
#sp-logo {
    width: 20%;
}
}
@media (max-width: 992px) {
#sp-logo {
    width: 25%;
}
}/*
@media (max-width: 768px) {
#sp-logo {
    width: 40%;
}
}*/
@media (max-width: 678px) {
#sp-logo {
    width: 25%;
}
}


@media (min-width: 1199px) {
#sp-menu {
	width: 73%;
	padding-right: 0px;
	padding-top: 5px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#sp-menu {
	/*width: 73%;*/
    width: 65%;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 5px;
}
}
@media (max-width: 991px) {
#sp-menu {
    width: 5%;
	padding-right: 0px;
	padding-left: 0px;
}
}
/*
@media (min-width:768px) and (max-width: 992px) {
div#sp-menu {
	width: 5%;
	padding-top: 15px;
}
}
*/
@media (max-width: 991px) {
#offcanvas-toggler {
    margin-top: 15px;
}
}
@media (min-width:678px) and (max-width: 768px) {
div#sp-menu {
	margin-top: 5px;
}
}
@media (max-width: 768px) {
div#sp-menu {
	width: 5%;
}
}
@media (max-width: 678px) {
div#sp-menu {
	width: 20%;
	padding-top: 5px;
}
}




/********************** logo ************************/
@media (max-width: 678px) {
div#sp-logo {
	display: none;
}
}

div#sp-logo-movil {
    width: 100%;
    text-align: center;
    float: none;
    display: inline-block;
}


/******************************** ocultando el main menu y forzando la aparicion del icono offcanvas ********************************************/
/*
@media (max-width: 1199px) {
.sp-megamenu-parent {
    display: none !important;
}
}
@media (max-width: 1199px) {
#offcanvas-toggler {
    display: inline-block !important;
}
}
*/


#offcanvas-toggler {
    margin-left: 50px;
    width: 40px;
    line-height: 40px;
    background: #47ac20;
    padding: 3px;
    height: 40px;
	text-align: center;
	line-height: 39px !important;
}

.home1 #offcanvas-toggler > i, .home4 #offcanvas-toggler > i {
    color: #fff !important;
}




@media (min-width: 1199px) {
div#sp-carrito {
    width: 5%;
	padding-left: 0px;
	padding-top: 15px;
}
}
@media (min-width: 992px ) and (max-width: 1199px ) {
div#sp-carrito {
    width: 5%;
	padding-top: 15px;
	padding-left: 0px;
}
}
@media (max-width: 992px ) {
div#sp-carrito {
    width: 10%;
	/*padding-top: 20px;*/
	padding-left: 0px;
}
}
@media (max-width: 992px) {
div#sp-carrito {
    margin-top: 15px;
}
}
@media (max-width: 992px) {
div#sp-carrito .sp-module:last-child {
    float: none !important;
}
}
@media (min-width: 678px) and (max-width: 992px) {
div#sp-carrito {
    width: 10%;
	float: right;
}
}
@media (max-width: 768px) {
div#sp-carrito {
    margin-top: 15px; 
}
}

@media (max-width: 678px) {
div#sp-carrito {
    width: 20%;
    margin-top: 15px;
    text-align: right;
    float: right;
    display: inline-block;
}
}


/************************************************************************** MAIN MENU ****************************************************************************************/

.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0px 0;
}
.sp-megamenu-parent >li >a {
    line-height: 60px;
    min-height: 40px;
	height: 40px;
}


.sp-megamenu-parent >li >a {
    color: #999;
    padding: 0 11px 0 11px;
    font-weight: 600;
}
.sp-megamenu-parent >li.active >a, .sp-megamenu-parent >li.active:hover>a, .sp-megamenu-parent >li:hover>a {
    color: #47ac20;
}


.sp-megamenu-parent >li >a {
    font-size: 12px;
}

@media (max-width: 1200px) {
.sp-megamenu-parent >li >a {
    font-size: 12px;
}
}



/****************** submenus ************************/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	border-bottom-color: #47ac20;
}












/*************************************************************** BUSCADORES (parafarmacia y medicamentos) ****************************************************/


/************************ buscadores de parafarmacia y medicamentos en el main menu *****************************/
li.sp-menu-item.sp-has-child.buscador-mainmenu {
    background: #656565;
    color: #fff !important;
}
li.sp-menu-item.sp-has-child.buscador-mainmenu a {
    background: #656565;
    color: #fff !important;
	width: 40px;
    text-align: center;
	height: 40px;
	line-height: 40px;
}
li.sp-menu-item.sp-has-child.buscador-mainmenu:hover {
	background: #48AD21;
    color: #fff !important;
}
li.sp-menu-item.sp-has-child.buscador-mainmenu a:hover {
	background: #48AD21;
    color: #fff !important;
}
a.buscador-mainmenu:after {
	display: none;
}





li.sp-menu-item.sp-has-child.buscador-mainmenu .sp-dropdown.sp-dropdown-main {
	top:0 !important;
	left:0 !important;
}
li.sp-menu-item.sp-has-child.buscador-mainmenu .sp-dropdown.sp-dropdown-main .sp-module {
    margin-top: 0px;
    padding: 0px !important;
}







@media (min-width: 992px) {
div#sp-top21 {
	display: none;
}
}



.itemid-1099 .sp-module.buscador-parafarmacia {
    display: none;
}
#offlajn-ajax-search461 {
    float: right;
    width: 100%;
}
div#offlajn-ajax-search461 {
    margin-top: 27px;
}


div#offlajn-ajax-search461 {
    margin-top: 5px;
}
@media (max-width: 992px) {
#offlajn-ajax-search461 {
    width: 100%;
}
}






.sp-module.buscador-medicamentos {
    display: none;
}
.itemid-1099 .sp-module.buscador-medicamentos {
    display: inherit;
}


#offlajn-ajax-search499 {
    float: right;
    width: 100%;
}

div#offlajn-ajax-search499 {
    margin-top: 5px;
}
@media (max-width: 992px) {
#offlajn-ajax-search499 {
    width: 100%;
}
}




/**** engranaje *****/
#search-form461 .category-chooser .arrow {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
}
#search-form461 #search-area-close461 {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
}





#search-form499 .category-chooser .arrow {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
}
#search-form499 #search-area-close499 {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
}




/******************** quitando las opciones vacias de los buscadores ******************************/
div#search-categories461 div#search-category-10378 {
    display: none;
}

div#search-categories499 div#search-category-10021, div#search-categories499 div#search-category-419, div#search-categories499 div#search-category-10194 {
    display: none;
}




/******************************************************* buscador en versiones moviles **********************************************************/
/************** en la posicion top22 *******************/
@media (max-width: 768px) {
li.sp-menu-item.sp-has-child.buscador-mainmenu {
    background: #656565;
    color: #fff !important;
    display: none;
}
}
@media (max-width: 991px) {
#sp-top21 {
    width: 100%;
    text-align: center;
    padding-top: 5px;
    display: inline-block;
    float: none;
}
}
@media (max-width: 992px) {
#sp-top21 .sp-column {
    float: left;
    width: 100%;
    display: inline-block;
}
}
@media (max-width: 992px) {
#sp-top21 .sp-column > .sp-module {
    float: none !Important;
    display: inline-block;
    width: 100%;
}
}



/**** engranaje *****/
#search-form519 .category-chooser .arrow {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
}
#search-form519 #search-area-close519 {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
}


#search-form521 .category-chooser .arrow {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
}
#search-form521 #search-area-close521 {
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
}







/******************* icono offcanvas *******************************/
.home1 #offcanvas-toggler > i, .home4 #offcanvas-toggler > i {
    color: #999;
}
#offcanvas-toggler >i:hover {
    color: #48ad21 !important;
}







/******************* en el menu offcanvas *******************/
/*
#offlajn-ajax-search519 {
    padding-top: 30px;
}
#offlajn-ajax-search521 {
    padding-top: 30px;
}
#offlajn-ajax-search519 {
    width: 100%;
}
#offlajn-ajax-search521 {
    width: 100%;
}
*/



/********************* en la posicion 'carrito' **********************************/
div#offlajn-ajax-search519 {
    width: 100%;
}
div#offlajn-ajax-search521 {
    width: 100%;
}
@media (min-width: 992px) {
div#sp-buscador-movil {
    display: none;
}
}
@media (max-width: 992px) {
div#sp-buscador-movil {
    width: 60%;
    float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-left: 0px;
}
}/*
@media (max-width: 768px) {
div#sp-buscador-movil {
    width: 45%;
    float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-left: 0px;
}
}*/
@media (max-width: 678px) {
div#sp-buscador-movil {
    width: 60%;
    float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-left: 0px;
}
}



div#sp-buscador-movil {
	z-index: 0;
}


/*********************************************************************************** MAIN MENU ---> offcanvas *********************************************************************************/

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

/****** elementos men� *****/

div.vina-treeview-menus .active > a {
    text-decoration: none;
    color: #48ad21;
    font-weight: 600;
}
/*
.sp-module ul >li >a:hover {
    color: #48ad21;
	background: #fff !important;
}
*/
/***** margen izquierdo para separarlo de los vertical menus ******/
#offcanvas-toggler {
    margin-left: 50px;
}




/********************************************************** minicarro top ********************************************************************/


div#sp-carrito .sp-module.pull-right {
	float: left !important;
}
@media (min-width: 768px) and (max-width: 992px) {
div#sp-carrito .sp-module.pull-right {
	float: left !important;
}
}


.home2 .mini-cart .mini-cart-title {
	background-color: transparent;
}


.home2 .mini-cart .mini-cart-title i {
    background-color: #47ac20;
}
.mini-cart .mini-cart-title {
    display: inline-block;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 0 25px 0 43px;
    height: 38px;
    line-height: 40px;
    margin-top: 5px;
}
.mini-cart .mini-cart-title {
    background: #47ac20;
}
.mini-cart .mini-cart-content {
    border: 5px solid #48ad21;
	z-index: 99999;
}



@media (max-width: 768px ){
div#vmCartModule {
    float: none !important;
    text-align: center;
    display: inline-block;
}
}
/******** boton *****/
.mini-cart .mini-cart-content .show_cart a:hover {
    background-color: #47ac20;
}



/****** minicarro top *********/
.home2 .mini-cart .mini-cart-title i {
    line-height: 40px;
}
@media (max-width: 992px) {
.home2 .mini-cart .mini-cart-title i {
    line-height: 38px;
}
}
.mini-cart .mini-cart-title i {
    text-align: center;
    font-size: 14px;
    width: 40px;
}
/**** texto *****/
.mini-cart .mini-cart-title .cart-title span.number {
    position: absolute;
    top: 0;
    left: 50%;
    display: inline-block !important;
    color: white;
    background: #47ac20;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
}






/*********************** menu categorias top ************************/
.vina-vmtreeview h3 {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 40px;
    height: 38px;
    color: #fff;
    margin: 0;
    width: 100%;
    padding: 0 13px 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    z-index: 0;
    font-family: 'Montserrat', sans-serif;
    margin-top: 5px;
}

.vina-vmtreeview .vina-treeview-virtuemart ul > li .hitarea {
    height: 17px;
    width: 19px;
    float: right;
    cursor: cell;
    background: transparent;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    padding: 14px 25px 22px 18px;
	margin: auto;
}



/***************************************** BREADCRUMBS (PAGE TITLE) **************************************************************/
.sp-page-title {
    padding: 10px 0 10px 0px;
    min-height: auto;
    background: #ececec;
    /* color: red !important; */
}
.sp-page-title h1 {
    color: rgba(72, 173, 33, 0.45);
    font-size: 70px;
    position: relative;
    /* text-align: left; */
}
.sp-page-title h1:after {
    background: #48ad21;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -75px;
    position: absolute;
    top: 90%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(0deg);
    width: 150px;
}


/******************************************************************************************************* VERTICAL MENUS ******************************************************************************************************/

/************************************************* menu categorias PARAFARMACIA *******************************************************/


@media (max-width:678px) {
.sp-module.menu-parafarmacia {
    float: none !important;
    display: inline-block !important;
	margin-top: -10px !important;
}
}

/**** quitando el titulo ****/
.menu-categorias h3.modtitle {
	display: none;
}
/*
.sp-module.menu-parafarmacia {
	width: 150px;
    float: left;
    display: inline-block;
}
*/
.sm-btn-467:before {
    font-weight: 600;
}

/**** posicion icono offcanvas ****/

.menu-icon-cont.sm-btn-467 {
    top: 250px;
    transition: all 0.3s;
}

/***** texto en icono offcanvas *****/
/*
@media (max-width:678px) {
.sm-btn-467:before {
    position: absolute;
    top: 21px;
    left: -100%;
    margin: 0;
    background: #48AD21;
    color: #FFF;
    line-height: 38px;
    font-size: 12px;
	padding: 0 7.6px 0 7.6px;
}
}
*/
/**** texto del icono en menu *****/
/*
.menu-icon-cont.sm-btn-467.sm-close:before {
	display: none;
}
*/

/*************************************************** menu condiciones PARAFARMACIA ****************************************************/
/**** quitando el titulo ****/
.menu-condiciones h3.modtitle {
	display: none;
}
/**** posicion icono offcanvas ****//*
.menu-icon-cont.sm-btn-478 {
    top: 250px;
	right: 0;
	left: inherit;
}
.sm-btn-478:before {
    font-weight: 600;
}*/




/************ posicion menu offcanvas abierto ******************/
.sm-container > #off-menu_478:not(.sm-popup) {
    left: inherit;
    right: 0;
}
/********* animacion apertura menu offcanvas **********************/
.sm-effect-1 > #off-menu_478, .sm-effect-3 > #off-menu_478, .sm-effect-6 > #off-menu_478, .sm-effect-9 > #off-menu_478, .sm-effect-11 > #off-menu_478, .sm-effect-12 > #off-menu_478 {
    visibility: visible;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
/**** posicion icono en menu offcanvas abierto ****/
.menu-icon-cont.sm-btn-478.sm-close {
	top: 250px;
	right: 100%;
	left: inherit;
}
















/************************************************* menu categorias MEDICAMENTOS *******************************************************/



@media (max-width:992px) {
.sp-module.menu-medicamentos {
    float: right;
    display: inline-block;
}
}
/**** posicion icono offcanvas ****/

.menu-icon-cont.sm-btn-498 {
    top: 250px;
    transition: all 0.3s;
}







/***** texto en icono offcanvas *****/
/*
@media (max-width:992px) {
.sm-btn-498:before {
	right: 100%;
    left: inherit;
    background: #48AD21;
	padding: 0 0 0 7.6px;
}
}
*/
/**** texto del iciono en menu *****/
/*
.menu-icon-cont.sm-btn-498.sm-close:before {
	display: none;
}
*/
/*************************************************** menu condiciones MEDICAMENTOS ****************************************************/

/**** quitando el titulo ****/
.menu-condiciones h3.modtitle {
	display: none;
}
/**** posicion icono offcanvas ****/
.menu-icon-cont.sm-btn-518 {
    top: 250px;
	right: 0;
	left: inherit;
}

.sm-btn-518:before {
    font-weight: 600;
}


/************ posicion menu offcanvas abierto ******************/
.sm-container > #off-menu_518:not(.sm-popup) {
    left: inherit;
    right: 0;
}
/********* animacion apertura menu offcanvas **********************/

.sm-effect-1 > #off-menu_518, .sm-effect-3 > #off-menu_518, .sm-effect-6 > #off-menu_518, .sm-effect-9 > #off-menu_518, .sm-effect-11 > #off-menu_518, .sm-effect-12 > #off-menu_518 {
    visibility: visible;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
/**** posicion icono offcanvas en menu abierto ****/
.menu-icon-cont.sm-btn-518.sm-close {
	right: 100%;
	left: inherit;
}


















/*************************************************************************************** SLIDER BANNER PORTADA ***********************************************************************************/
div#layerslider_1 {
    z-index: 0;
}
#sp-title {
    z-index: 0;
}

div#sp-slider11 .sp-module {
    margin-top: 0px;
}
/*************************************************************************************** PORTADA SITIO ***********************************************************************************/

/***************************** banners top  ****************************/
.vina-banners.effect1 .vina_wrapper p:before {
    background: #fff;
}
.vina-banners.effect1 a:before {
    background: #47ac20;
    content: "";
    display: block;
    height: 6px;
}
.vina-banners.effect1 a:after {
    background: #47ac20;
    width: 6px;
}


/************************************ pesta�as de carruseles de productos **********************************************/


/****** controles paginaciones ********/
.sp-module .owl-theme .owl-controls .owl-buttons div.owl-prev, .related_slider .lSAction .lSPrev {
    border-right-color: #48ad21;
}


.sp-module .owl-theme .owl-controls .owl-buttons div.owl-prev:hover:before, .related_slider .lSAction .lSPrev:hover:before {
    color: #48ad21;
}
.sp-module .owl-theme .owl-controls .owl-buttons div:hover:before, .sp-module .vina-manufacturers-virtuemart .vina-next:hover:before, .sp-module .vina-manufacturers-virtuemart .vina-prev:hover:before, .related_slider .lSAction .lSNext:hover:before {
    color: #48ad21;
}



/****************** elementos decorativos titulo ****************************/
.sp-module.style-icon .sp-module-title h3 .cross-icon > i:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sp-module.style-icon .sp-module-title h3 .cross-icon > i:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.sp-module.style-icon .sp-module-title h3 .cross-icon:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.sp-module.style-icon .sp-module-title h3 .cross-icon:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sp-module.style-icon .sp-module-title h3 i:after, .sp-module.style-icon .sp-module-title h3 i:before {
    background: #47ac20;
	height: 4px;
}

/***** botones pesta�as *****/
/*
.vina-vmtabproduct .tabs_container li.active, .vina-vmtabproduct .tabs_container li:hover {
    border-color: #47ac20;
    color: #47ac20;
}
*/
.vina-vmtabproduct .tabs_container li.active, .vina-vmtabproduct .tabs_container li:hover {
    border-color: #47ac20;
    color: #fff;
    background: #47ac20;
}



/******************************* cada elemento del carrrusel *****************************************/

/***************** nombre ***************/
.vina-vmproduct .product-name {
    display: inline-block;
    margin: 10px 3px 0px 3px;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
}
/************** precio ****************/
.vina-vmproduct .price-box, .vina-vmproduct .related-price-box {
    border-bottom: 0px solid #4c4c4c;
    border-top: 0px solid #4c4c4c;
    color: #4c4c4c;
    display: inline-block;
    margin-top: 0px;
    padding: 1px 0;
    position: relative;
    z-index: 2;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
	text-align: center;
    float: none;
    width: 100%;
	height: 30px;
	font-weight: 600;
    font-size: 24px;
	color: #fe5f60;
	margin-bottom: 20px;
}
/******************** boton comprar **********************/
.vina-vmproduct .actions span.addtocart-button input, .vina-vmproduct .actions span.addtocart-button .notify {
    background: #47ac20;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    float: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 42px !Important;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
    width: 100%;
}
@media (max-width: 678px) {
.owl-item  .vina-vmproduct .actions a.notify, .vina-vmproduct .actions span.addtocart-button input, .vina-vmproduct .actions span.addtocart-button .notify {
    background: #47ac20;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    float: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    height: 40px;
    line-height: 40px;
    padding: 0 8px 0 30px !Important;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
    width: 100%;
}
}
@media (max-width: 678px) {
.vina-vmproduct .actions span.addtocart-button .notify {
	font-size: 8px; 
}
}

.vina-vmproduct .actions span.addtocart-button:hover input {
    color: #fff !important;
    background: #a5a5a5;
}
.vina-vmproduct .actions span.addtocart-button:hover:before {
    color: #fff;
}
/************************* boton notificarme *************************************/
.vina-vmproduct .actions a.notify {
    background: #48ad21;
    color: #fff;
    padding: 0 15px 0 42px !important;
    height: 40px;
    font-family: 'Montserrat', sans-serif;
    float: left;
    line-height: 40px;
	position: relative;
}
.vina-vmproduct .actions a.notify:hover {
    background: #a5a5a5;
    color: #fff !important;
}

.owl-item .vina-vmproduct .actions a.notify:before {
    content: "\f07a";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 42px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    color: white;
    pointer-events: none;
}

/********************* botones *************************/
.vina-vmproduct .add-to-links > * > * {
    width: 40px;
    background-color: #47ac20;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    color: white !important;
}
/***** boton favoritos ********/
.btn-wishlist i:before {
    content: "\f004";
    font-family: FontAwesome;
}
.btn-wishlist .addtofav_aws_icon:hover i, .btn-wishlist .addtofav_aws_icon_active:hover i {
    color: #fff !important;
    background: #a5a5a5 !important;
	transition: all .3s;
}
/****** boton vista rpaida *********/
a.vina-quickview.modal.jutooltip:hover {
    color: #fff !important;
    background: #a5a5a5 ;
}







/************** widgetkit iconos portada bottom ****************************/


.widgetkit-iconos-portada-botom {
    margin-bottom: 60px;
}

.widgetkit-iconos-portada-botom .uk-panel-box>.uk-panel-teaser {
    background: #DFDFDF;
	transition: all .3s;	
}
.widgetkit-iconos-portada-botom .uk-panel-box>.uk-panel-teaser:hover {
    background: transparent;
	transition: all .3s;
}
/*
.uk-overlay, .uk-overlay-hover .uk-overlay-scale, .uk-overlay-hover .uk-overlay-spin {
    background: #DFDFDF;
	transition: all .3s;
}
.uk-overlay:hover, .uk-overlay-hover:hover .uk-overlay-scale, .uk-overlay-hover:hover .uk-overlay-spin {
    background: transparent;
	transition: all .3s;
}
*/

/********************************************** �ltimas noticias del blog *******************************************/
/**** fecha ***/
div#fd.eb .mod-cell, div#fd.eb .col-cell {
    position: relative;
}
.mod-muted.mod-small.mod-fit {
    background: #48ad21;
    color: #fff !important;
    width: 150px;
    height: 50px;
    line-height: 50px !important;
    position: absolute;
    z-index: 9999;
    top: 10px;
    left: 0;
}

.eb-mod-foot.mod-muted.mod-small .mod-cell {
    background: #48ad21;
    padding: 5px 10px;
}
.eb-mod-foot.mod-muted.mod-small .mod-cell a {
    color: #fff;
}


/*********************************** BREADCRUMBS ***************************************************/
.sp-module .breadcrumb > li.active {
    color: #48ad21;
}
.sp-module .breadcrumb > li a:hover {
    color: #48ad21;
}
/*************************************************************************************** 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;
}
}


/***************** titulos de los modulos *************************/
#sp-left .sp-module .sp-module-title h3, #sp-left4 .sp-module .sp-module-title h3, #sp-right .sp-module .sp-module-title h3 {
    background: rgb(255, 255, 255)!important;
    border-bottom: 0px solid;
    color: #999;
    padding: 5px;
}
/****************************************************************************************** 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 .view-mode a.active, .orderby-displaynumber .view-mode a:hover {
    color: #47ac20;
}


@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;
}
}


.orderby-displaynumber .vm-order-list .orderlistcontainer {
    float: none;
}


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

.orderby-displaynumber .display-number .number {
    float: none;
	display: inline;
}


@media (max-width: 768px) {
.orderby-displaynumber .display-number {
    margin-right: 0px;
    text-align: center;
    float: none !important;
	margin-top: -15px;
}
}
/*********************************************************************************** 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 *******************************************************************/
.category.width-percent.floatleft.width0 {
    width: 100%;
    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) {
.category.width-percent.floatleft.width0 {
    width: 47%;
	margin: 0px auto 15px auto;
	padding: 0;
	float: none;
    display: inline-block;
}
}
@media (min-width: 768px) {
.category.width-percent.floatleft.width0 {
    width: 32%;
	margin: 0px auto 15px auto;
	padding: 0;
	float: none;
    display: inline-block;
}
}
@media (min-width: 992px) {
.category.width-percent.floatleft.width0 {
    width: 24%;
	margin: 0px auto 15px auto;
	padding: 0;
	float: none;
    display: inline-block;
}
}
/******************* cada categoria *************************/
.category-view .category-inner {
    border: 1px solid transparent;
	transition: all .3s;
}
.category-view .category-inner:hover {
    border: 1px solid #48AD21;
	transition: all .3s;
}


.category-view .category-inner .category-title {
    background: transparent;
    color: #646464;
    font-size: 16px;
	transition: all .3s;
}
.category-view .category-inner:hover .category-title {
    background: transparent;
    color: #47ac20;
    font-size: 16px;
	transition: all .3s;
}
@media (max-width: 678px) {
.category-view .category-inner .category-title {
    font-size: 16px !important;
}
}





.category-inner a img {
    text-align: center;
    float: none;
    display: inline-block;
}
/*********************************************************************************** vista --> PRODUCTOS ***********************************************************************************/



/******************************************************* en cuadricula ******************************************************************/
.listing-view .product-row .product-i .product-inner {
    margin-left: 5px;
    margin-right: 5px;
}
/*
@media (max-width: 992px) {
.listing-view .vina-vmproduct {
    display: inline-block;
    float: left;
    margin-bottom: 30px;
    width: 50%;
	padding: 5px;
}
}
*/
/*
.vina-vmproduct {
    display: inline;
	float: left;
}
*/





/************************************************************ en lista *****************************************************************/

.listing-view.list .vina-vmproduct .item-i.round-corners {
	width: 100%;
}
.listing-view.list .list-col8 {
    border-bottom: 0px solid #e5e5e5;
    border-top: 0px solid #e5e5e5;
}



/**************** precio **************/
.listing-view.list .vina-vmproduct .price-box, .vina-vmproduct .related-price-box {
    border-bottom: 0px solid #4c4c4c;
    border-top: 0px solid #4c4c4c;
    color: #fe5f60;
	text-align: left;
	margin-top: 15px;
	font-weight: 600;
    font-size: 24px;
}

/*** nombre ****/
.listing-view.list .listview .product-name {
    margin: 10px 0 14px;
}
/************* icono carrito boton comprar *********************/
.listing-view.list .listview .actions span.addtocart-button:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
/*********************** boton comprar *****************************/
.listing-view.list .listview .actions span.addtocart-button input {
    background-color: #47ac20;
}
.listing-view.list .listview .actions span.addtocart-button input {
	height: 40px;
    line-height: 40px;
    padding: 0 30px 0 55px !Important;
    border-radius: 0px;
}

/****************** botones notificar ************************/
.listing-view.list .listview .actions span.addtocart-button .notify {
    height: 40px;
    line-height: 40px;
    padding: 0 30px 0 55px !Important;
    border-radius: 1px;
}




.listing-view.list .listview .add-to-links > * > * {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    background: #48ad21;
    border-radius: 0;
}
.listing-view.list .listview .add-to-links > * > * button, .listing-view.list .listview .add-to-links > * > * .addtofav_aws_icon_active {
    width: 40px;
    height: 40px;
    line-height: 55px;
    text-align: center;
    font-size: 14px;
	background: #a5a5a5;
    border-radius: 0px;
}
.listing-view.list .listview .add-to-links > * > * button i, .listing-view.list .listview .add-to-links > * > * .addtofav_aws_icon_active i {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.listing-view.list .listview .add-to-links > * > * .addtofav_aws_icon_active, .listing-view.list .listview .add-to-links > * > *:hover {
    background-color: #a5a5a5;
}

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







/*********************************************************************************** vista --> DETALLE PRODUCTO ***********************************************************************************/

.com-virtuemart.view-productdetails #sp-left, .com-virtuemart.view-productdetails #sp-right {
    display: inline-block;
    width: 25%;
}
.com-virtuemart.view-productdetails #sp-component {
    width: 75%;
}


/***** navegacion entre productos *******/
.product-nav .product-neighbours a:hover {
    color: #47ac20;
    border-color: #47ac20;
}

/********** precio **********/
.productdetails-view .vina-des-wrapper .price-box .product-price {
    width: auto;
    line-height: 20px;
    display: inline-block;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    border-bottom: 0px solid #4c4c4c;
    border-top: 0px solid #4c4c4c;
    font-size: 26px;
    padding: 8px 0;
    color: #4c4c4c;
}

.productdetails-view .vina-des-wrapper .price-box .product-price {
    width: auto;
    line-height: 20px;
    display: inline-block;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    border-bottom: 0px solid #4c4c4c;
    border-top: 0px solid #4c4c4c;
    font-size: 40px;
    padding: 8px 0;
    color: #f7505a;
    font-weight: 600;
}

.productdetails-view .vina-des-wrapper span.PricetaxAmount {
    display: none;
}







/********** manejadores cantidades **********/
@media (max-width: 480px) {
.view-productdetails .quantity-box {
    width: 100%;
}
}
/************************************ boton comprar *************************************/
.productdetails-view span.addtocart-button {
    background-color: #47ac20;
}
.productdetails-view span.addtocart-button input.addtocart-button, .productdetails-view span.addtocart-button a.addtocart-button {
    padding: 0px 50px 0px 20px;
}
.productdetails-view span.addtocart-button:before {
    background: #47ac20;
}

.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;
}
}
/******************************** boton notificarme *****************************************/
.productdetails-view span.addtocart-button input.addtocart-button, .productdetails-view span.addtocart-button a.addtocart-button {
    font-weight: 600;
    line-height: 40px;
}
.productdetails-view span.addtocart-button:hover:before {
    background: #a5a5a5;
    color: #fff;
}

/******************************************************* resto de botones ***********************************************************************************/
.productdetails-view .icons.add-to-box-2 > div, .productdetails-view .icons.add-to-box-2 > a {
    margin-bottom: 2px;
    min-width: 30px;
    display: inline-block;
    float: left;
    padding-right: 4px;
    height: 30px;
}
.productdetails-view .icons.add-to-box-2 > div .addtofav_aws_icon:hover, .productdetails-view .icons.add-to-box-2 > a .addtofav_aws_icon:hover {
    color: #ffffff !important;
}


/************************************ favoritos ***************************************************/
.vina-des-wrapper .btn-wishlist .addtofav_aws_icon span {
    display: none !important;
}


.productdetails-view .icons.add-to-box-2 > div .addtofav_aws_icon {
	position: relative;
    color: #fff;
    line-height: 30px;
    height: 30px;
    padding-left: 21px;
    -webkit-transition: all 180ms ease-in;
    -o-transition: all 180ms ease-in;
    transition: all 180ms ease-in;
    background: transparent;
    width: 100%;
    text-align: left;
    border: 0;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    background: #47ac20;
    border-radius: 0px;
    width: 30px;
}
.productdetails-view .icons.add-to-box-2 > div .addtofav_aws_icon i {
    display: inline-block;
    height: 30px;
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    position: absolute;
    border-radius: 50%;
    background: transparent;
    border: none;
    margin: 0;
    top: 0;
    left: 0px;
    padding: 1px 5px 2px 6px;
}
.productdetails-view .icons.add-to-box-2 > div .addtofav_aws_icon:hover, .productdetails-view .icons.add-to-box-2 > a .addtofav_aws_icon:hover {
    background: #a5a5a5;
	color: #fff;
}

.btn-wishlist .addtofav_aws_icon:hover i, .btn-wishlist .addtofav_aws_icon_active:hover i {
    color: #fff !important;
    background: #a5a5a5 !important;
	transition: all .3s;
}
/********************************************** pregunta ********************************************/
.vina-des-wrapper .icons.add-to-box-2 span {
	display: none !important;
}

.vina-des-wrapper .icons.add-to-box-2 a.email-friend.recommened-to-friend.icon-envelope.jutooltip {
    position: relative;
    color: #fff;
    line-height: 30px;
    height: 30px;
    padding-left: inherit;
    -webkit-transition: all 180ms ease-in;
    -o-transition: all 180ms ease-in;
    transition: all 180ms ease-in;
    background: transparent;
    width: 100%;
    text-align: left;
    border: 0;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    background: #47ac20;
    border-radius: 0px;
    width: 30px;
    padding: 0px 5px 1px 9px;
}
.vina-des-wrapper .icons.add-to-box-2 a.email-friend.recommened-to-friend.icon-envelope.jutooltip:hover {
    background: #a5a5a5;
	color: #fff;
}

/***************************************** imprimir ************************************************************/
.vina-des-wrapper .icons.add-to-box-2 a.print.printModal.icon-print.jutooltip {
    background: #48ad21;
    color: #fff;
    padding: 8px 0px 5px 9px;
}
.vina-des-wrapper .icons.add-to-box-2 a.print.printModal.icon-print.jutooltip:hover {
    background: #a5a5a5;
	color: #fff;
}
/***************************************** haga una pregunta ***********************************************************/
.vina-des-wrapper .icons.add-to-box-2 a.ask-a-question.fa.fa-question.jutooltip {
    background: #48ad21;
    color: #fff;
    padding: 8px 7px 5px 10px;
}
.vina-des-wrapper .icons.add-to-box-2 a.ask-a-question.fa.fa-question.jutooltip:hover {
    background: #a5a5a5;
	color: #fff;
}



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




/******************************************************************************************************* MENU CATEGORIAS ******************************************************************************************************/


.vina-vmtreeview .sp-module-title h3 {
    background-color: #47ac20;
}
.vina-vmtreeview .vina-treeview-virtuemart ul.level0 > li a {
    background-color: #47ac20;
}
.vina-vmtreeview .vina-treeview-virtuemart ul > li > a {
    border-bottom: 1px solid #ffffff;
}













/********************************************************************************************* 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 **************************************************************************************************/
/*************** modulo suscribirse *****************/
/*** boton ***/
div#fd .btn-primary {
    color: #fff !important;
    background-color: #48ad21 !important;
    border-color: #48ad21 !important;
}
div#fd .btn-primary:hover {
    color: #fff !important;
    background-color: #2e8b08 !important;
    border-color: #2e8b08 !important;
}
/*********************************************************************************** WRAPPER --> posicion iconos redes sociales ***********************************************************************************/
#sp-newsletter-wrapper {
    background-color: #e1e1e1;
    padding: 25px 0 20px;
}

@media (max-width: 678px) {
div.acymailing_module_form .acymailing_introtext {
    text-transform: uppercase;
    color: #4c4c4c;
    font-size: 13px;
    padding-bottom: 10px !important;
    margin-top: 14px !important;
    float: left !important;
    margin-right: 0px !important;
    font-weight: 700;
}
}
@media (max-width: 678px) {
div.acymailing_module_form .acymailing_form tr .acyfield_email input {
    width: 270px !important;
}
}


/***** iconos redes sociales ****/
@media (max-width: 991px) {
#sp-position2 .social-icons {
    padding-top: 0px;
}
}
/*
.sp-module.vina-social h3 {
    display: none;
}
*/
.sp-module.vina-social h3 {
    color: #4c4c4c;
}
/******************* newsletter *******************************/
div.acymailing_module_form .acymailing_introtext {
    text-transform: uppercase;
    color: #4c4c4c;
    font-size: 13px;
    padding-bottom: 10px !important;
    margin-top: 14px !important;
    float: left;
    margin-right: 20px !important;
    font-weight: 700;
}
div.acymailing_module_form .acymailing_form tr .acysubbuttons {
    padding: 0 0 0 5px;
    vertical-align: middle;
}
div.acymailing_module_form .acymailing_form tr .acysubbuttons input {
    text-align: center;
    height: 36px;
    line-height: 28px;
    padding: 0 20px;
    color: #888888;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 13px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    background-color: transparent;
    border: 2px solid #888888;
}



div.acymailing_module_form .acymailing_form tr .acysubbuttons input:hover {
    color: #48ad21 !important;
    border: 2px solid #48ad21;
	background: #fff;
}

/****************************************************************************************** BOTTOMS ******************************************************************************************/
#sp-bottom {
    background-color: #bababa;
    padding: 66px 0 50px;
}
@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 a {
    color: #ffffff;
}

#sp-bottom-wrapper .vina-treeview-menus ul li:hover a, #sp-bottom-wrapper .vina-treeview-menus ul li.active a {
    color: #48ad21;
    background: transparent !important;
}




/******************************************** MENUS BOTTOMS *********************************************************/
#sp-bottom div.vina-treeview-menus .treeview li {
    margin: 0;
    padding: 8px 0pt 8px 16px;
}
.menu-bottom .sp-module-title h3 {
    border-bottom: 0px solid #393939;
    color: #4c4c4c;
    font-size: 24px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-transform: none;
}
.menu-bottom ul li {
    border-bottom: 1px solid #919191;
    list-style: none;
    width: 100%;
}
.menu-bottom ul li a {
    line-height: 30px;
}

#sp-bottom ul li a:hover {
    color: #4c4c4c;
}



/*********************** menu botto0m medicamentos ****************/
.menu-bottom.medicamentos li a {
	font-size:12px;
}




/************* adornos menus bottoms **************************/
div.vina-treeview-menus .treeview li {
    background: none;
}

/************ bottom1 -->  datos de contacto **********/
.menu-bottom.vina-contact-us li {
    clear: both;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 10px;
}



/*** iconos ***/
#sp-bottom4 span.direccion:before {
    content: " \f041";
    font-family: FontAwesome;
    margin-left: -25px;
    padding-right: 15px;
	color: #48ad21;
    font-size: 18px;
}
#sp-bottom4 span.telefono:before {
    content: " \f095";
    font-family: FontAwesome;
    margin-left: -25px;
    padding-right: 15px;
	color: #48ad21;
    font-size: 18px;
}
#sp-bottom4 span.email:before {
    content: " \f003";
    font-family: FontAwesome;
    margin-left: -25px;
    padding-right: 15px;
	color: #48ad21;
    font-size: 18px;
}
/***** bloque de texto ****/
#sp-bottom4 ul.text-contact {
    margin-left: 30px;
}



/******************************************************** FOOTER *********************************************************/

#sp-footer {
    background-color: #2f2f2f;
    padding: 20px 0 20px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
}
#sp-footer {
    background-color: #8f8f8f;
}
/**** colores ****/
#sp-footer-wrapper a {
    color: #48ad21;
}
#sp-footer-wrapper a:hover {
    color: #2e8b08;
}

/********************************************** copyright ****************************************************/
.sp-copyright {
    margin: 5px 0 0;
    font-size: 13px;
    position: absolute;
    top: 0px;
    left: 15px;
    bottom: inherit;
}
.sp-copyright a {
    color: #fff !important;
}
.sp-copyright a:hover {
    color: #47ac20 !important;
}
/**************************************** to top --> volver arriba ***************************************/
/**** fijando la posicion *********/
.sp-totop {
    left: 10px;
	right: auto !important;
}
.sp-totop {
    background: #4c4c4c url(/templates/vina_moxii/images/general/back-top.png) no-repeat scroll 50% 50%;
}
.sp-totop:hover {
    background: #48AD21 url(/templates/vina_moxii/images/general/back-top.png) no-repeat scroll 50% 50% !important;
}










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





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


span.vm-btn-compare {
    display: none !important;
}


.vina-vmproduct .item-inner .product-image > a {
    display: inline-block;
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 0;
    width: 100%;
    border: 1px solid #2e8b08;
}

.vina-vmproduct .des-container {
    display: inline-block;
    width: 100%;
    background-color: rgb(220, 220, 220);
    border: 1px solid #2e8b08;
}

.vina-vmproduct .product-name {
    display: inline-block;
    margin: 10px 0px 0px 0px;
    padding: 2px 5px 2px 5px;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.vina-vmproduct.item.vm-col.vm-col-3.col-md-4 {
    padding-bottom: 25px;
}

.vina-vmproduct .actions {
    bottom: 0px;
}

#sp-newsletter-wrapper {
    background-color: #92c60c;
    padding: 15px 0 10px;
}
#sp-bottom {
    background-color: #bababa;
    padding: 10px 0 10px;
}
#sp-footer {
    background-color: #d4d4d4;
    padding-top: 10px;
    padding-bottom: 10px;
}
#sp-position-2-wrapper {
    padding: 5px 0 10px;
}

h3 {
    text-align: center;
}
#sp-position-6-wrapper {
    padding: 15px 0 0;
}

.uk-panel-box-secondary {
    background-color: #47ac20;
}
.uk-panel-box {
    border: 5px solid #47ac20;
    border-radius: 5px;
}
.vina-vmproduct .price-box, .vina-vmproduct .related-price-box {
    color: #cc4359;
}

/******** Color Formulario *********/

.bfQuickMode legend {
    padding: 5px;
    background: #47ac20 none repeat scroll 0% 0%; /**** color a modificar ****/
    color: #FFF;
    font-size: 120%;
    border-radius: 5px;
    line-height: normal !important;
    margin-top: 18px !important;
    border: medium none !important;
}

.bfQuickMode section.bfElemWrap {
    padding: 5px;
    margin: 0px 0px 10px;
    background: #F4F4F4 none repeat scroll 0% 0%; /**** color a modificar difuminado ****/
    border-radius: 5px;
}

.bfQuickMode textarea:hover, .bfQuickMode input[type="text"]:hover, .bfQuickMode input[type="password"]:hover, .bfQuickMode select:hover {
    border-color: #F4F4F4;  /**** color a modificar difuminado ****/
}

.bfQuickMode textarea:focus, .bfQuickMode input[type='text']:focus, .bfQuickMode input[type='password']:focus, .bfQuickMode select:focus {
    border-color: #cc4258;  /**** color a modificar igual que el bfQuickMode legend  ****/
    outline: 2px solid #F4F4F4;  /**** color a modificar igual que el bfQuickMode textarea:hover ****/
}

.bfQuickMode fieldset fieldset legend {
    border-width: 1px !important;
    border-style: solid !important;
    padding: 5px;
    background: #fff;
    color: #cc4258;   /**** color a modificar igual que el bfQuickMode legend  ****/
    border-color: #cc4258;   /**** color a modificar igual que el bfQuickMode legend  ****/
    font-size: 110%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: normal !important;
    margin-top: 18px !important;
}
.uk-accordion-title {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 5px 20px;
    background: #96be12;
    font-size: 21px;
    color: white;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
}
#sp-position-3-wrapper {
    background-color: #f5f5f5;
    padding: 10px 0;
}
#sp-logo .logo {
    padding: 0px 20px;
}
.fa-google-plus:before {
    content: "\f16d";
}



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




div#sp-slider11 {
    z-index: 0;
}
/***************************************** menu top ************************************************/
.sp-module.mod_menu_top {
    position: relative;
	cursor: pointer;
}
/*** titulo ****/
.mod_menu_top .sp-module-title h3 {
	font-size: 15px;
}
.mod_menu_top .sp-module-title span {
	position: relative;
}
.mod_menu_top .sp-module-title span:after {
	position: absolute;
	left: 100%;
	top: 5px;
	content: " \f078  ";
	width: 20px;
	height: 20px;
	font-family: 'fontawesome';
	font-size: 9px;
}
/**** menu ***/
.sp-module.mod_menu_top .sp-module-content {
    position: absolute;
    top: 60px;
    right: 0px;
    z-index: 9;
    min-width: 140px;
    visibility: hidden;
    opacity: 0;
    list-style: none;
    padding: 0px;
    margin: 0px;
    transition: all 0.3s ease 0s;
	background: #fff;
}
.sp-module.mod_menu_top:hover .sp-module-content {
    top: 100%;
    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease 0s;
	z-index: 99999;
}
/**** elementos menu ****/
.mod_menu_top .mod_menu li:first-child a {
	border-left: 0px;
    line-height: 35px;
    display: block;
    text-transform: capitalize;
    font-weight: normal;
    height: inherit;
    font-size: 13px;
    text-align: left;
    background: rgb(255, 255, 255);
    padding: 0px 10px 0px 12px;
    border-radius: 0px
}
.mod_menu_top .mod_menu li a {
	border-left: 0px;
    line-height: 35px;
    display: block;
    text-transform: capitalize;
    font-weight: normal;
    height: inherit;
    font-size: 13px;
    text-align: left;
    background: rgb(255, 255, 255);
    padding: 0px 10px 0px 12px;
    border-radius: 0px;
	font-weight: 600;
}
.mod_menu_top .mod_menu li a:hover {
    background: none;
    color: #fff !important;
    background: #47ac20 !important;
}

/********************************************************* lista de pedidos ***********************************************************/
/**** margen superior 'rastrear mi pedido' ***/
.view-orders.layout-list .order-view h2 {
    margin-top: 20px;
}
/**** margen superior 'si ya esta registrado.....' ****/
.view-orders.layout-list .userdata h2 {
    margin-top: 30px;
}
/*** boton ver pedido ****/
.view-orders.layout-list div#com-form-order-submit {
    padding-top: 20px;
}
/**** anchuras y disposicion de los campos ********/
.view-orders.layout-list fieldset.userdata {
    width: 100%;
}
@media (max-width: 768px) {
.view-orders.layout-list .width30.floatleft {
    width: 100%;
}
}

/********************** impuestos en vista detalle de producto ****************************************/
.productdetails-view.productdetails span.PricetaxAmount {
    display: none !important;
}


/******* POSICION H2 REGISTRO FORMULARIO CUENTA ********/
.view-user.layout-edit #bd_results h2, .view-user.layout-edit #bd_results h1 {
    margin-top: 50px;
}

/****** OCULTAR NIVEL DE STOCK ******/
.productdetails-view .vina-des-wrapper .title-box2 {
    display: none;
}

/***** TAMA�O PRECIO Y TITULO DE PRODUCTO *****/
.productdetails-view .vina-des-wrapper .product-name {
    font-size: 18px;
}

.productdetails-view .vina-des-wrapper .price-box .product-price {
    font-size: 29px;
}

/******* Colocar check Privacidad en Registro Usuario ********/
.radio label, .checkbox label {
    padding-left: 13px;
    padding-right: 36px;
}

/****** Ocultar términos envío publi en datos de facturación VP Checkout ********/
.publicidad2-group {
    display: none;
}
.cart-title {
    font-size: 0!important;
}
span.number {
    font-size: 10px;
}

/******* 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: #1a8d39;
    }
    .bfQuickMode fieldset fieldset legend {
        color: #ffffff;
        background-color: #1a8d39;
      /*background-color: #e4e4e4;*/
    }
    /*** leyenda secciones ***/
    .bfQuickMode fieldset fieldset .bfLegendIcon {
        background-color: #ca3c52;
    }
    .bfQuickMode fieldset .bfLegendIcon {
        background-color: #ca3c52;
    }
    /*** 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: #1a8d39;
    }
    
    /************* FIN FORMULARIO ****************/
    


    .sticky-wrapper.is-sticky {
        z-index: 10000;
    }


/*** responsive mobile ***/

    /*** top bar ***/
        @media (max-width: 991px) {
            .top-contact span {
                margin-right: 15px;
                font-size: 11px !important;
            }
        }
        @media (max-width: 767px) {
            .top-contact div {
                width: 100%;
                margin-bottom: 10px;
            }
            div#sp-top12 {
                display: none; 
            }
        }

    /*** header ***/
        @media (max-width: 767px) {
            #sp-header-sticky-wrapper {
                display: none;
            }
            div#sp-carrito,
            div#sp-menu {
                display: none;
            }
        }
    /*** logo ***/
        @media (min-width: 768px) {
        div#sp-logo-movil {
            display: none !important;
            }
        }
        @media (max-width: 767px) {
            .logo-fixed {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                width: 100%;
                z-index: 50;
                background: #fff;
                box-shadow: 0px 6px 16px 0 rgb(0 0 0 / 50%);
            }
            div#sp-logo-movil img {
                height: 65px;
            }
        }
    /*** mobile elements ***/
        @media (max-width: 767px) {
            .mobile-element-visible {
                overflow-y: hidden;
                height: 100vh;
            }
        }
    @media (min-width: 768px) {    
        /*.offcanvas-menu,*/
        .dropdown-login-mobile-visible,
        .dropdown-cart-mobile-visible,
        .search-mobile-visible {
            display: none;
        }
    }

    /*** bottom bar mobile ***/
        @media (min-width: 768px) {
            section#sp-bottom-bar-mobile {
                display: none !important;
            }
        }
        section#sp-bottom-bar-mobile {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: #fff;
            height: 50px;
            z-index: 5000;
            box-shadow: 0px -6px 16px 0 rgb(0 0 0 / 0.5);
        }
        section#sp-bottom-bar-mobile .container,
        section#sp-bottom-bar-mobile .container-inner,
        section#sp-bottom-bar-mobile .row {
            height: 100%;
        }
        /***/
        #sp-menu-mobile,
        #sp-cart-mobile,
        #sp-login-mobile,
        #sp-search-mobile {
            justify-content: center;
            align-items: center;
            display: flex;
            height: 100%;
        }
        #sp-bottom-bar-mobile svg {
            width: 25px;
            height: 25px;
            fill: #47ac20;
        }
        #sp-bottom-bar-mobile a.close {
            opacity: 1 !important;
        }
        #sp-bottom-bar-mobile svg.mobile-close-icon {
            height: 25px !important;
            width: 20px !important;
        }

    /*** menu mobile ***/
        @media (max-width: 767px) {
            .offcanvas-menu {
                width: 100%;
                height: auto;
                background: #fff;
                color: #999;
                position: fixed;
                top: 0;
                opacity: 1;
                z-index: 9999;
                overflow: hidden;
                bottom: 50px;
                transform: translateY(-100%) !important;
                transition: .3s !important;
            }
            .offcanvas-menu {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                text-align: center;
            }
            .ltr .offcanvas-menu {
                right: auto;
            }
            .ltr.offcanvas .offcanvas-menu {
                right: auto;
                left: auto;
                opacity: 1;
                transform: translateY(0%) !important;
            }
            .close-offcanvas {
                display: none;
            }
        }
        .offcanvas-menu {
            background: url(/images/logo-web.png);
            background-size: 50%;
            background-repeat: no-repeat;
            background-color: #fff;
            background-position: center 20%;
        }
        .offcanvas-menu .offcanvas-inner .sp-module ul > li a {
            border-bottom: none;
            font-size: 18px;
        }
        @media (max-width: 767px) {
            .item-1104.last {
                display: none;
            }
        }

    /*** cart mobile ***/
        #sp-cart-mobile div#vmCartModule {
            padding: 0;
        }
        .vmCartModule.mobile {
            position: relative;
        } 
        .vmCartModule.mobile .product-counter {
            top: 2px;
            right: -13px;
            position: absolute;
        }
        .vmCartModule.mobile .product-counter {
            background: #cc4359;
            border-radius: 100%;
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            color: #fff;
        }
        .vmCartModule.mobile .total {
            display: none;
        }
        /***/
        .dropdown.cart-mobile {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 50px;
            /*height: calc(100vh - 50px);*/
            /*height: 100vh;*/
            width: 100%;
            background: #fff;
            opacity: 0;
            visibility: hidden;
            z-index: 5000;
            transition: .3s;
            transform: translateY(-100%);
            padding: 30px;
            /*box-shadow: 2px 8px 11px 0px rgba(0, 0, 0, 0.1);*/
            box-shadow: none;
        }
        .dropdown-cart-mobile-visible {
            opacity: 1 !important;
            visibility: visible !important;
            transform: translateY(0) !important;
        }
        /***/
        .vm_cart_products .product_row  {
            display: flex;
            flex-wrap: wrap;
            align-content: center;
        }
        .vm_cart_products .product_row >div {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        .vm_cart_products .product_row .image {
            width: 50px;
            height: 50px;
            margin-right: 10px;
        }
        .cart-mobile .dropdown-cart-products {
            max-height: calc(100vh - 280px) !important;
            overflow-y: auto;
        }
        .cart-mobile .dropdown-cart-products .product_row {
            padding-bottom: 10px;
        }
        /***/
        .cart-mobile .total {
            display: initial !important; 
        }
        .cart-mobile .total strong {
            color: #e54d26;
        }
        .close-mobile-dropdown-cart a {
            display: flex;
            justify-content: flex-end;
            flex-wrap: wrap;
            font-size: 28px;
            color: #555;
            margin-right: 15px;
            margin-top: 15px;
        }
        .dropdown.cart-mobile .show_cart {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 15px;
        }
        .dropdown.cart-mobile .show_cart a {
            background: #909295;
            color: #fff;
            padding: 10px 30px;
            border-radius: 5px;
            font-size: 14px;
        }
        /*** carrito ***/
        .vmCartModule.mobile .dropdown .total {
            display: initial;
        }
        .vmCartModule.mobile .dropdown .product_row {
            border-bottom: solid 1px #e2e2e2;
        }
        .vm_cart_products .product_row .product_details .product_price {
            width: 50px;
            line-height: 11px;
        }
        .vm_cart_products .product_row .product_details {
            width: calc(100% - 60px);
            display: flex;
            flex-wrap: wrap;
            text-align: left;
        }
        .vm_cart_products .product_details_name_quantity {
            width: calc(100% - 50px);
            font-size: 12px;
        }
        .vm_cart_products .product_row .product_details .product_name {
            width: 100%;
            font-size: 12px;
            font-weight: 600;
            line-height: 12px;
            display: flex;
        }
        .vm_cart_products .product_row .product_details .product_quantity {
            width: calc(100% - 50px);
        }
        /***/
        .vmCartModule.mobile .dropdown .total_products {
            text-align: left;
        }
        .mini-cart .mini-cart-content .total_products {
            float: left;
            margin: 0;
            line-height: 32px;
        }
        .mini-cart .mini-cart-content .total {
            float: right;
            margin: 0;
            line-height: 32px;
        }

    /*** login mobile ***/
        .dropdown.login-mobile {
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            justify-content: center;
            box-shadow: none;
        }
        .dropdown.login-mobile {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 50px;
            width: 100%;
            background: #fff;
            opacity: 0;
            visibility: hidden;
            z-index: 5000;
            transition: .3s;
            transform: translateY(-100%);
        }
        .dropdown-login-mobile-visible {
            opacity: 1 !important;
            visibility: visible !important;
            transform: translateY(0px) !important;
        }
        /***/
        .dropdown.login-mobile {
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            justify-content: center;
            box-shadow: none;
        }
        .dropdown.login-mobile {
            background: url(/images/logo-web.png);
            background-size: 40%;
            background-repeat: no-repeat;
            background-color: #fff;
            background-position: center 15%;
        }
        .dropdown.login-mobile .title {
            width: 100%;
            text-align: center;
            margin-bottom: 30px;
        }
        .dropdown.login-mobile .control-group {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        /***/
        .dropdown.login-mobile .control-group .input-group {
            justify-content: center;
        }
        .dropdown.login-mobile form#login-form span.input-group-prepend {
            margin-left: -20px;
        }
        .dropdown.login-mobile form#login-form span.input-group-text {
            width: 25px;
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: center;
        }
        .dropdown.login-mobile form#login-form div#form-login-username input#modlgn-username,
        .dropdown.login-mobile form#login-form div#form-login-password input#modlgn-passwd {
            border-radius: 0;
            width: calc(100% - 25px);
        }
        /***/
        .dropdown.login-mobile #form-login-remember {
            display: flex;
            flex-wrap: wrap;
        }
        .dropdown.login-mobile #form-login-remember input {
            order: 1;
            position: relative;
        }
        .dropdown.login-mobile #form-login-remember label {
             order: 2;
            padding: 0;
        }
        /***/
        .dropdown.login-mobile span.input-group-prepend {
            display: flex;
            flex-wrap: wrap;
        }
        /***/
        .dropdown.login-mobile div#form-login-submit .btn-primary {
            border-radius: 0;
            /* width: 100%; */
            padding: 10px 30px;
            margin-bottom: 10px;
            margin-top: 10px;
            background: #909295;
            border-radius: 5px;
            border: 0;
            line-height: 18px;
        }
        .dropdown.login-mobile .btn-list .btn {
            text-align: center;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .dropdown.login-mobile .btn-list .btn a {
            color: #039542;
        }

    /*** logout mobile ***/
        .dropdown.logout-mobile {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 50px;
            /*height: calc(100vh - 50px);*/
            /*height: 100vh;*/
            width: 100%;
            background: #fff;
            opacity: 0;
            visibility: hidden;
            z-index: 5000;
            transition: .3s;
            transform: translateY(-100%);
            padding: 30px;
            /*box-shadow: 2px 8px 11px 0px rgba(0, 0, 0, 0.1);*/
            box-shadow: none;
        }
        .dropdown.logout-mobile {
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            justify-content: center;
        }
        .dropdown-logout-mobile-visible {
            opacity: 1 !important;
            visibility: visible !important;
            transform: translateY(0) !important;
        }
        /***/
        .dropdown.logout-mobile form#login-form {
            width: 100%;
        }
        /***/
        .dropdown.logout-mobile .login-greeting {
            display: flex !important;
            justify-content: center;
            flex-wrap: wrap;
        }
        .dropdown.logout-mobile .login-greeting .greeting {
            width: 100%;
            position: relative;
            margin-bottom: 10px;
        }
        .dropdown.logout-mobile .login-greeting .greeting:before {
            content: " ";
            position: absolute;
            bottom: -10px;
            left: 0;
            right: 0;
            margin: 0 auto;
            text-align: center;
            width: 100px;
            height: 1px;
            background: #47ac20;
        }
        .dropdown.logout-mobile .login-greeting div {
            display: flex !important;
            flex-wrap: wrap;
            justify-content: center;
            text-align: center;
        }
        .dropdown.logout-mobile .login-greeting .icon {
            margin: 0 !important;
            padding: 0;
            margin-bottom: 10px !important;
        }
        .loginModule.logout .dropdown .login-greeting .icon {
            width: 45px;
            height: 45px;
            font-size: 45px;
            line-height: 35px;
            position: relative;
            background: #47ac20;
            border-radius: 100%;
            color: #fff;
        }
        .loginModule.logout .dropdown .login-greeting .icon:before {
            content: " ";
            position: absolute;
            top: -5px;
            left: -5px;
            width: calc(100% + 10px);
            height: calc(100% + 10px);
            border: 2px solid #47ac20;
            border-radius: 100%;
        }
        /***/
        .dropdown.logout-mobile .btn-list {
            width: 100%;
            text-align: center;
            margin: 0 auto;
            margin-bottom: 30px;
            max-width: 250px;
        }
        .dropdown.logout-mobile .btn-list .btn {
            justify-content: center;
            display: flex;
            flex-wrap: wrap;
            font-size: 16px;
            /*padding: 15px;*/
        }
        /***/
        .dropdown.logout-mobile .logout-button {
            float: unset !important;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }
        .dropdown.logout-mobile .logout-button .btn {
            padding: 10px 20px;
            font-size: 16px;
            line-height: 18px;
        }

    /*** search mobile ***/
        .search-mobile {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 50px;
            /*height: calc(100vh - 50px);*/
            /*height: 100vh;*/
            width: 100%;
            background: #fff;
            opacity: 0;
            visibility: hidden;
            z-index: 5000;
            transition: .3s;
            transform: translateY(-100%);
            padding: 30px;
            /*box-shadow: 2px 8px 11px 0px rgba(0, 0, 0, 0.1) !important;*/
        }
        .search-mobile-visible {
            opacity: 1 !important;
            visibility: visible !important;
            transform: translateY(0) !important;
            overflow: auto;
        }
        /***/
        .search-mobile div[id^="offlajn-ajax-search"] {
            width: 100% !important;
            margin-bottom: 10px !important;
        }

    /*** resultados ***/
        @media(max-width: 767px) {
            #offlajn-ajax-tile-results .search-result-link {
                width: 50%;
            }
        }
        .search-mobile .offlajn-paginators {
            display: none;
        }
        .search-mobile .search-result-content {
            background: #fff !important;
        }

    /*** breadcrumbs ***/
        .sp-module .breadcrumb > li + li::before {
            margin: 0 5px;
        }
        @media (max-width: 991px) {
            #sp-breadcrumb-wrapper {
                margin: 0;
                padding: 0;
            }
        }

    /*** chat zopim ***/
    @media (max-width: 767px) {
        .zopim {
            bottom: 50px !important;
            z-index: 1000 !important;
        }
    }

    /*** to top ***/
        @media (max-width: 767px) {
            .sp-totop.active {
                left: 30px;
                bottom: 60px;
            }
        }

    /*** GDPR - cookies ***/
        .cc-revoke.cc-bottom {
            left: 65px !important;
        }
        @media (max-width: 767px) {
            .cc-revoke.cc-bottom {
                left: 0 !important;
                writing-mode: tb !important;
                bottom: 50px !important;
            }
        }

    /*** newsletter ***/
        section#sp-newsletter-wrapper .row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            align-content: center;
        }
        /***/
        .acymailing_form {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            text-align: center;
        }
        .acymailing_form div,
        .acymailing_form p {
            width: 100%;
        }
        .acymailing_module_form .acymailing_introtext {
            width: 100%;
            text-align: center;
        }
        .acymailing_module_form .acymailing_form {
            width: 100%;
            display: flex !important;
            flex-wrap: wrap !important;
        }
        .acymailing_module_form .inputbox {
            width: 100% !important;
        }
        .acymailing_module_form input[type="checkbox"] {
            margin: 0;
            float: left;
            margin-right: 3px;
        }
        /***/
        .acymailing_module_form .acymailing_form .onefield.fieldacyemail {
            order: 1;
            width: calc(100% - 115px);
        }
        .acymailing_module_form .acymailing_form .acysubbuttons {
            order: 2;
            width: 115px;
        }
        .acymailing_module_form .acymailing_form .onefield.fieldacyterms {
            order: 3;
        }
        /***/
        @media (max-width: 767px) {
            .sp-module.vina-social .sp-module-title {
                text-align: center;
                width: 100%;
            }
            .vina-social .sp-module-title h3 {
                margin: 0;
            }
        }
        
    /*** component & left ***/
        .offcanvas-sidebar-icon {
            position: fixed;
            bottom: 25px;
            left: 17px;
            width: 36px;
            height: 36px;
            line-height: 36px;
            text-align: center !important;
            font-size: 16px;
            color: #fff;
            background: #1a8d39;
            border-radius: 3px;
            z-index: 1000;
            opacity: 1;
            visibility: visible;
            transition: 0.4s;
            cursor: pointer;
        }
        i.fas.fa-columns {
            font: normal normal normal 18px/1 FontAwesome;
        }
        @media (min-width: 992px) {
            .offcanvas-sidebar-icon.left {
                display: none;
            }
        }
        .offcanvas-sidebar-active-left div#sp-left {
            left: 0;
        }
        .offcanvas-sidebar-icon.left.totop-visible {
            bottom: 70px;
        }
        @media (max-width: 767px) {
            .offcanvas-sidebar-icon.left {
                left: 35px;
                bottom: 60px;
            }
            .offcanvas-sidebar-icon.left.totop-visible {
                left: 35px;
                bottom: 120px;
            }
        }
        /***/
        @media (max-width: 991px) {
            div#sp-left {
                width: 300px !important;
                height: 100%;
                padding: 15px;
                position: fixed;
                top: 0;
                left: -300px;
                overflow-y: auto;
                background: #fff;
                transition: 0.6s;
                z-index: 10000;
                transition: .3s;
            }
            div#sp-component {
                width: 100%;
            }  
        }
        /***/
        .offcanvas-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .65);
            z-index: 10000;
            opacity: 0;
            visibility: hidden;
        }
        .offcanvas-sidebar-active-left .offcanvas-overlay {
            opacity: 1;
            visibility: visible;
        }

    /*** categorias ***/
        .category-view .clear,
        .category-view .row:after {
            display: none;
        }
        /***/
        @media (min-width: 768px) and (max-width: 991px) {
            .category-view .category {
                width: 33%;
                float: left;
            }
        }
        @media (max-width: 767px) {
            .category-view .category {
                width: 50%;
                float: left;
            }
        }
        /***/
        .category-view .category-inner {
            border: 1px solid transparent;
            transition: all .3s;
        }
        .category-inner img {
            object-fit: cover;
            width: 100%;
            height: 200px;
            object-position: center;
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .category-inner img {
                object-fit: cover;
                width: 100%;
                height: 200px;
                object-position: center;
            }
        }
        @media (max-width: 767px) {
            .category-inner img {
                object-fit: cover;
                width: 100%;
                height: 150px;
                object-position: center;
            }
        }
        /***/
        .category-inner h2 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

    /*** productos ***/
        .vina-vmproduct .item-inner .product-image > a img {
            object-fit: contain;
            height: 250px;
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .shop-products .vina-vmproduct {
                width: calc(33% - 2px);
            }
            .vina-vmproduct .item-inner .product-image > a img {
                object-fit: contain;
                height: 200px;
            }
        }
        @media (max-width: 767px) {
            .shop-products .vina-vmproduct {
                width: calc(50% - 2px);
            }
            .vina-vmproduct .item-inner .product-image > a img {
                object-fit: contain;
                height: 150px;
            }
        }
        @media (max-width: 767px) {
            .owl-item .vina-vmproduct .actions a.notify, 
            .vina-vmproduct .actions span.addtocart-button input, 
            .vina-vmproduct .actions span.addtocart-button .notify {
                font-size: 0;
            }
            /***/
            .listing-view.list .vina-vmproduct .actions span.addtocart-button input, 
            .listing-view.list .vina-vmproduct .actions span.addtocart-button .notify {
                font-size: initial;
            }
        }
        /***/
        .listing-view.list .vina-vmproduct.item {
            padding-bottom: 0px !important;
        }
        .listing-view.list .vina-vmproduct {
            margin-bottom: 0px;
        }
        .listing-view.list .listview .product-name {
            font-size: 18px;
            overflow: visible;
            height: auto;
            margin: 0 !important;
            padding: 0;
        }
    
    /*** detalle producto ***/
        .com-virtuemart.view-productdetails .vm-product-media-container {
            width: 100%;
        }
        @media (max-width: 991px) {
            .com-virtuemart.view-productdetails #sp-component {
                width: 100%;
            }
        }
        @media (max-width: 480px) {
            .main-image {
                padding-left: 0;
            }
        }
        @media (max-width: 767px) {
            .view-productdetails .vina-des-wrapper {
                display: flex;
                flex-wrap: wrap;
            }
            .view-productdetails .vina-des-wrapper .product-name {
                order: 1;
                padding-bottom: 0;
            }
            .view-productdetails .vina-des-wrapper .price-box {
                order: 2;
                padding-bottom: 15px;
            }
            .view-productdetails .vina-des-wrapper .vm-product-container {
                order: 3;
            }
            .view-productdetails .vina-des-wrapper .icons.add-to-box-2 {
                order: 4;
            }
            .view-productdetails .vina-des-wrapper .product-short-description {
                order: 5;
            }
            .view-productdetails .vina-des-wrapper .box-container2 {
                order: 6;
                width: 100%;
            }
            .view-productdetails .vina-des-wrapper .box-container2 .product-rating {
                margin-top: 0;
            }
            .view-productdetails .vina-des-wrapper .product-nav {
                order: 7;
                padding-top: 15px;
                margin-bottom: 0;
            }
        }
        /*** carruseles home ***/
            @media (max-width: 991px) {
                .sp-module .owl-theme .owl-controls .owl-buttons div {
                    position: initial;
                }
                .sp-module .vina-carousel-virtuemart.owl-theme .owl-controls {
                    margin-top: 0;
                    margin: 0 auto;
                    text-align: center;
                    display: block;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    width: 100%;
                    position: relative;
                    left: 0 !important;
                    right: 0 !important;
                    position: absolute;
                    top: -80px;
                    margin: 0 auto;
                    text-align: center;
                }
            }
        
        /*** bottoms ***/
            section#sp-bottom .sp-module-title h3 {
                text-align: left;
                font-size: 21px;
            }

    @media (max-width: 767px) {
        #sp-footer {
            margin-bottom: 50px !important;
        }
    }


    /*** widgetkit home ***/
    @media (max-width: 767px) {
        div#sp-banner11 .uk-panel-box {
            padding: 0;
            overflow: hidden;
        }
        div#sp-banner11 .uk-panel-box a.uk-link-reset {
            font-size: 14px;
        }
    }

    .buscador-parafarmacia {
        width: 100% !important;
    }