.leyendapreciosi {
    display: inline-block;
    position: relative;
    width: 100%;
    font-size: 13px;
    color: #777;
}

.span {
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
	display: inline;
    font-size: 13px;
}

a {
    color: #ec2062;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.h1 {
    display: block;
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #ffdf40;
}
.padding10.opciones.activo {
    border: 2px solid blue;
}

#cantidadd {
	text-align:center;
}

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




#ww {
    position: fixed;
    bottom: 5px;
    right: 0px;
    z-index: -1;
    padding: 10px;
}
.notifications {
    width: 300px;
    height: 0px;
    opacity: 0;
    position: absolute;
    top: 63px;
    right: 62px;
    border-radius: 5px 0px 5px 5px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.notifications h2 {
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #eee;
    color: #999
}

.notifications h2 span {
    color: #f00
}

.notifications-item {
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 6px 9px;
    margin-bottom: 0px;
    cursor: pointer
}

.notifications-item:hover {
    background-color: #eee
}

.notifications-item img {
    display: block;
    width: 50px;
    height: 50px;
    margin-right: 9px;
    border-radius: 50%;
    margin-top: 2px
}

.notifications-item .text h4 {
    color: #777;
    font-size: 16px;
    margin-top: 3px
}

.notifications-item .text p {
    color: #aaa;
    font-size: 12px
}

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

[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;

}
.small, small {
    font-size: 78%;
    font-weight: 500;
} 



.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: #eee;
    margin-bottom: 10px;
}

.opciones {
    margin-top: 10px;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 12%);
    background-color: #fff;
    padding: 15px 16px 10px !important;
    vertical-align: middle;
}

.carrito img {
    width: 56px;
}


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

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

.hideWeb{
display:none;
}

.botonVerde{
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #FFF;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding: 10px 11px;
	cursor: pointer;
	text-align: center;
	transition: all linear 0.2s;
	
	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;
	color:#fff;
}

a:hover {
	text-decoration:none;
}



.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: #ff6a00;
    background-color: #ffddba;
	background-image: url('images/error.png');
}

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

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

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

/*background: #102045;  /* fallback for old browsers */
background: url(images/backAzul.jpg) #102045;
}

figure {
	margin: 0 !important; 
}

.bodyLightbox{
	overflow: hidden;
}
section,nav,article,aside,hgroup,header,footer{
	display:block
}
ul, ol, li{
	list-style: none;
	margin-bottom: 0px;
} 
.wrapInfoTabs p {
	font-size:18px; 
	color:#666;
	
}
.wrapInfoTabs ul, .wrapInfoTabs ol, .wrapInfoTabs li{
	list-style: unset;
	margin-left:10px;
	font-size:18px; 
	color:#666;
}

.wrapColumnaTexto ul, .wrapColumnaTexto ol, .wrapColumnaTexto li{
	list-style: unset;
	margin-left:10px;
	font-size:18px; 
	color:#666;
}


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;

}
.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;
	color:#666;
	font-size:18px;
}
.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;
    --box-shadow: 0 20px 30px #dadad970;
}
.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: 85%;
	height: auto;
	
}

.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: 40%;
}

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

h1{
	font-family: 'Montserrat', 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: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.0em;
	margin-bottom: 10px;
}

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

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


p{
	font-size: 0.8em;

}
.titulosSeccionDestacados{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 1em;
	/*text-transform: uppercase;*/
	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);
	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;
	background-color: #051354;
	
	
}

.tituloAside{
}

.subtitulo{
	font-family: 'Montserrat', 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: 0.8em;
    font-weight: 700;
    text-decoration: none;
    color: #e6883e;
    display: block;
    padding: 5px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #888;
}


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


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

.enlace:hover{
	color: #000;
}


