html, body, #desarrollo { 
    width: 100%;
    font-family: Arial,calibri,Helvetica,sans-serif;
    font-size: 18px;
    /* height: max-content; */
} 



html { bORDER: 0PX SOLID GRAY; }


body{
    position: relative;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    background-size: cover;
    color: rgb(87,87,87);
    height: auto;
    background: rgb(47,47,47);
}

#popup {
      position: fixed;
    z-index: 100;
    background: rgba(250,250,250,0.95);
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-animation-name: opaco;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0s;
	
}	


#poptext {width: 80%;
    background: white;
    position: absolute;
    height: 600px;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: none;
    visibility: hidden;}

#imagenes {
    position: absolute;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 800px;
    height: 50%;
    padding: 50px;
	transition-property: all;
      transition-duration: 0.5s, 0.5s, 0.5s;
      transition-timing-function: linear, linear;
      transition-delay: 0s ,0.5s, 0.5s;
}

#imagenes img {
    max-width: 90%;
    max-height: 90%;
    margin: 5px;
    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;
    float: left;
    margin: 5px;
    padding: 5px;
    height: 30px;
}
	
@media only screen and (min-width :0px) and (max-width :900px){	

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

}

#encabezado span:hover img.evento_click:hover, .evento_click, .evento_click:hover div, .blog:hover  span , .blog, #encabezado a, #encabezado a:hover, .transparente_blanco:hover , .transparente_azul:hover h1, .transparente_azul, .blog_n3, .blog_n3:hover span a:after, .blog_n3 span a:after ,.blog_n3:hover span a , .blog_n3 span a  .blog_n3 div:hover, #pie_de_pagina a, #pie_de_pagina a:hover, .contenedor_2 div div:hover span, .contenedor_11:hover span, .contenedor_12:hover span, .contenedor_13:hover span, #redes_sociales_right a:hover img,#menu_movil div:hover span li, #menu_vertical_desplegable:hover div, .lista_productos li:hover, #slides:hover a, #slides:hover .icon-large, .boton:hover, .seccion_1_menu a:hover,/* .blog_n3 :hover span,  #encabezado a:hover , */ #menu_vertical_desplegable li:hover, #menu_vertical_desplegable li:hover ul, .blog_n3_compra span, .blog_n3_compra div:after , .blog_n3_compra div:before, .blog_n3_compra:hover span, .blog_n3_compra:hover div:after , .blog_n3_compra:hover div:before {
      transition-property: all;
      transition-duration: 0.5s, 0.5s, 0.5s;
      transition-timing-function: linear, linear;
      transition-delay: 0s ,0.5s, 0.5s;}

#encabezado a, #encabezado a:hover {	  
	  transition-property: all;
      transition-duration: 0.5s, 0.5s, 0.5s;
      transition-timing-function: linear, linear;
      transition-delay: 0s ,0s, 0s;}

#blog {visibility:hidden;}	

#login {
	display: block;
    visibility: hidden;
	overflow:auto;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0,0,0,0.8);
	}
	
.eliminar {
    position: relative;
    width: 100px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;}
.eliminar img{width:100%; height:auto;}	
.eliminar p, .cerrar {
    position: absolute;
    z-index: 1000;
    top: -20px;
    right: 0px;
    background: red;
    padding: 5px;
    z-index: 1000;
    color: white;
    font-size: 20;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    text-align: center;	
	}
	
	#div_adjunto {
    border: none;}
/**

	Tabla de colores y/o referencias 

	rgb(4,140,256) = azul claro <Parecido al logo>







*/


/*Fuentes */



a { text-decoration:none; color:rgb(0,0,0);}

a img{border:0px;}

h1,h2,h3 {  font-weight:700; font-family: arial, calibri;  margin: 20px;  color: rgb(47,47,47);}

h1 {
    display: block;
    /* FLOAT: LEFT; */
    margin: 10px;
    WIDTH: 100%;
    z-index: 0px;
    font-size: 40px;
    line-height: 60px;
   
    padding: 10px;
   }
   


   

@media only screen and (min-width :0px) and (max-width :300px){ h1 {
    font-size: 30px;
    line-height: 40px;
    width: 90%;}}
@media only screen and (min-width :301px) and (max-width :400px){ h1 {
    font-size: 35px;
    line-height: 50px;
    width: 90%;}}
	
h2 { display:block;  font-size:30px; }
h2 a {margin:10px;}
h2 span {font-size:0.5em;}
h3 {font-size:30px;}

p {  font-size: 18px;
    line-height: 1.5em;
    letter-spacing: -1px;
    word-spacing: 0.25em;
    margin: 20px;
	width:95%;
   }
 
@media only screen and (min-width :301px) and (max-width :400px){ p { width:90%}}
  
#encabezado,#menu_movil   {
    position: fixed;
    background:rgb(47,47,47);
    background-size: 100% 100%;
    }
	
#encabezado {        
    Position: relative;
    display: block;
    width: 100%;
    /* max-width: 100%; */
    /* min-height: 150px; */
    height: 110px;
    margin-top: 0px;
    /* background-image: url(../interfaz/encabezadofondo.png); */
    background-size: auto 100%;
    background-position: left top;
    background-repeat: no-repeat;
    z-index: 2;
    /* overflow: auto; */

}

#encabezado a {   
    width: 105px;
    height: 100px;
    display: block;
    float: left;
    text-align: left;
    text-transform: uppercase;
    line-height: 45px;
    /* margin: 5px; */
    /* margin-left: -5%; */
    margin-bottom: 50px;
    padding: 5px;
    margin-top: 0px;
    /* padding-left: 10px; */
    padding-right: 10px;
    color: gray;
    font-size: 12px;
    font-weight: 100;
    font-size: 17px;
    background: white;
	}
	
	
#encabezado form+a, #encabezado a+a  {
    width: auto;
    min-height: 20px;
    height: auto;
    display: block;
    float: right;
    text-align: left;
    text-transform: uppercase;
    /* line-height: 45px; */
    margin: 10px;
    margin-bottom: 0px;
    margin-top: 20px;
    /* margin-top: 50px; */
    padding: 0px;
    /* margin-top: -35px; */
    padding-left: 10px;
    padding-right: 10px;
    color: rgb(87,166,149);
    border-bottom: 1px solid gray;
    font-size: 12px;
    font-weight: 100;
    background: none !important;
    }
	
	
#encabezado a+a img{    
    height: 0px;
    width: 0px;
    margin: 10px;
    margin-top: 15px;
    border: 12px solid rgb(87,147,147);
    border-bottom: 0px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;}
	
	
@media only screen and (min-width : 900px) and (max-width :1200px) 
	{
	
	#encabezado a { padding-left: 10px;    padding-right: 10px;} 
	}
	

#encabezado a > span {display:none; visibility:hidden;
    display: none;
    visibility: hidden;
    /* z-index: -1000; */
    position: absolute;
    width: auto;
    min-width: 150px;
    min-height: 150px;
    height: auto;
    margin-top: 20px;
    color: white;
    text-align: left;
    padding: 10px;
    font-size: 12px;
    margin-left: -10px;
    background: #2b2b5d;}	
#encabezado a:hover > span {display:block; visibility:visible; }
#encabezado a:hover > span li{
    display: block;
    width: 100%;
    border-bottom: 1px white solid;
    min-height: 40px;
    line-height: 40px;
    height: auto;
    cursor: pointer; }
#encabezado a > span li:hover{background:rgba(0,0,0,0.2);}	
	
	
	
	
#encabezado a b{display:block;  transform:skew(0deg);}
#encabezado a img {
    /* margin-top: 35px; */
    z-index: 500;
    height: 100%;
    width: 100%;
    /* width: auto; */
    object-fit: contain;
    /* background-size: 50%; */
    }
#encabezado img { position:abosulte; z-index:0; float:left; left:0px; height:0px; width:50%; height:auto;  }
#encabezado div {/*Position:absolute; */ height:40px; font-size:12px; }
/*#encabezado div li{padding-left:10px; color:white; padding-right:10px; margin-top:10px; } borro porque se piza menu desplegable*/

#encabezado form {
    width: 200px;
    float: right;
    top: 20px;
    margin: 10px;
    margin-top: 20px;
    margin-bottom: 0px;
	
	}
	
	

#encabezado input[type="text"]  {
    width: 150px;
    height: 50px;
    background: white;
    border: 0px;}
#encabezado input[type="submit"]{
    width: 50px;
    height: 50px;
    background-image: url(../interfaz/iconos/lupa.png);
    border: 0px;
    background-size: cover;
    background-position: center;
	color: transparent;	
	}



#encabezado center > .ancho_fijo {
    width: 90%;
    left: 0px;
    right: 0px;
    margin: auto;
z-index: 50;}

.margin-top_f50 { margin-top:60px !important }


	
/*#encabezado div li{padding-left:10px; color:white; padding-right:10px; margin-top:10px; } borro porque se piza menu desplegable*/

/* lo remplazo por la clace boton_a  

#encabezado a:hover {background:white; color:rgb(1,126,240); border-bottom:10px solid rgb(1,126,240); }  

*/

.encabezado {    z-index: 500;    height: 100%;    left: 0px;    right: 0px;    margin-top: 0px;    margin: auto;  }  

.encabezado_d {    visibility: hidden;    display: block;    margin-top: 100px;    background: rgba(47,47,47,0.5); width:100%;}
  

.div_pie {min-height:300px; width:33% !important; background:white; border-bottom:1px solid gray;}
.div_pie div{    width: 80% !important;
    margin-left: 10%;
    text-align: center !important;}
	
.div_pie h1 {font-size:32px !important;   margin: 0px !important;  margin-top: 60px !important;}	
.div_pie p, .div_pie h1, .div_pie a {text-align:center !important;}	

.div_pie+.div_pie {background:rgb(47,47,47) !important; color:white !important;}
.div_pie+.div_pie h1, .div_pie+.div_pie p{color:white !important;}
.div_pie+.div_pie+.div_pie {background:white !important; color:rgb(47,47,47) !important; }
.div_pie+.div_pie+.div_pie h1, .div_pie+.div_pie+.div_pie p{color:rgb(47,47,47) !important;}

@media only screen and (min-width :0px) and (max-width : 900px)
{
.div_pie {width:100% !important;}

}

#pie_de_pagina {
    width: 100%;
    background: rgb(50,50,50);
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative; 
	border-top:1px solid gray;
	}
	
#pie_de_pagina a img{  
    Position: relative;
    max-width: 80%;
    top: 0px;
    margin-top: 0px;
    z-index: 2;
    margin-left: 10%;
    margin-right: 10%;}
