html{
	   -webkit-font-feature-settings: "kern" 1;
}
.opciones {
    margin-top: 10px;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 12%);
    background-color: #fff;
    padding: 5px 16px 25px;
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 15px;
}
.opciones.activo {
    border: 2px solid #3498db;
}

.formulario {
    margin-top: 10px;
    border-radius: 6px;
    box-shadow: 0px 1px 2px 0 rgb(0 0 0 / 12%);
    background-color: #fff;
    padding: 14px 16px;
    background-color: #f8f9f9;
    margin-bottom: 10px;
}

.andes-table {
    width: 50%;
    
    color: #000;
  
    font-family: Lato,-apple-system,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    padding: 16px 24px;
    border-radius: 5px;
	
}

.andes-table td, .andes-table th {
	 width: 50%;
	font-weight: 400;
	border:0;
}


.color12 {
    background: #ebebeb;
    font-weight: 400;
    font-size: 15px !important;
    line-height: 1.5;
    color: #666;
    padding: 16px 24px;
	border-right:1px solid #eee;
}

.color1 {
    background: #efefef;
    font-weight: 400;
    font-size: 15px !important;
    line-height: 1.5;
    color: #666;
    padding: 16px 24px;
}

.color21 {
    background: #f5f5f5;
	font-weight: 400;
    font-size: 15px !important;
    line-height: 1.5;
    color: #666;
    padding: 16px 24px;
	border-right:1px solid #eee;
}
.color2 {
    background: #f5f5f3;
	font-weight: 400;
    font-size: 15px !important;
    line-height: 1.5;
    color: #666;
    padding: 16px 24px;
}

.red {
  color: #aa1c1f !important;
}

/* ------------------------------------------------- 

[0] ESTILOS BASE
---------------------------------
[1] CONTENEDORES
---------------------------------
[2] TÍTULOS Y TEXTOS
---------------------------------
[3] ENLACES Y BOTONES
--------------------------------- 
[4] FORMULARIOS
---------------------------------
[5] HEADER
---------------------------------
[6] NAV 
---------------------------------
[7] PRODUCTOS INDICE
---------------------------------
[8] CALL TO ACTION
---------------------------------
[9] MENU PRODUCTOS
---------------------------------
[10] SLIDER HOME
---------------------------------
[11] SLIDER PRODUCTOS - NOTICIAS
---------------------------------
[12] BANNER
---------------------------------
[13] MAPA
---------------------------------
[14] PAGINADOR
---------------------------------
[15] BREADCRUMBS
---------------------------------
[16] PRODUCTO AMPLIADO
---------------------------------
[17] ORDENAR VISUALIZADOR DE PRODUCTOS
---------------------------------
[18] TABULADOR  - PRODUCTO AMPLIADO
---------------------------------
[20] CUENTA - TABULADOR 
---------------------------------
[21] COLUMNA TEXTO
---------------------------------
[22] PRODUCTOS LISTA
---------------------------------
[00] FOOTER


------------------------------------------------- */

/* [0] ESTILOS BASE */
/* -------------------------------------------------  */
*{
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#wrapBannersOferta {
    width: calc(100% - 20px);
    margin: 10px;

}

.bannerOferta50 {
    width: calc(50% - 5px);
    float: left;
    position: relative;
	padding:10px;	
}

.white {
	color:#fff;
}

.bannerOferta50:first-child {
    margin-right: 10px;
}

.bannerOferta50 img {
    width: 100%;
    height: auto;
    display: block;
	padding: 0px !important;
}

.infobannerOferta {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    left: 10px;
    padding: 10px;
    width: 100%;
	
}

.wrapInfoTabs2 {
    width: 100%;
    border-top: 1px solid #686868;
    background: #FFF;
    padding: 10px;
    font-family: 'Lato';
    line-height: 1.5;
    color: #666;
}


#profesionales{
	
line-height: 1.6;padding:15px;column-width:17em;font-size:14px; 
}

#profesionales li{
	list-style: square;  
	}  
	
.flex-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.category-name {
	display: block;
color: #000;
text-align: center;
padding: 20px 10px;
}

.c1-c10 .category-item a {
    display: block;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    font-size: .8125rem;
}


.category-item a::before {
    content: "";
    display: inline-block;
    height: 10.3125rem;
    width: 10.3125rem;
    background: #efefef;
    top: 10px;
    border-radius: 50%;
    position: absolute;
    margin: 0 auto;
    left: -9999px;
    right: -9999px;
    transition: all .4s cubic-bezier(.22,.61,.36,1);
}

.c1-c10 .category-item a img {
    width: 72%;
    height: auto;
    margin: 10px auto 0;
    display: block;
    position: relative;
    transition: all .4s cubic-bezier(.22,.61,.36,1);
	
	background: #efefef;
    top: 10px;
    border-radius: 50%;
}

.about {
	
	font-size: 14px;
}



.c1-c10 .category-item a img:hover {
 
       -webkit-box-shadow: 2px 2px 5px 0px rgb(190, 183, 183);
       -moz-box-shadow: 2px 2px 5px 0px rgb(187, 185, 185);
       box-shadow: 2px 2px 5px 0px rgb(179, 176, 176);
}


.c1-c10 .category-item {
    max-width: 14.25rem;
    max-height: 17.5rem;
    overflow: hidden;
    margin: 0 1rem 1rem;
		text-decoration:none;

}


.c1-c10 .category-item a {
    cursor: pointer;
    font-size: .8125rem;
	text-decoration:none;
}

#ww {
    position: fixed;
    bottom: 5px;
    right: 0px;
    z-index: -1;
    padding: 10px;
}


#ww a:hover {
  opacity: 0.5;
}

#logosBottom{
	width: calc(100% - 20px);
	margin: 30px 10px 30px 10px;

}
#logosBottom img{
	display: block;
	margin: 0 20px;
}

.hideWeb{
display:none !important;
}

        

