#onepage_main_div .field_wrapper .field_wrapper {
    position: relative;
}
#sp-brand-wrapper {
    color: #000000;
    margin: 10px 0 0 0;
}
#sp-logo .logo {
    padding: 0px 0;
}
.category-view .category-inner .category-title {
    background: #3F6A8B;
}
.category-view .category-inner:hover {
    border: 1px solid #3F6A8B;
}

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

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

/**** BREADCRUM ****/
.sp-page-title h2 {
    font-size: 15px;
}
.sp-page-title {
    padding: 10px 0 0px;
}
.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****/

:hover {
    border-color: #3F6A8B;
}

.product-i {
    border: 3px solid rgba(212, 212, 212, 0.1);
	margin: 0 0 10px !important;
}

/**** LOGING ****/

#sp-top-wrapper a 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;
}

.social-icons li a {
    padding: 5px;
    text-align: center;
    width: 48px;
    height: 48px;
    display: block;
    color: #222;
    font-size: 18px;
    border: 1px solid #ffffff;
}

/**** TITULOS ARTICULOS ****/
.entry-header h2, .entry-header h3 {
    margin: 10px 0 15px;
    color: #8CA6B9;
}
#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;
}
/**********/
/**********/
/**********/
/**********/
/**********/
/**********/
/**********/
/**********/



.ls-overflow-visible {
    overflow: visible !important;
    overflow: hidden !important;
}


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

#sp-top-wrapper a {
    color: rgb(103, 103, 103);
}
/*********************************************************************************** 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;
}


#sp-header-wrapper-sticky-wrapper {
    height: 109px !important;
}

/*********************************************************************************** HEADER *********************************************************************************/
/***************************** logo *******************************/
@media (max-width: 540px) {
#sp-logo {
	width: 100%;
}
}
/************************ banners top ******************************/
@media (max-width: 540px) {
#sp-jl-welcome {
	width: 100%;
}
}
/************************ buscador ******************************/
/*si queremos ocultar el buscador usamos esto*/
/*
@media (max-width: 540px) {
.buscador-header #offlajn-ajax-search461 {
	display: none;
}
}
*/
/*********************************************************************************** MAIN MENU ---> offcanvas *********************************************************************************/
/***** buscador offcanvas ******/
.buscador-offcanvas #offlajn-ajax-search487 {
	margin-top: 30px;
}
/****** elementos menú *****/
.sp-module ul >li >a {
    color: #8a8a8a;
}
div.vina-treeview-menus .active > a {
    text-decoration: none;
    color: #3F6A8B;
    font-weight: 600;
}
.sp-module ul >li >a:hover {
    color: #3F6A8B;
	background: #fff !important;
}
/***** margen izquierdo para separarlo de los vertical menus ******/
#offcanvas-toggler {
    margin-left: 50px;
}
/*************************************************************************************** SLIDER BANNER PORTADA ***********************************************************************************/
div#layerslider_1 {
    z-index: 0;
}
/*************************************************************************************** PORTADA SITIO ***********************************************************************************/
/********************** carrusel promociones **************************************/
#vina-carousel-virtuemart476 .product-i {
    height: 310px;
}
/*************************************************************************************** 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;
}
}
/****************************************************************************************** TIENDA ********************************************************************************************************************************/
/*** con esto hacemmos que en la vista de categorias, subcategoriías y detallle de producto la barra izquierda ocupe el 100% en resoluciones inferiores a 992px ***/
@media (max-width: 992px) {
	.com-virtuemart.view-category #sp-left, .com-virtuemart.view-productdetails #sp-left {
		width: 100%;
}
}
/**** quitando tambien los margenes de la plantilla ****/
@media (max-width: 992px) {
.com-virtuemart.view-category #sp-right .sp-module, .com-virtuemart.view-category #sp-left .sp-module {
    margin-top: 0px;
}
}
@media (max-width: 992px) {
.com-virtuemart.view-category #sp-right, .com-virtuemart.view-category #sp-left {
    margin-bottom: 0px;
}
}
/*** con esto hacemmos que en la vista de categorias, subcategoriías y detallle de producto la sección que carga el componente ocupe el 100% en resoluciones inferiores a 992px ***/
@media (max-width: 992px) {
	.com-virtuemart.view-category #sp-component, .com-virtuemart.view-productdetails #sp-component {
		width: 100%;
}
}
/************************************************************************************* CONTROLES DE DISPOSICION Y ORDENACION *************************************************************************************************/
@media (max-width: 768px) {
.view-mode.pull-left {
    width: 100%;
    text-align: center;
}
}
/**** modo cuadricula o lista ****/
@media (max-width: 768px) {
a.mode-grid.active {
    text-align: center;
    float: none;
    display: inline-block;
}
}
@media (max-width: 768px) {
.orderby-displaynumber .view-mode a {
    text-align: center;
    display: inline-block;
    float: none;
}
}

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

