@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,700');
@import url(btn.css);
body, h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
}
footer, footer a:hover {
	color: #fff
}
.search, .social-share, ul.social-share li {
	display: inline-block
}
.form-control:focus, .search_box {
	outline: 0;
	box-shadow: none
}
.title-sol span, .widget h5, h4.tit_categorias {
	text-transform: uppercase
}
body {
	background: #fff;
	color: #4e4e4e;
	font-weight: 400;
	line-height: 19px;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	background-color: #ffffff;
}

body.ofertas {
	background:url(../imagenes/fondo-slide.jpg) no-repeat 0 77px
}
header#header {
	position: absolute;
	top: 0;
	width: 100%
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	color: #4d90e4;
	font-family: 'roboto condensed', sans-serif;
}
h1 {
	font-size: 25px
}
h2 {
	font-size: 180%
}
h2#pie_seo {
	font-size: 14px
}
.controls .fa, .form-control, .form-group label, h2#pie_seo b {
	font-weight: 300
}
h3 {
	font-size: 120%;
	color: #787878;
	font-weight: 400;
	line-height: 24px
}
h4 {
	font-size: 140%
}
input[type=email], input[type=number], input[type=password], input[type=text] {
	border-color: #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	color: #111;
	font-size: 14px;
	margin-bottom: 10px;
	height: 36px
}
.bg-warning {
	background-color: #fcf8e3
}
.container.general {
	padding-bottom: 30px
}
footer {
	padding: 0px 0px 30px 0;
	text-align: left;
	background-color: #666;
}
footer a {
	color: #fff;
}
footer .foot_netone {
	border-top: 1px solid #444;
	padding-top: 5px;
	font-size: 85%
}
.hormigafoot {
	text-align: center;
	padding: 7px 0
}
.hormigafoot h2 {
	color: #444
}
p.iva {
	background: #000;
	padding: 5px;
	margin-bottom: 0;
	color: #fff;
}
.text-center {
	text-align: center!important
}
.text-right {
	text-align: right!important
}
.widget.login [class*=col-] {
	padding-right: 0
}
.rownuevadireccion {
	margin-left: -5px;
	margin-right: -5px;
	font-size: 13px;
	margin-top: 10px;
	border-top: 1px solid #ddd;
	padding-top: 10px
}
.rownuevadireccion .form-group label {
	font-size: 13px
}
.rownuevadireccion [class*=col-] {
	padding: 0 5px
}
.widget.login p {
	margin: 10px 0 0
}
.close {
	font-size: 24px!important
}
.gallery, div.recom {
	margin-bottom: 20px
}
.gallery {
	padding: 0 15px
}
.gallery .img-responsive {
	border: 2px solid #fff
}
.gallery [class*=col-] {
	padding: 0
}
a {
	color: #4e4e4e;
	-webkit-transition: color .1s, background-color .1s;
	-moz-transition: color .1s, background-color .1s;
	-o-transition: color .1s, background-color .1s;
	transition: color .1s, background-color .1s
}
hr {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #fff
}
a:focus, a:hover {
	color: #111;
	text-decoration: none;
	outline: 0
}
body>section {
	padding: 70px 0
}
@media (max-width:991px) {
body>section {
	padding: 70px 0
}
}
@media (max-width:767px) {
body>section {
	padding: 50px 0
}
}
@media (max-width:480px) {
body>section {
	padding: 30px 0
}
}
.center {
	text-align: center;
	padding-bottom: 20px
}
.aparece, .social {
	text-align: right
}
.scaleIn {
	-webkit-animation-name: scaleIn;
	animation-name: scaleIn
}
@-webkit-keyframes scaleIn {
0% {
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes scaleIn {
0% {
opacity:0;
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0)
}
100% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.col-derecha, .col-izquierda {
	background: #f5f5f5
}
.fixednav {
	position: fixed;
	top: 0;
	-webkit-animation: mymove 3s;
/*	animation: mymove 3s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;*/
	width: 100%;
	z-index: 1030!important
}
@-webkit-keyframes mymove {
	from {
		top:-140px
	}
	to {
		top: 0
	}
}
@keyframes mymove {
from {
top:-140px
}
to {
	top: 0
}
}
.navbar>.container .navbar-brand {
	margin-left: 0
}
.top-bar {
	    padding: 0px 0;
    border-bottom: 0px solid #ddd;
    background-color: #FA736A;
    height: 0;
}
.top-bar a {
	color: #ddd
}
.social-share {
	list-style: none;
	padding: 0;
	margin: 0
}
ul#menutop li a, ul.social-share li a {
	display: inline-block;
	padding: 5px 3px
}
ul#menutop li a:hover, ul.social-share li a:hover, a.buscadormodal:hover {
	color: #461c08
}
.search, .search i {
	color: #222
}
.search {
	margin-right: 45px
}
@media (max-width:767px) {
.search {
	margin-right: 60px
}
.btn.btn-buscartop {
	padding: 8px 10px
}
}
.search .input-group {
	display: block
}
input.search-form {
	background: #fff;
	border: 1px solid #ccc;
	width: 520px;
	color: #333;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	height: 35px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	font-family: 'roboto', sans-serif;
	
}
.result-busqueda {
	border: 1px solid #f0f0f0;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 35px
}
.widget.search {
	border: 1px solid red
}
input.search-form:focus, input.search-form:hover {
	width: 520px
}
.navbar-brand {
	padding: 0;
	margin: 0
}
.navbar-default {
	background-color: #fff;
	margin: 0;
	border: none;
	-webkit-box-shadow: 0 11px 8px -10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 11px 8px -10px rgba(0,0,0,.5);
	box-shadow: 0 20px 25px -30px rgba(0,0,0,.8);
	padding-bottom: 10px;
	z-index: 10!important;
	    height: 100px;
}
@media (min-width:768px) {
.navbar {
	border-radius: 0
}
ul.nav.navbar-nav {
	margin-top: 25px;
	margin-left: 30px
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px
}
}
@media (max-width:767px) {
input.search-form {
	width: 80px
}
input.search-form:focus, input.search-form:hover {
	width: 120px
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
	padding-left: 15px
}
.navbar-nav>li>a {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ddd
}
}
.navbar-header {
	padding-top: 10px
}
.dropdown-menu {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	background-color: #c2c2c2;
	color: #fff;
	border: 0px;

}
.dropdown-menu .dropdown-menu {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	background-color: #a2a2a2;
	color: #fff;
	border: 0px;
	
}
.dropdown-menu li {
	border-bottom:1px dotted #e2e2e2 !important
}
ul#nav.navbar-nav > li a:hover {
	color:#3095e3 !important
}
.dropdown-menu #nombre_usuario {
	color:#3095e3
}
div.social.pull-right .dropdown-menu li {
	padding: 15px 10px !important;
    border-bottom: 1px dotted #606060
}
div.social.pull-right .dropdown-menu li:last-child {
	padding:8px 10px !important;
	border-bottom:0px dotted #fff
}
.dropdown-menu>li>a {
	padding: 10px 20px;
	color: #002750;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}
.dropdown-menu>li>a:hover {
	color: #ddd
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.611764705882353);
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: #e0e0e0;
	border-color: #e0e0e0; color:#000
}
h4.tit_categorias {
	font-family: Calibri;
	margin-bottom: 0;
	font-size: 16px;
	color: #4e4e4e
}
.redes .fa {
	font-size: 26px;
	color: #999;
	margin: 0 .2em
}
.page-scroll {
	font-size: 40px;
	display: none;
	right: 20px!important;
	width: 40px!important
}
.aparece {
	display: block;
	width: 40px!important;
	position: fixed;
	bottom: 20px;
	-webkit-animation: myscroll 1s;
	animation: myscroll 1s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	z-index: 999!important
}
@-webkit-keyframes myscroll {
from {
bottom:-200px
}
to {
	bottom: 20px
}
}
@keyframes myscroll {
from {
bottom:-200px
}
to {
	bottom: 20px
}
}
.in_seguridad {
	width: 100%!important;
	margin-left: 5px!important
}
textarea#message {
	resize: none;
	padding: 10px
}
.search_box {
	background-position: 97%;
	background-repeat: no-repeat;
	border-color: #DEDEDE;
	height: 48px
}
.spot_top .img-responsive, spot_bot .img-responsive {
	margin: 15px auto
}
.spot_ofertas_inf .img-responsive {
	float: left;
	border: 2px solid #fff
}
.list-group {
	margin-bottom: 0
}
.msj_error, .widget {
	margin-bottom: 20px
}
#nav2 .list-group .in {
	border-left: 1px solid #ddd;
	margin-left: 10px
}
a.list-group-item:focus, a.list-group-item:hover {
	text-decoration: none;
	background-color: transparent
}
.list-group .list-group-item {
	border-width: 0;
	padding-right: 5px
}
.list-group .list-group-item:first-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0
}
.list-group .list-group-item:last-child {
	border-bottom: 0
}
.owl-prev {
	left: 0!important
}
.owl-next {
	right: 0!important
}
.form-group label {
	color: #4E4E4E;
	font-size: 16px
}
.form-group .form-control {
	padding: 7px 12px;
	border-color: #f2f2f2;
	box-shadow: none
}
textarea#consulta {
	resize: none;
	padding: 10px
}
.msj_error {
	padding: 15px;
	border: 1px solid #ebccd1;
	border-radius: 4px;
	color: #a94442;
	background-color: #f2dede
}
.widget {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	padding-left: 0
}
.widget h5 {
	color: #000
}
@media (max-width:767px) {
.caja-busqueda-izquierda {
	display: none
}
}
.social .img-responsive {
	display: inline
}
.brand {
	text-align: left!important;
	font-size: 22px;
	padding-left: 20px;
	line-height: 50px!important
}
a.dropdown-toggle {
    padding-top: 7px;
    display: block !important;
    position: absolute;
    top: 10px;
    z-index: 99;
    right: 0;
    font-size: 21px;
    margin-right: 150px;
}
.dropdown-toggle-fixed {
    position: fixed !important;
    margin-right: 490px !important;
}