.botonVerde{
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding: 8px 11px;
	cursor: pointer;
	text-align: center;
	transition: all linear 0.2s;
	border:1px solid #516200;
	border-radius: 4px;
	margin: 0 2px;
	background: #8eac00;
	background: -webkit-linear-gradient(#8eac00, #516200);
	background: -moz-linear-gradient(#8eac00, #516200);
	background: -o-linear-gradient(#8eac00, #516200);
	background: linear-gradient(#8eac00, #516200);

}
.botonVerde:hover{
	background: #2f3901;
}


.dolar {
    color: #a4e6ff;
    font-family: 'Lato', sans-serif;
    margin-right: 5px;
    position: relative;
    font-size: 14px;
    border: 1px solid #b3ae959e;
    padding: 8px;
    border-radius: 5px;
 
}


.valorpeso {
color:#fff;
font-weight: 600;
}


.dolar2 {

font-family: 'Lato', sans-serif;
position:relative;
font-size:12px;
padding:8px;
margin-top:-32px;
float:left;
margin-left:-8px;
display:block;
}


.tachado{text-decoration:line-through; 	color: #999999; 	 margin-left:10px; margin-top:-10px; 	font-size: 1em;   font-weight: normal; }

.filtro{
	width: 280px;
	height: 33px;
	background-color: #d3d3d3;
	padding: 6px;
	padding-left: 7px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	margin:0px 0px 10px;
	color: #555555;

	font-size:12px;
}


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('images/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('images/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('images/warning.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('images/error.png');
	font-size:13px;
}

body{
	margin: 0;
	padding: 0;
	overflow-x:hidden;

	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;

	font-family: Verdana, Geneva, sans-serif;
	font-weight: 400;
	font-size:62,5%;

	background: url() #ddd;
	
	
	
}
.bodyLightbox{
	overflow: hidden;
}
section,nav,article,aside,hgroup,header,footer{
	display:block
}
ul, ol, li{
	list-style: none;
} 
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
.cleaner{
	clear: both;
	visibility:hidden;
	font-size:0;
	height:0;
	display:block;
}
.setLeft{
	float:left !important;
}
.setRight{
	float:right  !important;
}
.textLeft{
	text-align:left !important;
}
.textRight{
	text-align:right  !important;

}
.textCenter{
	text-align:center!important;
}
.elementoLinea{
	display:inline-block;
	vertical-align: middle;
}
.paddingSection{
	padding-top: 20px;
	padding-bottom: 20px;
}
.hideDesktop{
	display: none;
}
.hideCell{

}
.backWhite{
	background:url(images/back-white.jpg) center center no-repeat  #FFF;
	background-size: cover;
}
.backDark{
	background: url(images/dark.png);
}
.backgreen{
	background:url(images/backgreen.png) right 0 no-repeat  #AA1C1F;
}
.backBlue{
	background:url(images/backBlue.png) right 0 no-repeat #004a83;
}
.separador{
	border-bottom: 1px dotted #686868;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 100%;
	display: block;
	text-align: left;
    word-break: break-word;
	font-size: 20px;

}
.blanco{
	color: #FFF;
}
.sombraFx{
	text-shadow: 0 0 5px #000;
}
.glowFx{
	text-shadow: 0 0 5px #FFF;
}
.padding10{
	padding: 10px;
}
.padding20{
	padding: 20px;
}

.lightBox{
	background: rgba(0,0,0,0.9);
	position: absolute;
	z-index: 10000;
	width: 100%;
	height: 0;
}
.closeLight{
	font-size: 2em;
	cursor: pointer;
	color: #FFF;
	position: absolute;
	top:-500px;
	right: 20px;
	z-index: 10001;
}
.closeLight:hover{
	color: #DC272D;	
}
.closeLightView{
	top:20px;
}
.showLightbox{
	height: 5000px;
}

/* [1] CONTENEDORES */
/* -------------------------------------------------  */
.wrapPage{
	width:100%;
	max-width: 1400px;
	margin: 0 auto;
	padding:20px;
	background: #FFF;
	border: 1px solid #ccc;
    border-radius: 5px;
}
.Flex{
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: flex-start;
}
.Flex1{
	flex: 1;
}
.Flex2{
	flex: 2;
}
.Flex3{
	flex: 3;
}
.Flex4{
	flex: 4;
}
.Flex5{
	flex: 5;
}
.columna1-1{
	width: 100%;
}
.columna1-4{
	width: 25%;
	float: left;
}
.columna3-4{
	width: 75%;
	float: left;
}
.columna1-3{
	width: 33.3333%;
	float: left;
}
.columna2-3{
	width: 66.6666%;
	float: left;
}
.columna1-2{
	width: 50%;
	float: left;
}

.columna1-4R{
	width: 25%;
	float: right;
}
.columna3-4R{
	width: 75%;
	float: right;
}
.columna1-3R{
	width: 33.3333%;
	float: right;
}
.columna2-3R{
	width: 66.6666%;
	float: right;
}
.columna1-2R{
	width: 50%;
	float: right;
}

.image100{
	width: 100%;
	height: auto;
	display: block;
	padding: 22px;
}

.wrapWhite{
	width: 100%;
	border: 1px solid #FFFFFF;
	background: #FFF;
	box-shadow: 0 0 2px #CCC;
	margin-bottom: 10px;

}
.wrapAside{
	padding-right: 20px;
}

.centerWrap{
	margin-left: auto;
	margin-right: auto;
	width: 45%;
}

/* [2] TÍTULOS Y TEXTOS */
/* -------------------------------------------------  */

h1{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.6em;
	margin-bottom: 10px;
}

/*section > h1{
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #CCC;
}*/

h2{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.0em;
	margin-bottom: 10px;
}

h3{
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 1em;
	margin-bottom: 10px;
   
}

h4{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 0.8em;
	margin-bottom: 10px;
}


p{
	font-size: 14px;
	text-align: justify;
}
.titulosSeccionDestacados{
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 1.1em;
	/*text-transform: uppercase;*/
	color: #FFF;
	background: #000c15;
	background: -webkit-linear-gradient(rgb(8 0 0 / 71%), rgb(12 1 1));
	background: -moz-linear-gradient(rgb(8 0 0 / 71%), rgb(12 1 1));
	background: -o-linear-gradient(rgb(8 0 0 / 71%), rgb(12 1 1));
	background:linear-gradient(rgb(8 0 0 / 71%), rgb(12 1 1));
	border-radius: 4px 4px 0 0;
	border-bottom: 1px solid #000c15;
	margin-bottom: 0;
}
.titulosSeccionDestacados span{
	background: url(images/backTransparent.png) right no-repeat;
	display: block;
	padding: 10px 10px;
	border-bottom: 1px solid #FFF;
}

.tituloAside{
}

.subtitulo{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1em;
	color: #004a83;
	margin: 5px 0;
	text-decoration: none;
}
.subtitulo:hover{
	color: #DC272D;
}
.textoDestadaco, .highlighted{
	background:#e8e7e7;
	padding: 15px;
	border-radius: 4px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.titleSubMenu{
text-transform: uppercase;
font-size: 1em;
font-weight: 700;
text-decoration: none;
color: #313131;
display: block;
padding: 5px 0;
margin-bottom: 10px;
border-bottom: 1px solid #DC272D;
}

.enlacesSecundarios2{
text-transform: uppercase;
font-size: 1em;
font-weight: 700;
text-decoration: none;
color: #313131;
display: block;
padding: 5px 0;
margin-bottom: 10px;
border-bottom: 1px solid #DC272D;
}

/* [3] ENLACES Y BOTONES */
/* -------------------------------------------------  */


.enlace{
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #DC272D;
	text-decoration: none;
	transition: all linear 0.2s;
}

.enlace:hover{
	color: #000;
}


.enlace2{
	color: #666;
	text-decoration: none;
	transition: all linear 0.2s;
	padding: 0 10px;
}

.separa {
	border-left: 1px solid #c7c7c7;	
}

.enlace2:hover{
	color: red;
	text-decoration: none;
	transition: all linear 0.2s;
}

.botonMenuPrincipal{
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 0.956em;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	padding: 12px 12px 12px 12px;
	cursor: pointer;
	text-align: center;
	transition: all linear 0.2s;
}
.botonMenuPrincipal:hover{
	--background: url(images/binding_dark.png) #000;
	background-color:#DC272D;
	color: #FFF;
}

.botonMenuPrincipalView{
	--background: url(images/binding_dark.png) #000;
	background-color:#DC272D;
	color: #FFF !important;
}


.botonRojo{
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding: 8px 11px;
	cursor: pointer;
	text-align: center;
	transition: all linear 0.2s;
	--border:1px solid #2190d4;
	border-radius: 4px;
	margin: 0 2px;
	background: -webkit-linear-gradient(#cb1416, #a60807);
	background: -moz-linear-gradient(#cb1416, #a60807);
	background: -o-linear-gradient(#cb1416, #a60807);
	background: linear-gradient(#cb1416, #a60807);
	font-style:normal;
	

}
.botonRojo:hover{
	background: #000;
}


.botonTransparente{
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #FFF;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding: 8px 11px;
	cursor: pointer;
	text-align: center;
	transition: all linear 0.2s;
	border:1px solid #FFF;
	border-radius: 4px;
	margin: 0 2px;
	background: rgba(255,255,255,0);
	background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.3));
	background: -moz-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.3));
	background: -o-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.3));
	background: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.3));

}
.botonTransparente:hover{
	background: #FF0000;
}


.botonBlanco{
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #DC272D;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding: 12px;
	cursor: pointer;
	background: #FFF;
	text-align: center;
	transition: all linear 0.2s;
}


.botonNegro{
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding: 8px 11px;
	cursor: pointer;
	text-align: center;
	transition: all linear 0.2s;
	border:1px solid #000c15;
	border-radius: 4px;
	margin: 0 2px;
	background: #000c15;
	background: -webkit-linear-gradient(#1f313e, #000c15);
	background: -moz-linear-gradient(#1f313e, #000c15);
	background: -o-linear-gradient(#c1f313e, #000c15);
	background: linear-gradient(#1f313e, #000c15);
}
.botonNegro:hover{
	background: #1156a3;
}


.botonNegro2{
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #FFF;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding: 8px 11px;
	cursor: pointer;
	text-align: center;
	transition: all linear 0.2s;
	border:1px solid #000c15;
	border-radius: 4px;
	margin: 0 2px;
	background: #DC272D;

}
.botonNegro2:hover{
	background: #1156a3;
}

.botonGris{
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #FFF;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding: 12px;
	cursor: pointer;
	background: #4d4d4d;
	text-align: center;
	transition: all linear 0.2s;
}
.botonGris:hover{
	background: #DC272D;
}



.botonRojoCall{
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	color: #FFF;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding: 12px;
	cursor: pointer;
	background: #DC272D;
	text-align: center;
	transition: all linear 0.2s;
}
.botonRojoCall:hover{
	background: #002542;
}

.enlacesSecundarios{
font-family: 'Lato', sans-serif;
font-weight: 400;
color: #000c15;
font-size: 0.95em;
text-decoration: none;
padding: 5px 5px;
margin: 0 5px;
transition: all linear 0.2s;
border-bottom: 1px dotted #ccc;
}
.enlacesSecundarios:hover{
	color:#FFF;
	background: #DC272D;
}
.enlacesSecundarios2:hover{
	color:#FFF;
	background: #DC272D;
	cursor:pointer;
}

.botonMenuFooter{
	display: block;
	border-radius: 4px;
	margin-bottom: 5px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	padding: 12px 12px 12px 12px;
	cursor: pointer;
	text-align: center;
	transition: all linear 0.2s;
	background: #DC272D;
	background: -webkit-linear-gradient(#DC272D, #AA1C1F);
	background: -moz-linear-gradient(#DC272D, #AA1C1F);
	background: -o-linear-gradient(#DC272D, #AA1C1F);
	background: linear-gradient(#DC272D, #AA1C1F);
}
.botonMenuFooter:hover{
	background: #FF0000;
}


.filtro::before{
	font-family: "FontAwesome";
	content: "\f0b0";
	margin-right: 0.3em;
}
.key::before{
	font-family: "FontAwesome";
	content: "\f084";
	margin-right: 0.3em;
}
.cart::before{
	font-family: "FontAwesome";
	content: "\f07a";
	margin-right: 0.3em;
}
.addCart::before{
	font-family: "FontAwesome";
	content: "\f217";
	margin-right: 0.3em;
}
.price::before{
	font-family: "FontAwesome";
	content: "\f155";
	margin-right: 0.3em;
}
.view::before{
	font-family: "FontAwesome";
	content: "\f067";
	margin-right: 0.3em;
}
.subMenu::before{
	font-family: "FontAwesome";
	content: "\f107";
	margin-right: 0.3em;
	font-size: 0.8em;
}

.heart::before{
	font-family: "FontAwesome";
	content: "\f004";
	margin-right: 0.3em;
}


.salir::before{
	font-family: "FontAwesome";
	content: "\f08b";
	margin-right: 0.3em;
}

.pdf::before{
	font-family: "FontAwesome";
	content: "\f1c1";
	margin-right: 0.3em;
}


.star::before{
	font-family: "FontAwesome";
	content: "\f005";
	margin-right: 0.3em;
}
.right::before{
	font-family: "FontAwesome";
	content: "\f105";
	margin-right: 0.3em;
}
.user::before{
	font-family: "FontAwesome";
	content: "\f007";
	margin-right: 0.3em;
}
.pass::before{
	font-family: "FontAwesome";
	content: "\f13e";
	margin-right: 0.3em;
}
.menu::before{
	font-family: "FontAwesome";
	content: "\f0c9";
	margin-right: 0.3em;
}
.arrowDown::after{
	font-family: "FontAwesome";
	content: "\f107";
	margin-right: 0.3em;
}
.arrowRight::after{
	font-family: "FontAwesome";
	content: "\f105";
	margin-left: 0.3em;
}
.arrowLeft::before{
	font-family: "FontAwesome";
	content: "\f104";
	margin-right: 0.3em;
}
.file::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f016";
	margin-right: 0.3em;
}
.card::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f283";
	margin-right: 0.3em;
}
.mensaje::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f075";
	margin-right: 0.3em;
}
.ticket::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f145";
	margin-right: 0.3em;
}
.lista::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f03a";
	margin-right: 0.3em;
}

.presupuesto::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f15c";
	margin-right: 0.3em;
}

.casa::before{
    font-family: "FontAwesome";
    font-weight: 500;
    content: "\f015";
    margin-right: 0.3em;
    font-size: 20px;
    margin-left: 10px;
    position: inherit;
    display: block;
    padding-right: 0px;
    float: left;
}

.nuevo::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f1ec";
	margin-right: 0.3em;
}

.edita::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f044";
	margin-right: 0.3em;
}

.borrar::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f1f8";
	margin-right: 0.3em;
}


.cog::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f013";
	margin-right: 0.3em;
}
.print::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f02f";
	margin-right: 0.3em;
}
.facebook::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f082";
	margin-right: 0.3em;
}
.linkedin::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f08c";
	margin-right: 0.3em;
}
.phone::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f098";
	margin-right: 0.3em;
}
/* [4] FORMULARIOS */
/* -------------------------------------------------  */
.formulario{
	margin: 20px 0;
}
.formulario h2{
	padding-bottom: 4px;
	border-bottom:1px solid #CCC;
	margin-bottom: 20px;
}
label{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #000;
}
.labelTop{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #000;

}
.labelFiltro{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #000;
	display: block;
	padding: 4px 0;
	margin: 8px 0;
	width: 100%;
	border-bottom: 1px dotted #CCC;
}
.inputForm{
	border: 1px solid #5f5f5f;
	background: #FFF;
	box-shadow: 0 0 2px #CCC;
	box-shadow: inset 0 0 8px #c7c7c7;
	height: 26px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	border-radius: 3px;
	width: 100%;
}
.inputFormLogin{
	border: 1px solid #5f5f5f;
	background: #FFF;
	box-shadow: 0 0 2px #CCC;
	box-shadow: inset 0 0 8px #c7c7c7;
	height: 24px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	width: 20%;
	margin-right: 10px;
}
.inputFormBuscar{
	border: 1px solid #5f5f5f;
	background: #FFF;
	box-shadow: 0 0 2px #CCC;
	box-shadow: inset 0 0 8px #c7c7c7;
	height: 32px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	flex: 5;
	margin-right: -3px;
}

