#onepage_main_div .field_wrapper .field_wrapper {
    position: relative;
}
#sp-brand-wrapper {
    color: #000000;
    margin: 10px 0 0 0;
}
#sp-logo .logo {
    padding: 0px 0;
}

/**** BUSCADOR ****/
#offlajn-ajax-search461 {
    float: right;
}

#sp-left .sp-module-title .modtitle {
    margin: 0 0 0px;
}
#sp-left .modtitle {
    padding: 0 0 0px;
    border-bottom: 0 solid #818181;
}
#sp-main-body {
    margin: 5px 0;
}

/**** BREADCRUM ****/
.sp-page-title h2 {
    font-size: 15px;
}
/*
.sp-page-title {
    padding: 10px 0 0px;
}
*/
.corporate-about .block-wrapper {
    padding: 5px 0 0 0;
}
.sp-module:first-child {
    margin-top: 10px;
}

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

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

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

/**** LOGING ****/

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

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

/**** TITULOS ARTICULOS ****/
.entry-header h2, .entry-header h3 {
    margin: 10px 0 15px;
    color: #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;
}
/**********/
/**********/
/**********/
/**********/
/**********/
/**********/
/**********/
/**********/
/********************************************************************************** GENERALES ************************************************************************************/
/****************************** widgetkit galeria *********************************/
/***** fix error entrada imágenes galería escalado desde abajo ********/
.uk-animation-scale-up {
    -webkit-animation-name: uk-fade-scale-02;
    animation-name: uk-fade-scale-02;
}
/********************************************************************************** BODY ******************************************************************************************/
/*
#sp-main-body {
    overflow: hidden;
    position: relative;
    z-index: 0;
    width: 100%;
}
*/
/*********************************************************************************** BARRA TOP *********************************************************************************/
#sp-top-wrapper {
    display: none;
}
/****** colores *****/
#sp-top-wrapper {
    background: linear-gradient(120deg,#48ad21 50%,#cccac9 50%);
}
/*********************************************************************************** STICKY HEADER *********************************************************************************/
/**** con esto evitamos que el sticky header a veces no nos ocupe el 100% del ancho ***/
#sp-header-wrapper-sticky-wrapper {
    width: 100% !important;
	z-index: 1;
}
#sp-header-wrapper {
    width: 100% !important;
}
/*** color de fondo ***/
/*
#sp-header-wrapper {
    background: rgba(244, 244, 244, 0.9);
}
*/
#sp-header-wrapper {
    background: #444;
    border-bottom: 2px solid #89cf58;
}
/*********************************************************************************** HEADER *********************************************************************************/
@media (min-width: 678px) and (max-width: 1200px) {
#sp-logo, #sp-jl-welcome {
    width: 45%;
    text-align: center;
    float: left;
}
}
@media (max-width: 678px) {
#sp-logo, #sp-jl-welcome {
    width: 50%;
    text-align: center;
    float: left;
	margin: 10px 0;
}
}

