/********* CSS Document *****************/
	body,td,th {
		font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
		font-size: 11px;
		color: #000000;
	}
	body{
		background-color:rgb(0,0,0,0);  
		font-family:'Quicksand', sans-serif;
	}
	img{
		border:none;
	}
	*:focus {
		outline: none;
	}
	body {
		margin-left:0px;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin:0px;
		height:100%;
		width:100%;
	}
	.noseleccionable{
		user-select: none;
		-moz-user-select: none; 
		-webkit-user-select: none;
		-ms-user-select: none;   
	}	
	a:link { text-decoration: none; }
	a:visited {	text-decoration: none; }
	a:hover { text-decoration: none; }
	a:active { text-decoration: none; }
	
	:root {
		--entorno_color 		: #004AAD; 
		--entorno_color_oscuro 	: #579836;
		--entorno_color_claro 	: #bbdefb;
		--entorno_color_botones	: #FF0000;
	}
	
	.cargadorContenedor {
		position:absolute; top:0px; bottom:0px; right:0px; left:0px;
	}
	.cargadorSpin {
		position:absolute; top:0px; bottom:0px; right:0px; left:0px; width:75%; max-width:150px; height:75%; max-height:150px; box-sizing:border-box; margin:auto;
		border:3px solid rgba(0,0,0,0.1); border-top:3px solid var(--entorno_color); border-radius:50%;				
		-webkit-animation: spin 0.75s linear infinite;
		animation: spin 0.75s linear infinite;
	}
	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}
	
	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}
	
	#cuerpo{
		position:relative; box-sizing:border-box; padding-bottom:50px;
	}
	
	#dataLista{
		position:relative; box-sizing:border-box; min-height:500px;
	}
	#log{
		position:fixed; bottom:15px; left:15px; box-sizing:border-box; max-width:350px; margin:auto; border-radius:20px;
		line-height:35px; color:#FFF; font-size:15px; font-weight:500; text-align:left; padding-left:45px; padding-right:15px;
		z-index:200; background-color:#2ECC71; box-shadow:rgb(0,0,0,0.5) 0px 0px 25px;
		background-image:url('png/nuevos/icons8-checkmark-96(1).png'); background-size:20px; background-position:left+10px center; background-repeat:no-repeat;
		white-space:nowrap; text-overflow:ellipsis;	overflow:hidden; 
		display:none;
	}	#log.negro{ background-color:#222; background-image:url('png/nuevos/icons8-loading-100(1).png'); }
		#log.rojo{ background-color:#E74C3C; background-image:url('png/nuevos/icons8-help-100(1).png'); }
	
	#divControl{
		position:fixed; top:-100px; left:-100px; height:1px; width:1px; box-sizing:border-box; opacity:0;
	}
	#ventana{
		position:fixed; z-index:90; top:0px; bottom:0px; left:0px; right:0px; background-color:#FFF; display:none;
	}
		#ventana .regresar{
			position:absolute; z-index:3; left:10px; top:10px; width:40px; height:40px;
			background-image:url(png/nuevos/icons8-back-50.png); background-size:auto 75%; background-repeat:no-repeat; background-position:center center;
			cursor:pointer;				
		}
		#ventana .cerrar{
			position:absolute; z-index:3; right:10px; top:10px; width:40px; height:40px;
			background-image:url(png/nuevos/icons8-delete-ios-50.png); background-size:auto 75%; background-repeat:no-repeat; background-position:center center;
			cursor:pointer;				
		}
		#ventana .loading{
			position:absolute; z-index:2; left:0px; right:0px; top:0px; bottom:0px; background-image:linear-gradient(to bottom, rgb(255,255,255,1), rgb(255,255,255,0.5)); display:none;		
		}
		#ventana .data{
			position:absolute; z-index:1; left:0px; right:0px; top:0px; bottom:0px; overflow:auto;			
		}
	