.search2 input#palabra, .search2 input#palabra:hover {
    width: 200px;
}
.caret {
    color: #3095e3;
}
.fa-envelope::before {
    content: "\f0e0";
    color:#3095e3; font-size:28px
}
.fa-facebook-f::before, .fa-facebook::before {
    content: "\f082";
    color:#3095e3; font-size:28px; position:relative; top:1px
}
.fa-instagram::before, .fa-instagram::before {
    content: "\f16d";
    color:#3095e3; font-size:28px; position:relative; top:1px
}
button.btn.btn-buscartop {
	background:#3095e3 !important
}
a.dropdown-toggle i.fa.fa-shopping-cart {
    content: "\f2bd";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 20px;
    color: #666;
}
a.dropdown-toggle .fa-shopping-cart:before {
    content: "\f007";
    color:#3095e3;
    font-family: "Font Awesome 5 Pro"; font-size:25px
}
.dropdown-cart {
	background: #e5e5e5;
    color: #666;
    padding-bottom: 0;
    top: 65px;
    margin-right: 50px;
}
.dropdown-cart-fixed {
   position: fixed !important;
	margin-right: 160px;
	left: 50% !important;
	right: auto !important;
	margin-left: 350px;
}
a.dropdown-toggle-fixed {
    padding-top: 7px;
    display: block !important;
    position: absolute;
    top: 10px;
    z-index: 99;
    right: -70px !important;
    font-size: 21px;
    margin-right: 90px;
}
.dropdown-cart a {
	color: #666
}
.scroll_der, .scroll_izq {
	width: 180px
}
.scroll_der ul, .scroll_izq ul {
	text-align: center;
	padding: 0;
	list-style: none;
	margin: 0 auto
}
.scroll_der li, .scroll_izq li {
	margin: 0 5px;
	text-align: center;
	padding: 0
}
.scroll_inf, .scroll_sup {
	padding: 30px 0;
	margin: 0 auto
}
.scroll_inf ul, .scroll_sup ul {
	text-align: center;
	padding: 0;
	list-style: none;
	margin: 0 auto
}
.clearfix {
	float: none;
	clear: both
}
@media (max-width:767px) {
.scroll_inf, .scroll_sup {
	padding: 30px 0;
	width: 92%
}
}
.carousel-control {
	background-image: none!important;
	filter: none!important;
	font-size: 36px
}
.carousel-control .fa-arrow-left, .carousel-control .fa-arrow-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 40%;
	left: 20px;
	z-index: 5;
	display: inline-block
}
.carousel-control .fa-arrow-right, .carousel-control .icon-next {
	left: auto;
	right: 20px!important
}
.carousel-caption {
	position: absolute;
	right: 15%;
	top: 30px;
	left: 50%;
	margin-left: -500px;
	z-index: 10;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
	text-align: left;
	text-shadow: none
}
.carousel-caption h3 {
	font-size: 46px;
	font-weight: 300;
	color: #2778bc;
	text-shadow: none;
	text-align: left;
	line-height: 40px
}
.carousel-caption h3 span {
	font-size: 55%;
	color: #222;
	margin-top: 20px;
	line-height: 26px;
	display: block
}
@media (max-width:767px) {
.carousel-control {
	font-size: 20px
}
.carousel-control .fa-arrow-left, .carousel-control .fa-arrow-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	left: 5px!important
}
.carousel-control .fa-arrow-right, .carousel-control .icon-next {
	right: 5px!important;
	text-align: right
}
.carousel-caption {
	position: absolute;
	right: 15%;
	top: 0;
	left: 5%;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	color: #fff;
	text-align: left
}
.carousel-control .fa-arrow-left, .carousel-control .fa-arrow-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 40%;
	z-index: 5;
	display: inline-block
}
.carousel-caption h3 {
	font-size: 30px;
	line-height: 30px
}
.carousel-caption h3 span {
	font-size: 70%;
	color: #222;
	margin-top: 10px;
	line-height: 25px
}
}
@media (max-width:480px) {
.carousel-indicators {
	display: none!important
}
.carousel-caption h3 {
	font-size: 20px;
	line-height: 18px
}
.carousel-caption h3 span {
	font-size: 70%;
	color: #222;
	margin-top: 10px;
	line-height: 15px
}
}
.controls {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 25px
}
.controls .fa {
	margin-left: 10px;
	color: #999
}
.ircarrito {
	position: relative;
	right: 30px;
}
#cantidad_carrito.badge {
	position: absolute;
	left: 20px;
	top: -3px;
	background: #000;
}
.ico_usuario, a.ircarrito:before {
	font-family: FontAwesome;
    display: inline-block;
    font-size: 32px;
    position: relative;
    top: 1px;
    padding-right: 10px;
    content: "\f07a";
    color:#3095e3
}
#login_sup:before, #nombre_usuario:before, .cambiar_cuenta_top:before, .registracion:before, .terminar_sesion_top:before {
	font-family: FontAwesome;
	content: "\f007";
	display: inline-block;
	font-size: 15px;
	position: relative;�
	color:#3095e3
	top: 3px;
	padding-right: 0;
	margin-left: 10px
}
span.cart_top a.ircarrito:before {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 20px;
    position: relative;
    top: 1px;
    padding-right: 10px;
    content: "\f07a";
    color: #000;
}
#login_sup:before {
	font-family: FontAwesome;
	content: "\f090";
	color:#000
}
.registracion:before {
	content: "\f234";
	color:#000
}
.cambiar_cuenta_top:before {
	content: "\f013";
	color:#3095e3
}
.terminar_sesion_top:before {
	content: "\f08b";
	color:#3095e3
}
#carrito_top.cart_top a.ircarrito:before, #carrito_top.cart_top span.ico_usuario {
	font-family: FontAwesome;
	content: "\f291";
	display: inline-block;
	font-size: 15px;
	position: relative;
	top: 0; 
	padding-right: 0!important
}
.caja_func_sup {
	margin-top: 5px;
	line-height: 35px
}
#carrito_top, #login_sup, #micuenta_top, #nombre_usuario {
	text-align: right;
	line-height: 1.2em
}
/*.caja_func_sup.pull-right.hidden-xs #login_sup, #micuenta_top, #nombre_usuario {
    display: none !important;
}*/
#carrito_top.cart_top, #login_sup.cart_top, #micuenta_top.cart_top, #nombre_usuario.cart_top {
	text-align: center;
	line-height: 20px
}
#nombre_usuario.cart_top span.ico_usuario {
	display: none
}
.dropdown-cart .irapedido a {
	background: #aac961
}
.modal-header-primary {
	color: #294c6e;
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
	background-color: #f1f2f2;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}
.modal-body, .modal-content {
	background: #F7F7F7
}
.modal-header {
	border: none
}
.modal-footer {
	border: none;
	padding: 0
}
.modal-body {
	padding: 15px;
	overflow: hidden;
	margin: 0!important;
	width: 100%!important;
	text-align: center;
	font-size: 13px
}
.modal-body h3 {
	margin-top: 0;
	font-size: 140%;
	color: #222;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 5px;
	margin-bottom: 15px
}
.loginmodal-container, .modal-prod-agregado-container {
	width: 100%!important;
	margin: 0 auto;
	box-shadow: 0 2px 2px rgba(0,0,0,.3);
	overflow: hidden;
	position: relative;
	border-radius: 2px
}
.loginmodal-container {
	padding: 25px;
	max-width: 350px;
	background-color: #F7F7F7
}
.modal-prod-agregado-container {
	padding: 0;
	max-width: 450px;
	background-color: none
}
.modal span#nombre_prod_alert {
	font-size: 120%;
	font-weight: 600;
	color: #0070b7
}
.modal .fa.close {
	position: absolute!important;
	right: 10px!important;
	top: 10px!important;
	z-index: 999!important
}
.modal .fa {
	position: relative!important;
	right: 0!important;
	top: 0!important
}
.modal h5 {
	font-weight: lighter;
	padding: 0;
	position: relative;
	border: none;
	margin: 0 0 15px!important;
	font-size: 24px!important;
	line-height: 24px!important;
	letter-spacing: -1px
}
.modal h5 span {
	background: #F7F7F7!important;
	padding: 15px!important
}
.modal-header-primary h5 {
    color: #294c6e;
    font-weight: 400;
    font-size: 18px!important;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    padding-top: 10px;
    padding-left: 15px;
}
.modal-prod-agregado-container h5 {
	font-size: 1.2em
}
.loginmodal-container input[type=submit] {
	width: 100%;
	display: block;
	margin-bottom: 10px;
	position: relative
}
.loginmodal-container input[type=text], input[type=password] {
	height: 35px;
	font-size: 16px;
	width: 100%;
	margin-bottom: 10px;
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 0 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box
}
.loginmodal-container input[type=text]:hover, input[type=password]:hover {
	border: 1px solid #0070b7;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}
.loginmodal {
	text-align: center;
	height: 36px;
	padding: 0 8px
}
.loginmodal-submit {
	border: 0;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,.1);
	background-color: #4d90fe;
	padding: 17px 0;
	font-family: roboto;
	font-size: 14px
}
.loginmodal-submit:hover {
	border: 0;
	text-shadow: 0 1px rgba(0,0,0,.3);
	background-color: #357ae8
}
.loginmodal-container a {
	text-decoration: none;
	color: #666;
	font-weight: 400;
	text-align: center;
	display: inline-block;
	opacity: .6;
	transition: opacity ease .5s
}
.login-help {
	font-size: 12px
}
.style2 .title-sol::after, .title-sol-style2::after, .title-sol.style2::after {
    background: #DDD;
    content: "";
    display: block;
    height: 1px;
    margin-left: 10%;
    position: absolute;
    top: 22px;
    width: 80%;
    z-index: 1;
}
.title-sol {
	font-family: 'roboto', sans-serif;
	color: #999;
	border-bottom: 2px solid #DDD;
	border-top: 2px solid #DDD;
	font-size: 22px;
	line-height: 24px;
	margin: 10px 0;
	padding: 0
}
.title-sol span {
	color: #999;
	display: inline-block;
	padding: 5px 15px 5px 0;
	width: auto
}
.style2 .title-sol, .title-sol.style2 {
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	margin: 30px 0 20px;
	padding: 0;
	position: relative;
	
}
.title-sol-style2, .title-sol.style2 {
	position: relative
}

