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

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

/**** 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 #8ecf3a;
    color: #fff;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    margin-right: 6px;
    text-align: center;
    width: 26px;
	background: #8ecf3a;
}
.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: auto !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: auto;
}


/******************************* 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: #000;
    padding: 0px 0;
}
#sp-header {
    background-color: #000;
    padding: 0px 0;
}
#sp-header {
    border-top: 5px solid #8ecf3a;
}

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





@media (min-width: 1199px) {
div#sp-banners-top {
    width: 65%;
}
}
@media (min-width: 991px) and (max-width: 1199px) {
div#sp-banners-top {
    width: 50%;
}
}

@media (max-width: 991px) {
div#sp-banners-top {
    width: 50%;
}
}
@media (max-width: 768px) {
div#sp-banners-top {
    width: 50%;
}
}
@media (max-width: 678px) {
div#sp-banners-top {
	display: none;
}
}






@media (min-width: 1199px) {
div#sp-carrito {
    width: 10%;
	padding-left: 0px;
	padding-top: 15px;
}
}
@media (min-width: 991px ) and (max-width: 1199px ) {
div#sp-carrito {
    width: 10%;
	padding-top: 15px;
	padding-left: 0px;
}
}
@media (max-width: 991px ) {
div#sp-carrito {
    width: 10%;
	/*padding-top: 20px;*/
	padding-left: 0px;
}
}
@media (max-width: 991px) {
div#sp-carrito {
    margin-top: 15px;
}
}
@media (max-width: 991px) {
div#sp-carrito .sp-module:last-child {
    float: none !important;
}
}
@media (min-width: 678px) and (max-width: 991px) {
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: 30%;
    margin-top: 30px;
    text-align: right;
    float: right;
    display: inline-block;
}
}








@media (min-width: 1199px) {
#sp-menu {
	width: 100%;
	padding-right: 0px;
	padding-top: 0px;
}
}
@media (min-width: 991px) and (max-width: 1199px) {
#sp-menu {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
}
}
@media (max-width: 991px) {
#sp-menu {
    width: 10%;
	padding-right: 0px;
	padding-left: 0px;
}
}
@media (min-width:768px) and (max-width: 991px) {
div#sp-menu {
	width: 10%;
	padding-top: 0px;
}
}
@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: 0px;
}
}




/********************** logo ************************/
/*
@media (max-width: 678px) {
div#sp-logo {
	display: none;
}
}
@media (min-width: 678px) {
div#sp-logo-movil {
	display: none !important;
}
}
div#sp-logo-movil {
    width: 100%;
    text-align: center;
    float: none;
    display: inline-block;
}
*/

/********************** iconos top ******************************/
div#sp-banners-top {
    text-align: center;
}

.iconos-top .uk-panel-teaser, .iconos-top .uk-panel-title {
    margin-bottom: 0px;
}
.iconos-top .uk-margin-bottom-remove {
    margin-bottom: 0!important;
}
.iconos-top .uk-panel-title {
    font-size: 12px;
	line-height:8px;
}

.iconos-top {
    text-align: center;
    float: none;
    display: inline-block;
}




.iconos-top .uk-panel {
    display: inline-block;
}
@media (min-width: 1220px) {
.iconos-top .uk-grid>* {
    padding-left: 10px;
	width: auto;
}
}
.iconos-top .uk-grid>* {
    width: auto;
}

.iconos-top h3.uk-panel-title {
    font-size: 21px !important;
    font-weight: bold;
    border-bottom: 3px dotted #8ecf3a;
    line-height: normal;
}

.iconos-top .uk-margin {
    background: #8ecf3a;
    color: #fff;
    margin-top: 5px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}
/******************************** ocultando el main menu y forzando la aparicion del icono offcanvas ********************************************/
/*
@media (max-width: 991px) {
.sp-megamenu-parent {
    display: none !important;
}
}
@media (max-width: 991px) {
#offcanvas-toggler {
    display: inline-block !important;
}
}
*/














/************************************************************************** MAIN MENU ****************************************************************************************/
div#sp-menu {
    float: left;
	display: inline-block;
	text-align: center;
}
.sp-megamenu-parent {
    float: none;
}
.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0px 0;
}
.sp-megamenu-parent >li >a {
    line-height: 40px;
    min-height: 40px;
	height: auto;
}