/******************* Ventana Emergente MENU **************/
	#menuEmergente{
		position:fixed; top:0px; bottom:0px; left:0px; right:0px; box-sizing:border-box; overflow:hidden; z-index:100; display:none;
	} 
		#menuEmergente .fondo{
			position:absolute; left:0px; top:0px; bottom:0px; background-color:#FFF; width:1%; box-sizing:border-box;			
		}
		#menuEmergente .contenedor{
			position:absolute; left:0px; right:0px; top:0px; bottom:0px; box-sizing:border-box; z-index:2; overflow:hidden;	
		}
		#menuEmergente .pagina{
			position:relative; width:100%; height:100%; box-sizing:border-box; margin:0px;	
		}
		#menuEmergente .cerrar, #menuEmergente .atras{
			position:absolute; top:10px; right:10px; height:45px; width:45px; box-sizing:border-box; 
			background-position:center center; background-repeat:no-repeat; background-size:30px;
			cursor:pointer; z-index:5;
		}	#menuEmergente .atras	{ right:auto; left:10px; background-image:url(png/nuevos/icons8-scroll-up-50.png); background-size:40px; }
			#menuEmergente .cerrar	{ left:auto; right:10px; background-image:url(png/nuevos/icons8-delete-ios-50.png); }

		#menuEmergente .titulo{
			position:absolute; top:10px; left:65px; right:65px; height:45px; box-sizing:border-box; overflow:hidden;
			line-height:45px; font-size:30px; color:#000; font-weight:500; text-align:center; letter-spacing:-0.5px;
			background-position:center center; background-repeat:no-repeat; background-size:contain;
			user-select: none;
			-moz-user-select: none; 
			-webkit-user-select: none;
			-ms-user-select: none;  
		}
		#menuEmergente .indice{
			position:absolute; top:65px; left:0px; right:0px; height:55px; box-sizing:border-box; overflow:hidden; border-bottom:rgb(0,0,0,0.1) 1px solid; z-index:4;
			user-select: none;
			-moz-user-select: none; 
			-webkit-user-select: none;
			-ms-user-select: none;  
		}	#menuEmergente .indice.busc{ padding:5px; padding-left:15px; padding-right:15px;}
		
			#menuEmergente .indice .inputBusc{
				position:relative; height:100%; width:100%; box-sizing:border-box; background-color:rgb(0,0,0,0.05); border:rgb(0,0,0,0.1) 1px solid; border-radius:10px;
				padding-left:40px; padding-right:35px; text-align:left; font-size:20px; font-weight:400; color:#000;
				background-image:url(png/nuevos/icons8-search-100.png); background-size:20px; background-position:left+10px center; background-repeat:no-repeat;
			}
			#menuEmergente .indice .marco{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; box-sizing:border-box; overflow:auto;
				padding-left:35px; padding-right:35px; white-space:nowrap; text-align:center;
			}
			#menuEmergente .indice .boton{
				position:relative; height:55px; padding-left:15px; padding-right:15px; box-sizing:content-box; cursor:pointer; display:inline-block;
				line-height:53px; font-size:20px; color:rgb(0,0,0,0.6); font-weight:400; text-align:center; letter-spacing:-0.5px;
				white-space:nowrap; text-overflow:ellipsis;	
			}	#menuEmergente .indice .boton.click{ color:#000; font-weight:750; }
			
			#menuEmergente .indice .desplazar{
				position:absolute; top:0px; bottom:0px; width:35px;
				background-position:center center; background-repeat:no-repeat; background-size:20px;
				cursor:pointer;
				
			}	#menuEmergente .indice .desplazar.izquierda{ left:0px; z-index:3; background-image:url(png/nuevos/icons8-back-50.png); }
				#menuEmergente .indice .desplazar.derecha{ right:0px; z-index:3; background-image:url(png/nuevos/icons8-forward-50.png);}
				#menuEmergente .indice .desplazar.fizquierda{ left:0px; width:50px; z-index:2; background-image:linear-gradient(to right, rgb(255,255,255,1) 50%, transparent); background-size:auto; }
				#menuEmergente .indice .desplazar.fderecha{ right:0px; width:50px; z-index:2; background-image:linear-gradient(to left, rgb(255,255,255,1) 50%, transparent); background-size:auto; }
			
		#menuEmergente .separacion{
			position:absolute; top:120px; left:0px; right:0px; height:20px; box-sizing:border-box; background-image:linear-gradient(to bottom, rgb(0,0,0,0.1), transparent); z-index:3;
		}	#menuEmergente .pagina.base .separacion{ top:65px; }
		
		#menuEmergente .informacion .columna{
			position:relative; float:left; width:70%; box-sizing:border-box; padding:15px; padding-bottom:25px;
		}	#menuEmergente .informacion .columna.mini{ width:30%; float:right; }
		
		#menuEmergente .informacion{
			position:absolute; left:0px; right:0px; top:120px; bottom:0px; box-sizing:border-box; padding:15px; overflow:auto;	
		}	#menuEmergente .pagina.base .informacion{ top:65px; }
		
			#menuEmergente .informacion .opcion{
				position:relative; float:left; width:100%; height:auto; box-sizing:border-box; overflow:hidden;
				line-height:40px; font-size:15px; font-weight:500; text-align:left; cursor:pointer;
			}
				#menuEmergente .informacion .opcion.contenido{
					height:auto; padding:0px;
				}
				#menuEmergente .informacion .opcion .contador{
					position:absolute; top:0px; bottom:0px; right:0px; width:35px; height:20px; line-height:20px; border-radius:10px; margin:auto; 
					font-size:12px; color:rgb(0,0,0,0.5); text-align:center;
					padding-left:10px; padding-right:10px;
				}	#menuEmergente .informacion .opcion.SUBZONA .contador{ background-color:rgb(0,0,0,0.05); border:rgb(0,0,0,0.1) 1px solid; width:75px; }
					#menuEmergente .informacion .opcion.subx .contador{ bottom:auto; top:15px; right:10px; border:rgb(0,0,0,0.1) 1px solid; }
					#menuEmergente .informacion .opcion.click .contador{ color:rgb(255,255,255,0.75); background-color:transparent; border:hidden; }
					
				#menuEmergente .opcion.principal{
					width:100%;					
					margin-bottom:50px;
					display: flex;
					flex-wrap: wrap;
  					justify-content: center;	
					-webkit-align-items: stretch; 
 					align-items: stretch; 			  
				}	#menuEmergente .opcion.principal.cerrado.old{ height:40px; margin-bottom:10px; background-image:url(png/nuevos/icons8-expand-arrow-50.png); }
				
				#menuEmergente .opcion.secundario{
					width:300px; height:auto; max-height:290px; overflow:hidden; margin:5px; margin-bottom:10px; padding-bottom:40px; border-radius:10px;	
				}
					#menuEmergente .opcion.secundario .botonMas{
						position:absolute; bottom:0px; left:0px; right:0px; height:40px; box-sizing:border-box; z-index:2; cursor:crosshair; border-radius:10px;
						background-image:linear-gradient(to top, rgb(255,255,255,1), rgb(255,255,255,1), rgb(255,255,255,0.75));
						white-space:nowrap; text-overflow:ellipsis;	overflow:hidden;
					}
						#menuEmergente .opcion.secundario .botonMas .bordeador{
							position:relative; height:20px; width:150px; background-color:var(--entorno_color_botones); border-radius:10px;
							line-height:20px; font-size:15px; color:#FFF; font-weight:500; text-align:center;
							margin:auto; margin-top:10px;
						}
				
				#menuEmergente .opcion.clax{
					width:100%;	font-weight:700;
				}	#menuEmergente .opcion.clax.click{ padding-left:25px; background-color:var(--entorno_color); border-radius:10px; }
				
				#menuEmergente .opcion.subx{
					width:100%;	font-weight:700;
				}	#menuEmergente .opcion.subx.click{ padding-left:45px; background-color:var(--entorno_color); }
				
					#menuEmergente .opcion .texto, #menuEmergente .opcion .contador{
						white-space:nowrap; text-overflow:ellipsis;	overflow:hidden;
					}
					#menuEmergente .opcion.catx .texto{
						height:100px; line-height:50px; margin-bottom:30px; 
						text-align:center; font-size:25px; font-weight:400; color:var(--entorno_color); 
						background-image:url(png/nuevos/icons8-expand-arrow-50.png); background-size:25px; background-position:bottom center; background-repeat:no-repeat;						 
					}					
					#menuEmergente .opcion.subx .texto{
						padding-left:15px; padding-right:70px; line-height:50px; font-size:18px; font-weight:750; border:rgb(0,0,0,0.1) 1px solid; border-radius:10px;
					}						
					#menuEmergente .opcion.clax .texto{
						padding-left:15px; padding-right:40px; line-height:50px; font-size:16px; font-weight:500; color:var(--entorno_color_botones);
					}
					#menuEmergente .opcion.click .texto{ color:#FFF; }
					
	#menuEmergente .iconologia{
		position:relative; width:100%; max-width:450px; height:auto; overflow:hidden; box-sizing:border-box;
		margin:auto; padding-left:25px; padding-right:25px;
	}	
		#menuEmergente .iconologia .icon{
			position:relative; float:left; width:20%; height:45px; box-sizing:border-box;
			background-image:none; background-position:center center; background-repeat:no-repeat; background-size:contain; cursor:pointer;
		}	#menuEmergente .iconologia.mini .icon{ background-size:auto 75%; }
		
	#menuEmergente .opcion.click .texto .efecto{
		position:absolute; top:0px; bottom:0px; left:5px; margin:auto; width:30px; height:30px; border-radius:15px;
		background-image:url('png/nuevos/icons8-ok-96(1).png'); background-size:contain; background-position:center center; background-repeat:no-repeat;
	}
	