.botonMenuPrincipal{
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 0.9em;
	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: linear-gradient(#fa7d03, #b5320a);
	color: #FFF;
}

.botonMenuPrincipalView{
	background: url(images/binding_dark.png) #000;
	--background: linear-gradient(#fa7d03, #b5320a);
	color: #FFF !important;
}


.botonRojo{
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #FFF;
	text-decoration: none;
	/*text-transform: uppercase;*/
	padding: 10px 11px;
	cursor: pointer;
	text-align: center;
	transition: all linear 0.2s;
	border-radius: 4px;
	margin: 0 2px;
	background: #DC272D;
	background: -webkit-linear-gradient(#fa7d03, #b5320a);
	background: -moz-linear-gradient(#fa7d03, #b5320a);
	background: -o-linear-gradient(#fa7d03, #b5320a);
	background: linear-gradient(#fa7d03, #b5320a);


}
.botonRojo:hover{
	background: #b5320a;
	color:#fff;
}


.botonTransparente{
	display: inline-block;
	font-family: 'Montserrat', 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: #b5320a;
	color:#fff;
}


.botonBlanco{
	display: inline-block;
	font-family: 'Montserrat', 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: 'Montserrat', 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-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;
	color:#fff;
}


.botonNegro2{
	display: inline-block;
	font-family: 'Montserrat', 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: -webkit-linear-gradient(#27aadc, #000c15);
	background: -moz-linear-gradient(#27aadc, #000c15);
	background: -o-linear-gradient(#27aadc, #000c15);
	background: linear-gradient(#27aadc, #000c15);

}
.botonNegro2:hover{
	background: #27aadc;
	color:#fff;
}

.botonGris{
	display: inline-block;
	font-family: 'Montserrat', 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;
	color:#fff;
}



.botonRojoCall{
	display: inline-block;
	font-family: 'Montserrat', 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: #cc680b;
}

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






.botonMenuFooter{
	display: block;
	border-radius: 4px;
	margin-bottom: 5px;
	font-family: 'Montserrat', 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(#ff6a00, #bd671d);
	background: -moz-linear-gradient(#ff6a00, #bd671d);
	background: -o-linear-gradient(#ff6a00, #bd671d);
	background: linear-gradient(#ff6a00, #bd671d);
}
.botonMenuFooter:hover{
	color:#fff !important;
	background: orange;
}


.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: "•";
	margin-right: 0.3em;
	color:#071c7f;
	
}
.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;
}

.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: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	
}
.labelTop{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
text-align: center;
   
}
.labelFiltro{
	font-family: 'Montserrat', 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: 'Montserrat', 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: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	width: 20%;
	margin-right: 3px;
    vertical-align: middle;
}
.inputFormBuscar{
	border: 1px solid #5f5f5f;
	background: #FFF;
	box-shadow: 0 0 2px #CCC;
	box-shadow: inset 0 0 8px #c7c7c7;
	height: 32px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	flex: 5;
	margin-right: 5px;
	padding:10px;
}

.rowForm{
	display: flex;
	margin-bottom: 10px;
}
.rowForm input.textfield, .rowForm select.textfield, .rowForm textarea, .rowForm div.wrapOptions{
	flex: 1;
	width: 70%;
	padding:3px;
}
.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: 'Montserrat', 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: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	color: #000;
	border-radius: 3px;
	width: 100%;
}
form em{
	font-family: 'Montserrat', 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: 3px 0px 0px !important;
	background: rgb(241, 241, 241) none repeat scroll 0% 0%;
	border-bottom: 2px solid #efeeee75;
	
}

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

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

#wrapMenuCotizacion{
	width: 46%;
	float: left;
	font-family: 'Montserrat', sans-serif;
   font-weight: 500;
    font-size: 0.8em;
    	color:#808080;
    padding: 10px 0;
   display: inline-block;
    vertical-align: middle;

 	padding-left:15px;
}

#wrapMenuCotizacion span{

padding-rleft:10px;
}

#wrapMenuCotizacion a{
color:#808080;
    padding: 0 18px;

 }

.divide {
    border-right: #dedede solid 1px;
}

#wrapMenuCuenta{
	width: 600px;
	float: right;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 0.9em;
   	color:#808080;
	height:40px;
	display: inline-block;
    vertical-align: middle;
	padding-right: 15px;
	text-align:right;
}

#wrapMenuCuenta .botonRojo, .botonVerde{
padding: 8px 11px;
}


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


#wrapLogo{
	width:19%;
	float: left;
	margin-top:-14px;
	margin-left:1px;
}

#wrapLogoTopArea{
	display: none;
}

#wrapBuscador{
	width:60%;
    float: left;
    margin-left: 6%;
    margin-top: 15px;
}

#wrapBuscador .botonRojo{
    padding: 7px 11px;
}



#wrapBuscador > form{
	display: flex;	
}

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