@media (min-width: 678px) and (max-width: 1200px) {
div#sp-top3 {
    width: 10%;
}
}
@media (max-width: 678px) {
div#sp-top3 {
    width: 100%;
    text-align: center;
}
}
/***************************** logo *******************************/
@media (max-width: 540px) {
#sp-logo {
	width: 100%;
}
}
a.logo h1 {
    margin-top: 0px;
    margin-bottom: 0px;
}
/**************************************** iconos top *******************************************************/
@media (max-width: 540px) {
#sp-jl-welcome {
	width: 100%;
}
}
.iconos-top .uk-overlay-grayscale {
    -webkit-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
}
.iconos-top .uk-overlay-active .uk-active>.uk-overlay-grayscale, .uk-overlay-hover.uk-hover .uk-overlay-grayscale, .uk-overlay-hover:hover .uk-overlay-grayscale {
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
}
/************************ buscador ******************************/
/*si queremos ocultar el buscador usamos esto*/
@media (max-width: 992px) {
.buscador-header #offlajn-ajax-search461 {
	display: none;
}
}
/***** cuadro de busqueda ****/
input#search-area461 {
    background-color: #2a2a2a;
}
/**** boton de busqueda ***/
#ajax-search-button461 {
    background: rgb(0, 0, 0);
}
/****************************************************** resultados de busqueda ****************************************************/
/**** barra superior *****/
#offlajn-ajax-tile-results .offlajn-ajax-search-control-panel {
    background: rgb(68, 68, 68);
}
/*** botones 'anterior' y 'previo' ****/
#offlajn-ajax-tile-results .offlajn-ajax-search-control-panel .inner-control-panel .offlajn-prev {
	background: rgb(122, 201, 67);
}
/*** numeraciones ****/
#offlajn-ajax-tile-results .offlajn-ajax-search-control-panel .inner-control-panel .pushed {
    background-color: rgba(122, 201, 67, 0.53);
}
#offlajn-ajax-tile-results .offlajn-ajax-search-control-panel .inner-control-panel .offlajn-button:hover {
    background-color: rgba(122, 201, 67, 0.53);	
}
/****** barra superior de cada resultado ****/
#offlajn-ajax-tile-results .search-result-link .search-result-card-category {
    background: rgb(68, 68, 68);
}
/****** precio de cada resultado ****/
#offlajn-ajax-tile-results .search-result-card .search-result-price {
    background: rgb(122, 201, 67);
}
/****** titulo de cada resultado ****/
#offlajn-ajax-tile-results .search-result-card .search-result-content {
    background: rgb(122, 201, 67);
}
/****************************************************************************************** CARRITO ******************************************************************************************/
@media (max-width: 991px) and (min-width: 678px) {
#sp-minicart {
    width: 33%;
}
}
.sp-module .block-mini-cart .mini-cart-title {
    background: transparent;
}
.block-mini-cart .mini-cart-title:before {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid #ffe51e;
    position: absolute;
    left: -30px;
}
/**** icono ****/
.block-mini-cart .mini-cart-title .count-item .simple-handbag:before {
	content: "";
    width: 45px;
    height: 37px;
    background: transparent url(/images/carrito.png) no-repeat 0px center;
    display: inline-block;
    position: absolute;
    left: -45px;
    top: -11px;
	/*opacity: 0.5;*/
}
/****** texto carrito *****/
.mini-cart.mini-cart-body {
	font-family: Josefin Sans, sans-serif;
}
.block-mini-cart .mini-cart-title .number {
    color: #fff;
}
/***** texto carrito TOTAL ************/
.block-mini-cart .mini-cart-title .count-item .simple-handbag .total strong {
    font-size: 12px;
    font-family: sans-serif;
    padding-left: 3px;
    display: inline-block;
    color: #89cf58;
}
/**************************************************** ventana contenido carrito **********************************************************/
.sp-module .block-mini-cart .mini-cart-content .product_row {
    line-height: 12px;
}
.sp-module .block-mini-cart .mini-cart-content span.product_name {
	font-size: 10px;
	padding-right: 35px;
}
.sp-module .block-mini-cart .mini-cart-content .total {
    text-align: right;
}
.sp-module .block-mini-cart .mini-cart-content .show_cart {
    font-weight: 600;
}
/****************************************************************************************** banner portada --> LayerSlider *********************************************************************/
div#layerslider_1 {
    z-index: 0;
    display: inline-block;
}
/****************************************************************************************** MAIN MENU ***************************************************************************************/
@media (max-width: 991px) and (min-width: 678px) {
#sp-menu {
    width: 67%;
}
}
@media (max-width: 991px) {
#sp-menu {
	text-align: center;
}
}
/***/
.sp-megamenu-parent >li >a {
    letter-spacing: normal;
    color: #fff;
}
li.sp-menu-item:before {
    content: " ";
    width: 1px;
    height: 20px;
    background: #555;
    position: absolute;
    left: 0;
    top: 30%;
}
li.sp-menu-item.primer-elemento:before  {
    display:none;
}
.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a  {
    background: transparent;
    color: #bebebe;
    border-bottom: 4px solid #7AC943;
}	
.sp-megamenu-parent >li>a {
    background: transparent;
    border-bottom: 4px solid #444;
}
/******** subelementos **********/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #444;
}
/****************************** offcanvas ****************************************/
#offcanvas-toggler {
  /*float: none;*/
	float: left;
    line-height: 40px;
    padding-top: 3px;
    margin-left: 0px !important;
}
#offcanvas-toggler >i {
    color: #ffffff;
    background: transparent;
}
/*********************************************************************************** MAIN MENU ---> offcanvas *********************************************************************************/
/*
.offcanvas-menu {
    width: 280px;
    height: 100%;
}
*/
/**** posicion y transicion menu offcanvas *****/
.ltr.offcanvas .offcanvas-menu {
    right: inherit;
    left: 0;
}
.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);
}
.ltr .offcanvas-menu {
    left: -280px;
}
/**** titulo *****/
.offcanvas-menu .offcanvas-inner span.title {
	position: relative;
    letter-spacing: 0px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: bold;
    font-size: 17px;
}
.offcanvas-menu .offcanvas-inner span.title:after {
	position: absolute;
	top: 2px;
	left:56px;
	content:"| M\00D3 VIL";
	font-size: 17px;
	color: #89cf58;	
	font-family: 'Josefin Sans', sans-serif;
	width: 77px;
    font-weight: bold;
	line-height: 16px;
}
/**** icono cerrar ****/
/*
.close-offcanvas:before {
    content: "\f00d";
}
*/
/********************************* buscador offcanvas ***********************************/
@media (min-width: 992px) {
.buscador-offcanvas #offlajn-ajax-search487 {
	display: none;
}
}
.buscador-offcanvas #offlajn-ajax-search487 {
	margin-top: 30px;
}
input#search-area487 {
    background-color: #2a2a2a;
}
/****** elementos menú *****/
.sp-module ul >li >a {
    color: #8a8a8a;
    font-family: Josefin Sans, sans-serif;
	font-size: 17px;
    /*font-weight: bold;*/
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    padding: 8px 20px;
}
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;
}
/****** quitado el separador del buscador ****/
@media (max-width: 992px) {
span.separator {
    display: none;
}
}
/***** margen izquierdo para separarlo de los vertical menus ******/
#offcanvas-toggler {
    margin-left: 50px;
}
/*************************************************************************************** PORTADA SITIO ***********************************************************************************/
/***************************** widgetkit portada ******************************************/
#sp-title {
    min-height: 0;
    /*margin-bottom: -18px;*/
}
section#sp-banners-portada {
    text-align: center;
    float: none;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
}
section#sp-banners-portada {
    /*margin-top: -7px;*/
    background: #444;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 6px solid #999;
    border-top: 6px solid #999;
}
.banners-portada {
    text-align: center;
    display: inline-block;
    float: none;
}
@media (min-width: 1350px) {
.banners-portada {
    width: 1250px;
	text-align: center;
    display: inline-block;
    float: none;
    margin: 0 auto;
}
}
/***** textos overlay *****/
.banners-portada .uk-overlay-background {
    background: #000;
    color: #fff;
    border-top: 5px solid #89cf58;
}
/******************************************** posicion menu izquierdo portada **************************************************/
@media (max-width: 992px) {
div#sp-position4-left {
    width: 100%;
}
}
/******************************************** posicion carrusel ************************************************************/
@media (max-width: 992px) {
div#sp-position4 {
    width: 100%;
}
}
/******************************************** carrusel productos promociones ************************************************************/
/******** 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;
}
}




.product-i .actions .btn-groups {
    display: none;
}
/*** titulo ****/
.titulo-productos-portada {
    text-align: center;
    position: relative;
    top: -60px;
	z-index: 0;
}
.titulo-productos-portada em {
    color: #7ac943;
    display: inline-block !important;
    /* text-decoration: none; */
    font-style: inherit;
	font-weight: bolder;
	font-family: Montserrat, sans-serif;
}
/**** fondo titulo ****/
.titulo-productos-portada span.title  {
    text-transform: uppercase;
    font-weight: normal !important;
    position: relative;
    display: inline;
    color: #fff;
    padding: 10px 40px;
    z-index: 3;
	font-size: 17px !important;
    padding: 10px 40px;
    z-index: 3;
    font-family: Josefin Sans, sans-serif;
}
.titulo-productos-portada span.title:before {
    content: "";
    display: inline-block;
    background: #444;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-left: 5px solid #7ac943;
    border-right: 5px solid #89cf58;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    transform: skewX(-20deg);
    z-index: -1;
    /*width: 150px;*/
    /*height: 32px; ----> esta puede ser util ****/
}
/**** lineas titulo *******/
.titulo-productos-portada:after {
    content: "";
    background: #7ac943;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
    padding: 0 15px;
}
/************ controles 'prev' and 'next' **************************/
.owl-theme .owl-controls {
    margin-top: 0;
    text-align: center;
    width: 100%;
    position: absolute;
    top: -55px;
	z-index: 0;
}
.owl-theme .owl-controls .owl-buttons div:hover, .owl-theme .owl-controls .owl-buttons div:active {
    background-color: #444444;
    border-color: #444444;
}
.owl-theme .owl-controls .owl-buttons:before {
    content: " ";
    border-top: 4px double #d7d7d7;
    width: 200px;
    position: relative;
    top: 23px;
    margin-top: -2px;
    z-index: -1;
    left: -52px;
    display: inherit;
}
/******* producto *****/
.owl-item .product-i {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 10px !important;

}
.owl-item .product-i:hover {
	border: 3px solid #444;
	margin: 10px !important;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
/******************************************** cada producto ******************************************************/
/******* imagen *******/
.owl-item .product-i img.browseProductImage {
    text-align: center;
    display: inline-block;
}
/******* titulo ******/
.owl-item .product-i h3.product-title {
    margin-bottom: 0px;
	margin-top: 0px;
}
.owl-item .product-i .text-block .product-title {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: #343434;
    height: 29px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: normal;
    white-space: normal;
}
.owl-item .product-i .text-block .product-title a {
    color: #3b3d3d;
    font-family: Josefin Sans, sans-serif;
}
/******* botones *******/
.owl-item .product-i .actions .jutooltip {
    position: inherit;
    text-align: center;
    width: 100%;
}
/******* precio ********/
.owl-item .product-i .product-price {
    display: inline-block;
    text-align: center;
    width: 100%;
	font-family: Josefin Sans, sans-serif;
	font-size: 21px;
	height: 30px;
	font-family: Montserrat, sans-serif;
}
.owl-item .product-price div.PricesalesPrice, .product-price div.price-crossed {
    float: none;
	margin-right: 0px;
	display: inline-block;
}
/******* calificacion estrellitas ******/
.owl-item .box-review {
    text-align: center;
    display: inline-block;
    width: 100%;
}
.owl-item .vm-product-rating-container {
    text-align: center;
    float: none;
    width: 100%;
    display: inline-block;
}
.owl-item .ratingbox {
    text-align: center;
    float: none;
    display: inline-block;
}
/******* boton comprar *******/
.owl-item .product-i .actions span.addtocart-button {
    position: relative;
    width: 40px;
    display: inline-block;
    height: 40px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: 1px solid #bababa;
  /*border-radius: 10%;*/
	border-radius: 100%;
    margin-top: 4px;
    margin-bottom: -5px;
}
/*****/
.owl-item .product-i .actions span.addtocart-button {
    background: transparent url(/images/carrito-producto.png) no-repeat 5px center;
}
.owl-item .product-i .actions span.addtocart-button:hover, .product-i .actions .btn-group:hover {
    border: 1px solid #48ad21 !important;
    background: rgba(72, 173, 33, 0.2) url(/images/carrito-producto.png) no-repeat 5px center !important;
}
/*****/
/*
.owl-item .product-i .actions span.addtocart-button:hover, .product-i .actions .btn-group:hover {
	background: rgba(131, 196, 86, 0.43)!important;
	border: 1px solid #48ad21 !important;
}
.owl-item .product-i .actions span.addtocart-button .addtocart-button {
    background: transparent url(/images/carrito-producto.png) no-repeat 5px center;
    padding: 4px 17px;
}
*/
/**** boton notificarme ****/
.product-i .actions .jutooltip .notify {
    border: 1px solid #bababa;
    font-size: 12px;
    color: #444444;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: 600;
  /*border-radius: 4px;*/
	border-radius: 0px;
    background: #fff;
    margin-top: 5px !important;
    display: inline-block;
    display: inline-block;
    line-height: 32px;
}
.product-i .actions .jutooltip .notify:hover {
	background: #48ad21;
	color: #fff;
}
/***************************************************************************************** SERVICIOS ********************************************************************************************/
/****************************************************************************************** banner portada --> LayerSlider *********************************************************************/
div#sp-title {
    z-index: 0;
    display: inline-block;
	width: 100%;
}
/********************** servicios principales ************************/
#sp-servicios-principales {
    width: 100%;
}
/*** cuadro ***/
.servicios-principales .uk-panel-box {
    padding: 20px;
    background: #fafafa;
    color: #8a8a8a;
}
/*** titulo ***/
.servicios-principales h3.uk-h1.uk-margin-top-remove {
    font-size: 24px;
	font-family: Josefin Sans, sans-serif;
}
/**** enlaces en los textos ****/
.servicios-principales .uk-margin a {
	color: #89cf58;
}
.servicios-principales .uk-margin a:hover {
	color: #444;
}
/********** titulo otros servicios **************/
.otros-servicios-titulo {
	position: relative;
    font-family: Josefin Sans, sans-serif;
    text-align: center;
    font-size: 24px;
    color: #7ac943;
    font-weight: bold;
    margin-top: 30px;
	margin-bottom: 30px;
}
.otros-servicios-titulo:after {
	position: absolute;
    content: " ";
    top: 10px;
    left: 0;
    height: 3px;
    width: 35%;
    background: #7ac943;
}
.otros-servicios-titulo:before {
	position: absolute;
    content: " ";
    top: 10px;
    right: 0;
    height: 3px;
    width: 35%;
    background: #7ac943;
}
@media (max-width: 992px) {
.otros-servicios-titulo:after, .otros-servicios-titulo:before {
    width: 30%;
}
}
@media (max-width: 768px) {
.otros-servicios-titulo:after, .otros-servicios-titulo:before {
    width: 25%;
}
}
@media (max-width: 650px) {
.otros-servicios-titulo:after, .otros-servicios-titulo:before {
    width: 15%;
}
}
@media (max-width: 520px) {
.otros-servicios-titulo:after, .otros-servicios-titulo:before {
    width: 5%;
}
}
/*************** otros servicios ************************/
/*
section#sp-servicios {
    margin-top: -40px;
}
*/
.otros-servicios h3.uk-margin-remove {
    font-size: 19px;
	font-family: Josefin Sans, sans-serif;
}
.otros-servicios-derecha h3.uk-margin-remove {
    font-size: 19px;
	font-family: Josefin Sans, sans-serif;
}
@media (max-width: 992px) {
.otros-servicios-derecha {
	display: none;
}
}
.otros-servicios-derecha-movil h3.uk-margin-remove {
    font-size: 19px;
	font-family: Josefin Sans, sans-serif;
}
@media (min-width: 992px) {
.otros-servicios-derecha-movil {
	display: none;
}
}
/********* responsive otros servicios derecha e izquierda ********/
@media (max-width: 992px) {
#sp-servicios-izquierda, #sp-servicios-derecha {
    width: 100%;
}
}
/********** titulo nuestra farmacia **************/
.nuestra-farmacia-titulo {
	position: relative;
    font-family: Josefin Sans, sans-serif;
    text-align: center;
    font-size: 24px;
    color: #7ac943;
    font-weight: bold;
    margin-top: 30px;
}
.nuestra-farmacia-titulo:after {
	position: absolute;
    content: " ";
    top: 10px;
    left: 0;
    height: 3px;
    width: 35%;
    background: #7ac943;
}
.nuestra-farmacia-titulo:before {
	position: absolute;
    content: " ";
    top: 10px;
    right: 0;
    height: 3px;
    width: 35%;
    background: #7ac943;
}
@media (max-width: 992px) {
.nuestra-farmacia-titulo:after, .nuestra-farmacia-titulo:before {
    width: 30%;
}
}
@media (max-width: 768px) {
.nuestra-farmacia-titulo:after, .nuestra-farmacia-titulo:before {
    width: 25%;
}
}
@media (max-width: 650px) {
.nuestra-farmacia-titulo:after, .nuestra-farmacia-titulo:before {
    width: 15%;
}
}
@media (max-width: 520px) {
.nuestra-farmacia-titulo:after, .nuestra-farmacia-titulo:before {
    width: 5%;
}
}
/******* nuestra farmacia **********/
div#sp-nuestra-farmacia {
    width: 100%;
}
/************ galeria nuestra farmacia *****************/
.galeria-nuestra-farmacia {
	margin-bottom: 20px;
}
.galeria-nuestra-farmacia .uk-overlay-icon:before {
    color: #7ac943;
}
/*************************************************************************************** LEFT ****************************************************************************************/
/************* quitando los margenes inferiores a los modulos ************************/
#sp-right .sp-module, #sp-left .sp-module {
    margin-top: 0px;
}
#sp-right, #sp-left {
    margin-bottom: 0px;
}
@media (max-width: 992px) {
#sp-right, #sp-left {
    width: 100%;

}
}
#sp-right .sp-module, #sp-left .sp-module {
    margin-top: 35px;
}
@media (max-width: 768px) {
#sp-right .sp-module, #sp-left .sp-module {
    margin-top: 35px;
	width: 100%;
}
}
/*** titulos modulos ***/
#sp-right .sp-module-title .modtitle, #sp-left .sp-module-title .modtitle {
    font-family: Josefin Sans, sans-serif;
    color: #444;
}
/****************************************************************************************** TIENDA ********************************************************************************************************************************/
/*** con esto hacemmos que en la vista de categorias, subcategorias 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% !important;
}
}
/**** 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 (min-width: 768px) {
.com-virtuemart.view-category #sp-right, .com-virtuemart.view-category #sp-left {
    margin-bottom: 0px;
}
}
@media (max-width: 768px) {
.com-virtuemart.view-category #sp-right, .com-virtuemart.view-category #sp-left {
    margin-bottom: 40px;
}
}
/*** 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% !important;
}
}
/*** con esto hacemmos que en la vista de categorias, subcategorias y detalle de producto los modulos ocupen el 50% en resoluciones inferiores a 992px ***/
@media (max-width: 992px) {
.com-virtuemart #sp-left .sp-module, .com-virtuemart.view-productdetails #sp-left .sp-module {
    margin-top: 0px;
	width: 50% !important;
	margin-bottom:10px;
	float: none;
}
}
/************************************************************************************* CONTROLES DE DISPOSICION Y ORDENACION *************************************************************************************************/
@media (max-width: 768px) {
.view-mode.pull-left {
    width: 100%;
    text-align: center;
}
}
/**** selectores de modo cuadricula o lista ***/
.orderby-displaynumber .view-mode .mode-grid.active, .orderby-displaynumber .view-mode .mode-grid:hover {
    background: #7ac943 url(/templates/vina_betashop/images/icons/grid1.png) center no-repeat;
    border: 1px solid #48ad21;
}
.orderby-displaynumber .view-mode .mode-list.active, .orderby-displaynumber .view-mode .mode-list:hover {
    background: #7ac943 url(/templates/vina_betashop/images/icons/list1.png) center no-repeat;
    border: 1px solid #48ad21;
}
/**** modo cuadricula o lista ****/
@media (max-width: 768px) {
a.mode-grid.active {
    text-align: center;
    float: none;
    display: inline-block;
}
}
@media (max-width: 768px) {
.orderby-displaynumber .view-mode a {
    text-align: center;
    display: inline-block;
    float: none;
}
}
/**** ordenar por y paginacion *****/
@media (max-width: 768px) {
.orderby-displaynumber .orderby-displaynumber-inner {
    color: #393939;
    font-weight: 500;
    line-height: 35px;
    width: 100%;
}
}
/**** ordenar por *****/
@media (max-width: 768px) {
.pull-left.vm-order-list {
    width: 100%;
    display: inline-block;
    text-align: center;
	float: none !important;
}
}
@media (max-width: 768px) {
.orderby-displaynumber .orderlistcontainer {
    float: none;
    margin-right: 0px;
    text-align: center;
    margin: 5px auto;
	display: inline-block;
}
}
/**** paginacion ***/
@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 25px 0 25px;
	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: 49%;
	margin: 0px auto 15px auto;
	padding: 0;
	float: none;
    display: inline-block;
}
}
*/
@media (max-width: 768px) {
.category.width-percent.floatleft.width0 {
    width: 49%;
	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 ***************************************************/
/********************** nombres categorias ***********************/
.category-view .category-inner .category-title {
    font-size: 18px;
    color: #191919;
    text-align: center;
    font-weight: normal;
    margin: 0;
    padding: 15px 0;
    background: #ff6131;
    font-family: Josefin Sans, sans-serif;
	background: transparent;
}
/**** estado sobre ****/
.category-view .category-inner {
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: 0.5s;
}
.category-view .category-inner:hover {
    border: 1px solid #000;
}
/***************************************************************** ultimos vistos y top ten de productos ********************************************************************************/
/*************** ultimos vistos **********************/
/*** responsive ***/
@media (max-width: 992px) {
.latest-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator, .latest-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    width: 50%;
}
}
@media (max-width: 678px) {
.latest-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator, .latest-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    width: 100%;
}
}
/**** alturas *****/
@media (min-width: 992px) and (max-width: 1200px) {
.latest-view .listing-view .product-row .product-i .product-inner {
    height: 395px;
}
}
/*************** top ten **********************/
/*** responsive ***/
@media (max-width: 992px) {
.topten-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator, .topten-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    width: 50%;
}
}
@media (max-width: 678px) {
.topten-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator, .topten-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    width: 100%;
}
}
/**** alturas *****/
@media (min-width: 992px) and (max-width: 1200px) {
.topten-view .listing-view .product-row .product-i .product-inner {
    height: 395px;
}
}
/*************** ultimos vistos **********************/
/*** responsive ***/
@media (max-width: 992px) {
.recent-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator, .recent-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    width: 50%;
}
}
@media (max-width: 678px) {
.recent-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator, .recent-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    width: 100%;
}
}
/**** alturas *****/
@media (min-width: 992px) and (max-width: 1200px) {
.recent-view .listing-view .product-row .product-i .product-inner {
    height: 395px;
}
}
/*********************************************************************************** vista --> PRODUCTOS ***********************************************************************************/
/************************************************* EN MODO CUADRÍCULA *********************************************************/
.listing-view .product-row .product-i .product-inner {
    margin-left: 5px;
    margin-right: 5px;
}
/************************************************ responsive (con productos por fila) *******************************************************************/
.vm_grid_view .product-i.col-xs-12.col-sm-6.col-md-3.col-lg-3.vertical-separator, .vm_grid_view .product-i.col-xs-12.col-sm-6.col-md-3.col-lg-3 {
    width: 49%;
	margin: 0px auto 15px auto;
	padding: 0;
	float: none;
    display: inline-block;
}
@media (min-width: 540px) {
.vm_grid_view .product-i.col-xs-12.col-sm-6.col-md-3.col-lg-3.vertical-separator, .vm_grid_view .product-i.col-xs-12.col-sm-6.col-md-3.col-lg-3 {
    width: 49%;
	margin: 0px auto 15px auto;
	padding: 0;
	float: none;
    display: inline-block;
}
}
@media (min-width: 768px) {
.vm_grid_view .product-i.col-xs-12.col-sm-6.col-md-3.col-lg-3.vertical-separator, .vm_grid_view .product-i.col-xs-12.col-sm-6.col-md-3.col-lg-3 {
    width: 24%;
	margin: 0px auto 15px auto;
	padding: 0;
	float: none;
    display: inline-block;
}
}
@media (min-width: 992px) {
.vm_grid_view .product-i.col-xs-12.col-sm-6.col-md-3.col-lg-3.vertical-separator, .vm_grid_view .product-i.col-xs-12.col-sm-6.col-md-3.col-lg-3 {
    width: 24%;
	margin: 0px auto 15px auto;
	padding: 0;
	float: none;
    display: inline-block;
}
}