/*********** Imágenes (3) de página de inicio ************/

.publicidad{
	  position:relative; box-sizing:border-box; height:auto; overflow:hidden; 
	  padding:35px; padding-left:0px; padding-right:0px; margin-top:50px;
  }
	  .publicidad .fondoicon{
		  position:absolute; top:0px; bottom:0px; left:0px; right:0px;
		  background-image:url(empresa/fondoicon.png); background-repeat:repeat; background-position:top center; background-size:auto 50%;
		  opacity:0.15;					
	  }
	  .publicidad .minibanner{
		  position:relative; width:33.33%; height:250px; float:left; box-sizing:border-box; cursor:pointer; z-index:2;					
	  }
		  .publicidad .minibanner .fondo{
			  position:absolute; top:10px; bottom:10px; left:10px; right:10px; border-radius:20px; overflow:hidden;
			  background-color:#FFF; background-image:linear-gradient(to bottom right, var(--entorno_color_botones), transparent);
			  box-shadow:rgb(0,0,0,0.25) 2px 2px 10px;
			  z-index:1;
		  }
		  .publicidad .minibanner .img{
			  position:absolute; top:10px; bottom:10px; left:10px; right:10px; border-radius:20px; overflow:hidden;
			  background-position:center center; background-repeat:no-repeat; background-size:contain;
			  z-index:2;
		  }
		  .publicidad .minibanner .texto{
			  position:absolute; top:0px; bottom:0px; left:0px; right:45%; box-sizing:border-box; padding:2.5vw;
			  line-height:1.1vw; font-size:1.1vw; font-weight:900; text-align:left; color:#FFF; text-shadow:rgb(0,0,0,0.1) 0px 1px 3px; letter-spacing:-1px;
			  z-index:3; 
		  }	@media screen and (max-width: 450px) {
				  .publicidad .minibanner .texto{ padding:25px; line-height:16px; font-size:14px; right:50%;}
			  }
			  .publicidad .minibanner .boton{
				  position:absolute; bottom:10px; left:20px; right:10px; margin:auto; box-sizing:border-box; 
				  padding:1.5vw; padding-top:0px; padding-bottom:0px; margin-top:1.5vw; text-align:center;
				  line-height:1.5vw; font-size:0.9vw; font-weight:900; color:rgb(0,0,0,0.9); letter-spacing:-1px; text-shadow:rgb(255,255,255,0.5) 0px 0px 5px;
				  border-radius:20px 40px 0px 20px; background-image:linear-gradient(to right, rgb(255,255,255,0.7), rgb(255,255,255,1));
			  }	@media screen and (max-width: 450px) {
					.publicidad .minibanner .boton{ margin-top:20px; line-height:18px; font-size:13px; padding:10px; padding-top:0px; padding-bottom:0px; }
				}
	
/*********** Indice del Listado de Productos ************/