#wrapUsuario .texto {
color: #000c15 !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-decoration: none;
    font-size: 14px !important;
    vertical-align: baseline;
}

#wrapCarrito {
    width: 10%;
    margin-top: 0px;
    float: right;
    text-align: center;
    margin-left: 2%;
	padding:0px 10px 10px;
}

#wrapCarrito .texto {
color: #000c15 !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-decoration: none;
    font-size: 14px !important;
    vertical-align: baseline;
	
}

#wrapCarrito: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;
}


#wrapPhoneButtonTop {
    width: 100%;
    margin: 10px 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}

#wrapCarrito .badge2 {
      margin-top: 9px;
    margin-left: -16px;
    padding-left: 7px;
    padding-right: 7px;
    -webkit-border-radius: 29px;
    -moz-border-radius: 9px;
    border-radius: 14px;
    background-color: #da5a06;
    font-size: 75%;
    font-weight: 700;
   
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;

    color: #fff;
	position: absolute;

}



.carrito a{

   positionr:relative;
   color:#808080;
   text-decoration:none;
   float:right;
   padding:10px;
   margin-top:5px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 1.0em;
}

#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(#1f313e, #000c15);
    background: -moz-linear-gradient(#1f313e, #000c15);
    background: -o-linear-gradient(#c1f313e, #000c15);
    background: linear-gradient(#1f313e, #000c15);
    border: 1px dotted #000c15;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 450;
    text-decoration: none;
    font-size: 1.5em;
    box-shadow: 2px 2px 8px #3c3c3d;
}


#botonViewMenu{
	display: none;
}

/* [6] NAV */
/* -------------------------------------------------  */
nav{
	text-align: left;
	position: relative;
	background: #1769b9;
	background: -webkit-linear-gradient(#162e65,#000);
	background: -moz-linear-gradient(#162e65,#000);
	background: -o-linear-gradient(#162e65,#000);
	background: linear-gradient(#162e65,#000); // azul  	
	border-radius: 5px 5px 0 0;
	//	background: linear-gradient(#fa7d03, #b5320a);   naranja 
	
	
	//background: linear-gradient(#000, #000);   negro
	
	
	//background: linear-gradient(#000, #000);   negro
	
	

		
	
}
.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: 2px solid #ff6a00;
    display: none;
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
}




.submenu{
	display: flex;
	flex-wrap: wrap;
	//justify-content: space-around;
	align-items: flex-start;
	align-content:flex-start;
}

.viewSubMenu{
	left:0 !important;
}


.familiaSubMenuTop {
	flex: 1;
	padding: 6px;
	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 #000;
	--background: url(images/backSombra.png) center 0 no-repeat;
}

.wrapProducto{
width: 24%;
padding: 20px;
float: left;
margin-bottom: 10px;
position: relative;
border: 1px solid #e7e7e7;
border-radius: 8px;
background: #fff;
transition: all .3s ease;
margin-left:10px;

}



.wrapProducto:hover {
	
transition: all 0.15s ease-in-out;
box-shadow: 0 0 11px rgba(0,0,0,0.1);
}

.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: 0px solid #182834;
}
.thumbProducto figure img{
	display: block;
	width: 100%;
	height: auto;
}


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

.botonProducto{
	display: block;
	width: 100%;
	font-weight: 500;
}

.botonProducto:hover {
	color:#fff;
}


.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: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 1.3em;
	color: #102045;
	text-decoration: none;
	display: inline-block;

}




.codigoProductoIndice{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 0.8em;
	color: #14306a;
	text-decoration: none;
	display: inline-block;
padding-bottom: 5px;
}

.codigoProductoIndice2{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 0.7em;
	color: #000;
	text-decoration: none;
	display: inline-block;
	margin-top: 20px;
}

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


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

}
.labelProductoIndice a{
	font-weight: 500;
	color: #888888;
	text-decoration: none;
	display: block;
	border-bottom: 1px dotted #e7eaed;;
	padding-bottom: 4px;
	margin-bottom: 4px;
font-size: 13px;
line-height: 15px;
height:50px;
}


/* [8] CALL TO ACTION  */
/* -------------------------------------------------  */
#callToAction{
border-radius: 3px;
	background: url(images/support.jpg) no-repeat center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	color: #fff;
	padding: 40px 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	margin: 10px 0;
	text-align: center;
	
box-shadow: inset 0px 0px 250px 210px rgba(0, 0, 0, .5);
height: 380px;

}

