html, body, #desarrollo { /*Css Generales */
    width:100%; 
	font-family:Arial,calibri,Helvetica,sans-serif; 
	font-size:14px; 	
} 



html {

 bORDER: 0PX SOLID GRAY;
 overflow: hidden; 
}


body{
	margin:0px;
	padding:0px;
    overflow: hidden;
	background-size:100% auto;
	font-family: Lato, 'PT Sans', sans-serif; font-family: Lato, sans-serif;
	color: black;
}


#encabezado span:hover img.evento_click:hover, .evento_click, .evento_click:hover div, .e-servicios_index:hover  span,  .blog:hover  span , .blog, #encabezado a, #encabezado a:hover, .transparente_blanco:hover , .transparente_azul:hover h1, .transparente_azul, .e-producto, .e-producto:hover span a:after, .e-producto span a:after ,.e-producto:hover span a , .e-producto span a  .e-producto 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,/* .e-producto :hover span,  #encabezado a:hover , */ #menu_vertical_desplegable li:hover, #menu_vertical_desplegable li:hover ul {
      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; }
.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;	
	}
/**

	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 {    margin: 20px;    }

h1 {display: block;
    FLOAT: LEFT; margin:20px;
    WIDTH:95%;
	z-index:0px;
    font-weight: lighter;
    font-size: 32px;
   }
	
h2 {display:block;  font-weight:lighter;  }
h2 a {margin:10px;}
h2 span {font-size:0.5em;}
h3 {font-size:30px;}

p {font-size:15px;  
   line-height: 1.5em;
   letter-spacing:0.5px; word-spacing:0.25em; margin:20px;}
   
  
#encabezado,#menu_movil   {background:rgb(44,90,160);  
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;}
#encabezado {           Position: absolute;
    width: 100%;
    height: 100px;
    margin-top: -10px;
    z-index: 100;
}


#encabezado a  {    width: auto;
    /* height: 30px; */
    display: block;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    font-size: 14px;
    margin: 5px;
    margin-top: 10px;
    padding: 10px;
    /* border-radius: 8px; */
    /* margin-top: 0px; */
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    z-index: 1000;}

#encabezado a+a { 	color: WHITE;/*    background: rgb(211,141,95);  border: 1px solid rgb(255,238,170);*/	}
#encabezado a+a:hover {
    color: rgb(211,141,95);
    border-bottom: 5px solid rgb(255,238,170);
	background:NONE;
    /* box-shadow: 2px 2px 5px #999; */}	
	
#encabezado a b{display:block;  transform:skew(0deg);}
#encabezado a img {
    margin-top: -10px;
    z-index: 1;
    height: auto;
    height: 60px;
    width: auto;
    /* background: white; */
    padding: 20px;
    /* box-shadow: 0px 10px 50px rgba(0,0,0,0.2); */
    border-radius: 5px 5px 5px 5px;}
	
#encabezado img {      z-index: 0;
    float: left;
    left: 0px;
    height: 0px;
    height: 20px;
    margin: 5px;
    margin-right: 10px;
    /* margin-top: 0px; */
    /* height: auto; */
}
	
#encabezado div {    /* Position: absolute; */
    height: 50px;
    font-size: 15px;
    /* background: yellow; */
    color: red; }
	
#encabezado span a {color:WHITE;}	

 #encabezado span img{
    z-index: 0;
    float: left;
    /* left: 0px; */
    height: 0px;
    height: 15px !important;
    margin: 5px;
    margin-right: 5px;
    margin-top: 22px !important;
    /* height: auto; */
    transition-property: all;
    transition-duration: 0.5s, 0.5s, 0.5s;
    transition-timing-function: linear, linear;
    transition-delay: 0s ,0.5s, 0.5s;}
	
#encabezado span:hover img {
    background: rgba(147,147,147,0.2);
    padding: 5px;
    /* border: 1px solid white; */
    border-radius: 50px 50px 50px 50px;
    margin: 5px;
    margin-top: 25px !important;
    height: 15px;}	
#encabezado span li {color:red;}	
#encabezado span li a { 
    color: white;
    text-align: left;
    margin: 5px !important;
    /* padding: 0px !important; */
    */display: block;
    float: left;
    width: 90%;}

	
/*#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: 50px;
    margin: auto;	
  }  

 .encabezado_d {       margin-top: 100px;
    background: rgb(40,82,146);
    z-index: 10;} 
  



#pie_de_pagina {width: 100%;
    min-height: 220px;
    background: rgb(44,90,160);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;}
#pie_de_pagina a img{   Position: relative;
    width: 250px;
    top: 0px;
    z-index: 2;
    padding: 20px;
    background: white;
    border-radius: 5px;
    box-shadow: 0px 10px 50px rgba(0,0,0,0.2);}
#pie_de_pagina li a {padding:0px; margin:0px;}

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


#pie_de_pagina div div div{margin-top: 10px;}
	
#pie_de_pagina div div li img {    height: 30px;
    /* margin-top: 60px; */
    float: left;
    margin: 10px;
    margin-top: 0px;} 
	
	
	
#pie_de_pagina_lista  li {  
    width: 100%;
    /* height: 120px; */
    float: left;
    list-style: violet;
    color: black;
    font-size: 13px;
    text-align: left;
    padding: 5px;
    /* margin-left: 20px; */
	height:40px;
    line-height: 30px;
 
    margin-top: 0px;
    margin: 2px;
    padding: 2px 10px 0px 10px;

    /* border-left: 1px solid gray; */
    /* background: rgba(0,0,0,0.1); */}
	

#pie_de_pagina_lista li a { color: gray;
    width: 90%;
    height: 40px;
    font-size: 13px;
    /* margin: 2px; */
    padding: 2px 10px 0px 10px;
    float: left;
    /* display: block; */
    line-height: 28px;}
	
#pie_de_pagina_lista h3     {
	    font-size: 13px;
    text-transform: uppercase;
    color: black;
    /* border-bottom: 1px solid gray; */
    /* padding: 5px; */
    /* padding-bottom: 15px; */}
	
	

#pie_de_pagina h1, #pie_de_pagina p {color:gray;}
#pie_de_pagina h2 {color:red;}


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


#menu_movil {Position:absolute; z-index:3;  width:100%; height:100px;  } 
#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: auto;
    z-index: 2;
    /* left: 30px; */
    /* top: 15px; */
    float: left;
    height: 55%;
    width: auto;
    z-index: 5;
    padding: 20px;
    /* box-shadow: 0px 10px 50px rgba(0,0,0,0.2); */
    /* background: white; */
    border-radius: 5px;}
#menu_movil a h1 {margin-left:90px; margin-top:25px; width:auto;}

	
#menu_movil div img {    position: relative;
    /* BACKGROUND: RED; */
    width: 40px;
    height: auto;
    /* top: 0px; */
    /* bottom: 0px; */
    /* left: 0px; */
    /* right: 0px; */
    margin: 5px;
    z-index: 5;}

#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: seashell;
    margin: 20px;
    font-size: 20px;
    border-radius: 10px;}


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

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


#sub_menu  { 
    position: absolute;
    display: block;
    bottom: -100%;
    z-index: 2;
    right: 5%;
    height: auto;
    max-height: 75%;
    width: 80%;
    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.6);
    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 {       
    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: auto;
    height: auto;
    min-height: 50px;
    background: white;
    text-transform: uppercase;
    margin: 0.1%;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    color: black;
    border-bottom: 1px solid rgb(42,86,127);
    line-height: 25px;
    text-align: left;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;}