.title-sol-style2 span, .title-sol.style2 span {
	background: #FFF;
	display: inline-block;
	padding: 10px;
	position: relative;
	width: auto;
	z-index: 2
}
.style2 .title-sol span, .title-sol.style2 span {
	color: rgba(0, 39, 80, 0.8392156862745098);
	display: table;
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 5px 15px;
	text-align: center;
	text-transform: uppercase;
	width: auto;
	margin: 0 auto
}
.cajasnove .fecha_nov {
	font-size: 80%
}
.cajasnove {
	margin-bottom: 15px
}
.cajasnove h4 {
	margin-top: 0
}
.cajasnove .des_nov {
	margin-top: 7px
}
.cajasnove .des_nov p {
	margin-bottom: 0
}
.cajasnove .mas_nov a {
	font-size: 13px;
	color: #3276b1;
	text-align: right
}
.image, .item.list-view .image, .product, div.quickview {
	text-align: center
}
.novedades-home-row .vertodos-noticias {
	margin: 0 auto;
	background: #fafafa;
	color: #454545;
	text-align: center;
	padding: 5px;
	border: 1px solid #ddd;
	font-size: 12PX;
	font-weight: 600
}
.cajasnuevo, .cajasoferta {
	border: 0 solid #ddd;
	padding: 5px
}
.novedadesrow.row, .ofertasrow.row {
	margin-left: -5px;
	margin-right: -5px
}
.productslider {
	width: 100%;
	display: block
}
.item {
	display: block;
	height: auto;
	transition: all .3s ease 0;
	-moz-transition: all .3s ease 0;
	-webkit-transition: all .3s ease 0;
	-o-transition: all .3s ease 0;
	-ms-transition: all .3s ease 0
}
.owl-theme .owl-controls .owl-page span {
	box-shadow: 0 1px 2px rgba(0,0,0,.4) inset
}
.owl-theme .owl-controls .owl-has-nav {
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	height: 22px;
	position: relative;
	width: 12px;
	cursor: pointer;
	transition: .3s ease;
	opacity: 1
}
.owl-has-nav:hover {
	opacity: .5
}
.owl-has-nav i {
	position: absolute;
	top: 0
}
.owl-has-nav.owl-next i {
	right: 0
}
.owl-has-nav.owl-prev i {
	left: 0
}
.product {
	transition: all .3s ease 0;
	-moz-transition: all .3s ease 0;
	-webkit-transition: all .3s ease 0;
	-o-transition: all .3s ease 0;
	-ms-transition: all .3s ease 0;
	border: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	padding-bottom: 10px
}
.product:hover div.image {
	background:#fff
}
.product:hover {
	background-color: #eee; border:1px solid #ddd;
	 -webkit-transition: background-color 300ms linear;
    	-ms-transition: background-color 300ms linear;
    	transition: background-color 300ms linear;
}
h3.leyendaConStock, h3.leyendaSinStock {
	clear: both;
	margin: 5px 0;
	font-size: 100%
}
#tabla_listados h3.leyendaConStock, #tabla_listados h3.leyendaSinStock {
	clear: both;
	margin: 0;
	font-size: 14px
}
.product h3.leyendaConStock:before, .product h3.leyendaSinStock:before, h3.leyendaConStock:before, h3.leyendaSinStock:before {
	content: "\f056";
	display: inline-block;
	text-rendering: auto;
	margin-right: 3px
}
h3.leyendaSinStock:before {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	color: red
}
.product h3.leyendaSinStock:before, h3.leyendaConStock:before {
	font: normal normal normal 14px/1 FontAwesome
}
h3.leyendaConStock:before {
	font-size: inherit;
	color: green
}
.product h3.leyendaSinStock:before {
	font-size: inherit;
	color: red
}
.product h3.leyendaConStock:before {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	color: green
}
.discount, .new-product, .product h4 {
	font-family: 'Roboto', sans-serif;
}
.featuredImgLook2 .inner:hover, .product:hover {
	border: 1px solid #ddd;
}
.product .marca {
	display: block;
	padding: 5px 0
}
.product .marca_span {
	font-size: 90%;
	font-style: italic
}
.image, .image a {
	display: block;
	overflow: hidden
}
.image {
	position: relative;
	width: 100%;
	max-height: 240px;
	transition: all .5s ease 0;
	-moz-transition: all .5s ease 0;
	-webkit-transition: all .5s ease 0;
	-ms-transition: all .5s ease 0;
	-o-transition: all .5s ease 0
}
.prod-top {
	margin-bottom: 25px
}
.prod-top .image, .prod-top .image a img {
	max-height: 100%
}
.prod-top .product {
	padding-bottom: 0
}
.image a img {
	transition: all .5s ease 0;
	-moz-transition: all .5s ease 0;
	-webkit-transition: all .5s ease 0;
	-ms-transition: all .5s ease 0;
	-o-transition: all .5s ease 0;
	max-height: 240px;
	margin: 0 auto
}
.product:hover .image a img {
	/*
	transform: scale(1.15) rotate(-1.5deg); 
	-webkit-transform: scale(1.1) rotate(-1.5deg);
	-moz-transform: scale(1.1) rotate(-1.5deg);
	-ms-transform: scale(1.1) rotate(-1.5deg);
	-o-transform: scale(1.1) rotate(-1.5deg)
	*/
	transform: none; 
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform:none
}
.recomendadosrow .image a img {
	max-height: auto!important;
	max-width: 100%
}
.recomendadosrow .product:hover .image a img {
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none
}
.promotion {
    position: absolute;
    z-index: 9;
    bottom: 0px;
    top: 0px;
    left: 0px;
    height: 30px;
    width: auto;
    line-height: 24px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font-size: 20px;
}
.description {
	margin: 5px auto
}
.prod-top .description h4 {
	margin: 10px 0
}
.description a.masinfo20 {
	display: none
}
.discount, .new-product {
	display: inline-block;
	float: left;
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	font-style: italic;
}
.price {
	font-weight: 500
}
 .product h4, .product h4 a {
	font-weight: 400
}
.new-product {
    color: #FFF;
    padding: 3px 18px 3px 10px;
    background-color: #5bb9a9!important;
    background-color: #5bb9a9!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f24ec67f, endColorstr=#f24ec67f)!important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f24ec67f, endColorstr=#f24ec67f)!important;
    border-radius: 0px 0px 35px 0;
    -webkit-border-radius: 0px 0px 35px 0;
    -moz-border-radius: 0px 0px 35px 0;
}
.discount {
    background: #ffac38;
    border-radius: 0 4px 4px 0;
    color: #fff;
    padding: 3px 20px 3px 10px;
    border-radius: 0px 0px 35px 0;
    -webkit-border-radius: 0px 0px 35px 0;
    -moz-border-radius: 0px 0px 35px 0;
}
.product h4, .product h4 a {
	color: #3a3a3a;
	text-decoration: none;
	text-transform: uppercase;
	font:700 14px 'roboto condensed', sans-serif;
	padding:10x 15px;
}
.product h4 {
	margin: 0;
	display: block;
	line-height: 18px;
	padding:15px;
}
.prod-top .product h4 {
	margin-top: 20px
}
.prod-top .product h4, .prod-top .product h4 a {
	font-size: 22px;
	line-height: 22px
}
.price {
	font-size: 18px;
	color: #294c6e;
	margin-bottom: 10px;
	font-weight:500;
}
@media (max-width:767px) {
.CartProduct .price {
	font-size: 14px
}
}
.action-control {
	border: 0;
	display: block;
	height: auto;
	padding: 5px 0 15px;
	width: 100%
}
.action-control a {
	cursor: pointer
}
.action-control a.active, .action-control a:hover {
	color: #fff;
	background: #27ae60
}
.cart a {
	font-size: 20px;
	color: #454545;
	margin: 0;
	display: inline-block;
	transition: all .3s ease-out 0;
	-webkit-transition: all .3s ease-out 0;
	-moz-transition: all .13s ease-out 0;
	-ms-transition: all .3s ease-out 0;
	-o-transition: all .3s ease-out 0
}
div.quickview {
	display: block;
	margin-top: 40%;
	max-height: 50px;
	position: absolute;
	width: 100%;
	z-index: 2;
	visibility: hidden
}
.sp-large, .sp-wrap, .swatches li {
	position: relative
}
.product:hover div.quickview {
	visibility: visible
}
.btn-quickview {
	border-radius: 2px;
	font-family: Calibri, Helvetica Neue, Arial, sans-serif;
	letter-spacing: 2px;
	color: #454545!important;
	text-transform: uppercase;
	background: #fff;
	background: rgba(255,255,255,.9);
	border: 1px solid #eee;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
	-moz-o-shadow: 0 0 3px rgba(0,0,0,.3);
	left: auto;
	min-width: 100px;
	max-height: 40px;
	height: 40px!important;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	padding: 10px;
	visibility: hidden;
	width: auto;
	display: inline-block!important;
	z-index: 2;
	transform: scale(.75);
	-webkit-transform: scale(.75);
	-o-transform: scale(.75);
	-ms-transform: scale(.75);
	-moz-transform: scale(.75);
	transition: all .3s ease 0;
	-webkit-transition: all .3s ease 0;
	-moz-transition: all .3s ease 0;
	-ms-transition: all .3s ease 0
}
#precant, .swatches li {
	box-shadow: 1px 1px 2px #C5C5C5
}
.product:hover .btn-quickview {
	visibility: visible;
	opacity: .85;
	-webkit-opacity: .85;
	-ms-opacity: .85;
	transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1)
}
@media (max-width:460px) {
div.quickview {
	margin-top: 25%
}
}
@media (max-width:400px) {
div.quickview {
	margin-top: 35%
}
}
.product>.btn-quickview:hover {
	opacity: .95
}
@media screen and (max-width:440px) {
.productFilter>.pull-left, .productFilter>.pull-right {
	display: block;
	width: 100%;
	text-align: center
}
.productFilter>p {
	margin-bottom: 5px;
	margin-top: 0
}
.productFilter>.pull-right>div {
	display: inline-block;
	float: none!important;
	width: 50%
}
.productFilter>.pull-right>div.change-order .form-control {
	float: left;
	font-size: 12px
}
.productFilter>.pull-right>div.change-view {
	margin-right: 0!important;
	width: auto!important
}
}
.change-view {
	margin-right: 10px
}
.subCategoryTitle {
	font-size: 13px;
	color: #444;
	font-weight: 600
}
.change-view a {
	border: 1px solid #CCC;
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	height: 34px;
	line-height: 23px;
	margin-left: 5px;
	overflow: hidden;
	padding: 5px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px
}
.productFilter input, .productFilter select {
	font-size: 13px
}
.item.list-view {
	display: block;
	height: auto!important;
	width: 100%!important;
	overflow: hidden;
	margin-bottom: 20px
}
.item.list-view .product {
	padding: 10px
}
.item.list-view h3.leyendaConStock, .item.list-view h3.leyendaSinStock {
	margin: 0
}
.item.list-view .image .img-responsive {
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
	transition: all .5s ease 0;
	-moz-transition: all .5s ease 0;
	-webkit-transition: all .5s ease 0;
	-o-transition: all .5s ease 0;
	-ms-transition: all .5s ease 0
}
.item.list-view .action-control, .item.list-view .description, .item.list-view .price {
	text-align: right
}
.item.list-view .image a {
	display: block;
	height: 100%;
	max-height: 100%!important
}
.item.list-view .image img {
	max-height: 260px;
	width: auto!important
}
.item.list-view h4 {
	height: auto;
	margin: 0 0 5px;
	font-size: 24px
}
.item.list-view h4 a {
	font-weight: 600
}
.item.list-view .description p {
	text-align: right;
	min-height: 10px
}
.item.list-view .price {
	font-size: 22px
}
.item.list-view .product .btn-compra {
	float: right!important
}


/* PRODUCTOS MODO LISTA MOVILES */
@media (max-width:480px) {
	.item.list-view div.imagen_lista {
		max-width:30%
	}
	.item.list-view .product h4 {
		padding:0;
		text-align:right;
	}
	.item.list-view span.art_cod_precios {
		display:block; text-align:right;
	}
}




.pagination {
	margin-top: 10px
}
.ley_sol_productos {
	display: none
}
div#hormiga h1, ul.lista-filtros-aplicados {
	font-weight: 600;
	font-size: 16px;
	color: #4e4e4e;
	font-family: Calibri;
	text-transform: uppercase;
	margin-bottom: 0
}
ul.lista-filtros-aplicados {
	margin-top: 10px;
	color: #999
}
.hormigafoot h2 {
	font-size: 14px;
	margin: 0 0 10px
}
.recomendadosrow {
	padding-left: 15px;
	padding-right: 15px
}
h5.preguntas_clientes, h5.recomendados, h5.tit_form_detalle {
	font-size: 24px;
	color: #222;
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 0;
	font-weight: 400;
	border-top: 1px solid #ddd;
	padding-top: 15px;
	letter-spacing: -1px;
	margin-top: 20px;
	text-transform: uppercase
}
.breadcrumb {
	border: 1px solid #DDD;
	background: 0 0
}
.sp-large a img {
	width: 100%;
	max-width: 100%;
	height: auto;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in
}
.sp-large {
	overflow: hidden
}
.sp-large a {
	display: inline-block
}
.style3 .sp-large {
	border: 1px solid #ddd;
	max-width: 100%!important
}
.sp-wrap {
	border: none!important;
	width: 100%;
	background: 0 0!important;
	display: none;
	line-height: 0;
	font-size: 0;
	margin: 0 25px 15px 0;
	float: left
}
.product-title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .25px;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: none;
    margin-top: 0;
    color: #294c6e;
}
.product-price {
	font-size: 28px;
	font-weight: 500;
	line-height: normal
}
.price-standard {
	color: #71869a;
	font-size: 100%;
	text-decoration: line-through;
	margin-right: 10px;
	font-weight: 500
}
.price-sales {
	font-size: 130%;
	    color: #00BCD4;
}
.cart-actions .btn-cart, .cart-actions .wishlist, .cart-actions button, .product-code {
	font-family: Calibri, Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	text-transform: uppercase
}
.product-code {
	letter-spacing: 1px;
	margin: 0 0 5px;
	padding: 0
}
.cart-actions {
	margin-top: 0;
	margin-bottom: 12px;
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #DDD;
	padding-bottom: 12px;
	clear: both
}
.cart-actions .btn-cart, .cart-actions .wishlist, .cart-actions button {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
	line-height: 1em;
	margin: 0;
	padding: 10px 20px;
	float: right;
	transition: all .25s ease 0;
	-moz-transition: all .25s ease 0;
	-webkit-transition: all .25s ease 0;
	-o-transition: all .25s ease 0;
	-ms-transition: all .25s ease 0
}
.col-form-label {
	padding-top: 7px;
	text-transform: uppercase;
	font-size: 14px!important;
	font-weight: 700!important
}
button.first {
	margin-right: 20px;
	margin-bottom: 10px
}
.cart-actions input[type=button] {
	background: #4ec67f;
	border: 2px solid #27ae60
}
.cart-actions button:hover {
	background: #fff;
	color: #2a2a2a;
	border: 2px solid #4ec67f
}
.incaps {
	display: block;
	float: none;
	font-family: Calibri, sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	margin: 0 20px 0 0;
	text-transform: uppercase
}
.semaf_amarillo, .semaf_rojo, .semaf_verde {
	min-width: 10px;
	padding: 3px 8px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 10px
}
.semaf_verde {
	background-color: #58d68d;
	border-color: #58d68d;
	color: #fff
}
.semaf_amarillo {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: #faebcc
}
.semaf_rojo {
	color: #a94442;
	background-color: #ebccd1;
	border-color: #ebccd1
}
.estrella, .puntuacion, .titvalor {
	float: left
}
.incaps i {
	font-size: 20px
}
.color-in {
	color: #4CC94A
}
.color-out {
	color: red
}
.socialIcon a, .stButton .stLarge {
	-ms-behavior: none!important;
	color: #FFF;
	display: inline-block;
	text-align: center
}
.product-share {
	clear: both;
	display: inline-block;
	width: 100%;
	margin-top: 15px;
	font-weight: 700
}
.socialIcon a {
	background: #CCC!important;
	font-size: 22px;
	padding-top: 5px;
	margin-right: 10px;
	width: 35px;
	height: 35px;
	transition: all .15s ease-in-out 0;
	-moz-transition: all .15s ease-in-out 0;
	-webkit-transition: all .15s ease-in-out 0;
	-o-transition: all .15s ease-in-out 0;
	-ms-transition: all .15s ease-in-out 0
}
.stButton .stLarge {
	background: 0 0!important;
	font-size: 0;
	padding: 0;
	margin-right: 0;
	width: 0!important;
	height: 0!important;
	transition: all .15s ease-in-out 0;
	-moz-transition: all .15s ease-in-out 0;
	-webkit-transition: all .15s ease-in-out 0;
	-o-transition: all .15s ease-in-out 0;
	-ms-transition: all .15s ease-in-out 0
}
.stButton {
	margin: 0!important;
	background: #ccc;
	width: 35px;
	height: 35px;
	padding-top: 10px;
	text-align: center!important;
	top: 2px!important
}
.st_facebook_large .stButton:after {
	font-family: fontawesome;
	color: #fff;
	font-size: 22px;
	content: "\f09a"
}
.st_twitter_large .stButton:after {
	font-family: fontawesome;
	color: #fff;
	font-size: 22px;
	content: "\f099"
}
.st_googleplus_large .stButton:after {
	font-family: fontawesome;
	color: #fff;
	font-size: 22px;
	content: "\f1a0"
}
.socialIcon a:hover {
	color: #fff
}
.recommended {
	border-top: solid 2px #ddd;
	margin-top: 20px;
	padding-top: 20px
}
.recommended h1 {
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0
}
#valoracion {
	margin-top: 15px
}
#valoracion br[clear=all] {
	clear: none!important
}
.puntuacion {
	cursor: pointer;
	margin-right: 5px;
	display: block;
	overflow: visible
}
#printArea, .caps, .detalle-form, .estrella, .img-block, .img-link, .lista-medios-pago {
	overflow: hidden
}
.puntuacion:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	visibility: hidden
}
.estrella {
	width: 20px;
	height: 18px;
	display: inline-block;
	text-indent: -999em;
	cursor: pointer
}
.estrella_der, .estrella_izq {
	width: 10px
}
.estrella, .estrella a {
	background: url(../imagenes/estrella_sprite3.png) no-repeat
}
.estrella_izq, .estrella_izq a {
	background: url(../imagenes/estrella_sprite_izq3.png) no-repeat
}
.estrella_der, .estrella_der a {
	background: url(../imagenes/estrella_sprite_der3.png) no-repeat
}
.estrella a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0
}
.product-tab, .rating span, .swatches li {
	display: inline-block
}

