/* 434040,cbcbcb,05bc3c,ffffff,646473,010101,ffffff */
@color1:            #434040;
@color2:            #cbcbcb;
@precio:            #05bc3c;
@cabecera:          #ffffff;
@fuente_cabecera:   #646473;
@pie:               #010101;
@fuente_pie:        #ffffff;

@fuente_pie-dark:   darken(@fuente_pie, 13.5%);

@color1-dark:       darken(@color1, 13.5%);
@color1-darker:     darken(@color1, 25%);
@color1-light:      lighten(@color1, 13.5%);
@color1-lighter:    lighten(@color1, 25%);

@color2-dark:       darken(@color2, 13.5%);
@color2-darker:     darken(@color2, 25%);
@color2-light:      lighten(@color2, 13.5%);
@color2-lighter:    lighten(@color2, 25%);

a:link, a:visited {
	color: @color1;
}
a:hover {
	color: @color1-dark;
	text-decoration: none;
}
a:active {
	color: @color1-darker;
	text-decoration: none;
}
.color1, a.color1, ul.color1 li a {
	color: @fuente_pie;
}
.color1 a:hover {
	color: @color1-dark;
}
.bgcolor1 {
	background: @color1 !important;
	color: #FFF !important;
	border-color: @color1 !important;
}
a.btn.bgcolor1:hover {
	background: @color1-lighter !important;
	color: @color1 !important;
}
a.btn.bgcolor2:hover {
	background: @color2-lighter !important;
	color: @color2 !important;
}
.color2, a.color2, ul.color2 li a {
	color:@color2 !important;
}
.color2 a:hover {
	color: @color2-lighter !important;
}
.bgcolor2 {
	background:@color2 !important;
	color: #FFF !important; 
}
.bordercolor1 {
	border-color: @color1 !important;
}
.bordercolor2 {
	border-color: @color2 !important;
}
a.categorias:before {
	font-family: 'FontAwesome';
	font-size: 18px;
	content: "\f0c9";
	padding-right: 7px;
}

.precio {
	color: @precio;
}
.tituloSeccion, .tituloFiltro {
	color: @color2;
}
.anadir {
	background:@color1;
}
a.anadir {
	color: @color1-lighter;
}
a.anadir:hover {
	background: @color1-dark;
	color: @color1-lighter;
}
.wrapperSeparador {
	background: @color2-dark;
}
.separadorPie {
	background: @color1;
}
.pie {
	background: @pie;
        color: @fuente_pie !important;
}
.pie h4 {
	color: @fuente_pie-dark;
}
.direccion, .telefono, .email {
	color: @fuente_pie;
}
.direccion:before, .telefono:before, .email:before {
	color: @fuente_pie-dark;
}
ul.bullets {
	color: @color1;
}
ul.redesSociales li a {
	background: @color1;
	color: @color1-lighter;
}
ul.redesSociales li a:hover {
	background: @color1-light;
}
.footer {
	background: @color2;
	color: @color2-lighter;
}
.footer a:link, .footer a:visited {
	color: @color2-lighter;
}
.tituloCarrito .fa {
	background: @color2;
	color: #FFF;
}
.carrito .precio {
	color: @color2;
}
.colBorrar a:link {
	color: @color2;
}
a.btn-primary:link, a.btn-primary:visited, a.btn-color1:link, a.btn-color1:visited {
	background: @color1;
	color: lighten(@color1, 75%); 
	border: 1px solid @color1-dark;
}
a.btn-primary:hover, a.btn-color1:hover {
	background: @color1-dark;
	color: #FFFFFF;
	border: 1px solid @color1-darker;
}
a.btn-primary:active, a.btn-color1:active {
	background: #666666;
	color: #FFFFFF;
	border: 1px solid #666666;
}
a.btn-color2:link, a.btn-color2:visited {
	background: @color2;
	color: lighten(@color2, 75%); 
	border: 1px solid @color2-dark;
}
a.btn-color2:hover {
	background: @color2-dark;
	color: #FFFFFF;
	border: 1px solid @color2-darker;
}
a.btn-color2:active {
	background: #666666;
	color: #FFFFFF;
	border: 1px solid #666666;
}