#sub_menu span{ 
    background: rgb(44,90,160);
    float: left;
    height: 60px;
    width: 60px;
    /* margin: 5px; */
    margin-bottom: 20px;
    color: white;
    border: 1px solid white;
    /* border-bottom: 2px solid rgb(155,155,155); */
    /* border-radius: 100px; */}
#sub_menu span+span{background: rgba(250,250,250,0.5);
    float: right;
    top: -20px;
    position: static;
    z-index: 1000;}	
#sub_menu span img{  width:90%; margin:auto; }

	
#sub_menu li a{    
    /* width: 100%; */
    /* height: 50px; */
    float: left;
    line-height: 50px;
    text-align: left;
    /* max-height: 35px; */
    position: relative;
    margin: 0px;
    display: block;
    padding: 0px;
    background: none;
    color: black;
    font-weight: 700;
}
#sub_menu li span{ float:left; height:50px; width:50px; background:none; border:none; }
#sub_menu li span img{     float: left;
    height: 15px;
    width: 15px;
    margin: 25px; }

	#sub_menu >	#redes_sociales_right {
    /* height: 45px; */
   margin-right:0px;
    margin-top: 5px;
    /* width: 100%; */}

#sub_menu > #redes_sociales_right li {       background: rgb(44,90,160);
    /* float: left; */
    width: 99%;
    padding: 0px;
    margin: 0px;
    text-align: left;
    height: auto;
    line-height: 40px;}
	
#sub_menu > #redes_sociales_right li img{        float: left;
    margin: 7px;
    margin-right: 10px;
    margin-left: 10px;
    max-height: 25px;}	
	

	
#sub_menu2, #sub_menu3, #sub_menu4, #sub_menu5  {    
width: 350px;
    height: auto;
    position: absolute;
    display: none;
    right: 0x;
    top: 67px;
    z-index: 2;
    /* height: 100%; */
    /* width: 95%; */
    /* padding: 8px; */
    padding-bottom: 0px;
    margin: 0px;
    font-size: 12px;
    text-align: center;
    color: white;
    background: none;
    overflow: auto;
    overflow-x: hidden;
    background: rgb(220,220,220);
    box-shadow: 0px 0px 10px white;}

#sub_menu2 li, #sub_menu3 li, #sub_menu4 li , #sub_menu5 li{      
    display: block;
    list-style: none;
    position: relative;
    width: 100%;
    height: 70px;
    float: left;
    background: rgb(44,90,160);
    float: left;
    margin: 0%;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px;
    color: black;
    border-bottom: 2px solid white;
    line-height: 50px;
    text-align: left;
}
	
#sub_menu2 li a:hover {color:rgb(250,209,46); }	
	



#redes_sociales {height:auto;}
#redes_sociales a img{ 
    height: 40px;
    width: auto;
    margin-bottom: 15px;
    margin: 0px;
    margin-top: 10px;
    float: left;}
#redes_sociales li { width:auto; margin-bottom: 15px; float:left;}
#redes_sociales p{   
    font-size: 38px;
    color: red;
    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-top: 5px;}	



#redes_sociales_left {    float: left;
    MARGIN: 20PX;
    width: 95%;
}	


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

#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:30px; width:auto; margin-top:2px; padding:0px; }
#redes_sociales_left a img{ float: left;
    height: 30px;
    width: auto;
    margin-top: 2px;
    padding: 0px;
    margin-top: 20px; }
#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;}
	
.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:60px; color:white;}
#desarrollo a {color:white;}
#desarrollo img{ width:100px;} 







/* 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: 0px;
    overflow: SCROLL;
    overflow-x: hidden;
    position: relative;
    background-repeat: no-repeat;
    z-index: 1;
    background-size: cover;
    /* background-position: -50% center; */}
.Contenedor_absoluto {position:absolute; }
.Contenedor_bottom {bottom:0px; margin:auto; }
.contenedor_centrado {margin-top: -3.3%; }






#notificacion_contador {background:rgb(0,147,221);}


.encabezado_1 {border-bottom:1px solid gray; }
.encabezado_1 h1 {display:inline; padding:20px;}
.encabezado_1 span {float:right;}


.seccion_auto {overflow:hidden; width:100%; 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;}	
.seccion_autoc10 {clear:both; width:100%; height:10px;}	

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





	
.seccion_galeria, .seccion_1, .seccion_1a, .seccion_2, .seccion_3, .seccion_4 { z-index: 10; background-size:cover; background-repeat:no-repeat; background-position:center center; background-attachment:fixed;}
.seccion_3a{ z-index: 10; background-size:Auto 100%; background-repeat:repeat;  background-position:center center; }

.seccion_galeria {height:90%; Position:relative;}
.seccion_1,  .seccion_4 {width:100%; height:80%;}
.seccion_transparente {width:100%; height:60%;}


.seccion_2 {width:100%; }


.seccion_2 {overflow:hidden;}
.seccion_2 div{margin:0px; height:50%; width:100%; background-size:100% auto; border-bottom:5px solid rgb(210,210,210);}

.seccion_2 div div {background:white; height:100%; width:48%; }
.seccion_2 div div div{padding:20px; margin:10px; width:80%; height:80%; overflow:hidden; border:0px;}



.seccion_1_menu a{display:block; float:left; border-radius:50Px 50Px 50Px 50Px;   text-align:center; vertical-align:middle; Background:white; margin:10px; width:17%; height:120px; border:5px solid rgb(185,1,32);  color:rgb(185,1,32); line-height:20px; }
.seccion_1_menu a b{ display:blocK; position: relative;    width: 80%;    left: 0px;    right: 0px;    top: 30%;    bottom: 0px;    MARGIN: auto; }

.seccion_1_menu a:hover{background:rgb(185,1,32); color:white; border-color:white; }

.seccion_2_menu li{list-style:none; width:100%; height:25%; background:rgb(224,224,224); background-size:100% auto; background-repeat:no-repeat; background-position:center center; background-attachment:fixed;}

/* Bordes colores redondo ect...*/

.border-0101 {border-radius:0px 500px 0px 500px;}
.border_1px {  border:1px solid rgb(187,187,187);}

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

/* Formulario, input dentro de esta categoria */	
.formulario {        position: relative;
   /* background: rgb(47,47,47);
    box-shadow: 0px 15px 50px rgb(250,250,250);*/
    width: 90%;
	margin:5%;
    height: auto;
    padding: 10px;
    border-radius: 10px 10px 10px 10px;
    /* border: 5px double palevioletred; */}	

.formulario_compra {
    position: relative;
    background: rgba(0,0,0,0.5);
    /* box-shadow: 0px 15px 50px rgb(47,47,47); */
    width: 100%;
    height: auto;
    /* padding: 10px; */
    /* border-radius: 10px 10px 10px 10px; */
    border-right: 1px solid rgb(240,240,240);
}	
   
 .formulario_compra span {width:50px; height:50px; background:rgb(235,235,235); margin:5px; float:right; border-bottom:1px solid gray; }
 .formulario_compra span img{margin:5%; width:90%;} 
 .formulario_compra h2 { display: block; color:rgb(232,167,90);
    width: auto;
    float: left;
    font-size: 30px;
    font-weight: lighter;
	}	 
.formulario_compra h3 {    font-size: 20px;
    font-weight: lighter;
    color: white;}
.formulario_compra  input[type="date"], .formulario_compra  input[type="email"], .formulario_compra  input[type="time"], .formulario_compra  input[type="text"], .formulario input[type="date"], .formulario input[type="time"], .formulario input[type="text"], select {      width: 90%;
      width: 90%;
    height: 6%;
    font-size: 15px;
    margin: 1%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 5px;
    min-height: 40px;
    background: none;
    border: 0px;
    border-bottom: 2px solid rgb(255,255,255);
    border-radius: 0px 0px 0px 0px;
    color: white;}
	
	 input[type="submit"] {  width: 90%;
    height: 6%;
    font-size: 35px;
    margin: 1%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 5px;
    min-height: 40px;
    border: 0px;}

	
