/* 
DISEÑADO / MAQUETADO / PROGRAMADO POR: POR OBJETIVO VIRTUAL :) */

/*=====================================================================
	ESTILOS GENERALES:
======================================================================*/

/* BLANCO Y NEGRO */

@c00: #000000; 
@c0:  #ffffff;

/* COLORES PRINCIPALES */

@c1:  #fe6e05; 
@c2:  #fff204; 
@c3:  #c84300;
@c4:  #DFB29F;

/* COLORES SECUNDARIOS */

@cc1:  #9fc04b; 
@cc2:  #9fc04b; 
@cc3:  #9fc04b;
@cc4:  #9fc04b;


/* ESCALA DE GRISES PRINCIPALES*/

@cg1:  #636363;
@cg2:  #838383;
@cg3:  #b9b9b9;
@cg4:  #D3D3D3;
@cg5:  #e3e3e3;


/* ESCALA DE GRISES OSCUROS Y CLAROS */

@cgo1: #111111;  @cgc1:  #aaaaaa;
@cgo2: #222222;  @cgc2:  #a5a5a5;
@cgo3: #333333;  @cgc3:  #bbbbbb;
@cgo4: #444444;  @cgc4:  #b5b5b5;
@cgo5: #555555;  @cgc5:  #cccccc;
@cgo6: #666666;  @cgc6:  #c5c5c5;
@cgo7: #777777;  @cgc7:  #dddddd;
@cgo8: #888888;  @cgc8:  #dgdgdg;
@cgo9: #999999;  @cgc10: #e5e5e5;



/**************** FUENTES ****************/

/* FUENTES PRINCIPALES */

.fp1 {font-family: 'Raleway', sans-serif;} 
.fp2 {font-family: 'Roboto Condensed', sans-serif;} 

/* FUENTE TEXTOS */

.ft1 {font-family: 'Raleway', sans-serif;}
.ft2 {font-family: 'Roboto Condensed', sans-serif;}

/* FUENTES ESPECIALES */

.fe1 {font-family: 'Raleway', sans-serif;}


/*=====================================================================
	BASE:
======================================================================*/

/**************** GENERALES ****************/

body {}

.none {display:none;}
.over {overflow:hidden;}
.f-left {float:left;}
.f-right {float:right;}
.center {text-align: center;}
.relative {position: relative;}


/**************** TIPOGRAFICOS ****************/

h1 {font-size:15px;margin:0px;}
.strong {font-weight: 700;}
.italic {font-style: italic;}

/**************** OPACIDAD ****************/

.op00 {opacity: 0.0;filter: alpha(opacity=00);}
.op10 {opacity: 0.1;filter: alpha(opacity=10);}
.op20 {opacity: 0.2;filter: alpha(opacity=20);}
.op30 {opacity: 0.3;filter: alpha(opacity=30);}
.op40 {opacity: 0.4;filter: alpha(opacity=40);}
.op50 {opacity: 0.5;filter: alpha(opacity=50);}
.op60 {opacity: 0.6;filter: alpha(opacity=60);}
.op70 {opacity: 0.7;filter: alpha(opacity=70);}
.op80 {opacity: 0.8;filter: alpha(opacity=80);}
.op90 {opacity: 0.9;filter: alpha(opacity=90);}
.op100 {opacity: 1.0;filter: alpha(opacity=100);}

/**************** EFECTOS ****************/

.eff (@eff:0) {-webkit-transition: all ~"@{eff}s" ease;-moz-transition: all ~"@{eff}s" ease;-o-transition: all ~"@{eff}s" ease;transition: all ~"@{eff}s" ease infinite;}
.eff-rotate (@rotate:0){-moz-transform: rotate(~"@{rotate}deg");-webkit-transform: rotate(~"@{rotate}deg");-o-transform: rotate(~"@{rotate}deg");-ms-transform: rotate(~"@{rotate}deg");transform: rotate(~"@{rotate}deg");}
.eff-zoom (@zoom:0) {-moz-transform: scale(~"@{zoom}");-webkit-transform: scale(~"@{zoom}");-o-transform: scale(~"@{zoom}");-ms-transform: scale(~"@{zoom}");transform: scale(~"@{zoom}");}

/**************** ESCALA DE GRISES ****************/

.grayy (@grayy:0%) {-webkit-filter: grayscale(@grayy);-moz-filter: grayscale(@grayy);-ms-filter: grayscale(@grayy);-o-filter: grayscale(@grayy);filter: grayscale(@grayy); filter: Gray();}

/**************** BORDES ****************/

/* BORDES INTELIGENTES */

.border-left {-webkit-box-shadow: -1px 0px 0px 0px @cg5;-moz-box-shadow:-1px 0px 0px 0px @cg5;box-shadow: -1px 0px 0px 0px @cg5;}
.border-right {-webkit-box-shadow: 1px 0px 0px 0px @cg5;-moz-box-shadow:1px 0px 0px 0px @cg5;box-shadow: 1px 0px 0px 0px @cg5;}
.border-bottom {-webkit-box-shadow: 0px 1px 0px 0px @cg5;-moz-box-shadow:0px 1px 0px 0px @cg5;box-shadow: 0px 1px 0px 0px @cg5;}
.border-top {-webkit-box-shadow: 0px -1px 0px 0px @cg5;-moz-box-shadow:0px -1px 0px 0px @cg5;box-shadow: 0px -1px 0px 0px @cg5;}

/* BORDES CIRCULARES */

.radd (@radd:0px) {-webkit-border-radius: @radd;-moz-border-radius: @radd;border-radius: @radd;}
.rad5bot {-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.rad10bot {-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.rad5top {-webkit-border-top-right-radius: 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-topleft: 5px;border-top-right-radius: 5px;border-top-left-radius: 5px;} 
.rad10top {-webkit-border-top-right-radius: 10px;-webkit-border-top-left-radius: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-topleft: 10px;border-top-right-radius: 10px;border-top-left-radius: 10px;} 

/**************** SOMBRAS ****************/
.sombra-nueva {background: url(../img/sombra-nueva.png) no-repeat top; background-size: 100% 23px;height: 23px; float:left;width: 100%; .op90; z-index: -2;    position: absolute;    bottom: -21px;}
.sombra-mod {background: url(../img/sombra.png) no-repeat top;    background-size: 100% 10px;    height: 10px;.op70;    float: left;    width: 100%;    position: absolute;    bottom: 0px;    z-index: 1000;}
.sombra-v {background: url(../img/sombra-v.png) no-repeat top; background-size: 15px 100%; height:100%; float:left; width: 10px; }
.sombra-on {background: url(../img/sombra-top.png) no-repeat top; background-size: 100% 20px; height: 20px;   float: left;  width: 100%;}

.sombra-css {-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);}
.text-shadow {text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.7);}

/**************** FONDOS ****************/

.backk (@backk:100% 100%) {  -webkit-background-size: @backk;  -moz-background-size: @backk;  -o-background-size: @backk;  background-size: @backk;}


/**************** FONDOS DEGRADE ****************/