/******* producto *****/
.vm_grid_view .product-row .product-i .product-inner {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 5px !important;
	-webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s
}
.vm_grid_view .product-row .product-i .product-inner:hover{
	border: 3px solid #444;
	margin: 5px !important;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s
}
/******************************************** cada producto ******************************************************/
/******* imagen *******/
.vm_grid_view .product-row .product-i .product-i img.browseProductImage {
    text-align: center;
    display: inline-block;
}
/******* titulo ******/
.vm_grid_view .product-row .product-i h3.product-title {
    margin-bottom: 0px;
	margin-top: 0px;
}
.vm_grid_view .product-row .product-i .text-block .product-title {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: #343434;
    height: 29px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: normal;
    white-space: normal;
}
.vm_grid_view .product-row .product-i .product-i .text-block .product-title a {
    color: #3b3d3d;
    font-family: Josefin Sans, sans-serif;
}
/******* botones *******/
.vm_grid_view .product-row .product-i .actions .jutooltip {
    position: inherit;
    text-align: center;
    width: 100%;
}
/******* precio ********/
.vm_grid_view .product-row .product-i .product-price {
    display: inline-block;
    text-align: center;
    width: 100%;
	font-family: Josefin Sans, sans-serif;
	font-size: 21px;
	height: 30px;
	font-family: Montserrat, sans-serif;
}
.vm_grid_view .product-row .product-i .product-price div.PricesalesPrice, .vm_grid_view .product-row .product-i .product-price div.price-crossed {
    float: none;
	margin-right: 0px;
	display: inline-block;
}
/******* calificacion estrellitas ******/
.vm_grid_view .product-row .product-i .box-review {
    text-align: center;
    display: inline-block;
    width: 100%;
}
.vm_grid_view .product-row .product-i .vm-product-rating-container {
    text-align: center;
    float: none;
    width: 100%;
    display: inline-block;
}
.vm_grid_view .product-row .product-i .ratingbox {
    text-align: center;
    float: none;
    display: inline-block;
}
/******* boton comprar *******/
.vm_grid_view .product-row .product-i .actions span.addtocart-button {
    position: relative;
    width: 40px;
    display: inline-block;
    height: 40px !important;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: 1px solid #bababa;
	border-radius: 100%;
    margin-top: 4px;
    margin-bottom: -5px;
}
.vm_grid_view .product-row .product-i .actions span.addtocart-button .addtocart-button {
    background: transparent url(/images/carrito-producto.png) no-repeat 5px center;
    padding: 19px 17px;
}
.vm_grid_view .product-i .actions span.addtocart-button:hover, .product-i .actions .btn-group:hover {
	background: rgba(131, 196, 86, 0.43)!important;
	border: 1px solid #48ad21 !important;
}
/*****/
.vm_grid_view .product-row .product-i .actions span.addtocart-button {
    background: transparent url(/images/carrito-producto.png) no-repeat 5px center;
}
.vm_grid_view .product-row .product-i .actions span.addtocart-button:hover, .product-i .actions .btn-group:hover {
    border: 1px solid #48ad21 !important;
    background: rgba(72, 173, 33, 0.2) url(/images/carrito-producto.png) no-repeat 5px center !important;
}
/*****/
/*
.vm_grid_view .product-row .product-i .actions span.addtocart-button:hover, .product-i .actions .btn-group:hover {
	background: rgba(131, 196, 86, 0.43)!important;
	border: 1px solid #48ad21 !important;
}
.vm_grid_view .product-row .product-i .actions span.addtocart-button .addtocart-button {
    background: transparent url(/images/carrito-producto.png) no-repeat 5px center;
    padding: 4px 17px;
}
*/
/**** boton notificarme ****/
.vm_grid_view .product-row .product-i .actions .jutooltip .notify {
    border: 1px solid #bababa;
    font-size: 12px;
    color: #444444;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: 600;
  /*border-radius: 4px;*/
	border-radius: 0px;
    background: #fff;
    margin-top: 5px !important;
    display: inline-block;
    display: inline-block;
    line-height: 32px;
}
.vm_grid_view .product-row .product-i .actions .jutooltip .notify:hover {
	background: #48ad21;
	color: #fff;
}