#pie_de_pagina a {color: rgb(211,174,85);
    /* width: 50%; */
    /* font-size: 30px; */
    padding: 10px; }
#pie_de_pagina li a {padding:0px; margin:0px;}

#pie_de_pagina h1 { width: 100%;
    text-align: center;
    margin: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 35px;}
	
#pie_de_pagina span {width: 58%;    margin: auto;    display: block;}	


#pie_de_pagina div div {margin-top:10px; width:25%; float:left; }
	
#pie_de_pagina div div li {
    width: 100%;
    /* height: 120px; */
    float: left;
    list-style: violet;
    line-height: 18px;
    color: white;
    font-size: 13px;
    text-align: left;
    padding: 5px;
    /* margin-left: 20px; */
    /* font-style: italic; */
    font-family: 'Rubik', sans-serif;} 
#pie_de_pagina div div li p {color:white; margin-left:0px !important;}	
	

#pie_de_pagina h1, #pie_de_pagina p {color: black;
    text-align: left;
    font-size: 15px;
    margin: 5px;}
#pie_de_pagina h2 {color:red;}


/*.pie_de_pagina div {height:215px; }*/



@media only screen and (min-width :0px) and (max-width : 1300px){#pie_de_pagina div div {margin-top:10px; width:100%;} }	

	
.boton_contacto {
    font-weight: 700;
    color: white !important;
}	



/*.pie_de_pagina div {height:215px; }*/

.ancho_fijo_auto_pie {width:100% ; left:0px; right:0px; margin:auto; z-index:50;}
.ancla {   position: absolute;    margin-top: -200px;}

.datos_pie { 
    float: right;
    /* height: 100%; */
    width: 100%;
    /* margin-top: 4%; */
    background: rgb(81,131,207);
    color: white;
    font-size: 18px;
    text-align: left;}

.datos_pie div a img {width:80%; margin:10%; background:white; max-width:250px;}
	
.datos_pie div {    
	display: block;
    width: 25%;
    float: left;
    margin-top: 0;
    margin: 2%;
    MIN-WIDTH: 250PX;}	
	
.datos_pie li{    width: auto;
    padding: 5px;
    /* padding-left: 20px; */
    margin: 20px;
    font-weight: 700;
    font-family: 'Gotham', calibri;
    color: white;}
	
	
.datos_pie span{
    width: 100%;
    padding: 20px;
    padding-left: 50px;
    text-align: center; }

.datos_pie p, .datos_pie h1, .datos_pie h2 {color:white;}




#menu_movil {z-index:100;  width:100%; height:80px;  } 
#menu_movil {display:none; visibility:hidden; }

#menu_movil a {color:white; padding:2px;}
#menu_movil img {Position:absolute; width:80%; height:100px; z-index:0; left:0px; top:0px; float:left;  z-index:5;}
#menu_movil a img {Position:relative; height:45px; z-index:2; left:10px; top:15px; float:left;  width:auto; z-index:5;}
#menu_movil a h1 {margin-left:90px; margin-top:25px; width:auto;}

	@media only screen and (min-width : 200px) and (max-width :320px) 
	{

 #menu_movil a img {   Position: relative;
    height: 40px;
    z-index: 2;
    left: 10px;
    top: 25px;
    float: left;
    width: auto;
    z-index: 5;} }

	
#menu_movil div img {
    position: relative;
    BACKGROUND: rgb(87,166,149);
    width: 40px;
    height: auto;
    /* top: 0px; */
    /* bottom: 0px; */
    /* left: 0px; */
    /* right: 0px; */
    margin: 5px;
    z-index: 5;
    /* border: 1px solid rgb(254,215,0); */
    /* border-radius: 10px; */}

#menu_movil span{

position:absolute; display: block;
right:0x; top:67px; z-index:2;
height:0px; width:65%;      
padding:8px; padding-bottom:0px; margin:0px;  
font-size:15px; text-align: center;  color:white;

}



#menu_movil center img{width:40px;}

#menu_movil span li{
display:hidden; visibility:hidden; list-style:none;
position:relative;
width:95%; height:0px;  
right:0px;  
background:rgba(167, 197,181, 0.9); 
float:right;  margin:0px; margin-top:5px; font-size:18px; color:white; 
border-bottom:1px solid white;  line-height:50px;
				}
#menu_movil span li ul{ display:none; visibility:hidden;}
#menu_movil span li ul li{ background:rgb(180,150,120);}				
				
				
				
#menu_movil span li a{ display:block; margin-top:10px; margin-right:10px;}
#menu_movil div {
    float: right;
    width: 50px;
    height: 50px;
    /* background: white; */
    margin: 10px;
    margin-left: 0px;
    font-size: 20px; }


#menu_movil div:hover span li{height:70px;  display:block; visibility:visible; right:75%;  }

#menu_movil div:focus {display:none; visibility:hidden;}


#sub_menu, #desplegable  {
	position:fixed;
    display: block;
    right: -100%;
    top: 90px;
    z-index:100;
    height: 90%;
    width: 75%;
    max-width: 300px;
    overflow: auto;
    padding: 8px;
    padding-bottom: 0px;
    margin: 0px;
    font-size: 15px;
    text-align: center;
    color: white;
    background: rgba(0,0,0,0.9);
    overflow: auto;
    overflow-x: hidden;
    transition-timing-function: linear, linear;
    transition-delay: 0s;
    transition-duration: 1s, 1s, 1s;
    -webkit-transform-style: all;
}

#sub_menu li, #desplegable li { 
    min-height: 60px;
    transition-timing-function: linear, linear;
    transition-delay: 0s;
    transition-duration: 0.5s, 0.5s, 0.5s;
    -webkit-transform-style: all;
    list-style: none;
    position: relative;
    width: 100%;
    min-height: 40px;
    min-height: 60px;
    float: left;
   
    /* float: right; */
    margin: 1%;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 15px;
    color: black;
    /* border-bottom: 1px solid rgb(42,86,127); */
    line-height: 50px;
    margin-left: 1% !important;
    margin-top: 1% !important;
	text-transform: uppercase;
	}
	
	
#sub_menu span, #desplegable span{ 
    float: right;
    height: 50px;
    width: 50px;
    margin: 5px;
    color: white;
    /* border: 1px solid white; */
    /* border-bottom: 2px solid rgb(155,155,155); */
    border-radius: 50px;
    margin-bottom: 10px;}
#sub_menu span img, #desplegable span img{   
    float: left;
    width: 40px;
    /* margin: -20px; */
    /* margin-top: -20px; */}

	
#sub_menu li a, #desplegable li a{ width: 90%;
    min-height: 20px;
    height: auto;
    display: block;
    text-align: left;
    text-transform: uppercase;
    /* line-height: 45px; */
    margin: 5px;
    margin-bottom: 0px;
    margin-top: 0px;
    /* margin-top: 50px; */
    padding: 0px;
    /* margin-top: -35px; */
    padding-left: 10px;
    padding-right: 10px;
    color: rgb(87,166,149);
    border-bottom: 1px solid gray;
    font-size: 12px;
    font-weight: 700;
    font-size: 17px;
    background: none !important;}
#sub_menu li span, #desplegable li span{ float:left; height:50px; width:50px; background:none; border:none; }
#sub_menu li span img, #desplegable li span img{    
    height: 15px;
    height: 15px;
    width: 15px;
    margin: 15px;
    top: 10px;
    right: 0px;
    position: absolute;}

#sub_menu form, #desplegable form {
    width: 100%;
    float: right;
    /* top: -50px; */
    /* margin-top: -30px; */}

	
#sub_menu input[type="text"]  {
    width: 80%;
    height: 50px;
    background: rgb(220,220,220);
    border: 0px;}
	
#sub_menu input[type="submit"]{
    width: 20%;
    height: 50px;
    background-image: url(../interfaz/iconos/lupa.png);
    border: 0px;
    background-size: cover;
    background-position: center;}

	
#sub_menu2, #sub_menu3, #sub_menu4, #sub_menu5  {

    height: auto;
    position: relative;
    display: none;
    right: 0x;
    /* top: 67px; */
    z-index: 2;
    /* height: 100%; */
    width: 100%;
    /* padding: 8px; */
    padding-bottom: 0px;
    margin: 0px;
    font-size: 15px;
    text-align: center;
    color: white;
    background:none;
    overflow: auto;
    overflow-x: hidden;}

#sub_menu2 li, #sub_menu3 li, #sub_menu4 li , #sub_menu5 li{       list-style: none;
    position: relative;
    width: 100%;
    height: 70px;
    float: left;
    background: rgb(220,220,220);
    float: left;
    margin: 0%;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    color: black;
      border-bottom: 2px solid white;
    line-height: 50px;}
	
#sub_menu2 li a:hover {color:red; }	
	
.seccion_autoc_menu{clear:both; width:100%; height:130px;}	

#sub_menu_ingreso, #sub_menu_ingreso_datos   {
	position: absolute;
    display: block;
    right:-100%;
    top: 90px;
    z-index: 2;
    height:auto;	
    min-height: 550px;
	max-height:70%;
    width: 75%;
    max-width: 300px;
    overflow: auto;
    padding: 8px;
    padding-bottom: 0px;
    margin: 0px;
    font-size: 15px;
    text-align: center;
    color: white;
    background:white;
    overflow: auto;
    overflow-x: hidden;
    transition-timing-function: linear, linear;
    transition-delay: 0s;
    transition-duration: 1s, 1s, 1s;
    -webkit-transform-style: all;
	border-radius:25px;
	box-shadow:0px 0px 50px rgba(0,0,0,0.56);)
}
@media only screen and (min-height :0px) and (max-height :540px) 
	{
#sub_menu_ingreso, #sub_menu_ingreso_datos   {   min-height: 80%;    max-height: 80%; } }



#sub_menu_ingreso_datos  br+span {     height: 60% !important;
    max-height: 40% !important;    overflow: auto !important;    top: 160px;    background: none !important; }
	
@media only screen and (min-height :0px) and (min-height :540px) {
#sub_menu_ingreso_datos  br+span {   
    height: auto !important;
    max-height: 300px !important;
    overflow: hidden !important;
    top: 160px;
    background: none !important; } }
	
	

#sub_menu_ingreso  a , #sub_menu_ingreso_datos  a{WIDTH: 25PX;    height: 25px;    border-radius: 40px;    BACKGROUND: RGBA(200,0,104,0.5);    margin-top: 0px;}
#sub_menu_ingreso  a img, #sub_menu_ingreso_datos a img{    height: 25px;    width: auto;}
	
	