#cuerpo .indice{
	position:relative; box-sizing:border-box; height:75px; box-sizing:border-box; overflow:hidden; margin-top:10px; margin-bottom:15px; z-index:3;
}
	#cuerpo .indice .marco{
		position:absolute; top:0px; bottom:0px; left:0px; right:0px; box-sizing:border-box; overflow:hidden;
		padding-left:35px; padding-right:35px; white-space:nowrap; text-align:center;
	}
	#cuerpo .indice .boton{
		position:relative; height:75px; padding-left:15px; padding-right:15px; box-sizing:content-box; cursor:pointer; display:inline-block;
		line-height:73px; font-size:20px; color:rgb(0,0,0,0.8); font-weight:400; text-align:center; letter-spacing:-0.5px;
		white-space:nowrap; text-overflow:ellipsis;	
	}	#cuerpo .indice .boton.click{ color:var(--entorno_color); font-weight:750; }
		#cuerpo .indice .boton.enmarcado{ background-color:rgb(0,0,0,0.05); border-radius:10px; height:35px; line-height:35px; margin-top:20px; margin-bottom:20px; }
	
	#cuerpo .indice .desplazar{
		position:absolute; top:0px; bottom:0px; width:35px;
		background-position:center center; background-repeat:no-repeat; background-size:20px;
		cursor:pointer;
		
	}	#cuerpo .indice .desplazar.izquierda{ left:0px; widows:25px; z-index:3; background-image:url(png/nuevos/icons8-back-50.png); }
		#cuerpo .indice .desplazar.derecha{ right:0px; z-index:3; background-image:url(png/nuevos/icons8-forward-50.png);}
		#cuerpo .indice .desplazar.fizquierda{ left:0px; z-index:2; background-image:linear-gradient(to right, rgb(255,255,255,1) 50%, transparent); background-size:auto; }
		#cuerpo .indice .desplazar.fderecha{ right:0px; z-index:2; background-image:linear-gradient(to left, rgb(255,255,255,1) 50%, transparent); background-size:auto; }