/*********************************************************************** EN MODO LISTA *************************************************************************/
.listing-view.vm_list_view .product-i {
    width: 100% !important;
}
/***** cada producto ******/
.listing-view.vm_list_view .product-i .product-inner:hover {
    border: 3px solid #444 !important;
	margin:	4px !important;
}
/**** precio ***/
.vm_list_view .product-row .product-i .product-price {
    display: inline-block;
    text-align: left;
    width: 100%;
}
/*** nombre producto ****/
.vm_list_view .product-row .product-i .text-block .product-title {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #343434;
    height: 29px;
    text-overflow: ellipsis;
    margin-top: 20px;
}
/*** posiciones botones ****/
.listing-view.vm_list_view .product-row .product-i .actions .jutooltip {
    position: inherit;
    text-align: left;
    width: 50px;
}
/*** icono favoritos ***/
.listing-view.vm_list_view .product-i .actions .btn-groups button.addtofav_aws_icon {
    margin-left: 3px;
}


/******* boton comprar *******/
.listing-view.vm_list_view .product-i .actions .addtocart-area .addtocart-button input {
    border: 0px;
}
.listing-view.vm_list_view .product-i .actions .addtocart-area .addtocart-button {
    height: 40px;
    background: #fff;
    color: #fff;
    font-size: 14px !important;
    border: 0;
    text-transform: capitalize;
    border-radius: 4px;
    transition: 0s;
    border: 1px solid #bababa;
    border-radius: 100%;
    margin-top: 4px;
    margin-bottom: -5px;
}