.formulario_compra  input[type="date"], .formulario_compra  input[type="time"], .formulario_ input[type="date"], .formulario input[type="time"] {width: 40%;}
.formulario_compra  input[type="date"], .formulario input[type="date"] {margin-left: 5%;  margin-right:0px;}
.formulario_compra  input[type="time"], .formulario input[type="time"] {margin-left: 2%;  margin-right:5%;}	



	
.formulario textarea, .formulario_compra textarea {       width: 90%;
    height: 20%;
    min-height: 180px;
    float: left;
    margin: 1%;
    margin-left: 5%;
    border: 2px solid rgb(220,220,220);
    border-radius: 5px 5px 5px 5px;
    /* margin: 5px; */
    padding: 5px;
    color: gray;
    background: rgba(50,50,50,0.8);}
	
	

.formulario_compra textarea { min-height:80px;}	
.formulario_compra input [type="submit"], .formulario input[type="submit"] {transform:skew(0deg); color:white; }
.formulario_compra h1, .formulario h1, .formulario h2, .formulario h3  {color: white;}


.formulario_index {     position: absolute;
    top: 180px;
    right: 10%;
    z-index: 500;
    height: auto;
    /* min-height: 800px; */
    width: 380px;
    min-height: 570px;
    /* width: 20%; */
    background: rgba(250,0,0,0.8);
    color: white;}
	
.formulario_index h1{display: block;
    FLOAT: LEFT;
    margin: 20px;
    WIDTH: 95%;
    z-index: 0px;
    font-weight: bold;
    font-size: 60px;
    color: white;
    font-family: fantasy;}
	
	
.formulario_index span{    background: yellow;
    width: 100%;
    min-height: 60px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    margin: 0px;
    padding: 10px;
    color: red;
    font-size: 28px;
    font-weight: 800;
    line-height: 80px;
    font-family: sans-serif;
    /* border-top: 5px solid black; */
}
.formulario_index span img{    height: 60px;
    margin: 10px;
    /* margin-top: 40px; */
    float: left;}
.formulario_index p{font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.5px;
    word-spacing: 0.25em;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 85%;} 	
	


.formulario_index form {        width: 85%;    height: auto;
    min-height: 570px;    padding: 5%;    margin: 5%;    background: white;
    border-radius: 10px;    box-shadow: 0px 10px 30px rgb(50,50,50);}
	

.formulario_index form p b{font-size:30px; }

.formulario_index form input[type="text"] {    width: 97.5%; font-size:14px; text-decoration:oblique; text-transform:capitalize;    HEIGHT: 50PX;    PADDING: 5px;    margin: 1%;
    border: 0px;    /* background: rgb(255,255,252); */    border-bottom: 2px solid rgb(220,220,220);}
	
	
.formulario_index input[type="submit"], .formulario_index_horizontal input[type="submit"] {      width: 70%;
    height: 8%;
    float: left;
    padding: 5px;
    min-height: 40px;
    border: none;
    color: white;
    background: none;
    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;
	
	}
	
 .formulario_index select , .formulario_index_horizontal select { 
    height: 8%;
    /* 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; }
	
.formulario_index_horizontal select {width:100%; float:left;}	 .formulario_index select { width:100%; }


.formulario_index label  { width: 95%;    margin: 1%;    color: gray;    font-size: 12px;    display: block;    float: left;  }
.formulario_index_horizontal label {    width: 23.5%;    margin: 1%;    color: rgb(211,174,85);    font-size: 12px;    display: block;    float: left; }	

/* Estilo de File */
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
       max-width: 80%;
    height: 8%;
    font-size: 32px;
    font-weight: 700;
    text-overflow: ellipsis;
    background: rgb(100,100,100);
    color: rgb(254,215,0);
    margin: 5%;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
}

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


/* Colores Fijos o transparentes Fijos*/

.transparente_blanco {background:rgba(256,256,256,0.5);}	 .transparente_blanco:hover {background:rgba(256,256,256,0.9); }
.transparente_gris {background:rgba(250,250,250,0.5);}	
.transparente_negro {background:rgba(47,47,47,0.8);}	
.transparente_verde {background:rgba(141,181,0,0.8); color:white;}
.transparente_naranja {background:rgba(255,153,48,0.8);}
.transparente_azul {background:rgba(42,86,127,0.5); color:white;} .transparente_azul h1{color:white;} .transparente_azul:hover {background:rgb(42,86,127); }  .transparente_azul:hover h1{color:red; }
.transparente_rojo {background:rgba(255,0,0,0.8);}

.seccion_botones {width:100%; height:80%; text-align:center; color:white;}
.seccion_botones div{       width: 30%;
    min-height: 50%;
    margin: 1%;
    margin-top: 5%;
    float: left;
    background: rgba(255,255,255,0.1);
    border: 1px solid;
    border-radius: 25px;
    box-shadow: 10px 10px 50px white; }
.seccion_botones div a{    width: 90%;    display: block;    height: 40px;    color: white;    margin: 5%;    padding: 5px;    line-height: 40px;    border-radius: 5px; }
.seccion_botones p{font-size:18px; color:rgb(80,80,80); margin:5px; }
.seccion_botones div p{font-size:18px; color:rgb(70,70,70); margin:5px; width:80%; margin:10%; }
.seccion_botones div p a{color:rgb(0,98,188);}


.negro {background:black;}
.negro_claro {background:rgb(47,47,47);}	
.negro_claro_2 {background:rgb(100,100,100);}
.negro_mas-claro {background:rgb(60,60,60);}



.rojo {background:red;}
.azul {background:rgb(40,82,146); color:white;} .azul h1{color:white;}
.azul_oscuro {background:rgb(42,86,127);}
.amarillo {background:rgb(254,215,0);}
.blanco {background:white;}
.blanco_medio {background:rgb(250,250,250);}
.blanco_base {background:rgb(229,243,255);}

.gris_claro {background:rgb(249,249,249);}	/*paso a white para que sea en todas las paginas internas*/
.gris_oscuro {background:rgb(200,200,200);}
.gris_oscuro_2 {background:rgb(180,180,180);}

.naranja {background:rgb(233,118,4);}	
.verde{ background:rgb(141,181,0);}
.petroleo {background:rgb(183,200,196);}


.c_principal {background:rgb(255,139,155); color:white; }  .c_principal  h1{color:white;}
.c_principal_claro{background:rgb(232,115,190); }
.c_principal_oscuro {background:rgb(232,127,115);}

.c_principal_2 {background:rgb(232,167,90); color:white;}  .c_principal_2  h1{color:white;}


.Color_MP {background:rgb(0,87,225);}
.Color_ML {background:rgb(256,240,25);}


.CT_blanco, .CT_blanco h1, .CT_blanco h2, .CT_blanco h3 {color:white;}
.ct_verde {color:rgb(119,197,181);}
	
/*Columnas solo definido anchos */


.columna_1 {Width:100%;}
.columna_v97 {Width:97.5%;}
.columna_v90 {Width:90%;}
.columna_v94 {Width:94%;}
.columna_v80 {Width:80%;}
.columna_v78 {Width:75%;}

