/*  


----------Variables ---------
para declarar una variable = --main-texto-principal:rgb(47,47,47);
para imprimir una variable = Color: var(--main-texto-principal);

----- Calculos con variables -----

Dentro de la propidedad declaro la funcion calc y las variables con espacio segun la regal matematica + - / *
 calc(100% - var(--main-margin-principal) - var(--main-padding-principal));


Contadores

nth-last-child(3)					 Solo selecciona el 3 elemento	
.clase elemento:nth-last-child(n+6)  esta condicion se aplica apartir del elemento numero 6
li:nth-last-child(6):first-child     Dos condiciones el elemento 6 y el primer elemento

---- Listado de Variables ---- 
*/ 
:root {
  /*----- Colores ------- */			
  --main-bacground-principal:white; /*utilizo en encabezados*/
  --main-background-pie:white;
  --main-background-pie-div:none;
  --main-background-pie-div-li:none;
  
  --main-sombra-encabezado:none;
  
  --main-background-submenu: rgba(0,0,0,0.8);
  --main-background-submenu-cerrar : rgba(0,0,0,0.6);
  --main-border-bottom-submenu:rgb(255,112,0);
  --main-background-submenu-hover:rgb(255,176,6);
  
  --main-background-menu-movil-icono:rgb(218,163,20); 
  --main-background-menu-movil-li:none;  
  --main-background-contenedor: white;
  --main-background-color-ancho-fijo : none;
  
  --main-boton-articulo:rgb(31,99,50);
  
  
  /*Formularios*/
  --main-background-image-formulario-form:none /*url('/interfaz/diseno/encabezado.jpg')*/;
  --main-background-formulario-form:rgba(255,255,255,0.9);  
  --main-background-formulario-input:none;
    
  
  
  --main-border-formulario:none;
  --main-border-radius:20px;
 
  --main-color-formulario-text:transparent;
  --main-color-formulario-input-text:gray;
  --main-color-formulario-input-placeholder:rgb(31,99,50);
  --main-background-formulario-input-border:2px solid rgb(31,99,50); 
  --main-background-formulario-input-border-radius:15px 15px 15px 15px;	
  
   --main-background-formulario-form-boton:rgb(31,99,50);
   --main-color-formulario-form-texto-boton:white;
   --main-altura-formulario-form-boton:60px; 
    
  
  /*----- Colores texto -----------*/
  
 
  --main-texto-principal:rgb(47,47,47);
  --main-color-prinicpal-negativo:white;
  --main-texto-color-menu-li-a:rgb(218,163,20);
  --main-color-pie-div-li:rgb(31,99,50);
  --main-color-pie-div-li-a:white;
  --main-color-formulario-input:var(--main-texto-principal);
   
  /*----- Margin y padding ------- */
  --main-margin-principal: 20px;
  --main-margin-lateral-hiper-menu:var(--main-padding-menor);
  --main-margin-menor:5px;
    
  --main-margin-ancla:calc( var(--main-logo-web) + var(--main-margin-principal) );
  
  --main-padding-principal:20px;
  --main-padding-menor:5px;  
  
  --main-Margin-padding-auto: auto;  
  
  
	/*Categorias*/
	--main-margin-lateral-categoria:var(--main-padding-menor);
	--main-altura-hiper-categoria:25px;
	--main-color-texto-categoria:white;
    --main-background-hiper-categoria:none;	
	--main-border-hiper-categoria:none;
	--main-border-radius-hiper-categoria:none;
  
  
  /*Redes sociales*/
  --main-background-image-iconos-redes-principal:url('../interfaz/iconos/iconos_redes_degradado.png');
  --main-background-color-redes-icono-principal:none;
  --main-altura-redes-a:40px;
  --main-borde-radius-redes:none;
  --main-border-redes: none;
  
  --main-visibility-redes-en-encabezado:visible;
  --main-display-redes-en-encabezado:block;
  --main-float-redes-en-encabezado:right;
  
  --main-float-redes-encabezadod:right;
  --main-altura-redes-a-encabezadod:25px;
  
  --main-float-redes-encabezadod2:right;
  
  
   
  /*datos li*/
  --main-datos-li-encabezadod-float:right;
  --main-datos-li-encabezadod-color:white;
  --main-datos-li-encabezadod-font-size:12px;
  
  /*----- Fondos Imagenes --------
  Ej: url(../interfaz/diseno/sin_imagen.jpg) */
  --main-backImage-encabezado:none /*url('/interfaz/diseno/encabezado.jpg')*/;
  --main-backImage-pie:none /*url('/interfaz/diseno/encabezado.jpg')*/;
  --main-menu-movil-icono:url('/interfaz/iconos/icono-menu-movil_blanco.png');
  --main-submenu-icono-cerrar:url('/interfaz/iconos/cerrar1.png');
  --main-background-imagen-ancho-fijo:none;
    
  
  /* ----- Tamaños de fuentes texto -----
  (tamaños de H1,h2,h3 en cada clase ) */
   
  --main-texto-size-principal:16px;
  --main-texto-size-menu:14px;
  --main-texto-size-menu-movil-li:18px;
  --main-texto-size-pie-div-li:14px;
  --main-texto-size-galeria-clientes-sin-logo-h3:16px; 
  
  --main-texto-size-pie-div-li-alineacion:left;
  
  /*----- Anchos -----*/
  --main-ancho-fijo:90%;
  --main-Alto-menu-movil-li:40px;
  
  
  
  /* Alturas hipervinculos y botones */

  
	--main-color-texto-menu:rgb(31,99,50);
	
	--main-border-hiper-menu: none;
    --main-border-radius-hiper-menu:15px 15px 0px 15px;
	
	 --main-background-hiper-menu-5:rgb(218,163,20);
	/* --main-background-hiper-menu-3:rgb(255,176,6);
  --main-background-hiper-menu-4:rgb(218,163,20);*/
 /* --main-background-hiper-menu-5:rgb(0,118,190);
  --main-background-hiper-menu-2:white;*/
  
  --main-altura-hiper-menu:60px;
  
  
    
  /*Logo*/
  /*alturas*/
  --main-logo-web:160px;
  --main-logo-movil:110px;  
  --main-logo-pie:150px; 
  
  --main-background-color-logo:transparent;
  --main-borde-radius-logo-web:none; /*var(--main-logo-web)*/
  --main-border-solid-px-logo-web: none; /*1px solid rgb(220,220,200)*/
  --main-box-shadown-sombra-logo:none; /*0px 0px 10px rgb(47,47,47)*/
  
  --main-background-color-logo-movil:var(--main-background-color-logo);
  --main-borde-radius-logo-movil:0px;/*var(--main-logo-movil);*/
  --main-border-solid-px-logo-movil:var(--main-border-solid-px-logo-web);
  
  --main-background-color-logo-pie:var(--main-background-color-logo);
  --main-borde-radius-logo-pie:0px;/*var(--main-logo-pie);*/
  --main-border-solid-px-logo-pie:var(--main-border-solid-px-logo-web);
  
    
  /*encabezado*/	
  				/*Nueva clase apartir de 13/07*/
  --main-visiblity-encabezado-categorias:hidden;
  --main-display-encabezado-categorias:none;
	
	
  /*Encabezado_d*/
  --main-visiblity-encabezadoD:hidden;
  --main-display-encabezadoD:none;
  --main-background-encabezadoD:none;
  
  --main-visiblity-encabezadoD-datos:visible;
  --main-display-encabezadoD-datos:block;
  
  --main-visiblity-encabezadoD-redes:hiden;
  --main-display-encabezadoD-redes:none;
  
										/*Nueva clase apartir de 13/07*/
  --main-visiblity-encabezadoD-categorias:hidden;
  --main-display-encabezadoD-categorias:none;

  
  /*Encabezado_d2 por debajo del menu*/		
  --main-visiblity-encabezadoD2:visible;
  --main-display-encabezadoD2:block;
  --main-background-encabezadoD2:rgba(218,163,20);  
	
  --main-visiblity-encabezadoD2-datos:hidden;
  --main-display-encabezadoD2-datos:none;	
  
  --main-visiblity-encabezadoD2-redes:hidden;
  --main-display-encabezadoD2-redes:none !important;
  
									/*Nueva clase apartir de 13/07*/
  --main-visiblity-encabezadoD2-categorias:visible;
  --main-display-encabezadoD2-categorias:block;
  
  
  /*Buscador en encabezado*/
  --main-visibility-encabezado-form:hidden;
  --main-display-encabezado-form:none;
 
  --main-visibility-submenu-form:hidden;
  --main-display-submenu-form:none;
  
    
  /* Galerias */
	--main-position-galeria-prinicipal-span:Absolute; 
	--main-visibility-galeria-prinicipal-span:visible;
	--main-display-galeria-prinicipal-span:block;
	--main-width-galeria-prinicipal-span:30%;
	--main-min-height-galeria-prinicipal-span:50%;
	--main-top-galeria-prinicipal-span:var(--main-margin-principal);
	--main-left-galeria-prinicipal-span:none;
	--main-right-galeria-prinicipal-span:var(--main-margin-principal);
	--main-bottom-galeria-prinicipal-span:var(--main-margin-principal);
	--main-margin-galeria-prinicipal-span:var(--main-margin-principal);
	--main-background-galeria-prinicipal-span:rgba(102,178,66,0.9);
	--main-border-galeria-prinicipal-span:none;
	--main-radius-galeria-prinicipal-span:50px;
	
	--main-color-galeria-principal-span-h3:white;
	--main-font-size-galeria-principal-span-h3:40px;
  
  
  --main-background-galeria-clientes:white;
  --main-background-galeria-clientes-logo:none;
  --main-background-galeria-clientes-span:none;
  --main-border-radius-galeria-clientes-span:20px;
  
  --main-border-galeria-clientes-span:none;  
  --main-texto-color-galeria-clientes-h3:var(--main-texto-principal);
  --main-texto-color-galeria-clientes-p:var(--main-texto-principal);
   
  --main-background-galeria-clientes-sin-logo:none;
  --main-background-galeria-clientes-sin-logo-span:none; 
  
  --main-visiblity-galeria-clientes-sin-logo-p:hidden;
  --main-display-galeria-clientes-sin-logo-p:none;
  

  --main-border-galeria-galeria_sin_imagen_con_descripcion-general:1px solid rgb(220,220,220);
  --main-border-radius-galeria-galeria_sin_imagen_con_descripcion-general:50px;  
  --main-texto-color-galeria-clientes-sin-logo-h3:rgb(10,10,10);
  --main-texto-color-galeria-clientes-sin-logo-p:rgb(47,47,47);
  
  /*Boton*/
    
  
  --main-background--popup:rgba(250,250,250,0.95);
  

	
  
  
  
  /*articulo*/
  --main-articulo-columnas-cantidad:4;
  
  --main-background-articulo:white;
  --main-min-height-articulo:420px;
  --main-border-solid:1px solid rgb(220,220,220);
  --main-border-radius:5px;
  
  --main-width-articulo-div-img:100%;
  --main-height-articulo-div-img:220px;
  --main-height-articulo-span:150px;
  
  --main-color-articulo-span-h3:rgb(47,47,47);
  --main-font-size-articulo-h3:16px;
  --main-color-detalle-articulo-h:rgb(47,47,47);
  
  --main-color-precio-articulo:rgb(0,118,190);
  --main-background-detalle-articulo:none;
  --main-background-contenedor-detalle-articulo:#FFF;
  
  --boton-ml-background:rgb(0,118,190);
  --boton-ml-color:white;
  --boton-whatsapp-background:#00bb2d;
  
  
  /*----- cantidades de impresion ----*/
  --main-pie-div-cantidad:3;

}