.listing-view.vm_list_view .product-i .actions span.addtocart-button .addtocart-button {
    background: transparent url(/images/carrito-producto.png) no-repeat 5px center;
    padding: 19px 19px;
}
.listing-view.vm_list_view .product-inner .actions .addtocart-area .addtocart-button:hover {
    background: transparent url(/images/carrito-producto.png) no-repeat 5px 6.8px;
}
/*** texto 'COMPRAR' en boton ****/
.listing-view.vm_list_view .product-inner .actions .addtocart-area span.addtocart-button.btn-input:before {
	content: "COMPRAR";
    top: 4px;
    left: 45px;
    position: absolute;
    background: transparent;
    color: #444;
	font-family: Josefin Sans, sans-serif;
}


/*********************************************************************************** vista --> DETALLE PRODUCTO ***********************************************************************************/
/********** nombre producto *************/
.vm-product-details-container h1 {
    font-family: Josefin Sans, sans-serif;
}
/********** precio **********/
.vm-product-details-container .product-price .PricesalesPrice {
    color: #7ac943;
    font-size: 36px;
}
.view-productdetails .vm-product-details-container .product-price {
    margin: 0 0 5px;
}
@media (max-width: 1199px) {
.view-productdetails .vm-product-details-container .product-price {
    margin: 0 0 5px;
}
}
@media (min-width: 1200px) {
.view-productdetails .vm-product-details-container .product-price {
    margin: 0 0 5px;
}
}
/********** manejadores cantidades **********/
.quantity-box .quantity-plus, .quantity-box .quantity-minus {
    border-radius: 100%;
}
@media (max-width: 480px) {
.view-productdetails .quantity-box {
    width: 100%;
}
}
/****** campo cantidades *******/
.quantity-box .quantity-input {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ccc;
    margin-left: 5px;
    margin-right: 5px;
}
.vm-product-details-container input[type="text"]:focus {
    border-color: #7ac943;
}