.columna_v7 {Width:70%;}
.columna_1a {Width:66%;}
.columna_1b {Width:91%;}
.columna_2 {Width:48%;} /*Paso de 45 a 50  index */
.columna_2a {Width:48%;}
.columna_3 {Width:30%;} /*Paso de 30 a 34  index */
.columna_3a  {Width:30%;}
.columna_28 {Width:28%;}
.columna_4 {Width: 21.9%;;}
.columna_4a {Width: 24.7%;    Margin-top: -3.3%;}
.columna_5  {Width:15%;}
.columna_10 {Width:10%;}

.min-height_1 {min-height:100%;}
.min-height_500 {min-height:500px;}

.min-height_2 {min-height:60%;}

.columna_f10 {height:10px;}

.altura_1 {height:600px; }

.fila_2-auto {height:25%;}

.fila_1 {height:100%;}
.fila_V90 {height:90%;}
.fila_1b {height:87%;}
.fila_V85 {height:85%;}
.fila_V80 {height:80%;}
.fila_V74 {height:74%;}
.fila_V70 {height:70%;}
.fila_V60 {height:60%;}
.fila_2 {height:49.4%;}
.fila_2a{height:40%;} 
.fila_3 {height:33.3%;} /*Paso de 30 a 33.3  index */
.fila_4 {height:26%;}  /*Paso de 25 a 26  index */
.fila_5 {height:20%;}
.fila_10 {height:10%;}
.fila_12 {height:8%;}


.rectangulo {width:200px; height:50px; padding:10px; margin:20px;}
.fila_f10 {height:10px;}
.fila_f40 {height:40px;}
.fila_f50 {height:50px;}
.fila_f70 {height:70px;}
.fila_f80 {height:80px;}
.fila_f1 {height:100px;}
.fila_f14 {height:145px;}
.fila_f2 {height:200px;}
.fila_f25 {height:250px;}
.fila_f3 {height:300px;}
.fila_f34 {height:340px;}
.fila_f4 {height:400px;}
.fila_f5 {height:500px;}
.fila_f6 {height:600px;}
.fila_f7 {height:700px;}

.central {background:white; color:blue;}
.central h1{display:block; text-align:center; line-height:80px;}
.central h2{display:block; text-align:center; line-height:30px;}
.central h3{display:block; text-align:center; line-height:0px;}

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

.absolute {position:absolute;}
.relative {position:relative;}

.left {float:left;} /*Actualizado*/
.right, .right_a  {float:right;}
.top {top:-10px;}
.bottom {bottom:0px;}
.center {left:44%; margin-left:auto; margin-right:auto;}
.center_abs{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto; }
.center_relat{	   
    position: relative;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-top: 10%;}

.poisicion_flotante_arriba, .poisicion_flotante_abajo {width:100%; height:auto; position:absolute; z-index:100; left:0px; bottom:-20%;}
.poisicion_flotante_abajo { left:0px; bottom:-25%;}
.poisicion_flotante_arriba {left:0px; top:-25%;}

@media only screen and (min-width :0px) and (max-width :800px)/*@media (max-width:1401px)*/{ .poisicion_flotante_abajo { left:0px; bottom:-10px;} .poisicion_flotante_arriba {top:-10px;} }
@media only screen and (min-width :801px) and (max-width :1100px)/*@media (max-width:1401px)*/{ .poisicion_flotante_abajo { left:0px; bottom:-5%;} .poisicion_flotante_arriba {top:-5%;} }
@media only screen and (min-width :1101px) and (max-width :1200px)/*@media (max-width:1401px)*/{ .poisicion_flotante_abajo { left:0px; bottom:-10%;} .poisicion_flotante_arriba {top:-10%;} }
@media only screen and (min-width :1201px) and (max-width :1300px)/*@media (max-width:1401px)*/{ .poisicion_flotante_abajo { left:0px; bottom:-15%;} .poisicion_flotante_arriba {top:-15%;} }
@media only screen and (min-width :1301px) and (max-width :1600px)/*@media (max-width:1401px)*/{ .poisicion_flotante_abajo { left:0px; bottom:-20%;} .poisicion_flotante_arriba {top:-20%;} }

.evento_click {width:100%; height:100%; position:absolute; z-index:90;}

.evento_click div{ visibility:hidden; 
    width: 30%;
    max-height: 150px;
    text-align: center;
    height: auto;
    min-width: 250px;
    padding: 10px;
    position: absolute;
    background: white;
    left: 0;
    top:1000;
    bottom: 0;
    right: 0;
    margin: auto;
    border: 10px;
    box-shadow: 0px 0px 25px rgb(47,47,47);}
	
.evento_click div h1{position: absolute; width:90%;  top: 30%;    margin: auto;}
	
.evento_click:hover {background:rgba(47,47,47,0.5); }
.evento_click:hover div {visibility:visible; top:0; }


.margin_principal {margin-top:80px;}
.margin_5 {margin:5px;}
.margin_10 {margin:10px;}
.margin_20 {margin:20px;}
.margin_top20 {margin-top:10px;}

.margin-left_f20 {margin-left:20px;}

.margin-bottom_f10 {margin-bottom:10px;}
.margin-bottom_f20 {margin-bottom:20px;}

.margin-top_0 {margin-top:0px;}
.margin-top_5 {margin-top:5%;}
.margin-top_f10 {margin-top:10px;}
.margin-top_f20 {margin-top:20px;}
.margin-top_f80 {margin-top:140px;} /*cambio a 150 porque el sitio ya estaba diseñado asi*/
.margin-top_f100 {margin-top:100px;}


.margin-top_fn50{margin-top:-50px;}
.margin-top_fn100{margin-top:-100px;}

.padding_10 {padding:10px;}
.padding-left_10 {padding:10px;}
.padding_20 {padding:20px;}

.bottom_right_1 {position:absolute; bottom:19%; left:auto; right:auto; z-index:50;  }

.bottom_right {position:absolute; bottom:0px; right:0px; z-index:50;  }
.bottom_left {position:absolute; bottom:0px; top:0px; margin:auto;}

.R_bottom_right {position:relative;     Top:71%;    right: -11%;  }
.R_bottom_left {position:relative; bottom:0px; top:0px; margin:auto;}
.R_top_left {position:relative; left:0px; top:-5px; margin:auto;}
.R_top {position:relative; top:215px;}


.overflow {overflow:auto; overflow-x:hidden;}
.overflow_hidden {overflow:hidden;}