#sub_menu_ingreso  H1, #sub_menu_ingreso  H2 {    color: rgb(174,61,202);
    font-size: 25px;
    text-align: left;
    margin-left: 0px;
    FONT-FAMILY: Lato, sans-serif;
    WIDTH: 100%;
    padding: 0px;
    FLOAT: LEFT;
    TEXT-ALIGN: CENTER;
    line-height: 0px;
	}
#sub_menu_ingreso p {    color: darkgrey;
    display: block;
    float: left;
    text-align: center;
    font-weight: 100;
    width: 85%;}	
#sub_menu_ingreso  H2 { font-size:20px;}
	
	#sub_menu_ingreso input[type="submit"] { 
    width: 95%;
    height: 50px;
    float: left;
    padding: 5px;
    min-height: 40px;
    border: none;
    color: white;
    background: rgb(174,61,202);
    font-size: 18px;
    min-height: 40px;
    border-radius: 5px 5px 5px 5px;
    /* margin-left: 10%; */
    padding: 10px;
    text-align: center;
    display: block;
    text-transform: capitalize;
	
	}
	
	#sub_menu_ingreso input[type="text"] {   
    width: 100%;
    font-size: 14px;
    text-decoration: oblique;
    text-transform: capitalize;
    HEIGHT: 50PX;
    PADDING: 5px;
    /* margin: 1%; */
    border: 0px;
    /* background: rgb(255,255,252); */
    border: 2px solid rgb(220,220,220);}


	
	
#sub_menu_ingreso_datos  H1  {    
	color: rgb(174,61,202);
    font-size: 20px;
    text-align: left;
    margin-left: 0px;
    FONT-FAMILY: Lato, sans-serif;
    WIDTH: 100%;
    padding: 0px;
    FLOAT: LEFT;
    TEXT-ALIGN: CENTER;
    line-height: 0px;
    font-weight: 700;
    text-transform: uppercase; margin-top:40px;
	}
	
	#sub_menu_ingreso_datos  H2 {    color: rgb(174,61,202);
    color: rgb(174,61,202);
    font-size: 15px;
    text-align: left;
    margin-left: 0px;
    FONT-FAMILY: Lato, sans-serif;
    WIDTH: 100%;
    padding: 0px;
    FLOAT: LEFT;
    TEXT-ALIGN: CENTER;
    line-height: 0px;
    font-weight: 300;
    text-transform: uppercase;
	}

#sub_menu_ingreso_datos  H2 { font-size:16px;}
	
	
#sub_menu_ingreso_datos div {    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 1000;
    margin-top: -18px;
    left: -8px;
    background-size: cover;
    border-radius: 130px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#sub_menu_ingreso_datos p {text-align: left;
    font-size: 18px;
    background: 1px solid rgb(220, 220,220 );
    color: rgb(100, 100,100 );
    /* height: 55px; */
    /* margin: 12px; */}	

#sub_menu_ingreso_datos p b{font-size:12px;}
	
#sub_menu_ingreso_datos p img {float: left;
    /* border-bottom: 1px solid rgb(220, 220,220 ); */
    color: rgb(220, 220,220 );
    width: 50px;
    margin-right: 5px;
	}
	
#sub_menu_ingreso_datos span{
	background: rgb(230,230,230) !important;
    display: block;
    width: 110%;
    height: 80px;
    margin: 0px;
    margin-left: -10px;
    /* margin-top: -15px; */
    bottom: 0px;
    /* margin-bottom: -50px; */
    position: absolute;
    overflow: hidden;}

	
	#sub_menu_ingreso_datos input[type="submit"] {
    width: 48%;
    height: 100px;
    float: left;
    padding: 5px;
    min-height: 40px;
    border: none;
    color: gray;
    background: no-repeat;
    font-size: 18px;
    min-height: 40px;
    border-radius: 5px 5px 5px 5px;
    /* margin-left: 10%; */
    padding: 10px;
    text-align: center;
    display: block;
    text-transform: capitalize;
	}	
	
	
.seccion_autoc_menu{clear:both; width:100%; height:130px;}	



#redes_sociales {height:auto;}
#redes_sociales a img{     height: 40px;
    width: auto;
    margin-bottom: 15px;
    margin: 0px;
    margin-top: 10px;
     left: 0px;}
#redes_sociales li { width:auto; margin-bottom: 15px; float:left;}
#redes_sociales p{ font-size: 25px;
    color: white;
    line-height: 1em;
    letter-spacing: -1px;
    word-spacing: 0.25em;}
	
#redes_sociales_pie a img{ height:40px; width:auto; margin-bottom: 15px; padding:0px; }
#redes_sociales_pie p{display:block; width:auto; padding:5px; margin:5px; float:left; font-size: 18px;
    line-height: 1em;
    letter-spacing: -1px;
    word-spacing: 0.25em;}
	
#redes_sociales_right {	float: right;}
#redes_sociales_right, #redes_sociales_left {     
    /* height: 45px; */
    margin-right: 20px;
    margin-top: 5px;}	



#redes_sociales_left {    float: left;
    MARGIN: 20PX;
    width: 95%;
    background: rgb(110,163,46);}	


#redes_sociales_left a, #redes_sociales_right li { 
	display: block;
    width: auto;
    float: left;
    line-height: 30px;
    color: gray;
    height: 40px;
    text-align: center;
    margin-top: 0px;
    margin: 2px;
    padding: 2px 10px 0px 10px;
    border-left: 5px solid white;
    width: auto;
    /* list-style: circle; */
    /* border-left: 1px solid gray; */
    /* background: rgba(0,0,0,0.1); */
}	
#redes_sociales_right li img{ display:none; visibility:hidden;} 


#redes_sociales_right a { 
       display: block;
    width: auto;
    float: RIGHT;
    line-height: 30px;
    color: gray;
    height: 40px;
    text-align: center;
    margin-top: 0px;
    margin: 2px;
    padding: 2px 20px 0px 20px;
    width: auto;
    /* border-left: 1px solid gray; */
    /* background: rgba(0,0,0,0.1); */
	}


#redes_sociales_right a, #redes_sociales_left a {padding:0px;}
#redes_sociales_right a img, #redes_sociales_left a img{margin:0px;}

#redes_sociales_right a img { float: right;
    height: 20px;
    width: auto;
    margin-top: 8px;
    padding: 0px;}
#redes_sociales_left li a img{     float: left;
    height: 35px;
    width: auto;
    margin-top: 0px;
    padding: 0px;
    margin-top: -10px;
    padding: -10px;
    top: 0px;
}
#redes_sociales_right a:hover img, #redes_sociales_left a:hover img{ margin-top:-5px; border-bottom:5px solid rgb(0,0,0);}


#redes_sociales_left li {    width: auto;
    float: left;
    margin: 20px;
    color: white;
    margin-left: 0px;}
#redes_sociales_left li img {    z-index: 0;
    float: left;
    left: 0px;
    height: 0px;
    height: 60px;
    margin-right: 0px;
    margin-right: 5px;
    margin-top: -20px;
    /* height: auto; */}





#redes_sociales_right p{    font-size: 18px;
    line-height: 1em;
    letter-spacing: -1px;
    word-spacing: 0.25em;}
	
		

.redes_sociales {width: auto !important;    float: right;}

.redes_sociales a {
    display: block !important;
    width: auto;
    float: right;
    /* margin: 0px !important; */
    padding: 0px !important;
    margin-left: 0px !important;
    background: none !important;
    margin-right: 0px !important;
    margin-top: 10px !important;}

.redes_sociales a img{ 
    width: 30px !important;
    height: auto !important;
    margin: 5px !important;
    margin-top: 10px !important;
    float: right;
    /* background: none !important; */}
	
	
.encabezado > .redes_sociales a {margin-top:-20px !important;}

.encabezado > div {    width: 100px;    height: 100px;float: right;}
.encabezado > div img{float: right !important; margin-top: 20px;}
		
	
.lista_productos ul {Background:black; border:2px solid white; height:50px; margin-bottom:-10px;}
.lista_productos li {Background:red; border:1px solid white; height:40px; list-style:none; }
.lista_productos li, .lista_productos ul { color:white; font-size:20px;   font-style:bold;
									  letter-spacing: -1px; word-spacing:0.25em;}

								  
.lista_productos li:hover {Background:black; color:red; }

.menu_fondo{background:rgb(226,184,156);}

.menu_listado_horizontal h2 {display:BLOCK; float:left;  color: rgb(255,153,48);    padding: 0px;    margin: 8px;}
.menu_listado_horizontal li {    width: auto;
    height: auto;
    font-size: 13px;
    text-transform: uppercase;
    color: white;
    padding: 15px;
    margin: 5px;
    float: left;
    border: 1px solid rgb(220,220,220);
    background:black;
    border-radius: 5px;}	


	
									  
#desarrollo {
    background: black;
    padding-top: 10px;
    text-align: center;
    height: 50px;
    color: white;
    /* position: absolute; */}
#desarrollo a {color:white;}
#desarrollo img{width: 180px;} 







/* menu vertical listas */

/* menu vertical listas - DESPLEGABLE HACIA LA DERECHA */




#menu_vertical_desplegable_menu {
/* background: rgb(255,255,255);
    border-bottom: 2px solid rgb(250,209,46);*/
    color: rgb(47,47,47); 
     position: relative;
    float: right;
    width: auto;
    height: 80px;
    padding: 0;
    /* margin-left: 10px; */
    /* margin-right: 10px; */
    /* border: 0; */
    text-align: left;
	 display: block;
    font-size: 18px;	
	text-transform: uppercase; /*Texto en mayuscula*/
    color: rgb(47,47,47);
    margin-top: 28px;
	margin-left:5px;
	margin-right:5px;
      padding: 0px;
}

#menu_vertical_desplegable_menu li a {	margin-top: 5px;     } /*ingreso porque piza clase en encabezado*/


#menu_vertical_desplegable_menu h1 { 

    display: block;
    width: 80%;
    font-size: 18px;	
	text-transform: uppercase; /*Texto en mayuscula*/
    color: rgb(47,47,47);
    margin-top: 10px;
    float: left;
    padding: 0px;
	}
	
	
#menu_vertical_desplegable_menu img {   
 position: absolute;
    /* margin-right: -50px; */
     /* margin-right: -50px; */
    margin-left: 95%;
    margin-top: -30px;
    height: 30%;
    width: AUTO;
    /* float: right; */
	
    /* float: right; */}