/************************ boton comprar **************************/
.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;
}
}
/*** reconvirtiendo el boton ***/
/*
input.addtocart-button {
    display: none;
}
*/
.vm-product-details-container .addtocart-bar span.addtocart-button {
    position: relative;
    width: auto;
    display: block;
    padding-left: 35px;
    height: 40px;
    line-height: 43px;
    border-radius: 4px;
    background: transparent;
}
.vm-product-details-container .addtocart-bar span.addtocart-button:before {
    border-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
}
/***** poniendo el texto 'COMPRAR' *****/
.vm-product-details-container .addtocart-bar span.addtocart-button:after {
    content: "COMPRAR";
    top: -2px;
    left: 40px;
    font-family: Josefin Sans, sans-serif;
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    color: #444;
	z-index: -1;
}
.vm-product-details-container .addtocart-bar span.addtocart-button:hover:after {
    color: #48ad21;
}
/****** enlace añadir al carro del botón ******/
.vm-product-details-container .addtocart-bar span.addtocart-button .addtocart-button {
    width: 130px;
    padding-left: 0;
}
/****** estrella favoritos *****/
/*
.vm-product-details-container .btn-groups .btn-group .addtofav_aws_icon {
    color: #8a8a8a;
    padding: 0px;
    border: 0px;
    line-height: 26px;
    height: auto !important;
	background: none !important;
}
*/