/*Css Generales */
html, body, #desarrollo { 
    width:100%; 
	font-family:Arial,calibri,Helvetica,sans-serif; 
	font-size:var(--main-texto-size-principal); 
	color: var( --main-texto-principal);	
} 

body{
	position: relative;
	margin:0px;
	padding:0px;
    overflow: auto;
	background-size:cover;	
}


/* hipervinculos a */
a { text-decoration:none; color:var(--main-texto-principal);}
a img{border:0px;}


/* Clases titulos h1,h2,h3*/

h1,h2,h3 {  
	display: block; 
	font-weight:700; 
	margin: var(--main-margin-principal);
	padding-top: var(--main-padding-principal);	
	padding-bottom: var(--main-padding-principal);	
	color: var(--main-texto-principal);
	}

h1 {
    WIDTH: calc(100% - var(--main-margin-principal) - var(--main-padding-principal));
    font-size: 40px;
    line-height: 60px;      
   }
   
h2 { font-size:30px; }
h2 a {margin:10px;}


h3 {font-size:25px;}
   

@media only screen and (min-width :0px) and (max-width :300px){ h1 { font-size: 30px; line-height: 40px; }}
@media only screen and (min-width :301px) and (max-width :400px){ h1 { font-size: 35px; line-height: 50px; }}
	

p { 
    line-height: 30px;
    letter-spacing: -1px;
    word-spacing: 0.25em;
    margin: var(--main-margin-principal);
    padding: var(--main-Margin-menor);
    width: calc(100% - var(--main-margin-principal) - var(--main-padding-menor)) ;
   }
 
 iframe {width:calc(100% - var(--main-margin-principal)*2); height:300px; margin:var(--main-margin-principal);}

/* Valores de fondo iguales */

#encabezado, #menu_movil, #contenedor, .ancho_fijo, .ancho_fijo_auto, .ancho_fijo_auto_pie, 
.seccion_auto, #pie_de_pagina, .formulario_index form, .articulo {
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


#encabezado,#menu_movil 
	{ 
	width: 100%; height:auto; margin-top: 0px;
	position: fixed;      
	background-blend-mode: inherit; 
	background-color: var(--main-bacground-principal);    /*Se puede poner ambos juntos*/ 
	background-image: var(--main-backImage-encabezado);
	box-shadow:var(--main-sombra-encabezado);	
    z-index: 2;	
	}


#encabezado div {  Position: relative;    height: auto;    display: flow-root;}