/****************** Listado de Productos ****************/
	.listado{
		position:relative;
	}
		.listado .regresar{
			position:relative; width:100%; max-width:350px; height:35px; overflow:hidden; box-sizing:border-box; margin:auto;
			line-height:35px; font-size:15px; font-weight:400px; text-align:center; 
			background-color:rgb(0,0,0,0.05); border-radius:20px; cursor:pointer; 
			background-image:url(png/nuevos/icons8-back-50.png); background-size:15px; background-repeat:no-repeat; background-position:left+15px center;
		}
		.listado .contenedor{
			position:relative; width:100%; height:auto; overflow:hidden; white-space:normal; /*overflow:auto; white-space:nowrap;*/ box-sizing:border-box; padding-top:10px; text-align:center;
		}
		.minicontenedor{
			position:relative; width:100%; height:auto; /*overflow:hidden; white-space:normal;*/ overflow:auto; white-space:nowrap; box-sizing:border-box; padding-top:10px; text-align:center;
		}
			.listado .contenedor .producto{
				position:relative; display:inline-block; height:auto; min-height:450px; overflow:hidden; box-sizing:border-box; padding-bottom:50px;
				background-color:rgb(255,255,255,1); cursor:default; border-radius:15px;
			}
				.listado .contenedor .producto .abrirProducto{
					cursor:pointer;
				}	
									
			.listado .contenedor .producto.mini{
				min-height:0px; margin:10px; margin-bottom:25px; float:none; border-bottom:rgb(0,0,0,0.1) 0px solid; border-radius:15px;
			}
				.listado .contenedor .producto .borde{
					position:absolute; top:0px; bottom:0px; left:0px; right:0px; height:100%; box-sizing:border-box; z-index:2; 
					border:rgb(0,0,0,0.05) 2px solid; border-radius:15px;
					pointer-events:none;
				}
				
				.listado .contenedor .producto .fotoContenedor{
					position:relative; height:250px; overflow:hidden; box-sizing:border-box; background-color:rgb(0,0,0,0.1); display:none; cursor:pointer;				
				} 	.listado .contenedor .producto.mini .fotoContenedor{
						height:120px; width:25%; border-radius:20px; float:left;
					}
					
				.listado .contenedor .producto.imagen .fotoContenedor{
					display:block;
				}			
					.listado .contenedor .producto .fotoContenedor .referencia{
						position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:1px; height:1px; overflow:hidden; z-index:-1;					
					}
					
					.listado .contenedor .producto .fotoContenedor .foto{
						position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:auto;
						background-position:center center; background-size:contain; background-repeat:no-repeat;
						background-color:#FFF;
					}					
						.listado .contenedor .producto .fotoContenedor .foto .agotado{
							position:absolute; top:0px; bottom:0px; left:0px; right:0px; background-color:rgb(0,0,0,0.3);
							background-image:url(img/agotado.png); background-position:center center; background-size:cover; background-repeat:no-repeat;
							display:none;
						}
						.listado .contenedor .producto .fotoContenedor .foto .agregado{
							position:absolute; top:0px; bottom:0px; left:0px; right:0px;
							background-color:var(--entorno_color_botones);
							background-image:url('png/nuevos/icons8-buyx-100(1).png');
							background-position:top+15px right+15px; background-size:auto 50px; background-repeat:no-repeat;
							z-index:2; display:none; opacity:0.3;
						} 	.listado .contenedor .producto.agregado .fotoContenedor .foto .agregado{ display:block; }
							.listado .contenedor .producto.agregado.mini .fotoContenedor .foto .agregado{ display:none; }
								
				.listado .contenedor .producto .descripcion{
					position:relative; height:auto; overflow:hidden; box-sizing:border-box; padding:0px;
					line-height:22px; font-size:22px; font-weight:bold; overflow-wrap:break-word;
				}	.listado .contenedor .producto.mini .descripcion{float:left; width:100%; box-sizing:border-box;}
					.listado .contenedor .producto.imagen.mini .descripcion{float:left; width:75%; box-sizing:border-box;}
				
					.listado .contenedor .producto .descripcion .columna{
						position:relative; float:left; width:100%; height:auto; overflow:hidden; box-sizing:border-box; 
						padding:10px; padding-left:15px; padding-right:15px;
					}	.listado .contenedor .producto.mini .descripcion .columna{width:100%; padding:5px; padding-left:10px; padding-right:10px; line-height:16px; font-size:15px;}
									
				.listado .contenedor .producto.imagen .descripcion{
					line-height:15px; font-size:15px; font-weight:bold;
				}			
					.listado .contenedor .producto .descripcion .division{
						position:relative; color:var(--entorno_color_botones); font-size:13px; font-weight:normal; margin-bottom:3px; letter-spacing:1px;
						white-space:nowrap; text-overflow:ellipsis;
					}
					
					.listado .contenedor .producto .descripcion .nombre{
						letter-spacing:-1px; max-height:88px; overflow:hidden; cursor:pointer;
					}
					.listado .contenedor .producto.imagen .descripcion .nombre{
						letter-spacing:-1px; max-height:64px; overflow:hidden;
					}	.listado .contenedor .producto.imagen.mini .descripcion .nombre{ height:auto; }
					
					.listado .contenedor .producto .descripcion .observaciones{
						font-size:12px; color:rgb(0,0,0,0.8); line-height:12px; min-height:12px; max-height:12px; letter-spacing:0px; font-weight:normal; overflow:hidden; margin-top:5px;
					}	.listado .contenedor .producto.mini .descripcion .observaciones{ display:none; }
					
					.listado .contenedor .producto .descripcion .precio{
						position:relative; color:var(--entorno_color_botones); font-weight:500; margin-top:3px; letter-spacing:-1px; text-align:right;
					}
					.listado .contenedor .producto .descripcion .precio .dato{
						float:left;		
					}
					.listado .contenedor .producto .descripcion .precio .dato.pvp{
						font-size:25px; float:right; font-weight:600;
					}
						.listado .contenedor .producto .descripcion .precio .dato.pvp.min{
							font-size:15px; float:right;
						}
						.listado .contenedor .producto .descripcion .precio .precioAnterior{
							float:right; position:relative; box-sizing:border-box; padding-right:10px;
                            color:rgb(0,0,0,0.6); font-size:11px; font-weight:normal; text-decoration:line-through rgb(0,0,0,0.2); letter-spacing:0px;
						}
						
					.listado .contenedor .producto .descripcion .precio .dato.oferta{
						font-size:20px; font-weight:bold;
					}
					.listado .contenedor .producto .descripcion .precio .dato.monto{
						position:relative; width:100%; box-sizing:border-box; padding:5px; padding-left:10px; padding-right:10px;
						background-color:var(--entorno_color_botones); border-radius:15px 0px 15px 15px; 
						color:#FFF; line-height:15px; font-size:15px; font-weight:600;
					}
					.listado .contenedor .producto .descripcion .precio .oferta{
						color:var(--entorno_color); height:12px; font-size:12px; line-height:12px; font-weight:500; letter-spacing:-0.5px;
						white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
						margin-bottom:4px;
					}
					.listado .contenedor .producto .descripcion .precio .dato.monto .detalle{
						position:relative; float:left; height:15px; line-height:15px;
						color:rgb(255,255,255,0.7); font-size:15px; font-weight:400; box-sizing:border-box; padding-right:7.5px;
						white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
					}
					.listado .contenedor .producto .descripcion .precio .dato.monto .detalle2{
						position:relative; float:right; height:15px; box-sizing:content-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
					}
					.listado .contenedor .producto .descripcion .presentacion{
						position:relative; margin-top:0px; font-size:13px; line-height:25px; text-align:left; font-weight:bold; letter-spacing:0px; color:var(--entorno_color_botones);
					}
						.listado .contenedor .producto .descripcion .departamentos{
							position:relative; float:left; height:25px; width:50%; box-sizing:border-box; padding-right:15px;
						}
							.listado .contenedor .producto .descripcion .departamentos .datoD{
								position:relative; height:12px; line-height:12px; box-sizing:border-box;
								color:rgb(0,0,0,0.7); font-size:12px; font-weight:normal; letter-spacing:0.5px;
								overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
							}
					
				.listado .contenedor .producto .megusta{
					position:absolute; bottom:5px; left:5px; width:40px; height:40px;
					background-image:url(png/nuevos/icons8-heart-outline-90.png);
					background-image:url(png/nuevos/icons8-whatsapp-96.png);
					background-position:center center; background-size:25px; background-repeat:no-repeat;
					opacity:0.3; cursor:pointer; display:none;
				} 	.listado .contenedor .producto.mini .megusta{ display:none; }	
					
				.listado .contenedor .producto .eliminar{
					position:absolute; bottom:5px; right:5px; width:40px; height:40px; box-sizing:border-box;
					background-image:url(png/nuevos/icons8-trash.png);
					background-position:center center; background-size:25px; background-repeat:no-repeat;
					opacity:1; cursor:pointer; display:none;
				} 
				.listado .contenedor .producto .agregar{
					position:absolute; bottom:5px; left:35px; right:35px; width:150px; height:40px;
					margin:auto; box-sizing:border-box; border-radius:25px;
					background-color:var(--entorno_color_botones);
					background-image:none, linear-gradient(to bottom right, rgb(255,255,255,0.2), transparent, transparent, rgb(0,0,0,0.2));
					background-position:left+12px center, left center; background-size:20px, cover; background-repeat:no-repeat;
					padding-left:0px; padding-right:0px;
					font-size:18px; font-weight:600; color:#FFF; line-height:40px; text-align:center;
					opacity:1; cursor:pointer;
				} 	
				.listado .contenedor .producto .agregar.activo{
					position:absolute; left:5px; bottom:5px; right:54px; width:auto; height:40px; box-sizing:border-box; border-radius:2px 25px 25px 15px; 
					background-color:rgb(0,0,0,0.1);
					background-image:url('png/nuevos/icons8-buy-90.png');
					background-position:left+15px center; background-size:30px;
					line-height:40px; font-size:20px; font-weight:600; color:#000; text-align:center;
					padding-left:55px; padding-right:5px;
				}	.listado .contenedor .producto.mini .agregar.activo{width:50%; left:5px; right:auto; }
				
					.listado .contenedor .producto .agregar.activo .efecto{
						position:absolute; top:0px; bottom:0px; left:55px; right:10px;
						background-image:url(png/nuevos/icons8-sort-90.png), url(png/nuevos/icons8-edit-96.png);
						background-repeat:no-repeat; background-size:20px; background-position:left center, right center;
						opacity:1;
					}
					.listado .contenedor .producto .agregar .txt{
						display:none;
					}
					.listado .contenedor .producto .agregar.activo .txt{
						display:block;
					}
					.listado .contenedor .producto .agregar .textoboton{
						display:block;
					}
					.listado .contenedor .producto .agregar.activo .textoboton{
						display:none;
					}
					
				.listado .contenedor .micategoria{
					position:relative; float:left; box-sizing:border-box; width:100%; background-color:rgb(0,0,0,0);
					line-height:25px; font-size:20px; font-weight:normal; color:rgb(0,0,0,0.5); text-align:center; letter-spacing:1px;
					padding:25px; margin-bottom:10px; border-radius:6px;
					border:#F00 1px solid;
				}
				.listado .contenedor .micategoria.sub{
					color:rgb(0,0,0,0.8); padding:35px;
				}
				.listado .contenedor .micategoria .icono{
					position:relative; height:45px; width:45px; margin:auto; margin-bottom:5px;
					background-image:url(png/nuevos/icons8-click-&-collect-100.png);
					background-size:contain; background-repeat:no-repeat; background-position:center center;
					opacity:0.5;
					border:#F00 1px solid;
				}
				.textoOferta{
					animation:blinkingText 1.2s infinite;
				}
				@keyframes blinkingText{
					50%{	color:transparent; }
					100%{    color:var(--entorno_color_botones); }
					100%{   color:var(--entorno_color_botones); }
					50%{    color:var(--entorno_color); }
				}
				