.imagen img{height:40%; width:auto; position:absolute; margin:auto; top:0px; left:0px; right:0px;}
.imagen_width img{width:75%;  position:absolute; margin:auto; top:0px; left:0px; right:0px;}

 .boton, .boton_2  {background:rgb(40,82,146); color:white; font-size:20px;  min-height:40px;  border-radius:0x 0x 0x 0x;   padding:5px; text-align: center;}
 .boton_3 {width:200px; height:70px; color:white; font-size:20px;  min-height:40px;  border-radius:0x 0x 0x 0x;   padding:5px; text-align: center;}
 
 .Boton_ingreso {      border: 0px solid rgb(134,100,232);
    border-bottom: 3px solid rgb(34,100,232);
    border-radius: 3px 3px 3px 3px;  	color:rgb(134,100,232);  font-size:17px;  }
  .Boton_ingreso b{ 	color:rgb(34,100,232);  }
	

 .boton:hover,  .boton_2:hover, #boton_2:hover {background:rgb(232,167,90); color:black; }
 
 .boton_a, .boton_1, .boton_2 {background:none; color:#60b0a6; border-bottom:1px solid none; transform:skew(0deg); }
 .boton_a {   
    background: rgb(44,90,160);
    /* border: 1px solid white; */
    /* color: rgb(42,86,127); */
    display: block;
    color: white;
    padding: 20px;
    margin: 2px;
    width: auto;
    text-transform: uppercase;}
  
 
 .boton_circulo {background:none; color:white; font-size:35px;  min-height:80px;  border-radius:100x 100x 100x 100x;   padding:10px; text-align: center;}
 .boton_circulo a{margin:auto;}
 
 .boton_2 {background:white;}
 .boton_1 {background:rgb(254,79,183); color:white;}
 .boton_a:hover, .boton_2:hover  {
    background: rgba(250,250,250,0.1);
    color: rgb(250,209,46);}
 
 
 .boton_1:hover {background:rgba(254,79,183,0.5); }
 

 .botones_compra {   /*position: absolute; */
    width: 85%;
    bottom: 0px; } 
 .botones_compra a {display:block; cursor:pointer; float:left; width:100%; margin:0.5%; height:20%; background-position:center center; font-size:20px; padding:10px; background-repeat:no-repeat; background-size:cover; }
 
 
 .container ul{
  list-style: none;
  margin: 0;
  padding: 0;
	overflow: auto;
}

.botones_compra ul li{
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100px;
	border-bottom: 1px solid #333;
}

.botones_compra ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.botones_compra ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  padding: 25px 25px 25px 80px;
  margin: 10px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.botones_compra ul li:hover label{
	color: #FFFFFF;
}

.botones_compra ul li .check{
  display: block;
  position: absolute;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.botones_compra ul li:hover .check {
  border: 5px solid #FFFFFF;
}

.botones_compra ul li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 5px;
	left: 5px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

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

 
 .boton_bloqueado {    background: gray;
    opacity: 0.9;
    z-index: 2000;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;}
 
/*---------------Clases por diseño ----------*/

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


.galeria_descrp {width:40%; height:100%; float:right; background:rgba(256,256,256,0.5); color:gray; padding:20px; } 


.galeria {position:relative; width:100%; height:100%; /*padding:5px; margin:5px;*/  background-repeat:no-repeat; background-size:cover; background-position:center center;} 
.galeria img{width:100%; height:auto;}


.miniaturas_galeria {position:absolute; width:100%; height:20%; overflow:auto; background:rgba(42,103,127,0.5); bottom:0px; left:0px; z-index:500; }
.miniaturas_galeria img{ height:80%; width:auto; max-width:45%; margin-right:5px; border:1px solid white; float:left;}

.miniaturas_galeria_1 {position:relative; width:100%; height:20%; background:rgba(47,47,47,0.5); margin-left:-20px; margin-top:33%; z-index:500; }
.miniaturas_galeria_1 img{ height:80%; max-width:45%; margin-right:5px; border:1px solid white; float:left;}



/* Contenedores para index */

.contenedor_2 {width:35%; height:100%; position:relative; float:left; background:white; display:block;}
.contenedor_2 div {width:98%; height:32.3%; MARGIN:1%; display:block; BACKGROUND:white; background-size:auto 100%; background-repeat:no-repeat; background-position:center center;}
.contenedor_2 div div{width:49%; height:99.5%; MARGIN:0%; display:block;  background-size:auto 100%; background-repeat:no-repeat; background-position:center center;}



.contenedor_1 {width:25%;
height: 475px;
position: relative;
margin: 0px;
padding:0px;
float: left;
background: rgb(155,155,155);
color:rgb(250,209,46);
border: 0px solid rgb(240,240,240);
background-size: auto 100%;
background-position: center center;
background-repeat: no-repeat;
} 

.contenedor_1 h1{width:80%; }
.contenedor_1 li{width:80%; height:50px; font-size:18px; float:left; margin-left:8%; line-height:20px; }
 
.contenedor_1 li input[type="checkbox"] {height:35px; margin:5px; width:35px;}
.contenedor_1 li input[type="text"] {height:45px; margin:5px; width:100%; color:rgb(47,47,47);}
 
/*Contenedor de reclamo */
.contenedor_1div {width:98%; height:48%; MARGIN:1%; display:block;  background-size:auto 100%;                background-repeat:no-repeat; background-position:TOP center; }
.contenedor_11 {height:65.5%; width:33%; MARGIN:0%; display:block; float:left;              background-size:AUTO; background-repeat:no-repeat; background-position:TOP center; }
.contenedor_12 {height:33%; width:33%; MARGIN:0%; MARGIN-TOP:1%; display:block; float:left; background-size:auto; background-repeat:no-repeat; background-position:TOP center; }
.contenedor_13 {height:100%; width:66%; MARGIN:0%; display:block; float:right;              background-size:100% auto; background-repeat:no-repeat; background-position:TOP center; }


.contenedor_11 span, .contenedor_12 span, .contenedor_13 span, .contenedor_2 div div span {    
	display:block; 
    visibility: hidden;
    width: 90%;
    height: 90%;
    margin-top:-5%;
    position: relative;
    margin: 5%;
    border: 1px solid rgba(0,0,0,0.1);
   background:rgba(255,255,255,0.1);
}
.contenedor_11:hover span, .contenedor_12:hover span, .contenedor_13:hover span, .contenedor_2 div div:hover span {  visibility:visible;  background:rgba(255,255,255,0.8); width: 100%; height: 100%; margin:0%; } 



.newlester {background:rgb(100,100,100); height:auto; padding:40px; width:100%;}
.newlester h2 {font-size:35px; color:rgb(254,215,0); }
.newlester input{width:80%; height:50px; border:5px solid rgb(220,220,220); color:rgb(200,200,200); float:left;}
.newlester a {padding: 20px;
    width: 10%;
    height: 10px;
    float: left;
    /* margin: 1%; */}


.encabezado-e-producto {	    width: 100%;
    height: 0px;
    padding: 2px;
    background: rgb(255,139,155);
    color: white; }
.encabezado-e-producto:after {            content: '';
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    z-index: 1000;
    top: 68px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    clear: both;
    /* background: rgb(42,86,127); */
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    border-top: 50px solid transparent;
    border-bottom: 50px solid white;
}


.encabezado-e-producto  h2{color:white; text-align:center}

.e-servicios_index, .blog {    width: 45%;
    margin: 2.5%;
    height: 450px;
    background: white;
    float: left; transition-property: all;
	transition: all .2s ease .2s;
    position: relative; }
.e-servicios_index div, .blog  div{    width: 95%;
    position: relative;
    min-height: 92.5%;
    margin: 2.5%;
    float: left; transition-property: all;
	transition: all .2s ease .2s;
    background-size: cover; }
.e-servicios_index span, .blog  span {    width: 40%;
    height: 40%;
    position: absolute;
    background: rgba(0,0,0,0.7);
    top: 0px;
    right: 5%;
    overflow: hidden; transition-property: all;
	transition: all .2s ease .2s;
    color: white;  }
.e-servicios_index span h2, .blog  span h2 {color:white;} 

.e-servicios_index:hover  span , .blog:hover  span {height:100%; background:rgb(47,47,47);} 

@media only screen and  (max-width :900px){.e-servicios_index{width:90%;} }

.producto h1 {color:rgb(211,141,95);}
.producto h2 {color:rgb(48,48,48);}

.e-cliente {    width: 16.6%;    height: 150px;
    position: relative;
    margin: 0px;
    float: left;
   /* background: black;*/
    /* border-left: 1px solid rgb(10,10,10); */
    background-size: auto 120%;
    background-position: top left;
    background-repeat: no-repeat;
    transition: all .5s linear .2s;
    -webkit-transition: all .5s linear .2s;
    -moz-transition: all .5s linear .2s;
    -o-transition: all .5s linear .2s;}
	
.e-cliente2 a{  
    width: 20%;
    height: 150px;
    position: relative;
    margin: 2px;
    float: left;
    background: white;
    /* border-left: 1px solid rgb(10,10,10); */
    background-size: auto 120%;
    background-position: top left;
    background-repeat: no-repeat;
    transition: all .5s linear .2s;
    -webkit-transition: all .5s linear .2s;
    -moz-transition: all .5s linear .2s;
    -o-transition: all .5s linear .2s;}	
	
	
	
.e-cliente img {
    max-width: 50%;
    /*max-height: 50%;*/
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto; }
@media only screen and (max-width : 549px) {.e-cliente {width:50%;} }	
@media only screen and (min-width : 550px) and (max-width : 849px) {.e-cliente {width:33%;} }
@media only screen and (min-width : 850px) and (max-width : 1000px) {.e-cliente {width:25%;} }


	
 .e-cliente2 a img { 	
	    max-width: 30% !important;
    /* max-height: 50%; */
    position: absolute !important;
    top: 0px !important;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    padding: 0px !important;
    box-shadow: none !important; }



@media only screen and (max-width: 1025px) {.e-cliente2 a {width:31%;} }

   
.e-producto {
    width: 47.5%;
    min-height: 380px;
    margin: 1%;
    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;
    margin-top: 40px;
	}

	
	
.e-producto div  {
    position: absolute;
    width: 100%;
    /* margin: 5%; */
    height: 100%;
    background: white;
    background-size: cover;    
    background-position: center !important;
    float: left;
    background-repeat-y: no-repeat;
    background-repeat-x: repeat;
    background-position: 0px 0px;
    /* margin: 0.5%; */
    /* padding: 5px; */
    /* position: relative; */
    /* background: rgb(42,103,127); */
    transition-property: all;
    transition: all .2s ease .2s;	
}


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

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

.e-producto div img{
    height: 150px;
    padding: 10px;
    font-size: 32px;
    position: absolute;
    z-index: 500;
    left: 35%;
    top: -100px;
    margin-left: auto;
    margin-right: auto;
	   }
	   
	   
.e-producto h1, .e-producto p { margin-top:15%; width:90%; color:rgb(229,255,248); text-align:center; font-size:32px;}



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

.e-producto span span {
    width: 100%;
    height: 90%;
    float: left;
    padding: 1%;
    /* margin: 0.5%; */
    font-size: 32px !IMPORTANT;
    TEXT-ALIGN: LEFT;
    z-index: 500;
    bottom: 0px;
    color: WHITE !IMPORTANT;
    /* background: RED; */
    /* border-bottom: 3px solid rgb(51,156,255); */
    position: absolute;
    margin-bottom: 0px;
    BOX-SHADOW: 0PX 0PX 50PX RGB(50,50,50);
    LEFT: 10PX;}

.e-producto span h1 {     color:white;
    /* padding-top: 20px; */
    /* padding-bottom: 15px; */
    Display: -webkit-box;
    font-size: 32px;
    /* width: 80%; */
    /* visibility: hidden; */
    /* position: absolute; */
    text-transform: uppercase;
    text-align:left;
    margin-top: 5px;
    /* bottom: 0px; */
    /* text-decoration: underline; */
    /* text-decoration-style: initial; */
    /* border-bottom: double palevioletred; */
}	
.e-producto 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; }

.e-servicios_index span a, .blog span a, .e-producto span a, .e-producto div a, .contenedor_1 a{   
    width: 50px;
    height: 50px;
    padding: 10px;
    font-size: 40px;
    position: absolute;
    /* line-height: 150%; */
    text-align: center;
    padding: 5px;
    z-index: 500;
    right: 0px;
    /* left: 0px; */
    bottom: 5%;
    margin: auto;
    margin-right: 5%;
    color: white;
    background: rgb(42,86,127);
    /* border: 10px solid rgb(240,240,240); */
    border-bottom: 0px;
    /* border-radius: 250px 250px 50px 250px; */
	   }

.e-producto span span{float:right; font-size:15px; color:red; padding:10px; }	
.e-producto span span b{font-size:22px;}   
.e-producto span span:after {  
    visibility: HIDDEN;
    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;}	

.e-producto:hover span span:after{ color: rgb(42,86,127);	}
	
	
	

/*.e-producto:hover span a {	left:-50%;}
	
	
.e-producto: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 */
.e-producto span h1 , .e-producto span, .e-producto span p, .e-servicios_index span a, .blog span a	{transition-timing-function: linear, linear;
   transition-delay:0s;
   transition-duration: 0.5s, 0.5s, 0.5s;
   -webkit-transform-style: all;
   }
   

  /* 
.e-producto :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;
    } 
   
.e-producto :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;   }
   
   
.e-producto :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;
    }*/

.e-servicio {    width: 95%;
    max-height: 200px;
    background: floralwhite;
    margin: 1%;
    padding: 1%;
    overflow: hidden;
    position: relative; margin-top: 3%;}
.e-servicio div{display: block;
    width: 25%;
    max-width: 280px;
    height: 190px;
    background-size: cover;
    background-position: center;
    float: left;
    /* position: relative; */
    margin: 1%; }
.e-servicio span{max-height: 190px;
    width: 71%;
    float: left;
    /* background: white; */ }
.e-servicio span p{ 
    width: 100%;
    /* margin: 1%; */
    max-height: 128px;
    /* text-overflow: ellipsis; */
    /* white-space: pre; */
    overflow: hidden;
    /* display: block; */
    /* background: red; */
    /* float: left; */
    margin: 10px 0 0 0;
    word-wrap: break-word;
    white-space: pre-wrap; font-size:14px; }
.e-servicio span a {      
    width: 50px;
    height: 50px;
    padding: 10px;
    font-size: 40px;
    position: absolute;
    /* line-height: 150%; */
    text-align: center;
    padding: 5px;
    z-index: 500;
    right: -4%;
    /* left: 0px; */
    bottom: 0px;
    margin: auto;
    margin-right: 5%;
    color: white;
    background: rgb(42,86,127);
    /* border: 10px solid rgb(240,240,240); */
    border-bottom: 0px;
    /* border-radius: 250px 250px 50px 250px; */
	   }	
	   
.e-servicio span h2 { 	    margin: 20px;    margin-left: 0px;   color:rgb(42,86,127); font-size:22px;}

/*Adaptacion */

@media only screen and (max-width : 700px) { .e-servicio { max-height: 400px;} .e-servicio div { width: 100%;    max-width: 100%;} 
											 .e-servicio span {   max-height: 200px;    width: 85%;    float: left; }	}

   
	
	
	
	
	
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%	}
  to {
    margin-left: 0%;
    width: 100%;
  }
}
    



	 
	 /* ------------------- Promociones -------------------------*/
	 
	 #e-promocion {width:48.23%;    
    height: 350px;
    position: relative;
    margin: 10px;
    float: left;
    background: white;
    border: 1px solid rgb(240,240,240);
    background-size: auto 90%;
    background-position: center center;
    background-repeat: no-repeat;}