.sp-megamenu-parent >li >a {
    color: #fff;
    padding: 5px 15px 5px 15px;
    font-weight: 600;
}
.sp-megamenu-parent >li.active >a, .sp-megamenu-parent >li.active:hover>a, .sp-megamenu-parent >li:hover>a {
    color: #fff;
	background: #8ecf3a;
}


.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: #8ecf3a;
}












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


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


.buscador-mainmenu .fa-search:before {
    content: "\f002";
    color: #fff;	
}


.buscador-mainmenu .sp-megamenu-parent .sp-dropdown-mega .sp-dropdown-inner {
    padding: 0px;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: 50px;
}

/*
li.sp-menu-item.sp-has-child.buscador-mainmenu .sp-dropdown.sp-dropdown-main {
	top:0 !important;
	left:0 !important;
}
*/
.sp-megamenu-parent.menu-zoom .sp-has-child:hover >.sp-dropdown {
    z-index: 9999;
}
 .sp-dropdown-inner {
    margin-top: 0px;
    padding: 0px !important;
}
.buscador-mainmenu .sp-module {
    padding: 0px 0;
}






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



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

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #000;
}


#offlajn-ajax-search461 {
    float: right;
    width: 100%;
}
div#offlajn-ajax-search461 {
    margin-top: 0px;
}


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

input#search-area461 {
    height: 40px;
    background: #000;
}
input#search-area529 {
    height: 40px;
    background: #000;
}
input#search-area532 {
    height: 40px;
    background: #000;
}

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


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

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




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





#search-form529 .category-chooser .arrow {
    -webkit-filter: brightness(100%);
    filter: brightness(40%);
}
#search-form499 #search-area-close529 {
    -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;
}



/**************** alturas colores y margenes de las cajas de busqueda de las versiones de escritorio ****************************/
input#search-area461 {
    height: 40px;
}







/******************************************************* buscador en versiones moviles **********************************************************/
/************** en la posicion top22 *******************/
@media (max-width: 991px) {
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: 991px) {
#sp-top21 .sp-column {
    float: left;
    width: 100%;
    display: inline-block;
}
}
@media (max-width: 991px) {
#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;
}

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


#offcanvas-toggler > i {
    color: #fff;
}
#offcanvas-toggler >i:hover {
    color: #fff;
}
#offcanvas-toggler:hover >i {
    color: #fff;
}





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


#offcanvas-toggler {
    float: left;
}

@media (max-width: 768px) {
#offcanvas-toggler {
    margin-top: 0px;
    padding-top: 0px;
}
}




/******************* 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 'buscador movil' **********************************/

input#suggestion-area519 {
    background: #000;
}
input#suggestion-area521 {
    background: #000;
}



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: 80%;
    float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
}
@media (max-width: 768px) {
div#sp-buscador-movil {
    width: 80%;
    float: right;
	padding-top: 0px;
	padding-right: 30px;
	padding-left: 0px;
}
}
@media (max-width: 678px) {
div#sp-buscador-movil {
    width: 80%;
    float: right;
	padding-top: 0px;
	padding-right: 30px;
	padding-left: 0px;
}
}
/********************************************************************************** MAIN MENU ---> offcanvas *********************************************************************************/

.ltr.offcanvas .offcanvas-menu {
    right: inherit;
    left: 0;
}
.ltr .offcanvas-menu {
    left: -280px;
	right: inherit;
}

.ltr .offcanvas-menu {
    -webkit-transition: opacity 400ms cubic-bezier(0.7,0,0.3,1), left 400ms cubic-bezier(0.7,0,0.3,1);
    transition: opacity 400ms cubic-bezier(0.7,0,0.3,1), left 400ms cubic-bezier(0.7,0,0.3,1);
}

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

.offcanvas-menu .offcanvas-inner {
    padding: 0px;
}

.offcanvas-menu {
    background: rgba(255, 255, 255, 0.85);
}






/****** elementos menú *****/


.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    padding: 10px 10px 10px 0;
    display: inline-block;
    width: 100%;
    border-bottom: 0px dotted #e8e8e8;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    font-family: 'Montserrat',sans-serif;
    font-weight: 600;
    text-transform: uppercase;
	padding-left: 25px;
}



div.vina-treeview-menus .active > a {
    text-decoration: none;
    color: #8ecf3a;
    font-weight: 600;
}
/*
.sp-module ul >li >a:hover {
    color: #8ecf3a;
	background: #fff !important;
}
*/