#menu_vertical_desplegable_menu:hover img {margin-top:-25px;  }	
	

#menu_vertical_desplegable_menu ul, li {list-style: none; margin: 0; padding: 0; }

#menu_vertical_desplegable_menu ul {  position: relative;    z-index: 597;    float: left; }
#menu_vertical_desplegable_menu div {visibility:hidden; margin-top:0px;  display:none;	}
#menu_vertical_desplegable_menu:hover div {position:absolute; margin-top:-5px; z-index:500;  width:100%; visibility:visible;  display:block; }	
	




#menu_vertical_desplegable_menu ul li {
    float: left;
    min-height: 1px;
    line-height: 1em;
    vertical-align: middle;  padding:0px; 
}

#menu_vertical_desplegable_menu ul li.hover,
#menu_vertical_desplegable_menu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default; 
}

#menu_vertical_desplegable_menu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%; 
}

#menu_vertical_desplegable_menu ul ul li {
  float: none; 
}

#menu_vertical_desplegable_menu ul li:hover > ul {
  visibility: visible; 
  -webkit-animation-name:anima; /*Animacion*/
   -webkit-animation-duration: 1s;
   -webkit-animation-iteration-count: 1;
   -webkit-animation-direction: alternate;/*para que vuelva a su posicion inicial */
   -webkit-animation-delay: 0s;
}

#menu_vertical_desplegable_menu ul ul {
  top: 0;
  left: 100%; 
}

#menu_vertical_desplegable_menu ul li {
  float: none; 
}



#menu_vertical_desplegable_menu span, #menu_vertical_desplegable_menu a {
     display: inline-block;
    /* font-family: Arial, Helvetica, sans-serif; */
    /* font-size: 14px; */
    text-decoration: none;
}

#menu_vertical_desplegable_menu:after, #menu_vertical_desplegable_menu ul:after {
    content: '';
    display: block;
    clear: both; 
}

#menu_vertical_desplegable_menu ul, #menu_vertical_desplegable_menu li { /*Ancho total de Ul al div*/
    width:100%; 
}
#menu_vertical_desplegable_menu li { /*primer LI */
    background: rgb(225,225,225);
	border-bottom:1px solid white;
}
#menu_vertical_desplegable_menu li:hover { /*Hover primer LI */
    background:rgb(255,255,255);
	border-bottom:1px solid rgb(155,155,155);;	
}

#menu_vertical_desplegable_menu li:hover a {
    color:rgb(47,47,47);
}
#menu_vertical_desplegable_menu a { /*color de letra*/
    color:rgb(47,47,47);
    line-height: 160%;
   /* padding: 11px 28px 11px 28px;
    width: 144px;  Bloqueo por redes sociales*/ 
}
#menu_vertical_desplegable_menu ul ul li {/*segundo li*/
	color:white;
    background: #666666; 
	border-bottom: 1px solid white;
}
#menu_vertical_desplegable_menu ul ul li:hover { /*segundo li hover*/
    background: rgb(155,155,155);
	color:white;
}
#menu_vertical_desplegable_menu ul ul li:hover a {
    color: rgb(47,47,47); 
}
#menu_vertical_desplegable_menu ul ul li ul li {
    background:#b7b7b7; 
}
#menu_vertical_desplegable_menu ul ul li ul li:hover {
    background:#dddddd; 
}
#menu_vertical_desplegable_menu .has-sub {
    position: relative; 
}

#menu_vertical_desplegable_menu .has-sub:after, #menu_vertical_desplegable_menu .has-sub > ul > .has-sub:hover:after {
       content: '';
    display: block;
    width: 20%;
    height: 50%;
	background:none;
	color:white;
	font-size:40px;
	margin:3px;
    position: absolute;
	padding-top:15px;
	padding-left:15px;
    right: 0;
    top: 0;
}
#menu_vertical_desplegable_menu .has-sub > ul > .has-sub:after, #menu_vertical_desplegable_menu .has-sub:hover:after {
    background-image: url(right.png); 
}

#menu_vertical_desplegable_menu ul ul li ul li:after {display:none; visibility:hidden;} /*Bloqueo el ultimo After*/
#menu_vertical_desplegable_menu ul ul li ul li a {width:100%;}







/* menu vertical listas */



#menu_vertical_desplegable {
background: rgb(255,255,255);
    border-bottom: 2px solid rgb(250,209,46);
    color: rgb(47,47,47);
    position: relative;
    float: left;
    width: 89%;
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    /* border: 0; */	
	    text-align: left;
}

#menu_vertical_desplegable ul li{     width: 92%;
    padding: 10px;
    margin: 0.1%;
    line-height: 10px;} 
#menu_vertical_desplegable li a {	margin-top: 5px;     } /*ingreso porque piza clase en encabezado*/


#menu_vertical_desplegable h1 { 

    display: block;
    width: 80%;
    font-size: 18px;	
	text-transform: uppercase; /*Texto en mayuscula*/
    color: rgb(47,47,47);
    margin-top: 10px;
    float: left;
    padding: 0px;}
#menu_vertical_desplegable h1 img {   
 position: absolute;
    /* margin-right: -50px; */
    margin-left: 87%;
    margin-top: -5px;
    height: 70%;
    width: AUTO;
	
    /* float: right; */}

#menu_vertical_desplegable ul, li {list-style: none; margin: 0; padding: 0; }

#menu_vertical_desplegable ul {  position: relative;    z-index: 597;    float: left; }
#menu_vertical_desplegable div {visibility:hidden; margin-top:0px;  display:none;	}
#menu_vertical_desplegable:hover div {position:absolute; margin-top:50px; z-index:500;  width:100%; visibility:visible;  display:block; }	





#menu_vertical_desplegable ul li.hover,
#menu_vertical_desplegable ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default; 
}

#menu_vertical_desplegable ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%; 
}

#menu_vertical_desplegable ul ul li {
  float: none; 
}

#menu_vertical_desplegable ul li:hover > ul {
  visibility: visible; 
  -webkit-animation-name:anima; /*Animacion*/
   -webkit-animation-duration: 1s;
   -webkit-animation-iteration-count: 1;
   -webkit-animation-direction: alternate;/*para que vuelva a su posicion inicial */
   -webkit-animation-delay: 0s;
}

#menu_vertical_desplegable ul ul {
  top: 0;
  left: 100%; 
}

#menu_vertical_desplegable ul li {
  float: none; 
}



#menu_vertical_desplegable span, #menu_vertical_desplegable a {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none; 
}

#menu_vertical_desplegable:after, #menu_vertical_desplegable ul:after {
    content: '';
    display: block;
    clear: both; 
}

#menu_vertical_desplegable ul, #menu_vertical_desplegable li { /*Ancho total de Ul al div*/
    width:100%; 
}
#menu_vertical_desplegable li { /*primer LI */
    background: rgb(225,225,225);
	border-bottom:1px solid white;
}
#menu_vertical_desplegable li:hover { /*Hover primer LI */
    background:rgb(255,255,255);
	border-bottom:1px solid rgb(155,155,155);;	
}

#menu_vertical_desplegable li:hover a {
    color:rgb(47,47,47);
}
#menu_vertical_desplegable a { /*color de letra*/
    color:rgb(47,47,47);
    line-height: 160%;
   /* padding: 11px 28px 11px 28px;
    width: 144px;  Bloqueo por redes sociales*/ 
}
#menu_vertical_desplegable ul ul li {/*segundo li*/
	color:white;
    background: #666666; 
	border-bottom: 1px solid white;
}
#menu_vertical_desplegable ul ul li:hover { /*segundo li hover*/
    background: rgb(155,155,155);
	color:white;
}
#menu_vertical_desplegable ul ul li:hover a {
    color: rgb(47,47,47); 
}
#menu_vertical_desplegable ul ul li ul li {
    background:#b7b7b7; 
}
#menu_vertical_desplegable ul ul li ul li:hover {
    background:#dddddd; 
}
#menu_vertical_desplegable .has-sub {
    position: relative; 
}

#menu_vertical_desplegable .has-sub:after, #menu_vertical_desplegable .has-sub > ul > .has-sub:hover:after {
       content: '';
    display: block;
    width: 20%;
    height: 50%;
	background:none;
	color:white;
	font-size:40px;
	margin:3px;
    position: absolute;
	padding-top:15px;
	padding-left:15px;
    right: 0;
    top: 0;
}
#menu_vertical_desplegable .has-sub > ul > .has-sub:after, #menu_vertical_desplegable .has-sub:hover:after {
    background-image: url(right.png); 
}

#menu_vertical_desplegable ul ul li ul li:after {display:none; visibility:hidden;} /*Bloqueo el ultimo After*/
#menu_vertical_desplegable ul ul li ul li a {width:100%;}



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

#contenedor {   
    width: 100%;
    height: 100%;
    top: 150px;
    right: 0px;
    height: auto;
    /* overflow: SCROLL; */
    /* overflow-x: hidden; */
    position: absolute;
    background-repeat: no-repeat;
    background-color: white;
    z-index: 1;
    background-size: cover;
    /* background-position: -50% center;*/
}

.seccion_auto {overflow:hidden; width:100%; min-height:70%; margin:0px; 
	  background-size:cover ;
    background-repeat: no-repeat;
    background-position: center center;
	 /*  min-height: 100%;  aGREGUE EN JOSANA*/
	
	}

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

.absolute {position:absolute;}
.relative {position:relative;}
.center {left:44%; margin-left:auto; margin-right:auto;}

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



.titulo {   height: auto !important;    min-height: 0px !important;    margin: 0px;    margin-bottom: -10px;}
.titulo hr {display:none; visibility:hidden;}




.diseno_formulario  {   
    position: relative;
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    z-index: -2;}
	
	
.diseno_formulario, .diseno_2 {
	position: unset;
    min-height:40%;
    width: 100%;
    /* display: block; */
    top: 0px;
    z-index: 500;
	}
   
/*.diseno_1 {margin-top:100px;}*/

.diseno_1 {   
    position: relative;
    background-blend-mode: overlay;
    background-size: cover;
    background-position: top;
    z-index: -2;
    min-height: 70%;
	} 
  
.diseno_1 div span {color:rgb(47,47,47); width:70%; margin:0%;}
.diseno_1 div span p{
    margin: 0px;
    margin-left: 20px; }

.diseno_1 div > .titulo {TEXT-ALIGN:CENTER; COLOR:orange; FONT-WEIGHT:700; /* padding:10px;  margin-top:50px;*/ }
  
  
.diseno_2 { position: unset; background-blend-mode: overlay; background-size:cover; background-position: center;  }
.diseno_2 div span {width:100%; margin:0%;}