div.puntuacion div.on a {
	background-position: 0 -25px
}
div#msjvaloracion {
	text-align: left;
	margin-top: 15px
}
.ratingInfo {
	margin-left: 10px
}
.nav-tabs {
	margin-bottom: 20px;
	border-bottom: 3px solid #bfc9ca
}
.product-tab {
	width: 100%;
	clear: both
}
.nav-tabs li a {
	font-family: Calibri, sans-serif;
	font-size: 13px;
	font-weight: 200;
	letter-spacing: 1px;
	margin: 0;
	text-transform: uppercase;
	padding: 10px!important
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li:hover>a {
	background: #bfc9ca
}
.nav-tabs>li, .nav-tabs>li.active {
	background: 0 0
}
.nav-tabs>li>a {
	border: 0;
	border-radius: 0
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li:hover>a {
	color: #fff!important;
	border: 0;
	border-radius: 0
}
.color-details {
	margin-top: 14px;
	border-top: 1px solid #DDD;
	padding-top: 10px
}
.swatches {
	margin: .5em 0;
	padding-left: 0;
	list-style: none
}
.swatches .selected, .swatches li:hover {
	border: 2px solid #ddd
}
.swatches li {
	margin: 2px 1px;
	vertical-align: top;
	list-style: none;
	background-position: center center;
	background-repeat: no-repeat;
	border: 2px solid #FFF;
	height: 33px;
	text-align: center;
	transition: all .25s ease 0;
	width: 33px
}
.swatches li img {
	height: 31px;
	width: 31px
}
.swatches .selected:after, .swatches li:after {
	content: "\f00c";
	font-family: fontawesome;
	font-weight: lighter;
	transition: font-size .25s ease .1s;
	text-shadow: 0 1px 1px rgba(0,0,0,.3)
}
.swatches li.li-color {
	width: 33px;
	height: 33px;
	overflow: hidden
}
.swatches.talle li {
	border: 2px solid #F0F0F0;
	background: #f5f5f5;
	padding: 5px
}
.swatches li:after {
	font-size: 0;
	position: absolute;
	left: 50%;
	margin-left: -16px;
	top: -10px;
	color: #fff
}
.swatches .selected:after {
	height: 33px;
	width: 33px;
	font-size: 120%;
	color: #4ec67f
}
.productFilter {
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	clear: both;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 7px;
	padding-top: 10px;
	margin-top: 10px
}
.productFilter p {
	display: block;
	font-size: 14px;
	margin-top: 6px
}
.marca_imagen {
	position: relative;
	top: 0;
	border: 0 solid #ddd;
	z-index: 1;
	right: 0
}
.marca_imagen img {
	max-width: 200px
}
.spacer {
	padding: 20px 0
}
#precant {
	border: 0 solid #ddd;
	padding: 5px;
	font-size: 12px
}
#precant h5 {
	display: none
}
#precant .table {
	margin: 0
}
.orderStep {
	clear: both;
	display: inline-block;
	height: auto;
	padding: 0;
	margin-bottom: 30px;
	width: 100%
}
.orderStep li {
	float: left;
	margin: 0;
	min-height: 55px
}
.orderStep li.active {
	color: #fff;
	position: relative
}
.orderStep li.active:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136,183,213,0);
	border-width: 10px;
	margin-left: -10px;
	border-top-color: #fd4483!important
}
.orderStep li {
	display: inline-block;
	height: 100%;
	line-height: normal;
	padding: 20px 0 0;
	text-align: center;
	vertical-align: middle;
	width: 33.33333333%;
	text-transform: uppercase;
	font-size: 13px
}
.orderStep li i {
	background: rgba(0,0,0,.05);
	border-radius: 0;
	display: block;
	font-size: 20px;
	height: auto;
	left: 0;
	line-height: 40px;
	margin-top: -20px;
	padding: 0;
	text-align: center;
	width: auto;
	float: none!important
}
.orderStep li.active i {
	background: rgba(0,0,0,.1);
	color: #FFF
}
.orderStep li span {
	display: block;
	padding: 5px 0
}
.orderStep li.active {
	background: #fd4483
}
.orderStep li {
	background: #fba9c5
}
.cartFooter, .cartTableHeader {
	background: #b2d8d5
}
.caps {
	border-top: 0 none;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 16px;
	padding: 0 0 16px;
	text-align: right;
	text-transform: uppercase
}
h1.tit-checkout {
	margin: 0;
	padding: 0
}
.rightSidebar #cart-summary {
	margin-top: 0
}
.rightSidebar #cart-summary tr:first-child td {
	border: none
}
.cartMiniTable {
	border: 1px solid #DDD;
	padding: 10px
}
.couponForm {
	line-height: 16px
}
.couponForm input[type=text] {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	height: 35px
}
.ley_cupon {
	font-size: 90%;
	display: block;
	margin-bottom: 5px
}
#tabla_listados p, .CartDescription h4 {
	margin: 0
}
.couponForm .btn {
	border-radius: 0 3px 3px 0
}
p.success div.success, span.success {
	color: #8BB418
}
#total-price {
	font-size: 22px;
	font-weight: 700
}
label.error {
	color: #e74c3c;
	font-size: 90%
}
.quanitySniper {
	height: 30px;
	padding: 0;
	text-align: center;
	width: 40px
}
.content_marcas img, .lista-medios-pago li img {
	height: auto;
	max-width: 100%
}
tr.CartProduct td, tr.CartProduct th {
	text-align: center;
	padding: 10px 0
}
td.delete a:hover {
    color: #e43c75;
}
#tabla_listados tr.CartProduct td, #tabla_listados tr.CartProduct th {
	text-align: left;
	padding: 5px 10px
}
@media (max-width:767px) {
tr.CartProduct td, tr.CartProduct th {
	font-size: 11px
}
}
tr.CartProduct td:nth-child(2) {
	text-align: left
}
.CartProduct .delete i {
	font-size: 2.5em;
	position: relative;
	top: -5px
}
@media (max-width:767px) {
.CartProduct .delete i {
	font-size: 1em
}
}
.CartProductThumb img {
	width: 86px;
	max-width: 100%!important
}
tr.CartProduct {
	border-bottom: 1px solid #E7E9EC
}
.cartTable {
	border-top: solid 1px #EBEDEF
}
.cartFooter {
	padding: 20px;
	border-top: solid 1px #eee;
	display: inline-block;
	width: 100%
}
#cart-summary tr td:nth-child(2) {
	text-align: right
}
.boxes-title-1, .lista-medios-pago li, .product-slide-img, .product-slide-left, .ps-nav {
	text-align: center
}
.CartDescription h4 a {
	font-size: 14px!important;
	line-height: normal
}
@media (max-width:767px) {
.CartDescription h4 a {
	font-size: 12px!important
}
}
.couponQuitar {
	background: #f5f5f5;
	padding: 8px;
	margin: 0
}
ul.datos_cupon {
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
	font-size: 13px
}
h6 {
	    border-bottom: 1px solid #4b708e;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 15px;
    padding: 10px 0 0;
    position: relative;
    text-transform: uppercase;
    color: #4b708e;
    padding-bottom: 5px;
}
.item-blog-post h2, .item-blog-post h2 a {
	font-size: 26px;
	font-weight: 700; font:700 18px 'roboto condensed', sans-serif
}
.bg-msj {
	padding: 15px
}
.bg-msj-rosa {
	background-color: #E5097F;
	color: #fff;
	margin: 15px 0
}
.bg-info {
	background-color: #4b708e;
    color: #fff;
}
.align-middle {
	vertical-align: middle!important
}
.align-bottom {
	vertical-align: bottom!important
}
.panel-default>.panel-heading {
	border-top: 4px solid #4ec67f
}
.lista-medios-pago li {
	border: 2px solid #fff;
	font-weight: 700;
	cursor: pointer;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}
.lista-medios-pago li:hover {
	border: 2px solid #0070b7
}
.lista-medios-pago .bordePago2 {
	border: 2px solid #0070b7;
	background: #f5f5f5
}
div#detalle_3::before {
    content: "Estas opci�nes de pago son solo para compras desde $15.000 en adelante.";
    color: red;
    font-weight: bold;
    font-size: 1.8rem;
}
.item-blog-post {
	margin: 0 auto 30px
}
.item-blog-post h2 {
	border-bottom: 0px solid #ddd;
	letter-spacing: 0;
	margin: 0px 0 0px;
	padding: 8px 0;
	position: relative
}