.rowForm{
	display: flex;
	margin-bottom: 10px;
}
.rowForm input.textfield, .rowForm select.textfield, .rowForm textarea, .rowForm div.wrapOptions{
	flex: 1;
	width: 70%;
}
.rowForm label{
	margin-right: 1em;
	width: 25%;
	padding: 5px;
}
.textfield{
	border: 1px solid #5f5f5f;
	background: #FFF;
	box-shadow: 0 0 2px #CCC;
	height: 26px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #000;
	border-radius: 3px;
}
textarea{
	border: 1px solid #5f5f5f;
	background: #FFF;
	box-shadow: 0 0 2px #CCC;
	height: 110px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #000;
	border-radius: 3px;
	width: 100%;
}
form em{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #DC272D;
	font-style: normal;
}
.wrapFormButtons{
	margin:15px 0;
	padding-top: 10px;
	border-top: 1px solid #CCC;
}
/* [5] HEADER */
/* -------------------------------------------------  */

#wrapTopArea{
	width:100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 10px 0px;
	--border-bottom: #807e7d21 1px solid;

}
#topMenuCell{
	width: 100%;
	text-align: center;
	display: none;
}

#header{
	width: 100%;
	padding: 10px 0;
}

#wrapMenuCuenta{
	width: 50%;
	float: left;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	font-size: 1em;
    color:#666;
   padding: 10px 0px 10px 10px;
}

}

#wrapMenuCuenta i{
  color:#FFF6CD;
}
.viewLogin{
	top:100px !important;
}
.wrapFormLogin{
	padding: 0 20px;
}
.wrapCartTop{
	background: #DC272D;
	padding: 0 10px;
}
.wrapCartTop *{
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #FFF;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding: 12px 0 11px 0;
}


