/* 
#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 */



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






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


	







/* 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 {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 {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%;}



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









.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 > .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_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: white;
    /* padding: 10px; */
    /* padding: 0px; */
    /* 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_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; }


/*------------------- 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;}	
/*----------------------Articulos--------------------*/




.blog { 
      width:31% !important;
    min-height: 580px;
    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 img {
    height: 150px;
    padding: 10px;
    font-size: 32px;
    position: absolute;
    z-index: 500;
    left: 35%;
    top: -100px;
    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%;
    height: 75%;
    float: left;
    padding: 1%;
    /* margin: 0.5%; */
    /* font-size: 32px; */
    z-index: 500;
    bottom: 80px;
    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;}
	
.blog span h3 {
    font-weight: 700;
    font-family: arial, calibri;
    margin: 20px;
    color: rgb(33,68,120);
}
	
.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: 10;
    margin: auto;
    /* margin-left: 5%; */
    color: rgb(55,113,200);
    /* background: white; */
    border: 5px double rgb(55,113,200);
    /* 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; */}


@media only screen and (min-width : 1280px) and (max-width : 1690px)/*@media (max-width:1690px)*/{.blog { width: 29%  !important;  }}
@media only screen and (min-width : 1282px) and (max-width : 1401px)/*@media (max-width:1690px)*/{.blog { width: 29%  !important; }}
@media only screen and (min-width : 1026px) and (max-width : 1281px)/*@media (max-width:1281px)*/{.blog { width: 29%  !important; } }
@media only screen and (min-width : 901px) and (max-width : 1025px)/*@media (max-width:1025px)*/{.blog { width: 29%  !important; } }
@media only screen and (min-width : 551px) and (max-width :900px){.blog { width: 45%  !important; } }
@media only screen and (min-width :0px) and (max-width :550px){.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: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)
{
	
	.ver_movil  {visibility:visible; display:block; }
	.encabezado, #encabezado {visibility:hidden; display:none;}
	.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*/



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"] {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; }
	.encabezado, #encabezado, .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; }
		

}








	
@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_bottom  {margin-bottom:80px;}
.menu-horizontal {
    margin-top: 70px;
    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: rgb(47,47,47);
    font-size: 15px;}

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

@media only screen and (min-width :0px) and (max-width : 900px)
{
	.menu-horizontal {margin-top:90px;}
}

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