.offcanvas-inner div.vina-treeview-menus ul >li >a:hover, .offcanvas-inner div.vina-treeview-menus .active > a {
    color: #fff;
    background: #8ecf3a;
}






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




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


@media (max-width: 678px) {
div#sp-carrito .sp-module.pull-right {
    float: right !important;
}
}



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


.home2 .mini-cart .mini-cart-title i {
    background-color: #8ecf3a;
}
.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: #8ecf3a;
}
.mini-cart .mini-cart-content {
    border: 5px solid #8ecf3a;
	z-index: 99999;
}









.home2 .mini-cart .mini-cart-title i {
    background-color: #8ecf3a;
    background: url(/templates/vina_moxii/images/carrito-top.png) no-repeat center center;
}
.fa-shopping-cart:before {
	opacity: 0;
}










@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: #8ecf3a;
}



/****** minicarro top *********/
.home2 .mini-cart .mini-cart-title i {
    line-height: 55px;
}
@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: #8ecf3a;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
	border-radius: 100%;
}

/************** contenido ventana *****************/
.mini-cart .mini-cart-content .show_cart a {
	background: #000;	
}




/*********************** 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-breadcrumb-wrapper {
    padding: 10px 0;
    margin: 0px 0 0;
}
.sp-module .breadcrumb {
    font-size: 12px;
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
    background: none !important;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}
.sp-module .breadcrumb > li + li::before {
    margin: 0 8px;
}

/****/

.sp-page-title {
    padding: 10px 0 10px 0px;
    min-height: auto;
    background: #fff;
    /* color: red !important; */
}
.sp-page-title h1 {
    color: #8ecf3a;
    font-size: 70px;
    position: relative;
    /* text-align: left; */
}
.sp-page-title h1:after {
    background: #8ecf3a;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -75px;
    position: absolute;
    top: 90%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(0deg);
    width: 150px;
}


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

.sm-level  {
    background: rgba(255, 255, 255, 0.85) !important;
}
.sm-level.level2 {
    background: transparent !important;
}



/************************************************* 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: 200px;
    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: #8ecf3a;
    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: 200px;
	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: 200px;
	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-528 {
    top: 200px;
    transition: all 0.3s;
}


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




/***** texto en icono offcanvas *****/
/*
@media (max-width:992px) {
.sm-btn-498:before {
	right: 100%;
    left: inherit;
    background: #8ecf3a;
	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-531 {
    top: 200px;
	right: 0;
	left: inherit;
}

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


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

.sm-effect-1 > #off-menu_531, .sm-effect-3 > #off-menu_531, .sm-effect-6 > #off-menu_531, .sm-effect-9 > #off-menu_531, .sm-effect-11 > #off-menu_531, .sm-effect-12 > #off-menu_531 {
    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-531.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 ***********************************************************************************/



#sp-position-4-wrapper {
    background-color: #eaeaea;
    padding: 71px 0 110px;
    border-top: 5px solid #8ecf3a;
    border-bottom: 5px solid #8ecf3a;
}


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






/****************************** widgetkit categorias top portada ******************************************/

.uk-overlay-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: #fff;
    height: 50%;
    top: 50%;
    /* opacity: 0.2; */
}
.uk-overlay-background {
    background: rgba(0, 0, 0, 0.8);
    color: #444;
    height: 50%;
    top: 50%;
}



.categorias-top-portada .uk-button-primary {
    background-color: #8ecf3a;
	text-transform: uppercase;
    font-weight: 600;
}
.categorias-top-portada .uk-button-primary:hover {
    background-color: #000;
}




/************************************ 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: #8ecf3a;
}

.sp-module .owl-theme .owl-controls .owl-buttons div.owl-prev:hover:before, .related_slider .lSAction .lSPrev:hover:before {
    color: #8ecf3a;
}
.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: #8ecf3a;
}



/****************** 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: #8ecf3a;
	height: 4px;
}

/***** botones pestañas *****/
/*
.vina-vmtabproduct .tabs_container li.active, .vina-vmtabproduct .tabs_container li:hover {
    border-color: #8ecf3a;
    color: #8ecf3a;
}
*/
.vina-vmtabproduct .tabs_container li.active, .vina-vmtabproduct .tabs_container li:hover {
    border-color: #8ecf3a;
    color: #fff;
    background: #8ecf3a;
}