#encabezado a  {
	display: block;
	float:left; /*Se utiliza segun posicion de imprecion */
    width: auto;
    height: var(--main-altura-hiper-menu); 	
    margin: calc(var(--main-padding-menor) * 2);
	margin-left:var(--main-margin-lateral-hiper-menu);
	margin-right:var(--main-margin-lateral-hiper-menu);
    padding: var(--main-padding-menor);	
    padding-left:  calc(var(--main-padding-menor) * 2);
    padding-right: calc(var(--main-padding-menor) * 2);	
    font-size: var(--main-texto-size-menu);
	font-weight: 100;
	text-align: center;
    text-transform: uppercase;
	line-height: var(--main-altura-hiper-menu);		
	color: var(--main-color-texto-menu);
    background-color:var(--main-background-hiper-menu);	
	border:var(--main-border-hiper-menu);
	border-radius:var(--main-border-radius-hiper-menu);
	transition-timing-function: linear, linear;
    transition-delay: 0s;
    transition-duration: 0.5s, 0.5s, 0.5s;
    -webkit-transform-style: all;
	cursor: pointer;	
    }
	
#encabezado a:hover { 	transition-timing-function: linear, linear;
    transition-delay: 0s;
    transition-duration: 0.5s, 0.5s, 0.5s;
    -webkit-transform-style: all;	 opacity:0.5; }	
	
/*Encabezado: cuento elementos e imprimo clases*/
#encabezado a:nth-last-child(2){  background-color:var(--main-background-hiper-menu-2);	margin-top: calc(var(--main-padding-menor) * 2); }
#encabezado a:nth-last-child(3){  background-color:var(--main-background-hiper-menu-3);	margin-top: calc(var(--main-padding-menor) * 2); }
#encabezado a:nth-last-child(4){  background-color:var(--main-background-hiper-menu-4); margin-top: calc(var(--main-padding-menor) * 2);	 }
#encabezado a:nth-last-child(5){  background-color:var(--main-background-hiper-menu-5);	margin-top: calc(var(--main-padding-menor) * 2);  }


#encabezado form {Display:var(--main-display-encabezado-form); visibility:var(--main-visibility-encabezado-form); width:200px; height:50px; float:right; margin:var(--main-margin-principal); }
#encabezado form input[type="text"] {width:150px; height:50px; float:left; border-radius:20px 0px 0px 20px; border: 0px;     padding: var(--main-padding-principal);}
#encabezado form input[type="submit"] {width:45px; height:50px; float:left; border-radius:0px 20px 20px 0px; border: 0px;

    background-image: url(../interfaz/iconos/lupa.png);
    background-size: cover;
    background-position: center;
    color: transparent;
}
	
/* clase nueva */
.logo { 
    width: var(--main-logo-web) !important;   
	height: var(--main-logo-web)!important;   
	/*padding-left: var(--main-padding-principal) !important;	
	padding-right: var(--main-padding-principal) !important;  No utilizo esta vez*/
    Background-color:var(--main-background-color-logo) !important;
	border-radius:calc(var(--main-borde-radius-logo-movil) + var(--main-padding-principal)) !important;
	border:var(--main-border-solid-px-logo-web) !important;
	box-shadow: var(--main-box-shadown-sombra-logo);
	position: absolute;
	top: calc( var(--main-logo-web) * -0.2);
      }	
.logo img { width: 100%;    height: 100%;    object-fit: contain;    background-position: 0;    }
.logo ~ a { float:right !important;}	/*todos los hipervinculos a la derecha del logo asi la derecha*/
.logo:hover { opacity:1 !important;}




a ~ .logo {  position: absolute;    left: 0px;    right: 0px; margin:auto !important;} /* ADVERTENCIA solo se utiliza cuando el logo va centrado */


.categorias a{
	display: block;
	float:left; 
    width: auto;
    height: var(--main-altura-hiper-categoria) !important; 	
    margin: var(--main-padding-menor) !important;
	margin-left:var(--main-margin-lateral-categoria) !important;
	margin-right:var(--main-margin-lateral-categoria) !important;
    padding: var(--main-padding-menor) !important;	
    padding-left:  calc(var(--main-padding-menor) * 2) !important;
    padding-right: calc(var(--main-padding-menor) * 2) !important;	
    font-size: var(--main-texto-size-menu) !important;
	font-weight: 100;
	text-align: center;
    text-transform: uppercase;
	line-height: var(--main-altura-hiper-categoria) !important;		
	color: var(--main-color-texto-categoria) !important;
    background-color:var(--main-background-hiper-categoria) !important;	
	border:var(--main-border-hiper-categoria) !important;
	border-radius:var(--main-border-radius-hiper-categoria) !important;
	transition-timing-function: linear, linear;
    transition-delay: 0s;
    transition-duration: 0.5s, 0.5s, 0.5s;
    -webkit-transform-style: all;
	cursor: pointer;		
	
}


.encabezado_d div > .categorias {
visibility:var(--main-visiblity-encabezadoD-categorias);
display:var(--main-display-encabezadoD-categorias);
float:var(--main-float-categoria)}

.encabezado > .categorias {
visibility:var(--main-visiblity-encabezado-categorias);
display:var(--main-display-encabezado-categorias);
float:var(--main-float-categoria)}

.encabezado_d2 div > .categorias {
visibility:var(--main-visiblity-encabezadoD2-categorias);
display:var(--main-display-encabezadoD2-categorias);
float:var(--main-float-categoria)}



#menu_movil > .logo {
	width: var(--main-logo-movil) !important;    
	height:var(--main-logo-movil) !important;  
	position: none !important; 
	padding: var(--main-padding-principal) !important; 
	Background-color:var(--main-background-color-logo) !important;
	border-radius:calc(var(--main-borde-radius-logo-movil) + var(--main-padding-principal)) !important;
	border:var(--main-border-solid-px-logo-movil) !important;	
	box-shadow: var(--main-box-shadown-sombra-logo);
	top:-20px !important;
	}
	
	
#pie_de_pagina div > .logo {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
	margin: auto;
	width: var(--main-logo-pie) !important;    
	height:var(--main-logo-pie) !important; 
	Background-color:var(--main-background-color-logo-pie) !important;
	border-radius:var(--main-borde-radius-logo-pie) !important;
	border:var(--main-border-solid-px-logo-pie) !important;	
	box-shadow: var(--main-box-shadown-sombra-logo);
	}	
	
	
	

.encabezado_d {  /*Los A hipervi, los toma del encabezado crear valores */
	visibility:var(--main-visiblity-encabezadoD);    
	display:var(--main-display-encabezadoD) !important;    
	width:100%;
	height:auto;
	min-height:60px !important;
	background: var(--main-background-encabezadoD); 
	}
    
.encabezado_d2 {  /*Los A hipervi, los toma del encabezado crear valores */
	position:absolute !important;
	visibility:var(--main-visiblity-encabezadoD2);    
	display:var(--main-display-encabezadoD2) !important; 
	top:calc(var(--main-altura-hiper-menu) + (var(--main-padding-menor) * 6));
	width:100%;
	height:auto;
	background: var(--main-background-encabezadoD2); 
	}	
	
.encabezado_d2_hover:hover > #encabezado_d2  { display:block; visibility:visible;}	
	
#menu_movil {display:none; visibility:hidden; }

#menu_movil div {    float: right;
    width: 50px;
    height: 50px;
    background: white;
    margin: calc(var(--main-margin-principal) / 1);	
    background-blend-mode: initial;
    BACKGROUND:var(--main-background-menu-movil-icono);
    background-image:var( --main-menu-movil-icono);    
	background-size: 85%;
    background-repeat: no-repeat;
    background-position: center;  
    z-index: 5;
    border-radius: 10px;
	}