#callToAction::before {
    border-radius: 3px;
    z-index: -1;
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    --background: linear-gradient(90deg,rgba(26,26,26,.98) 5%,rgba(26,26,26,0) 10%);
}



#callToAction h1{

display: block;
font-size: 42px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
color:
    #ffdf40;
}
}
#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: 20px;
}
.menuProductos *{
	display: block;
}
.listaSubmenu{
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}
.tituloProductos{
	color: #071c7f;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-decoration: none;
	font-size: 1em;

margin-bottom: 10px;
 border-bottom: 1px solid #cccccc;

}
.subtituloProductos{
	color: #000c15;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 14px !important;
	margin-bottom: 10px;
	
vertical-align: baseline;
padding:3px;
}

.subtituloProductos2{
	color: #000c15;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 14px !important;
	margin-bottom: 10px;

vertical-align: baseline;
padding:3px;
}


.subtituloProductos:hover{
	color: #cc7101;
}

.subtituloProductos2:hover{
	color: #aa1c1f;
}

.enlaceProductos{
	color: #686868;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 14px !important;
	padding: 8px 5px;
	    border-bottom: 1px solid #eee;
	transition: all linear 0.3s;
	background-color:#fff;
	border-left: 3px solid #ccc;
	
}
.enlaceProductos:hover{
	padding: 8px 5px 8px 15px;
	border-left: 3px solid orange;
}

.despliegaMenu::before{
	font-family: "FontAwesome";
	content: "\f054";
	color: #000c15;
	font-size: 0.7em;
	margin-right: 0px;
	float:right;
	margin-top:4px;
}
.desplegado::before{
	color: orange;
	font-family: "FontAwesome";
	content: "\f078";
	font-size: 0.7em;
}


/* [10] SLIDER HOME */
/* -------------------------------------------------  */
.wrapSliderHome{
	position: relative;
	display: block;
}
.slideHome{
	position: relative;
	margin-bottom: 20px;
}
.sliderHome img{
	width: 100%;
	height: auto;
	display: block;
	
	background-size: cover;
	object-fit: cover;
	height:380px;
	
}

.textoSlide{
	text-align: left;
	position: absolute;
	left: 70px;
	top: 5%;
	width: 40%;
}
.tituloSlider{
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	text-decoration: none;
	font-size: 2.3em;
	text-align: left;
	color: #FFF;
	text-shadow: 0 0 2px #FFF;
	padding-bottom: 15px;
	border-bottom: 1px dotted #fff;
	margin-bottom: 15px;
}
.subtituloSlider{
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	text-decoration: none;
	font-size: 1.8em;
	text-align: left;
	color: #FFF;
}
.priceSlider{
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	text-decoration: none;
	font-size: 1.8em;
	text-align: left;
	color: #FFF;
}
.caracteristicasSlider{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-decoration: none;
	font-size: 1.2em;
	text-align: left;
	color: #FFF;
}
.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: 20px 10px;
display:block;
margin-bottom:0px;
}

.sliderOfertas, .sliderNovedades{
	background: #f2f2f2;
}

.productoSlide{
	padding: 10px;
	float: left;
	transition: all 0.5s ease-in-out;
    box-shadow: 0 0 1px rgb(0 0 0 / 10%);
}

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