/************ Presentación de Página Principal *************/
	.presentacion{
		position:relative; height:auto; overflow:hidden; box-sizing:border-box;
		/*font-family: 'Dosis', sans-serif;*/
	}
		.presentacion .contenedor .post{
			position:relative; float:left; box-sizing:border-box; width:500px; height:500px;					
			border-radius:0px; margin:0px; border:rgb(0,0,0,0.1) 0px solid; 
			z-index:2; cursor:pointer;
		}
		.presentacion .titulo{
			position:relative; margin:auto; box-sizing:border-box;
			line-height:55px; font-size:55px; color:var(--entorno_color); font-weight:400; letter-spacing:-1px; text-align:center;
			padding:25px; z-index:3; cursor:default;
		}
			
		.presentacion .separador{
			position:relative; max-width:75%; height:35px; box-sizing:border-box; margin:auto; margin-bottom:10px;
			background-image:url(png/nuevos/icons8-expand-arrow-50.png); background-position:center center; background-repeat:no-repeat; background-size:auto 100%;
		}
	 
	.botonLinea{
		line-height:35px; border-radius:35px; border:rgb(0,0,0,0.1) 1px solid; box-sizing:border-box;
		font-size:15px; font-weight:bold; color:rgb(0,0,0,0.8); text-align:center;
		background-image:url(png/nuevos/icons8-vanx-100.png);
		background-size:30px; background-repeat:no-repeat; background-position:left+15px center; padding-left:55px;
		margin:15px; margin-top:5px; margin-bottom:10px;
		cursor:pointer;
	}
	.micategoria{
		position:relative; box-sizing:border-box; background-color:rgb(0,0,0,0);
		line-height:35px; font-size:35px; font-weight:normal; color:rgb(0,0,0,0.7); text-align:center; letter-spacing:-1px;
		padding-top:45px; padding-bottom:65px; margin-top:25px; border-radius:6px;
	}
		.micategoria .icono{
			position:relative; height:64px; width:64px; margin:auto; margin-bottom:5px;
			background-size:contain; background-repeat:no-repeat; background-position:center center;
			opacity:1;
		}
		
	.carrusel{
		position:relative; height:auto; overflow:hidden; box-sizing:border-box; border:rgb(0,0,0,0) 0px solid; border-radius:10px;
		padding-left:0px; padding-right:0px; padding-top:75px; margin-top:50px; margin-bottom:50px;
	}
	.carrusel.inicio{
		padding-left:40px; padding-right:40px;
	}
		.carrusel .titulo{
			position:absolute; top:0px; left:65px; right:65px; height:75px; box-sizing:border-box;
			line-height:75px; font-size:30px; color:rgb(0,0,0,0.6); color:var(--entorno_color); font-weight:400; text-align:center; letter-spacing:-1px;
			overflow:hidden; white-space:nowrap; text-overflow:ellipsis; z-index:3; cursor:default; 
		}
		.carrusel .boton{
			position:absolute; top:0px; width:50px; height:75px; box-sizing:border-box;
			background-position:center center; background-repeat:no-repeat; background-size:30px; z-index:3; cursor:pointer;
		}
		.carrusel .maximizar{
			position:absolute; top:-45px; left:0px; right:0px; width:175px;  height:35px; margin:auto; box-sizing:border-box; background-color:rgb(0,0,0,0.1);
			line-height:35px; text-align:center; font-size:12px; font-weight:normal; letter-spacing:1px; color:rgb(0,0,0,0.8);
			background-image:url(png/nuevos/icons8-view-carousel-90.png);
			background-position:left+15px center; background-repeat:no-repeat; background-size:35px; padding-left:50px; padding-right:15px;
			border-radius:20px; z-index:3; cursor:pointer;
		}
			.carrusel .maximizar.click{
				background-color:rgb(0,0,0,0.8); color:rgb(255,255,255,0.8);
				background-image:url(png/nuevos/icons8-view-module-90.png);
			}
			
	.carrusel.inicio .boton{
		position:absolute; top:0px; bottom:0px; width:40px; box-sizing:border-box; border:rgb(0,0,0,0.1) 1px solid;
		background-position:center center; background-repeat:no-repeat; background-size:30px;
		border-radius:3px; z-index:3;
	}
		.carrusel .boton.atras{ left:0px; background-image:url(png/nuevos/icons8-back-50.png); }
		.carrusel .boton.adelante{ right:0px; background-image:url(png/nuevos/icons8-forward-50.png); }
		.carrusel .boton.cambiar{
			right:100px; background-image:url(png/nuevos/icons8-view-carousel-90.png); border:none; display:none;
		}	  .carrusel .boton.cambiar.click{ background-image:url(png/nuevos/icons8-view-module-90.png); }
		
	.carrusel .borron{
		position:absolute; top:0px; bottom:0px; width:10px; box-sizing:border-box; z-index:4;
	}
		.carrusel .borron.izq{
			left:0px; background-image:linear-gradient(to right, rgb(255,255,255,1), rgb(255,255,255,0.5), transparent);
		}
		.carrusel .borron.der{
			right:0px; background-image:linear-gradient(to left, rgb(255,255,255,1), rgb(255,255,255,0.5), transparent);
		}
		
	.carrusel .contenedor{
		position:relative; height:auto; white-space:nowrap; box-sizing:border-box; font-size:0px; padding:0px; padding-top:10px; overflow:hidden; text-align:center;
	}
		.carrusel .contenedor .post{
			position:relative; display:inline-block; width:150px; height:210px; box-sizing:border-box; cursor:pointer;
			background-position:center center; background-repeat:no-repeat; background-size:cover;
			border-radius:15px; margin-right:15px; margin-bottom:15px; 
			border:rgb(0,0,0,0.05) 1px solid;
			z-index:2;
		}
			.carrusel.max .contenedor .post{
				/*float:left;*/
			}
			.carrusel.max .contenedor{
				white-space:normal;
			}
			
	.post.producto{
		padding-top:235px; padding-bottom:0px; background-color:#FFF; overflow:hidden; white-space:normal;
	}
		.post.producto .fotoContenedor{
			position:absolute; top:0px; left:0px; right:0px; height:200px; overflow:hidden; border-radius:15px;
		}
			.producto .fotoContenedor .fotoEfecto{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:3; display:none;
			}
				.producto .fotoContenedor .fotoEfecto .icono{
					position:absolute; top:0px; bottom:0px; left:0px; right:0px; width:33.3%; height:33.3%; margin:auto;
					background-image:url('png/nuevos/icons8-search-100-sombra.png');
					background-repeat:no-repeat; background-size:contain; background-position:center center;
					z-index:2;
				}
				.producto .fotoContenedor .fotoEfecto .color{
					position:absolute; top:0px; bottom:0px; left:0px; right:0px;
					background-image:linear-gradient(to bottom, transparent, var(--entorno_color_botones));
					opacity:0.3;
				}
				
			.post.producto .fotoContenedor .foto{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; box-sizing:border-box;
				background-image:url(png/nuevos/icons8-package-100.png);
				background-position:center center; background-repeat:no-repeat; background-size:50%;
				opacity:0.1;
			}	.post.producto .fotoContenedor .foto.img{opacity:1;  background-size:contain;}
			
			.post.producto .fotoContenedor .foto:hover img {
				-webkit-transform:scale(1.25);
				-moz-transform:scale(1.25);
				-ms-transform:scale(1.25);
				-o-transform:scale(1.25);
				transform:scale(1.25);
			}
				
				.post.producto .fotoContenedor .foto .fotoagotado{
					position:absolute; top:0px; bottom:0px; left:0px; right:0px; background-color:rgb(0,0,0,0.5);
					background-image:url(img/agotado.png); background-position:center center; background-size:cover; background-repeat:no-repeat;
					display:none;
				}
								  
	  .post.producto .presentacion{
		  position:absolute; bottom:0px; left:0px; right:0px; width:100%; height:30px; line-height:30px; box-sizing:border-box;
		  font-size:15px; text-align:center; font-weight:200; color:var(--entorno_color_botones);
		  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	  }
	  .post.producto .precio{
		  position:absolute; bottom:30px; left:0px; right:0px; width:100%; padding-left:15px; padding-right:15px; box-sizing:border-box;
		  font-size:18px; color:var(--entorno_color_botones); font-weight:600; text-align:center; letter-spacing:-0.5px;
	  }	  .post.producto .precio.min{ font-size:12px; }
			
			.post.producto .precio.agotado{
				font-size:15px; color:rgb(0,0,0,0.5); font-weight:500; text-align:center; letter-spacing:-1px;
			}
			.post.producto .nombre{
				position:relative; height:15px; line-height:15px; margin:5px; margin-left:15px; margin-right:15px; box-sizing:border-box;
				font-size:15px; color:rgb(0,0,0,0.8); font-weight:750; text-align:center;
				overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
			}
			.post.producto .marca{
				position:absolute; top:215px; left:0px; right:0px; height:25px; line-height:25px; box-sizing:border-box;
				font-size:13px; color:var(--entorno_color); font-weight:400; letter-spacing:0px; text-align:center;
				overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
			}
			.post.producto .categoria{
				position:absolute; bottom:75px; left:15px; right:15px; height:12px; line-height:12px; box-sizing:border-box;
				font-size:12px; color:var(--entorno_color_botones); font-weight:350; letter-spacing:1px; text-align:center;
				overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
				display:none;
			}
			.post.producto .subcategoria{
				position:absolute; bottom:60px; left:15px; right:15px; height:12px; line-height:12px; box-sizing:border-box;
				font-size:12px; color:var(--entorno_color_botones); font-weight:750; letter-spacing:1px; text-align:center;
				overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
				display:none;
			}
			.post.producto .agregar{
				position:absolute; top:0px; bottom:0px; left:0px; right:0px; border-radius:15px;
				background-image:linear-gradient(to top, var(--entorno_color) 20%, transparent);			
				padding-top:250px; pointer-events:none; display:none; z-index:2; opacity:1;
				display:none;
			}	.post.producto .agregar.activo{ display:block; }
				.post.producto .agregar .icon{
					position:absolute; top:0px; left:0px; right:0px; height:50%;
					background-image:url('png/nuevos/icons8-buyx-100.png');
					background-size:40px; background-position:top+10px right+10px; background-repeat:no-repeat;
				}
			
				.post.producto .agregar .cantidad{
					position:relative; box-sizing:border-box;
					line-height:18px; font-size:14px; font-weight:bold; color:#FFF; text-align:center;
				}
				.post.producto .agregar .texto{
					position:relative; box-sizing:border-box;
					line-height:30px; font-size:10px; font-weight:400; letter-spacing:1px; color:rgb(255,255,255,0.75); text-align:center;
				}
			
		.post.circulo{
			padding-top:120px; padding-bottom:20px; background-color:transparent; box-shadow:none; overflow:hidden; white-space:normal;
		}
			.post.circulo .foto{
				position:absolute; top:0px; bottom:25px; /*height:110px;*/ left:0px; right:0px; box-sizing:border-box;
				border-radius:10px; margin:10px; margin-top:10px;
				background-color:transparent;
				background-image:url(png/nuevos/icons8-folder-96.png);
				background-position:center center; background-repeat:no-repeat; background-size:contain;
				/*box-shadow:rgb(0,0,0,0.1) 0px 0px 3px;*/
				opacity:1;
			}
			.post.circulo .nombre{
				position:relative; margin:5px; margin-top:10px; box-sizing:border-box;
				line-height:20px; font-size:18px; color:rgb(0,0,0,0.8); font-weight:bold; text-align:center;
				overflow-wrap:break-word; display:none;
			}
			
		.post.banner{
			padding:0px; background-color:transparent; box-shadow:none;
			overflow:hidden; white-space:normal;
		}
			.post.banner .foto{
				position:absolute; top:10px; left:10px; right:10px; bottom:10px; box-sizing:border-box;
				background-color:rgb(255,255,255,1);
				background-image:url(png/nuevos/icons8-folder-96.png);
				background-position:center center; background-repeat:no-repeat; background-size:contain;
				box-shadow:rgb(0,0,0,0.1) 0px 0px 10px; border-radius:5px;
				opacity:1;
			}
			.post.banner .nombre{
				position:relative; margin:5px; box-sizing:border-box;
				line-height:15px; height:15px; overflow:hidden; font-size:15px; color:var(--entorno_color_botones); text-shadow:rgb(0,0,0,0.1) 0px 0px 10px; font-weight:bold; text-align:center;
			}
			
		.post.categoria{
			position:relative; float:left; box-sizing:border-box; width:500px; height:500px; cursor:pointer; z-index:2;
		}
			.post.categoria .foto{
				position:absolute; top:0px; bottom:100px; left:0px; right:0px; box-sizing:border-box;
				background-image:url(png/nuevos/icons8-folder-96.png);
				background-position:center center; background-repeat:no-repeat; background-size:auto 100%;
			}
			.post.categoria .nombre{
				position:absolute; bottom:0px; left:0px; right:0px; height:100px; box-sizing:border-box;
				line-height:25px; font-size:20px; letter-spacing:-1px; color:rgb(0,0,0,1); font-weight:900; text-align:center;
				padding-top:15px; padding-bottom:45px;
			}
			.post.categoria .subtitulo{
				line-height:15px; font-size:15px; color:var(--entorno_color); font-weight:500; letter-spacing:0px; white-space:nowrap; opacity:1;
			}
			
	.botonVerMas{
		position:relative; box-sizing:border-box; width:75%; max-width:350px; height:35px; border-radius:20px; 
		background-color:rgb(0,0,0,0.025); padding-left:15px; padding-right:15px;
		line-height:35px; font-size:15px; color:rgb(0,0,0,1); font-weight:400; text-align:center; cursor:pointer;
		overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
		margin:auto; margin-top:45px; margin-bottom:15px;
		user-select: none;
		-moz-user-select: none; 
		-webkit-user-select: none;
		-ms-user-select: none;   
	}	.botonVerMas.destacar{ background-color:var(--entorno_color); color:#FFF; }