.diseno_2 div > .titulo {background: none;  }
.diseno_2 div > .titulo h1 {   text-align: center;
    color:none;
    /* padding: 10px; */
    padding: 0px;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 90%; }
.diseno_2 div span p {float: left; }
.diseno_2 span  h1 {padding:5px; }

   
.diseno_3  { 
    position: RELATIVE;
    background-blend-mode: overlay;
    background-size: cover;
    background-position:center;
    MIN-HEIGHT: 500PX;
    z-index:0;}
	

	 
.diseno_3 div > .titulo {background: rgb(47,47,47);  }
.diseno_3 div > .titulo h1 {   text-align: center;
    color: white;
    /* padding: 10px; */
    padding: 0px;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 90%; }

.diseno_3 div div span {
    display: block;
    width: 100%;
    BACKGROUND: rgba(153,0,0,0.7);
    margin-top: 80px;
    color: white !important; }
.diseno_3 span  h1 { padding:5px; }
.diseno_3 span p {}

.diseno_3 span div {
    float: left;
    width: 90%;
    /* margin: 5%; */
    margin-top: 0px;
    /* min-height: 350px; */
	}


	


@media only screen and (min-width :0px) and (max-width : 960px){.diseno_3 DIV div, .diseno_3 span div{width:90% !important;} }

@media only screen and (min-width :0px) and (max-width : 372px){.diseno_3 {   MARGIN-TOP: -20PX;}}
@media only screen and (min-width :373px) and (max-width : 440px){.diseno_3 {   MARGIN-TOP: -25PX;}}
@media only screen and (min-width :441px) and (max-width : 600px){.diseno_3 {   MARGIN-TOP: -30PX;}}
@media only screen and (min-width :601px) and (max-width : 790px){.diseno_3 {   MARGIN-TOP: -35PX;}}
@media only screen and (min-width :791px) and (max-width : 1320px){.diseno_3 {   MARGIN-TOP: -40PX;}}
.diseno_4 {
    position: RELATIVE;
    background-blend-mode: overlay;
    background-size: cover;
    background-position: RIGHT TOP;
    MARGIN-TOP: -500PX;
    position: RELATIVE;
    background-blend-mode: overlay;
    background-size: cover;
    background-position: RIGHT TOP;
        MARGIN-TOP: 0PX;
  
}
	
.diseno_4 span {
	 color:white;  width:100%;
     }
	 
.diseno_4 span iframe, .diseno_4 span blockquote  {width:28% !important; margin:2% !important; float:left; } 
	 
	 
.diseno_4 div > .titulo { }
.diseno_4 div > .titulo h1 {  
    text-align: left;
    color: gray;
    /* padding: 10px; */
    padding: 0px;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 90%; }


.diseno_4 span  h1 {color: rgb(112,48,160); padding:5px; }
.diseno_4 span p {color: rgb(112,48,160);}
	
.diseno_4:after {    width: 100%;    height: 100px;    display: block;    content: "";} /*-------- Separacion en Rombo: altura bottom --------*/
	
@media only screen and (min-width :600px) and (max-width : 960px){.diseno_4 span iframe, .diseno_4 span blockquote {width:45% !important;} }	
@media only screen and (min-width :0px) and (max-width : 599px){.diseno_4 span iframe, .diseno_4 span blockquote, audio {width:90% !important;} }	

.diseno_5 {
    position: RELATIVE;
    background-blend-mode: overlay;
    background-size: cover;
    background-position: RIGHT TOP;
        MIN-HEIGHT:500PX;
    position: RELATIVE;
    background-blend-mode: overlay;
    background-size: cover;
    background-position: RIGHT TOP;
        MARGIN-TOP: 0PX;
}

	 
	 
.diseno_5 div > .titulo h1 { 
    text-align: left;
    color: gray;
    /* padding: 10px; */
    padding: 0px;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 90%; }


.diseno_7{ /* CLASE DESIGNADA PARA MOSTRAR FORMULARIO DE CONTACTO */
    position: RELATIVE;
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    MARGIN-TOP:0PX;
    MIN-HEIGHT:500PX;
    MARGIN-TOP: 0PX;
}
	 
	 
.diseno_7 div > .titulo h1 { text-align: center;    color:ORANGE;    /* padding: 10px; */    padding: 0px;    margin-top: 40px;    margin-bottom: 40px;    width: 90%; }
		
.diseno_7 div { margin-top: 50px;}
.diseno_7 div span div { background:white; margin:20px; padding:20px; margin-top: 50px;}

.diseno_7 div span div li {
    margin-top: 5px !important;
    font-size: 15px;    font-weight: 100;}
	
.diseno_7 div span div li b {    font-size: 16px;    color: rgb(42,86,127); }
		

.diseno_8 {
    position: RELATIVE;
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    MARGIN-TOP:0PX;
    MIN-HEIGHT:500PX;
    MARGIN-TOP: 0PX;
}
		
.diseno_8 span div {color:orange;}	
	

.iframe_redes {
      position: relative;
    /* left: 0px; */
    float: left;
    width: 33.2%;
    height: auto;
    min-height: 700px;
    margin: 0px;}
.iframe_redes iframe,.iframe_redes blockquote, .iframe_redes a{
      width: 350px !important;
    max-width: 90% !important;
    margin: 5%;
    position: absolute !important;
    top: 50px;
    left: 0px;
    right: 0px;
    margin: auto !important;}

@media only screen and (min-width : 1280px) and (max-width : 1690px)/*@media (max-width:1690px)*/{.iframe_redes { width: 33.3%  !important;  }}
@media only screen and (min-width : 1282px) and (max-width : 1401px)/*@media (max-width:1690px)*/{.iframe_redes { width: 33.3%  !important; }}
@media only screen and (min-width : 1026px) and (max-width : 1281px)/*@media (max-width:1281px)*/{.iframe_redes { width: 33.3%  !important; } }
@media only screen and (min-width : 901px) and (max-width : 1025px)/*@media (max-width:1025px)*/{.iframe_redes { width: 33.3%  !important; } }
@media only screen and (min-width : 551px) and (max-width :900px){.iframe_redes{ width: 50%  !important; } }
@media only screen and (min-width :0px) and (max-width :550px){.iframe_redes { width:100% !important; } }


.diseno_formulario span {color:white;  width:70%; margin:5%; }
.diseno_formulario span {
    color: white;
    width: auto;
    /* margin: 5%; */
    /* margin-top: -1%; */
    margin-left: 1%;
    float: left; max-width: 45%;}  

.diseno_formulario span  h1, .diseno_formulario span  h2 {color:white; padding:5px; }

.diseno_formulario span  h2 { font-size: 50px;      margin-bottom: 0px;}
.diseno_formulario span  h1 {  font-size: 80px;   margin-top: 0px; }
.diseno_formulario span p {color:white;}
.diseno_formulario span li {color:rgb(112,48,160);}

@media only screen and (min-width :0px) and (max-width : 599px){.diseno_formulario span{width:90% !important; max-width:90%; margin:4%; } }	




 
.galeria {    position: relative;    overflow: hidden;   } 
.galeria img {   
    position: relative;
    margin-top: 0px;
    top: 0px;
    bottom: 0px;
    display: inline;
    max-width: 100% !important;
    object-fit: cover !important;
    background-position: top !important;
    width: 100% !important;
    height: 100% !important;
    background: rgb(240,240,240);}
	
#galeria_departamento img {height: 300px !important;}
	
#galeria_12 {   
    position: absolute;
    overflow: hidden;
    MAX-HEIGHT: 100%;}

 
 
 .min-height_galeria {
    width: 100%;
    min-height: 70%;
    height: auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }

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

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




.formulario_pedido {
    margin-top: 20px !important;
    margin-bottom: 50px;
    z-index: 2000;
    height: 500px;
    padding: 10px;
    width: calc((100% / 4) - 20px);
    float: left;
    border: 2px solid rgb(220,220,220);
    border-radius: 10px;
    background: rgb(250,249,250)}
	
	.formulario_pedido input[type="text"], .formulario_pedido input[type="email"] {
    width: 97.5%;
    font-size: 12px;
    text-decoration: oblique;
    text-transform: capitalize;
    HEIGHT: 45PX;
    PADDING: 5px;
    margin: 1%;
    border: 1px;
    background: NONE;
    /* border-bottom: 2px solid rgb(220,220,220); */
    color: black;
    background: rgb(255,255,255);
}

@media only screen and (min-width : 1280px) and (max-width : 1690px)/*@media (max-width:1690px)*/{.formulario_pedido { width:calc((100% / 4) - 2% - 2px) !important;  }}
@media only screen and (min-width : 1282px) and (max-width : 1401px)/*@media (max-width:1690px)*/{.formulario_pedido { width: calc((100% / 3) - 2% - 2px) !important; }}
@media only screen and (min-width : 1026px) and (max-width : 1281px)/*@media (max-width:1281px)*/{.formulario_pedido { width:calc((100% / 3) - 2% - 2px)!important; } }
@media only screen and (min-width : 901px) and (max-width : 1025px)/*@media (max-width:1025px)*/{.formulario_pedido { width: calc((100% / 2) - 2% - 2px) !important; } }
@media only screen and (min-width : 551px) and (max-width :900px){.formulario_pedido { width: calc((100% / 2) - 2% - 2px)  !important; } }
@media only screen and (min-width :0px) and (max-width :550px){.formulario_pedido { width: 90% !important; } }

.formulario_index {
    /* position: relative; */
    margin-top: 0px !important;
    margin-bottom: 50px;
    /* right: 10%; */
    z-index: 2000;
    height: auto;
    /* min-height: 800px; */
    width: 350px;
    width: 90%;
    /* float: left; */
    /* margin-right: 5%; */
    /* margin: 15px; */}
	
.formulario_index_horizontal, .formulario_index_horizontal2   { width:100%; height: auto; width: 20%;}


.formulario_index form {
    width: 90%;
    height: auto;
    min-height: 570px;
    padding: 5%;
    margin: 5%;
    background: rgba(255,255,255,0.9);
    border-radius: 10px;
    /* box-shadow: 0px 10px 30px rgb(180,180,180); */
}

.formulario_index form h1 {Color:black;}

.formulario_index form p{     /* color: rgb(174,61,202); */
    /* font-size: 25px; */
    text-align: left;
    margin-left: 0px; }
.formulario_index form p b{font-size:30px; }