#e-promocion img {width:90%;  height:auto; max-height:90%; margin:5%; }
#e-promocion span {display:block; width:25%; height:90%; padding:15px;  margin:0px; font-size:20px; margin-top:0px; z-index:500; bottom:0px; color:rgb(119,197,181); background:rgb(256,256,256);     position: absolute;
    bottom: 0px; right:0px;}
#e-promocion span p{font-size:18px; margin-left:0px; padding:2px; color:gray; visibility:hidden; display:none; }
#e-promocion span a{    width: 80%;
    height: 40px;
    padding: 5px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    float: right; }
#e-promocion span span{width:60%; height:45px; bottom:60px; font-size:28px; margin-right:10px;}	
	

#e-promocion:hover span{
	transition:all .5s linear .2s;
-webkit-transition:all .5s linear .2s;
-moz-transition:all .5s linear .2s;
-o-transition:all .5s linear .2s; 
	
	 background:rgba(47,47,47,0.5); color:white; width:45%;}

#e-promocion:hover span p{
	transition:all .5s linear .2s;
-webkit-transition:all .5s linear .2s;
-moz-transition:all .5s linear .2s;
-o-transition:all .5s linear .2s; 
	
	 color:white; visibility:visible; display:blocK; }
	 


/*------ Formas ------ */