@media only screen and (min-width :0px) and (max-width :1105px) { /* Muestro el menu segun condision Responsive*/
	#menu_movil {display: block;    visibility: visible; }
	#encabezado {display: none;    visibility: hidden; }
	.ver_movil {visibility:visible !important; display:block !important;}
	#sub_menu  { top: calc(10px + var(--main-logo-movil) + var(--main-margin-principal)) !important; }
	}


#sub_menu  {
	position:fixed;
    display: block;
	width: 75%;
    max-width: 300px;
	height:calc(100% - 10px - 20px - var(--main-logo-movil) - var(--main-margin-principal) - );
    top: calc(80px + var(--main-logo-movil) + var(--main-margin-principal));
	bottom:var(--main-margin-principal);
	right: -100%;/*para ocultarlo */
	
	z-index:100; 
    overflow: auto;
    padding: var(--main-padding-principal);  
 
    background: var(--main-background-submenu);
    overflow: auto;
    overflow-x: hidden;
	
    transition-timing-function: linear, linear;
    transition-delay: 0s;
    transition-duration: 1s, 1s, 1s;
    -webkit-transform-style: all;
}


#sub_menu span{ 
    float: right;
    height: 50px;
    width: 50px;
	border-radius: 50px;    	
    /* border: 1px solid white; */
    /* border-bottom: 2px solid rgb(155,155,155); */    
    margin-bottom: calc( var(--main-margin-principal) / 2 );
	background-color: var(--main-background-submenu-cerrar);
    background-image: var(--main-submenu-icono-cerrar);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}


#sub_menu li { 
	position: relative;
    width: calc(100% - var(--main-padding-menor) * 2);	
    min-height: var(--main-Alto-menu-movil-li); 
    padding: var(--main-padding-menor);    
    margin-top: var(--main-margin-menor) !important;
    margin-bottom: 0px;	
    float: left;
    background: var(--main-background-menu-movil-li);
	list-style: none;
    /* border-bottom: 1px solid rgb(42,86,127); */	
	font-size: var(--main-texto-size-menu-movil-li);
    text-transform: uppercase;	
	transition-timing-function: linear, linear;
    transition-delay: 0s;
    transition-duration: 0.5s, 0.5s, 0.5s;
    -webkit-transform-style: all;	
	}

#sub_menu ul { 
    width: 100%;
    border-bottom: 1px solid var(--main-border-bottom-submenu););
    display: block;
    /* background: red; */
    height: auto;
    min-height: 40px;
    float: left;
    margin: 0;
    padding: 0;} 
	
#sub_menu ul li{ width:100%;	} 	
#sub_menu ul li:hover{background:var(--main-background-submenu-hover); color:white; }
#sub_menu ul li:hover a {color:white; }
			
#sub_menu li a{   
    max-width: calc(100% - var(--main-padding-principal) * 2);
	line-height: var(--main-Alto-menu-movil-li);    
    text-align: left;
	color:var(--main-texto-color-menu-li-a);
    padding: var(--main-padding-principal);
   	}
	
	
#sub_menu  form {
	visibility:var(--main-visibility-submenu-form);
	display:var(--main-visibility-submenu-form);
    width: calc(100% - (var(--main-margin-principal) ));
    height: 50pxfloat:rightmargin:var(--main-margin-principal); }
#sub_menu  form input[type="text"] {width:80%; height:50px; float:left; border-radius:20px 0px 0px 20px; border: 0px;  
background:rgb(200,200,200);   padding: var(--main-padding-principal);}
#sub_menu  form input[type="submit"] {width:20%; height:50px; float:left; border-radius:0px 20px 20px 0px; border: 0px;

    background-image: url(../interfaz/iconos/lupa.png);
    background-size: cover;
    background-position: center;
    color: transparent;
}	
	
/* .ancho_fijo_auto_pie {Display:flex;} Nivelo altura ded Divs*/

#pie_de_pagina {
	width: 100%;  
	background-color: var(--main-background-pie);
	background-image:var(--main-backImage-pie); 
	position: relative; 
	}
	
/*posiciono el logo con la clase logo mismas alturas*/

#pie_de_pagina div div {
	position:relative;
	width:calc( (100% / var(--main-pie-div-cantidad) ) - (var(--main-margin-principal) * 2 )); 
	min-height:var(--main-logo-pie) !important;
	margin:var(--main-margin-principal);  
	float:left; 
	background-color:var(--main-background-pie-div);
	}

#pie_de_pagina div div li { 
	position: relative;
    width: calc(100% - var(--main-padding-menor) * 2);	
    padding: var(--main-padding-menor);    
    margin-top: var(--main-margin-menor) !important;
    float: left;
    background: var(--main-background-pie-div-li);
	list-style: none;
    /* border-bottom: 1px solid rgb(42,86,127); */
	color:var(--main-color-pie-div-li);	
    text-transform: uppercase;	
	font-size:var( --main-texto-size-pie-div-li);
	text-align:var(--main-texto-size-pie-div-li-alineacion);
	}		
	
#pie_de_pagina div div li a{
    max-width: calc(100% - var(--main-padding-principal) * 2);
    text-align: center;
    color: var(--main-color-pie-div-li-a);  
   	}	
									  
#desarrollo {background: black; text-align: center; min-height: 50px; color: white; }
#desarrollo a {color:white;}
#desarrollo img{width: 180px;  padding:var(--main-margin-principal);} 


/*---------------Clases por diseño ----------*/

#contenedor {
	position: absolute;	
    width:100%;
    height: auto;    
	top: 0px;
    right: 0px;
    background-color: var(--main-background-contenedor);
    z-index: 1;
}

.ancho_fijo{position: absolute;}
.ancho_fijo, .ancho_fijo_auto, .ancho_fijo_auto_pie {
	width:var(--main-ancho-fijo); 
	left:0px; 
	right:0px; 
	margin:auto; 
	z-index:50;
	background-color:var(--main-background-color-ancho-fijo);
	background-image:var(--main-background-imagen-ancho-fijo);
	}

.seccion_auto {	overflow:hidden; width:100%; margin:0px; }
.seccion_autoc{ clear: both;    width: 100%;    height: 1px;    color: white;    margin: 0px !portant;    padding: 0px !important;  }	

#menu_movil .seccion_autoc{ float:left; }

.seccion_autoc_menu{clear:both; width:100%; height:130px;}	


.left {float:left;} /*Actualizado*/
.right, .right_a  {float:right;}

@media only screen and (min-width :0px) and (max-width : 900px){.left, .right, .galeria, iframe {    width: 100% !important; }}

.margin_principal {  	margin-top: 150px !important; }

.ancla {   position: absolute;    margin-top:0;}

.titulo {   height: auto !important;    min-height: 0px !important;   margin-top: var(--main-margin-principal); text-align:center;}
.titulo hr {display:none; visibility:hidden;}





.caja_texto { /* Classe Nuneva */
	display: block;	
    width: calc(90% - var(--main-padding-principal)) ;
    height: auto;
    position: relative;    
    margin: var(--main-Margin-padding-auto);	
	padding: var(--main-padding-principal);
}

.datos li{
    position: relative;
    width: calc(100% - var(--main-padding-menor) * 2);
    margin: var(--main-margin-principal);
    padding: var( --main-Margin-menor);
    float: left;
    list-style: none;	
}