.formulario_index form input[type="text"], .formulario_index form input[type="email"] { 
    width: 97.5%;
    font-size: 14px;
    text-decoration: oblique;
    text-transform: capitalize;
    HEIGHT: 60PX;
    PADDING: 5px;
    margin: 1%;
    border: 1px;
    background: NONE;
    border-bottom: 2px solid rgb(220,220,220);
    }
	
.formulario_index input[type="submit"], .formulario_index_horizontal input[type="submit"], .formulario_index_horizontal2 input[type="submit"] {      width: 70%;
	
    height: 8%;
    float: left;
    padding: 5px;
    min-height: 40px;
    border: none;
    color: white;
    background:black;
    font-size: 14px;
    min-height: 40px;
    border-radius: 5px 5px 5px 5px;
    /* margin-left: 10%; */
    padding: 10px;
    text-align: center;
    display: block;
    text-transform: capitalize;
	
	}
	
 .formulario_index select , .formulario_index_horizontal select { 
    height: 50px;
    /* font-size: 20px; */
    float: left;
    margin-bottom: 10%;
    margin-left: 0px;
    padding: 5px;
    min-height: 40px;
    border: 0px;
    border-bottom: 2px solid rgb(220,220,220);
    /* color: rgb(200,200,200); */
    /* border-radius: 5PX; */
    background: none;
    color: GRAY;}
	
	
.formulario_index input[type="radio"] {HEIGHT: 30PX;
    WIDTH: 30PX;
    FLOAT: LEFT;}
	
.formulario_index_horizontal2 select, .formulario_index_horizontal select {width:100%; float:left;}	 .formulario_index select { width:100%; }


.formulario_index textarea { 
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
    background: none;
    color: white;}
	
.formulario_index label  {
    width: 80%;
    margin: 1%;
    color: gray;
    font-size: 12px;
    height: 80px;
    display: block;
    float: left;
    line-height: 30px;
    font-weight: 700;}
.formulario_index_horizontal label, .formulario_index_horizontal2 label {    width: 23.5%;    margin: 1%;    color: rgb(211,174,85);    font-size: 12px;    display: block;    float: left; }	
.formulario_index_horizontal2 label h1{color:white;     text-transform: uppercase;    font-family: sans-serif;    font-weight: 600;  font-family: sans-serif; } 
.formulario_index_horizontal2 select {
    height: 50px;
    /* font-size: 20px; */
    float: left;
    /* margin-bottom: 10%; */
    margin-left: 0px;
    padding: 5px;
    min-height: 40px;
    border: 0px;
    border-bottom: 2px solid rgb(174,61,202);
    /* color: rgb(200,200,200); */
    border-radius: 5PX;
}

/* adaptacion movil al final de la hoja */


/* Estilo de File */
.inputfile {
    width: 100%;
    height: 200px;
    opacity: 0;
    /* overflow: hidden; */
    position: relative;
    z-index: 1000;
    /* background: transparent; */
    /* border: 2px solid blue; */
}

.inputfile + label { max-width: 80%;
    height: 100px;
    font-size: 32px;
    font-weight: 700;
    text-overflow: ellipsis;
    background: rgba(100,100,100,0.1);
    color: white;
    margin: 5%;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* position: absolute; */
    margin-top: -150px;
    text-align: center;
    line-height: 80px;
    border: 3px dashed rgb(200,200,200);
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.iborrainputfile {
	font-size:32px; 
	font-weight:normal;
	font-family: 'Lato';
}


	
.oculto, .escondido_form {visibility:hidden; display:none;}
/* .oculto_movil se activa segun proporciones de Pantalla, ver @media */
.ver_movil {visibility:hidden; display:none;}
 
	


 input[type="radio"]:checked ~ .check { border: 5px solid #0DFF92;}
 input[type="radio"]:checked ~ .check::before{ background: #0DFF92;}
 input[type="radio"]:checked ~ label{ color: #0DFF92;}

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

.ancho_fijo{position: absolute;}
.ancho_fijo, .ancho_fijo_auto { width:80% ; left:0px; right:0px; margin:auto; z-index:50;}
.ancho_fijo_auto_pie {width:80% ; left:0px; right:0px; margin:auto; z-index:50;}

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

.galeria_sin_descripcion span {visibility:hidden; display:none; } /*oculto descripcion */


/*------------------glaeria_clientes------------------*/
.galeria_clientes {
    margin: 20px;
    POSITION: RELATIVE;
    HEIGHT: 200px !important;
    MIN-HEIGHT: 360PX;
    TEXT-ALIGN: LEFT;}
.galeria_clientes span{  
    visibility: visible;
    display: block;
    height: auto;
    /* overflow: auto; */
    text-overflow: ellipsis;
    /* POSITION: ABSOLUTE; */
    TOP: -20PX;
}
	
.galeria_clientes span h3 {    
    color: RGB(220,220,220) !important;
    font-family: helvetica;
    text-align: LEFT;
    border-bottom: 1px solid ORANGE;
    /* padding: 10px; */
    padding-bottom: 10px;
    text-transform: uppercase;
    FONT-WEIGHT: 100;
    LEFT: 0PX;}	
	
.galeria_clientes span p {
    color: GRAY!important;
    font-family: helvetica;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    TEXT-ALIGN: LEFT;}	
	
.galeria_clientes img {
    display: block !important;
    width: 80% !important;
    object-fit: contain !important;
    /* MARGIN: 15%; */
    TOP: 0PX;
    /* LEFT: 20PX; */}

	

	
@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;} }	
	
/*------------------glaeria_clientes------------------*/
.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 ----------------------*/



@media only screen and (max-width: 800px) and (min-width: 0px) { 
	/*.diseno_1 div div si no no funciona la galeria */ .diseno_2 div div, .diseno_3 div div, .diseno_4 div div, .diseno_6 div div, .diseno_7 div div, .diseno_7 div span, .diseno_8 div div {width: 95% !important; 
      margin-left: 2.5%;} 
	.galeria_clientes { MIN-HEIGHT: 180PX;} 	
	}
	
/*----------------------glaeria_principal texto flotante ----------------------*/	

.galeria_principal {position:relative; /* margin-top: 100px;*/ }
.galeria_principal span{
    visibility: visible;
    display: block;
    height: auto;
    /* overflow: auto; */
    text-overflow: ellipsis;
    position: absolute;
    top: 10%;
    left: 10%;
    /* background: red; */
    width: 650px !important;
    height: 150px !important;
    z-index: 1500;
    margin: 0px !important;
    text-align: left;  
	}
	
.galeria_principal span h3 {
    color: white !important;
    font-family: baskerville;
    text-align: center;
    /* border-bottom: 1px solid white; */
    padding: 10px;
    padding-bottom: 10px;
    text-transform: inherit;
    FONT-WEIGHT: 600;
    /* height: 80px; */
    margin: 10px;
    text-align: left;
    font-size: 45px;
    font-style: italic}	
	
.galeria_principal span p {
    color: white !important;
    font-family: baskerville;
    text-align: left;
    text-transform: uppercase;
    font-size: 16px;
    margin: 10px;
    background: rgb(3,73,145);
    padding: 10px;}	

	
@media only screen and (min-width :0px) and (max-width : 354px)
{	
.galeria_principal {	 display: none;
    float: left;
    min-height: 1px;
    background: rgb(3,73,145); 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); */}
}	


/*------------------- botones ----------------------*/
.boton_whatssapp {
    width: 40%;
    /* background-color: red; */
    display: block;
    padding: 3%;
    margin: 4%;
    background-blend-mode: overlay;
    float: left;
    height: 30px;
    background-color: none;
    background-image: url(../interfaz/iconos/fondo-whatsapp.png);
    background-position: -0.5px center;
    background-size: cover;
    border-radius: 10px;
}
	
.boton_2 {
    padding: 20px;
    background: rgba(0,0,0,0.5);
    color: white;
    border-radius: 10px;}	
	
.boton_1 {    background-color: rgb(87,166,149) !important; color: white !important;}	
.boton_1 a {color: white !important;}

pie_carro_n3 {width:100%; height:70px; position:absolute; bottom:0px; left:0px; background:rgb(240,240,240);}


pie_carro_n3 a{
    position: relative !important;
    left: 0px !important;
    right: 100% !important;
    bottom: 0px !important;
    margin: 5px !important;
    width: 100px !important;
    height: 50px !important;
    background: rgb(87,166,149);
    color: white !important;
    border-radius: 5px !important;
    border: 2px double white !important;
}

pie_carro_n3 input{
    width: 100px;
    height: 80%;
    margin: 2.5%;
    float: right;
    text-align: center;
    font-size: 20px;
    color: gray;
}




.boton_carrito {
    /* position: absolute !important; */
    left: 75% !important;
    right: 80% !important;
    /* bottom: 5px !important; */
    width: 50px !important;
    height: 50px !important;
    background: rgb(87,166,149);
    color: white !important;
    border: 5px double white !important;
}

.boton_carrito_text {
    padding: 5px;
    height: 50px !important;
    display: block;
    width: 100% !important;
    border-radius: 50px;
    text-align: center;
line-height: 50px;}



/*----------------------Articulos--------------------*/




.blog { 
      width:calc((100% / 4) - 2% - 2px) !important; /*Divido el div en 4 y les resto el margin x2 - el borde */
    min-height: 520px;
    margin: 1%;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
    position: relative;
    /* margin: 0%; */
    padding: 0px;
    background: white;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition-property: all;
    transition-duration: 0.5s, 0.5s, 0.5s;
    transition-timing-function: linear, linear;
    transition-delay: 0s ,0s, 0s;
    border: 1px solid rgb(220,220,220);
    border-radius: 5px;
	}




.blog:hover {   
    transform: scale(1.05);
    transition-property: all;
    transition: all .2s ease .2s;
    box-shadow: 0px 10px 10px rgb(220,220,220);
	 }

/*.blog_n3 span a:hover {   
    transform: scale(0.8);
    transition-property: all;
    transition: all .2s ease .2s;
    box-shadow: 0px 10px 10px rgb(220,220,220);
	 }	*/ 

.blog div {
    height: 50%;
	width:100%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
	   }
	   
.blog div img {
    height: 100%;
	width:100%;
	object-fit:contain;
    margin-left: auto;
    margin-right: auto;
	   }	   
	   
	   
.blog h1, .blog p, .blog_n3_compra h1, .blog_n3_compra p  { margin-top:15%; width:90%; color:rgb(229,255,248); text-align:center; font-size:32px;}



.blog span {
    width: 98%;
    min-height: 40%;
    float: left;
    padding: 1%;
    /* margin: 0.5%; */
    /* font-size: 32px; */
    z-index: 500;
    bottom: 70px;
    left: 0px;
    /* color: red; */
    /* background: rgba(0,0,0,0.2); */
    /* border-bottom: 3px solid rgb(51,156,255); */
    position: absolute;
    margin-bottom: 0px;
    overflow: hidden;}


.blog span h2, .blog_n3_compra span h2 {
    /*   font-family: 'Fjalla One', sans-serif; */
    color: rgb(55,113,200);
    /* padding-top: 20px; */
    /* padding-bottom: 15px; */
    Display: inline-block;
    font-size: 20px;
    /* width: 80%; */
    /* visibility: hidden; */
    /* position: absolute; */
    text-transform: uppercase;
    text-align: center;
    margin: 10px;
    margin-top: 5px;
    /* bottom: 0px; */
    /* text-decoration: underline; */
    /* text-decoration-style: initial; */
    /* border-bottom: double palevioletred; */
}	

.blog span h2 img, .blog span p img  {   float: left;
    display: block;
    position: relative;
    max-height: 40px;
    width: 40px;
    margin: 3px;
    margin-top: -5px;
    margin-left: 0px;
    /* background: red; */
    /* z-index: 1000; */}    
	
.blog span span p {
	font-size:18px; width:90%; margin-left:5%; padding:2px; 
	color:white; visibility:hidden; display:block;  
	position: absolute; margin-bottom:0px; bottom:0px; 
	}
	
	
.blog span p {     font-size: 16px;
    width: 90%;
    height: 55% !important;
    text-align: left;
    /* margin-left: 5%; */
    margin: 0px;
    padding-left: 10px;
    /* padding: 2px; */
    color: white;
    visibility: visibility;
    display: block;
    /* position: relative; */
    /* margin-bottom: 0px; */
    /* bottom: 0px; */
    color: gray;
    overflow: hidden;
    line-height: 25px;
	text-align:center;
	}
	
.blog span h3 {
    text-align: center;
    font-weight: 100;
    font-family: arial, calibri;
    margin: 20px;
    color: gray;
    font-size: 20px;
	margin-top:40px;
}
	
.blog li {  /* list-style: none; */
    margin: 10;
    /* padding: 10; */
    font-size: 15px; }

 .blog a {
    /* position: absolute; */
    width: 100px;
    height: 50px;
    /* padding: 10px; */
    font-size: 20px;
    position: absolute !important;
    /* line-height: 150%; */
    /* text-align: LEFT; */
    /* padding: 5px; */
    z-index: 500;
    LEFT: 0px;
    right: 0px;
    bottom:90px;
    margin: auto;
    /* margin-left: 5%; */
    color: rgb(87,166,149);
    /* background: white; */
    border: 5px double rgb(87,166,149);
    /* border-bottom: 0px; */
    border-radius: 50px 50px 50px 50px;
    text-align: center;
    line-height: 50px;
    font-weight: 700;
}

.blog span a {position:relative;}
	   
.blog a img{width: 95%; margin: 2.5%;}	   
	   

.blog span span {          
	font-size: 22px;
    bottom: 0px;
    width: 60%;
    color: rgb(174,61,202);
    height: 50px;
    padding: 10px;
    font-size: 18px;
    position: absolute;
    text-align: left;
    padding: 5px;
    z-index: 500;
    left: 0px;
    bottom: -5px;
    margin: auto;
    margin-left: 5%;
    /* background: red; */}	
	
.blog span span b {  font-size:18px; margin-left:1%;}	

.blog tencab {
    display: block;
    width: 95%;
	margin:1%;
    padding: 5px;
color: rgb(200,200,200);}

.blog tencab b{float:right;}
.blog tencab div, .adjunto {
    width: 30px;
    height: 30px;
    float: left;
    margin: 1%;
    border: 1px solid rgb(147,147,147);
    border-radius: 20px;
    /* background: red; */}
	
.blog > .eliminar {
    position: Absolute !important;
    width: 50px !important;
    height: 50px !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    bottom: 10px !important;
right: 0px !important;	}

.blog input[type="number"] {
    height: 40px;
    text-align: center;
    margin: 5px;}


@media only screen and (min-width : 1280px) and (max-width : 1690px)/*@media (max-width:1690px)*/{.blog { width:calc((100% / 4) - 2% - 2px) !important;  }}
@media only screen and (min-width : 1282px) and (max-width : 1401px)/*@media (max-width:1690px)*/{.blog { width: calc((100% / 3) - 2% - 2px) !important; }}
@media only screen and (min-width : 1026px) and (max-width : 1281px)/*@media (max-width:1281px)*/{.blog { width:calc((100% / 3) - 2% - 2px)!important; } }
@media only screen and (min-width : 901px) and (max-width : 1025px)/*@media (max-width:1025px)*/{.blog { width: calc((100% / 2) - 2% - 2px) !important; } }
@media only screen and (min-width : 551px) and (max-width :900px){.blog { width: calc((100% / 2) - 2% - 2px)  !important; } }
@media only screen and (min-width :0px) and (max-width :550px){.blog { width: 95% !important; } }


#resultado, #resultado:before, #resultado:after  {
    display: block;
    text-align: center;
    height: 100px;
    line-height: 100px;
    font-weight: 100;
    color: black;
    padding: 15px;
    width: calc(100% - 30px);
    }