.vina-vmtabproduct .tabs_container li {
    float: none !important;
    display: inline-block;
    border: 2px solid #000;
    background: #000;
    margin: 0 2px 10px !Important;
    font-size: 18px;
    color: #fff;
}
.vina-vmtabproduct .tabs_container li.active, .vina-vmtabproduct .tabs_container li:hover {
    border-color: #8ecf3a;
    color: #8ecf3a;
    background: #fff;
}	


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

/************** imagen ******************/
.vina-vmproduct .item-inner .product-image > a {
    border: 0px solid #e5e5e5;
}
/************** precio ****************/
.vina-vmproduct .price-box, .vina-vmproduct .related-price-box {
    border-bottom: 0px solid #4c4c4c;
    border-top: 0px solid #4c4c4c;
    color: #8ecf3a;
    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;
	margin-bottom: 20px;
}



/******************************************** botones *****************************************************/
/*** poniendole un fondo a los botones y animandolos ******/
.vina-vmproduct .item-inner:hover .actions {
	opacity:1;
    -webkit-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
}
.vina-vmproduct .item-inner .actions {
    background: #8ecf3a;
	opacity: 0;
    -webkit-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
}
/****** quitando las animaciones por defecto ********/
.vina-vmproduct .item-inner:hover .add-to-links > * {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0px;
    visibility: visible;
}
/*** comparar ***/
.vina-vmproduct .actions .add-to-cart {
    display: inline-block;
    opacity: 0;
    position: relative;
    top: 0px;
    left: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    float: left;
}
/*** vista rapida ***/
.vina-vmproduct .add-to-links > *:first-child {
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    top: 0px;
    visibility: hidden;
    -webkit-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
}
/*** favoritos ****/
.vina-vmproduct .add-to-links > *:last-child {
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    top: 0px;
    visibility: hidden;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
/******************** boton comprar **********************/
.vina-vmproduct .actions span.addtocart-button input, .vina-vmproduct .actions span.addtocart-button .notify {
    background: #8ecf3a;
    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: #8ecf3a;
    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: #000;
}
.vina-vmproduct .actions span.addtocart-button:hover:before {
    color: #fff;
}
/************************* boton notificarme *************************************/
.vina-vmproduct .actions a.notify {
    background: #8ecf3a;
    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: #000;
    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: #8ecf3a;
    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: #000 !important;
	transition: all .3s;
}
/****** boton vista rpaida *********/
a.vina-quickview.modal.jutooltip:hover {
    color: #fff !important;
    background: #000 ;
}







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


/******************************************************************** carrusel marcas ****************************************************************************/
#vina-manufacturers-virtuemart-wrapper526 li img {
    height: 150px;
}
.sp-module .vina-manufacturers-virtuemart {
    border: 0px solid #e5e5e5;
}
/****** titulo modulo *******/
.titulo-nuestras-marcas h3 {
    text-align: center;
    color: #000;
}
.titulo-nuestras-marcas h3 span {
    position: relative;	
}
.titulo-nuestras-marcas h3 span:before {
    position: absolute;
    top: -6px;
    left: -25px;
    content: " \f103 ";
    font-family: 'Fontawesome';
    color: #8ecf3a;
    font-size: 33px;
}
.titulo-nuestras-marcas h3 span:after {
    position: absolute;
    top: -6px;
    right: -25px;
    content: " \f103 ";
    font-family: 'Fontawesome';
    color: #8ecf3a;
    font-size: 33px;
}


/******** controladores *********/

.sp-module .vina-manufacturers-virtuemart .vina-prev {
	background: #8ecf3a;
	top: 50%;
	height: 50%;
}
.sp-module .vina-manufacturers-virtuemart .vina-prev:hover {
	background: #000;
	transition: all .3s;
}
.sp-module .vina-manufacturers-virtuemart .vina-prev:before, .sp-module .vina-manufacturers-virtuemart .vina-prev:hover:before {
    color: #fff;
}

.sp-module .vina-manufacturers-virtuemart .vina-next {
	background: #8ecf3a;
	top: 50%;
	height: 50%;
}
.sp-module .vina-manufacturers-virtuemart .vina-next:hover {
	background: #000;
	transition: all .3s;
}
.sp-module .vina-manufacturers-virtuemart .vina-next:before, .sp-module .vina-manufacturers-virtuemart .vina-next:hover:before {
    color: #fff;
}

