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

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

/* BLANCO Y NEGRO */

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

/* COLORES PRINCIPALES */

@c1:  #666; 
@c2:  #D96522; 
@c3:  #666;
@c4:  #666;

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


/*=====================================================================
	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 {background: url(../img/sombra.png) no-repeat top; background-size: 100% 6px;height: 6px; float:left;width: 100%; .op50; }
.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
********************/

	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;float:left; width:100%;}
	#wrapper {overflow-x: hidden;}

	#home header #header-wrap {background: transparent;}

	header #header-wrap {background: url(../imagenes/slider/banner-decometal-5.jpg) center center;}
	header #seleccionado {font-weight:700;}

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

	@media (min-width: 1200px) {
		.container {max-width: 1180px;}
	}


	.linea-estilo {background: url(../img/linea-estilo.png) center center;background-size: 100% 100%; width: 100%; height: 4px; float:left; position: absolute; bottom: -1px;z-index: 1}
	.linea-estilo-2 {background: url(../img/linea-estilo-2.png) center center;background-size: 100% 100%; width: 100%; height: 4px; float:left; position: absolute; top: 0px;}


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

	.fondo-gradient {
		background: rgba(66,66,66,1);
		background: -moz-linear-gradient(left, rgba(66,66,66,1) 0%, rgba(94,94,94,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(66,66,66,1)), color-stop(100%, rgba(94,94,94,1)));
		background: -webkit-linear-gradient(left, rgba(66,66,66,1) 0%, rgba(94,94,94,1) 100%);
		background: -o-linear-gradient(left, rgba(66,66,66,1) 0%, rgba(94,94,94,1) 100%);
		background: -ms-linear-gradient(left, rgba(66,66,66,1) 0%, rgba(94,94,94,1) 100%);
		background: linear-gradient(to right, rgba(66,66,66,1) 0%, rgba(94,94,94,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#5e5e5e', GradientType=1 );
	}
	.fondo-gradient-2 {	
	background: rgb(192,16,101);
	background: linear-gradient(90deg, rgba(192,16,101,1) 0%, rgba(128,49,83,1) 100%);
	}



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

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

	#header, #header-wrap {height: initial; float:left; width: 100%; background: transparent; height:110px;}
	#home #header, #home  #header-wrap {height:100px;}


	#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 {filter: grayscale(100%) sepia(1) brightness(50%) contrast(200%) hue-rotate(253deg); -webkit-filter: grayscale(100%) sepia(1) brightness(50%) contrast(200%) hue-rotate(253deg);}

	.linea-colores {background: url(../img/linea.png) center center;background-size: 100% 100%; width: 100%; height: 6px; float:left;}
	.botonera-modulo {background: #e9e9e9;display: inline-block;width: 100%; float:left;}
	.nav-mod {float:left; width: 100%;    padding-top: 38px;padding-bottom:35px;text-align: center;}
	#home .nav-mod { border-bottom: 1px solid rgba(255, 255, 255, 0.50);}

	.navegacion-responsiva {display: none; font-weight: 300; float:left; background: #e0e0e0;    padding: 8px 30px;border-left:1px solid #c5c5c5; border-left:1px solid #ccc;margin-bottom:35px;}
	.navegacion-responsiva:first-child {border:none;} 

	.nav-mod-responsivo {display: none;}

	.botonera-md {float:left;}
	.botonera-mi {float:right; margin-top:4px;}
	.secc {margin-right:30px; font-size:17px; color:@c0; font-weight: 300}
	.secc b {font-weight: 700;}
	.secc:hover {color: rgba(255, 255, 255, 0.50);}


	#top-search a i.icon-line-cross {display: none;}

	@media (max-width: 1199px) {
		#header #logo {width: 210px;}
		.secc {font-size:15px;margin-right: 20px;}
		.img-lupa {width: 18px;}
		.off {width: 17px;}
		#top-cart img {width: 20px;}
		.botonera-mi {margin-top: 9px;}
	}

	@media (max-width: 991px) {
		#header.transparent-header, #header.semi-transparent {background: #222; border-bottom: 1px solid #464646;}
		.botonera-md, .secc {display: none;}
		.nav-mod-responsivo {display: inline-block; width: 100%; position: relative; float:left;}
		#primary-menu-trigger {    position: initial!important;    font-size: 24px;    color: #999;    height: initial;    line-height: normal; float:left; margin-right: 15px;}
		.nav-mod {position: relative; margin:0px; border:none;padding-bottom: 5px;}
		.botonera-mi {width: 100%; position: absolute; top:0px;    margin-top: 40px;}
		#top-search a i.icon-line-cross {z-index: -1;}

	}

	@media (max-width: 991px) {
		.navegacion-responsiva {display: block; height: 41px; color:@cg1;}
	    html #header, html #header-wrap {height: auto!important;}
	    #side-panel-trigger {display: none;}
	}

	@media (max-width: 600px) {
		.nav-mod {text-align: center; padding-top:25px;}
		.botonera-mi {position: initial; width: initial; display: inline-block;float: initial; margin-top:0px;     padding: 0px 15px;}

	   .accesos-directos {display:none;}
	   .botonera-modulo .container {padding:0px!important;max-width: 100%!important;}
	   .botonera-modulo .navegacion-responsiva.side-panel-trigger {width: 50%;float:left;}
	   .botonera-modulo .navegacion-responsiva {width: 50%;margin: 10px 0px; font-size: 14px; text-align: center; padding: 2px 0px; height: 25px;}
	}


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

	#top-search {cursor: pointer;float:right;margin-right:15px;}
	#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: 0px !important;    left: 75px; color:#fff;}
		a i:hover {color:#fff;}
		i.icon-line-cross {top:18px;.eff (@eff:0);}

		form {.eff (@eff:0);}
		form input {color:#fff; font-size:15px; font-weight: 400;.fp1;    padding: 20px 0px 4px 0px;height: 50px;margin-top: 20px!important;    border-bottom: none; opacity: 0.7}
		form input::placeholder {color:#fff;}
		form input:-ms-input-placeholder {color:#fff;}
		form input::-ms-input-placeholder {color:#fff;}
	}

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

	@media (max-width: 600px) {
	   #header #top-search {width:22px;}
	}

	body.top-search-open {
		#top-search a i.icon-search-mod, #top-search a i.icon-line-cross, .secc {opacity: 0; display:none;}
		#top-search a i.icon-line-cross {display: block;opacity: 1;}
		#primary-menu > ul {.op100;}
		#contacto-icono {.op00;}
		#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;}
		#header-wrap .nav-mod {margin:0px;} 
		#top-search a span, .login {opacity: 0;margin:0px;}
	}

	@media (max-width: 991px) {
		.top-search-open #header #top-search a {position: absolute;width: 100%}
		.top-search-open #header #top-search {top:0px!important; left:0px!important;}
		#top-search form {height: 82px !important}
		#top-search form input {font-size:14px!important;}
		#top-search i.icon-line-cross {top: 0px!important;    right: 0px!important;}
		body.top-search-open #header-wrap #top-search-trigger .icon-line-cross {float: right;width: initial; margin-right: 15px;top: 13px!important;    width: 20px;    right: 0px!important;    left: initial!important;}
		#top-search i.icon-line-cross {left: 0px !important;}
		#top-search form input {padding:0px; margin-top:0px!important;}
	}

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

	#top-cart {float:right;margin-left:10px; width: 27px;position: relative; z-index: 2;padding-bottom:0px!important;}
	#top-cart {
		a {font-size: 24px!important;line-height: 18px; width: 26px;}
		a:hover i {color:#222;}
		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 {font-size:21px;float:right; margin:0px; line-height: 18px; width: 23px;position: relative; z-index: 2;}
	.login .usuario-activo {color:@c1;}
	.login .on {display: none;}
	.login.logueado .off {display: none}
	.login.logueado .on {display: inline-block;position: relative;}
	.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;}

	#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 {cursor:pointer;     background-color: rgba(0, 0, 0, 0.15);  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.30); }
	}

	#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:15px;border-top:25px solid #fff; -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);		    box-shadow: -1px -3px 3px 1px rgba(0, 0, 0, 0.33);}
		.notificacion a{color:#D96522}
		.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:18px;}
		.botones-login .btn-activo {background:@c1; color:@c0;}
		.botones-login .btn-activo:hover {background: @c00}

		#wrapper {opacity: 100;}
		#wrapper .login-form {padding:25px; background: @c0;float: left;    width: 100%;}
		.header .login-p {.fp1; font-size:35px; color:@cg1; width: 100%; float:left; margin-bottom:15px;text-transform: uppercase; }
		.content input {.radd (@radd:0px); margin-bottom:10px;height:40px; border:1px solid #d4d4d4; background: #dedede; color:@cg1; .fp1; font-size:18px;	}
		.footer input.enviar-login {margin-top:20px;.radd (@radd:0px);background-color: @c1;color:@c0; font-weight: 400; .fp1; font-size:16px; width: 150px; float:right;}
		.footer {margin-bottom: 25px;		float: left;		width: 100%;		margin-top: 10px;}
		.footer input.enviar-login:hover {background-color: @c00;}
		.footer .pass-olvidado {border:none; background-color: transparent; text-align: center; margin-top:10px;	 color:#7c7c7c; .fp1;float:left;font-size: 16px;    font-weight: 400;}
		.footer .pass-olvidado:hover {color:@c1;}
		#wrapper .footer .button {margin:0px!important;}
		#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;}
	}

	@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 {width:270px;z-index: 1;.eff (@eff:0.3);display: inline-block;float:initial; float:left; }
	#logo img {height: initial; widows: 100%; .eff (@eff:0.3);}
	#logo a {display: inline-block!important;}
	#logo .responsivo-logo {display: none!important;}

	@media (max-width: 991px) {
	   #header {text-align: center;}
	   #header #logo { height: auto; max-width: 250px;   position: relative; z-index: 1; float:initial; }
	   #logo img {height: auto; width: 100%;padding:0px;}
	}
	@media (max-width: 600px) {
	   #header #logo .standard-logo {display: none!important}
	   #header #logo .responsivo-logo {display: inline-block!important;}
	   #header #logo {top:0px; width: 80%; margin: 20px 0px!important;}
	   #header #logo img {width: 100%;}
	}

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

	.redes {float:right;padding:8px 0px;}
	.redes a {margin-left:5px;}
	.redes a:hover {.op100;}

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

/******************** 
STICKY HEADER
********************/

	#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap {}
	#header.sticky-header #header-wrap {background: rgba(0, 0, 0, 0.6);}
	#header.sticky-header:not(.static-sticky) .nav-mod {padding:10px 0px; border:none;}
	#header.sticky-header .botonera-mi {margin-top:7px;}
	#header.sticky-header .botonera-mi #top-search, #header.sticky-header:not(.static-sticky) .botonera-mi #top-cart {    margin-top: 0px!important;    margin-bottom: 0px!important;}
	#header.sticky-header:not(.static-sticky) #logo {width: initial;    line-height: 75%;}
	#header.sticky-header:not(.static-sticky) #logo img {height: 15px!important;}
	#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {padding-top: 14px; padding-bottom: 14px; font-size:14px;}
	#header.sticky-header:not(.static-sticky) #header-wrap .sombra {position: absolute;}
	#header.sticky-header .mod-header {}
	#header.sticky-header:not(.static-sticky) .redes {padding: 10px 0px;}
	#header.sticky-header .botonera-modulo .isologo {    display: inline-block;    float: left;    width: 35px;    margin-top: 7px;    margin-right: 15px;}
	.isologo {display: none;}


	body.top-search-open #header.sticky-header #top-search {
		form input {margin-top: 0px!important;padding-top: 15px!important; .ft1; font-size:15px!important;}
		form input::placeholder {color:#fff; text-transform: lowercase!important; .ft1;}
		form input:-ms-input-placeholder {color:#fff; text-transform:lowercase!important; .ft1;}
		form input::-ms-input-placeholder {color:#fff; text-transform:lowercase!important; .ft1;}
	}

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

	#primary-menu {position: relative;float:left; width: 100%}
	#primary-menu {
		.destacado {font-weight: 600;}
		ul > li {margin:0px;}
		ul li > a {padding: 10px 0px; margin-right:15px; .fp1; font-weight: 300; font-size:15px; letter-spacing: 0px; text-transform: initial;}
		ul li a:hover {color:@c1;}
		ul li:first-child > a {padding-left:0px;}
	}

	@media (max-width: 991px) {
		#primary-menu {width: initial; float:right; width: 100%; margin-top:30px;}
		#primary-menu ul li {border-top:1px solid #444;}
		#primary-menu ul li > a {text-align: center; margin-right:0px;    padding: 12px 0px; border-top:none; color:#fff;}
		#primary-menu ul li:first-child {border-top: 1px solid #444;}
	}


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

	#primary-menu ul .mega-menu-ov {
		a {padding-left:0px;}
		.mega-menu-column {padding: 35px 25px!important;    background: #ffffff!important;}
		.mega-menu-content { background-repeat: no-repeat; background-position: right bottom;max-width: 100%!important;margin:0px!important;}
		.mega-menu-content ul li {width: 50%; float:left;}
		.mega-menu-content ul li a {margin: 0px 10px; font-size: 14px;  font-weight: 400; padding:5px 15px; border-bottom:1px solid #eee; cursor: pointer;}
		.mega-menu-content ul li a div { font-size:12px; font-weight:400px; text-transform: uppercase;}
	}

/******************** 
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 {background: #fff;}
	#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:
======================================================================*/



#slider {
	.icon-angle-down:before {display:none;}
	.one-page-arrow {bottom: 60px;}
	.one-page-arrow:hover {bottom: 60px; opacity: 100;}	

	h2 {font-size:42px; font-weight: 700; /*margin-top: -50px;*/ color:@c0; .fp1;}
}

@media only screen and (max-width: 767px) {
	.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height: 350px!important;}
	#slider h2 {font-size:28px; padding:0px 15px;}
}


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

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


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

.titulo-mod {align-self: center;}
.titulo-mod span {color:#c01065;font-size:37px; .fe1; }
.titulo-mod span i {color:#7db602; .fe1; }
.titulo-mod b {color:#808080; font-size:22px; .fp1; font-weight: 300;}

.titulo-box {display:inline-block;width: 30%;}
.destacados-box {display:inline-block;width: 70%;}

.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;}
.owl-carousel .owl-nav [class*=owl-]:hover {background:transparent!important;}
.owl-carousel .owl-nav:hover i {color:@c1}

@media only screen and (max-width: 991px) {
	.owl-carousel .owl-nav [class*=owl-] {opacity: 1}
	.owl-carousel .owl-nav .owl-next {right: -25px;}
	.owl-carousel:hover .owl-nav .owl-next {right: -25px}
	.owl-carousel .owl-nav .owl-prev {left: -25px;}
	.owl-carousel:hover .owl-nav .owl-prev {left: -25px}
}

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

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

.productos {
	/*.owl-carousel .owl-nav [class*=owl-]:hover {border:1px solid @c1!important;}*/

	.box-titulo {width:100%; text-align: center; padding:25px 0px; position: relative; margin-bottom:35px;}
	.box-titulo .titulo {.fp1; font-size:24px; font-weight: 700; color:@c00; background: #f1f1f1; padding: 0px 25px; z-index: 1; display: inline-block;}
	.box-titulo .linea {border-top:1px solid #999; position:absolute; top: 42px; z-index: -1; width:100%;}
	.mod-padding {padding-left:8px; padding-right: 8px;}
	.producto {background:@c0; display: inline-block;cursor:pointer; width: 100%;overflow: hidden; position: relative;padding:0px 15px; text-align: center;}
	.producto:hover .hover {bottom:0%;.eff (@eff:0.3);}
	.producto .hover {z-index:100;position: absolute; left:0px; bottom:100%; height:100%; padding:30px 40px; display: inline-block;  .eff (@eff:0.3); width: 100%;.op100; text-align: center;}
	.producto .hover div {.fp1; color:@c0; font-size:18px; text-align: center;vertical-align: middle; display: inline-block;margin: auto;position: absolute; top:0; left:0; right:0; bottom:0; height: 80px; width: 225px;}
	.producto .box-img {text-align:center;position:relative; max-width: 300px; display: inline-block;overflow: hidden;}
	.producto .box-img .box-marca {background: #fff;position: absolute;display: inline-block;bottom: -5px;left: 50%;margin-left:-50px;width:auto;-webkit-border-top-left-radius: 5px;		-webkit-border-top-right-radius: 5px;		-moz-border-radius-topleft: 5px;	-moz-border-radius-topright: 5px;		border-top-left-radius: 5px;		border-top-right-radius: 5px;}
	.producto .box-img .box-marca .marca {.op50;}
	.producto .hover div .circulo {background:#999; display:inline-block; width:50px; height:50px;.radd (@radd:200px);-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);		box-shadow: 0px -5px 4px 0px rgba(0,0,0,0.75);}
	.producto .hover div span {width: 100%; font-size:22px; .op40;margin-bottom:5px; color:@c0; .op80;margin-top:8px;}
	.producto .box {text-align: center;width:100%; display:inline-block;position: relative;}
	.producto .box .colores {display: inline-block; text-align: center;    height: 30px;    overflow: hidden;}
	.producto .box .colores .color-box {border:1px solid #e5e5e5;padding:1px;display: inline-block; margin:1px;}
	.producto .box .colores .color-box div {float:left;background: @c1; width:40px; height: 18px;}

	.producto .box .linea {position: absolute;border:0.5px solid #d9d9d9; width:100%;}
	.producto .box p {display:inline-block; font-size:16px;.eff (@eff:0.3);.ft1; width:100%;text-align: center; float:left;  top: 0px;font-weight:300;    line-height: 24px!important;margin-bottom:10px; margin-top:6px;  left: 0px;    height: 44px;    overflow: hidden;color:@cg1;}
	.producto:hover .box p {display: inline-block;top: -44px; .eff (@eff:0.3)}
	.producto .box .fondo-p {background: #fff; top:0px; left:0px; height:100%; width:100%; z-index: 1; position: absolute;}
	.producto .box i {font-size:17px; .fp2; font-weight: 700; color:@c1; font-style:initial;}
	.producto .box i span {color:@c1; font-weight: 700;}
	.producto .ver-mas { text-align: center; padding:8px 25px; width:100%; display:inline-block; color:@cg1; display:none;width:auto; background:@c1; color:@c0;margin-bottom:35px;}
	.producto .box .linea {margin-top:16px;z-index: 2}
	.producto .box-precio {display: inline-block;width: 100%; text-align: center; font-weight: 700; font-size:22px; .ft2; color:#000;}

	.oferta-mod.producto .hover div .circulo {background: @c1}
	.novedad-mod.producto .hover div .circulo {background: #7dc202}

	.producto .mod-dest { display:none; position: absolute;.fondo-gradient; text-align: center; font-weight: 300; right: -40px; top: 25px; padding: 5px 6px; width: 160px; color: #fff; font-size: 15px;  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 {display: inline-block;}


	.titulo-mod {text-align: center; font-size:26px;line-height: 26px; margin-top:0px;margin-bottom:75px; font-weight: 300; color:@cg1;}
	.titulo-mod b {font-weight: 700;  font-size:26px;}

	}

	@media only screen and (max-width: 991px) {
		#content  .content-wrap .box-nosotros .border-box {padding: 40px 35px; border-left:0px solid #e5e5e5; border-right:0px solid #e5e5e5;  border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
		.mod-padding {text-align: center}
		.productos .producto .hover {display: none;}
		.productos .producto .ver-mas {display:inline-block;    margin-bottom: 0px;    font-size: 14px;    padding: 5px 15px;    background: #999;}
		.productos .producto .box .fondo-p {display:none;}
		.productos .oferta-mod.producto .box .box-modulos .modulo.precio {display:none;}
		.productos .titulo-mod {margin-top: 25px;}	
	}


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


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

#footer {background: #262626;border:none; float:left; width: 100%}
#footer {

	.datos-principales {background: #4d4d4d}
	.datos-principales .box {padding:0px;}
	.datos-principales .datos {color: @c0; display: inline-block; margin-right:20px; font-weight: 300;padding: 25px 0px;    padding-top: 15px;}
	.datos-principales .redes {float:right; width: initial; border:none;margin:0px;}
	.datos-principales .redes a {margin:0px;margin-top:5px;}

	.si-instagram img {width: 25px;}
	.si-instagram:hover, .si-colored.si-instagram {background: #333!important;.radd (@radd:15px);}

	.mas-info {display: inline-block; margin:0px;}
	.fondo {background:url(../img/textura.png) center right repeat;}
	.box {padding: 70px 0px 40px 0px;}
	.footer-text {.ft2; font-size:16px; color:@cg1;    line-height: 26px;}
	.footer-text a {.ft2; font-size:16px; color:@cg1; display: inline-block;}
	.contacto-info {display: inline-block;margin-bottom:0px; width: 100%;}
	.menu-info li {width: 50%; display: block}
	.menu-info li.al100 {width: 100%;}
	ul li {margin-bottom:10px;display: block; width: 100%; float:left; }
	ul li a, ul li, ul li i {font-size:16px; font-style: initial;    color: rgba(255, 255, 255, 0.50); font-weight: 200;}
	ul li b, ul li span, ul li i, ul li img,  {.ft2;	}
	ul li b {font-weight: 700; color:@c0;letter-spacing: 0.5px;}
	ul li a:hover i {font-weight: 500;opacity: 1; color:#000;}
	ul li i {font-weight: 300;}
	ul li span {font-size:18px;color:@cg1;}
	ul li i {margin-left:8px;.ft2;}
	ul li span {width:25px;float:left;}
	ul li img {}

	ul.mas-info li a {cursor: pointer;}
	ul.mas-info li a i:hover, ul.mas-info li a:hover i {color:@c0; cursor: pointer;}

	.redes {float:right;margin:0px; padding:0px;color:#fff;}
	.redes a {margin:0px!important;float:left;}
	.redes b {float:left;margin-top:8px;margin-right: 15px;.ft2;}
	.redes i {color:#fff;}
	.redes span {float:left; color:@c0;margin-top:7px;}
	.redes .box-footer {display: inline-block;margin:0px;}
	.logo-2 {margin-top: 40px; float:right;}
	.desarrollo {float:left; margin-top:10px; .ft2;}
	.desarrollo .ov {width: initial; color:@cg1; text-align: center; display: inline-block; float: initial;}

	.end-footer-box {border-top:1px solid rgba(255, 255, 255, 0.20); padding-top:20px; margin-top:20px;display: inline-block; text-align: left; width:100%;}

	.logo {filter: grayscale(100%) saturate(1) brightness(500%) contrast(500%);-webkit-filter: grayscale(100%) saturate(1) brightness(500%) contrast(500%); opacity: 0.10;    margin-top: 75px;}

	@media only screen and (max-width: 1199px) {
		ul li {text-align: left;}
		#footer {text-align: left;}
		.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;    float: right;} 
	}

	@media only screen and (max-width: 991px) {
		ul li {text-align: center;}
		ul li span {display: inline-block; text-align: center; float: initial;}
		.secciones-footer, .desarrollo {display: none!important;}
		.end-footer-box {text-align: center;}
		.desarrollo, .redes {display: inline-block; float: initial;}
	}

}

  .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:38px; margin-bottom:0px;   border: 1px solid @c1;    background: @c1;    float: left;    padding: 5px 20px;    color: #fff;    font-size: 16px;    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: #3c1852 !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: 20px;    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;    }
  }

	#nav-catalogo-header {
		.tit {font-size:21px;margin-bottom:10px; color:@cg2;}
		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: 15px; font-weight: 300;}
		.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: 15px;    font-weight: 600;    color: #838383;    border-bottom: 1px solid #ddd;    padding-bottom: 10px;    margin-bottom: 0px;}
	}


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

#catalogo {
	#footer {margin-top:0px;}
	.productos .producto {padding:0px;margin-bottom:15px;}
	/*.productos .row {margin-left:-7px; margin-right:-7px;}
	.productos .row .col-xs-12, .productos .row .col-sm-12 {padding:7px;}*/

	@media only screen and (max-width: 991px) {
		.productos .producto {float: initial;}
		.content-wrap {text-align: center;}
		.navegacion-responsiva {display: inline-block; float:initial;}
	}
}

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

.arbol {.ft2;margin-top:35px;background-size: cover; font-size:15px; color:@cg1; width:100%;font-weight:300; display:inline-block; background-size: cover;    margin-bottom: 20px;border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:35px;}
.arbol .fondo {padding: 13px 0px;}
.arbol a {color:@cg1;}
.arbol a:hover {color:#ccc;}
.arbol b {font-weight: 700;}

@media only screen and (max-width: 991px) {
	.arbol .fondo {background: rgba(68, 68, 68, 0.90);}
}

.titulo {display:inline-block; width:100%;text-align:center;position:relative;    margin-top: 60px;margin-bottom:30px;}
.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: 40px;    margin-bottom: 40px;}
}


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

/*=====================================================================
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;}
.modal-producto-detalle .modal-body {padding:0px;}

#catalogo.producto-detalle-box {
	#content {background: transparent;}
	.box-contenedor {background:@c0;position:relative; float:left; width: 100%;margin-bottom:60px;}
	.volver {margin-top: 0px;    display: inline-block;   float: right;   }
	.volver a {display:inline-block; font-size:19px; .fp2; color:#999; font-weight: 300;float:right;}
	.volver:hover {font-weight: 400; color:@c1;}
	.volver:hover a {color:@c1;}
	.carousel-indicators {margin-bottom:0px; bottom:0px;}
	.estado {font-weight:700; color:@c0; .fp1; font-size:24px; padding: 8px 20px; z-index:1;display:none; margin-bottom:15px;}
	
	.carousel img {padding:15px;}
	.arbol {margin-top:40px; margin-bottom:0px;border:none;    padding-bottom: 25px; float:left; width: 100%; background:transparent;}

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

	.mod-dest {position: absolute; display:none; text-align: center;.ft1;     font-weight: 300;    right: -50px;    top: 30px;    padding: 8px 6px;    width: 200px;    color: #fff;    font-size: 18px;    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; display:inline-block; }
	.novedad-mod .mod-dest {.fondo-gradient-2; display:inline-block}

	.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:29px;margin-left:5px; font-weight: 700;text-align: left;.fp2; color:@cg1; display: inline-block;}

	.carrito {display: inline-block;width: 100%}
	.carrito input {width: 75px;float:left; position: relative;border:1px solid #eee; height: 38px;text-align: left;padding-left:10px; font-size:18px;.fp2; font-weight: 300; color:@cg1;float:left;}
	.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 {.fondo-gradient-2}
	.carrito button img {width: 25px; display: inline-block;}

	.box-catalogo-fondo {background: #fff; border-left:1px solid #ddd;padding:0px;}

	.pdf {border:1px solid #e5e5e5; background: #f9f9f9; display: inline-block; padding: 7px 20px;  margin-bottom: 25px; margin-top: 25px; }
	.pdf:hover {background: #fff}

	.color-modelo {float:left; width: 100%;}
	.color-modelo b {float:left; width: 100%;margin-bottom:15px;}
	.color-modelo a {display: inline-block;margin-right:10px;max-width: 110px; background: #fff; padding:10px;border:1px solid #e5e5e5;}
	.color-modelo a:hover, .color-modelo a.selecc {border:2px solid #e5e5e5;}

	#slider {padding:50px 15px;height:auto!important;position: relative;}
	#slider {
		.box-marca {position:absolute; bottom:5px; right:-15px;z-index:10;
			background: #fff;width:auto;-webkit-border-top-left-radius: 5px;		-webkit-border-top-right-radius: 5px;		-moz-border-radius-topleft: 5px;	-moz-border-radius-topright: 5px;		border-top-left-radius: 5px;		border-top-right-radius: 5px;		
		}
		.marca {    position: absolute;    top: 30px;    right: 15px;    z-index: 1;}
		.box-marca img {display:inline-block;max-width:150px;}
		#slider-flex {position:relative;}
		#slider-flex .flex-direction-nav {display:none;}
		.slider-arrow-left, .slider-arrow-right, .flex-prev, .flex-next, .slider-arrow-top-sm, .slider-arrow-bottom-sm {background:transparent;}
		.fslider {margin-bottom:0px!important;overflow:initial!important;text-align:center;}
		.flex-direction-nav a i {color:@cg1}
		.flex-direction-nav a:hover {background:transparent!important;}
		#carousel {padding:0px 15px;overflow:initial!important;max-width:100%!important;}
		#carousel .slide {border-left:0.5px solid #f1f1f1; border-right: 0.5px solid #f1f1f1; width: 125px!important;}
		#carousel .slide img {padding:0px 15px; width: 100%;}
		.flex-prev {left: -12px;}
		.flex-prev i {text-align:left; margin:0px;}
		.flex-next {right: -20px;}
		.flex-next i {text-align:right; margin:0px;}

		#carousel .slider-wrap img {cursor:pointer;}
	}
	.panel {border:none;box-shadow: none; } 
	.boxing-mod {margin:0px 0px;text-align: center;border:1px solid #eee; overflow: hidden; position: relative;}	
	.catysub {float:left;}
	.box-img {width:100%;display: inline-block;max-width: 500px;}

	.box-pri {margin-top:0px;text-align: left;     padding: 60px 50px;background: #f5f5f5; display: inline-block;}
	.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;}
	.box-pri h1 {.ft1; font-size:28px; color:@cg2; font-weight: 500; color:#000;display:inline-block; width:100%; margin-top:0px; text-align: left;margin-bottom:0px; color:@cg1;}
	.box-pri p {font-size:17px; .ft2;    text-align: left;    width: 100%;    display: inline-block;margin-top:15px; color:@cg2;}
	.box-pri .img-box {width: 100%; display: inline-block; margin-bottom:25px;}
	.box-pri .cod {font-size:15px; text-align: left;padding-top:0px;margin-bottom:0px; font-weight: 300; .fp2;}
	.box-pri .precio, .box-pri .precio-anterior, .box-pri .precio-porcentaje  {color: @c2;    font-size: 24px;    text-align: left;    border: 1px solid @c2;    display: inline-block;    padding: 1px 25px;    margin-bottom: 15px;    float: left;    margin-top: 0px; font-weight:700;margin-bottom:25px;max-width:150px;}
	.box-pri .precio {max-width: initial; border:1px solid #ddd; background: #eee;}
	.box-pri .precio i {font-size:15px; font-weight: 300;}
	.box-pri .precio-anterior {margin-right:15px; color:@cg3;  border: 1px solid @cg3;text-decoration:line-through;font-weight:300; display:none;}
	.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 {margin-top:15px;font-size:15px; font-weight: 400;margin-bottom:0px;}
	.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}


	.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 .no-flex {display: inline-block; width: 100%!important; border:none!important;}

	.enviar-al-carrito {background:url(../img/carrito-blanco.png) 13px 7px no-repeat #989898; border:none;min-width: 160px;padding:5px 15px 5px 35px; color:@c0;float:right; font-size:17px; .fp1; font-weight: 300; margin:20px 0px;}
	.enviar-al-carrito:hover {background-color: #666; cursor: pointer;}
	.aclaracion-box {width: 60%;float:left;text-align: left; .ft2; font-size:15px; color:@cg1; margin:20px 0px;}
	.aclaracion-box span {color:@c2;.ft2;}

	@media only screen and (max-width: 1199px) {
		 .box-pri .enviar-al-carrito {width:195px;}
		 .box-pri button {width: 80px;}
	}
	@media only screen and (max-width: 991px) {
		.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 {text-align: center;   padding:40px 30px;}
		.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%;}
		.box-pri .box form .sub-label input {width:20%;}
		.box-pri .box form .sub-label label {width:80%;}
		.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;}
		.box-pri h1, .box-pri .cod, .box-pri, .box-pri .precio, .box-pri .info, .box-pri .aclaraciones {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;}
	}
	@media only screen and (max-width: 767px) {
		.estado {font-size: 20px; padding: 5px 15px 5px 15px;}
	}
	@media only screen and (max-width: 600px) {
		.aclaracion-box {width: 100%; margin-bottom:0px;}
		.box-pri .box form .sub-label, .box-pri .box form .enviar-al-carrito {width: 100%;margin-bottom:10px;}
		.box-pri .cod {width: 100%;margin-bottom:10px;}
		.box-pri .precio-anterior, .box-pri .precio {width: 100%;margin-bottom:10px;max-width: 250px;margin-top:0px;}
	}	
	@media only screen and (max-width: 500px) {
		.box-pri .enviar-al-carrito {width:100%; width:auto;margin-bottom:15px;width:100%;}
		.box-pri .precio {clear:left;}
		.box-pri .precio-anterior {margin:0px;}
	}
	@media only screen and (max-width: 400px) {
		.box-pri .enviar-al-carrito {padding: 0 15px;}
	}	
}
#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;}
}

#catalogo.producto-detalle-box .box-productos {float:left; width: 100%}
#catalogo.producto-detalle-box .box-productos {
	.sombra {float:left; width: 100%; position: absolute;    width: 100%;    z-index: 1;}

	ul.head {background: #E4E4E4; width:100%; padding-top:0px;}
	ul.head li {}
	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; line-height: 16px;}
	ul li.desc span {color:#bbb;font-size:14px;.fp2; }


	ul li input {width: 50px; background: #f5f5f5; border:1px solid #E4E4E4; text-align: center;    height: 27px;}
	ul li b {font-weight: 700; .fp2;}
	.cod {width: 15%;}
	.desc {width: 40%; }
	.precio {width: 15%; text-align: center;}
	.precio-x {width: 15%; text-align: center;}
	.cant {width: 15%;text-align: right;text-align: center;}

}



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

#catalogo.carrito {background: #f0f0f0}
#catalogo.carrito {
	#wrapper {background: transparent;}
	#content {background: transparent;padding:50px 0}
	.breadcrumbs {padding-bottom:25px; margin-bottom:0px;float:right;}
	.breadcrumbs a {background: #fff; color:@cg1; .fp1;    padding: 8px 14px; font-size:14px;float:right;}
	.breadcrumbs a:hover {background: #fff}
	.breadcrumbs a span {font-weight: 700; color:@cg1;margin-left:0px;}

	#productos {margin-top:100px;}
	.titulo-cat {.fp1; color:@cg1;font-weight:300;  padding: 5px 0px; font-size:25px; display: inline-block;float:left;    margin-bottom: 15px;}
	.producto-detalle {display: inline-block; width: 100%;}
	.producto-detalle .titulo-pri {height: 26px;font-size:15px; overflow: hidden; width: 100%;margin-top:5px!important;margin-bottom:0px; font-weight: 300;}
	.producto-detalle .codigo-prod {height: 30px; overflow: hidden; width: 100%;}
	.producto-detalle .precios-prod {height: 34px; overflow: hidden; width: 100%;}
	article {display: inline-block; width: 100%;}
	article .box {float:left;width: 100%; border:1px solid #d9d9d9; background: #fff; display: flex}
	article .box img {  max-height: 80px;}
	article .box .mod-info {border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9}
	article .box .box-info {padding:10px; margin:0px;width:100%}
	article .box .box-info .precios-prod {margin-top:0px;}
	article .box .box-info .p-lista {background: transparent; color:@cg1; font-size:18px; border:none; padding:0px;    margin-bottom: 25px; font-weight: 300;}
	article .box .box-talles-cantidades {margin-top:15px; height: 90px;}
	article .box .box-talles-cantidades .stock {color:@c0; background: @c1; border:1px solid @c1;}
	article .box .mod-quitar {border-left: 1px solid #d9d9d9;text-align: center;display: flex;   }
	article .box .mod-quitar .boxt-opciones { align-self: center; display: inline-block; width: 100%}
	article .box .mod-quitar .boxt-opciones .quitar {color:red!important; display: inline-block;}
	article .box .mod-modificar {text-align: center;}
	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;  line-height: 32px; font-weight: 300;    padding-bottom: 5px;    padding-top: 13px; }
	article .box .mod-modificar .precio span {color:@cg2;font-size:21px;display:block;width:100%; margin-top:8px;}
	article .box .mod-modificar .precio i {font-style:initial; font-size:18px;display:block;width:100%; line-height: 22px;    height: 20px;    overflow: hidden;}
	article .box .mod-modificar .boxt-opciones {font-size:14px;border-bottom:1px solid #d9d9d9; display: inline-block; text-align: center; padding:15px;    margin-bottom: 15px;}	
	article .box .mod-modificar .boxt-opciones .mod-opciones {width: 100%; display: inline-block;}
	article .box .mod-modificar .boxt-opciones .mod-opciones span {margin-right: 5px;}
	/*.finalizar-compra {    border-top: 1px solid #d9d9d9;		padding-top: 40px;		margin-top: 40px;}*/
	.form-control {.radd (@radd:0px); margin-bottom:10px;    height: 45px;border-bottom: 1px solid #d9d9d9;}

	.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;}
	/*.finalizar-compra .box-fin {float:right; border-top:1px solid #d9d9d9; padding-top:25px; margin-top:25px;width:100%;}*/
	.finalizar-compra .box-fin .total { background: #fff; color:@c1; font-size:20px; font-weight: 300; float:left;     padding: 12px 25px; .fp1; 	padding: 13px 25px;   float:right;border:1px solid #ccc;}
	.finalizar-compra .box-fin .finalizar {float:right;border:none; background: @c1;cursor:pointer; color:@c0; font-size:21px;  margin-right: 0px;    padding: 12px 25px;  .fp1;}
	.finalizar-compra .box-fin .finalizar:hover {background: @c1;}

	 article .box .mod-img {text-align: center;}
	 .cant {float: initial;display: inline-block;}
	 .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: 24px; height: 30px;float:left;border:1px solid #e5e5e5;text-align: center;}
	.cant input {width: 40px;height: 30px;float:left;border:none;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align: center;.ft1; font-size:16px; color:@cg1;}
	.cant .mas {width: 24px;height: 30px;float:left;border:1px solid #e5e5e5;text-align: center;font-weight: 300}
	.cant .menos:hover, .cant .mas:hover {background: @cg1; color:@c0;border:1px solid @cg1; cursor: pointer;cursor: pointer;}
	.agregar {color: @c0; height: 30px; padding:3px 15px;margin:0px 5px; border:none; background: @cg1; font-size:14px; .fp1; font-weight: 300;cursor: pointer;}
	.agregar:hover {background:@c00}


	 .siguiente-paso {    display: inline-block;    width: 100%;    margin-top: 25px;    border-top: 1px solid #dddd;    padding-top: 25px;}
 	 .siguiente-paso .titulo-cat {width: 100%}
	 .hiper-sig {background: #999;    border: 1px solid #bbb;margin-bottom:15px;    text-align: center;    color: #ffffff;    width: 100%;    font-size: 20px;    font-weight: 300;    display: inline-block;    padding: 8px;}
 	 .hiper-sig:hover {background: #333;}

	@media only screen and (max-width: 991px) { 
		.breadcrumbs a {margin-top:30px;}
			article .box .box-info .p-lista {margin-bottom: 5px;}
		article .box .mod-quitar {    position: absolute;    right: 0px;    width: initial;    border-bottom: 1px solid #d9d9d9;    background: #f5f5f5;}
		article .box .mod-quitar .boxt-opciones .quitar {margin: 4px 0px;}
		#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 .mod-modificar .precio { padding-bottom:15px;padding-top:0px; }
		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;}
	}
}

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

#nosotros {
	#footer {margin-top:0px!important;} 
	#wrapper .box-principal {background:url(../imagenes/nosotros.jpg) bottom no-repeat;background-size:cover; text-align:center; float:left; width:100%;}
	.pre-footer-box {margin-top:0px;}
	.box-principal .fondo {}
	#wrapper .box-nosotros {background:@c0;max-width:950px; display:inline-block;padding: 50px;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);}
		#wrapper .box-nosotros .box:last-child {border:none;}
		#wrapper .box-nosotros .box {border-bottom: 1px solid #e5e5e5;    }
		#wrapper .box-nosotros p {.fp1; font-size:15px; color:@cg1;     line-height: 30px;}
		#wrapper .box-nosotros .titulo {margin: 0px;    font-size: 30px;    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:25px; border-bottom:1px solid #eee; margin-bottom:25px; }
		#wrapper .box-img img {max-width: 250px;}
		#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: 500px) {
			#wrapper .box-nosotros .figura {display:none;}
			#wrapper .box-nosotros {padding:50px 25px;}
		}
}


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

#servicios {
	#slider {max-height: 260px!important;}
	#slider .swiper-slide {background-position: center center; height: initial!important;}
	#slider .box-slider {background: transparent; text-align: center; padding:0px; margin:0px; width: 100%; max-width: 100%;}
	#slider .slider-caption {max-width: 100%; width: 100%}
	#slider .box-slider h3 {display: inline-block;text-shadow: 3px 1px 2px rgba(56, 56, 56, 0.7); font-size:36px; }

	.box-principal {text-align: center;}
	.box-principal h4 {font-size:23px; font-weight: 300; padding-top:70px; border-bottom:1px solid #eee; display: inline-block;padding-bottom:15px; margin-bottom:50px;}
	.box-principal .servicio {text-align: center; float:left; width: 100%;}
	.box-principal .servicio img {display: inline-block;margin-bottom:15px;}
	.box-principal .servicio strong {font-size:20px; font-weight: 700; width: 100%; display: inline-block;margin-bottom:15px;}
	.box-principal .servicio p{font-size:16px; font-weight: 400; width: 100%; display: inline-block;}
	.box-principal .dudas {background:#C0B283; color:@c0; padding:10px 25px; display: inline-block;margin:40px 0px; font-size:18px; cursor: pointer;}
	.box-principal .dudas:hover {background:#98843f;}
}



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

#contacto {
	#footer {margin-top:0px!important;} 
	#content {margin-top:0px!important;}
	#wrapper .box-principal {background:url(../imagenes/contacto.jpg) bottom repeat #eee; float:left; width: 100%; text-align: center;}
	#wrapper #content {}
	#buscador-box {width:900px; 		background:@c0; display:inline-block;padding:45px 25px;margin:80px 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);	}
	#buscador-box .contacto-box-1, #buscador-box .contacto-box-2 {padding:0px 35px;}
	#buscador-box .contacto-box-2 {border-right:1px solid #e5e5e5}
	#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: 50px;margin-bottom: 20px;	padding: 20px; .fp1; font-size:14px; border:1px solid #eee; color:@cg2}
	#buscador-box textarea.btn-contacto {height:200px;}
	#buscador-box .titulo {color: @cg2;	font-size: 29px;margin-top:0px;		font-weight: 400;		margin-bottom: 25px;text-align: center;	}
	#buscador-box .enviar-bottom {display:inline-block; background:@cg2;padding:0px 20px; color:@c0; border:none; width:100%; max-width:200px; font-size:16px; float:right;cursor:pointer;}
	#buscador-box .enviar-bottom:hover {background:@c1}
	.contacto-box-mod {text-align: center;}

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

	.pre-footer-box {margin-top:0px;}

	.fluid-width-video-wrapper {float:left;width:100%;padding:0px!important; height:320px; margin-bottom:25px; border:1px solid #eee;}
	.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {position:initial;}

	@media only screen and (max-width: 991px) {
		#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; text-align: center;}
		#buscador-box .contacto-box-1 {border-right:none;  margin-bottom:25px; padding-bottom:25px;}
		.fluid-width-video-wrapper {margin-top:20px;}
		#buscador-box {width:100%;}
	}
 	@media only screen and (max-width: 767px) { 
		#buscador-box form {width:100%;}
	}
	@media only screen and (max-width: 490px) { 
		#buscador-box {padding:0px 10px;}
		#buscador-box form {padding:25px 0;}
		#buscador-box .titulo {font-size:28px;}
	}   
	@media only screen and (max-width: 350px) { 
		#buscador-box {padding:15px;}
	}   
 }

#contacto.registro {
	#wrapper .contacto-box-mod .fondo {background:url(../imagenes/contacto.jpg) bottom repeat #eee; float:left; width: 100%}
	.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;}
}

 #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:@c2; color:@c0; border:none;}
	 #wrapper .finalizar-compra .actualizar input:hover {background: @c1;}
	 #wrapper .finalizar-compra label {width: 100%;}
	 #wrapper .finalizar-compra input {width: 100%;}
 
 }
 	.panel-botonera {float:left;margin-top:35px!important;margin-bottom:0px!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;}


/*=====================================================================
DISTRIBUIDORES:
======================================================================*/

#distribuidores {
	#buscador-box {width:100%; 		background:@c0; display:inline-block;padding:0px;margin:80px 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);	}
	#wrapper .box-principal {background:url(../imagenes/contacto.jpg) bottom repeat #eee; float:left; width: 100%; text-align: center;}
	form {margin:0px;}
	.modulo-1 {width: 35%; height: 100%; background: #F4F4F4; padding:50px; border-right:1px solid #ddd; float:left; /*position: absolute;*/}
	.modulo-1 .titulo {text-align: left; font-size:28px;margin-top:0px; margin-bottom:20px;}
	.modulo-1 .bootstrap-select {width: 100%; margin-bottom:15px;}
	.modulo-1 .bootstrap-select button {background: #fff; border:1px solid #ddd; .radd (@radd:0px);  padding:12px 35px 12px 15px;}
	#buscador-box .enviar-bottom {display:inline-block; background:@cg2;padding:8px 20px; color:@c0; border:none; width:100%; max-width:200px; font-size:16px; float:right;cursor:pointer;}
	#buscador-box .enviar-bottom:hover {background:@c1}
	.quiero-ser {border-top:1px solid #ddd;padding-top:30px; margin-top:30px; display: inline-block; width: 100%}
	.quiero-ser a {background:#E5E5E5;display: inline-block;width: 100%; padding:12px 20px;}
	.quiero-ser a:hover {background:#cccccc }
	.quiero-ser a img {display: inline-block; max-width: 30px;}
	.quiero-ser a span {display: inline-block;}

	.modulo-2 {width: 65%; height: 100%;padding:50px; float:right;}
	.modulo-2 .datos-seleccionados {text-align: left; font-size:19px; color:@cg1; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
	.modulo-2 .empresa {background: #F4F4F4;padding:20px 35px; text-align: left;margin-bottom:10px;}
	.modulo-2 .empresa .tit {font-weight: 700;}

	@media only screen and (max-width: 991px) {
		.modulo-1, .modulo-2 {width: 100%;position: initial;}
	}
	@media only screen and (max-width: 500px) {
		.modulo-1, .modulo-2 {padding: 30px;}
		.modulo-2 .empresa {padding:20px;}
		.modulo-2 .empresa .tit {font-size:14px;}
		.modulo-2 .empresa .datos {font-size:14px;}
		.modulo-1 .titulo {font-size:20px;}
	}
}

#contacto.quiero-ser-box {
	 #buscador-box .titulo img {width: 35px;margin-right: 10px;}
	  #buscador-box .btn-contacto.btn-contacto-2 {height: 100px;}
}

#distribuidores{
	.btn-contacto {width:100%; height: 50px;margin-bottom: 20px;	padding: 20px; .fp1; font-size:14px; border:1px solid #eee; color:@cg2}
}

/*=====================================================================
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%}
	}	
}


.fondo-opacidad {background: #000; position: absolute; width: 100%; height: 100%;    z-index: 0;}
#home #header .fondo-opacidad  {display: none;}