.item-blog-post .post-header .post-info {
	line-height: inherit;
	margin-bottom: 5px
}
.item-blog-post .post-main-view {
	background: #fff
}
.item-blog-post .post-main-view .post-description {
	padding: 15px 0;
	font-size: 14px;
	font-family:'roboto', sans-serif;
	line-height: 1.4;
	font-weight: 300
}
.item-blog-post .post-description .vermas:after {
	font-family: FontAwesome;
	display: inline-block;
	content: "\f178";
	padding-left: 5px
}
.loadMoreBlog .btn:hover {
	background: #ededed
}
@media only screen and (min-width:0) and (max-width:767px) {
.post-header {
	margin-bottom: 15px
}
}
.datos_usuario ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.datos_usuario ul li:before {
	font-family: FontAwesome;
	display: inline-block;
	content: "\f0da";
	padding-right: 5px
}
.content_marcas .cajamarca {
	border: 1px solid #ddd
}
.content_marcas .verprod {
	background: #ccc;
	display: block
}
.brand-carousel li {
	float: left;
	display: inline-block
}
#imageShowCase, .img-block, .img-link, .product-slide-img, .product-slide-img img, .product-slide-inner, .ps-nav {
	display: block
}
.brand-carousel li img {
	max-width: 100%;
	width: 100%
}
.carousel-nav {
	font-size: 26px;
	margin-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px
}
.detalle-form {
	background: #f5f5f5;
	border-radius: 5px;
	margin-top: 20px;
	border-top: 4px solid #4ec67f
}
h5.tit_form_detalle {
	border: none
}
.show-case-wrapper {
	margin: 0 auto 30px;
	float: none
}
#productShowCase .owl-controls {
	margin-top: 0
}
.product-slide-inner {
	margin-top: 12%;
	max-width: 98%
}
@media (max-width:767px) {
.product-slide-inner {
	display: block;
	max-width: 98%;
	margin: 5% auto 0;
	text-align: center
}
#productShowCase .owl-controls {
	margin-top: 10px
}
#ps-next {
	right: 15px
}
#ps-prev {
	left: 15px
}
}
#productShowCase .btn-stroke-dark i {
	font-size: 0;
	transition: font .3s ease
}
#productShowCase .btn-stroke-dark:hover i {
	font-size: inherit
}
#productShowCase .details-description {
	margin-bottom: 15px
}
.product-slide-img img {
	text-align: center;
	margin: 0 auto
}
#detalle div.impuestoprecio, #detalle div.ivaprecio, #print-articulo-detalle {
	text-align: left
}
#productShowCase .product-title {
	font-family: Calibri;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: .25px;
	line-height: 36px;
	margin-bottom: 0
}
.ps-nav {
	font-size: 68px;
	height: auto;
	position: absolute;
	top: 38%;
	width: auto;
	text-shadow: 0 1px 0 rgba(0,0,0,.25)
}
#detalle_print #img_prod, .relative {
	position: relative
}
#ps-next {
	right: 15px
}
#ps-prev {
	left: 15px
}
@media screen and (max-width:767px) {
.ps-nav {
	top: 30%
}
.ps-nav img {
	width: 60px
}
}
.boxes-title-1 {
	background: #ebebeb;
	font-family: Calibri;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 30px;
	padding: 7px 0
}
.featuredImgLook2 .inner {
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 15px
}
.featuredImgLook2 .inner:hover {
	border: 1px solid #4EC67F
}
.img-link img {
	width: 100%
}
.featuredImgLook2 h3 {
	color: #454545;
	font-weight: 600;
	padding: 20px 0;
	text-transform: uppercase
}
.featuredImgLook2 h3 span {
	color: #eb5e58;
	display: block;
	font-size: 14px;
	font-weight: lighter;
	letter-spacing: 1px;
	text-transform: uppercase
}
.featuredImgLook2 .btn-link {
	border-radius: 0;
	color: #7f8c8d;
	cursor: pointer;
	font-weight: 400;
	text-transform: uppercase
}
.featuredImgLook2 p {
	color: #7f8c8d;
	margin-bottom: 20px
}
@media (max-width:991px) {
.featuredImgLook2 .col-md-3 {
	margin-bottom: 30px
}
}
@media (max-width:460px) {
.featuredImgLook2 .col-md-3 {
	width: 100%
}
}
#imageShowCase {
	clear: both;
	background: red
}
.image-show-case-wrapper .ps-nav {
	opacity: 0;
	transform: scale(1.15);
	-moz-transition: all .3s ease 0;
	-webkit-transition: all .3s ease 0;
	-ms-transition: all .3s ease 0;
	-o-transition: all .3s ease 0
}
.image-show-case-wrapper:hover .ps-nav {
	transform: scale(1);
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}
.featuredImageLook3 .inner .box-text-cell-inner h1 {
	font-size: 20px
}
.featuredImageLook3 .inner:hover .box-content-overly-white {
	opacity: 1;
	background: rgba(255,255,255,.8);
	visibility: visible
}
#detalle_print {
	width: auto!important
}
#detalle_print h1 {
	color: #069;
	border-top: 1px solid #ccc;
	margin-top: 10px!important;
	padding-top: 10px!important;
	font-size: 24px!important;
	font-weight: 600!important
}
#detalle_print h5 {
	font-size: 14px!important;
	font-weigth: 400!important;
	color: #222;
	margin-top: 15px!important;
	margin-bottom: 5px!important;
	border-bottom: 1px solid #ccc
}
#detalle_print h3 {
	font-size: 110%;
	color: #222;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 2px;
	margin: 3px 0
}
#detalle_print ul {
	margin-left: 10px;
	list-style-type: circle
}
#detalle_print #img_prod .img-responsive {
	max-width: 30%!important;
	margin: 0 auto!important
}
#detalle_print span.marca_print {
	position: absolute;
	bottom: 10px;
	right: 10px
}
#detalle_print .cajasoferta {
	clear: both;
	width: 95%
}
#detalle_print .imagenart {
	float: left;
	margin-right: 10px;
	padding-bottom: 0
}
#printArea .modal-body, .modal-content {
	background: #fff;
	font-size: 13px
}
#printArea .img_empresa .img-responsive {
	float: left!important;
	max-width: 25%!important
}
#printArea .btn-print-modal {
	position: relative;
	top: 0
}
.sp-wrap, .sp-zoom {
	z-index: 0!important
}
@media (min-width:768px) {
#navbar-sidebar .container-fluid, #navbar-sidebar .navbar-collapse {
	padding: 0
}
#navbar-sidebar .navbar-left {
	margin-left: 0
}
#navbar-sidebar .nav>li {
	width: 100%
}
}
.navbar-lateral {
	z-index: 9!important
}
.navbar-lateral .navbar-collapse {
	width: 100%!important
}
.navbar-lateral .navbar-toggle {
	float: left
}
.navbar-lateral span.caret {
	float: right;
	margin-left: 2px;
	vertical-align: middle;
	border: none!important
}
.navbar-lateral span.caret:before {
	font-family: FontAwesome;
	content: "\f0da"
}
.navbar-lateral .dropdown-menu span.caret:before {
	position: relative;
	top: -5px
}
@media (max-width:767px) {
.navbar-lateral .dropdown-menu span.caret:before {
	top: 0
}
.navbar-lateral .ley_cate_lateral_xs {
	float: left;
	position: relative;
	top: 15px;
	font-family: Calibri;
	color: #454545;
	font-size: 18px;
	font-weight: lighter
}
.detalle_producto {
	clear: both
}
}
.navbar-lateral .ley_cate_lateral_xs {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    background: #00bcd4;
    padding-right: 42px;
    text-transform: uppercase;
    border-radius: 5px 35px 0 0;
    -webkit-border-radius: 5px 35px 0 0;
    -moz-border-radius: 5px 35px 0 0;
    padding: 10px 20px;
    padding-right: 40px;
}
ul.nav.navbar-nav.navbar-left.sm-vertical {
    background: #f1f2f2;
    margin-top: 8px;
}
.navbar-header-lateral {
    margin-top: 20px;
}
.login_sup, .micuenta_top {
	display: none
}
#detalle div.ivaprecio {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px dotted #ddd
}
#detalle div.pricefinal {
	text-align: left;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0 dotted #ddd
}
#detalle .details-description {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #ddd
}
.precio-sugerido {
	display: block
}
.msgalerta, .msgexito {
	padding: 15px;
	margin-bottom: 20px
}
td.FA, td.NC {
	color: #090
}
td.ND, td.RE {
	color: red
}
.msgexito {
	color: #3c763d;
	background-color: #dff0d8;
	border: 1px solid transparent;
	border-radius: 4px
}
.msgalerta {
	color: #31708f;
	background-color: #d9edf7;
	border: 1px solid transparent;
	border-radius: 4px
}
.form-control-feedback {
	right: 15px!important;
	padding-top: 7px!important;
	font-size: 18px!important;
	font-weight: 300!important
}
.has-feedback label~.form-control-feedback {
	top: 0
}
#print_this_form table td {
	padding: 5px;
	border: 1px solid #ddd
}
table.tabla_precio_x_cantidad, table.tabla_precio_x_cantidad td, table.tabla_precio_x_cantidad tr.cab td {
	border: 1px solid #ccc;
	border-collapse: collapse
}
.modal-header {
	padding: 0
}
table.tabla_precio_x_cantidad {
	width: 90%;
	text-align: center;
	margin-bottom: 5px
}
table.tabla_precio_x_cantidad tr.cab td {
	background: #e0e0e0;
	font-weight: 700
}

/* slide 2 */
div.item-slide.imagen-slide-2 {
	height:521px;overflow:hidden; position:relative;	
}
div.imagen-slide-2 span.leyenda_slide {
	text-align:center; position:absolute;width:100%;display:block;	margin:0 auto; left:auto
}

.container.leyenda_slide h1 {
	color:#fff; font:700 40px 'roboto', sans-serif !important; margin-top:130px;text-shadow:none !important
}


.container.leyenda_slide h1 span {
	display:block;
}
.container.leyenda_slide h1 b {
	background:rgba(255,255,255,.5);  padding:5px;
}

@media (max-width: 1299px) {
	.container.leyenda_slide h1 {max-width:60%;margin-left:auto; margin-right:auto;
		color:#fff; font:700 30px 'roboto' !important, sans-serif; margin-top:80px;
		text-shadow:none !important
	}
}
@media (max-width: 480px) {
	.container.leyenda_slide h1 {max-width:60%;margin-left:auto; margin-right:auto;
		color:#fff; font:700 30px 'roboto' !important, sans-serif; margin-top:150px;
		text-shadow:none !important
	}
}
@media (max-width: 767px) {
	.container.leyenda_slide h1 {max-width:60%; margin-left:auto; margin-right:auto;
		color:#fff; font:700 30px 'roboto', sans-serif !important; margin-top:190px;
		text-shadow:none !important
	}
}
/* ----------------------------- */

div.paginado {
	border-bottom:1px solid #f0f0f0; margin-bottom:20px; padding-bottom:10px
}
div.paginado-inf {
	border-top:1px solid #f0f0f0; margin-top:20px;padding-top:10px
}
@media ( max-width:480px ) {
	div.paginas {
		display:block !important; float:none !important; margin-bottom:15px; 
	}
}

small.help-block {color:#f00}


table.table-responsive td.left {
	text-align:left;padding:5px !important
}
table.table-responsive td.center {
	text-align:center;padding:5px !important
}
table.table-responsive td.right {
	text-align:right;padding:5px !important
}
tr.bordesup {
	border-top:1px solid #ccc
}
table.totalespresu tr {
	border-bottom:1px solid #999;
	
}
table.totalespresu tr td {
	padding:5px;
}
h2.subti {
	font-size:16px;border-bottom:1px solid #ccc;padding-bottom:5px;
}
div.seguir_inferior a, div.seguir_superior a{
	    display: block;
    width: 250px;
    background: #ebedef;
    text-align: center;
    padding: 10px;
    margin: 10px auto;}
table.tablaped td {
    padding: 2px 10px;
}
/* --------TOP Y MENU---------- */
ul#menutop li a {
    display: none;
}
div#carrito_top {
    float: right;
}

.whatsapp-top {
    position: absolute;
    top: -30px;
}
.whatsapp-top a{
    color: #002750;
    font-size: 16px;
    font-weight: 700
}
body.ofertas{
	padding-top: 85px;
		background-color: #ffffff;


}
.caja_func_sup.pull-right.hidden-xs {
    position: absolute;
    top: -45px;
    right: 0;
    margin-right: 20%;
    color: #ffffff;
    padding: 0;
}
button.btn.btn-buscartop {
    background: #461c08;
    color: #fff;
}
button.btn.btn-buscartop i {
    color: #fff;
}
.search {
    left: 0;
    position: absolute;
    z-index: 99;
    top: 10px;
    margin-left: 240px;
}
.search-fixed {
    position: fixed;
    margin-left: 607px;
}

.social-share {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 99;
}
.social-share-fixed {
    position: fixed;
    top: 10px;
   margin-right: 265px;
}
ul.social-share li a {
    font-size: 22px;
    color: #666;
    margin-right: 5px;
}
.ban-top-izquierda {
    position: relative;
        margin-top: -25px;
}
.navbar-fixed-top .ban-top-izquierda {
    margin-top: 4px;
}
.navbar-fixed-top ul#nav {
    margin-top: 54px;
}

div#carrito_top {
    	position: absolute;
	right: 0;
	top: 59px;
	margin-right: 150px;
	width: 250px;
}

div#leyenda_gral_top {
    top: 60px;
    z-index: 10;
    position: absolute;
    right: 0;
    margin-right: 360px;
    font-size: 22px;
    color: #fff;
        display: none;
}
div#leyenda_gral_top a{
	color: #fff
}
.leyenda_gral_top-fixed {
    position: fixed !important;
    top: 20px !important
}
div#leyenda_gral_top a {
    margin-right: 25px;
}
div#navbar-menu-superior .navbar-nav>li>a {
    color: #666;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    padding: 10px ;
    font-family: 'roboto condensed', sans-serif
}
div#navbar-menu-superior .navbar-nav>li>a:hover{
	color: #461c08;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background: transparent; }