#wrapLogo{
	width:18%;
	float: left;
}

#wrapLogoTopArea{
	display: none;
}

#wrapBuscador{
	width:50%;
	float: left;
	margin-left:5%;
	margin-top:30px;
}

#wrapUsuario{
	width:9%;
	float: left;
	margin-left:4%;
	margin-top:10px;
	text-align: center;
}

#wrapUsuario .texto {
display:block;
color: #000;
text-align: center;
width:100%;
font-size: 0.9em;
margin-top: 5px;
}


#wrapUsuario:hover{
background: -webkit-linear-gradient(#fff, #DFDFDF);
background: -moz-linear-gradient(#fff, #DFDFDF);
background: -o-linear-gradient(#fff, #DFDFDF);
border-radius: 5px;	
padding:0px 0px 10px;
width:9%;
}

#wrapUsuario a {
	text-decoration: none;
}

#wrapBuscador > form{
	display: flex;	
}

#wrapPhoneButtonTop{
	width:10%;
    margin-top: 10px;
	float: left;
	text-align: center;
	margin-left:1%;
	
}
 
#wrapPhoneButtonTop .texto {
display:block;
color: #000;
text-align: center;
width:100%;
font-size: 0.9em;
margin-top: 5px;
}

#wrapPhoneButtonTop a {
	text-decoration: none;
}