.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;
	background-color: #f8f9fa;
}
.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: 'Montserrat', 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 #ff6a00;
	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;
	font-weight: 500;
}
.textfielCantidad{
	height: 30px;
	width: 30px;
	border: 1px solid #000;
}

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

}
.menuTabs{

}
.labelTab{
	font-family: 'Montserrat', 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: 'Montserrat', 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(#da5a07, #e68002);
	background: -moz-linear-gradient(#da5a07, #e68002);
	background: -o-linear-gradient(#da5a07, #e68002);
	background: linear-gradient(#da5a07, #e68002);
	display: inline-block;
}


.wrapInfoTabs{
	width: 100%;
	border-top: 1px solid #686868;
	background: #FFF;
	padding: 10px;
}
.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: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1em;
}
td{
	border:1px solid #c4c2c2;
	color: #000;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
td::after{
	clear: both;
}
td.total{
	background: #F2F2F2;
}
td.total *{
	text-align: right !important;
}

.total p {
    font-size: 15px;
    font-stretch: expanded;
    font-weight: 500;
    line-height: 12px;
}

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


.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: 'Montserrat', 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: 'Montserrat', 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;
	font-size: 18px;
	color:#666;
}

	



.wrapColumnaTexto ul{
list-style:unset;
color:#666;

}

.wrapColumnaTexto li
{
margin-left:20px;
}

.wrapColumnaTexto p{
	margin-bottom: 15px;
	font-size: 18px;
}
.wrapColumnaTexto h1{
	color:#000;
	padding-bottom: 4px;
	border-bottom: 1px solid #f46b45;
	margin-bottom: 15px;
	font-size:20px;
}
.wrapColumnaTexto img{
	width: 100%;
	display: block;
	margin: 15px auto 25px auto;


}

/* [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;
}
.wrapProductoLista .codigoProductoIndice{
	font-size: 1em;
}


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


.ampliarProductoLista{
	width: 100%;
}

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

.botonProductoLista{
	float: right;
    position: relative;
    margin-top: -100px;
}
/*

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


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

.codigoProductoIndice{
font-family: 'Montserrat', 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: 'Montserrat', 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: 1px solid #000;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #FFF;
	background-color:#1B2326;
}

.columnaLogoFooter{
	width: 25%;
	float: left;
	text-align:center;
}
.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: #ff6a00;
}


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

#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: #ff6a00;
}
#wrapFooter span{
	font-size: 1.1em;
	margin-left: 10px;
}

.contactInfo{
	display: flex;
	align-content: flex-start;
	align-items: center;
	border-bottom: 1px dotted #2a3c46;

	font-size: 1em;
	text-align: justify;
	padding: 1px 0;
}

#wrapLegal{
	margin: 10px 0;
	padding: 10px;
	text-align: center;
}

#wrapLegal a{
	border: none;
	text-align: center;
	
	color: #96989a;
    font-size: 13px;
}


@media screen and (max-width:1370px) {
	
.wrapProducto{
	width: 23%;
	}


}


@media screen and (max-width:1350px) {
	
.wrapProducto{
	width: 23%;
	}

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

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

}

@media screen and (max-width:1300px) {
.wrapProducto{
	width: 23%;
	}

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

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


}


@media screen and (max-width:1250px) {
.wrapProducto{
	width: 23%;
	}

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

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

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

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



	/* [8] CALL TO ACTION  */
	/* -------------------------------------------------  */
	#callToAction{
		padding: 40px 10px;
		text-align: left;
	}
	#callToAction h1{
		font-size: 3em;
		color: #ffdf40;
	}
	#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) {
.wrapProducto{
	width: 23%;
	}

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


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

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

	#wrapPhoneTop{
		font-size: 1.3em;
	}


}

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

	
.wrapProducto{
	width: 23%;
	}
	/* [5] HEADER */
	/* -------------------------------------------------  */
	.rrssTop{
		display: none;
	}

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

	#botonDescarga{
		padding-top: 12px;
	}

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

	/* [22] PRODUCTOS LISTA */
	/* -------------------------------------------------  */
	.thumbProductoLista{
		width: 25%;
		height: 200px;
	}
	
	#wrapMenuCotizacion {
    width: 39%;
    font-size: x-small;
  
}

}