.new-label, .sale-label {
    background: @color1;
}
.new-label:before, .new-label:after, .sale-label:before, .sale-label:after {
    border-color: darken(@color1, 25%) transparent transparent transparent;
}
.pagination a:link {
	color: @color1;
}
.pagination li.active a:link, .pagination li.active a:active {
	background: @color1;
	border-color: @color1;
	color: #FFF;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: darken(@color1, 25%);
	background-color: #eee;
	border-color: #ddd;
}
ul.menuUsuario li a:hover {
	background-color: @color2;
}
ul.menuUsuario li.activo a {
	background-color: @color1;
}
.importe {
	color: @color2;
}

.miCuenta ul, .miCarrito ul, .dropdown-menu > li > a {
	color: #000 !important;
}

/*---------------------*/
/*---------------------*/
/*---------------------*/
/*----- HEADER1 -------*/
.header1 a.categorias {
	color: @color1-lighter;
	background:@color1-dark;
}
.header1 li.open a.categorias {
	color: @color1;
	background: #FFF;
	border-color: #FFF;
}
.header1 .nav > li > a {
	color: @color1-lighter;
}
.header1 .nav > li > a:hover, .header1 .nav > li > a:focus {
    text-decoration: none;
    background: @color1-dark;
    color: #FFF;
}
.header1 .nav .open > a, .header1 .nav .open > a:hover, .header1 .nav .open > a:focus {
    background-color: @color1-darker;
    border-color: @color1-darker;
}
.header1 .navbar-toggle {
	border: 1px solid @color1-lighter;
	color: @color1-lighter;
}
.header1 .navbar-toggle .icon-bar {
	background: @color1-lighter;
}
.header1 .nav-tabs li a {
    background: lighten(@color2, 45%);
}
.header1 .nav-tabs li a:hover {
    background: lighten(@color2, 35%);
}
/*---------------------*/
/*---------------------*/
/*---------------------*/
/* ---- HEADER2 ------ */
.header2 .cabecera, .header2 .topBar {
	background: @cabecera !important;
    color: @fuente_cabecera;
}

.header2 .topBar a:link, .header2 .topBar a:visited {
	color: @fuente_cabecera;
}
.header2 .topBar a:hover, .header2 .topBar a:hover {
	color: darken(@fuente_cabecera, 50%);
}
.header2 #navbar-collapse-1 li a {
	color: @fuente_cabecera;
}
.header2 #navbar-collapse-1 li a:hover, .header2 #navbar-collapse-1 li a:focus {
	background: multiply(lighten(@cabecera,20%), lighten(@fuente_cabecera,50%));
}
.header2 a.categorias {
	color: @color1-lighter;
	background:@color1-dark;
}
.header2 li.open a.categorias {
	color: @color1;
	background: #FFF;
	border-color: #FFF;
}
.header2 .nav > li > a {
	color: @color1-lighter;
}
.header2 .nav > li > a:hover, .header2 .nav > li > a:focus {
    text-decoration: none;
    background: @color1-dark;
    color: #FFF;
}
.header2 .nav .open > a, .header2 .nav .open > a:hover, .header2 .nav .open > a:focus {
    background-color: @color1-darker;
    border-color: @color1-darker;
}
.header2 .navbar-toggle {
	border: 1px solid @color1-lighter;
	color: @color1-lighter;
}
.header2 .navbar-toggle .icon-bar {
	background: @color1-lighter;
}
.header2 .nav-tabs li a {
    background: lighten(@color2, 45%);
}
.header2 .nav-tabs li a:hover {
    background: lighten(@color2, 35%);
}
/* 10.oct.2018 Jgrande
.header2 #search-input .form-control {
	background: lighten(@color1,33%);
}
.header2 #search-input .form-control:focus{ 
	border-color: darken(@color1,33%);
}
*/
/*---------------------*/
/*---------------------*/
/*---------------------*/
/*----- HEADER3 ------ */
.header3 .cabecera, .header3 .topBar {
	background: @cabecera !important;
    color: @fuente_cabecera !important;
}
        
.header3 .topBar a:link, .header3 .topBar a:visited {
	color: @fuente_cabecera;
}
.header3 .topBar a:hover, .header3 .topBar a:hover {
	color: darken(@fuente_cabecera, 50%);
}

.miCuenta a:link, .miCarrito a:link, .miCuenta a:visited, .miCarrito a:visited {
    color: @fuente_cabecera;
}

.miCuenta span, .miCarrito span {
    color: darken(@fuente_cabecera, 25%) !important;
}