/********************************************** últimas noticias del blog *******************************************/
/**** fecha ***/
div#fd.eb .mod-cell, div#fd.eb .col-cell {
    position: relative;
}
.mod-muted.mod-small.mod-fit {
    background: #8ecf3a;
    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: #8ecf3a;
    padding: 5px 10px;
}
.eb-mod-foot.mod-muted.mod-small .mod-cell a {
    color: #fff;
}


/*********************************** BREADCRUMBS ***************************************************/
.sp-module .breadcrumb > li.active {
    color: #8ecf3a;
}
.sp-module .breadcrumb > li a:hover {
    color: #8ecf3a;
}
/*************************************************************************************** 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 #sp-left {
		width: 100%;
}
}
/**** quitando tambien los margenes de la plantilla ****/
@media (max-width: 992px) {
.com-virtuemart #sp-right .sp-module, .com-virtuemart #sp-left .sp-module {
    margin-top: 0px;
}
}
@media (max-width: 992px) {
.com-virtuemart #sp-right, .com-virtuemart #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 #sp-component, .com-virtuemart #sp-component {
		width: 100%;
}
}
/************************************************************************************* CONTROLES DE DISPOSICION Y ORDENACION *************************************************************************************************/
.orderby-displaynumber .view-mode a.active, .orderby-displaynumber .view-mode a:hover {
    color: #8ecf3a;
}


@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 #8ecf3a;
	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: #8ecf3a;
    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: #8ecf3a;
}
.listing-view.list .listview .actions span.addtocart-button input {
	height: 40px;
    line-height: 40px;
    padding: 0 30px 0 55px !Important;
    border-radius: 0px;
}
.listing-view.list .listview .actions span.addtocart-button input:hover {
    background-color: #000;
}


/****************** barrra de acciones *****************************/
.listing-view.list .vina-vmproduct .item-inner .actions {
    background: #8ecf3a;
    width: 229px !important;
}

.listing-view.list .listview .add-to-links {
    margin-left: 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;
}

/************ boton vista rapida *************/
.listing-view.list .listview .add-to-links > *.quick-view {
    margin-left: 0px;
}



.listing-view.list .listview .add-to-links > * > * {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    background: #8ecf3a;
    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;
}




.listing-view.list .listview .add-to-links > * > * .addtofav_aws_icon_active, .listing-view.list .listview .add-to-links > * > *:hover {
    background-color: #000;
}







/*********************************************************************************** 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: #8ecf3a;
    border-color: #8ecf3a;
}

/********** 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: #8ecf3a;
    font-weight: 600;
}

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







/********** manejadores cantidades **********/
.quantity-box .quantity-minus:hover, .quantity-box .quantity-plus:hover {
    background-color: #8ecf3a !important;
}
@media (max-width: 480px) {
.view-productdetails .quantity-box {
    width: 100%;
}
}
/************************************ boton comprar *************************************/
.productdetails-view span.addtocart-button {
    background-color: #8ecf3a;
}
.productdetails-view span.addtocart-button:hover {
    background: #000;
    border-color: #000;
    color: #fff;
}



.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: #8ecf3a;
}

.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: #000;
    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: #8ecf3a;
    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: 0%;
    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: #000;
	color: #fff;
}

.btn-wishlist .addtofav_aws_icon:hover i, .btn-wishlist .addtofav_aws_icon_active:hover i {
    color: #fff !important;
    background: #000 !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: #8ecf3a;
    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: #000;
	color: #fff;
}

/***************************************** imprimir ************************************************************/
.vina-des-wrapper .icons.add-to-box-2 a.print.printModal.icon-print.jutooltip {
    background: #8ecf3a;
    color: #fff;
    padding: 8px 0px 5px 9px;
}
.vina-des-wrapper .icons.add-to-box-2 a.print.printModal.icon-print.jutooltip:hover {
    background: #000;
	color: #fff;
}
/***************************************** haga una pregunta ***********************************************************/
.vina-des-wrapper .icons.add-to-box-2 a.ask-a-question.fa.fa-question.jutooltip {
    background: #8ecf3a;
    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: #000;
	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: #8ecf3a;
}
.vina-vmtreeview .vina-treeview-virtuemart ul.level0 > li a {
    background-color: #8ecf3a;
}
.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 **************************************************************************************************/
/******************************* barra top **********************************************/
div#fd.eb .eb-navbar {
    background: #000;
    border-color: #000;
}
div#fd.eb .eb-navbar-nav>li.open>a, div#fd.eb .eb-navbar-nav>li>a:hover, div#fd.eb .eb-navbar-nav>li>a:focus {
    background: rgba(142, 207, 58, 0.5);
}
div#fd.eb .eb-navbar-nav>li.active>a {
    background: #8ecf3a;
}
/**** boton leer mas ****/
div#fd.eb .btn {
    background: #8ecf3a !important;
    color: #fff !important;
}
div#fd .btn-default:hover {
	background: #000 !important;
    color: #fff !important;
}