div#carrito_top a {
    color: #666;
}
.caja_func_sup.pull-right.hidden-xs a {
    color: #666;
}
div#servicios {
    display: none;
}
ul.nav.navbar-nav.navbar-left.sm-vertical>li>a {
    color: #002750;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}
ul.nav.navbar-nav.navbar-left.sm-vertical>li>a:hover {
    background: rgba(0, 188, 212, 0.611764705882353);
    color: #fff;
}
button.navbar-toggle {
    z-index: 9;
}
/* --------SLIDER---------- */
span.container.leyenda_slide {
    position: absolute;
    background: red;
    top: 20px;
}

/* --------FOOTER---------- */

.seven-footer {
    text-align: left;
    margin-bottom: 40px
}
footer h3 {
    color: #294c6e;
}
footer button.btn.btn-buscartop {
    background: #4b708e;
    font-size: 16px;
    line-height: 1.2;
}
footer input#palabra {
    border-radius: 0;
}
footer .input-group-addon, .input-group-btn {
    width: auto;
}
footer .icons-social a {
    padding-right: 5px;
    font-size: 20px;
}
/* ----------MODAL--------- */

.modal-body input#palabra{
	float: left;
	width: 85%;
}
.modal-body input#palabra:hover{
	width: 85;
}
.modal-body button.btn.btn-buscartop{
	float: left;
}
form.form-modal {
    margin-top: 12px;
}
div#modalBusqueda div.modal-header {
	display:none
}
/* --------OFERTAS---------- */
.product .image {
    overflow: hidden;
}
.product:hover .image a img {
    transform: scale(1.2);
}
.product .image img, .recomendadosrow .image a img {
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
.btn.btn-compra {
    background: #4f96eb;
        font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 500
}
.btn.btn-compra:hover {
background: #00BCD4;
}
.suscripcion-home {
    background: #f97369;
}
.slick-prev:before {
    content: "\f137";
}
.slick-next:before {
    content: "\f138";
}
.slick-prev:before, .slick-next:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}
a.page-scroll.aparece i {
    content: "\f139";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}
a.btn.btn-danger.btn-md.pull-left {
    background: #f97369;
    text-transform: uppercase;
}
a.btn.btn-primary.btn-md.pull-right {
    background: #00bcd4;
    text-transform: uppercase;
}
.icons-footer {
    position: fixed;
    right: 0;
    top: 190px;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation: myscroll 1s;
    animation: myscroll 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    z-index: 9999999999999!important;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    height: 165px;
    width: 45px;
}
.icons-footer i{
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.icons-footer i.fab.fa-whatsapp {
    background: #25d366;
}
.icons-footer i.fab.fa-whatsapp:hover {
    background: #fff;
    color: #24d266;
}
.icons-footer i.fab.fa-instagram {
    background: #e1306c;
}
.icons-footer i.fab.fa-instagram:hover {
    background: #fff;
    color: #e1306c;
}
.fa-facebook-f:before {
    content: "\f39e";
}
.icons-footer i.fa-facebook-f{background: #3b5998}
.icons-footer i.fa-facebook-f:hover {
    background: #fff;
    color: #3b5998;
}
.icons-footer i.far.fa-envelope{background: #848484}
.icons-footer i.far.fa-envelope:hover {
    background: #fff;
    color: #848484;
}
.top-iconos i {
       font-size: 50px;
    margin: 30px 0 20px;
    background: #e9ecec;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    line-height: 100px;
}
.top-iconos i:hover {
    background: #FFB300;
    color: #fff;
    font-weight: 300;
}
.top-iconos p {
    font-size: 16px;
    line-height: 20px;
}
.top-iconos strong {
    font-size: 20px;
    font-style: italic;
}
.top-iconos ul li {
    display: inline-block;
    padding: 1px;
}
.top-iconos ul {
    padding-left: 0px;
}
.col-md-32 {
    width: 20%;
    float: left;
}
/* --------PRECIOS---------- */
nav#navbar-sidebar {
    background: transparent;
}
.btn-primary:hover, .btn-primary:focus, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #00bcd4;
    border-color: #00bcd4;
    color: #ffffff;}
 .sp-thumbs a:active, .sp-current {
    opacity: 1!important;
    position: relative;
    border: 2px solid #f97369 !important;
}
.sp-thumbs a:hover, .sp-thumbs a:active, .sp-current, .sp-thumbs a {
    border: 2px solid #00bcd4;
    margin-right: 10px!important;
}
/* --------DETALLE---------- */
body.detalle {
	background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e5e4e7' fill-opacity='0.4'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

}
.cols-grals {
    background: transparent;
}
.cart-actions input[type=button] {
    background: #ff7cab;
    border: 0px;
    position: absolute;
    margin-left: 110px;
    top: 18px;
}
body.detalle input#cantidad {
    width: 100px;
}
.contact-form h1 {
    color: #294c6e;
    font-size: 21px;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #002750;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 1px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
a.linkbotones_top.descargas_top, a.linkbotones_top {
    display: none;
}
@media (max-width:1440px) {
.caja_func_sup.pull-right.hidden-xs {
    margin-right: 10.5%;
}
.search-fixed {
    margin-left: 365px;
}
div#navbar-menu-superior .navbar-nav>li>a {
    padding: 10px 8px;
}
div#leyenda_gral_top {
    margin-right: 130px;
}
.social-share-fixed {
    margin-right: 145px;
}
.dropdown-toggle-fixed {
    margin-right: 265px !important;
}
	}
@media (max-width:1366px) {
div#navbar-menu-superior .navbar-nav>li>a {
    position: relative;
    display: block;
    padding: 10px 8px;
}
.search-fixed {
    margin-left: 330px;
}
.caja_func_sup.pull-right.hidden-xs {
    margin-right: 9%;
}
.social-share {
    margin-right: 8px;
}
div#leyenda_gral_top {
    margin-right: 90px;
}
.dropdown-toggle-fixed {
    margin-right: 230px !important;
}
.social-share-fixed {
    margin-right: 110px;
}}
@media (max-width: 1280px){
.social-share {
    margin-right: 5px;
}
.caja_func_sup.pull-right.hidden-xs {
    margin-right: 6%;
}
.search-fixed {
    margin-left: 290px;
}
div#carrito_top {
    margin-right: 145px;
}
div#leyenda_gral_top {
    margin-right: 50px;
}
.dropdown-toggle-fixed {
    margin-right: 178px !important;
}
.social-share-fixed {
    margin-right: 65px;
}}
@media (max-width:1024px) {
div#navbar-menu-superior .navbar-nav>li>a {
    padding: 10px 2px;
}
.social-share {
    margin-right: 98px;
}
div#leyenda_gral_top {
    margin-right: 205px;
}
div#carrito_top {
    margin-right: -15px;
}
.caja_func_sup.pull-right.hidden-xs {
    margin-right: 5%;
}
ul.nav.navbar-nav {
    margin-left: 5px;
}
.social-share-fixed {
    margin-right: 128px;
}
}
@media (max-width:480px) {
div#leyenda_gral_top {
    top: 60px;
    z-index: 10;
    position: absolute;
    right: 0;
    margin-right: 55px;
    font-size: 22px;
    color: #002750;
}
div#navbar-menu-superior {
    background: #fff;
    margin-left: -15px;
}}

input.btn.btn-compra {
	background:#4f96eb url(../imagenes/ico-boton.png) no-repeat 10px center !important;
	padding-left:50px; font:300 14px 'roboto', sans-serif
}
.slick-next::before {
    content: "\f152" !important; color:#000; font-family: "Font Awesome 5 Pro";
font-weight: 900;
}
.slick-prev::before {
	content: '\f191' !important; color:#000; font-family: "Font Awesome 5 Pro";
	font-weight: 900;
}
.slick-prev { left: -50px; }
.slick-next { right: -50px; }


@media (max-width:480px) {
	div.search, ul.social-share li.suscripcion, ul.social-share li.suscripcion + li {
		display:none
	}
	button.navbar-toggle {
		float:left; margin:27px 15px 8px 0px; padding:0
	}
	a.dropdown-toggle {
		margin-right:15px; top:28px
	}
	a.dropdown-toggle-fixed {
		margin-right:86px !important; top:28px
	}
	div.ban-top-izquierda a img {
		max-width:170px;
	}
	div.ban-top-izquierda {
		margin-top:0px !important	
	}
	.navbar ul#nav, .navbar-fixed-top ul#nav {
		margin-top: 0px;
	}
	ul.social-share, ul.social-share-fixed {
		margin:0px;
		left:0	
	}
	div#navbar-menu-superior {
		margin-top:15px
	}
	.dropdown-cart, .dropdown-cart-fixed {
    		position: fixed !important;
    		margin-right: 0px;
    		left: auto !important;
    		right: 0 !important;
    		margin-left: 0px;
    		position: fixed !important;
    		margin-right:15px
	}
	div#leyenda_gral_top {
    		top: 35px !important;
    		z-index: 100 !important;
    		position: absolute;
    		right: 0%;
    		margin-right: 50px;
    		font-size: 25px;
    		color: #000 ;
    		display:block
	}
	div#leyenda_gral_top a {
		color:#3095e3;
	}
	div#leyenda_gral_top a i {
		font-weight:700
	}
}

div.cajasoferta:eq(1),
div.cajasoferta:eq(2),
div.cajasoferta:eq(3) {
	width:33%
}

ul.subcate {
	list-style:none; margin:0; padding:0; margin-top:10px;
}
ul.subcate li {
	float:left; padding:8px; background:#e0e0e0; margin-right:8px; margin-bottom:8px;
}
ul.subcate li:hover {
	background:#d0d0d0;
}
div#hormiga h1 a {
	color:#3095e3; font: normal 24px 'roboto condensed', sans-serif
}
div.menu_pie {
	position:relative
}
div.datafiscal { position:absolute; right:0; top:0px; }
div.datafiscal img { height:70px; width:auto }


ul.botopie {
	list-style:none; margin:0; padding:0; clear:both; margin-bottom:60px;
}
ul.botopie li { float:left; }

ul.botopie li a { padding:8px 0; display:block;  }
ul.botopie li + li a { padding:8px 8px; display:block;  }
p.datos_pie { clear:both }



.imagen_subcategoria {
	width:280px; height:auto; display:block; margin:0 auto;
}
ul.subcate li {
    float: left;
    padding: 8px;
    background: #fff;
    margin-right: 0px;
    margin-bottom: 0px;
}
ul.subcate li:hover {
	background:#fff
}
span.titprod {
	text-align:center; display:block; color:#3095e3; font-weight:bold
}

@media (max-width: 480px) {.spotsleft {display: none;}}
@media (min-width: 1140px) {input.search-form { width: 430px;}}

input#iniciarpago {
    background: #e139a2;
    color: #fff;
    padding: 10px 20px;
}
.panel-heading .panel-heading:nth-child(1) {
    background: #00bcd4;
    padding: 10px;
}
h4.panel-title-filtros {
    color: #ffffff;
    padding: 5px;
}
i.indicator.pull-right.hasPlus:before {
    content: "\f0da";
}

div.post-description div.post-lead-image img {
	display:inline; float:left; margin:0 30px 30px 0
}
@media (max-width:480px) {
	div.post-description div.post-lead-image img {
		display:block; margin-bottom: 25px; width:100%
	}
	a.verpromos-mp {
		display:none;
	}
	.navbar-default {
		background-color: #fff;
		margin: 0;
		border: none;
		-webkit-box-shadow: 0 11px 8px -10px rgba(0,0,0,.5);
		-moz-box-shadow: 0 11px 8px -10px rgba(0,0,0,.5);
		box-shadow: 0 20px 25px -30px rgba(0,0,0,.8);
		padding-bottom: 0px !important;
		z-index: 10!important;
		height: 80px;
	}
	ul.social-share, ul.social-share-fixed {
		margin: 0px;
		left: 0;
		display: none;
	}
	/* Cambios 13/08 */

	.sns {
		display: inline-block;
	}

	span#nombre_usuario {
		display: none;
	}

	span#login_sup {
		display: none !important;
	}

	div#carrito_top {
		position: absolute !important;
		right: -65px !important;
		top: 23px !important;
		margin-right: -31px;
		width: 250px;
	}

	.caja_func_sup.pull-right.hidden-xs {
		display: inline-block !important;
		position: absolute;
		top: -6px;
		right: -25px;
		margin-right: 20%;
		color: #ffffff;
		padding: 0;
	}

	span#micuenta_top {
		display: none !important;
	}

	a.favoritos_top {
		display: none;
	}
}

header ul.navbar-nav > li:nth-child(8) a {
	background:#ff0 !important
}