#resultado {
    font-size: 30px;
    position: absolute;
    top: 0px;
    /* bottom: 0px; */
    margin: auto;
    background: rgb(240,240,240);
    font-weight: 700;
    color: rgb(87,166,149);}

#resultado:before {
    background: none;
    content: "Ya finalizamos, el total de su pedido es...";    
	line-height: 50px;
    font-size: 15px;
    /* background: red; */
    top: 0px;
}

#resultado:after{
    background: none;
    content: "Puede eliminar el producto, haciendo click en el boton verde. puede modificar las canitadades por producto, en el cuadro de texto debajo de la descripcion. para finalizar, confirme el pedido";    
    line-height: 20px;
    font-size: 15px;
    /* background: red; */
    bottom: 0px;
}

#realizar_pedido input[type="submit"]{
    width: 70%;
    height: 8%;
    float: left;
    padding: 5px;
    min-height: 40px;
    border: none;
    color: white;
    background: black;
    font-size: 14px;
    min-height: 40px;
    border-radius: 5px 5px 5px 5px;
    /* margin-left: 10%; */
    margin-top: 20px;
    padding: 10px;
    text-align: center;
    display: block;
    text-transform: capitalize;
	}

.e-commers {text-align:center;}

.e-commers > .blog {
    width: 98% !important;
    min-height: 80px;
    height: 80px;
    margin: 1%;
    margin-top: 10px;
    margin-bottom: 10px;
	}



.e-commers > .blog:hover {   
    transform: scale(1);
    transition-property: all;
    transition: all .2s ease .2s;
    box-shadow: 0px 10px 10px rgb(220,220,220);
	 }


.e-commers > .blog div {
    height: 100%;
	width:150px;
	Float:left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
	   }
	   

	   
.blog h1, .blog p, .blog_n3_compra h1, .blog_n3_compra p  { margin-top:15%; width:90%; color:rgb(229,255,248); text-align:center; font-size:32px;}



.e-commers > .blog span {
    width: 80%;
    height: 180px;
    float: left;
    /* padding: 1%; */
    /* margin: 0.5%; */
    /* font-size: 32px; */
    z-index: 500;
    bottom: 0px;
    left: 0px;
    /* color: red; */
    /* background: rgba(0,0,0,0.2); */
    /* border-bottom: 3px solid rgb(51,156,255); */
    position: relative;
    margin-bottom: 0px;
    overflow: hidden;}

	
	
.e-commers > .blog span p {    
    float: left;
    font-size: 16px;
    width: auto;
    height: 80px !important;
    text-align: left;
    /* margin-left: 5%; */
    margin: 0px;
    padding-left: 10px;
    /* padding: 2px; */
    color: white;
    visibility: visibility;
    display: block;
    /* position: relative; */
    /* margin-bottom: 0px; */
    /* bottom: 0px; */
    color: gray;
    overflow: hidden;
    line-height: 80px;
    text-align: center;
	}
	
.e-commers > .blog span h3 {
    text-align: center;
    font-weight: 700;
    font-family: arial, calibri;
    margin: 20;
    margin-top: 25;
    color: gray;
    float: right;
    display: block;
    width: auto;
}
	

	   
.e-commers > .blog > .eliminar {
    position: absolute !important;
    z-index: 1000;
    top: 5px;
    right: -95%;
    background: red;
    padding: 5px;
    z-index: 1000;
    color: white;
    font-size: 20;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 40px;
    text-align: center;
    line-height: 20px;
    border-color: white;
	}
	   



@media only screen and (min-width : 1280px) and (max-width : 1690px)/*@media (max-width:1690px)*/{.e-commers >.blog { width:95%  !important;  }}
@media only screen and (min-width : 1282px) and (max-width : 1401px)/*@media (max-width:1690px)*/{.e-commers >.blog { width:95%  !important; }}
@media only screen and (min-width : 1026px) and (max-width : 1281px)/*@media (max-width:1281px)*/{.e-commers >.blog { width: 95%  !important; } }
@media only screen and (min-width : 901px) and (max-width : 1025px)/*@media (max-width:1025px)*/{.e-commers >.blog { width: 95%  !important; } }
@media only screen and (min-width : 551px) and (max-width :900px){.e-commers >.blog { width:95%  !important; } }
@media only screen and (min-width :0px) and (max-width :550px){.e-commers >.blog { width: 95% !important; } }


/* mod_no fecha que esta fuera del periodo de la semana*/
.mod_no {background:white; }

	
/* mod_si fecha que esta dentro de la semana*/
.mod_si {
    background: rgb(170,212,0);
    border: 1px solid rgb(170,212,0) !important;}

	
/* mod_adjunto si tiene adjunto*/
.mod_adjunto {background:rgb(47,47,47); background-image:url(../interfaz/iconos/I_adjunto.png); background-size:cover; background-position:center;    position: relative;
}

.mod_no:before, .mod_si:before,	.mod_adjunto:before{
    width: 180px;
    height: 50px;
    padding: 5px;
    color: white;
    font-size: 12px;
    background: rgb(47,47,47);
    top: 46px;
    visibility: hidden;
    display: block;
    position: absolute;
    z-index: 1000; 
    border-radius: 3px;
	}
	
.mod_no:before {
    content: "Este articulo fue actualizado hace mas de una semana";
   }
	


.mod_si:before {
    content: "Actualizado en la ultima semana";
   }
	