/*************** modulo suscribirse *****************/
/*** boton ***/
div#fd .btn-primary {
    color: #fff !important;
    background-color: #8ecf3a !important;
    border-color: #8ecf3a !important;
}
div#fd .btn-primary:hover {
    color: #fff !important;
    background-color: #2e8b08 !important;
    border-color: #2e8b08 !important;
}
/********************************************************************************************* MAPA **************************************************************************************************/
.contactar #sp-position-3-wrapper {
    padding: 0px 0;
}



/*********************************************************************************** WRAPPER --> posicion iconos redes sociales ***********************************************************************************/
#sp-newsletter-wrapper {
    background-color: #fff;
    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: 540px) {
div.acymailing_module_form .acymailing_introtext {
    width: 100%;
}
}



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


@media (max-width: 540px) {
.vina-social .sp-module-title {
    float: none;
    width: 100%;
}
}
/******************* 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: #8ecf3a !important;
    border: 2px solid #8ecf3a;
	background: #fff;
}






.vina-social {
    float: none;
    padding: 5px 0;
    text-align: center;
}
.vina-social .sp-module-title {
    display: none;
}
ul.social-icons a {
    background: #000;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 43px;
    line-height: 43px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 53px;
}
/****************************************************************************************** BOTTOMS ******************************************************************************************/
#sp-bottom {
    background-color: #eaeaea;
    padding: 66px 0 50px;
    border-top: 5px solid #8ecf3a;
}
@media (max-width: 991px) {
#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {
    width: 100%;
}
}
@media (max-width: 768px) {
#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {
    width: 100%;
}
}
/************ colores enlaces ***********/
#sp-bottom a {
    color: #000;
}

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




/******************************************** MENUS BOTTOMS *********************************************************/

/***** adornos menus ******/
.menu-bottom ul li a:before {
    background: transparent !Important;
    content: "\f101 ";
    display: inline-block;
    height: auto;
    margin-right: 8px;
    position: relative;
    top: 4px;
    width: 11px;
    overflow: hidden;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 17px;
    letter-spacing: -1px;
    color: #8ecf3a;
}
/****/


#sp-bottom div.vina-treeview-menus .treeview li {
    margin: 0;
    padding: 3px 0pt 3px 16px;
}
.menu-bottom .sp-module-title h3 {
    border-bottom: 0px solid #393939;
    color: #000;
    font-size: 18px;
    margin-bottom: 25px;
    padding-bottom: 0px;
    text-transform: uppercase;
}
.menu-bottom ul li {
    border-bottom: 0px solid #919191;
    list-style: none;
    width: 100%;
}
.menu-bottom ul li a {
    line-height: 30px;
}

#sp-bottom ul li a:hover {
    color: #8ecf3a;
}



/*********************** 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 ***/
.menu-bottom.vina-contact-us li > i {
    border: 0px solid #fff;
    border-radius: 0;
    color: #fff;
	background: #8ecf3a;
	height: 32px;
}


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



/******************************************************** FOOTER *********************************************************/
#sp-footer {
    background-color: #000;
    border-top: 5px solid #8ecf3a;
}
#sp-footer {
    padding: 20px 0 20px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
}

/**** colores ****/
#sp-footer-wrapper a {
    color: #8ecf3a;
}
#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: #8ecf3a !important;
}
/**************************************** to top --> volver arriba ***************************************/
/**** fijando la posicion *********/
.sp-totop {
    left: 10px;
	right: auto !important;
	border-radius: 0;
}
.sp-totop {
    background: #000 url(/templates/vina_moxii/images/general/back-top.png) no-repeat scroll 50% 50%;
}
.sp-totop:hover {
    background: #8ecf3a 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;
}