.encabezado_d div >  .datos li {  visibility:var(--main-visiblity-encabezadoD-datos); display:var(--main-display-encabezadoD-datos);margin-left:0px; margin-right:5px; width:auto; float:var(--main-datos-li-encabezadod-float); color:var(--main-datos-li-encabezadod-color) !important; font-size:var(--main-datos-li-encabezadod-font-size) !important;}
.encabezado_d2 div > .datos li { visibility:var(--main-visiblity-encabezadoD2-datos); display:var(--main-display-encabezadoD2-datos); margin-left:0px; margin-right:5px; width:auto; float:var(--main-datos-li-encabezadod-float); color:var(--main-datos-li-encabezadod-color) !important; font-size:var(--main-datos-li-encabezadod-font-size) !important;}



#menu_movil > .encabezado_d .datos {
    position: relative;
    display: block;
    height: auto;
    width: 80% !important;
    Float: right;}
#menu_movil > .encabezado_d .datos li {width:auto; float:var(--main-datos-li-encabezadod-float); color:var(--main-datos-li-encabezadod-color) !important; font-size:12px !important; margin:var(--main-margin-menor);}

@media only screen and (min-width :0px) and (max-width :500px) { /* Muestro el menu segun condision Responsive*/
	#menu_movil > .encabezado_d .datos {display: none;    visibility: hidden; }
	
	}


/*Redes iconos */	

.redes_sociales {width: auto !important; margin:var(--main-margin-principal); height:auto !important; min-height:none !important; float: left;}

.redes_sociales a {
    display: block !important;
    float: right;
	width: var(--main-altura-redes-a) !important;
    height: var(--main-altura-redes-a) !important;
	margin:var(--main-margin-menor) !important;
    padding: var(--main-padding-menor) !important;
    background-color:var(--main-background-color-redes-icono-principal) !important; 
	background-image:var(--main-background-image-iconos-redes-principal) !important;
    border:var(--main-border-redes) !important;
	Border-radius:var(--main-borde-radius-redes) !important;
	background-size: auto 100%;
    background-repeat: no-repeat;
	}
/*
.redes_sociales a img{ 
    width: var(--main-altura-redes-a) !important;
    height: auto !important;
    margin:var(--main-margin-menor);
    padding: var(--main-padding-menor);
    float: right;
  }
*/

.redes_sociales > .FanPage   {background-position:0;}
.redes_sociales > .Twitter   {background-position:calc( (var(--main-altura-redes-a) + var(--main-margin-menor) + var(--main-padding-menor) ) * -1);}
.redes_sociales > .Linkedin  {background-position:calc( (var(--main-altura-redes-a) + var(--main-margin-menor) + var(--main-padding-menor) ) * -2);}
.redes_sociales > .Blogspot  {background-position:calc( (var(--main-altura-redes-a) + var(--main-margin-menor) + var(--main-padding-menor) ) * -3);}
.redes_sociales > .Youtube   {background-position:calc( (var(--main-altura-redes-a) + var(--main-margin-menor) + var(--main-padding-menor) ) * -4);}
.redes_sociales > .E-shop    {background-position:calc( (var(--main-altura-redes-a) + var(--main-margin-menor) + var(--main-padding-menor) ) * -5);}
.redes_sociales > .Wikipedia {background-position:calc( (var(--main-altura-redes-a) + var(--main-margin-menor) + var(--main-padding-menor) ) * -6);} 
.redes_sociales > .Google    {background-position:calc( (var(--main-altura-redes-a) + var(--main-margin-menor) + var(--main-padding-menor) ) * -7);}
.redes_sociales > .Instagram {background-position:calc( (var(--main-altura-redes-a) + var(--main-margin-menor) + var(--main-padding-menor) ) * -8);}
.redes_sociales > .WhatsApp  {background-position:calc( (var(--main-altura-redes-a) + var(--main-margin-menor) + var(--main-padding-menor) ) * -9);}


	
.encabezado_d div > .redes_sociales {float:var(--main-float-redes-encabezadod); margin:var(--main-margin-menor);}
.encabezado_d div > .redes_sociales a {width: var(--main-altura-redes-a-encabezadod) !important; height: var(--main-altura-redes-a-encabezadod) !important;}
.encabezado_d div >.redes_sociales > .FanPage   {background-position:0;}
.encabezado_d div >.redes_sociales > .Twitter   {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -1);}
.encabezado_d div >.redes_sociales > .Linkedin  {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -2);}
.encabezado_d div >.redes_sociales > .Blogspot  {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -3);}
.encabezado_d div >.redes_sociales > .Youtube   {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -4);}
.encabezado_d div >.redes_sociales > .E-shop    {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -5);}
.encabezado_d div >.redes_sociales > .Wikipedia {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -6);} 
.encabezado_d div >.redes_sociales > .Google    {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -7);}
.encabezado_d div >.redes_sociales > .Instagram {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -8);}
.encabezado_d div >.redes_sociales > .WhatsApp  {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -9);}

.encabezado_d div > .redes_sociales {
	visibility:var(--main-visiblity-encabezadoD-redes);
	display:var(--main-display-encabezadoD-redes);
	float:var(--main-float-redes-encabezadod2); margin:var(--main-margin-menor);}
	
.encabezado_d2 div > .redes_sociales {
	visibility:var(--main-visiblity-encabezadoD2-redes);
	display:var(--main-display-encabezadoD2-redes);
	float:var(--main-float-redes-encabezadod2); margin:var(--main-margin-menor);}


.encabezado > .redes_sociales {
visibility:var(--main-visibility-redes-en-encabezado);
display:var(--main-block-redes-en-encabezado);
float:var(--main-float-redes-en-encabezado)}


/*Categorias */






#menu_movil span > .redes_sociales {float:var(--main-float-redes-encabezadod2) !important; margin:calc(var(--main-margin-principal) / 1);}

#menu_movil > .redes_sociales {float:var(--main-float-redes-encabezadod2) !important; }
#menu_movil > .redes_sociales a {width: var(--main-altura-redes-a-encabezadod) !important; height: var(--main-altura-redes-a-encabezadod) !important;}

#menu_movil > .redes_sociales > .FanPage   {background-position:0;}
#menu_movil > .redes_sociales > .Twitter   {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -1);}
#menu_movil > .redes_sociales > .Linkedin  {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -2);}
#menu_movil > .redes_sociales > .Blogspot  {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -3);}
#menu_movil > .redes_sociales > .Youtube   {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -4);}
#menu_movil > .redes_sociales > .E-shop    {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -5);}
#menu_movil > .redes_sociales > .Wikipedia {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -6);} 
#menu_movil > .redes_sociales > .Google    {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -7);}
#menu_movil > .redes_sociales > .Instagram {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -8);}
#menu_movil > .redes_sociales > .WhatsApp  {background-position:calc( (var(--main-altura-redes-a-encabezadod) + var(--main-margin-menor) + var(--main-padding-menor) ) * -9);}