/****** boton favoritos *****/


.vm-product-details-container .btn-groups .btn-group .addtofav_aws_icon {
	height: 40px;
    width: auto;
    padding: 5px 12px;
    line-height: 29px;
    background: #343434;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #e5e5e5;
    font-size: 0px;
    display: block;
	border-radius: 100%;
}

.vm-product-details-container .btn-groups .btn-group .addtofav_aws_icon:hover {
    background: #48ad21;
    color: #fff
}

.vm-product-details-container button.addtofav_aws_icon {
    position: absolute;
    top: 0;
    left: 0;
}










/**** 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;
}
}
/******* botones 'a favoritos' y 'recomendar por correo' *****************/
.vm-product-details-container .btn-groups .btn-group a {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border-radius: 100%;
}
/*********************************************************************************** VERTICAL MENUS ***********************************************************************************/
/************************ menu categorias PORTADA ******************************/
/**** quitando el titulo ****/
.menu-categorias h3.modtitle {
	display: none;
}
/**** posicion icono offcanvas en menu abierto ****/
.menu-icon-cont.sm-btn-478.sm-close {
    top: 0px;
	transition: all 0.3s;
}
/**** posicion icono offcanvas *****/
.sm-btn-467:before {
    content: "CATEGORIAS";
    top: 88%;
    left: -127%;
    padding: 0 6px 0 6px;
}
/***************************************************** menu categorias PORTADA *****************************************************/
/**** titulo *****/
#off-menu_467 h3.sm-head {
    text-align: left;
}
#off-menu_467 h3.sm-head:after {
    content: "| PARAFARMACIA";
    display: inline-block;
    position: absolute;
    left: 120px;
    color: #89cf58;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Montserrat',Helvetica, Arial;
    line-height: 50px;
}
#off-menu_467 h3.sm-head span {
	font-family: 'Josefin Sans', sans-serif;
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.20);
    line-height: 50px;
    font-size: 16px;
}
@media (min-width: 992px) and (max-width: 1199px) {
#off-menu_467 h3.sm-head span {
    font-size: 11px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#off-menu_467 h3.sm-head:after {
    left: 88px;
    font-size: 11px;
}
}
/*********** posicion icono offcanvas ******************/   
@media (max-width: 992px) {
.sp-module.menu-categorias-portada {
    display: inline-block;
    float: none;
    text-align: center;
    width: 100%;
	top: -70px;
    position: relative;
	z-index: 0;
}
}
/*
.menu-icon-cont.sm-btn-467 {
	position: relative;
	top: -70px;
}
*/
/**** icono cerrar ******/
.menu-icon-cont.sm-btn-467.sm-close {
    background: #444;
}
/**** texto en icono cerrar menu offcanvas ****/
.menu-icon-cont.sm-btn-467.sm-close:before {
    display: none;
}