/* CAMBIOS 5 / AGOSTO */

.social-share {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 99;
    display: none;
}

li.suscripcion.sns {
    margin-left: 30px;
	margin-right: 10px;
}

.fa-envelope::before {
    content: "\f0e0";
    color: white;
    font-size: 23px;
}

.fa-facebook-f::before, .fa-facebook::before {
    content: "\f082";
    color: white;
    font-size: 20px;
    position: relative;
    top: 1px;
}

.fa-instagram::before, .fa-instagram::before {
    content: "\f16d";
    color: white;
    font-size: 20px;
    position: relative;
    top: 1px;
}

.fa-youtube:before {
    content: "\f167";
    color: white;
    font-size: 20px;
    position: relative;
    top: 1px;
}

.search {
    left: 0;
    position: absolute;
    z-index: 99;
    top: 10px;
    margin-left: 240px;
    display: none;
}

div#leyenda_gral_top {
    top: 20px;
    z-index: 10;
    position: absolute;
    right: 12%;
    margin-right: 360px;
    font-size: 22px;
    display: inline-block;
	color: #3095e3 !important;
}

li.sns {
    margin-top: -3px;
}

.fa-search:before {
    content: "\f002";
    color: #3095e3 !important;
}

div#carrito_top {
    position: absolute;
    right: 0;
    top: 59px;
    margin-right: 62px;
    width: 250px;
}

a.dropdown-toggle {
    padding-top: 7px;
    display: block !important;
    position: absolute;
    top: 10px;
    z-index: 99;
    right: -110px;
    font-size: 21px;
    margin-right: 150px;
}

/**************************************** CUSTOM FEB 2026 ***********************************************/

body {
  --color-marca1: #009bde;
  --color-marca2: #232323;
  --color-marca3: #ffffff;
  --color-marca4: #858686;
  --color-marca5: #00BCD4;
  --color-marca6: #31c8dc;
  --color-marca7: #294a6b;
  --color-marca8: #e9efff;
  --color-marca9: #cae1ff;
  --color-marca10: #c2f8ff;
  --color-marca11: #e5f7ff;
  --color-marca12: #000000;
  padding-top: 0 !important;
}
.hormigafoot .row {
  margin: 0;
}

/******* HEADER *******/
header#header {
  margin-bottom: 41px;
  z-index: 100;
  position: sticky !important;
}
.ofertas header#header {
  margin: 0;
}

/*******TOP BAR*******/
.top-bar{
  display: none;
}
.social > a.dropdown-toggle {
  display: none !important;
}
.cotizacion {
  display: none;
}
@media (max-width: 767px) {
  .top-bar {
    line-height: 10px;
  }
  .top-bar a {
    color: var(--color-marca2);
    font-size: 18px;
  }
  ul#menutop li a,
  ul.social-share li a {
    padding: 5px;
  }
  li.suscripcion {
    display: none !important;
  }
}
/*******FIN TOP BAR*******/

/*******NAVBAR*******/
.navbar-fixed-top {
  top: auto;
}
.navbar-fixed-top {
  position: static;
}
.navbar-default {
  background-color: #fff;
  margin: 0;
  border: none;
  padding: 15px 0 0 0;
  z-index: 10 !important;
  height: auto;
}
.navbar-header {
  padding-top: 0;
}
.ban-top-izquierda {
  position: static;
  margin: 0;
}
.ban-top-izquierda img {
  max-height: 45px;
}
.navbar-superior .container {
  display: flex;
  row-gap: 15px;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
}
.navbar-superior .container::before, .navbar-superior .container::after {
  display: none;
}
div#navbar-menu-superior {
  order: 99;
  width: 100%;
  padding: 0;
  max-height: 85vh;
  position: relative;
}
div#navbar-menu-superior::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100vw - 15px);
  height: calc(100% + 1px);
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 1px solid #0000001f;
}
header ul.nav.menu-info {
  display: flex !important;
  margin-left: 0;
  position: relative;
  left: -15px;
  padding-left: 0;
  box-shadow: none;
  border: none;
  width: 100%;
  flex-wrap: wrap;
  background: transparent;
}
nav#navbar-sidebar {
  background: var(--color-marca3);
}
.navbar-fixed-top .navbar-collapse {
  padding: 0 15px;
}
.navbar-default .navbar-nav > li > a {
  font-weight: 700;
  color: var(--color-marca2) !important;
  opacity: 0.9;
  cursor: pointer;
  font-family: var(--tipografia-principal);
  letter-spacing: 0.3px;
}
.navbar-default .navbar-nav > li > a span:not(.caret) {
  background: var(--color-marca6);
  padding: 6px 12px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.dropdown-menu {
  background: var(--color-marca3) !important;
  border-radius: 8px;
}
.dropdown-menu > li > a {
  padding: 5px 20px;
  color: var(--color-marca2);
  border-left: 4px solid var(--color-marca3);
  border-radius: 7px;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background: var(--color-marca11);
  color: var(--color-marca2);
  border-left: 4px solid var(--color-marca1);
}
.navbar-nav.navbar-left > li > a {
  font-weight: 400;
  color: #444;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.dropdown-menu {
  color: var(--color-marca2);
  opacity: 1;
}
.navbar-nav.sm-collapsible .caret:before {
  font-size: 20px !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background: transparent !important;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background: var(--color-marca11) !important;
}
ul.nav.navbar-nav {
  margin-left: 0;
  margin-top: 0px;
  box-shadow: var(--box-shadow);
  --box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 0 0 rgba(0, 0, 0, 0.05);
  --box-shadow-over: 0 0 16px rgba(0, 0, 0, 0.14);
}
.navbar-fixed-top ul#nav {
  margin-top: 0px;
}
@media (max-width: 1024px) {
  header .navbar-nav > li > a {
    padding: 10px 8px;
  }
}
@media (max-width: 768px) {
  .primero > div {
    pointer-events: none;
  }
  .navbar-superior .container {
    padding: 10px 15px;
    box-shadow: 0 5px 5px #00000010;
  }
  .navbar-header {
    display: flex;
    align-items: center;
  }
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover {
    background: transparent;
  }
  .navbar-default {
    padding: 0;
	padding-bottom: 55px !important;
  }
  .ban-top-izquierda {
    margin-left: 10px;
  }
  .ban-top-izquierda img {
    max-height: 50px;
  }
  .ban-top-izquierda a {
    width: 100% !important;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
    padding: 0;
    padding-right: 5px;
    margin: 0;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: var(--color-marca2);
  }
  div#navbar-menu-superior {
    position: absolute !important;
    left: 0;
    top: 100%;
    background: var(--color-marca9);
    order: 10;
    width: 100%;
    max-height: 85vh;
    border-top: none !important;
	margin: 0;
  }
  /* Primer nivel completamente distinto al fondo de los submenus transparentados
        div#navbar-menu-superior>ul>li>a {
            background: var(--color-marca1) !important;
        }*/
  header ul.nav.menu-info {
    flex-direction: column;
    left: 0 !important;
    margin: 0;
  }
  header .nav .dropdown-menu::before {
    display: none !important;
  }
  header ul.dropdown-menu .dropdown-menu {
    border-left: none !important;
  }
  header ul.nav.menu-info li a {
    text-align: start !important;
    padding: 10px 20px !important;
  }
  header ul.nav.menu-info > li > a {
    color: var(--color-marca2) !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    text-wrap: nowrap;
  }
  header ul.nav.menu-info li.open {
    background: transparent !important;
    position: relative;
    z-index: 2;
  }
  header ul.nav.menu-info li.open::before {
    position: absolute;
    content: "";
    background: #ffffff73;
    width: 100vw;
    height: 100%;
    top: 0;
    right: 0;
    display: block;
  }
  header ul.nav.menu-info#nav .open > a,
  header ul.nav.menu-info#nav .open > a:hover {
    position: relative;
    background: transparent !important;
    color: var(--color-marca3) !important;
    z-index: 2;
  }
  header ul.nav.menu-info .open > a::before {
    position: absolute;
    content: "";
    background: var(--color-marca1);
    width: 100vw;
    height: 100%;
    top: 0;
    right: 0;
    display: block;
    z-index: -1;
  }
  header ul.nav.menu-info li.open ul {
    position: relative;
    margin-left: 10px !important;
    border: 0 !important;
	background: transparent !important;
  }
  header ul.nav.menu-info .open .dropdown-menu > li > a {
    color: var(--color-marca2);
    background-color: transparent !important;
    border-radius: 0;
    border: none;
  }
  .navbar-nav.sm-collapsible a.has-submenu i {
    display: none;
  }
  .navbar-default .navbar-nav li > a .caret {
    background: var(--color-marca2) !important;
    height: auto;
    border: none;
  }
  .navbar-default .navbar-nav > li > a span:not(.caret) {
    background-color: transparent;
    padding: 0;
    font-weight: 600;
  }
}
@media (max-width: 480px) {
  .ban-top-izquierda {
    margin-left: 5px;
  }
  .ban-top-izquierda img {
    max-height: 40px;
  }
}
@media (max-width: 330px) {
  .ban-top-izquierda {
    width: 100%;
    margin-left: 0;
  }
  .ban-top-izquierda img {
    max-height: 35px;
  }
  ul.social-share li a {
    padding: 5px 7px;
  }
  .social ul.social-share {
    margin-right: 10px;
  }
}

/******BUSCADOR*****/
.caja_func_sup.pull-right > * {
  padding: 0 8px !important;
  line-height: normal !important;
}
.buscador {
  display: none;
}
.buscador i,
.buscador a {
  font-weight: 700;
  color: var(--color-marca2);
  font-size: 20px;
}
.top-number .buscador ul.dropdown-menu {
  position: fixed;
  right: 0;
  top: 105px;
  left: 0;
  transform: none;
  padding: 0;
  margin: 0;
  border: 0px;
}
.top-number-fixed .buscador ul.dropdown-menu {
  top: 67px;
}
.navbar-superior.navbar-fixed-top .buscador ul.dropdown-menu {
  width: 100%;
  left: 0 !important;
  top: 100%;
  margin: 0;
}
.buscador ul.dropdown-menu input.search-form {
  padding: 20px;
  width: calc(100% - 20px);
  margin: 10px;
  font-size: 16px;
  border-bottom: 0 !important;
  border: 0;
  outline: none;
  font-family: var(--tipografia-principal);
}
.buscador form#form-buscar {
  width: 90%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 15px;
  background: var(--color-marca11);
  box-shadow: none;
}
form#form-buscar button {
  background: var(--color-marca1);
  border: 2px solid var(--color-marca1);
  border-radius: 8px;
}
.buscador form#form-buscar i, .buscador form#form-buscar i::before {
  color: var(--color-marca3) !important;
  min-width: 18px;
  vertical-align: middle;
}
.buscador button.btn.btn-buscartop {
  order: 1;
}
.buscador button.btn.btn-close {
  order: -1;
}
div#palabra-autocomplete-list {
  background: var(--color-marca11);
  border: none;
}
div#palabra-autocomplete-list .autocomplete-item,
div#palabra-autocomplete-list .autocomplete-ver-mas {
  width: 90%;
  padding-left: 15px;
  margin: 8px auto 15px;
  border-radius: 8px;
}
@media (min-width: 1920px) {
  .buscador form#form-buscar {
    width: 75%;
  }
  div#palabra-autocomplete-list .autocomplete-item,
  div#palabra-autocomplete-list .autocomplete-ver-mas {
    width: calc(75% - 25px);
  }
}
@media (max-width: 1024px) {
  .buscador form#form-buscar {
    width: 100%;
  }
  div#palabra-autocomplete-list .autocomplete-item,
  div#palabra-autocomplete-list .autocomplete-ver-mas {
    width: calc(100% - 25px);
  }
}
@media (max-width: 768px) {
  .autocomplete-items {
    position: absolute !important;
    border-radius: 0 0 20px 20px !important;
  }
  .buscador ul.dropdown-menu.dropdown-cart {
    width: 100%;
    top: 100% !important;
    left: 0 !important;
    position: absolute !important;
    margin: 0;
	display: block;
  }
  .buscador {
    float: right;
  }
  .buscador ul.dropdown-menu li {
    width: 100%;
    margin: 0 auto;
  }
  .buscador ul.dropdown-menu i {
    color: white;
  }
  .buscador ul.dropdown-menu input.search-form {
    padding: 20px;
    width: 100%;
    margin: 10px;
    letter-spacing: 0.8px;
    border-bottom: 0px !important;
    border: none;
    font-weight: 500;
  }
  .buscador ul.dropdown-menu input.search-form::placeholder {
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 500;
  }
  .buscador ul.dropdown-menu input.search-form:active {
    border: 0px;
  }
  .buscador a.btn.btn-lg,
  a.registracion {
    padding: 0px 10px;
  }
  .buscador a:hover i,
  .buscador a i {
    font-weight: 700;
    font-size: 17px;
  }
  .buscador form#form-buscar {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
  }
  .buscador button.btn {
    font-size: 16px;
    padding: 6px 10px;
  }
  .buscador a.dropdown-toggle {
    position: relative !important;
	left: 0;
	top: 0;
	margin: 0 !important;
	padding-top: 0;
    font-size: 16px;
    color: var(--color-marca2);
	display: none !important;
  }
  .caja_func_sup .buscador {
    display: block;
	padding: 0 !important;
  }
}
/*****FIN BUSCADOR******/