.mod_adjunto:before {
    content: "Este Articulo incluye adjunto";
   }	
	
	

.mod_no:after, .mod_si:after, .mod_adjunto:after  {
    content: "";
	visibility:hidden;
    top: 27px;
    position: absolute;
    z-index: 1000;
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid rgb(47,47,47);
 }	
	
.mod_si:hover:before, .mod_si:hover:after, .mod_no:hover:before, .mod_no:hover:after, .mod_adjunto:hover:before, .mod_adjunto:hover:after {
    visibility: visible;}	

	
.archivo {
    position: relative;
    width: 20%;
    height: 30px !important;
    height: auto;
    /* Display: block; */
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;}
	
.archivo a  {color: white;
    font-size: 15px;
    display: block;
    width: 90%;
    margin: 5%;}
	
	
.archivo  img{ 
    width: 90%;
    height: auto;
    max-height: 90%;
    margin: 5%;
    object-fit: scale-down;}
	
.archivo p{
    width: auto;
    min-width: 180px;
	
    height: auto;
    padding: 20px;
    color: white;
    font-size: 15px;
    background: rgb(47,47,47);
    top: 60px;
    visibility: hidden;
    display: block;
    position: absolute;
    z-index: 1000;
    border-radius: 3px;
	}
	
.archivo p:after  {
    content: "";
    visibility: hidden;
    top: -20px;
    position: absolute;
    z-index: 1000;
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid rgb(47,47,47);
 }	
 
.archivo:hover p:after,.archivo:hover p   {
    visibility: visible;} 
	
/*.blog_n3 span span:after, .blog_n3_compra span span:after {    
    visibility: visible;
    content: 'hacer pedido ahora';
    text-transform: uppercase;
    height: auto;
    width: auto;
    float: left;
    font-size: 14px;
    padding: 10px;
    /* padding-left: 50px; 
    position: absolute;
    top: 28px;
    left: 0px;
    background: none;
    color:white;
    z-index: 0;}	

.blog_n3:hover span span:after{ color: rgb(255,153,48);	}
	
	*/
	

/*.blog_n3:hover span a {	left:-50%;}
	
	
.blog_n3:hover span a:after {
	
       visibility: visible;
    content: 'informacion';
    float: left;
    font-size: 22px;
    width: auto;
    height: auto;
    padding: 10px;
    padding-left: 50px;
    margin-top: -48px;
    margin-left: 10px;
    background: rgb(51,156,255);
    border: 1px solid gra;
    z-index: 0;}	*/
	
	
	
	/*Parametros para que vuelva a su posicion inicial */
.blog span h1 , .blog span, .blog span p	{transition-timing-function: linear, linear;
   transition-delay:0s;
   transition-duration: 0.5s, 0.5s, 0.5s;
   -webkit-transform-style: all;
   }
  .seccion_g3 > .blog_n3 {width:45% !important;} 

  /* 
.blog_n3 :hover span {
	  background:rgba(0,0,0,0.6);
	-webkit-transform-style: all;	  
	transition-timing-function: linear, linear;
     transition-delay:0s;
	transition-duration: 0.5s, 0.5s, 0.5s;
    } 
   
.blog_n3 :hover span  h1{ 
     visibility:visible; margin-bottom:30%; bottom:30%; 
	transition-timing-function: linear, linear;
     transition-delay:0,5s;
   transition-duration: 0.5s, 0.5s, 0.5s;
   -webkit-transform-style: all;   }
   
   
.blog_n3 :hover span p{
	visibility:visible;  margin-bottom:12%; bottom:15%; 
	transition-timing-function: linear, linear;
     transition-delay:0.4s;
   transition-duration: 0.5s, 0.5s, 0.5s;
   -webkit-transform-style: all;
    }*/

@media only screen and (min-width : 1280px) and (max-width : 1690px)/*@media (max-width:1690px)*/{.blog_n3 { width: 29%  !important;  }}
@media only screen and (min-width : 1282px) and (max-width : 1401px)/*@media (max-width:1690px)*/{.blog_n3 { width: 29%  !important; }}
@media only screen and (min-width : 1026px) and (max-width : 1281px)/*@media (max-width:1281px)*/{.blog_n3 { width: 29%  !important; } }
@media only screen and (min-width : 901px) and (max-width : 1025px)/*@media (max-width:1025px)*/{.blog_n3 { width: 29%  !important; } }
@media only screen and (min-width : 551px) and (max-width :900px){.blog_n3 { width: 45%  !important; } }
@media only screen and (min-width :0px) and (max-width :550px){.blog_n3 { width: 95% !important; } }




@media only screen and (min-width : 0px) and (max-width :750px)
{
	#menu_movil, .ver_movil  {visibility:visible; display:block; }
	.encabezado, #encabezado {visibility:hidden; display:none;}
	.menu-horizontal {margin-top:90px !important;}
	#contenedor {width:100%;}
}	
	
@media only screen and (min-width :0px) and (max-width:400px)
{		
	.boton_whatssapp {    width: 85%;
    margin: 0% !important;
    /* margin-left: 10% !important; */
    margin-right: 5% !important;
    margin-bottom: 5% !important;
    float: right;
    height: 60px}
	.formulario_index input[type="submit"] {width:90%; height: 60px;} 
	
	}

@media only screen and (min-width :0px) and (max-width : 800px)
{
	
	.ancho_fijo, .ancho_fijo_auto { width:90% }
	
	.oculto_movil {visibility:hidden; display:none;}

	
	 #desarrollo {height: auto; }
	#desarrollo a{color:white;}
	#desarrollo a b, #desarrollo  b{display:none; visibility:hidden;}
		

.datos_pie {width:100%; height:auto;}		
.as {width:100% !important;} /* utilizo para que la galeria Slick se optimize y no se achique las imagenes en el responsive solo en la que son varias imagene una al lado de la otra*/

.diseno_2 div div div {width:100% !important;}
.diseno_1 div div span, .diseno_2 div div span {width:100% !important;}
iframe div div div {width:none;}

.titulo h1 {font-size:25px;}


}

@media only screen and (min-width :0px) and (max-width : 550px)
{
	.diseno_formulario span  h1 {font-size:60px;}
	 .formulario_index, .formulario {    width: 80%;    margin: 8%;  }
	
	.left, .right, .galeria, iframe {    width: 100% !important;
    margin-top: 10px;
}}
	
	
	 
	.datos_pie div {width:80% !important; margin:10%;}
	 .formulario {position:relative; margin-top:-180px !important; position: relative;
    MARGIN-BOTTOM: 150PX; }	
	.formulario input[type="text"], input[type="submit"], select {width:90%; height:50px; float:left;}
	.formulario textarea {width:90%; height:100px; }
}

@media only screen and (min-width : 551px) and (max-width :900px)
{
	 .formulario {position:relative; margin-top:-180px !important; }	
	 .formulario_index, .formulario {width:400px !important; }
	 .datos_pie div {    margin: 10%;    margin-top: 0px;}
	 .diseno_formulario span {width:80%; max-width:80%; margin-left: 10%;}
}	


@media only screen and (min-width : 551px) and (max-width :900px)
{
	
	
	.ancho_fijo {width:95%;}
	.encabezado {width:100%;}
	
	
	.ver_movil  {visibility:visible; display:block; }
	.triangulo_11, .triangulo_12 {visibility:hidden; display:none;}	
}


@media only screen and (min-width : 901px) and (max-width : 1025px)
/*@media (max-width:1025px)*/{
		
	.oculto_movil {visibility:hidden; display:none;}
    .ver_movil  {visibility:visible; display:block; }
		

	#pie_de_pagina {min-height:450px;}
}








	
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{    
    font-size: 0;
    line-height: 0;
    position: absolute !important;
    top: 50% !important;
    display: block;
    width: 50px !important;
    height: 50px !important;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    /* color: transparent; */
    border: none;
    outline: none;
    background: black !important;
    z-index: 1000;
    border-radius: 80px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: rgba(0,0,0,0.5);
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -0px !important;
}
[dir='rtl'] .slick-prev
{
    right: -0px !important;
    left: auto;
}
.slick-prev:before
{
    content: '<';
}
[dir='rtl'] .slick-prev:before
{
    content: '>';
}

.slick-next
{
    right: -0px !important;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -0px;
}
.slick-next:before
{
    content: '>';
}
[dir='rtl'] .slick-next:before
{
    content: '<';
}

.slick-slide
{
	height:auto !important;	
    /*margin-bottom: 30px;*/
}

/* Dots */
.slick-slider
{
	height:auto !important;	
    margin-bottom:0px !important;
}

.slick-dots
{
    
    position: absolute;
    bottom: 20px !important;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background: rgba(247,247,247,0.5);
    border-radius: 20px;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*CLASES VIEJAS*/

.margin_principal {margin-top:70px;}
.margin_bottom  {margin-bottom:80px;}
.menu-horizontal {
    margin-top: 0px;
    height: auto;
    min-height: 80px;
    width: 100%;
    background: rgb(240,240,240);}
.menu-horizontal a{
    height: 50px;
    width: auto;
    line-height: 50px;
    text-transform: uppercase;
    color: rgb(87,166,149);
    padding-left: 20px;
    padding-right: 20px;
    margin: 1px;
    float: left;
    background: none;
    font-size: 15px;
    border: 2px double rgb(87,166,149);
    border-radius: 38px;
    margin-top: 10px;}

.menu-horizontal h2 {
    display: block;
    width: auto;
    color: white;
    float: left;
    margin: 10px; margin-right:20px;}
	
.menu-horizontal div:after{   content:''; clear: both;
    width: 100%;
    height: 1px;
    color: white;
    width: 100%;
    margin: 0px !important;
    padding: 0px !important; }	



.columna_1a {width:70%;}
.columna_3 {width:28%; 
    overflow: unset;}
.columna_2 {width:45%;}
.columna_4 {width:35%;}

@media only screen and (min-width :0px) and (max-width : 900px)
{
.columna_1a, .columna_2, .columna_3 {width:100%;}
.columna_4 {width:100%;}
}

.transparente_blanco {background:#fafafa;}

@media only screen and (min-width :0px) and (max-width :900px){.boton_compra_whatsapp { display:block;} }

.boton_compra_whatsapp_fijo { 
	position:fixed; 
	bottom:0px; 
	left:20px;
	float:left;
	visibility:visible;	
	display: block;
	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; 
	
	} 


.extras { background:rgb(220,220,220) !important;}
.extras p{text-aling:right !important; Border-bottom:1px solid black !important;}