@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:85%;
		margin: 0 auto 10px auto;
		float: left;
	}
	
	#wrapUsuario {
    width: 12%;
    margin-left: 4%;
    margin-top: -30px;
 
}
		#wrapCarrito {
    width: 8%;
    margin-left: 4%;
    margin-top: -30px;
 
}

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

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

.wrapProducto{
	width: 23%;
	}

}


@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(#051354, #051354);
		background: -moz-linear-gradient(#051354, #051354);
		background: -o-linear-gradient(#051354, #051354);
		background: linear-gradient(#051354, #051354);
		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(#051354, #051354);
		background: -moz-linear-gradient(#051354, #051354);
		background: -o-linear-gradient(#051354, #051354);
		background: linear-gradient(#051354, #051354);
	}
	.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: #000;
		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: 30.3%;
	}


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

	.wrapMenuProductos{
		display: none;
	}

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

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

#wrapMenuCotizacion {
    width: 100%;
    font-size: x-small;
    background-color: #ffffff;
    margin-top: 10px;
	text-align:center;
}

}

@media screen and (max-width:750px) {
	/* [1] CONTENEDORES */
	/* -------------------------------------------------  */
	
	#wrapMenuCotizacion a {
		padding: 0 8px;
	}
	
	.botonProductoLista
	{
	margin-top:0px;	
		
	}
	
	.andes-table {
    width: 100%;
	}
	
	#loading10 {
	width:16px;
	text-align:center;
	}
	
	#error10 {
		margin-left:0px !important; 
		font-size:14px !important;
	}
	
	.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;
		margin-left: 6px;
	}

	#wrapTopArea{
		background: #FFF;
		text-align: center;
		color: #fff;
		height: 70px;
		
	}

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

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

	.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(#f48e45, #ce5736d9);
		background: -moz-linear-gradient(#f48e45, #ce5736d9);
		background: -o-linear-gradient(#f48e45, #ce5736d9);
		background: linear-gradient(#f48e45, #ce5736d9);
		border-radius: 4px 4px 0 0;
	}
	
	

	.botonMenuPrincipalSubmenu{
		color: #FFF !important;
		background: #fa7d03;
		background: -webkit-linear-gradient(#f48e45, #ce5736d9);
		background: -moz-linear-gradient(#f48e45, #ce5736d9);
		background: -o-linear-gradient(#f48e45, #ce5736d9);
		background: linear-gradient(#f48e45, #ce5736d9);
		
		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: 45%;
		margin-left: 0px;
	}




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

	.slideHome{
		position: relative;
		height: 300px;
		margin-bottom: 20px;
	}
	.sliderHome img{
		width: 100%;
		display: block;
		height: 140px;
	object-fit: cover;
    background-size: cover;
    background-position: center;
	}

	.textoSlide{
		text-align: left;
		position: absolute;
		left: 70px;
		top: 5%;
		width: 40%;
	}
	.textoSlide{
		text-align: left;
		position: static;
display:none;
		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;
	}


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

	}
	
	
	#wrapMenuCotizacion {
    width: 100%;
    font-size: x-small;
    background-color: #ffffff;
    margin-top: 10px;
}
}
@media screen and (max-width:600px) {
	/* [1] CONTENEDORES */
	/* -------------------------------------------------  */
	.centerWrap{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		padding: 10px;
	}
	
	
	.marcas {
		width:120px !important;
	}
	.botonProducto{
		font-size:11px;
	}

	.registrados{
		width:100%;
		
	}

#wrapMenuCotizacion {
    width: 100%;
    font-size: x-small;
    background-color: #ffffff;
    margin-top: 3px;
	border-top: 3px solid #c7c7c726;
}

.precioProductoIndice{
	
	font-size: 0.9em;
}

	#wrapLogoTopArea img{
   width:90px;
	}

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

margin-left:3px !important;
}

.botonProducto {
    font-size: 9px;
}
	/* [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: 8px;


	}

	table td {

		font-size: 8px;


	}

#wrapMenuCuenta .hideCell{
		display: none;
	}





}