/****SEARCH*****/

header input.search-form {
  border: none !important;
  box-shadow: 0 0 4px #33333329;
  border-radius: 8px;
  padding: 6px 12px 6px 35px;
  margin: 0;
  width: 100%;
}
header .search input.search-form {
  border: 1px solid var(--color-marca4);
}
header .search {
  flex: 1;
  margin: 0 45px !important;
  position: static;
  display: block;
}
form#form-busqueda-avanzada {
  position: relative;
}
form#busquedaAvanzada button {
  background: transparent;
  padding: 8px 15px;
}
form#busquedaAvanzada input {
  padding-left: 40px;
  border-radius: 8px;
}
form#busquedaAvanzada .input-group-btn {
  z-index: 3;
}
form#busquedaAvanzada .form-control:focus {
  border-color: var(--color-marca9);
}
.busquedaAvanzada .input-group {
  width: 100%;
}
.input-group-btn {
  float: left !important;
  position: absolute;
  top: 0;
}
.search button.btn-buscartop {
  padding: 8px 15px !important;
  background: transparent !important;
}
button.btn-buscartop {
  background: transparent !important;
}
.autocomplete {
  width: 100% !important;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-radius: 20px;
  overflow: hidden;
  border-bottom: none;
  border-top: none;
  z-index: 2;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 80vh;
  overflow-y: auto;
}
.autocomplete-items div {
  background: var(--color-marca3) !important;
}
.autocomplete-items div img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 4px;
}
input.search-form:focus,
input.search-form:hover {
  width: 100%;
}
@media (max-width: 767px) {
  .top-bar .search {
    background: var(--color-marca11);
    padding-right: 10%;
    width: 100%;
    margin-right: 0px;
    padding-top: 8px;
    display: block;
  }
  header .search {
    /*display: none !important;*/
	position: absolute !important;
	top: 100%;
	left: 0;
	width: 100%;
	margin: 0 !important;
	background: var(--color-marca11);
	padding: 10px 15px;
  }
}
/*****FIN SEARCH*****/

/**** MENU DESPLEGABLE PERFIL ****/
.caja_func_sup ::before {
  font-weight: 400 !important;
}
.estaLogueado span#login_sup {
  display: none !important;
}
span#micuenta_top {
  display: block;
}
.estaLogueado span#micuenta_top,
span#login_sup {
  position: relative;
  display: flex !important;
  gap: 10px;
  padding: 11px 16px !important;
  margin: 0 -8px;
  cursor: pointer;
  background: transparent;
  flex-direction: column;
}
span#micuenta_top:hover::after,
span#login_sup:hover::after {
  content: "";
  top: 0;
  right: 0;
  position: absolute;
  display: block;
  height: 100px;
  width: 140px;
}
span#micuenta_top::before {
  padding-top: 4px;
}
span#micuenta_top::before,
span#login_sup::before {
  content: "\f007";
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  display: block;
  color: var(--color-marca1);
  margin: 0;
  top: 0;
}
header .caja_func_sup span:hover::before,
header .caja_func_sup a:hover i,
header .caja_func_sup a:hover::before {
  color: var(--color-marca6) !important;
}
#micuenta_top .cambiar_cuenta_top,
#micuenta_top .terminar_sesion_top,
span#login_sup a {
  display: none;
  position: absolute;
  background: white;
  white-space: nowrap;
  z-index: 100;
  right: 0;
  text-decoration: none;
  color: #333;
  width: 120px;
  min-width: min-content;
  top: 100%;
  padding: 10px 12px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}
span#login_sup:hover a,
span#login_sup:focus a {
  display: block;
}
#micuenta_top:hover .cambiar_cuenta_top,
#micuenta_top:hover .terminar_sesion_top,
#micuenta_top:focus .cambiar_cuenta_top,
#micuenta_top:focus .terminar_sesion_top {
  display: block;
}
a.cambiar_cuenta_top {
  border-radius: 7px 7px 0 0;
}
a.terminar_sesion_top {
  transform: translateY(100%);
  border-radius: 0 0 7px 7px !important;
}
span#login_sup a.registracion {
  transform: translateY(100%);
  border-radius: 0 0 7px 7px !important;
}
span#login_sup a {
  border-radius: 7px 7px 0 0;
}
.registracion:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f234";
  font-size: 18px;
}
#login_sup:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f090";
  font-size: 18px;
}
.terminar_sesion_top:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f08b";
  font-size: 18px;
}
.cambiar_cuenta_top:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f013";
  font-size: 18px;
}
#nombre_usuario:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f007";
  font-size: 18px;
  display: none;
}
a.ircarrito:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f290";
  font-size: 18px;
}
#login_sup:before,
#nombre_usuario:before,
.cambiar_cuenta_top:before,
.registracion:before,
.terminar_sesion_top:before {
  margin-left: 0;
}
#login_sup:before {
  margin-top: 0px !important;
}
#login_sup a:not(.registracion)::before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  content: "\f090";
  font-size: 18px;
  position: relative;
  top: 3px;
  padding-right: 0;
  margin-left: 10px;
}
#login_sup:before {
  margin-top: 0px !important;
  display: none;
}
@media (width: 767px) {
  .caja_func_sup.pull-right.hidden-xs {
    display: flex !important;
    margin-top: 0;
    flex: 1;
    justify-content: flex-end;
  }
  .caja_func_sup.estaLogueado span#nombre_usuario {
    display: none;
  }
  .caja_func_sup.pull-right.hidden-xs span.whatsapp-top {
    display: none;
  }
  #carrito_top,
  #login_sup,
  #micuenta_top,
  #nombre_usuario,
  #login_sup a,
  #login_sup:before,
  a.cambiar_cuenta_top,
  a.terminar_sesion_top {
    display: none;
  }
}
/**** FIN MENU DESPLEGABLE PERFIL ****/
/**** MENU PERFIL ****/
.registracion:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f234";
  font-size: 18px;
}
#login_sup:before {
  display: none;
}
.terminar_sesion_top:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f08b";
  font-size: 18px;
}
.cambiar_cuenta_top:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f013";
  font-size: 18px;
}
#nombre_usuario:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f007";
  font-size: 18px;
  display: none;
}
#login_sup a, #nombre_usuario {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
#login_sup a::before, #nombre_usuario::before{
  position: static;
}
a.ircarrito:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f290";
  font-size: 18px;
}
#login_sup a:not(.registracion)::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f090";
  font-size: 18px;
}
@media (max-width: 767px) {
  .caja_func_sup ::before {
    font-weight: 400 !important;
  }
  .estaLogueado span#login_sup {
    display: none !important;
  }
  span#micuenta_top {
    display: block;
  }
  .estaLogueado span#micuenta_top,
  span#login_sup {
    position: relative;
    display: flex !important;
    gap: 10px;
    padding: 11px 16px !important;
    margin: 0 -8px;
    cursor: pointer;
    background: transparent;
    flex-direction: column;
  }
  span#micuenta_top:hover::after,
  span#login_sup:hover::after {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    display: block;
    height: 100px;
    width: 140px;
  }
  span#micuenta_top::before {
    padding-top: 4px;
  }
  span#micuenta_top::before,
  span#login_sup::before {
    content: "\f007";
    font-family: "Font Awesome 6 Pro";
    font-size: 18px;
    display: block;
    color: var(--color-marca1);
    margin: 0;
    top: 0;
  }
  header .caja_func_sup span:hover::before,
  header .caja_func_sup a:hover i,
  header .caja_func_sup a:hover::before {
    color: var(--color-marca6) !important;
  }
  #micuenta_top .cambiar_cuenta_top,
  #micuenta_top .terminar_sesion_top,
  span#login_sup a {
    display: none;
    position: absolute;
    background: white;
    white-space: nowrap;
    z-index: 100;
    right: 0;
    text-decoration: none;
    color: #333;
    width: 120px;
    min-width: min-content;
    top: 100%;
    padding: 10px 12px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  }
  span#login_sup:hover a,
  span#login_sup:focus a {
    display: block;
  }
  #micuenta_top:hover .cambiar_cuenta_top,
  #micuenta_top:hover .terminar_sesion_top,
  #micuenta_top:focus .cambiar_cuenta_top,
  #micuenta_top:focus .terminar_sesion_top {
    display: block;
  }
  a.cambiar_cuenta_top {
    border-radius: 7px 7px 0 0;
  }
  a.terminar_sesion_top {
    transform: translateY(100%);
    border-radius: 0 0 7px 7px !important;
  }
  span#login_sup a.registracion {
    transform: translateY(100%);
    border-radius: 0 0 7px 7px !important;
  }
  span#login_sup a {
    border-radius: 7px 7px 0 0;
  }
  .registracion:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f234";
    font-size: 18px;
  }
  #login_sup:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f090";
    font-size: 18px;
  }
  .terminar_sesion_top:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f08b";
    font-size: 18px;
  }
  .cambiar_cuenta_top:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f013";
    font-size: 18px;
  }
  #nombre_usuario:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f007";
    font-size: 18px;
  }
  a.ircarrito:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f290";
    font-size: 18px;
  }
  #login_sup:before,
  #nombre_usuario:before,
  .cambiar_cuenta_top:before,
  .registracion:before,
  .terminar_sesion_top:before {
    margin-left: 0;
  }
  #login_sup:before {
    margin-top: -3px !important;
  }
  #login_sup a:not(.registracion)::before {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    content: "\f090";
    font-size: 18px;
    position: relative;
    top: 3px;
    padding-right: 0;
    margin-left: 10px;
  }
  #login_sup:before {
    margin-top: -3px !important;
    display: none;
  }
  .caja_func_sup.pull-right.hidden-xs {
    display: flex !important;
    margin-top: 0;
    flex: 1;
    justify-content: flex-end;
  }
  .caja_func_sup.pull-right.hidden-xs span.whatsapp-top {
    display: none;
  }
  #login_sup,
  #micuenta_top,
  #nombre_usuario,
  #login_sup a,
  #login_sup:before,
  a.cambiar_cuenta_top,
  a.terminar_sesion_top {
    display: none;
  }
}
/**** FIN MENU PERFIL ****/

/**** LOGIN Y CARRITO MENU ****/
header .caja_func_sup {
  display: flex !important;
  position: static !important;
  align-items: center;
  gap: 1px;
  height: 45px;
  margin: 0 !important;
  order: 5;
  justify-content: flex-end;
}
header div#carrito_top {
  position: static !important;
  width: auto;
  margin: 0 0 3px !important;
  line-height: normal !important;
  order: 9;
}
header div#carrito_top > a {
  right: 0;
}
.caja_func_sup {
  margin-top: 13px;
}
.caja_func_sup,
.caja_func_sup a {
  color: var(--color-marca2) !important;
}
.caja_func_sup span#nombre_usuario {
  display: initial;
  max-width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
span#nombre_usuario strong {
  font-weight: 400;
}
span#login_sup a i {
  font-size: 21px;
  vertical-align: middle;
  margin-left: 10px;
}
div#carrito_top {
  float: right;
  margin-top: 5px;
  margin-left: 5px;
}
#cantidad_carrito.badge {
  background: var(--color-marca2);
  left: 12px;
  top: -7px;
}
@media (max-width: 767px) {
  header .caja_func_sup {
    flex: 1;
  }
  .caja_func_sup span#nombre_usuario {
    display: none;
  }
}
/*****FIN LOGIN MENU*****/
/*******FIN NAVBAR*******/
/*******FIN HEADER*******/