#wrapPhoneButtonTop:hover{
background: -webkit-linear-gradient(#fff, #DFDFDF);
background: -moz-linear-gradient(#fff, #DFDFDF);
background: -o-linear-gradient(#fff, #DFDFDF);
border-radius: 5px;	
padding:0px 10px 10px;
}


.badge {margin-top:-15px; margin-left:-15px;padding-left: 5px; padding-right: 5px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;
background-color:red;
 } 

.menuinterno {
   positionr:relative;
   color:#808080;
   text-decoration:none;
   float:left;
   padding:10px;
   margin-top:15px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 1.0em;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
.menuinterno a {
color:#808080;
text-decoration:none;
padding:3px;

}

.menuinterno a:hover {
color:
white;
text-decoration: none;
background: #cf0007;
background: -webkit-linear-gradient(#f60008, #af0006);
background: -moz-linear-gradient(#f60008, #af0006);
    background: -o-linear-gradient(#f60008, #af0006);
	padding:3px;
	border-radius: 3px;

}





#botonDescarga{
	flex: 2;
	padding-top: 15px;
	font-size: 0.9em;
}

#wrapPhoneTop{
	margin: 0 0 0 10px;
	color: #fff;
	flex: 4;
	text-align: center;
	padding:10px;
	background: #000c15;
	background: -webkit-linear-gradient(rgb(8 0 0 / 71%), rgb(12 1 1));
	background: -moz-linear-gradient(rgb(8 0 0 / 71%), rgb(12 1 1));
	background: -o-linear-gradient(rgb(8 0 0 / 71%), rgb(12 1 1));
	background: -webkit-linear-gradient(rgb(8 0 0 / 71%), rgb(12 1 1));
	border: 1px dotted #000c15;
	border-radius: 5px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-decoration: none;
	font-size: 1.2em;
	box-shadow: 2px 2px 8px #3c3c3d;
}


#botonViewMenu{
	display: none;
}

/* [6] NAV */
/* -------------------------------------------------  */
nav{
	text-align: left;
	position: relative;
	background: #DC272D;
		background: -webkit-linear-gradient(#04070e,#060606);
	background: -moz-linear-gradient(#04070e,#060606);
	background: -o-linear-gradient(#04070e,#060606);
	background: -webkit-linear-gradient(#04070e,#060606);
	border-radius: 5px 5px 0 0;
	
}
.navView{
	position:static !important;
}


.wrapBotonPrincipal{
	display: inline-block;
}

.wrapSubMenu{
width: 100%;
max-width: 1500px;
background-color: #fff;
position: absolute;
padding: 20px;
z-index: 20000;
left: -5000px;
border-bottom: 4px solid #DC272D;
display: none;
box-shadow: 0 5px 10px rgba(0,0,0,.2);

}

.submenu{
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: flex-start;
	align-content:flex-start;
}

.viewSubMenu{
	left:0 !important;
}


.familiaSubMenuTop {
	flex: 1;
	padding: 10px;
	margin: 3px 1%;
	min-width: 18%;
	max-width: 18%;

	border-bottom: 1px dotted #FFF;
}
.familiaSubMenuTop  *{
	display: block;
}



/* [7] PRODUCTOS INDICE */
/* -------------------------------------------------  */


section{
	padding: 35px 0 0 0;
	border-top:1px solid #eee;
	background: url(--images/backSombra.png) center 0 no-repeat;
}

.wrapProducto{
	width: 24.3%;
	padding: 15px;
	float: left;
	margin-bottom: 20px;
	border: solid 1px #efefef;
    margin-left: 4px;
    border-radius: 8px;
}

.wrapProducto:hover{


box-shadow: 0 5px 10px rgba(0,0,0,.2);

}


.frameProducto{
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 250px;
	border: 1px solid rgba(0,0,0,0);
	transition: all linear 0.1s;
}

/* -- */
.wrapIconoProducto{
	position: absolute;
	z-index: 3;
	top: 0;
	right: 20px;
	align-items:center;
}
.wrapIconoProducto img{
	width: 100%;
	height: 100%;
	display: block;
}


/* -- */



.thumbProducto{
	width: 100%;
	background: #fff;
	overflow: hidden;
	border-bottom: 1px solid #efefef;
}


.thumbProducto figure {
	--background: linear-gradient(to bottom, #FFFFFF, #ebebeb);
	--border: 1px solid #efeeee;
}
.thumbProducto figure img{
	display: block;
	width: 100%;
	height: auto;
	--mix-blend-mode: multiply;
}


.ampliarProducto{
	
	align-items: stretch;
	align-content:center;
}

.botonProducto{
	display: block;
	width: 100%;
    margin-top: 6px;
    padding: 10px;
    border-radius: 4px;
    border: none;
  
    font-size: 14px !important;
  
    text-align: center;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    cursor: pointer;
	
}

.botonProducto2{
	display: block;
  padding: 12px 25px 10px 10px;
    border: none;
    font-size: 14px !important;
   text-align: center;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    cursor: pointer;
	text-align: center;
	
}

.labelStock{
	flex: 1;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding: 8px;
	text-align: center;
}
.labelStock img{
	width: 100%;
	height: auto;
	display: block;
	margin: auto;
}


.precioProductoIndice{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.3em !important;
	color: #141313;
	text-decoration: none;
	display: inline-block;
}

.precioProductoIndice2{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 1.3em;
	color: #DC272D;
	text-decoration: none;
	display: inline-block;
  width: 300px;
}





.codigoProductoIndice{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #4f628d;
	text-decoration: none;
	display: inline-block;
padding-bottom: 5px;
}

.codigoProductoIndice2{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #000;
	text-decoration: none;
	display: inline-block;
	margin-top: 20px;
}
}
.labelProductoIndice{
	padding: 12px 0;
	text-align: left;
	flex: 7;

}

.labelProductoIndice small{
	font-weight: 500;
	color: #4f628d;

}
.labelProductoIndice a{
	font-weight: 500;
	color: #666;
	text-decoration: none;
	display: block;

	padding-bottom: 4px;
	margin-bottom: 4px;
font-size: 13px;
line-height: 15px;
overflow-wrap: break-word;
height: 45px;
    font-weight: 400!important;
    font-style: normal!important;
    text-transform: none!important;
    text-decoration: none!important;
}

.codigoProductoIndice2 img {
    margin-left: 5px;
    margin-top: -20px;
}

/* [8] CALL TO ACTION  */
/* -------------------------------------------------  */
#callToAction{
border-radius: 3px;

	text-align: center;
	color: #fff;
	padding: 40px 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	margin: 10px 0;
	text-align: center;
	
height:500px;
}

#callToAction::before {
    border-radius: 3px;
    z-index: -1;
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

}



#callToAction h7{

display: block;
font-size: 42px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
color: #ffdf40;
margin-top:100px;
}
}
#callToAction h2{
	font-size: 1.5em;
}


/* [9] MENU PRODUCTOS */
/* -------------------------------------------------  */

.wrapMenuProductos{
	background: #FFF;
	background: -webkit-linear-gradient(#f8f8f8, #FFF);
	background: -moz-linear-gradient(#f8f8f8, #FFF);
	background: -o-linear-gradient(#f8f8f8, #FFF);
	background: linear-gradient(#f8f8f8, #FFF);
	padding: 20px;
}
.menuProductos{
	margin-bottom: 30px;
}
.menuProductos *{
	display: block;
}
.listaSubmenu{
	padding-left: 5px;
    margin-left: 0px;
    margin-bottom: 20px;
    background-color: white;
}
}
.tituloProductos{
	color: #DC272D;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-decoration: none;
	font-size: 1.2em;
	margin-bottom: 10px;
}
.subtituloProductos{
	color: #000c15;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 1em;
	margin-bottom: 10px;
}

.subtituloProductos2{
	color: #000c15;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 1em;
	margin-bottom: 10px;
}
.enlaceProductos{
	color: #686868;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 0.9em;
	padding: 8px 5px;
	border-bottom: 1px dotted #686868;
	transition: all linear 0.3s;
}
.enlaceProductos:hover{
	padding: 8px 5px 8px 15px;
	border-left: 5px solid red;
}

.despliegaMenu::before{
	font-family: "FontAwesome";
	content: "\f0fe";
	color: #000c15;
	font-size: 0.6em;
	margin-right: 10px;
}
.desplegado::before{
	color: #DC272D;
	font-family: "FontAwesome";
	content: "\f146";
	font-size: 0.7em;
}


/* [10] SLIDER HOME */
/* -------------------------------------------------  */
.wrapSliderHome{
	position: relative;
	display: block;
}
.slideHome{
	position: relative;
	margin-bottom: 20px;
}
.sliderHome img{
	width: 100%;
	display: block;
	height: 358px !important;
    background-image: cover;
    background-size: cover !important;
    background-position: center !important
}


.textoSlide{
	text-align: left;
	position: absolute;
	left: 70px;
	top: 5%;
	width: 40%;
}
.tituloSlider{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-decoration: none;
	font-size: 2.3em;
	text-align: left;
	color: #FFF;
	text-shadow: 0 0 4px #FFF;
	padding-bottom: 15px;
	border-bottom: 1px dotted #fff;
	margin-bottom: 15px;
}
.subtituloSlider{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-decoration: none;
	font-size: 1.8em;
	text-align: left;
	color: #FFF;
}
.priceSlider{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-decoration: none;
	font-size: 1.8em;
	text-align: left;
	color: #FFF;
}
.caracteristicasSlider{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-decoration: none;
	font-size: 1.2em;
	text-align: left;
}
.btPrev{
	position: absolute;
	z-index: 9000;
	top: 50%;
	margin-top: -29px;
	left: 5px;
	opacity: .8;
	cursor: pointer;
	transition: all linear 0.3s;
}
.btNext{
	position: absolute;
	z-index: 9000;
	top: 50%;
	margin-top: -29px;
	right: 5px;
	opacity: .8;
	cursor: pointer;
	transition: all linear 0.3s;
}





.btPrev:hover, .btNext:hover{
	opacity: 1;
}


/* [11] SLIDER PRODUCTOS - NOTICIAS */
/* -------------------------------------------------  */

.wrapProductosDestacados{
	position: relative;
	padding: 10px 10px;
display:block;
margin-bottom:0px;
}
.wrapProductosDestacadoss {
    position: relative;
    padding: 0px 0px;
    display: block;
    margin-bottom: 0px;
}

.wrapProductosDestacados{
	position: relative;
	padding: 0px 0px;
display:block;
margin-bottom:20px;
}

.sliderOfertas, .sliderNovedades{
	
}

.productoSlide{
	padding: 10px;
	float: left;
}

.productoSlide:hover figure img{
	//	width: 130%;
	//	left: -15%;
}
.productoSlide:hover .frameProducto{
	border: 1px solid rgba(0,0,0,1);
	width: 90%;
	height: 230px;
	left: 5%;
	top: 10px;
}

.productoSlide:hover .labelIconoProducto {
	opacity: 1;
	display: block;
}


/* ----- */
.wrapNews{
	position: relative;
}
.sliderNews{
	position: relative;
	display: block;
}
.newsSlide{
	padding: 10px;
	float: left;
}

.newsSlide > *{
	margin-bottom:15px;
}

.thumbNews{
	width: 100%;
	height: 160px;
	overflow: hidden;
	position: relative;
	border-bottom: 2px solid #DC272D;
}

.thumbNews img{
	display: block;
	width: 110%;
	height: auto;
	position: absolute;
	margin-left: -5%;
}


/* [12] BANNER */
/* -------------------------------------------------  */
.bannerIndex{
	margin: 20px 0;
	width: 100%;
}
.bannerIndex img{
	display: block;
	width: 100%;
	height: auto;
}


/* [13] MAPA */
/* -------------------------------------------------  */
.wrapMaps{
	background: url(images/binding_dark.png) #000;
	padding: 20px 0;
	color: #FFF;
}
.wrapMaps p{
	border-left: 2px solid #FFF;
	padding-left: 10px;
	color: #fff;
	margin: 10px 0;
}



/* [14] PAGINADOR */
/* -------------------------------------------------  */

.paginador{
	margin: 15px 0;
	width: 100%; 
	text-align: center;
}

/* [15] BREADCRUMBS */
/* -------------------------------------------------  */
.breadcrumb{
	display: block;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
	font-size: 0.8em;
    margin-top:-20px;
}
.breadcrumb a::after{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f105";
	margin-right: 0.3em;
	margin-left: 0.3em;
}
.breadcrumb span{
	text-align: justify;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

/* [16] PRODUCTO AMPLIADO */
/* -------------------------------------------------  */
.wrapGalleryProduct{
	background: url(images/binding_dark.png) #000;
	padding: 10px;
	margin-top: 20px;
}
.wrapGalleryProduct > *{
	box-shadow: 4px 4px 10px #000;
}
.sliderProducto{
	width: 100%;
	margin-bottom: 2px;
	cursor: pointer;
}
.sliderProducto img{
	width: 100%;
	height: auto;
	display: block;
}
.sliderProductoNav{
	width: 100%;
	height: 80px;
	overflow: hidden;
	cursor: pointer;
	margin-top: 10px;
}
.sliderProductoNav img{
	width: 90%;
	height: auto;
	display: block;
}

/* [17] ORDENAR VISUALIZADOR DE PRODUCTOS */
/* -------------------------------------------------  */
#wrapSetProductsList{
	width: 100%;
	padding: 10px;
	background: #f8f8f8;
	background: -webkit-linear-gradient(#FFF, #f8f8f8);
	background: -moz-linear-gradient(#FFF, #f8f8f8);
	background: -o-linear-gradient(#FFF, #f8f8f8);
	background: linear-gradient(#FFF, #f8f8f8);
	margin-bottom: 20px;
	font-size: 0.9em;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content:flex-end;
	align-items:center;
}
#ordenarproductos{
	margin: 0 10px 0 0;
	display: flex;
	align-items:center;
	flex-direction: row;
	flex-wrap: nowrap;
}

#menuOrdenarProductos{
	display: none;
}
#visualizarproductos{
	display: flex;
	align-items:center;
	flex-direction: row;
	flex-wrap: nowrap;
}

#visualizarproductos img{
	display: block;
	width: 16px;
	height: auto;
}

.wrapDetailsProduct{
	padding: 10px;
}
.wrapDetailsProduct > *{
	margin-bottom: 10px;
}

.wrapDetailsProduct h1{
	color: #000;
	border-bottom: 1px solid #DC272D;
	padding-bottom: 5px;
}

.codigo{
}
.precio{
	color: #DC272D;
	font-size: 1.5em;
	font-weight: 700;
}
#wrapBotonesProducto{
	display: flex;
	align-items:center;
	flex-direction: row;
}
#wrapBotonesProducto *{
	margin-right: 10px;
}
.textfielCantidad{
	height: 30px;
	width: 30px;
	border: 1px solid #000;
}

/* [18] TABULADOR  - PRODUCTO AMPLIADO - */
/* -------------------------------------------------  */
.wrapTabsProducto{
	margin: 30px 0 15px 0;

}
.menuTabs{

}
.labelTab{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 0.9em;
	color: #686868;
	padding: 6px 10px;
	border: 1px solid #686868;
	border-bottom: none;
	transition: all linear 0.2s;
	border-radius: 4px 4px 0 0;
	display: inline-block;
}
.labelTab:hover{
	color: #FFF;
	border: 1px solid #1f313e;
	border-bottom: none;
	background: #000c15;
	background: -webkit-linear-gradient(#1f313e, #000c15);
	background: -moz-linear-gradient(#1f313e, #000c15);
	background: -o-linear-gradient(#c1f313e, #000c15);
	background: linear-gradient(#1f313e, #000c15);
}
.labelTabActivo{
	border-radius: 4px 4px 0 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 0.9em;
	color: #FFF;
	padding: 6px 10px;
	border: 1px solid #DC272D;
	border-bottom: none;
	background: #DC272D;
	background: -webkit-linear-gradient(#DC272D, #AA1C1F);
	background: -moz-linear-gradient(#DC272D, #AA1C1F);
	background: -o-linear-gradient(#DC272D, #AA1C1F);
	background: linear-gradient(#DC272D, #AA1C1F);
	display: inline-block;
}


.wrapInfoTabs{
	width: 100%;
	border-top: 1px solid #686868;
	background: #FFF;
	padding: 10px;
	font-family: 'Lato';
	font-size:23px;
	line-height: 1.5;
	color:#666;
	
}

.wrapInfoTabs span{

	font-family: 'Lato';
	font-size:18px !important;
	line-height: 1.5;
	color:#666;
	
}

.wrapInfoTabs2{
	width: 100%;
	border-top: 1px solid #686868;
	background: #FFF;
	padding: 10px;
	font-family: 'Lato';
	
	line-height: 1.5;
	color:#666;
	
}




.wrapInfoTabs2 span{

	font-family: 'Lato';
	font-size:18px !important;
	line-height: 1.5;
	color:#666;
	
}

.infoTabs h3{
	margin-bottom: 15px;
}


/* [19] TABLAS */
/* -------------------------------------------------  */
table{
	background: #FFF;
	width: 100%;
	margin-bottom: 25px;
	margin-top: 10px;
}
table h2, table h3, table h4{
	margin-top: 0;
	margin-bottom: 2px;
	padding-top: 0;
	padding-bottom: 0;
}

th, td{
	padding: 8px 4px;
	vertical-align: middle;

}
th{
	color: #FFF;
	background: #000c15;
	background: -webkit-linear-gradient(#1f313e, #000c15);
	background: -moz-linear-gradient(#1f313e, #000c15);
	background: -o-linear-gradient(#c1f313e, #000c15);
	background: linear-gradient(#1f313e, #000c15);
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1em;
}
td{
	border:1px solid #c4c2c2;
	color: #000;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
}
td::after{
	clear: both;
}
td.total{
	background: #F2F2F2;
}
td.total *{
	text-align: right !important;
}
table img{
	float: left;
	width: 100px;
	height: auto;
	display: block;
	border:1px solid #c4c2c2;
	margin-right: 10px;
	margin-left: 0;
}
table.focusRow, table.focusRow th, table.focusRow td{
	border: none;
}
table.focusRow tr{
	border-bottom: 1px solid #c4c2c2;
}
table.focusRow td{
	padding: 25px 0;
}
table.focusRow img{
	border: none;
	margin-right: 20px;
}


table .imag{
	float: left;
   width:10px;
}


.w10{
	width: 10%;
}
.w15{
	width: 15%;
}
.w20{
	width: 20%;
}
.w25{
	width: 25%;
}
.w30{
	width: 30%;
}
.w40{
	width: 40%;
}
.w50{
	width: 50%;
}
.w60{
	width: 60%;
}
.w70{
	width: 70%;
}
.w80{
	width: 80%;
}
.w90{
	width: 90%;
}


/* [20] CUENTA - TABULADOR */
/* -------------------------------------------------  */
.btTabCuenta{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 0.9em;
	color: #686868;
	padding: 6px 10px;
	border: 1px solid #686868;
	border-bottom: none;
	transition: all linear 0.2s;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
	display: inline-block;
}

.btTabCuenta:hover{
	color: #FFF;
	border: 1px solid #1f313e;
	border-bottom: none;
	background: #000c15;
	background: -webkit-linear-gradient(#1f313e, #000c15);
	background: -moz-linear-gradient(#1f313e, #000c15);
	background: -o-linear-gradient(#c1f313e, #000c15);
	background: linear-gradient(#1f313e, #000c15);
}

.btTabCuentaActivo{
	border-radius: 4px 4px 0 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 0.9em;
	color: #FFF;
	padding: 6px 10px;
	border: 1px solid #DC272D;
	border-bottom: none;
	background: #DC272D;
	background: -webkit-linear-gradient(#DC272D, #AA1C1F);
	background: -moz-linear-gradient(#DC272D, #AA1C1F);
	background: -o-linear-gradient(#DC272D, #AA1C1F);
	background: linear-gradient(#DC272D, #AA1C1F);
	display: inline-block;
}

.btTabCuenta span.icoBtCuenta, .btTabCuentaActivo span.icoBtCuenta{
	font-size: 1.3em;
}

/* [21] COLUMNA TEXTO */
/* -------------------------------------------------- */
.wrapColumnaTexto{
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
.wrapColumnaTexto p{
	margin-bottom: 15px;
}
.wrapColumnaTexto h1{
	color:#DC272D;
	padding-bottom: 4px;
	border-bottom: 1px solid #DC272D;
	margin-bottom: 15px;
}
.wrapColumnaTexto img{
	width: 80%;
	display: block;
	margin: 15px auto 25px auto;
	max-width: 650px;
	box-shadow: 4px 4px 10px #CCC;
}

/* [22] EMPRESA */
/* -------------------------------------------------- */
.columnaPerfiles{
	background: #f1f1f1;
	padding: 20px;
}
.wrapPerfil{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	margin: 15px 0;
	transition: all linear 0.3s;
}
.wrapPerfil img{
	width: 120px;
	height: auto;
	display: block;
	margin-right: 3%;
	-webkit-filter: grayscale(100% );
	filter: grayscale(100%);
}
.wrapPerfil:hover img{
	-webkit-filter:grayscale(0); /
	filter: grayscale(0);
}

.infoPerfil *{
	margin-bottom: 5px;
}
.cargo{
	font-weight: 700;
}

/* [22] PRODUCTOS LISTA */
/* -------------------------------------------------  */
.wrapProductoLista{
	width: 100%;
	padding: 15px;
	float: none;
	margin:10px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCC;
	display: flex;
}

.thumbProductoLista{
	width: 20%;
	height: 200px;
	position: relative;
	background: #fff;
	overflow: hidden;
	border-bottom: 0px solid #182834;
	margin-right: 20px;
}
.thumbProductoLista figure img{
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	transition: all linear 0.2s;
}


.ampliarProductoLista{
	width: 100%;
}

.detallesProductoLista{
	
	align-items: stretch;
	align-content:center;
}

.botonProductoLista{
	float: right;
	margin-top: -140px;
}
/*

.labelStock{
flex: 1;
text-decoration: none;
padding: 8px;
text-align: center;
}
.labelStock img{
width: 100%;
height: auto;
display: block;
margin: auto;
}


.precioProductoIndice{
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 1em;
color: #4e5255;
text-decoration: none;
display: inline-block;
}

.codigoProductoIndice{
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 0.65em;
color: #4e5255;
text-decoration: none;
display: inline-block;
}


.labelProductoIndice{
padding: 12px 0;
text-align: left;
flex: 7;

}
.labelProductoIndice a{
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 1em;
color: #000;
text-decoration: none;
display: block;
border-bottom: 1px dotted #182834;
padding-bottom: 4px;
margin-bottom: 4px;
}


*/



/* [00] FOOTER */
/* -------------------------------------------------  */

#menuHideFooter{
	display: none;
}


#wrapFooter{
	border-top: 12px solid #f3004d;
	background: url(images/binding_dark.png) #000;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #FFF;
}

.columnaLogoFooter{
	width: 25%;
	float: left;
}
.columnaMenuFooter{
	width: 25%;
	float: left;
}

.columnaFooter{
	width: 25%;
	float: left;
}

#wrapFooter a.enlace{
	font-size: 0.9em;
	text-align: justify;
	padding: 8px 0;
	border-bottom: 1px dotted #2a3c46;
	border-top: 1px dotted #000;
}
#wrapFooter h3{
	font-size: 1.3em;
	margin-bottom: 10px;
}

#wrapFooter a.enlace{
	display: block;
	text-decoration: none;
	color: #d4dee4;
}

#wrapFooter a:hover{
	color: #aa1c1f;
}


#wrapFooter a.enlace:hover{
	color: #aa1c1f;
}

#wrapFooter a{
	text-decoration: none;

	color: #fff;
}

#wrapFooter a.enlace::before{
	font-family: "FontAwesome";
	content: "\f0da";
	margin-right: 10px;
}

#wrapFooter i{
	font-size: 2em;
	color: #2daae3;
}
#wrapFooter span{
	font-size: 1.1em;
	margin-left: 10px;
}

.linkk{
	font-size: 0.9em !important;
	margin-left: 10px;
}

.contactInfo{
	display: flex;
	align-content: flex-start;
	align-items: center;
	border-bottom: 1px dotted #2a3c46;
	border-top: 1px dotted #000;
	font-size: 1em;
	text-align: justify;
	padding: 8px 0;
}

#wrapLegal{
	margin: 10px 0;
	padding: 10px;

	text-align: center;
}

#wrapLegal a{
	border: none;
	text-align: center;
	color: #92979c;
}


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

	/* [5] HEADER */
	/* -------------------------------------------------  */

	#wrapTopArea{
		padding: 10px;
	}
	#wrapMenuCuenta{
		width: 50%;
		float: left;
	}
	#wrapBuscador{
		width:45%;
		float: left;
	}

}

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


	/* [5] HEADER */
	/* -------------------------------------------------  */

	#wrapLogo{
		width:20%;
		float: left;
	}


}


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


	/* [5] HEADER */
	/* -------------------------------------------------  */

	#wrapMenuCuenta{
		width: 45%;
		float: left;
	}

	#wrapLogo{
		width:22%;
		float: left;
	}

	#wrapBuscador{
		width:40%;
		float: left;
	}



	/* [8] CALL TO ACTION  */
	/* -------------------------------------------------  */
	#callToAction{
		padding: 40px 10px;
		text-align: left;
	}
	#callToAction h1{
		font-size: 3em;
		color: #AA1C1F;
	}
	#callToAction h2{
		font-size: 1.5em;
	}

	/* [10] SLIDER HOME */
	/* -------------------------------------------------  */
	.textoSlide{
		width: 60%;
	}
	.tituloSlider{
		font-size: 2em;
	}

	.priceSlider{
		font-size: 1.4em;
	}




}

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


	/* [5] HEADER */
	/* -------------------------------------------------  */


	#wrapLogo{
		width:20%;
		float: left;
	}

	#wrapBuscador{
		width:45%;
		float: left;
	}

	#wrapPhoneTop{
		font-size: 1.3em;
	}


}

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



	/* [5] HEADER */
	/* -------------------------------------------------  */
	.rrssTop{
		display: none;
	}

	#wrapMenuCuenta{
		width: 50%;
		float: left;
	}

	#botonDescarga{
		padding-top: 12px;
	}

	#wrapPhoneTop{
		flex: 3;
		padding:10px 5px;
		font-size: 1.1em;
	}	

	/* [22] PRODUCTOS LISTA */
	/* -------------------------------------------------  */
	.thumbProductoLista{
		width: 25%;
		height: 200px;
	}

}