@media only screen and (min-width :0px) and (max-width : 390px){#menu_movil > .redes_sociales {visibility:hidden; display:none; } }

/*------------------ Titulos por clase------------------*/





/*-------------------- GALERIA PARAMETROS SI MUESTRA O NO DESCRIPCION ---------------------*/

.galeria_simple {width:calc(100% -  var(--main-margin-principal) - var(--main-padding-principal) ); margin: var(--main-margin-principal); padding:var(--main-padding-principal);  }

.galeria_sin_descripcion {POSITION: RELATIVE; height:60%;	max-height:650px;	}
.galeria_sin_descripcion span {visibility:hidden; display:none; } /*oculto descripcion */
.galeria_sin_descripcion img {
	margin-top: 0px;
    display: block !important;
    position: relative;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
   }

 .galeria { position: relative;    overflow: hidden; } 

/*------------------glaeria_clientes------------------*/
.galeria_clientes {	/*esta muestra span y logos */
	POSITION: RELATIVE;	
	margin: var(--main-margin-principal); 
	padding:var(--main-padding-principal);  
	background-color:var(--main-background-galeria-clientes);
	border:var(--main-border-galeria-clientes-span);
	border-radius:var(--main-border-radius-galeria-clientes-span);
	}
	
.galeria_clientes img {
    display: block !important;
	position: relative;
	max-width: 100% !important;  
    object-fit: contain !important;   
    background:var(--main-background-galeria-clientes-logo);
   }	
   	
.galeria_clientes span{   
	position:relative;
    visibility: visible;
    display: block;
    height: auto;
    width: 100%;
    min-height: 150px;
    background: var(--main-background-galeria-clientes-span);
	}

.galeria_clientes span h3 { color: var(--main-texto-color-galeria-clientes-h3) !important;}		
.galeria_clientes span p {  color: var(--main-texto-color-galeria-clientes-p) !important; }	
	

.galeria_clientes span h3, .galeria_clientes span p  { 
    text-align:center;
    text-transform: uppercase;
    FONT-WEIGHT: 100;
	}	

.galeria_clientes_sin_logo {	
	POSITION: RELATIVE;	
	margin: var(--main-margin-principal); 
	padding:var(--main-padding-principal);  
	background-color:var(--main-background-galeria-clientes-sin-logo);
	}
	
.galeria_clientes_sin_logo img {
    display: none !important;
	visibility:hidden;
   }	   
	
.galeria_clientes_sin_logo span{   
	position:relative;
    visibility: visible;
    display: block;
    height: auto;
    width: 100%;
    min-height: 150px;
    background: var(--main-background-galeria-clientes-sin-logo-span);
	}

.galeria_clientes_sin_logo span h3 { 
	color: var(--main-texto-color-galeria-clientes-sin-logo-h3) !important;
	font-size:var(--main-texto-size-galeria-clientes-sin-logo-h3);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	height: 50px; /*medida a ojo*/
	margin: auto;
	}		
	
.galeria_clientes_sin_logo span p { 
	display:var(--main-display-galeria-clientes-sin-logo-p); 
	visibility:var(--main-visiblity-galeria-clientes-sin-logo-p);
	color: var(--main-texto-color-galeria-clientes-sin-logo-p) !important; }		

.galeria_clientes_sin_logo span h3, .galeria_clientes_sin_logo span p  { 
    text-align:center;
    text-transform: uppercase;
    
	}

		
@media only screen and (min-width :0px) and (max-width : 900px){.galeria_clientes {margin:10px;} .galeria_clientes span h3 {font-size:15px;} }	
@media only screen and (min-width :900px) and (max-width : 1300px){.galeria_clientes {margin:10px;} .galeria_clientes span h3 {font-size:18px;} }	
	
.galeria_sin_imagen_con_descripcion {	
	POSITION: RELATIVE;	
	margin: var(--main-margin-principal); 
	border:var(--main-border-galeria-galeria_sin_imagen_con_descripcion-general);
	border-radius:var(--main-border-radius-galeria-galeria_sin_imagen_con_descripcion-general);
	padding:var(--main-padding-principal);  
	background-color:var(--main-background-galeria-clientes-sin-logo);
	}
	
.galeria_sin_imagen_con_descripcion img {   display: none !important;	visibility:hidden;  }	   
	
.galeria_sin_imagen_con_descripcion span{   
	position:relative;
    visibility: visible;
    display: block;
    height: auto;
    width: 100%;
    min-height: 150px;
    background: var(--main-background-galeria-clientes-sin-logo-span);
	}

.galeria_sin_imagen_con_descripcion span h3 { 
	color: var(--main-texto-color-galeria-clientes-sin-logo-h3) !important;
	font-size:var(--main-texto-size-galeria-clientes-sin-logo-h3);
	margin: auto;
	}		
	
.galeria_sin_imagen_con_descripcion span p { color: var(--main-texto-color-galeria-clientes-sin-logo-p) !important; FONT-WEIGHT: 100;}		
.galeria_sin_imagen_con_descripcion span h3, .galeria_sin_imagen_con_descripcion span p  {  margin: var(--main-margin-principal);    text-align:left;    text-transform: uppercase;    
	}



	
/*------------------------------- Formulario, input dentro de esta categoria 	------------------------------------------*/	

*::-webkit-input-placeholder {    /* Google Chrome y Safari */    color:var(--main-color-formulario-input-placeholder);} 
*:-moz-placeholder {    /* Firefox anterior a 19 */    color:var(--main-color-formulario-input-placeholder);}
*::-moz-placeholder {    /* Firefox 19 y superior */    color:var(--main-color-formulario-input-placeholder);} 
*:-ms-input-placeholder {    /* Internet Explorer 10 y superior */    color:var(--main-color-formulario-input-placeholder);}


.formulario_index form {
    width: calc(100% - var(--main-margin-principal) - var(--main-padding-principal));
    height: auto;
    min-height: 570px;
    padding: var(--main-padding-principal);
	background-color: var(--main-background-formulario-form);
	background-image: var(--main-background-image-formulario-form);
	border:var(--main-border-formulario);
	border-radius:var(--main-border-radius);
	
}

.formulario_index form h1, .formulario_index form h2, .formulario_index form h3 { color:var(--main-color-formulario-text); }
.formulario_index form p{ text-align: left; margin-left: 0px; color:var(--main-color-formulario-text); }

.formulario_index form input[type="text"], .formulario_index form input[type="email"], .formulario_index select  { 
    width: calc(100% - var(--main-margin-principal) - var(--main-padding-principal));
    HEIGHT: 60PX;
    PADDING: var(--main-padding-principal); 
    margin: var(--main-margin-principal);
	padding-top:var(--main-padding-menor);
	padding-bottom:var(--main-padding-menor);
	margin-top:var(--main-margin-menor);
	margin-bottom:var(--main-margin-menor);
    background:var( --main-background-formulario-input);
	border:var(--main-background-formulario-input-border);	
	border-radius:var(--main-background-formulario-input-border-radius);
    color: var(--main-color-formulario-input-text);
	}
	
.formulario_index textarea {
	width: calc(100% - var(--main-margin-principal) - var(--main-padding-principal));
    height: 150px;
	PADDING: var(--main-padding-principal);
    margin: var(--main-margin-principal);
	border:var(--main-background-formulario-input-border);
	border-radius:var(--main-background-formulario-input-border-radius);
    background: var( --main-background-formulario-input);
    color: var(--main-color-formulario-input-text);}	
	
	
.formulario_index input[type="submit"] {
    width: auto;
    float: right;
    PADDING: var(--main-padding-principal);
    margin: var(--main-padding-principal);
    min-height: var(--main-altura-formulario-form-boton);
    border: none;
    color: var(--main-color-formulario-form-texto-boton);
    background: var(--main-background-formulario-form-boton);
    font-size: 14px;
    border-radius: 15px 15px 0px 15px;
    text-align: center;
    display: block;
    text-transform: uppercase;
	}
	
.formulario_index label  {display:none; visibility:hidden;
    width: 100%;
    margin: 1%;
    color: gray;
    font-size: 12px;
    height: 10px;
    display: block;
    float: left;
    line-height: 30px;
    font-weight: 700;}
	
	
	
.oculto, .escondido_form {visibility:hidden; display:none;}
/* .oculto_movil se activa segun proporciones de Pantalla, ver @media */
.ver_movil {visibility:hidden; display:none;}
 


	
	
	
	
/*------------------glaeria_clientes sin terminar------------------*/
.galeria_productos {
    margin: 19px;
    POSITION: RELATIVE;    
    HEIGHT: 500px !important;
    MIN-HEIGHT: 360PX !important;
    TEXT-ALIGN: LEFT;
    border: 1px solid rgb(220,220,220);
    border-radius: 100px;}
	
.galeria_productos span{
    visibility: visible;
    display: block;
    width: 100%;
    height: 41%;
    /* overflow: auto; */
    text-overflow: ellipsis;
    POSITION: absolute;
    bottom: 0;
    background: white;
    border-radius: 0px 0px 20px 20px;
}
	
.galeria_productos span h3 {
    color: gray;
    font-family: helvetica;
    font-size: 20px;
    text-align: LEFT;
    /* border-bottom: 1px solid ORANGE; */
    /* padding: 10px; */
    padding-bottom: 10px;
    text-transform: uppercase;
    FONT-WEIGHT: 700;
    LEFT: 0PX;}	
	
.galeria_productos span p {
    color: GRAY!important;
    font-family: helvetica;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    TEXT-ALIGN: LEFT;}	
	
.galeria_productos img {
    display: block !important;
    width: 100% !important;
    height: 60%;
    object-fit: cover;
    /* MARGIN: 15%; */
    TOP: 0PX;
    /* LEFT: 20PX; */
    background-position: top center;
    border-radius: 20px 20px 20px 20px;}

	

	
@media only screen and (min-width :0px) and (max-width : 900px){.galeria_productos {margin:10px;} .galeria_clientes span h3 {font-size:15px;} }	
@media only screen and (min-width :900px) and (max-width : 1300px){.galeria_productos {margin:10px;} .galeria_clientes span h3 {font-size:18px;} }	
	
/*----------------------Adaptacion movil para todas las galerias ----------------------*/



	
/*----------------------glaeria_principal texto flotante ----------------------*/	

.galeria_principal {
		position:relative; 
		/* margin-top: 100px;*/ 
		max-height:650px !important; 
		}

.galeria_principal img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background-position: center !important;
}