/********************************************* logos y sellos otc ****************************************************/
.logos-otc {
	text-align: left;
    width: 50%;
    display: inline-flex;
    padding: 19px;
    border: 3px solid #eaeaea;
	padding-top: 26px;
    padding-bottom: 25px;
}
@media (min-width: 992px) and (max-width: 1200px) {
.logos-otc {
	line-height: 102px;
}
}
@media (max-width: 992px) {
.logos-otc {
    width: 100%;
}
}
.textos-otc {
	text-align: left;
    font-size: 12px;
    line-height: 15px;
    float: right;
    width: 50%;
    background: #eaeaea;
    padding: 6px;
	text-transform: uppercase;
	font-family:'Montserrat', sans-serif;
	font-weight: 600;
    border: 1px solid #eaeaea;
}
@media (max-width: 992px) {
.textos-otc {
	text-align: center;
    width: 100%;
}
}
.textos-otc a {
	color: #444;
}


/****************************************************************** servicios ********************************************************************/

.servicios #sp-main-body .container {
	width: 90%;
}
.servicios .post-format {
    display: none;
}
.servicios h3.uk-h1.uk-margin-top-remove {
    padding-left: 10px;
}
.servicios .uk-margin p {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}




/**************************************************** contacto ********************************************************************/
.bfQuickMode legend {
    padding: 10px 15px;
    background: #000000;
    color: #fff;
    font-size: 120%;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    line-height: normal !important;
    margin-top: 18px !important;
    border: none !important;
    font-family: 'Montserrat',sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}
.bfQuickMode fieldset {
    padding: 10px 10px 10px 10px;
    border: 1px solid #797979;
    margin: 0px 0px 10px 0px;
    width: auto;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
button#bfSubmitButton {
    background: #8ecf3a;
    font-weight: 600;
    border-radius: 0px;
}
button#bfSubmitButton:hover {
    background: #000;
	transition: all .3s;
}
.bfQuickMode fieldset fieldset legend {
    border-width: 1px !important;
    border-style: solid !important;
    padding: 5px;
    background: #fff;
    color: #999;
    border-color: #999;
    font-size: 110%;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    line-height: normal !important;
    margin-top: 18px !important;
}
.bfElemWrap {
    background: #f5f5f5 !important;
}
.bfQuickMode fieldset.bfInline section {
    padding: 13px 5px;
    margin: 0px 0px 0px 0px;
}
.bfQuickMode textarea:focus, .bfQuickMode input[type='text']:focus, .bfQuickMode input[type='password']:focus, .bfQuickMode select:focus {
    border-color: #8ecf3a;
    outline: 1px solid #8ecf3a;
}
.bfQuickMode textarea:hover, .bfQuickMode input[type='text']:hover, .bfQuickMode input[type='password']:hover, .bfQuickMode select:hover {
    border-color: #8ecf3a;
}



/********************** pages titles *********************/
.sp-page-title {
    text-transform: none;
}
.sp-page-title h1 {
    text-align: left;
}
.sp-page-title h1:first-letter {
    color: #55821b;
}
.sp-page-title h1:after {
    width: 100%;
}
/************************ quitando los tittles de algunas secciones *********************************/
.itemid-1098 .sp-page-title {
    display: none;
}


/******* cuando se aumenta la cantidad a comprar aparecen los impuestos ****/
.productdetails-view .vina-des-wrapper span.PricetaxAmount {
    display: none !important;
}

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

/****** quitando el sp-page-title en la vista de detalle de prodcuto *******/
.com-virtuemart.view-productdetails .sp-page-title h1 {
	display: none;
}

/********** quitando el sp-page-title en reoluciones inferiores ****************/
@media (max-width: 992px) {
.sp-page-title h1 {
	display: none;
}
}

/********** quitando los titulos duplicados de los vertical menus ****************/

.sp-module.menu-parafarmacia .sp-module-title {
    display: none;
}
.menu-condiciones .sp-module-title {
    display: none;
}


/******* POSICIONES VARIAS FOOTER *******/
/*@media (max-width: 992px) {
.sp-totop {
    bottom: 127px;
}
}*/

@media (max-width: 992px) {
#sp-footer2 {
    margin-top: 25px;
}
}

/****** BORDE BOTON VOLVER A ARRIBA *******/
.sp-totop {
    border: #8ecf3a 2px solid;
}





/***/
/***/
/*** ocultando los botones de compra en los medicamentos - ELIMINAR CUANDO TENGA LOS SELLOS OFICIALES ****/
/***/
/***/
.medicamentos .item .add-to-cart,
.medicamentos .item .quick-view,
.medicamentos .vm-product-addtocart {
    display: none;
}