.header3 .idiomaTop ul.dropdown-menu li a {
	color: @color2;
}
.header3 a.categorias {
    color: lighten(@color2,75%);
    background: darken(@color2,15%);
}
.header3 .nav > li > a {
	color: @color2-lighter;
}
.header3 .nav > li > a:hover, .header3 .nav > li > a:focus {
    text-decoration: none;
    background: @color2-dark;
    color: #FFF;
}
.header3 .nav .open > a, .header3 .nav .open > a:hover, .header3 .nav .open > a:focus {
    background-color: @color2-darker;
    border-color: @color2-darker;
}
.header3 .navbar-toggle {
	border: 1px solid @color2-lighter;
	color: @color2-lighter;
}
.header3 .navbar-toggle .icon-bar {
	background: @color2-lighter;
}
.header3 .nav-tabs li a {
    background: lighten(@color1, 45%);
}
.header3 .nav-tabs li a:hover {
    background: lighten(@color1, 35%);
}
.header3 .grupoMenu {
	background: darken(@cabecera,10%);
}
/*---------------------*/
/*---------------------*/
/*---------------------*/
/* ---- HEADER4 ------ */
.header4 .cabecera, .header4 .topBar {
	background: @cabecera !important;
    color: @fuente_cabecera !important;
}
        
.header4 .topBar a:link, .header4 .topBar a:visited {
	color: @fuente_cabecera;
}
.header4 .topBar a:hover, .header4 .topBar a:hover {
	color: darken(@fuente_cabecera, 50%);
}

.miCuenta a:link, .miCuenta a:link, .categ a:link, .miCuenta a:visited, .miCarrito a:visited, .categ a:visited {
    color: @fuente_cabecera;
}

.header4 button.navbar-toggle {
	border-color: lighten(@color2,30%);
	color: lighten(@color2,30%);
}
.header4 .navbar-toggle .icon-bar {
	background: lighten(@color2,30%);
}
.header4 #navbar-collapse-1 li a {
	color: lighten(@color2,50%);
}
.header4 #navbar-collapse-1 .nav > li > a:hover, .header4 #navbar-collapse-1 .nav > li > a:focus {
	background: lighten(@color2, 20%);
	color:#FFF
}
.header4 #navbar-collapse-1 .dropdown-menu li a {
	color: @color2 !important;
}
/* 10.oct.2018 Jgrande
.header4 #search-input .form-control {
	background: lighten(@color1,33%);
}
.header4 #search-input .form-control:focus{ 
	border-color: darken(@color1,33%);
}
*/
.header4 .idiomaTop ul.dropdown-menu li a {
	color: @color2;
}
/*
.header4 a.categorias {
    color: #FFF;
    background: none;
}
*/
.header4 a.categorias:focus {
	background: none;
}
.header4 .grupoMenu {
	background: darken(@cabecera,10%);
}
/*---------------------*/
/*---------------------*/
/*---------------------*/
/*----- HEADER5 -------*/
.header5 .cabecera, .header5 .topBar {
	background: @cabecera !important;
        color: @fuente_cabecera !important;
}
.header5 .topBar a:link, .header5 .topBar a:visited {
	color: @fuente_cabecera;
}
.header5 .topBar a:hover, .header5 .topBar a:hover {
	color: darken(@fuente_cabecera, 50%);
}

.header5 a.categorias {
	color: @color1-lighter;
	background:@color1-dark;
}
.header5 li.open a.categorias {
	color: @color1;
	background: #FFF;
	border-color: #FFF;
}
.header5 .nav > li > a {
	color: @color1-lighter;
}
.header5 .nav > li > a:hover, .header5 .nav > li > a:focus {
    text-decoration: none;
    background: @color1-dark;
    color: #FFF;
}
.header5 .nav .open > a, .header5 .nav .open > a:hover, .header5 .nav .open > a:focus {
    background-color: @color1-darker;
    border-color: @color1-darker;
}
.header5 .navbar-toggle {
	border: 1px solid @color1-lighter;
	color: @color1-lighter;
}
.header5 .navbar-toggle .icon-bar {
	background: @color1-lighter;
}
.header5 .nav-tabs li a {
    background: lighten(@color2, 45%);
}
.header5 .nav-tabs li a:hover {
    background: lighten(@color2, 35%);
}