/**** ordenar por *****/
@media (max-width: 768px) {
.pull-left.vm-order-list {
    width: 100%;
    display: inline-block;
    text-align: center;
	float: none !important;
}
}
@media (max-width: 768px) {
.orderby-displaynumber .orderlistcontainer {
    float: none;
    margin-right: 0px;
    text-align: center;
    margin: 5px auto;
	display: inline-block;
}
}
/**** paginacion ***/
@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 (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;
}
}
/***************************************************************** ultimos vistos y top ten de productos ********************************************************************************/
/*************** ultimos vistos **********************/
/*** responsive ***/
@media (max-width: 992px) {
.latest-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator, .latest-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    width: 50%;
}
}
@media (max-width: 678px) {
.latest-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator, .latest-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    width: 100%;
}
}
/**** alturas *****/
@media (min-width: 992px) and (max-width: 1200px) {
.latest-view .listing-view .product-row .product-i .product-inner {
    height: 395px;
}
}
/*************** top ten **********************/
/*** responsive ***/
@media (max-width: 992px) {
.topten-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator, .topten-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    width: 50%;
}
}
@media (max-width: 678px) {
.topten-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator, .topten-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    width: 100%;
}
}
/**** alturas *****/
@media (min-width: 992px) and (max-width: 1200px) {
.topten-view .listing-view .product-row .product-i .product-inner {
    height: 395px;
}
}
/*************** ultimos vistos **********************/
/*** responsive ***/
@media (max-width: 992px) {
.recent-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator, .recent-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    width: 50%;
}
}
@media (max-width: 678px) {
.recent-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4.vertical-separator, .recent-view .list-product.listing-view.vm_grid_view .product-i.col-xs-12.col-sm-4.col-md-4.col-lg-4 {
    width: 100%;
}
}
/**** alturas *****/
@media (min-width: 992px) and (max-width: 1200px) {
.recent-view .listing-view .product-row .product-i .product-inner {
    height: 395px;
}
}
/*********************************************************************************** vista --> PRODUCTOS ***********************************************************************************/
/*********************************** en cuadricula **************************************/
.listing-view .product-row .product-i .product-inner {
    margin-left: 5px;
    margin-right: 5px;
}
/********* alturas ***********/
@media (max-width: 768px) {
.listing-view .product-row .product-i .product-inner {
    height: auto !important;
}
}
@media (min-width: 768px) {
.listing-view .product-row .product-i .product-inner {
    height: 425px;
}
}
@media (min-width: 992px) {
.listing-view .product-row .product-i .product-inner {
    height: 450px;
}
}
/************************************** en lista ************************************/
/*** icono favoritos ***/
.listing-view.vm_list_view .product-i .actions .btn-groups button.addtofav_aws_icon {
    margin-left: 3px;
}
/*********************************************************************************** vista --> DETALLE PRODUCTO ***********************************************************************************/
/********** precio **********/
.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 **********/
@media (max-width: 480px) {
.view-productdetails .quantity-box {
    width: 100%;
}
}
/********** 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;
}
}
/****** estrella favoritos *****/
.vm-product-details-container .btn-groups .btn-group .addtofav_aws_icon {
    color: #8a8a8a;
    padding: 0px;
    border: 0px;
    line-height: 26px;
    height: auto !important;
	background: none !important;
}
/**** comprar y recomendar ******/
@media (max-width: 480px) {
.vm-product-details-container .btn-groups {
    padding: 0px 0;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.view-productdetails .vm-product-details-container .btn-groups {
    padding: 0px 0;
}
}
/*********************************************************************************** VERTICAL MENUS ***********************************************************************************/
/************************ menu categorias ******************************/
/**** quitando el titulo ****/
.menu-categorias h3.modtitle {
	display: none;
}
/************************ menu condiciones ******************************/
/**** quitando el titulo ****/
.menu-condiciones h3.modtitle {
	display: none;
}
/**** posicion icono offcanvas ****/
.menu-icon-cont.sm-btn-478 {
    top: 145px;
	transition: all 0.3s;
}
/**** posicion icono offcanvas en menu abierto ****/
.menu-icon-cont.sm-btn-478.sm-close {
    top: 0px;
	transition: all 0.3s;
}
/********************************************************************************************* CLIENTE/USUARIO **************************************************************************************************/
/**************************************************** pantalla de registro *****************************************************************/
/***************************************** titulos detalles de la cuenta y registro *******************************************/
.view-user.layout-edit .login-users .content h2 {
    background: none !important;
}
.view-user.layout-edit #bd_results h2, .view-user.layout-edit #bd_results h1  {
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 20px;
    font-size: 26px;
    border-bottom: 3px solid #888;
    padding-bottom: 10px;
}
/***************************************** detalles de la cuenta *******************************************/
/*
.view-user.layout-edit form#com-form-login {
    border: 1px solid #e5e5e5;
    padding: 10px;
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}
/****** etiquetas ******/
@media (max-width: 768px) {
.view-user.layout-edit .floatleft {
    display: inline-block;
    width: 100%;
    padding: 3px;
}
}
.view-user.layout-edit .floatleft {
    float: left;
    display: inline-block;
}
.view-user.layout-edit fieldset.userdata label {
    width: auto;
    padding: 5px;
}
/************* frase "Si ya esta registrado, por favor identifiquese aqui" *************/
.view-user.layout-edit fieldset.userdata h2 {
    font-size: 14px !important;
	margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 5px !important;
    border-bottom: 0px !important;
    padding-bottom: 10px;
}
/***************************************** registro *************************************************/
.view-user.layout-edit form#adminForm {
    border: 1px solid #e5e5e5;
    padding: 10px;
}
/************* filas *************/
.view-user.layout-edit #bd_results tr {
    padding: 2px;
	display: block;
	width: 100%;
}
@media (max-width: 768px) {
.view-user.layout-edit #bd_results tr {
    padding: 2px;
    display: inline-block;
}
}
/****** etiquetas ******/
.view-user.layout-edit label {
    width: 350px;
}
@media (max-width: 768px) {
.view-user.layout-edit #bd_results td, .view-user.layout-edit #bd_results th {
    padding: 0;
    display: inline-block;
    width: 100%
}
}
/********************************************************************************** DETALLES DE PEDIDO ****************************************************************************************/
/*************************** layout vista pedido ************************************/
.com-virtuemart.view-orders #sp-left {
    display: none;
}
.com-virtuemart.view-orders #sp-component {
    width: 100%;
}
/*** espcio entre tabla datos de facturación y tabla detalle de pedido desglosado ******/
.spaceStyle.vm-orders-order {
    margin-bottom: 30px;
}
/**** titulos campos tabla detalle de pedido desglosado ****/
th.tabla-pedido-titulo-ref {
    text-align: left;
}
th.tabla-pedido-titulo-nombre-producto {
    text-align: left;
	width: 45%;
}
th.tabla-pedido-titulo-estado-producto {
    text-align: left;
}
th.tabla-pedido-titulo-precio-prodcuto {
    text-align: left;
}
th.tabla-pedido-titulo-total-producto {
    width: 15% !important;
}
th.tabla-pedido-titulo-descuento-producto {
    width: 10%;
}
/**** espacio entre textos "artículos del pedido/historial de pedidos" y tabla detalle de pedido desglosado ****/
.view-orders div#tab-1 {
    margin-top: 30px;
}
/**** espacio entre tabla detalle de pedido desglosado y "fecha del pedido/estado del pedido/comentario del pedido" ****/
.view-orders div#tab-2 {
    margin-top: 30px;
}
/****** botón "Lista de Pedidos" **********/
.vm-orders-information .floatright {
    float: right !important;
    width: 100%;
    margin-bottom: 10px;
    display: inline;
}
.vm-orders-information .spaceStyle .floatright a {
    background: #009b00;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}
.vm-orders-information .spaceStyle .floatright a {
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}
.vm-orders-information .spaceStyle .floatright a:hover {
	    background: #337ab7;
}
/********************************************************************************** DETALLES DE CUENTA DE USUARIO ****************************************************************************************/
/**** título pestaña ****/
.com-virtuemart.view-user #tabs li.current {
    display: none;
}
/**** botón *****/
form#form-login input.button {
    background: #009b00;
    border: 0px;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 11px;
    font-family: 'Raleway',Arial, Helvetica;
    font-weight: bold;
}
form#form-login input.button:hover {
	background: #337ab7;
}
form#form-login input.button {
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}
/**** tabla lista de pedidos ******/
.com-virtuemart.view-user table.adminlist {
    width: 100%;
}
/********************************************************************************************* EASYBLOG **************************************************************************************************/
/*************** modulo suscribirse *****************/
/*** boton ***/
div#fd .btn-primary {
    color: #fff !important;
    background-color: #3F6A8B !important;
    border-color: #3F6A8B !important;
}
div#fd .btn-primary:hover {
    color: #fff !important;
    background-color: #8CA6B9 !important;
    border-color: #8CA6B9 !important;
}
/*********************************************************************************** WRAPPER --> posicion iconos redes sociales ***********************************************************************************/
#sp-position-wrapper {
    padding: 16px 0 14px !important;
    background: linear-gradient(120deg,#444 65%,#383838 50%);
    clear: both;
}
/***** iconos redes sociales ****/
@media (max-width: 991px) {
#sp-position2 .social-icons {
    padding-top: 0px;
}
}
/****************************************************************************************** BOTTOMS ******************************************************************************************/
@media (max-width: 991px) {
#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {
    width: 50%;
}
}
@media (max-width: 768px) {
#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {
    width: 100%;
}
}
/************ colores enlaces ***********/
#sp-bottom-wrapper .vina-treeview-menus ul li:hover a, #sp-bottom-wrapper .vina-treeview-menus ul li.active a {
    color: #3F6A8B;
    background: transparent !important;
}
/************ bottom1 -->  datos de contacto **********/
/*** iconos ***/
#sp-bottom4 span.direccion:before {
    content: " \f041";
    font-family: FontAwesome;
    margin-left: -25px;
    padding-right: 15px;
	color: #3F6A8B;
    font-size: 18px;
}
#sp-bottom4 span.telefono:before {
    content: " \f095";
    font-family: FontAwesome;
    margin-left: -25px;
    padding-right: 15px;
	color: #3F6A8B;
    font-size: 18px;
}
#sp-bottom4 span.email:before {
    content: " \f003";
    font-family: FontAwesome;
    margin-left: -25px;
    padding-right: 15px;
	color: #3F6A8B;
    font-size: 18px;
}
/***** bloque de texto ****/
#sp-bottom4 ul.text-contact {
    margin-left: 30px;
}