.galeria_principal span{
	position: var(--main-position-galeria-prinicipal-span); 
	visibility:var(--main-visibility-galeria-prinicipal-span);
	display:var(--main-display-galeria-prinicipal-span);
	width:var(--main-width-galeria-prinicipal-span);
	min-height:var(--main-min-height-galeria-prinicipal-span);
	top:var(--main-top-galeria-prinicipal-span);
	left:var(--main-left-galeria-prinicipal-span);
	right:var(--main-right-galeria-prinicipal-span);
	bottom:var(--main-bottom-galeria-prinicipal-span);
 	background-color:var(--main-background-galeria-prinicipal-span);
	border:var(--main-border-galeria-prinicipal-span);
	border-radius:var(--main-radius-galeria-prinicipal-span) ;
    margin: var(--main-margin-galeria-prinicipal-span);
	padding:var(--main-padding-principal);
	height: auto;
	overflow: auto;
	z-index: 1500;
	}
	
		
	
.galeria_principal span h1, .galeria_principal span h2, .galeria_principal span h3 {  color: var(--main-color-galeria-principal-span-h3) !important; font-size:var(--main-font-size-galeria-principal-span-h3);	}		
.galeria_principal span p {  color: var(--main-color-galeria-principal-span-h3) !important;  }	

	
@media only screen and (min-width :0px) and (max-width : 354px)
{	
.galeria_principal {	
    display: none;
    float: left;
    min-height: 1px;
  	height: 450px; }
}	
@media only screen and (min-width :355px) and (max-width : 605px)
{	
.galeria_principal {	    display: none;
    float: left;
   /* height: 390px;*/
    min-height: 1px;
   /* background: rgb(3,73,145); */}
   #galeria_departamento {height: 500px !important;width: 90% !important;}
	
}	

@media only screen and (min-width :0px) and (max-width : 720px){ 
.galeria_principal span{  width:calc( 100% - ( var(--main-margin-principal) * 4 ) ) !important; margin:auto; left:0px; right:0px;} 

}


#galeria_departamento {height:380px !important;}
	
#galeria_departamento div > .slick-slide img
{
    display: block;
    width:100%;
    height: 100%;
    object-fit: contain;
}

#miniaturas {height: 90px !important; background-color:#F5F5F5; margin-bottom: 10px !important;}

#miniaturas div  > .slick-track {width:100% !important;}
#miniaturas div div > .slick-slide {background-color: white; height:80px !important; width:80px !important; border: 1px solid var(--main-boton-articulo); margin: 5px;}
	
	
#miniaturas div > .slick-slide img
{
    display: block;
    width:100%;
    height: 100%;
    object-fit: contain;
}

/* Classes sin terminar*/ 
/* Pop Up Cambio declaracion de variables */ 


#popup {
	width: 100%;    height: 100%;
    position: fixed;
    z-index: 100;	
    background:var(--main-background--popup);    
    overflow: auto;
}	

#pop_imagenes {
    position: absolute;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 800px;
    height: 50%;
    padding: 50px;
}

#pop_imagenes img {
    max-width: 90%;
    max-height: 90%;
    margin: 5px;
    float: left;
    margin: 5px;
    padding: 5px;
    height: 30px;
}

#popup, #pop_imagenes , #pop_imagenes img {
	transition-property: all;
    transition-duration: 0.5s, 0.5s, 0.5s;
    transition-timing-function: linear, linear;
    transition-delay: 0s ,0.5s, 0.5s;
background: black;}

	
@media only screen and (min-width :0px) and (max-width :900px){	

#pop_imagenes {    width: 80%;    padding: 0px;    min-height: 60%;    /* height: auto; */} 
#pop_imagenes img {    width: 90%;    height: auto;    margin: 5%; } 

}


@media only screen and (min-width :0px) and (max-width : 800px){
	.ancho_fijo, .ancho_fijo_auto { width:100%; }
	.ancho_fijo_auto_pie {    Display:block;}
	#pie_de_pagina div div {
	position:relative;
	width:calc(100% - var(--main-margin-principal));
	min-height: var(--main-logo-pie) !important;
	}
}
	
/*articulo - Cambio Blog por articulo*/

.articulo { 
	position: relative;
	float: left;
    width:calc(( 100%  / var(--main-articulo-columnas-cantidad)) - ( var(--main-margin-principal) * 2 ) - 2px ) !important;
    min-height:var(--main-min-height-articulo);
    margin: var(--main-margin-principal);  
    padding: 0px;
    background: var(--main-background-articulo);
    border: var(--main-border-solid);
    border-radius:var(--main-border-radius);
	cursor:hand;
	}
	