.triangulo_11{
	border-left: 80px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 80px solid rgb(47,47,47);
}

.triangulo_12{
	border-right: 80px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 80px solid rgb(47,47,47);
}

.triangulo_1, .triangulo_3{ width: 0;  height: 0; }

.triangulo_1{
	 border-right: 600px solid transparent;
     border-top: 300px solid rgb(233,118,4);;
     border-bottom: 100px solid transparent ; 
}


.triangulo_3{
     border-left: 600px solid transparent;
     border-top: 100px solid transparent;
     border-bottom: 300px solid rgba(0,0,0,0.8); 
}

.seccion_g{ width:100%;  max-height: 45%;    min-height: 35%; }
.seccion_g2 { width:100%;  max-height: 35%;    min-height: 35%; }	/*Define altura de galeria*/

.seccion_g, .seccion_g div div, .seccion_g2 {       background-size: cover;      margin-bottom: 20px;}
.seccion_g2 { background-position: center; }



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


@media only screen and (min-width : 220px) and (max-width : 550px)
{
	body, p {font-size:18px;}
	.seccion_1 div, .seccion_2 div, .seccion_3 div, .seccion_2 div div div {padding: 0px; background-size:auto 100%; }
	.seccion_2 div div {width:100%; float:left; background-size:auto 100%;}
	
	.ancho_fijo, .ancho_fijo_auto { width:90% }
	#menu_movil, .ver_movil  {visibility:visible; display:block; }
	.encabezado, #encabezado, .triangulo_11, .triangulo_12 {visibility:hidden; display:none;}
	
	.fila_2-auto {height:49.5%;}
	
.right {float:left;}

	h1 {font-size:1.2em;}
	.seccion_g {margin-top:90px; height:auto;}
	
	.oculto_movil {visibility:hidden; display:none;}
	.formulario {width:95%; }
	.formulario input[type="text"], input[type="submit"], select {width:95%; height:10%; float:left;}
	.formulario textarea {width:95%; height:40%; }
	
	.pie_de_pagina div {margin:5px;}
	#pie_de_pagina div {     padding: 0px;}
	#pie_de_pagina div  div div{width:100%;}
	#pie_de_pagina div div li {     width: 100%;
    font-size: 15px;
    text-align: left;
    border: 0px;
    font-size: 15px; }
	
	
	
	/*Margenes*/
	
	.margin_10 {margin:0px; margin-top:10px; }
	
	#redes_sociales a img {float:none;}
	
	#desarrollo {color:black;}
	#desarrollo a{color:black;}
	
	.seccion_1, .seccion_2, .seccion_3, #pie_de_pagina { /* height:1000px; */ background-size: auto 1000px; background-position:top center;}
	.seccion_3 {    height: 80%; }
	.seccion_auto {background-size:cover;}
	
	.fila_f40 {height:100px;}
	.columna_1 {width:100%;} 
	.columna_2, .columna_4, .columna_1a, .columna_3, .columna_3a , .columna_5, .columna_1b, .columna_v73, .columna_v78 {width:100%; }
	.seccion_auto {min-height:auto;}
	.fila_3 {height:auto;}
	
	.e-producto_compra, .e-producto , #e-promocion { width:95%; }
		#pie_de_pagina {min-height:450px;}
	
	/*Margenes*/
	
	.margin_10, #e-promocion {margin:0px; margin-top:10px; }
	
	.e-3, .e-4 {height:50%;}
	.e-producto span {visibility: visible;
    display: block;
    width: 85%; 
    /* height: 40%; */
    padding: 5px;
    margin: 0px;
    /* margin-bottom: -20px; */
    /* margin-left: 0px; */
    /* margin-top: 50%; */
    z-index: 500;
    /* color: white; */
    /* background: rgba(47,47,47,0.5); */}
	.e-producto span:hover {height:40%;}
	
	
	#e-promocion span {width:40%; }
	
	#menu_vertical_desplegable {width:100%;}
	
	#e-promocion:hover span {width:60%;}
	
	#menu_vertical_desplegable div ul li:hover ul {display:block; top:50px; left:0px; width:105%; height:auto; z-index:2;}
	#menu_vertical_desplegable  .has-sub:after, #menu_vertical_desplegable  .has-sub > ul > .has-sub:hover:after {    Background:#60b0a6;;     content: '>'; }


	
	.miniaturas_galeria {   margin-left: 0px;	margin-top: 100%;}
	
	.fila_V80, .fila_v70 { height: 40%;} 
	.fila_v60 {height:100%;}
	
	.R_top {  top: 400px; }
	.fila_f50 {height:100px;}
	
	.triangulo_1{
	 border-right: 200px solid transparent;
     border-top: 100px solid rgba(0,0,0,0.8);
	border-bottom: 50px solid transparent ; }
	
	


.triangulo_3{
     border-left: 200px solid transparent;
     border-top: 50px solid transparent;
     border-bottom: 100px solid rgba(0,0,0,0.8); 
}
#redes_sociales_right a img {height:25px; }
#redes_sociales_right a {display:block; width:auto; float:left;
     height: 30px;
    text-align: center;
    margin-top: 0px;
    margin: 2px;
    padding: 0px;
	top:0px;
   }	

}	
@media only screen and (min-width :551px) and (max-width :825px){#pie_de_pagina div div li {      width: 100%;
    font-size: 15px;
    text-align: left;
    border: 0px; }}