.grad-black {background: rgb(85,85,85);background: -moz-linear-gradient(top,  rgba(85,85,85,1) 0%, rgba(37,37,37,1) 100%);background: -webkit-linear-gradient(top,  rgba(85,85,85,1) 0%,rgba(37,37,37,1) 100%);background: linear-gradient(to bottom,  rgba(85,85,85,1) 0%,rgba(37,37,37,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#252525',GradientType=0 );}

/**************** OBJETIVO VIRTUAL ****************/

#footer_ov {float:right;}
#footer_ov p {opacity: 0.7;filter: alpha(opacity=20); color:@c0;  font-size:18px; float:left; margin:0px 5px 0px 0px;.fp1; line-height: 25px}
#footer_ov:hover p {opacity: 1;filter: alpha(opacity=50);}
#footer_ov img {float:left}
#footer_ov:hover img {opacity: 1;filter: alpha(opacity=100);}

/**************** PAGINADOR ****************/

#paginador {    float: right;    width: 100%;    margin-top: 30px;margin-bottom:30px;text-align:center;}
#paginador {
	.paginador_bottom {width: 100%;float: right; margin:30px 0px;}
	.contenedor_paginador {display:inline-block; margin-bottom: 15px;margin-top: 12px;float:right;}
	.text {float: left;color: @cg3;	font-weight: 400;	margin-top: 5px;}
	.contenedor_paginador a {.fp1;.radd (@radd:3px); background-color: #ffffff;	margin-left: 8px;      width: 50px;    height: 30px;    line-height: 18px;    font-size: 15px;	border: 1px solid #ddd;	float: left;	text-align: center;	padding:5px;	color: @cg1;}
	.contenedor_paginador .active,.contenedor_paginador a:hover {background:@c4; color:@c0; border:1px solid @c4;}
}

/**************** SUBIR ****************/

.back-to-top {background-color:@c2; cursor: pointer;position: fixed;bottom: 0;right: 15px;display:none; .radd (@radd:0px); .rad5top; border:none!important;z-index: 100000}
.back-to-top:hover, .back-to-top:active, .back-to-top:focus {background-color:@c1;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {background-color: @c1}


/*=====================================================================
	ESTRUCTURA:
======================================================================*/

/********************
	GENERALES
********************/

	/* width */
	::-webkit-scrollbar { width: 8px;}
	/* Track */
	::-webkit-scrollbar-track { background: #f5f5f5; }
	 /* Handle */
	::-webkit-scrollbar-thumb {background: rgb(66,66,66);
	background: linear-gradient(0deg, rgba(66,66,66,1) 0%, rgba(130,130,130,1) 100%); .radd (@radd:0px); }
	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover { background: #999; }


	div, p, span, i, b, strong, ul, li, a, {.fp1;}
	html, body {height:100%;}
	ul li {list-style: none;}
	label {cursor: initial;}
	#content {overflow: initial;}
	.container {max-width: 1700px;padding-left:35px; padding-right:35px;}
	#wrapper {overflow-x: hidden;}

	header #header-wrap { background: #fff;}

	.responsive {display: none}
	.no-responsive {display: inline-block;}

	@media (max-width: 767px) {
		.responsive {display: inline-block;}
		.no-responsive {display: none}
	}

	@media (max-width: 575px) {
		body .container, body #header.full-header .container, body .container-fullwidth {
		    width: 100% !important;
		    padding-left: 15px !important;
		    padding-right: 15px !important;
		}
	}

/********************
	DEGRADADOS 
********************/

	.fondo-gradient {background: rgb(180,65,0);background: linear-gradient(90deg, rgba(180,65,0,1) 0%, rgba(252,126,30,1) 100%);}
	.fondo-gradient-2 {		background: #5C5354	}



/*=====================================================================
HEADER:
======================================================================*/

/******************** 
 HEADER GENERALES
********************/

	#header {border:none;}
	#header, #header-wrap {height: initial; float:left; width: 100%;}
	#primary-menu-trigger {width: initial;}
	#top-search, #top-cart, #side-panel-trigger, #top-account{padding: 0px; margin: 0px;}
	#top-cart, #side-panel-trigger, .login {float: right; padding:0px;}
	#top-cart:hover, #side-panel-trigger:hover, #top-search-trigger .img-lupa:hover,  #contacto-icono:hover, #panel-icono .off:hover {}
	#top-search-trigger {height: initial!important;}
	#top-search-trigger, #top-cart-trigger {.op100} 
	#top-search-trigger:hover, #top-cart-trigger:hover {.op100}


	.linea-colores {background: url(../img/linea.png) center center;background-size: 100% 100%; width: 100%; height: 6px; float:left;}
	


	.combinado {float:right;}
	.botonera-estructura-2 {float:left; width: 100%;background: #fff;}
	.botonera-estructura {float:left; width: 100%; background:url(../img/texture4.png) #d35500 repeat;}
	.botonera-modulo {display: inline-block;width: 100%; float:left; text-align: center; }

	.box-otras-secciones {font-size:12px;letter-spacing: 1px;}
	.box-otras-secciones span {margin: 8px 15px;float:left;}
	.box-otras-secciones a {padding:8px 0px;float:left;}
	.box-otras-secciones a:hover {color:@c1;}

	.botonera-derecha {float:left;}
	.botonera-izquierda {float:right;}


	.gradient-color {}
	.nav-mod {float:left; width: 100%; margin-top: 60px; margin-bottom: 40px;text-align: center;}

	.navegacion-responsiva-box, .navegacion-responsiva {display: none;}
	.si-resp {display: none;}


	@media (max-width: 1200px) {
		.botonera-estructura {height: 63px;}
		.box-otras-secciones {display: none;}
		#top-search-trigger, #top-cart-trigger {.op100} 
		.nav-mod {margin-bottom:32px;}
		.navegacion-responsiva-box {display:inline-block;}
		.navegacion-responsiva {display: block;}
		.no-resp {display: none;}
		.si-resp {display: block; float:left!important;}
		.si-resp .destacado img {margin-top:4px;}
	    html #header, html #header-wrap {height: auto!important;}
	    #side-panel-trigger {display: none;}
	}

	@media (max-width: 600px) {
		#header .nav-mod {margin:10px 0px;}
	}

/******************** 
BUSCADOR 100%
********************/

	#top-search {cursor: pointer;float:left;height: initial;}
	#top-search {
		a {    width: initial;.fp1; font-size:18px;color:#636363;font-size:18px;}
		a span {margin-right:10px;}
		a .icon-line-search {position: initial; float:right;}
		i.icon-line-cross {right:0px; left:initial;float: right; position: absolute; font-size: 21px!important; top:10px;color:#fff;}
		a i:hover {color:#222;}
		i.icon-line-cross {top:18px;.eff (@eff:0);}

		form {.eff (@eff:0);}
		form input {color:@c0; font-size:15px; font-weight: 400;.fp1;padding: 6px 30px 6px 10px;height: 47px;margin-top:7px!important;    border-bottom: none; }
		form input::placeholder {color:#fff;}
		form input:-ms-input-placeholder {color:#fff;}
		form input::-ms-input-placeholder {color:#fff;}

		.img-lupa {max-width: 22px;}
	}

	@media (max-width: 991px) {
		#top-search a {position: initial!important;   margin:0px 5px!important;   font-size: 21px!important;    float: left;}
	}


	.icon-line-cross {display: block}

	
	body.top-search-open {
		#header-wrap #logo, #header-wrap .login-nuevo {display: none!important}
		#top-search a i.icon-search-mod, #top-search a i.icon-line-cross {opacity: 1;}
		#top-search form {display: block!important;    padding: 0 25px;}
		#header-wrap #logo {opacity: 1;}
		.si-resp {display: none!important}
		.botonera-principal {display: none;}
		#top-search a i.icon-line-cross {display: block;opacity: 1;}
		#primary-menu > ul {.op00;}
		#contacto-icono {.op00;}
		#top-search .img-lupa {opacity: 0;}
		#header-wrap #top-search-trigger .img-lupa{opacity: 0;}
		#header-wrap .bootstrap-select {opacity: 0;}
		#header-wrap #top-search-trigger .icon-line-cross {float:right;color:#fff;top:1px;margin-top: 0px;}
		#header-wrap #top-search {width: 100%;}
		#top-search a span, .login {opacity: 1;margin:0px;}
		#top-cart {display: none;}
	}

	@media (max-width: 1200px) {
		#header-wrap .login-nuevo {padding: 0px;    max-width: 21px;    margin-top: 16px;    margin-right: 8px;}
	}

	@media (max-width: 1200px) {
		body.top-search-open #header-wrap #top-search-trigger .icon-line-cross {float: right;width: initial; position: relative;top: 3px!important;}
	}

/******************** 
CARRITO
********************/

	#top-cart {float:right;margin-left:5px; width: 27px;position: relative; z-index: 2;padding-bottom:0px!important;    margin-right: 8px;margin-top:2px;}
	#top-cart {
		a {font-size: 24px!important;line-height: 18px; width: 25px;position: relative;}
		a span {background: @c1; color:@c0;right: -8px;    top: -3px;}
		a:hover i {color:@c0;}
		i { color:@cg2; }
	}

	@media (max-width: 991px) {
		#top-cart {position: initial!important;float:right;margin:0px!important;}
	}
	@media (max-width: 600px) {
	   #top-cart {display: inline-block!important;width: 25px;}
	}



/******************** 
CONTACTO
********************/

	#contacto-icono {float:left;}

/******************** 
COMO COMPRAR
********************/

	#como-comprar {
		.modal-header, .modal-body, {padding:15px 30px;}
		.modal-header .close {padding:19px;}
		.modal-header {background:#f5f5f5}
		.modal-title {font-size: 21px; .fp2;font-weight:300;}
		.modal-body p {font-size:16px; .fp2;margin-top:15px;}
		.modal-body p b {color:@c1}
	}

/******************** 
LOGIN
********************/

	#panel-icono {.eff (@eff:0.5);}

	.login-nuevo {padding:20px 25px 20px 0px; color:#fff; float:left;   font-weight: 300;    font-size: 14px;    letter-spacing: 1px;    text-transform: initial;}
	.login-nuevo:hover {color:#fff204;}

	.login {font-size:21px;float:right; margin:0px; line-height: 18px; position: relative; z-index: 2;}
	.login:hover {color:@c1;}
	.login .acceso {font-size:12px;}
	.login .usuario-activo {color:@c1;}
	.logueado .quiero-registrarme, .logueado .acceso {display: none}
	.logueado .on {color:@c1;display: block;}
	.login.logueado .on .letra {position: absolute; bottom: -6px; right: -10px; background: #ce9eb7; width: 18px;    height: 18px;    text-align: center;    font-size: 11px;    line-height: 19px;    .radd (@radd:255px);    color: #ffffff;    text-align: center;    padding-left: 2px;}

	#seleccionado #sin-loguear {display: none}


	#myModalLogin {z-index: 100000;padding:35px!important;margin-bottom:0px;    background: rgba(245, 245, 245, 0.1);}
	#myModalLogin {
		.modal-dialog {max-width: 680px;z-index: 1000000;margin: auto auto;display: table;height: 100%; width:100%;}
		.modal-body {padding: 0px;}
		.modal-content {background-color: transparent;border:none; box-shadow: none; display: table-cell; vertical-align: middle;}
		.close {border-radius:10px;cursor:pointer;     background-color: rgba(0, 0, 0, 0.35);  height: 30px; width: 30px; right: 10px;    top: 0px; position: absolute;.op100;color: #fff;font-size: 16px;     margin-top: 10px;}
		.close:hover {background-color: rgba(0, 0, 0, 0.50); }
	}

	#ingresar {background: transparent!important; width: 100%;}
	#ingresar {
		input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #e6e5e5 inset; border:1px solid #666666; color:@c1;	}
		input:-webkit-autofill {-webkit-text-fill-color: @cg1;}
		.notificacion {background:#f5f5f5; color:@cg1;position:relative; z-index:10; text-align: center; padding:20px 5%; .fp2; font-size:14px;-webkit-box-shadow: 0px -5px 4px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px -5px 4px 0px rgba(0,0,0,0.75);	background: #eee;	    box-shadow: -1px -3px 3px 1px rgba(0, 0, 0, 0.33);}
		.notificacion a{color:@c1}
		.notificacion a:hover {color:@c3;}
		.botones-login {width:100%;display:inline-block;position:relative; z-index:5;}
		.botones-login .boton {background:@c0; padding:10px 35px 15px 35px; display:inline-block; color:@cg1; .fp2; font-size:14px;border-top-right-radius: 10px;    border-top-left-radius: 10px;}
		.botones-login .boton:hover {background: @c3; color:@c0;}
		.botones-login .btn-activo {background:@c1; color:@c0;}
		.botones-login .btn-activo:hover {background: @c3}

		#wrapper {opacity: 100;    border-bottom-right-radius: 10px;    border-bottom-left-radius: 10px;}
		#wrapper .login-form {padding:25px; background: @c0;float: left;    width: 100%;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
		.header .login-p {.fp1; font-size:18px; color:@cg1; width: 100%; float:left; margin-bottom:15px;text-transform: uppercase; }
		.content input {.radd (@radd:255px); margin-bottom:10px;height:40px; border:1px solid #ddd; background: #f1f1f1; color:@cg1; .fp1; font-size:14px;	}
		.footer input.enviar-login {margin-top:20px;.radd (@radd:0px);background-color: @c1;color:@c0; font-weight: 400; .fp1; font-size:14px; width: 150px; float:right;}
		.footer {margin-bottom: 25px;		float: left;		width: 100%;		margin-top: 10px;}
		.footer input.enviar-login:hover {background-color: @c3;}
		.footer .pass-olvidado {border:none; background-color: transparent; text-align: center; margin-top:10px;	 color:#7c7c7c; .fp1;float:left;font-size: 14px;    font-weight: 400;}
		.footer .pass-olvidado:hover {color:@c1;}
		#wrapper .footer .button {margin:0px!important;.radd (@radd:255px);}
		#wrapper .registrate {border:none;width: 100%; float:left; border-top:1px dotted @cg1;padding:15px 0 20px 0; background-color: #e4e4e4; text-align: center; }
		#wrapper .registrate p {.fp2; font-size:14px; line-height: 25px;color:@cg1;}
		#wrapper .registrate p span {.fp1; font-size:21px; font-weight: 400; color:@c1;}
		#wrapper .registrate:hover {background-color: @c1}
		#wrapper .registrate:hover p {color:@c0;}
		#wrapper .registrate:hover p span {color:@c0;}
	}

	@media (max-width: 991px) {
		.login {margin-right:10px!important;}
	}

	@media (max-width: 600px) {
		.login {width:21px;}
		.login .acceso {display: none;}	
	}

	@media only screen and (max-width: 500px) {
		#myModalLogin {padding:15px!important;}
		.modal-dialog {   width: 100%;}
		#ingresar .notificacion {font-size:14px;}
		#ingresar .header .login-p {text-align: center;}
		#ingresar #wrapper .footer .button {width: 100%;}
		#ingresar .footer .pass-olvidado {font-size: 14px; text-align: center; width:100%;}
		#ingresar .botones-login .boton {padding: 10px 15px 15px 15px;}
	}


/******************** 
LOGO
********************/

	#logo {.eff (@eff:0.3);position: absolute;top:0px;left: 30px;right: 0;margin-left: initial!important;margin-right: initial!important;  height:initial!important; width:225px!important;z-index: 1;.eff (@eff:0.3);display: inline-block;background:#fff;border:1px solid #ddd!important; border-top:none!important;	border-bottom-right-radius: 20px!important;border-bottom-left-radius: 20px!important; }
	#logo img {.eff (@eff:0.3);height: initial;padding:15px 35px!important; .eff (@eff:0.3);}
	#logo a {display: inline-block!important;.eff (@eff:0.3);}
	#logo .responsivo-logo {display: none!important;}

	@media (max-width: 991px) {
	}
	@media (max-width: 600px) {
		#logo {width: 145px !important;left: 15px !important;}
		#logo img {width: 155px; padding: 25px 20px !important;}
	}



/******************** 
REDES
********************/

	#header .redes {float:right;margin-top:6px;margin-bottom: 6px;}
	#header .redes a {float:left;}
	#header .redes span {margin-top:2px;float:left; font-size:12px; color:@cg1;letter-spacing: 1px}
	#header .redes img {max-width: 22px;float:left;    margin-top: -3px;}
	#header .redes .separador {margin:0px 12px;float:left;background: #ccc; width: 1px; height: 15px;    margin-top: 3px;}
	#header .redes .facebook, #header .redes .instagram {margin-top:3px;}
	#header .redes .facebook {margin-right:7px;}
	#header .redes .whatsapp {font-size:12px;}
	#header .redes .whatsapp span:hover {color:#319B1F;}
	#header .redes .whatsapp img {max-width: 19px;margin-right:5px;margin-top:1px;}

	@media (max-width: 1200px) {
		#header .redes .whatsapp span {display: none;}
	}	



/******************** 
STICKY HEADER
********************/
	#header.sticky-header:not(.static-sticky) #logo {.eff (@eff:0.3);width: 160px !important;}
	#header.sticky-header:not(.static-sticky) #logo a {.eff (@eff:0.3)}
	#header.sticky-header:not(.static-sticky) #logo img {.eff (@eff:0.3);padding: 10px 30px !important;}
	#header.sticky-header:not(.static-sticky) .botonera-estructura-2 {display: none;}
	#header.sticky-header:not(.static-sticky) #top-search, #header.sticky-header:not(.static-sticky) #top-cart, #header.sticky-header:not(.static-sticky) #side-panel-trigger {margin-top: 0px !important; margin-bottom: 0px !important;}
	#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {height: initial;}
	#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap {height: initial;}
	#header.sticky-header:not(.static-sticky) #header-wrap .sombra {position: absolute;}
	#header.sticky-header:not(.static-sticky) .redes {}
	#header.sticky-header .botonera-modulo .isologo {    display: inline-block;    float: left;    width: 35px;    margin-top: 7px;    margin-right: 15px;}
	.isologo {display: none;}


/******************** 
MENU PRINCIPAL
********************/

	#primary-menu {position: relative;float:left; width: 100%; text-align: center;}
	#primary-menu {
	 	#seleccionado {font-weight:700;}
		.botonera-principal {display: inline-block; float:left;}
		.destacado img {max-width: 28px;margin-right:2px;float:left;margin-top:2px;}
		.destacado div {float:left; color:@c0;letter-spacing: 1px}
		.destacado:hover div {color:@c2;}

		.menu-mod {width: 100%; font-weight: 700; font-size:16px;}
		.menu-mod .icon-line-menu {display: inline-block;font-size:24px;float:left;}
		.menu-mod .min-text {float:left;margin-left:8px;}

		ul ul:not(.mega-menu-column), ul li .mega-menu-content {border-top:2px solid #ddd!important;    left: 13px;}

		ul > li {margin:0px;}
		ul li > a:first-child {padding-left:0px;}
		ul li > a {float:left;    padding: 20px 25px 20px 25px;color:@c0; .fp1; font-weight: 300; font-size:14px; letter-spacing: 1px; text-transform: initial;}
		ul li > a:hover {color:@c2;}
		ul li:hover > a, ul li.current > a {color:@c2;}


		ul ul li > a {text-transform: uppercase;    font-weight: 300;    text-align: left;margin:0px;    padding-left: 15px;letter-spacing: 1px;}

	}

	@media (max-width: 991px) {
		#primary-menu {}
		#primary-menu .oscuro-1 a {padding:11px 0px!important;}
		#primary-menu > div > #top-search a, #primary-menu > div > #top-cart, #primary-menu > div > #side-panel-trigger {margin:0px!important;}
		#primary-menu {float:right;}
	}

	.sub-botonera {float:right;font-size:12px;margin-top:5px;}
	.sub-botonera span {}
	.sub-botonera .separador {padding:0px 15px}
	.sub-botonera a, .sub-botonera span {float:left;}
	.sub-botonera a:hover {color:@c1;}	
	.sub-botonera img {display: none}

	.buscador-carrito {float:right;margin-top:15px;}
	.buscador-carrito a {margin-left:5px; }
	.buscador-carrito a:hover {.op100;}


	@media (max-width: 991px) {
		.sub-botonera .quiero-registrarme {display: none;}
		.sub-botonera img {display: block;float:left; width: 15px;margin-right:5px;}
		.sub-botonera img.ico-contacto {width: 20px; margin-top:3px;}
		.sub-botonera span {margin-top:2px;}
		.sub-botonera .contacto span {display: none;}
	}

	@media (max-width: 600px) {
		.sub-botonera {margin-top:40px;}
	}


/******************** 
MEGA MENU
********************/

	#primary-menu ul .mega-menu-ov {position: relative!important;}
	#primary-menu ul .mega-menu-ov {
		.mega-menu-column {padding: 25px 25px!important;    background: #ffffff!important;}
		.mega-menu-content { background-repeat: no-repeat; background-position: right bottom;width: 250px!important; border-top:none; left:0px;    top: 62px;}
		.mega-menu-content ul {line-height: 11px;}
		.mega-menu-content ul.mega-menu-column li {width: 100%; display: inline-block;}
		.mega-menu-content ul.mega-menu-column li a {margin: 0px 0px;float:left;width: 100%;font-size:13px; font-weight:300; text-transform: uppercase;line-height: 20px;padding: 5px 15px; }
		.mega-menu-content ul.mega-menu-column li a div {font-weight:500; }
		.mega-menu-content ul.mega-menu-column li a:hover div, .mega-menu-content ul.mega-menu-column li a div:hover {color:@c1;}
		.mega-menu-content ul.mega-menu-column li a img {width: 35px;margin-right:10px;}
		.sub-menu {margin-bottom:10px;margin-top:10px;}
		.sub-menu ul {border:none!important;padding-left:15px;position: initial!important;}
		.sub-menu ul li a {font-style: italic;}
	}
	#primary-menu ul li.mega-menu .mega-menu-content {    margin: 0px!important;box-shadow: 0 15px 15px 15px rgba(0,0,0,0.05);}
	#primary-menu ul li.mega-menu a {}
	#primary-menu .botonera-principal .sub-menu ul a {  padding: 5px 15px;   cursor: pointer;}
	#primary-menu ul ul > li.sub-menu > a, #primary-menu ul ul > li.sub-menu:hover > a {background: transparent;}

	#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {left: 0px;}
	#primary-menu ul ul li > a {    width: 100%;    padding: 7px 20px !important;}
	#primary-menu ul ul li {    float: left;    width: 100%;}


/******************** 
SIDE PANEL
********************/

	.btn-secondary:focus, .btn-secondary.focus {    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0);}
	#side-panel-trigger {padding:0px;} 
	#side-panel-trigger-close {position: relative; z-index: 12;}
	#side-panel-trigger-close a {display: inline-block; float: right; z-index: 12; padding: 10px 8px 10px 8px; left:0px; position: absolute; background: #eee;
	    color: #999;}
	.side-panel-trigger a .icon-reorder {font-size: 24px;}
	.side-panel-trigger a .icon-reorder:hover {color:#222;}

	#side-panel {
		.marca-principal {margin-bottom:25px;}
		nav ul li {border-top:1px solid #e9e9e9;padding:5px;font-size: 15px;    font-weight: 400;}
		li a {font-size: 15px;    font-weight: 400; text-align: center;}
		.nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a {color:@c1!important;}
	}



/*=====================================================================
WRAPPER:
======================================================================*/


/******************** 
HOME - GENERALES
********************/

#home #content .content-wrap {padding-top:15px;}
.content-wrap {padding:0px;}
.bottommargin-lg {margin-bottom: 0px !important;}
.mod-flex {display: flex}




/******************** 
SLIDER CANVAS
********************/

#slider.swiper_wrapper {height: initial;margin-top:60px;float:left; width:100%;}
.swiper_wrapper .swiper-container {background: url(../images/preloader.gif) no-repeat center center;}
.swiper_wrapper .swiper-container img {border-radius: 25px;border:1px solid #ddd;}
.slider-arrow-left, .slider-arrow-right, .flex-prev, .flex-next, .slider-arrow-top-sm, .slider-arrow-bottom-sm {background: none!important; width:38px;}
.slider-arrow-left i, .slider-arrow-right i, .flex-prev i, .flex-next i, .slider-arrow-top-sm i, .slider-arrow-bottom-sm i {    text-shadow: none;    font-size: 60px;    color: #999;}
.slider-arrow-left:hover, .slider-arrow-left:hover i, .slider-arrow-right:hover, .slider-arrow-right:hover i,.flex-prev:hover, .flex-next:hover, .slider-arrow-top-sm:hover, .slider-arrow-bottom-sm:hover {background: transparent!important; color:#666;}
.slider-arrow-left i, .slider-arrow-right i {margin: 0px !important;}
.slider-arrow-left {left: 25px;}
.slider-arrow-right {right: 25px;}


@media only screen and (max-width: 991px) {
	.swiper_wrapper:not(.full-screen):not(.canvas-slider-grid), .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid) .swiper-slide {height: initial!important;}
}


/******************** 
SLIDER - REVOLUTION SLIDER
********************/

/*#slider.slider-parallax {overflow: hidden; background: #eee; }*/

#slider {}
.slider-parallax .slider-parallax-inner {}
.slider-responsivo {display: none!important;}
.revslider-wrap {margin-top:50px;border-radius:25px; border:1px solid #ddd;float:left;width: 100%; z-index: 10;}
.revslider-wrap .tp-loader {z-index: 1;}
.revslider-wrap .tp-bannertimer {display: none;}


/******************** 
OWL CAROUSEL
********************/

.mini-tit {background: #f1f1f1; padding:10px 25px;margin:15px 0px;float:left; width: 100%;font-size:16px;}
.mini-tit .tit {font-weight: 700; float:left;}
.mini-tit a {float:right;font-size:15px;}

.owl-carousel {margin-bottom:15px;}
.owl-carousel:hover .owl-nav .owl-next {right: -50px;.op50;}
.owl-carousel:hover .owl-nav .owl-prev {left: -50px;.op50;}
.owl-carousel .owl-nav [class*=owl-] {font-size:45px; border:none;    width: 60px;    height: 60px;background:transparent!important;     margin-top: -30px;}
.owl-carousel .owl-nav [class*=owl-]:hover {background:transparent!important;}
.owl-carousel .owl-nav:hover i {color:@c1}

.ver-novedades {float:right; font-size:17px; font-weight: 300; color:@cg1; margin: 15px 10px;}
.ver-novedades b {font-weight: 700; color:@c1;}
.ver-novedades:hover b {color:@c2;}

@media only screen and (max-width: 991px) {

}


/******************** 
PRODUCTO
********************/

.filas-x5 {width: 20%!important;max-width: 20%!important; flex:20%!important;}
.productos {    margin-top: 20px;margin-bottom:40px;    display: inline-block;    width: 100%;}
.productos {
	.producto {background:@c0; float:left; width: 100%;border: 1px solid #ddd;border-top-left-radius: 10px;border-top-right-radius: 10px;}
	.producto .box-sombra {float:left;position:relative;overflow: hidden;width: 100%}

	.producto:hover .detalle-simple {top:0px; left:100%; .eff (@eff:0.3); border-bottom:3px solid @c1;}
	.producto .detalle-simple {top:0px; left:0%; .eff (@eff:0.3);.op100;border-bottom:3px solid transparent;}

	.producto .mod-dest {position: absolute; background:@cg3; text-align: center;.ft1; font-weight: 300;right: -45px; top: 21px; padding: 5px 6px;    width: 160px;   color: #fff;    font-size: 11px;    z-index: 101;  -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);  -o-transform: rotate(45deg);   -ms-transform: rotate(45deg);   transform: rotate(45deg);	}
	.producto .mod-dest.promo {background: @c1;z-index: 300;}
	.promo:not(.promo-full) {padding: 5px 6px!important;}

	.producto .detalle-simple {z-index:100;display: flex; text-align: center;padding:0px; width: 100%;}
	.producto .detalle-simple {	
		.box-simple {width: 100%;align-self: center;}
		.box-img {padding:15px;align-self: center;text-align: center;}
		.box-img img {max-width: 250px;display: inline-block; width: 100%;}
		.box {padding:0px 20px;text-align: center;}
		.box .cod {text-align: center;font-size:13px;margin-bottom:15px; overflow: hidden;    height: 33px;    line-height: 18px;}
		.box .box-precio {width: initial; display: inline-block; margin-bottom:15px;}
		.box .box-precio .anterior, .box .box-precio .actual {float:left;text-align: center;font-size:16px;.fp2; font-weight: 700}
		.box .box-precio .anterior {text-decoration: line-through;border-right:1px solid #ccc; color:@cg2; font-weight: 300;margin-right:15px; padding-right:15px;}
		.box .box-precio .actual {color:@c1;}
	}


	.producto.oferta-mod .mod-dest {.fondo-gradient}
	.producto.novedad-mod .mod-dest {.fondo-gradient-2;}

	.producto.oferta-mod .detalle-simple .box .box-precio .actual {font-weight: 700; color:@c2;}
	.producto.oferta-mod .detalle-completo .resumen .compra .precio {padding:0px;}
	.producto.oferta-mod .detalle-completo .resumen .compra .precio .actual {color:@c2;}

	@media only screen and (max-width: 600px) {
		.producto .detalle-completo .resumen .compra .precio {width: 100%;margin-bottom:15px;}
		.producto .detalle-completo .resumen .compra .precio div {text-align: center!important;}
		.producto .detalle-simple .box, .producto .producto .detalle-completo .resumen {padding: 25px 15px;}
		.producto .detalle-completo .resumen .compra .carrito {border:none; width: 100%; float:left;}
		.producto .detalle-completo .resumen .compra .carrito button {width: 40%!important;float:right;    border: 1px solid #ddd;}
		.producto .detalle-completo .resumen .compra .carrito input {width: 55%!important;float:left;    border: 1px solid #ddd;}
		.responsivo-p-2 {-webkit-box-flex: 0;        -ms-flex: 0 0 50%;        flex: 0 0 50%;        max-width: 50%;margin-bottom:10px;}
		.p-2 {padding-right: 5px; padding-left: 5px;}
	}
}

@media only screen and (max-width: 1350px) {
	.filas-x5 {width: 20%!important;max-width: 20%!important; flex:20%!important;}
}

@media only screen and (max-width: 1199px) {
	.filas-x5 {width: 25%!important;max-width: 25%!important; flex:25%!important;}
}

@media only screen and (max-width: 997px) {
	.filas-x5 {width: 33.33%!important;max-width: 33.33%!important; flex:33.33%!important;}
}
@media only screen and (max-width: 600px) {
	.filas-x5 {width: 50%!important;max-width: 50%!important; flex:50%!important;}
	.productos .producto .detalle-simple .box .box-precio {margin-bottom:0px;}
}
@media only screen and (max-width: 550px) {
	.filas-x5 {width: 50%!important;max-width: 50%!important; flex:50%!important;}
}

/******************** 
MODULO
********************/


.importador {background: #000; color:#fff; text-align: center; font-size:21px; font-weight: 300;padding:45px 15px; border-radius: 15px;letter-spacing: 1px;margin-top:35px;}
.importador b {font-weight: 700}

@media only screen and (max-width: 600px) {
	.importador {font-size:16px;padding:25px;}
}


.destacados-box-bloques {margin-top:10px; margin-bottom:10px;}
.division {height: 1px; background:#eee; margin:25px 0px; margin: 25px 0px 45px 0px;}


@media only screen and (max-width: 767px) {
	.destacados-box-bloques {}
	.destacados-box-bloques {text-align: center;}
	.destacados-box-bloques img {display: inline-block; max-width: 400px;width: 100%}
}

/* Categorias Destacadas */

.categoria-destacada {.eff (@eff:0.3); border:1px solid #eee;}
.categorias-destacadas {display: inline-block; width: 100%;}
.categorias-destacadas a {display: inline-block;border:none;}
.categorias-destacadas .box-1 {float:left; width:70%;padding-right:15px;}
.categorias-destacadas .box-2 {float:left; width:30%;}
.categoria-destacada .sombra {background-size: 100% 10px;   height: 10px; margin-bottom:5px; opacity: 1;}
.categoria-destacada:hover {filter: contrast(125%);-webkit-filter: contrast(125%); .eff (@eff:0.3)}

@media only screen and (max-width: 767px) {
	.categorias-destacadas .box-1 {width: 100%;padding:0px;}
	.categorias-destacadas .box-2 {width: 100%;text-align: center;padding:0px;	}
}	

/* Sobre Dsaza */

.dsaza-box {display: inline-block; width: 100%; margin-top:50px; }
.dsaza-box .fondo {background:url(../imagenes/home/tu-compra.jpg) center right no-repeat; background-size: 100% auto; float:left; width: 100%;letter-spacing: 1px;}
.dsaza-box .box {float:left; width: 50%; padding:100px 0px;}
.dsaza-box .box strong {color:@c0; font-size:34px; .fe1; font-weight: 500; margin-bottom:30px; text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.3); width: 100%; display: inline-block; }
.dsaza-box .box p {color:@c0; font-size:19px; font-weight: 300; line-height: 30px; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);width: 100%; display: inline-block;}
.dsaza-box .box .hipervinculos {display: inline-block;margin-right:10px;}
.dsaza-box .box .hipervinculos a {font-size:19px; padding:8px 30px; color:@c0;float:left;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);min-width: 140px; text-align: center;}
.dsaza-box .box .hipervinculos a:hover {filter: contrast(150%);-webkit-filter: contrast(150%);}
.dsaza-box .box .hiper-catalogo a {.fondo-gradient-2}
.dsaza-box .box .hiper-oferta a{.fondo-gradient}

@media only screen and (max-width: 1199px) {
	.dsaza-box .fondo {background-size: auto 550px;}
}
@media only screen and (max-width: 991px) {
	.dsaza-box .fondo {background-position: -100px 0px;}
	.dsaza-box .fondo {background-size: auto 110%;}
	.dsaza-box .box {    width: 70%;    padding: 50px 0px;}
	.dsaza-box .box .hipervinculos {margin:0px 5px;}
}
@media only screen and (max-width: 767px) {
	.dsaza-box .box {    width: 100%;text-align: center;padding:80px 0px; }
	.dsaza-box .fondo {background-position: left 0px;}
	.dsaza-box .box strong {font-size:28px;}
	.dsaza-box .box p {font-size:17px; line-height: 25px;}
}

/* Listado de Categorias */

.categorias-box {display: inline-block; width: 100%; margin-top:50px;text-align: center; }
.categorias-box .fondo {background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.10) 100%);padding-bottom:35px;}
.categorias-box .tit {font-size:24px; text-align: center; width: 100%; margin-bottom:25px; color:@cg1; font-weight: 300;}
.categorias-box a {text-align: center;padding:10px; display: inline-block;}
.categorias-box a:hover {filter: contrast(125%);-webkit-filter: contrast(125%); .eff (@eff:0.3)}
.categorias-box a .circulo {width: 100%; .radd (@radd:255px); overflow: hidden; .sombra-css; max-width: 200px;display: inline-block; }
.categorias-box a .circulo img {padding:5px; background: #fff; .radd (@radd:255px);}
.categorias-box a h2 {font-size:14px; text-align: center;margin-top:15px; font-weight: 300; padding:0px 8px; height: 42px; overflow: hidden;}


.nosotros-box {    border: 1px solid #eee; margin-top:20px;display: inline-block;    width: 100%; background: url(../imagenes/nosotros.jpg) bottom left no-repeat;    background-size: cover;}
.nosotros-box {
	.box {float: right;    width: 60%;    padding: 60px 5%;}
	.box strong {color: @cg1;.fp1;font-size: 20px;  font-weight: 700;  margin-bottom: 30px; width: 100%; display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0.15);  padding-bottom: 20px;}
	.box p {.fp1; color: @cg1;font-size: 14px; font-weight: 300; line-height: 30px; width: 100%; display: inline-block;margin-bottom:0px;}
	.box p a {background: @c0; padding:3px 40px;display: inline-block; border:1px solid #eee;}
	.box p a:hover {background: @c1; color:@c0;}
}

@media only screen and (max-width: 1199px) {
	#content .nosotros-box .box {width: 60%;}
	#content .nosotros-box {}
}
@media only screen and (max-width: 991px) {
	#content .nosotros-box {background-position: 0px 0px; }
	#content .nosotros-box .box {width: 100%; padding: 40px 25px;}
	#content .nosotros-box .box strong {border-bottom:1px solid #ccc;}
	#content .nosotros-box .fondo {float: left;    width: 100%; background: rgba(255, 255, 255, 0.80);text-align: center;}
}
@media only screen and (max-width: 500px) {
	#content .nosotros-box .box {padding:40px 25px;}
}

.home-suscribite, .home-conoce {margin:15px 0px;}

.modulo-sub-footer {float:left; width: 100%;}
.modulo-sub-footer {
	.fondo {background: url(../imagenes/suscribete.jpg) center center no-repeat; background-size: cover; height: 180px;display: flex}
	.fondo .text {color:@c0; font-size:21px; text-align: center; display: inline-block;width: 100%; font-size:20px; line-height: 25px;align-self: center;padding:0px 25px;}
	.tit {background: #666;text-align: center; color:@c0;padding:12px;font-size:15px; font-weight: 300; width: 100%;float:left;}
	.tit:hover {background: #555;}
}
.home-conoce {
	.fondo {background: url(../imagenes/visitar-sitio.jpg) center center no-repeat;}
	.tit {background: #770B47;}
	.tit:hover {background: #66073c;}
}


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

.sub-footer {float:left; width: 100%;text-align: center; background:#eee;margin-bottom:0px;margin-top:0px;}
.sub-footer .fondo {color:@cg1;padding:50px 25px;font-size:17px;letter-spacing: 1px;}
.sub-footer .fondo a {color:@cg1; font-weight: 700;.eff (@eff:0.5)}
.sub-footer .fondo a:hover {font-weight: 900; color:@c1;}

#footer {margin-top:0px;border-top:none;}
#footer {
	.mas-info {display: inline-block;}
	.footer {float:left; width: 100%; background:#d35500; padding:45px 45px 25px 45px;margin-bottom:0px;}
	.box {}
	.footer-text {.fp1; font-size:16px; color:@cg1;    line-height: 26px;}
	.footer-text a {.fp1; font-size:16px; color:@cg1; display: inline-block;}
	.contacto-info {display: inline-block;margin-bottom:0px; width: 100%;}
	.tit, .tit-m {float:left;margin-bottom:15px!important; width: 100%; height: 27px;}
	.tit b {font-size:16px; color:#fff; .fp1;}
	.contacto-showroom, .contacto-info {margin-bottom:15px;}
	.menu-info li {width: 50%; display: block}
	.menu-info li.al100 {width: 100%;}
	ul li {margin-bottom:8px;display: block; width: 100%; float:left; .fp1; letter-spacing: 1px;}
	ul li a, ul li, ul li i, ul li b {font-size:13px; font-style: initial;color:#fff; font-weight: 200; .fp1!important;}
	ul li b, ul li span, ul li i, ul li img,  {    opacity: 1;  filter: grayscale(100%) brightness(10000%);}
	ul li b {font-weight: 700; color:#fff;.fp2;}
	ul li a {cursor: pointer;}
	ul li a:hover i {font-weight: 500;opacity: 1;color:@c2;filter: initial;}
	ul li i {font-weight: 300;margin-left:8px;.fp2;}
	ul li a:hover i {color:@c2;filter: initial;}
	ul li span {font-size:18px;color:#fff;}
	ul li img {width:17px;}
	.redes {    float: right;    margin-top: 10px;    padding: 0px;}
	.redes {}
	.redes b {float: left;    .fp2; font-weight: 700; margin-top:3px;color:#fff;letter-spacing: 1px;    font-size: 18px;}
	.redes img {width: 25px;filter: grayscale(100%) brightness(10000%);}
	.redes a {width: auto;color:@c2;display: inline-block; float:initial; margin:0px;float:left; opacity: 1; margin-left:10px;}
	.redes span {float:left; color:#fff;margin-top:7px;}
	.redes .box-footer {display: inline-block;margin:0px;}
	.logo-2 {margin-top: 40px; float:right;}
	.box-final {border-top:1px solid #ddd; padding-top:0px; margin-top:25px;display: inline-block; width: 100%;margin-bottom:15px;}
	.desarrollo {float:left; padding-top:20px;.fp1; font-weight: 300; font-size:13px;color:#fff;}
	.desarrollo .ov {width: initial; color:#fff; text-align: center; display: inline-block; float: initial;.fp1;font-size:13px;}
	.desarrollo .ov strong {.fp1;font-weight: 700;}
	.desarrollo .ov strong:hover {color:@c2;}
	.contacto-showroom, .contacto-info {float:left; width: 100%;}
	.contacto-info li, .contacto-showroom li{margin-bottom:0px;}

	.logo-gris {display: flex; float:right;max-width: 250px;margin-top:15px;   filter: grayscale(100%) brightness(10000%);}

	.logo-gris-responsivo {display: none;}

	@media only screen and (max-width: 1199px) {
		.logo-gris {display: none;}
		.logo-gris-responsivo {display: flex;}
	}	

	@media only screen and (max-width: 997px) {
		.logo-gris img {display: inline-block!important;}
		.logo-gris-responsivo  {max-width:100%; width: 100%;text-align: center; display: inline-block;}
		.logo-gris-responsivo img {display: inline-block;max-width: 120px;}
		.fondo .fondo-responsivo {background: rgba(255, 255, 255, 0.70);}
		.datos-principales .datos {width: 100%;margin:0px; text-align: center; padding:0px;}
		.datos-principales .box {padding: 20px;text-align: center;}
		.datos-principales .redes {display: inline-block; float: initial;}
		.sub-footer .fondo {font-size:15px;}
	}

	@media only screen and (max-width: 997px) {
		ul li {text-align: center;}
		#footer {text-align: center;}
		.img-box {text-align: center;}
		.footer-text .logo-2 {display: inline-block;margin-top:15px;margin-bottom:30px;float: initial;}
		.footer-text {text-align: center;}
		.contacto-info {margin-bottom:25px;}
		.menu-info li {width: 100%; display: block}
		.redes {    width: initial;    display: inline-block;    padding: 3px 35px 0px 35px;    float: initial;} 
	}

	@media only screen and (max-width: 997px) {
		.mas-info {display: none}
		.box-final {margin-top:30px;}
		.desarrollo {text-align: center;width: 100%;padding-top:35px;}
	}



}

  .accesos-directos-box.mobile-v {    display: none;  }
  .accesos-directos {  margin-bottom:0px;  position: fixed;    right: 15px;    bottom: 0%;    z-index: 1000;    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease infinite;  }
  .accesos-directos .box-tool {   float: right;    clear: right;  }
  .accesos-directos a, .accesos-directos #gotoTop { height:34px; margin-bottom:0px;   border: 1px solid #0dc143;    background: #0dc143;    float: left;    padding: 5px 20px;    color: #fff;    font-size: 14px;    border-radius: 5px 5px 0px 0px;    -moz-border-radius: 5px 5px 0px 0px;    -webkit-border-radius: 5px 5px 0px 0px;    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease infinite;    width: 100%;    font-weight: 300;  }
  .accesos-directos a span {    float: right;    margin-top: 2px;  }

  .accesos-directos a:hover {    background: #01962e!important;    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease infinite;    -webkit-transition: all 0.3s ease !important;    -moz-transition: all 0.3s ease !important;    -o-transition: all 0.3s ease !important;   transition: all 0.3s ease infinite !important;  }
  .accesos-directos a img {    width: 18px;    margin-right: 5px;  }
  .accesos-directos #gotoTop {    position: initial;    font-size: 32px;    line-height: 34px;  }
 
  @media (max-width: 991px) {
    .accesos-directos-box {      display: none;    }
    .accesos-directos-box.mobile-v {      display: inline-block !important;    }
  }

  body.device-touch #side-panel .side-panel-wrap  {    overflow-y: scroll;    overflow-x: hidden;}
	#nav-catalogo-header {
		.tit {font-size:13px;margin-bottom:10px; color:@cg2;float:left; width: 100%;}
		a {background: transparent;color:@cg2; width: 100%; float:left;.radd (@radd:0px);border:none; border-bottom:1px solid #ddd; text-align: left;padding:10px 0px;    font-size: 12px; font-weight: 300;text-transform: uppercase;}
		a img {width: 17px;margin-right:5px;}
		.dropdown .dropdown-menu {position: initial!important;    transform: initial!important; float:left; width: 100%;.radd (@radd:0px);margin:0px; background: transparent;border:none;}
		.dropdown .dropdown-menu {padding:0px;}
		.dropdown .dropdown-menu a {color:@cg2;font-size:13px;padding:10px 15px;}
		.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {box-shadow:none; color:@c1; font-weight: 700;}
		
	}
	 @media (max-width: 991px) {
		#nav-catalogo-header .tit {    font-size: 13px;    font-weight: 600;    color: #838383;    border-bottom: 1px solid #ddd;    padding-bottom: 10px;    margin-bottom: 0px;}
	}


/*=====================================================================
	PRODUCTOS:
======================================================================*/

#catalogo {
	#footer {margin-top:0px;}
	.productos .producto {border:1px solid #eee;margin-top:0px; padding:10px;float:left;}
	.productos .row {margin-left:-7px; margin-right:-7px;}
	.productos .row .col-xs-12, .productos .row .col-sm-12 {padding:7px;}
	.tit-separador {padding: 15px 0px;border: 1px solid #eee; background: #f5f5f5; font-weight: 700; color:@c1; text-transform: uppercase;text-align: center;}

	@media only screen and (max-width: 991px) {
		.tit-separador {font-size:15px;} 

	}
}

.boxing-mod {margin-top:65px;}

.arbol {padding: 10px 15px;text-align:left;margin-bottom:15px;margin-top:50px;border:none; float:left; width: 100%; font-size:14px; background: #f5f5f5; border:1px solid #eee;border-radius: 255px;}
.arbol a {color:@cg1;}
.arbol a:hover {color:#000;}

@media only screen and (max-width: 991px) {
	.arbol {font-size:15px;}
}


.titulo {    display: inline-block;  font-size:17px;letter-spacing: 1px;  width: 100%;    text-align: center;    position: relative;    margin-top: 0px;    margin-bottom: 20px;    background: #eee;    padding: 10px;    border-radius: 100px;    font-weight: 700;}
.titulo .linea {margin-top: 16px;    z-index: 1;    position: absolute;    border: 0.5px solid #d9d9d9;    width: 100%; top:0px;}
.titulo .box {.fp1; font-size:23px;background:@c0;width:auto; display:inline-block; text-align:center; color:@cg1; line-height:30px; font-weight:300;padding:0px 25px; z-index:5; position:relative;}
.titulo .box b {color:@c3; font-weight:700;}

@media only screen and (max-width: 991px) {
   .titulo{ margin-top: 10px;    margin-bottom: 10px;font-size:13px;}
}



.slide-header-box {
	#slider, #slider .swiper-slide {height:125px!important;}
	#slider.swiper_wrapper:not(.force-full-screen), #slider.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height:125px!important;} 
}



.titulo-categorias {.radd (@radd:0px);.fp2;font-weight:300; font-size:19px;	 float:left; width:100%;text-align:left;    padding: 15px 25px; color:@c0; .fondo-gradient }

#nav-catalogo {float:left;  width: 100%; }
#nav-catalogo {

	#filtros { margin-bottom:25px;}
	#filtros .tit {font-weight: 700;}
	#filtros ul {margin:0px;}
	#filtros ul li {background: #fff;border:1px solid #dedede; padding:6px 15px; margin-top:6px;display:inline-block; width:100%;}
	#filtros ul li a {float:right; font-weight: 700; color:#606060;}
	#filtros ul li a:hover {float:right; font-weight: 700; color:@c1;}

	.btn {.radd (@radd:0px);.fp2;font-weight:300; font-size:17px; border:none; float:left; width:100%;text-align:left;    padding: 15px 25px;background:#ededed; color:@cg1; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3}
	.btn:focus {box-shadow: none;}
	.dropdown-menu {.radd (@radd:0px); float:left; width:100%;	position: initial!important;		will-change: initial!important;		transform: initial!important;margin-top:0px;padding:0px;border-bottom:none; border-top:none; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3}
	.dropdown-toggle::after {    float: right;		margin-top: 9px;		font-size: 22px;		color: #c7c7c7;}
	.dropdown-item {.radd (@radd:0px);border:none; float:left; width:100%;text-align:left;    padding: 15px 25px;background:#f7f6f5; color:@cg1; border-bottom:1px solid #e3e3e3;.fp2;font-weight:300; font-size:16px;padding-left:35px;  }

	.dropdown .btn:hover, .dropdown-item:hover {background:@c1; color:@c0;border-right:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #555;}

}
.navbar-catalogo-menu {float:right; width: 175px; background-color:@c1;    padding: 2px 10px;margin-top:15px; display: none;}
.navbar-catalogo-menu .navbar-toggle {background:url(../img/menu-b.png) bottom no-repeat; height: 40px; text-align: left;width: 165px;  background-position: center right;       margin: 0px 0px 0px 0px; position: inherit;}
.navbar-catalogo-menu .navbar-toggle span {color:@c0;.fp1; font-size:25px; font-weight: 400;    line-height: 23px;}
.categoria-div {background: @cg1; color:@c0; font-size:14px; padding:10px 25px; width: 98%; float:left;margin-bottom:25px;}

.productos-top {margin-top:35px;}

#oc-categorias {margin-top:30px;margin-bottom:20px;}
#oc-categorias {
	.oc-item {}
	.oc-item .img {float:left;background-size: cover;background-position:center center;width: 100%;height: 220px;.eff-zoom (@zoom:1);.eff (@eff:0.3); overflow: hidden;z-index: 1;position: relative;}
	.oc-item .img:hover {.eff-zoom (@zoom:1.1); .eff (@eff:0.3)}	
	.oc-item a {float:left; width: 100%;     border: 1px solid #ddd;border-radius: 15px; overflow:hidden;}
	.oc-item .box {float:left; width:100%; background: #f9f9f9; padding:8px;z-index: 2;position: relative;; .eff (@eff:0.3)}
	.oc-item .box h2 {font-size:16px; color:@c0; font-weight: 300; color:#999;text-align: center; text-transform: uppercase; width: 100%;align-self: center;margin: 0px;letter-spacing: 1px;}
	.oc-item a:hover .box {background: @c1; color:#fff; .eff (@eff:0.3)}
	.oc-item a:hover .box h2 {color:#fff;}
}

@media only screen and (max-width: 600px) {
	#oc-categorias .oc-item a .box h2 {font-size:13px;}
}

/*=====================================================================
PRODUCTO DETALLE:
======================================================================*/

.modal-producto-detalle {padding-right:0px!important; background: rgba(0, 0, 0, 0.50);}
.modal-producto-detalle .modal-dialog {max-width: 1110px;}
.modal-producto-detalle .modal-dialog .close {top: -26px; position: absolute; right: 0px; color: #fff; opacity: 100; font-weight: 500; font-size: 21px;text-shadow:none;}
.modal-producto-detalle .modal-body {padding:0px;}

@media only screen and (max-width: 991px) {
	.modal-producto-detalle .modal-dialog {margin:30px 2.5%; width: 95%}
}

	.volver {margin-top: 0px;    display: inline-block;   float: right;  font-size:14px; }
	.volver a {display:inline-block; font-size:15px; .fp2; color:#999; font-weight: 300;float:right;}
	.volver:hover {font-weight: 400; color:@c1;}
	.volver:hover a {color:@c1;}

@media only screen and (max-width: 991px) {
	.volver a  {font-size:15px;}
}


#catalogo.producto-detalle-box {

	.arbol {background: transparent;margin-bottom:0px;margin-top:50px;border:none;padding:0px;}
	#content {background: transparent;}
	.box-contenedor {background:@c0;position:relative; float:left; width: 100%;border-radius: 10px;overflow: hidden;}
	.carousel-indicators {margin-bottom:0px; bottom:0px;}
	.estado {font-weight:700; color:@c0; .fp1; font-size:34px; padding: 8px 20px; z-index:1;display:none; margin-bottom:15px;}
	
	.carousel img {padding:15px;}

	.box-overflow {position: absolute; overflow: hidden; right: 0px; top: 0px;     height: 150px;    width: 150px;}

	.mod-dest {position: relative;text-align: center;.ft1;     font-weight: 300;    right: 0px;    top: 30px;    padding: 8px 6px;    width: 200px;    color: #fff;    font-size: 14px;    z-index: 101;	    -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);  -o-transform: rotate(45deg);   -ms-transform: rotate(45deg);   transform: rotate(45deg);	}
	.oferta-mod .mod-dest {.fondo-gradient}
	.novedad-mod .mod-dest {.fondo-gradient-2;}

	.oferta-mod .box-precio .actual {font-weight: 700; color:@c2;}
	.oferta-mod .compra .precio {padding:0px;}
	.oferta-mod .compra .precio .actual {color:@c2;}

	.box-precio {float:left; height: 42px; padding-top:5px; margin-bottom:25px; width: 100%}
	.box-precio .anterior {font-size:25px;text-align: left; text-decoration: line-through;.fp2; line-height: 15px; color:@cg3; display: inline-block; font-weight: 300;}
	.box-precio .actual {font-size:21px;margin-left:5px; font-weight: 700;text-align: left;.fp2; color:@cg1; display: inline-block;}

	.carrito {display: inline-block;}
	.carrito input {width: 75px;    border-top-right-radius: 25px;    border-bottom-right-radius: 25px;float:left; position: relative;border:1px solid #eee; height: 40px;text-align: left; font-size:15px;.fp2; font-weight: 300; color:@cg1;float:left;text-align:center;}
	/*input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {height:36px;padding:0px 3px;position: absolute;cursor:pointer; top:0px;right: 0px;opacity: 1}*/
	.carrito button {cursor: pointer;.fondo-gradient;padding:0px 25px; height: 38px;text-align: center; color:@c2;float:left; border:none; color:@c0; .fp2; font-size:18px; line-height: 25px;}
	.carrito button i {display: inline-block; font-style: initial; .fp2; margin-top:3px; font-weight: 300;}
	.carrito button:hover {background: @c3}
	.carrito button img {    width: 18px;   display: inline-block;    float: left;    margin-right: 10px;    margin-top: 4px;}

	.box-catalogo-fondo {}

	.flexslider {float:left; width: 100%!important; height: 100%!important; padding:25px;}
	.flexslider .flex-prev, .flexslider .flex-next {background: transparent!important;}
	.flexslider .flex-prev i, .flexslider .flex-next i {color:@cg2; font-size:55px;}
	.flexslider .flex-prev i:hover, .flexslider .flex-next i:hover {color:@c1;}

	.panel {border:none;box-shadow: none; } 
	.boxing-mod {margin:0px 0px;text-align: center;}	
	.catysub {float:left;}
	.box-img {width:100%;display: inline-block;max-width: 500px;}

	.box-pri {margin-top:0px;text-align: left;     padding: 80px 35px; float:left;width: 100%}
	.box-pri .box-promo {background: @c2; color:@c0; float:left; padding:5px 25px;.fp1; font-weight: 300; font-size:20px;display: none;}
	.box-pri .box-novedad {background: @c3; color:@c0; float:left; padding:5px 25px;.fp1; font-weight: 700; font-size:20px;display: none;}
	.mod-dest.promo {background: @c1;}
	.box-pri h1 {.ft1; font-size:24px; color:@cg2; font-weight: 700; color:#000;display:inline-block; width:100%; margin-top:0px; text-align: left; color:@cg1;}
	.box-pri p {font-size:17px; .ft2;    text-align: left;    width: 100%;    display: inline-block;color:@cg2;}
	.box-pri .img-box {width: 100%; display: inline-block; margin-bottom:25px;}
	.box-pri .precio, .box-pri .precio-anterior, .box-pri .precio-porcentaje  {color: @c1; .fp2;   font-size: 24px;    text-align: left;   display: inline-block;  margin-bottom: 8px;    float: left;    margin-top: 0px; font-weight:700;margin-bottom:25px;max-width:150px;}
	.box-pri .precio {max-width: initial;}
	.box-pri .precio i {font-size:15px; font-weight: 300;}
	.box-pri .precio-anterior {margin-right:15px; color:@cg3;  text-decoration:line-through;font-weight:300;}
	.box-pri .info, .box-pri .aclaraciones {display:inline-block; width:100%;.fp1; font-size:18px; color:#606060; text-align:left;margin-bottom:15px; font-weight:300;}
	.box-pri .info {font-size:15px;margin-top:8px;.ft1; font-style: italic;}
	.box-pri .aclaraciones {color:@c1;font-size:14px; font-weight:400;margin-bottom:25px;margin-top:10px;}
	.box-pri .registro-button {display:inline-block; margin-top:10px;.fp2; font-size:15px;padding:15px 60px; color:@cg1; font-style: italic;}
	.box-pri .registro-button b {color:@c3;}
	.box-pri .registro-button:hover {color:@c3; font-weight: 700}

	.box-pri .descripcion {float:left; width: 100%;.ft1; font-size:15px;margin-top:10px;margin-bottom:20px;}

	.box-pri .box form .sub-label label {
		border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
	    height: 40px;	    width: 140px;	    color: #606060;	    display: inline-block;	    padding: 10px 20px;	    font-weight: 300;
	    float: left;	    cursor: initial;	    font-size: 14px;.fp1;
	    border: 1px solid #d9d9d9;	    border-right: none;	    line-height: 19px;	    background: #dedede;
	}

	.detalle-completo a:hover, .contacto a:hover {color:@c1;}
	.contacto a {color:@cg2; font-style: italic; font-size:14px;font-weight: 300 }
	.contacto a b {font-weight: 600;}
	.detalle-completo {border-top:1px solid #ddd; padding-top:25px; margin-top:25px;}
	.detalle-completo a {color:#333; font-style: italic; font-size:15px; font-weight: 300 }
	.detalle-completo a b {font-weight: 600;}

	.panel-info-box {float:left; width:100%; border-top:1px solid #d9d9d9;}
	.panel.productos {float:left; width:100%;padding:15px; margin:0px;border-bottom:1px solid #d9d9d9;.radd (@radd:0px); }
	.box-titulo {display:inline-block; width:100%; margin-bottom:0px;}
	.box-titulo h2 {font-size:25px; color:@c1; margin-left:5px; font-weight:300;float:left;margin:0px;}
	.box-titulo:hover h2 {color:@c2;}
	.box-titulo:hover span {color:@c2;}
	.box-titulo span {float:left;  color:@c1;   font-size: 25px;		margin-right: 8px;}	

	.titulo {margin-bottom: 0px; margin-top:50px;}
	.producto {background: @c0;}

	.box-productos {float:left; width: 100%; margin-top:5px;margin-bottom:10px;}
	.box-productos {
		.sombra {float:left; width: 100%; position: absolute;    width: 100%;    z-index: 1;}
		ul.head {background: #e9e9e9; width:100%; padding-top:0px;}
		ul {float:left; width:100%;padding:0px 35px; margin-bottom:0px;position: relative; border-bottom:1px solid #e9e9e9;    display: flex; min-height: 50px;}
		ul li { font-size:14px; color:@cg1; display: inline-block; float:left; text-align: left; .fp2;align-self: center; margin-bottom:0px!important;}
		ul li input {width: 100%; background: #fff; text-align: center; border:1px solid #E4E4E4; text-align: center;    height: 27px;.fp2; font-size:14px;}
		ul li b {font-weight: 700;.fp2; color:@c1;}
		.cod {width: 20%;font-size:14px; }
		.desc {width: 45%; }
		.pre {width: 25%;text-align: center;}
		.cant {width: 10%;text-align: center;}

		.aclaracion {font-size:13px;float:left;max-width:50%;margin-top:25px;line-height: 17px;text-align: left;}
		.al-carrito {font-size:16px;float:left;margin-left:15px; background:@c1; color:@c0;border-radius:255px;}


		@media only screen and (max-width: 600px) {
			.aclaracion {width: 100%;max-width: 100%;}
			ul {padding:0px 5px;}
			.cod {display: none;}
			.desc {width: 55%; }
			.pre {width: 25%;text-align: center;}
			.cant {width: 20%;text-align: center;}			
		}

	}

	@media only screen and (max-width: 1199px) {
		 .box-pri .enviar-al-carrito {width:195px;}
		 .box-pri button {min-width: 160px;}
	}
	@media only screen and (max-width: 991px) {
		.box-productos {float:initial; display: inline-block; width: 100%; max-width: 360px;}
		.box-productos .al-carrito {margin-left:0px;width: 100%; text-align: center;}
		.carrito button img {float:initial;}
		.row .col-sm-12 {padding: 15px;}
		.flexslider .slider-wrap img {max-width: 500px; display: inline-block;}
		.box-promo {float:initial!important;}
		.box-img {width:100%;display: inline-block;max-width: 350px;}
		.box-pri {margin-top:10px;text-align: center;   padding:0px; padding-bottom: 40px!important;}
		.box-pri .enviar-al-carrito {padding:0 25px;width:auto;}
		.flexslider {max-width:100%; display:inline-block;}
		.boxing-mod {margin-top:0px;}
		.carousel img {max-width:500px;display:inline-block!important;}
		.carousel {text-align:center;}
		.box-contenedor {padding:0px;}
		.box-pri .box form .sub-label {width:100%!important;display: inline-block;}
		.box-pri .box form .sub-label label, .box-pri .box form .sub-label input {width: 50%;}
		.box-pri .box form .enviar-al-carrito {width:100%;}
		.box-pri .precio-anterior {text-align:center;float:initial;margin:0px;}
		.box-pri h1 {margin-bottom:10px;font-size:18px;}
		.box-pri h1, .box-pri, .box-pri .precio, .box-pri .info,  {text-align:center; display:inline-block; float:initial;}
		.box-pri .cod {margin-bottom:0px;}
		.box-pri .box form .sub-label, .box-pri .box form .enviar-al-carrito {width: 49%; margin:0px;}
		.box-pri .box form .enviar-al-carrito {float:right;}
		.aclaraciones {text-align: center!important;}
	}
	@media only screen and (max-width: 767px) {
		.estado {font-size: 20px; padding: 5px 15px 5px 15px;}
	}
	@media only screen and (max-width: 600px) {

	}	
	@media only screen and (max-width: 500px) {

	}
	@media only screen and (max-width: 400px) {

	}	
}
#catalogo.producto-detalle-box #oferta {
	.box-pri .box-promo {display: inline-block;}
	.box-pri .precio {color:#666; border:1px solid #ddd; font-weight: 300;}
	.box-pri .aclaraciones {color:@c2}
	.estado-oferta {background:@c1; display:inline-block;}
	.precio-anterior {display:inline-block;}
}
#catalogo.producto-detalle-box #novedad {
	.box-pri .box-novedad {display: inline-block;}
	.box-pri .precio {color:@c2; border:1px solid @c2}
	.box-pri .aclaraciones {color:@c2}
	.estado-novedad {background:@c2;display:inline-block;}
}

/* Detalle completo SECCION */

#catalogo.detalle-completo-mod {
	.box-contenedor {border:1px solid #ddd;}
	.box-contenedor .box-catalogo-fondo {border-left:1px solid #ddd; background: #f5f5f5}
	.slide-header-box {display: inline-block;    width: 100%;}
	/*.box-pri .contacto {border-bottom:1px solid #ddd; margin-bottom:30px; padding-bottom:30px;}*/

	@media only screen and (max-width: 997px) {
		.box-contenedor .box-catalogo-fondo {border-left:none;border-top:1px solid #ddd; }
	}
}
.productos-relacionados-box .fondo {background: rgb(130,130,130);background: linear-gradient(90deg, rgba(130,130,130,1) 0%, rgba(178,178,178,1) 100%);}
.productos-relacionados-box .fondo .fondo-trama {padding:70px 0px; background: #ccc}
.productos-relacionados-box .fondo .producto {background: transparent;}
.productos-relacionados-box .fondo .img {background: #fff;}
.productos-relacionados-box .tit {color:@c0; .fe1; font-size:28px; width: 100%;text-align: center;}
.productos-relacionados-box	#oc-relacionados .bootstrap-select {height: 38px!important}

/*=====================================================================
CATALOGO:
======================================================================*/

#catalogo.catalogo-principal {
	.categoria-foto {height: 115px;overflow: hidden;position: relative;}
	.categoria-foto img {width: 100%; position: absolute; .op50;}
	.categoria-foto .gradient {background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.35) 100%); width: 100%; height: 100%; position: absolute;}
	.categoria-foto h2 {color:@cg1;z-index: 1; margin:35px 0px; .fp1; font-weight: 300; font-size:30px;}

	.resumen .bootstrap-select {height: 38px;}

	.row-productos {    margin-left: -3.5px;    margin-right: -3.5px;}
	.row-productos .col-lg-3-mod  {max-width: 20%;}

	.productos {display: inline-block;width: 100%;}
	.productos .producto {padding:0px; border:none;border:1px solid #e5e5e5!important;}

	@media only screen and (max-width: 1199px) {
		.row-productos .col-lg-3-mod  {max-width: 25%;}
	}	

	@media only screen and (max-width: 991px) {
		.row-productos .col-lg-3-mod  {max-width: 33.33%;}
	}
	@media only screen and (max-width: 767px) {
		.row-productos .col-lg-3-mod  {max-width: 50%;}
	}
	@media only screen and (max-width: 767px) {
		.row-productos .col-lg-3-mod  {max-width: 50%;}
	}
}

/*=====================================================================
CARRITO:
======================================================================*/


#catalogo.carrito {
	#wrapper {background: transparent;}
	#content {background: transparent;padding:50px 0}

	.carrito, .info-pri {display: inline-block;}
	.carrito input {width: 60px;position: relative; border:1px solid #ddd; height: 28px;text-align: left;padding-left:10px; font-size:15px;.ft2; font-weight: 300; color:@cg1;display: inline-block;}
	.carrito input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {height:36px;padding:0px 3px;position: absolute;cursor:pointer; top:0px;right: 0px;opacity: 1}

	@media only screen and (max-width: 991px) {
		.carrito input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {padding:0px 10px!important;}
	}

	.breadcrumbs {padding-bottom:25px; margin-bottom:25px;float:right;}
	.breadcrumbs a {background: #565656; color:#fff; .fp1;    padding: 8px 14px; font-size:16px;float:right;}
	.breadcrumbs a:hover {background: @c1}
	.breadcrumbs a span {font-weight: 700; color:@c0;margin-left:0px;}

	.pasos {border:1px solid #eee; margin-bottom:35px; text-align:center;display: inline-block;margin-top:20px; width: 100%; background: #f5f5f5} 
	.pasos .box {display:inline-block; width:70%; padding: 40px 0px;		margin: 0px;		margin-top: 10px;}
	.pasos .box li {width:50%;position:relative; display:inline-block;float:left;text-align:center;}
	.pasos .box li span {background:@c1;color:@c0; width:35px; height:35px;text-align:center;display:inline-block;.radd (@radd:255px);font-size: 20px;		font-weight: 300;		line-height: 32px;position:relative; z-index:25}
	.pasos .box li .linea {position:absolute; width:100%; height:10px;display:inline-block;background:@c1;top:12px; left:0px;}
	.pasos .box li .text {color:@cg2;display:inline-block; width:100%;}
	.pasos .box li.gris .linea, .pasos .box li.gris span {background:#C4C4C4}
	
	#productos {display:inline-block; width:100%;}
	.titulo-cat {.fp1; color:@cg1;font-weight:300;  padding: 5px 0px; font-size:18px; display: inline-block;float:left;}
	.box-producto-detalle {display: inline-block; width: 100%;border-bottom:1px solid #d9d9d9;}
	.producto-detalle {display: inline-block; width: 100%;}
	.producto-detalle .titulo-pri {font-size:15px;color:@cg1;height:30px; overflow: hidden; width: 100%;margin-top:0px!important;margin-bottom:0px;    line-height: 16px; font-weight: 700;}
	.producto-detalle .codigo-prod {height: 20px; overflow: hidden; width: 100%;    margin-bottom: 0px; font-size:13px;}
	.producto-detalle .precios-prod {height: 34px; overflow: hidden; display: inline-block;}
	.producto-detalle .precios-prod-oferta span {text-decoration: line-through; color:@cg2; font-weight:300;}
	.producto-detalle .precios-prod-oferta b {color:@c2; font-size:17px; font-weight:400;}

	article {display: inline-block; width: 100%;}
	article .box {width: 100%; border:1px solid #d9d9d9; background: #fff;border-bottom:none;}
	article .box img { max-height: 125px;padding:15px;}
	article .box .mod-info {border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9}
	article .box .box-info {       padding: 25px 5px; margin:0px;width:100%}
	article .box .box-info .info-pri .info {border: 1px solid #c9c9c9; width:auto; display:inline-block;  margin-right: 5px;
		padding: 5px 20px;color: #666;font-size:15px; background: #eee}
	article .box .box-info .precios-prod {margin-top:0px;}
	article .box .box-info .p-lista {background: transparent; color:@cg1; font-size:14px; border:none; padding:0px;  margin-top: 17px;    margin-left: 0px;    display: inline-block;  font-style: italic;}
	article .box .box-info .p-lista span {font-size:14px;padding-right: 5px;}
	article .box .box-talles-cantidades {margin-top:14px; height: 90px;}
	article .box .box-talles-cantidades .stock {color:@c0; background: @c1; border:1px solid @c1;}
	article .box .mod-modificar {}
	article .box .mod-modificar .cantidad {font-size:17px;background:#e5e5e5;width: auto;clear: left;color:@cg1;display:inline-block;padding:0px 15px;}
	article .box .mod-modificar .precio {color:@c1; font-size:26px; text-align: center;float:left;    line-height: 32px; font-weight: 300;width:100%;padding-bottom:0px;margin-top:0px;margin-bottom:15px; }
	article .box .mod-modificar .precio span {color:@cg2;font-size:14px;display:block;width:100%;height: 22px;    line-height: 24px; margin-top:0px;}
	article .box .mod-modificar .precio i {font-style:initial; font-size:18px;display:block;width:100%;color:@cg1; font-weight:400;}
	article .box .mod-modificar .precio div {font-size:16px;color:@cg1;     padding: 6px 15px;    margin-bottom: 3px;		line-height: 15px;}
	article .box .mod-modificar .boxt-opciones {width: 100%;font-size:12px;border-bottom:1px solid #d9d9d9; display: inline-block; text-align: center; padding:6px;    margin-bottom: 10px;}	
	article .box .mod-modificar .boxt-opciones .mod-opciones {width: 100%; display: inline-block;}
	article .box .mod-modificar .boxt-opciones .mod-opciones.quitar {color:red!important;}
	article .box .mod-modificar .boxt-opciones .mod-opciones span {margin-right: 5px;}
	
	.finalizar-compra {    border-top: 1px solid #d9d9d9;		padding-top: 20px;display: inline-block;
		width: 100%;}
	#content .form-control {.radd (@radd:0px); margin-bottom:10px;    height: 45px;border: 1px solid #d9d9d9; font-size:14px;}

	.titulo-2 {margin-bottom:15px;}
	.finalizar-compra textarea {border:1px solid #d9d9d9; width: 100%; margin-top:0px; padding:15px;    height: 265px; .fp1; font-size:15px;}
	.box-fin {float:right; border-top:1px solid #d9d9d9; padding-top:25px; margin-top:25px;width:100%;}
	.box-fin .total { background: @cg1; color:@c0; font-size:17px; float:left;     padding: 12px 25px; .fp1; 	padding: 13px 25px;    margin-right: 15px!important;float:right;}
	.box-fin .finalizar {float:right; background: @c1;cursor:pointer; color:@c0; font-size:17px;  margin-right: 0px;    padding: 12px 25px; border:none; .fp1;}
	.box-fin .finalizar:hover {background: @c1;}

	.box-fin-new {background:#ECECEC; border:1px solid #DFDFDF; float:right; width:30%;margin-top:25px; min-width:300px;}
	.box-fin-new .box {padding:20px;text-align:right;}
	.box-fin-new .box .subt {color:@cg1;font-size:16px;}
	.box-fin-new .box .desc {color:@c2;font-size:16px;}
	.box-fin-new .box .desc b {font-weight:700; font-style:italic;}
	.box-fin-new .box .tot {font-size:16px; color:@cg1; font-weight:400; border-top:1px solid #d1d1d1;padding-top:20px; margin-top:20px;}
	.box-fin-new .finalizar {width:100%; padding:10px 20px; background:@c2; color:@c0; border:none; text-align:right;  		font-weight: 300;line-height: 30px;cursor:pointer;float:left;}
	.box-fin-new .finalizar:hover {background:@c1}
	.box-fin-new .finalizar .icon-angle-right {font-size:20px;display:inline-block;float:right;    line-height: 28px;	}
	.box-fin-new .finalizar div {display:inline-block;float:right;margin-right:10px; font-size: 16px;}

	.box-si-ya-sos {width:100%; display:inline-block; text-align:center;}
	.si-ya-sos {padding:35px 35px 60px 35px;font-size:18px; text-align:center;font-weight:400;display:inline-block; max-width:900px;}
	.si-ya-sos a {color:@c2}

	 article .box .mod-img {text-align: center;}

	@media only screen and (max-width: 991px) { 
		.box-fin-new {min-width:100%; width:100%;}
		.producto-detalle {margin-bottom:30px;}
		article .box .mod-modificar .boxt-opciones {margin-bottom:0px;}
		article .box {border: 1px solid #d9d9d9;}
		article .box .mod-modificar .precio span {margin-top:0px;}
		article .box .mod-modificar .precio {margin-bottom:0px; padding:15px;background:#F2F4F3}
		#productos {text-align:center;}
		article .box .mod-info {border:none;}
		form {margin:0px;}
		.titulo-cat {width:100%;margin-bottom:15px;text-align:center;}
		.breadcrumbs {margin-bottom:0px;float:initial; display:inline-block;padding-bottom:15px;}
		.producto-detalle .titulo-pri {    height: auto; margin-bottom:5px;    font-size: 18px; overflow:initial;}
		article .box .box-info {padding: 0px 15px; width:100%;text-align: center;}
		.finalizar-compra .box-fin .total	{margin:15px 0px 0px 0px!important;width:100%;    float: left; text-align: center;}	
		.finalizar-compra .box-fin .finalizar {width:100%;    float: left;margin-top:15px;}
		.producto-detalle .container {padding:0px!important;}
	}
}

/*=====================================================================
NOSOTROS:
======================================================================*/

#nosotros {
	#footer {margin-top:0px!important;} 
	#wrapper .box-principal {background:url(../imagenes/nosotros.jpg) bottom no-repeat;background-size:cover}
	#wrapper #content {}
	#wrapper .box-principal {text-align:center; margin:0px 0px;display: inline-block;width: 100%; border: 1px solid #eee;}
	#wrapper .box-nosotros {background:@c0;max-width:800px; display:inline-block;padding: 60px 45px 0px 45px;margin:100px 0px; position:relative;
		-webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25);
		box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.25);border-radius: 15px;}
		#wrapper .box-nosotros .box:last-child {border:none;}
		#wrapper .box-nosotros .box {border-bottom: 1px solid #e5e5e5;    margin-bottom: 30px;    padding-bottom: 20px;}
		#wrapper .box-nosotros p {.fp1; font-size:16px; color:@cg1; line-height: 30px;}
		#wrapper .box-nosotros .titulo {margin: 0px;    font-size: 23px;    font-weight: 300;    border-bottom: 1px solid #d9d9d9;    padding-bottom: 15px;    margin-bottom: 15px;}
		#wrapper .box-img {width:100%; display:inline-block; text-align:center; padding-bottom:15px;}
		#wrapper .box-nosotros .figura{	background:url(../img/figura.png) bottom no-repeat;width:36px; height:109px; position:absolute; right:15px; top:-8px;}
		
		@media only screen and (max-width: 991px) {
			#wrapper .box-nosotros {margin:40px 0px;background: rgba(255, 255, 255, 0.50);}
		}
}

#nosotros.mas-informacion {
	#wrapper .box-principal {background:url(../imagenes/contacto.jpg) bottom repeat;}
	#wrapper .box-nosotros {margin:0px;padding: 45px;}
	#wrapper .box-ancla {padding-top:75px;}
	.box-principal {padding-bottom:80px;}
	#wrapper .box-nosotros p.titulo span { font-size:26px;color:@cg1}
	 #wrapper .box-nosotros .titulo {border-bottom:1px solid #e5e5e5;    font-size: 31px; margin-bottom:25px; padding-bottom:25px;}
}


/*=====================================================================
CONTACTO / REGISTRO:
======================================================================*/

#contacto {
	.sub-footer {display: none;}
	.g-recaptcha {float:left;}
	#footer {margin-top:0px!important;} 
	#content {margin-top:0px!important;background: #eee;}
	#wrapper .box-principal {background-size:cover; text-align: center; margin:20px 0px;display: inline-block;width: 100%}
	#wrapper #content {text-align: center;}
	#buscador-box {max-width:1000px;width: 100%; background:@c0; display:inline-block;padding:0px; position:relative;border:1px solid #e5e5e5;margin-top:50px; border-radius: 15px;	text-align:center;	}
	#buscador-box .contacto-box-1, #buscador-box .contacto-box-2 {padding:0px 35px;}
	 #buscador-box .contacto-box-2 {display: inline-block;}
	#buscador-box .contacto-box-1 {padding: 50px 50px 35px 35px;background: #f5f5f5;}
	#buscador-box .contacto-box-2 {border-right:1px solid #e5e5e5;    padding: 50px 35px 35px 50px;}
	#buscador-box form {display:inline-block; width:100%; float:initial; margin:0px;}
	#buscador-box textarea {height:200px; width:100%; display:inline-block;}
	#buscador-box label {text-align: left; color:@c0; width:100%;.text-shadow }
	#buscador-box .btn-contacto {width:100%; height: 45px;margin-bottom: 20px;	padding: 20px; .fp1; font-size:14px; border:1px solid #ddd; color:@cg2;border-radius:255px;}
	#buscador-box textarea.btn-contacto {height:200px;border-radius:15px;}
	#buscador-box .titulo {color: @cg2;	text-align:left;	font-size: 18px;margin-top:0px;padding:5px 15px;text-align: center;		font-weight: 300;		margin-bottom: 30px;	}
	#buscador-box .enviar-bottom {display:inline-block;border-radius: 255px; background:@cg2;padding:0px 20px; color:@c0; border:none; width:100%; max-width:200px; font-size:14px; float:right;cursor:pointer;}
	#buscador-box .enviar-bottom:hover {background:@c1}
	
	.img-contacto {height: 10px;width:100;background:url(../imagenes/contacto.jpg) bottom no-repeat;background-size:cover}
	.datos {line-height: 21px; font-size:14px;text-align: left;margin-top:25px; display: inline-block;width: 100%;}
	.datos li {margin-bottom:15px;}
	.datos b {color:@cg1;}

	.contacto-titulo {.fp1; font-size:15px;}
	.contacto-titulo span {margin-right: 5px;}
	.contacto-titulo .nada {margin-left:15px;}

	.fluid-width-video-wrapper {float:left;width:100%;padding:0px!important; height:320px;}
	.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {position:initial;}

	@media only screen and (max-width: 991px) {
		.datos {text-align: center;margin-top:40px;}
		#buscador-box .contacto-box-2 {border:none; }
		#buscador-box .contacto-box-2 .contacto-titulo {border-bottom:1px solid #e5e5e5; margin-bottom:35px; padding-bottom:35px;}
		#buscador-box .contacto-box-1, #buscador-box .contacto-box-2 {padding:40px;}
		#buscador-box .contacto-box-1 {border-right:none;padding-bottom:25px;}
		.fluid-width-video-wrapper {margin-top:20px;}
		.enviar-bottom {margin-top:15px;}
	}
 	@media only screen and (max-width: 767px) { 
		#buscador-box form {width:100%;}
	}
	@media only screen and (max-width: 490px) { 

	}   
	@media only screen and (max-width: 350px) { 

	}   
 }

#contacto.registro {
	#buscador-box .titulo {text-align: center;}
	#buscador-box {max-width: 800px;padding:35px;margin:60px 0px; border:1px solid #e5e5e5;}
	.contacto-box-mod {display: inline-block; background: #eee;width: 100%;margin:20px 0px;border:1px solid #e5e5e5;}
	#content {text-align: center;}
	.texto-info {.fp1;font-size: 18px;}
	form div {float:left;}
	form select {width: 100%;    height: 50px;    margin-bottom: 20px;     padding: 8px 20px;  .fp1;   font-size: 16px;    border: 1px solid #eee;    color: #838383;}
	.acepto {float:right; color:@cg1; width: initial!important;}
	.acepto input, .acepto label {float:left;  width: initial!important;color:@cg1!important; text-shadow: none!important;}
	.acepto input {margin-right:5px; margin-top:3px;}

	@media only screen and (max-width: 997px) { 
		.contacto-box-mod {background: transparent; margin:0px; border:none; margin:20px 0px;}
		.contacto-box-mod .fondo {background:none!important;}
		#buscador-box {margin:0px; max-width: 100%; padding:30px 10px;}
		.aclaracion {font-size:14px;}
		.enviar-bottom {margin-top:15px;}
	}
}

 #perfil {  position: initial;    height: 100%;}
 #perfil {
 	#footer {margin-top:0px;}
	 #content {background: #e9e9e9;padding:50px 0px; }
	 #wrapper {background: transparent;} 	
	 .box-perfil {padding:70px 0px;}
	 h1 {.fp1; font-size:28px; font-weight: 300; width: 100%; display: inline-block; color:@cg1; padding:25px 0; border-bottom:1px solid #888;    margin-bottom: 45px;}	
	 #wrapper .finalizar-compra {margin-bottom:45px;}
	 #wrapper .finalizar-compra .input-box {margin-bottom:15px;float:left; width: 100%}
	 #wrapper .finalizar-compra label {.fp1; font-size:15px; color:@c0; background-color: #707070;padding:11px 15px; width: 35%; height: 40px;float:left; font-weight: 300;line-height: 18px;margin:0px;}
	 #wrapper .finalizar-compra input {.fp1;  font-size:15px;height: 40px; width: 65%;float:left;padding:10px 15px;.radd (@radd:0px); border:1px solid #d9d9d9;color:@cg1;}
	 #wrapper .finalizar-compra select {.fp1;  font-size:15px;height: 40px; width: 65%;float:left;padding:5px 15px;.radd (@radd:0px); border:1px solid #d9d9d9;color:@cg3;} 	
	 #wrapper .finalizar-compra .actualizar input {width:250px; float:right;text-align: center; background:@c1; color:@c0; border:none;}
	 #wrapper .finalizar-compra .actualizar input:hover {background: #ca5500;cursor:pointer;}
	 #wrapper .finalizar-compra label {width: 100%;}
	 #wrapper .finalizar-compra input {width: 100%;}
 
 }
 	.panel-botonera {float:left;margin-bottom:0px!important;margin-top:50px!important;}
 	.panel-botonera li {float:left;margin-bottom:10px;}
 	.panel-botonera li a {color:@cg1; font-weight: 300; .fp2; background: #ddd; padding:5px 25px; font-size:18px;float:left; margin-right: 10px; border:1px dotted #ccc; }
 	.panel-botonera li a:hover {background: @cg1; color:@c0;}
	.panel-botonera .seleccionado-mod {background: @cg1!important; color:@c0!important;}

/*=====================================================================
FACTURAS:
======================================================================*/

#facturas {  background: url(../img/texture1.png) repeat #fff;    position: initial;    height: 100%;}
#facturas {
	footer {margin-top:0px!important;}
	#content {background: #e9e9e9!important;padding:50px 0px; }
	.breadcrumbs {float:left;width: 100%; margin:20px 0;padding-top:8px;    text-align: left;}
	.volver {background:@c0; color:@cg1; border:1px dotted #ddd; padding:8px 15px; float:right;}
	.volver:hover {font-weight: 700;}
	p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {margin:0px;}
	#wrapper {background: transparent;}
	h1 {.fp1; font-size:25px; font-weight: 300; width: 100%; display: inline-block; color:@cg1; padding:25px 0; border-bottom:1px solid #888; }
	#wrapper {}
	.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {padding: 8px;}
	.ranges li {padding: 6px 12px;     font-size: 14px;}

	.menu-box {}

	.descargar-box {width: 15%;float:left;}
	.descargar-box {
		.box {background-color: @c2;float:left; width: 100%;padding:12px 15px;}
		.box:hover {background-color: @c1;}	
		.ico {color:@c0; float:left; font-size:28px;}
		.text-descargar {color:@c0; float:left; .ft1; margin-left:8px; font-size:14px;}
		.text-descargar b {font-size: 16px;}
	}

	.buscador-box {width: 80%;float:left;}
	.buscador-box {
		form {background-color: #eee;float:left; width: 100%;padding:10px 15px;}
		#reportrange {width: 35%; border: 1px solid #ccc; float:left; height: 34px; cursor: pointer; overflow: hidden; background-color: @c0; position: relative;}
		#reportrange span {font-size:12px; color:@cg1; .ft1; float:left;padding:8px 10px;   height: 23px;    overflow: hidden;}
		#reportrange .glyphicon {color:@c0; font-size:18px; background-color: @cg2; height: 32px;    padding: 7px 0px; text-align: center; top:0px;border-right:1px solid #ccc;float:left; width: 50px; line-height: 18px;}
		#reportrange .caret {position: absolute; right: 10px; top:12px;   border-top: 7px dashed;    border-top: 3px solid\9;    border-right: 3px solid transparent;    border-left: 3px solid transparent;text-align: center; color:@cg4; }
		.select-estado {position:relative; border: 1px solid #ccc; height: 34px; .ft1;font-size:16px; color:@cg4; margin-left:15px; width: 18%; float:left; overflow: hidden;}
		.select-estado select {height: 32px; width: 100%;float:left; border:none;padding: 0px 5px 0px 58px;}
		.select-estado .icono-select-estado {position:absolute; border-right:1px solid #ccc; left:0px; top:-1px;color:@cg4; font-size:16px; background-color: @cg3; height: 34px; width: 50px; padding-top:2px; top:0px;float:left;border-right:none; text-align: center; padding-top:8px;}
		.buscar {float:left; width: 26%; margin-left:15px;border: 1px solid #ccc;position: relative;height: 34px;overflow: hidden; }
		.buscar .send-buscador {    line-height: 16px; position:absolute; border-right:1px solid #ccc; left:0px; top:-1px;color:@c0; font-size:16px; background-color: @cg2; height: 34px; width: 50px; padding-top:2px; top:0px;float:left;border-right:none; text-align: center; padding-top:8px;}
		.buscar .text-buscador {float:left; height: 34px;float:left;font-size:12px; color:@cg1; .ft1;    padding: 6px 10px 8px 60px;    border: none;    width: 100%;}
		.enviar {float:right; width: 15%; background-color: @c2; height: 34px;.radd (@radd:0px);border:none; color:@c0; text-align: center; .ft1;font-size:14px; font-weight: 700;}
		.enviar:hover {background-color: @c1}
	}

	/**************** RESPONSIVO ****************/

		/* 1199PX */

		@media only screen and (max-width: 1199px) { 
				.descargar-box .ico {font-size:24px;}
				.descargar-box .text-descargar {font-size:13px;}
				.descargar-box {width: 17%;}
				.buscador-box {width: 81%;}
				.buscador-box {
					#reportrange {width: 40%;}
					.select-estado {width: 21%;}
					.buscar	{width: 20%;}
					.enviar {width: 12%;}
				}
		}

		/* 991PX */

		@media only screen and (max-width: 991px) { 
				.descargar-box {width: auto;}
				.buscador-box {width: 100%;margin-bottom:15px;}
				.buscador-box form {padding:20px;background: #eee;}
				.buscador-box {
					#reportrange {width: 100%;}
					.select-estado {width: 30%; margin:0px; margin-top:15px;}
					.buscar	{width: 65%;    margin-left: 0px;margin-top:15px;}
					.enviar {width: 25%;margin-top:15px;}
				}
		}

		/* 550PX */

		@media only screen and (max-width: 550px) { 
				.buscador-box {
					#reportrange {width: 100%;}
					.select-estado {width: 100%;}
					.buscar	{width: 100%;margin-left:0%;}
					.enviar {width: 100%;}
				}
		}


	.factura-box {margin-top:15px;}
	.factura-box {
		.rotulo {background-color: @c0;}
		.rotulo li {color:@cg1; font-weight: 700;text-transform: uppercase; }
		ul {display: table; width: 100%;padding:15px 15px;background-color: @c0;border-bottom:1px solid @cg4;position: relative;}
		ul li {display: table-cell;.ft1; color:@cg1;    vertical-align: middle;}
		.check {width: 5%;}
		.numero {width: 12%;}
		.emision {width: 60%;}
		.vencimiento {width: 20%;}
		.importe {width: 10%;}
		.estado {width: 10%;}
		.ver {width: 10%;text-align: center;}
		.ver .ver-factura {.ft1; color:@cg4; display: inline-block; font-weight: 400;}
		.ver span {font-size:22px;color:@cg2; text-align: center;}
		.ver span:hover {color:@c1;}

		.numero span, .emision span, .vencimiento span, .importe span, .estado span, .ver .ver-factura {display: none;}
		.check input {margin:0px;}
	}

	.factura-box-comprobante {
			.imagen	{width:10%}
			.cod	{width:15%}  
			.desc	{width:35%}	
			.cant 	{width:8%; text-align:center;}
			.precio	{width:8%; text-align:center;} 
			.pend 	{width:8%; text-align:center;} 
			.descu 	{width:8%; text-align:center;}
			.impo	{width:8%; text-align:center;}
		 	.imagen img {padding-right:15px;}
			ul li span {display:none;}

			.total	.unidades {width:66%; display:inline-block; text-align:right;padding:15px; font-weight:700; color:@c1}
			.total	.unidades span {padding-left:15px;}
			.total	.total-final {width:34%; display:inline-block; text-align:right; padding:15px 10px; font-weight:700; color:@c1; }
			.total	.total-final span {padding-left:15px;}




			@media only screen and (max-width: 991px) {
				 .total .unidades {border-bottom:1px solid #d9d9d9}
				.total	.total-final, .total .unidades {text-align:center; width:100%;} 
				.imagen {width:100%; text-align:center!important;}
				.imagen img {width:100%; max-width:300px; padding:10px;}
				.cod, .desc, .cant, .precio, .pend, .descu, .impo, .imagen  {width:100%; text-align:left; }
				ul li span {display:inline-block; font-weight:700;}	
		
		}

	}
	.box-cuenta-corriente-i {
		.total	.total-final {width:100%; display:inline-block; text-align:right; padding:5px 10px; font-weight:700; color:@c1; }
		.total	.total-final span {padding-left:15px; min-width:100px; display:inline-block}

	}



	/**************** RESPONSIVO ****************/

		/* 991PX */

		@media only screen and (max-width: 991px) { 
			.factura-box {
				.factura {margin-bottom:25px;}
				.rotulo {display: none;}
				ul {display: initial;float:left; width: 100%;padding:25px;}
				ul li {display: initial;float:left;margin-bottom:5px;}
				.check {position: absolute;right: 25px; width: auto}
				.numero, .vencimiento, .importe, .estado, .emision {width: 100%;}
				.numero span, .emision span, .vencimiento span, .importe span, .estado span, .ver span {display: inline-block; margin-right: 5px;font-weight: 700; font-size:14px; color:@cg3;}
				.ver {width: 100%;}
				.ver a {display: inline-block; background-color: @c1; text-align: center; color:@c0;padding:5px 0;margin-top:15px;padding:8px 25px; width: 100%;}
				.ver span, .ver .ver-factura {color: @c0; display: inline-block;font-size:16px;}
				.ver span:hover, .ver .ver-factura:hover {color:@c0;}
			}
		}

		/* 550PX */

		@media only screen and (max-width: 550px) { 


		}


		.box-factura-box-info  {background: #444444; display: inline-block; width: 100%; padding:35px  20px 20px 20px; }
		.factura-box-info .info-d {background: #5f5f5f; color:@c0; margin-bottom:15px; padding:5px 10px; height: 31px; overflow: hidden;}
		.factura-box-info .titulo {font-size:36px; .fp1; color:@c0; font-weight: 300; margin-bottom:15px; display: inline-block;}

}

#facturas.cuenta-corriente {
	.buscador-box {width:50%;}
	.buscador-box #reportrange {width:78%}
	.buscador-box .enviar {width:20%;}

	.fecha	{width:15%}
	.desc	{width:25%;}  
	.impo	{width:10%;text-align:center;}	
	.debe 	{width:10%; text-align:center;}
	.saldo	{width:10%; text-align:center;} 
	.vto 	{width:10%; text-align:center;} 
	.deta 	{width:10%; text-align:center;}
	.desca	{width:10%; text-align:center;}
	ul li span {display:none;}
	.deta .glyphicon, .desca .glyphicon {display:inline-block;     font-size: 24px;}


	@media only screen and (max-width: 991px) {
		.buscador-box {width:100%;}
		.buscador-box .enviar {margin-top:0px;}
		.fecha, .desc, .impo, .debe, .saldo, .vto {width:100%; text-align:left;}
		.deta, .desca {width:50%; text-align: left;padding:5px;}
		.deta .glyphicon, .desca .glyphicon {display:inline-block;     font-size: 16px;}
		ul li span {display:inline-block; font-weight:700;    margin-right: 5px;}	

				.deta a, .desca a {display: inline-block; background-color: @c1; text-align: center; color:@c0;padding:8px 25px; width: 100%;}
				.desca a {background:@cg1}
				.deta a:hover, .desca a:hover {background:@c2;}

	}

}

#facturas.box-devoluciones {
	.buscador-box {width:50%;}
	.buscador-box .buscar {    width: auto;margin-left:0px;}
	.buscador-box .buscar .send-buscador {    width: 155px;    padding: 8px 15px; .ft2; color:@cg1; background:#d9d9d9; position: relative; display:inline-block}
	.buscador-box .buscar .text-buscador {width: 100px;display:inline-block;     padding: 6px 10px 8px 10px;}
	.box-nueva-devolucion {width: 200px;    padding: 13px; .fp1; color:@c0; background:@c1; font-size:18px; float:right; text-align: center;}
	.box-nueva-devolucion:hover {background: @c2;}

	.numero	{width:10%}
	.desc	{width:40%;}  
	.bultos	{width:10%;text-align:center;}	
	.fecha 	{width:10%; text-align:center;}
	.est	{width:20%; text-align:center; font-weight:700;} 
	.det 	{width:10%; text-align:center;} 
	ul li span {display:none;}
	.ver .glyphicon, .ver .glyphicon {display:inline-block;     font-size: 24px;}

	@media only screen and (max-width: 991px) {
		.factura-box .numero span {color:@cg1}
		.buscar {margin-top:0px;}
		.buscador-box {width:100%;}
		.buscador-box .enviar {margin-top:0px;}
		.numero, .desc, .bultos, .fecha, .est, .det {width:100%; text-align:left;}
		ul li span {display:inline-block; font-weight:700;    margin-right: 5px;}	

				.ver a, .ver a {display: inline-block; background-color: @c1; text-align: center; color:@c0;padding:8px 25px; width: 100%;}
				.ver a {background:@cg1}
				.ver a .glyphicon {display:none;}
				.ver a:hover, .desca a:hover {background:@c2;}

	}
	@media only screen and (max-width: 550px) {
		.buscador-box .buscar {width:100%;}
		.buscador-box .buscar {margin-bottom:10px;}
		.buscador-box .buscar .send-buscador {width:70%}
		.buscador-box .buscar .text-buscador {width:30%}
	}	
}
#perfil.devolucion-form {
	h1 {margin-bottom:0px; border:none; width:auto;}
	.volver {background:@c1; color:@c0; padding:8px 15px; float:right;    margin-top: 40px;}
	.volver:hover {background:@c2;}
	.breadcrumbs {    border-bottom: 1px solid #888;}
	#wrapper .finalizar-compra .input-box {position: relative}
	#wrapper .finalizar-compra .input-box label {position: absolute; width:125px;}
	#wrapper .finalizar-compra .input-box input {width:100%;    padding-left: 140px;}
	.tit {font-size:25px; color:@c2;margin-bottom:25px; .fp1;border-bottom:1px dotted #777; padding-bottom:10px; margin-bottom:20px; margin-top:40px;text-transform:uppercase }
	.tit-p {color:@c0; text-transform:uppercase }
	.input-box p {color:@c0;}
	#wrapper .finalizar-compra input {font-size:13px; .ft1;}
	.falla, .prod, .cant, .fecha,  .agregar {margin-right:0.5%}
	#wrapper .finalizar-compra .falla {font-size: 13px;    .ft1; color:#636363;     padding: 5px 12px;}
	#wrapper .finalizar-compra .prod {width:39%;}
	#wrapper .finalizar-compra .cant {width:7%;}
	#wrapper .finalizar-compra .falla {width:24%;}
	#wrapper .finalizar-compra .fecha {width:11%;}
	#wrapper .finalizar-compra .agregar {width:14%; background:@c1; color:@c0; border:1px solid @c1; float:right}
	#wrapper .finalizar-compra .agregar:hover {background: @c2; border:1px solid @c2}
	#wrapper .finalizar-compra .selec-vendor {font-size: 13px;    .ft1; color:#636363;     padding: 5px 12px; width:100%;}
	#wrapper .finalizar-compra .sep {border-bottom:1px dotted #777; padding-bottom:30px; margin-bottom:30px;}
	#wrapper .finalizar-compra textarea {font-size: 13px;    .ft1; color:#636363; width:100%; margin-top:15px; height:100px;padding:15px;}
	#wrapper .finalizar-compra .enviar-f {margin-right:0px; background:#333; color:@c0; font-weight:700; border:1px solid #333; margin-top:15px; width:250px;}
	#wrapper .finalizar-compra .prod-dev {    background: rgba(51, 51, 51, 0.34);margin-top:10px; display: inline-block; width: 100%;}
	#wrapper .finalizar-compra .prod-dev div { display:inline-block; color:@c0; padding:15px;}
	#wrapper .finalizar-compra .prod-dev a{ display:inline-block; color:@c0; padding:15px; text-align:center; background: transparent; color:red; border:none; cursor:pointer}
	#wrapper .finalizar-compra .prod-dev a:hover {background: transparent; border:none; font-weight:700;}

	@media only screen and (max-width: 991px) {
		#wrapper .finalizar-compra .prod {width:75%; }
		#wrapper .finalizar-compra .cant {width:24%; }
		#wrapper .finalizar-compra .falla {width:49%;}
		#wrapper .finalizar-compra .fecha {width:50%; }
		.falla, .prod, .cant, .fecha,  .agregar {margin-top:15px;}
	}
	@media only screen and (max-width: 991px) {
		.falla, .prod, .cant, .fecha,  .agregar {margin:0px; margin-top:15px; width:100%!important;}
	}
}
.alerta-agregado {  position: fixed; padding: 9px 15px; width: 100%; margin: 0px; font-size: 15px; display: inline-block; text-align: center; left: 0px; z-index: 10000!important;top:0px;.radd (@radd:0px); font-weight: 700;}
.rubro-paginador {float: left;width: 100%;margin-bottom: 35px;margin-top: 35px; font-size:14px;}
.rubro-left, .rubro-right {border:1px solid #e5e5e5; padding:5px 25px;background: #f5f5f5}
.rubro-right{float: right;text-align: right;}
.rubro-left{float: left;	text-align: left;}

.rubro-left:hover, .rubro-right:hover {background: @c1; color:@c0;}
#footer .redes a.afip {width:30px;margin-left: 8px}

@media only screen and (max-width: 991px) {
	.rubro-left i, .rubro-right i {display: none;}
}
@media only screen and (max-width: 500px) {
	.rubro-left, .rubro-right {width: 100%;margin-bottom:5px;text-align: center;}
}


#catalogo .cant {float: initial;display: inline-block;}
#catalogo .cant .menos, .cant .mas {font-size: 18px;   line-height: 18px;}

#catalogo .box-finalizar {display: inline-block;margin-top: 5px;    margin-bottom: 30px;}
#catalogo .cant {margin:0px 5px;width: 100%}
#catalogo .cant .cantidad {width:20%;}
#catalogo .cant .menos {width:12.5%; height: 30px;float:left;border:1px solid #e5e5e5;text-align: center;border-top-left-radius: 25px; border-bottom-left-radius: 25px;}
#catalogo .cant .mas {width:12.5%;border-top-right-radius: 25px; border-bottom-right-radius: 25px;height: 30px;float:left;border:1px solid #e5e5e5;text-align: center;font-weight: 300}
#catalogo .cant .alcarrito {width:50%;border-radius:25px; height: 30px;float:right;border:none;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align: center; font-size:14px; color:#666;}

.cant .alcarrito .comprar-responsivo {display: none;}

@media only screen and (max-width: 550px) {
	.cant .alcarrito .comprar-no-responsivo {display: none;}
	.cant .alcarrito .comprar-responsivo {display: inline-block;}
}



#catalogo .cant input {width:20%;height: 30px;float:left;border:none;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align: center; font-size:16px; color:#666;}
#catalogo .cant .menos:hover, .cant .mas:hover, .cant .alcarrito:hover {background: #666; color:#fff!important;border:1px solid #666; cursor: pointer;cursor: pointer;}

.cant {float: initial;display: inline-block;width: 100%}
.cant .menos, .cant .mas {font-size: 18px;   line-height: 18px;}

.box-finalizar {display: inline-block;margin-top: 5px;    margin-bottom: 30px;}
.cant {margin:0px 5px;}
.cant .menos {width:12.5%;border-top-left-radius: 25px; border-bottom-left-radius: 25px; height: 30px;float:left;border:1px solid #e5e5e5;text-align: center;}
.cant .alcarrito {width:50%;border-radius:25px; height: 30px;float:right;border:none;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align: center; font-size:14px; color:#666;}
.cant .cantidad {width:20%;}
.cant input {width:20%;height: 30px;float:left;border:none;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align: center; font-size:16px; color:#666;}
.cant .mas {width:12.5%;border-top-right-radius: 25px; border-bottom-right-radius: 25px;height: 30px;float:left;border:1px solid #e5e5e5;text-align: center;font-weight: 300}
.cant .menos:hover, .cant .mas:hover, .cant .alcarrito:hover {background: #666; color:#fff!important;border:1px solid #666; cursor: pointer;cursor: pointer;}

/* 11.4.2022 */

.form-agregar-carrito {width: 100%; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;   float: left;    background: #fff;    padding: 15px 15px;padding-bottom:10px;    border: 1px solid #ddd;    border-top: none;text-align: center;}
.form-agregar-carrito .cant {margin:0px!important;}

/* 28-2-2024 - modificacion imagenes */

.productos .producto .detalle-simple .box-img img {
    display: inline-block;
    width: 100%;
    max-width: initial;
    border-radius: 10px;
}


/* 6-6-2024 - Buscador nuevo */
#search-container {float:left;}
.buscador-principal {float:left;  margin: 0px;.eff (@eff:0.3);float: left; }
.buscador-mod:hover .buscador-body {width: 240px;.eff (@eff:0.3)}
.buscador-mod {	
	.buscador-body {border:none;border:1px solid #AFAFAF;border-right:0px solid #AFAFAF;.eff (@eff:0.3); padding: 6px 20px 6px 20px;background: #f7f7f7;width:200px;  .fp1;   font-size: 12px;letter-spacing: 1px;    font-weight: 400; color:@cg1;height: 30px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
	button {border:none;border:1px solid #AFAFAF;color:#555; border-right:0px solid #AFAFAF; background: #EFEFEF; padding:0px!important;    padding-right: 35px !important;font-size: 18px!important;    font-weight: 400;    float: right;    padding: 0px!important;    height: 30px; width: 50px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
	button:hover {color: @c1!important; cursor: pointer;}
}
.buscador-principal button {padding-left: 20px;    padding-right: 40px;}
.bootstrap-select .dropdown-toggle:focus {outline: thin dotted #333333 !important;	outline: 1px auto -webkit-focus-ring-color !important;	outline-offset: -2px;outline-color: @c1!important;}

@media (max-width: 1199px) {
	.buscador-mod .buscador-body {width:150px;}
	.buscador-mod:hover .buscador-body {width: 170px;}
	.buscador-mod button {width:40px;}
}

@media (max-width: 500px) {
	#primary-menu .buscador-principal .buscador-mod {width: 100%;    margin: 0px 0%;}
	#primary-menu .buscador-principal .bootstrap-select {    width: 100%;    padding: 0px;    margin: 0px;margin-bottom:10px;}
	.buscador-mod .buscador-body {width:120px;}
	.buscador-mod:hover .buscador-body {width: 130px;}
}