.articulo, .articulo:hover { 	
	transition-property: all;
    transition-duration: 0.5s, 0.5s, 0.5s;
    transition-timing-function: linear, linear;
    transition-delay: 0s ,0s, 0s;
	}

.articulo:hover { transform: scale(1.05);  box-shadow: 0px 10px 10px rgb(220,220,220); }


.articulo div {width:100%; height:var(--main-height-articulo-div-img);}
.articulo div img {    height: 100%;	width:100%;	object-fit: contain;}
	   
.articulo span {
    width: calc( 100% - (var(--main-padding-principal) * 2 ));
    max-height:var(--main-height-articulo-span);
    float: left;
    padding:var(--main-padding-principal);
    z-index: 500;
    overflow: hidden;}
	
.articulo span h3 {  margin: 0;  color:var(--main-color-articulo-span-h3); font-size:var(--main-font-size-articulo-h3);)  }	
.articulo span p { text-align: left; margin: 0px; visibility: visibility;  display: block;}

.articulo a {
    width: 100px;
    height: 50px;
    font-size: 16;
    position: absolute !important;
    z-index: 500;
    LEFT: 0px;
    right: 0px;
    bottom: 10;
    margin: auto;
    padding: var(--main-padding-menor);
    color: WHITE;
    border: NONE;
    BACKGROUND: var(--main-boton-articulo);
    border-radius: 50px 50px 50px 50px;
    text-align: center;
    line-height: 50px;
    font-weight: 700;
}

pie_carro_n3 {display:none; visibility:hidden;}


@media only screen and (min-width : 1280px) and (max-width : 1690px)/*@media (max-width:1690px)*/{ :root { --main-articulo-columnas-cantidad:4; } }
@media only screen and (min-width : 1282px) and (max-width : 1401px)/*@media (max-width:1690px)*/{ :root { --main-articulo-columnas-cantidad:4; } }
@media only screen and (min-width : 1026px) and (max-width : 1281px)/*@media (max-width:1281px)*/{ :root { --main-articulo-columnas-cantidad:3; } }
@media only screen and (min-width : 901px) and (max-width : 1025px)/*@media (max-width:1025px)*/{  :root { --main-articulo-columnas-cantidad:3; }}
@media only screen and (min-width : 551px) and (max-width :900px){ :root { --main-articulo-columnas-cantidad:2; }}
@media only screen and (min-width :0px) and (max-width :550px){ :root { --main-articulo-columnas-cantidad:1; }}


.articulo_detalle_contendor {background-color:var(--main-background-contenedor-detalle-articulo);}
.articulo_detalle {background-color:var(--main-background-detalle-articulo);}
.articulo_detalle div > .titulo_n3 {width:100%; height:100%; margin-top:50px; }
.articulo_detalle div > .titulo_n3  a {color:var(--main-color-precio-articulo);}
.articulo_detalle > .columna_1 {width:calc( (100% / 2) - (var(--main-padding-principal) * 2)); float:left;     padding: var(--main-padding-principal); }
.articulo_detalle > .columna_2 {width:calc( (100% / 2) - (var(--main-padding-principal) * 2)); float:right;      padding: var(--main-padding-principal); }

.articulo_detalle h1, .articulo_detalle h2 ,.articulo_detalle h3 {color:var(--main-color-detalle-articulo-h); )}

.precio {  font-size: 25px;  color: var(--main-color-precio-articulo); }

.extra {
    width: calc((100% / 2 ) - ( var(--main-padding-principal) * 2));
    min-height: 100px;
    text-align: left;
    color: rgb(147,147,147);
    padding: var(--main-padding-principal);
    display: block;
    float: left;
	font-size: 16px;
	}

.boton_compra_ml {display:none; visibility:hidden; float:left;  background:var(--boton-ml-background); color:var(--boton-ml-color);  padding:var(--main-padding-principal); margin:var(--main-margin-principal);}
.boton_compra_mp {float:left;   display: block; background:var(--boton-ml-background); color:var(--boton-ml-color);  padding:var(--main-padding-principal); margin:var(--main-margin-principal);}

.boton_compra_whatsapp{  float:left;  display: block; background:var(--boton-whatsapp-background); color:var(--boton-ml-color);  padding:var(--main-padding-principal); margin:var(--main-margin-principal);}

.boton_compra_whatsapp_fijo { 
	position:fixed; 
	bottom:0px; 
	left:20px;
	float:left;
	visibility:hidden;	
	display: none;
	padding:var(--main-padding-principal); 
	margin:var(--main-margin-principal);
	transition-timing-function: linear, linear;
    transition-delay: 0s;
    transition-duration: 0.5s, 0.5s, 0.5s;
    -webkit-transform-style: all;
	cursor: pointer;
	}

.boton_compra_whatsapp_fijo a{
	visibility:hidden;
	display:none;
	float: left;
    background-color:none;
    color: var(--boton-ml-color);
    padding:calc(var(--main-padding-principal) / 2 );
    margin-left: var(--main-margin-principal);
    width: 120px;
	transition-timing-function: linear, linear;
    transition-delay: 0s;
    transition-duration: 0.5s, 0.5s, 0.5s;
    --webkit-transform-style: all;
	}

.boton_compra_whatsapp_fijo img{ 
	float:left;
	height:50px;
	}

.boton_compra_whatsapp_fijo:hover a{transition-timing-function: linear, linear;
    transition-delay: 0s;
    transition-duration: 0.5s, 0.5s, 0.5s;
    --webkit-transform-style: all;
	background: var(--boton-whatsapp-background);
	visibility:visible;	display:block; 
	
	} 

@media only screen and (min-width :0px) and (max-width :900px){ 
.articulo_detalle > .columna_1 {width:calc( 100% - (var(--main-padding-principal) * 2)) !important; float:left;  }
.articulo_detalle > .columna_2 {width:calc( 100% - (var(--main-padding-principal) * 2)) !important; float:right; }
.titulo_n3 {width:calc( 100% - (var(--main-padding-principal) * 2)) !important; height:100%; margin-top:50px !important;    padding: var(--main-padding-principal) !important; }
}

	
	
.menu-horizontal {
    margin-top: 120px;
    height: auto;
    min-height: 50px;
    width: 100%;
    background: rgb(230,230,230);}
	
.menu-horizontal a{
    height: 50px;
    width: auto;
    line-height: 50px;
    text-transform: uppercase;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    margin: 1px;
    float: left;
    background: var(--main-boton-articulo);
    font-size: 15px;}

.menu-horizontal h2 {
    display: block;
    width: auto;
    color: white;
    float: left;
    margin: 10px; margin-right:20px;}
	

.columna_1f {width:Calc( 60% - ( var(--main-padding-principal) + var(--main-margin-principal)) * 2); margin:var(--main-margin-principal); padding: var(--main-padding-principal);  float:left;}
.columna_2f {width:Calc( 40% - ( var(--main-padding-principal) + var(--main-margin-principal)) * 2); margin:var(--main-margin-principal); padding: var(--main-padding-principal); float:right;}
	


@media only screen and (min-width :0px) and (max-width : 900px){.columna_1f, .columna_2f {    width:Calc( 100% - ( var(--main-padding-principal) + var(--main-margin-principal)) * 2) !important;}}