/***************************************************** menu categorias TIENDA *****************************************************/
/**** titulo *****/
#sp-left .menu-categorias-tienda .modtitle:before {
	display: none;
}
#off-menu_494 h3.sm-head {
    text-align: left;
}
#off-menu_494 h3.sm-head:after {
    content: "| PARAFARMACIA";
    display: inline-block;
    position: absolute;
    left: 115px;
    color: #89cf58;
    font-size: 15px;
    font-weight: bold;
	font-family: 'Montserrat',Helvetica, Arial !important;
	line-height: 50px;
}
#off-menu_494 h3.sm-head span {
	font-family: 'Josefin Sans', sans-serif;
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.20);
    line-height: 50px;
}
@media (min-width: 992px) and (max-width: 1199px) {
#off-menu_494 h3.sm-head span {
    font-size: 11px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#off-menu_494 h3.sm-head:after {
    left: 88px;
    font-size: 11px;
}
}
/*********** posicion icono offcanvas ******************/   
@media (max-width: 992px) {
.sp-module.menu-categorias-tienda {
    display: inline-block;
    float: left;
}
}
.menu-icon-cont.sm-btn-494 {
    float: left;
    display: inline-block;
}
#sp-right .sp-module, #sp-left .sp-module {
    margin-top: 35px;
}
@media (max-width: 768px) {
#sp-right .sp-module, #sp-left .sp-module {
    margin-top: 35px;
	width: 100%;
}
}
/***** texto icono offcanvas *****/
.sm-btn-494:before {
	background: #89cf58;
    color: #fff;
    font-family: 'Montserrat', Helvetica, Arial;
    font-weight: 600;
    font-size: 14px;
}
/**** icono cerrar menu offcanvas ****/
.menu-icon-cont.sm-btn-478.sm-close {
    background: #444;
}
/**** texto en icono cerrar menu offcanvas ****/
.menu-icon-cont.sm-btn-478.sm-close:before {
    display: none;
}
/***************************************************** menu condiciones TIENDA *****************************************************/
/**** quitando el titulo ****/
.menu-condiciones h3.modtitle {
	display: none;
}
/**** titulo *****/
#off-menu_478 h3.sm-head {
    text-align: left;
}
#off-menu_478 h3.sm-head:after {
    content: "| DE COMPRA";
    display: inline-block;
    position: absolute;
    left: 134px;
    top: 17px;
    color: #89cf58;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Montserrat',Helvetica, Arial;
}
#off-menu_478 h3.sm-head span {
	font-family: 'Josefin Sans', sans-serif;
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.20);
    line-height: 50px;
    font-size: 16px;
}
@media (min-width: 992px) and (max-width: 1199px) {
#off-menu_478 h3.sm-head span {
    font-size: 11px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#off-menu_478 h3.sm-head:after {
    left: 99px;
    font-size: 11px;
	top: 19px;
}
}
/*********** posicion icono offcanvas ******************/
@media (max-width: 992px) {
.sp-module.menu-condiciones {
    float: right;
	display: inline-block;
}
}
.menu-icon-cont.sm-btn-478 {
    float: right;
    display: inline-block;
}
/***** textos icono offcanvas *****/
.sm-btn-478:before {
    background: #89cf58;
    color: #fff;
    left: inherit;
    right: 100%;
    font-family: 'Montserrat', Helvetica, Arial;
    font-weight: 600;
    font-size: 14px;
    width: 120px;
    text-align: right;
}
/******* menu offcanvas ******/
.sm-container > #off-menu_478:not(.sm-popup) {
    height: 100%;
    top: 0;
    left: inherit;
    right: 0;
}
.sm-effect-1 > #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);
}
/**** icono cerrar menu offcanvas ****/
.menu-icon-cont.sm-btn-494.sm-close {
    background: #444;
}
.off-menu_478 .sm-btn-478 {
    position: fixed;
    top: 0;
    right: 300px !important;
    left: inherit !important;
}
/**** texto en icono cerrar menu offcanvas ****/
.menu-icon-cont.sm-btn-494.sm-close:before {
    display: none;
}
/************************************************* TIENDA ******************************************************/
/********************************************************************************************* 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 **************************************************************************************************/
/*** tiutlo blog ***/
div#fd.eb .eb-brand-name {
    font-size: 31px;
    font-family: Josefin Sans, sans-serif;
    color: #86ce54;
}
/*** barra top ***/
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: #7ac943;
}
/*** dia calendario ***/
div#fd.eb .eb-post-calendar-d {
    color: #48ad21;
}
/*** mes calendario ***/
div#fd.eb .eb-post-calendar-m {
    background: #48ad21;
	color: #fff;
}
/******************************************** modulos *******************************************************/
/*************** 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: #444 !important;
    border-color: #444 !important;
}
/*** campos activos ***/
div#fd .form-control:focus {
    border-color: #7ac943;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(137, 207, 88);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(122, 201, 67);
}
/*********************************************************************************** CONTACTO --> BreezingForm *****************************************************************************************/
.bfQuickMode legend {
    padding: 5px;
    background: #7ac943;
    color: #fff;
    font-size: 130%;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    line-height: normal !important;
    margin-top: 18px !important;
    border: none !important;
    font-family: Josefin Sans, sans-serif;
}
.bfQuickMode fieldset fieldset legend {
    border-width: 1px !important;
    border-style: solid !important;
    padding: 5px;
    background: #fff;
    color: #7ac943;
    border-color: #92c1ff;
    font-size: 120%;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    line-height: normal !important;
    margin-top: 18px !important;
}
.bfQuickMode fieldset {
    border: 1px solid #ddd;
}
.bfQuickMode section.bfElemWrap {
    padding: 5px;
    margin: 0px 0px 10px 0px;
    background: rgba(202, 202, 202, 0.3);
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}


/*********************************************************************************** WRAPPER --> posicion iconos redes sociales ***********************************************************************************/
#sp-position-wrapper {
    padding: 10px 0 10px !important;
    background: #2a2a2a;
    clear: both;
    border-bottom: 1px solid #747474;
    border-top: 10px solid #747474;
}
/***** iconos redes sociales ****/
@media (max-width: 991px) {
#sp-position2 .social-icons {
    padding-top: 0px;
}
}
/*** colores ***/
.social-icons li a {
    border: 2px solid #cbcbcb;
}



a.jutooltip.facebook {
    display: none;
}
a.jutooltip.twitter {
    display: none;
}



/****************************************************************************************** BOTTOMS ******************************************************************************************/
#sp-bottom-wrapper {
    background: #444;
    color: #a3a3a3;
    padding: 40px 0 45px;
    font-size: 13px;
}
@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%;
}
}
/***** títulos módulos *******/
#sp-bottom-wrapper .modtitle {
    font-family: Josefin Sans, sans-serif;
}
#sp-bottom-wrapper .modtitle {
    color: #fff;
	border-bottom: 2px solid #000;
}
/************ colores enlaces ***********/
#sp-bottom-wrapper .vina-treeview-menus ul li {
    border-bottom: 1px solid #262626;
    transition: 0.5s;
}
#sp-bottom-wrapper .vina-treeview-menus ul li a {
    color: #fff !important;
}
#sp-bottom-wrapper .vina-treeview-menus ul li:hover a, #sp-bottom-wrapper .vina-treeview-menus ul li.active a {
    color: #48ad21 !important;
    background: transparent !important;
}
/************ bottom1 -->  datos de contacto **********/
/*** margen superior posicion modulo ****/
#sp-bottom-wrapper .contact-info {
	margin-top:0px;
}
/*** color enlaces ***/
#sp-bottom-wrapper .contact-info a {
	color: #fff;
}
#sp-bottom-wrapper .contact-info a:hover {
    color: #48ad21;
}
/*** 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-wrapper {
    border-top: 1px solid #747474;
    background-color: #2a2a2a;
}
/**************************************** to top --> volver arriba ***************************************/
/**** fijando la posicion *********/
.sp-totop {
    left: 10px;
	right: auto !important;
}
/**** colores ****/
#sp-footer-wrapper a {
    color: #48ad21;
}
#sp-footer-wrapper a:hover {
    color: #2e8b08;
}

/****************** impuestos (IVA) en módulo de disposición de categoría **********************/
.owl-item span.PricetaxAmount {
    display: none;
}
/****************** impuestos (IVA) en vista productos **********************/
.list-product span.PricetaxAmount {
    display: none;
}
/****************** impuestos (IVA) en vista detalle producto **********************/
.vm-product-details-inner.spacer-buy-area span.PricetaxAmount {
    display: none !important;
}



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


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

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

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

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