/********** bottom 2 ****************************/
#sp-footer-wrapper ul li {
    display: inline-block;
}




/**************************************** to top --> volver arriba ***************************************/
/**** fijando la posicion *********/
.sp-totop {
    left: 10px;
	right: auto !important;
}
/**** colores ****/
#sp-footer-wrapper a {
    color: #3F6A8B;
}
#sp-footer-wrapper a:hover {
    color: #8CA6B9;
}

/****************** 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: #3F6A8B;
    background: transparent !important;
}

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

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

#sp-header-wrapper {
    background: #fff;
    position: relative;
    padding: 15px 0;
    z-index: 2;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

div#sp-menu {
    padding-top: 25px;
}

.sp-megamenu-parent >li {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0 3px 0 0;
}

.product-i .image-block .pro-image:before {
    content: "";
    position: absolute;
    height: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    bottom: 100%;
    left: 0;
    transition: 0.5s;
}

i.simple-magnifier-add {
    border: 1px solid #e4e4e4;
}

.jutooltip-box-tr .jutooltip-box-tl {
    padding: 2px 10px;
    font-size: 13px;
    background: #717171;
    color: #fff;
}

#sp-bottom-wrapper {
    background: linear-gradient(90deg,#0a0a0a 34%,#272727 25%);
    color: rgba(255,255,255,0.5);
    font-size: 14px;
}

#sp-bottom-wrapper #sp-bottom4 {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 25%;
}

#sp-bottom-wrapper #sp-bottom3 {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 25%;
}

#sp-bottom-wrapper #sp-bottom2 {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 25%;
}

#sp-bottom-wrapper #sp-bottom1 {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 34,99%;
}

#sp-section-8 {
    padding: 15px 0px 15px 0px;
}

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

.listing-view .product-row .product-i .product-inner {
    height: 370px;
}

.listing-view .product-row .product-i {
    border: 0;
    margin-bottom: 5px !important;
    padding: 0;
}

#sp-top-wrapper .sp-module {
    margin: 0;
    text-align: right;
}

div#sp-top2 {
    padding-top: 5px;
}

img.browseProductImage {
    display: -webkit-inline-box;
}

span.loginBtn {
    font-size: 14px;
    margin-top: 5px;
}

div#sp-minicart {
    padding-top: 28px;
}
/******** Color Formulario *********/

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

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

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

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

.bfQuickMode fieldset fieldset legend {
    border-width: 1px !important;
    border-style: solid !important;
    padding: 5px;
    background: #fff;
    color: #3F6A8B;   /**** color a modificar igual que el bfQuickMode legend  ****/
    border-color: #3F6A8B;   /**** color a modificar igual que el bfQuickMode legend  ****/
    font-size: 110%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: normal !important;
    margin-top: 18px !important;
}

/****************COLOR BARRA TOP*****************/
#sp-top-wrapper {
    background: rgba(169, 185, 197, 0.48);
}
#sp-title {
    min-height: 0;
    z-index: 0;
}
h3.uk-h2.uk-margin-top-remove {
    font-size: 15px;
}