@media only screen and (min-width :551px) and (max-width :637px){.e-producto , #e-promocion { width:100%; }}
@media only screen and (min-width :637px) and (max-width :900px){.e-producto , #e-promocion { width:47%; }}
@media only screen and (min-width : 551px) and (max-width :900px)
{
	
	.fila_2-auto {height:49.5%;}
	.seccion_1 div, .seccion_2 div, .seccion_3 div, .seccion_2 div div div {padding: 0px; background-size:auto 100%;}
	.seccion_2 div div {width:100%; float:left; background-size:auto 100%;}
	
	.seccion_g {margin-top:90px; height:auto;}
	.seccion_3 {height:120%;}
	.ancho_fijo {width:95%;}
	.encabezado {width:100%;}
	.fila_V80, .fila_v70 { height: 40%;} 
	.fila_4 {height:20%;}
	.fila_f40 {height:100px;}
	.columna_2, .columna_4, .columna_1a, .columna_3, .columna_3a, .columna_v78 {width:100%; }
	.seccion_auto {min-height:auto;}
	.fila_3 {height:auto;}
	
	#menu_vertical_desplegable div ul  {display:block;  left:0px; width:100%; z-index:2;}		
	#menu_vertical_desplegable div ul li:hover ul {display:block;  left:0px; width:100%; z-index:2;}		
		
	#menu_vertical_desplegable div > .has-sub:after, #menu_vertical_desplegable div >  .has-sub > ul > .has-sub:hover:after {    Background: rgb(233,118,4);     content: '+'; }


	.bottom_right {right:-200px;}
	.formulario {width:90%;}
	.formulario input[type="text"], input[type="submit"], select {height:10%; float:right;}
	.formulario textarea {height:40%; }
	
	.pie_de_pagina div { margin:5px;}
	#pie_de_pagina a img {    /* float: left; */
    /* width: 100%; */
    height: auto;}
	#redes_sociales a img {float:none;}
	#redes_sociales a img {
    height: 40px;
    width: auto;
    margin-bottom: 15px;}
	
	.columna_1b {width:57%}
	
	
	
	.seccion_1_menu a {font-size: 0.8em;}
		
	.miniaturas_galeria {   margin-left: 0px;	margin-top: 100%;}
	
	.seccion_1, .seccion_1a, .seccion_2, .seccion_3, #pie_de_pagina {background-size:auto 100% ; background-position:top center;}
	.seccion_auto {background-size: contain;
    background-position: top center;}
	.oculto_movil {visibility:hidden; display:none;}
	
	#menu_movil, .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)*/{
	
	.seccion_1 div, .seccion_2 div, .seccion_3 div, .seccion_2 div div div {padding: 0px; background-size:auto 100%; }

	.seccion_g {margin-top:110px; height:auto;}
	.lista_productos, p {font-size:18px; }
	.ancho_fijo, .encabezado {width:900px;}
	.columna_2  {width:45.5%;}
	.fila_3 {height:auto;}
	.columna_1a {width:66%;}
	.fila_V70   {height: 65%;}
	#pie_de_pagina {background-size:auto 100%;}
	.seccion_1_menu a {font-size: 0.8em;}
	.columna_1b {width:65%}
	.e-producto , #e-promocion { width:47%; }
	
	
	#encabezado a img { max-height:35px; width:auto;  margin-top: 35px; }
	
	
	.miniaturas_galeria {   margin-left: 0px;	margin-top: 100%;}
	
	.oculto_movil {visibility:hidden; display:none;}
    .ver_movil  {visibility:visible; display:block; }
		
	.formulario, .columna_2, .columna_4, .columna_1a, .columna_3 {width:100%; }
	.columna_3a {width:40%;} 
	#pie_de_pagina {min-height:450px;}
}

@media only screen and (min-width : 901px) and (max-width : 1260px)
/*@media (max-width:1025px)*/{
 #encabezado li {font-size:12px;}
 #redes_sociales_right{  right:0px;}
}


@media only screen and (min-width : 1026px) and (max-width : 1281px)
/*@media (max-width:1281px)*/{
	.seccion_1_menu a {font-size: 0.8em;}
	.e-producto { width:45%; }

	#encabezado a img { max-height: 35px;
    width: auto;
    margin-top: 35px;}
	
}
@media only screen and (min-width : 1282px) and (max-width : 1401px)
/*@media (max-width:1401px)*/{
	.seccion_1_menu a {font-size: 0.8em;}
	.e-producto { width:45%; }
	#encabezado a img { max-height:90px; width:auto;}

}

@media only screen and (min-width : 1280px) and (max-width : 1690px)
/*@media (max-width:1690px)*/{
	
	.columna_2  {width:45.5%;}
	.columna_1a {width:66%;}
	.fila_V70   {height: 65%;}
	.e-producto { width: 45%; }
#encabezado a img { width:auto;}
}

@media only screen and (min-height : 1100px) and (max-height:1200px){ 
.seccion_1, .seccion_2, .seccion_3, #pie_de_pagina, #contenedor, .seccion_auto {background-size:cover; background-position:top center;}

}

@media only screen and (min-height : 100px) and (max-height:598px){ 
.seccion_1, .seccion_2, .seccion_3, #pie_de_pagina, #contenedor, .seccion_auto {/*height:1000px;*/ background-size:cover; background-position:top center;}


}

@media only screen and (min-height : 100px) and (max-height:800px){ 
	.triangulo_1{
	 border-right: 200px solid transparent;
     border-top: 100px solid rgba(0,0,0,0.8);
     border-bottom: 50px solid transparent ; 
}


.triangulo_3{
     border-left: 200px solid transparent;
     border-top: 50px solid transparent;
     border-bottom: 100px solid rgba(0,0,0,0.8); 
}
}

@media only screen and (min-width :0px) and (max-width : 400px) { .formulario_index {width:80%;} }
@media only screen and (min-width :0px) and (max-width : 700px) { .formulario_index {    position: initial;
    margin: auto;
    left: 0;
    right: 0;
    margin: 5%;
    /* margin-left: 20%; */
    max-width: 80%;
} .formulario_index  span {position:initial;}  }
@media only screen and (min-width :700px) and (max-width : 800px) { 	.altura_auto {height:550px;} .formulario_index {top:350px;} }	
@media only screen and (min-width :800px) and (max-width : 1000px) { 	.altura_auto {height:auto;}  }




/*--------Galeria--------  */
    #slides, #slides_2 {/*Fondo general color*/
	background-position: center center;
	  
    }

    #slides .slidesjs-navigation, #slides_ .slidesjs-navigation {
	position: absolute;
    z-index: 500;
    margin-top: -22.3%;
    background: transparent;
    width: 80px;
    height: 80px;
    }
	
	/*agregado para posicionar imagen de fondo*/
	#slides div, #slides_2 div{    background-repeat: no-repeat;    background-size:contain; /*POsicion con 50% de altura*/} 

    #slides .slidesjs-previous, #slides_2 .slidesjs-previous {
	/*Oculto a para que solo mueva las imagenes*/
	position: absolute;
    margin-left: 10px;
    bottom: 50%;
    left: 0px;
    float: right;
    background: transparent;
    width: 0px;
    }

    #slides .slidesjs-next, #slides_2 .slidesjs-next {
			/*Oculto a para que solo mueva las imagenes*/
    position: absolute;
    margin-right: 10px;
    right: 0px;
    float: left;
    background:gray;
    width: 0px;
    }

    .slidesjs-pagination {
    margin: 6px 0 0;
    float: right;
    list-style: none;
    background: transparent;
    width: 40px;
    height: 40px;
    visibility: hidden;
    display: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
	  
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
	  background:red;
	   width:80px; height:80px;
    }

	 .icon-large {width:0px; height:0px; margin-top:0%; display:block; background-size:50% auto; background-repeat:no-repeat; background-position:center center;}/*
	 .icon-chevron-left {background-image:url(../interfaz/iconos/galeria_izq.png); }
	 .icon-chevron-right {background-image:url(../interfaz/iconos/galeria_der.png);}*/
	
    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }


   

	#slides:hover a, #slides_2:hover a{
       width:40px;
	   height:40px;
	   border-radius:80px;
    }
	#slides a:hover, #slides_2 a:hover{
       background:#FE9A2E;
    }
	
	
	#slides:hover .icon-large, #slides_2:hover .icon-large {height:80px; width:80px;}
	
	
    .navbar {
      overflow: hidden
    }
	
   
    .container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) { .container { width:auto; }}

    /* For smartphones */
    @media (max-width: 480px) {.container {width:auto;}}

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {.container {width: 724px;}}

    /* For larger displays */
    @media (min-width: 1200px) {.container { width:1170px;}}
	
	
	@media only screen and (min-width : 220px) and (max-width : 550px)
	{
	#slides .slidesjs-navigation, #slides_ .slidesjs-navigation {height:40px;}
	#slides:hover .icon-large, #slides_2:hover .icon-large {    height: 40px;    width: 40px;}
	#slides:hover a, #slides_2:hover a {    background: red;    width: 40px;    border-radius: 40px;}
	#slides div, #slides_2 div {    background-repeat: no-repeat;    background-size: cover; background-position:center; }
	
	}
	

	
	@media only screen and (min-width : 220px) and (max-width : 1150px) {.seccion_g {height:auto;    margin-top: 95px;     max-height:auto;    min-height:auto;} 

		
	}