@media screen and (max-width:1000px) {
	/* [1] CONTENEDORES */
	/* -------------------------------------------------  */
	.centerWrap{
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}

	.columna1-4{
		width: 100%;
		float: none;
		margin: 0 auto 10px auto;
	}
	.columna3-4{
		width: 100%;
		float: none;
		margin: 0 auto 10px auto;
	}

	.wrapAside{
		padding: 0;
	}


	/* [5] HEADER */
	/* -------------------------------------------------  */
	#wrapLogo{
		width:25%;
		margin: 0 auto 10px auto;
		float: none;
	}

	#wrapBuscador{
		width:70%;
		margin: 0 auto 10px auto;
		float: left;
	}

	/* [6] NAV */
	/* -------------------------------------------------  */
	nav{
		text-align: center;
	}

	/* [7] PRODUCTOS INDICE */
	/* -------------------------------------------------  */
	#wrapIndiceProductos{
		padding: 20px 0 0 0;
		background: none;
	}

}


@media screen and (max-width:900px) {
	/* [1] CONTENEDORES */
	/* -------------------------------------------------  */
	.centerWrap{
		margin-left: auto;
		margin-right: auto;
		width: 70%;
	}



	.columna1-4{
		width: 100%;
		float: none;
		margin: 0 auto 10px auto;
	}
	.columna3-4{
		width: 100%;
		float: none;
		margin: 0 auto 10px auto;
	}

	/* [2] TÍTULOS Y TEXTOS */
	/* -------------------------------------------------  */


	.tituloAside{
		margin: 10px 0;
		border-radius: 4px;
		background: #000c15;
		background: -webkit-linear-gradient(#1f313e, #000c15);
		background: -moz-linear-gradient(#1f313e, #000c15);
		background: -o-linear-gradient(#c1f313e, #000c15);
		background: linear-gradient(#1f313e, #000c15);
		width: 100%;
		text-align: center;
		border-bottom: none;
		cursor: pointer;
	}
	.tituloAside span{
		border-bottom: none !important;
		display: inline-block !important;
	}
	.tituloAside:hover{
		background: #DC272D;
		background: -webkit-linear-gradient(#DC272D, #AA1C1F);
		background: -moz-linear-gradient(#DC272D, #AA1C1F);
		background: -o-linear-gradient(#DC272D, #AA1C1F);
		background: linear-gradient(#DC272D, #AA1C1F);
	}
	.tituloAside::after{
		font-family: "FontAwesome";
		content: "\f107";
		margin-right: 0.3em;
		font-size: 0.8em;
	}

	/* [4] FORMULARIOS */
	/* -------------------------------------------------  */
	.inputFormLogin{
		height: 32px;
	}


	/* [5] HEADER */
	/* -------------------------------------------------  */
	#topMenuCell{
		display: block;
	}
	#wrapMenuCarrito{
		display: none;
	}

	#wrapMenuCuenta{
		position: absolute;
		z-index: 10001;
		float: none;
		width: 80%;
		top: -1000px;
		left: 10%;
		background: #fff;
		padding: 20px;
		border-radius: 5px;
	}

	#wrapMenuCuenta *{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

	.hideCell{
		display: none;
	}


	#wrapLogo{
		width:25%;
		margin: 0 auto 10px auto;
		float: none;
	}

	#wrapBuscador{
		width:70%;
		margin: 0 auto 10px auto;
		float: none;
	}





	/* [7] PRODUCTOS INDICE */
	/* -------------------------------------------------  */
	#wrapIndiceProductos{
		padding: 20px 0 0 0;
		background: none;
	}

	.wrapProducto{
		width: 33.3%;
	}


	/* [9] MENU PRODUCTOS */
	/* -------------------------------------------------  */

	.wrapMenuProductos{
		display: none;
	}

	/* [22] PRODUCTOS LISTA */
	/* -------------------------------------------------  */
	.thumbProductoLista{
		width: 25%;
		height: 160px;
	}

	/* [00] FOOTER */
	/* -------------------------------------------------  */
	#menuHideFooter{
		display: block;
	}



}

@media screen and (max-width:750px) {
	/* [1] CONTENEDORES */
	/* -------------------------------------------------  */
	.botonProductoLista {
 
    margin-top: -30px;
	
	
}

.hideWeb{
display:block !important;
}

.andes-table {
	 width: 100%;
	font-weight: 400;
	border:0;
}


	.precioProductoIndice{

  font-size:13px;
  margin-right:5px;
   }
   
	#wrapLogoTopArea img {
    width: 160px;
	}
	table img{
		width: 30px;
	}
	table td{
		font-size: 14px;
	}
	h3 {
		font-size: 14px;
		
	}
	
	#cantidad {
		text-align:center;
		font-size:14px;
	}
	
	#vendedor {
		width:100%;
		}
		
	.centerWrap{
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}

	.columna1-2{
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}

	/* [3] ENLACES Y BOTONES */
	/* -------------------------------------------------  */

	.botonMenuPrincipal{
		display: block;
		padding: 12px 0;
	}

	.hideCell{
		display: none;
	}


	/* [5] HEADER */
	/* -------------------------------------------------  */

	#botonViewMenu{
		display: block;
	}

	#wrapTopArea{
		background: #FFF;
		text-align: center;
	}

	#topMenuCell{
		display: flex;
		align-items:flex-start;
	}

	#wrapLogoTopArea{
		display: block;
		flex: 1;
		margin: 0 2%;
	}

	.botonTopArea{
		vertical-align: top;
		font-weight: 700;
		font-size: 1em;
	}


	.txtBotonTopArea{
		display: none;
	}

	#wrapLogo{
		display: none;
	}

	#wrapBuscador{
		width:100%;
		margin: 0 auto 10px auto;
		float: none;
	}
	#wrapPhoneButtonTop{
		display: none;
	}


	/* [6] NAV */
	/* -------------------------------------------------  */
	nav{
		text-align: center;
		width:100%;
		border-radius: 0;
		background: none;
		display: none;
		background: #CCC;
		padding: 10px;
	}

	.wrapBotonPrincipal{
		margin:0 auto 10px auto;
		width: 100%;
	}

	.botonMenuPrincipal{
		display: block;
		color: #FFF !important;
		background: #DC272D;
		background: -webkit-linear-gradient(#DC272D, #AA1C1F);
		background: -moz-linear-gradient(#DC272D, #AA1C1F);
		background: -o-linear-gradient(#DC272D, #AA1C1F);
		background: linear-gradient(#DC272D, #AA1C1F);
		border-radius: 4px 4px 0 0;
	}

	.botonMenuPrincipalSubmenu{
		color: #FFF !important;
		background: #DC272D;
		background: -webkit-linear-gradient(#DC272D, #AA1C1F);
		background: -moz-linear-gradient(#DC272D, #AA1C1F);
		background: -o-linear-gradient(#DC272D, #AA1C1F);
		background: linear-gradient(#DC272D, #AA1C1F);
		border-radius: 4px 4px 0 0;
	}

	.botonMenuPrincipal:hover{
		color: #FFF !important;
		background: #000c15;
		background: -webkit-linear-gradient(#1f313e, #000c15);
		background: -moz-linear-gradient(#1f313e, #000c15);
		background: -o-linear-gradient(#c1f313e, #000c15);
		background: linear-gradient(#1f313e, #000c15);
		border-radius: 4px 4px 0 0;
	}

	.wrapSubMenu{
		position: static;
		border-bottom: none;
		display: block;

	}

	.familiaSubMenuTop {
		margin: 3px 1%;
		padding: 10px 0;
		min-width: 98%;
		max-width: 98%;
		text-align: left;
	}	

	.wrapEnlacesSecundarios{
		display: none;
	}

	.titleSubMenu{
		cursor: pointer;
	}
	.titleSubMenu::before{
		font-family: "FontAwesome";
		content: "\f107";
		margin-right: 0.3em;
	}

	/* [8] CALL TO ACTION  */
	/* -------------------------------------------------  */
	#callToAction{
		display: none;
	}



	/* [7] PRODUCTOS INDICE */
	/* -------------------------------------------------  */
	.wrapProducto{
		width: 50%;
		
	}




	/* [10] SLIDER HOME */
	/* -------------------------------------------------  */

	.slideHome{
		position: relative;
		height: 300px;
		margin-bottom: 20px;
	}
	.sliderHome img{
		width: 100%;
		height: 130px !important;
		display: block;
		
	}

	.textoSlides{
		text-align: left;
		position: absolute;
		left: 70px;
		top: 5%;
		width: 40%;
	}
	.textoSlides{
		text-align: left;
		position: static;

		width: 100%;
		background: rgba(0,0,0,1);
		padding: 10px 10px 0 10px;
		background: #000c15;
		background: -webkit-linear-gradient(#1f313e, #000c15);
		background: -moz-linear-gradient(#1f313e, #000c15);
		background: -o-linear-gradient(#c1f313e, #000c15);
		background: linear-gradient(#1f313e, #000c15);
		border-radius: 4px 4px 0 0;
	}
	.tituloSlider{
		font-size: 0.9em;
		border: none;
		margin: 0;
		padding: 0;
		text-shadow: none;
	}
	.subtituloSlider{
		display: none;
	}
	.priceSlider{
		display: none;
	}
	.caracteristicasSlider{
		display: none;
	}
	.btSlider{
		display: none;
	}
	.btPrev{
		display: none !important;
	}
	.btNext{
		display: none !important;
	}

#wrapMenuCuenta .hideCell{
		display: none;
	}


	/* [12] BANNER */
	/* -------------------------------------------------  */
	.bannerIndex{
		display: none;
	}


	/* [13] MAPA */
	/* -------------------------------------------------  */
	.wrapMaps{
		display: none;
	}

	/* [22] PRODUCTOS LISTA */
	/* -------------------------------------------------  */
	.thumbProductoLista{
		width: 30%;
		height: 140px;
	}

	/* [00] FOOTER */
	/* -------------------------------------------------  */



	.columnaLogoFooter{
		width: 100%;
		text-align: center;
		float: none;
	}

	.columnaMenuFooter{
		display: none;
	}

.hideWeb{
display:block !important;
}

	.columnaFooter{
		width: 100%;
		float: none;

	}
	
	
	.botonProducto{
	  font-size: 10px !important;
    
}
}
@media screen and (max-width:600px) {
	/* [1] CONTENEDORES */
	/* -------------------------------------------------  */
	.centerWrap{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		padding: 10px;
	}


.hideWeb{
display:block !important;
}

	.botonProducto{

  font-size:10px !important;
   }


	#email{
   width:300px;
	}

.precioProductoIndice{

  font-size:13px !important;
  margin-right:5px;
   }
	#wrapLogoTopArea img{
   width:145px;
	}

	/* [7] PRODUCTOS INDICE */
	/* -------------------------------------------------  */
	
	/* [18] TABULADOR  - PRODUCTO AMPLIADO - */
	/* -------------------------------------------------  */
	.wrapTabsProducto{
		margin: 30px 0 15px 0;

	}
	.menuTabs{

	}
	.labelTab{
		display: block;
		border-radius: 0;
		margin-bottom: 2px;
		border: 1px solid #686868;

	}
	.labelTab:hover{
		border: 1px solid #1f313e;
	}
	.labelTabActivo{
		display: block;
		border-radius: 0;
		margin-bottom: 2px;
		border: 1px solid #686868;
	}
	/* [22] EMPRESA */
	/* -------------------------------------------------- */

	.wrapPerfil img{
		width: 90px;
	}
	/* [22] PRODUCTOS LISTA */
	/* -------------------------------------------------  */
	.thumbProductoLista{
		width: 20%;
		height: 100px;
	}

	table th {

		font-size: 10px;


	}

	table td {

		font-size: 10px;


	}

#wrapMenuCuenta .hideCell{
		display: none;
	}





}