/* Root = Horizontal, Secondary = Vertical */

ul.chevron li img{
	position: relative;
	width: 25px;
	z-index: 9999;
	margin-top: -50px;
	padding-top: 30px;
}

.logito img{
	position: relative;
	width: 255px;
	z-index: 9999;
	margin-top: 50px;
	margin-right: 50%;

	padding-top: 30px;
}




#headermaster{
  position: fixed;
  top:0;
  width: 100%;
  float:left;
  margin-left: auto ;
  margin-right: auto ;
  background-color:#ccccc;
  z-index: 999999;
}

#headermastermenu{


}




body:nth-of-type(1) .sombra {
  z-index: 999999;

 background:#886666;
  float:none;
 filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.90');
 -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
 -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
 box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
    z-index: 1;
		  opacity: .95;
  -moz-opacity: 0.95;
  filter:alpha(opacity=95);

 }


#cabecera {
width:100%;
height: 25px; 
background: rgba(0, 120, 120, 20);; 
bgcolor:#000000; 
position: absolute;
margin-left: 0%;
align: center;
  z-index: 80;
padding-left:1%;
 float:left;
  margin-left:auto;	
 margin-right:auto;
     z-index: 10;

} 

.subsombra { 
 position:relative;
 float:none;
 background:#fff;
    z-index: 999;
 opacity: 1;

 }


body:nth-of-type(1) .fondoheader {
 background:#FFFFFF;
	height: 60px;
	  z-index: 999999;


 }


/* MODELO DE WRAPPER PARA COLOCAR A LA ALTUNA DEL LOGO */
.wrapperhome1 {
	width:90%; /* Establecemos que el ancho sera del 90% */
	max-width:3000px; /* Aqui le decimos que el ancho máximo sera de 1000px */
	max-heigh: 20px;
/* 	margin:left; Centramos los elementos */
	overflow:hidden;  Eliminamos errores de float 
	padding-top: 1%; 
	  z-index: 999999;
 }


.wrapper1 {
	width:90%; /* Establecemos que el ancho sera del 90% */
	max-width:3000px; /* Aqui le decimos que el ancho máximo sera de 1000px */
	max-heigh: 20px;
/* 	margin:left; Centramos los elementos */
	overflow:hidden;  Eliminamos errores de float 
	padding-top: 1%; 
	  z-index: 999999;
 }

headerprincipal {
	width:100%; /* Establecemos que el header abarque el 100% del documento */
	overflow:hidden; /* Eliminamos errores de float */
	background:#ffffff;
	margin-bottom:20px;
  	z-index: 999999;
	margin-top:-200px;
    height:50px;
}

headerprincipal .logo {
	color:#dadada;
	font-size:50px;
	line-height:50px;
	float:left;
	z-index: 9999;
	width: auto;	
	height: auto;	

}


headerprincipal .imagenfull{
  display: inline-block;
  position:absolute;
  top:5%;
  bottom:10%;
  margin:auto;
}

headerprincipal .imagenfull2{
  display: inline-block;
  position:absolute;
  top:5%;
  bottom:10%;
  margin:auto;
	width: 50vh;	
	height: 50px;
			margin-left: 6vw;

}




headerprincipal .wrapiconhome{
	z-index: 999999; 
	position: relative; 
	margin-right: 3%;
}


headerprincipal .imagenhome{
  display: inline-block;
  position: relative;
  bottom:0%;
  float: right;
  margin-top:0.3rem;
  margin-right:15px;
    z-index: 999999;
	  width: 35px;
  height: 35px;
  margin-left: 10px;
    filter: drop-shadow(2px 3px 5px rgba(41, 41, 41, 1));
}

headerprincipal .imagenhome:hover{
    filter: drop-shadow(0px 0px 0px rgba(41, 41, 41, 1));
		margin-top: 0.4rem

}


headerprincipal .imagenhome2{
  display: inline-block;
  position: relative;
  bottom:0%;
  float: right;
  margin-top:0.3rem;
  margin-right:15px;
    z-index: 999999;
	  width: 35px;
  height: 35px;
  margin-left: 10px;
    filter: drop-shadow(2px 2px 5px rgba(41, 41, 41, 1));
}

headerprincipal .imagenhome2:hover{
    filter: drop-shadow(0px 0px 0px rgba(41, 41, 41, 1));
		margin-top: 0.4rem

}



headerprincipal .imagenhome3{
  display: inline-block;
  position: relative;
  bottom:0%;
  float: right;
  margin-top:0.3rem;
  margin-right:15px;
    z-index: 999999;
	  width: 35px;
  height: 35px;
  margin-left: 10px;
    filter: drop-shadow(2px 2px 5px rgba(41, 41, 41, 1));


}

headerprincipal .imagenhome3:hover{
    filter: drop-shadow(0px 0px 0px );
	margin-top: 0.4rem
}


headerprincipal .imagenface{
  display: inline-block;
  position: relative;
  bottom:0%;
  float: right;
  margin-top:0.3rem;
  margin-right:15px;
    z-index: 999999;
	  width: 35px;
  height: 35px;
  margin-left: 10px;
    filter: drop-shadow(2px 2px 5px rgba(41, 41, 41, 1));


}

headerprincipal .imagenface:hover{
    filter: drop-shadow(0px 0px 0px );
	margin-top: 0.4rem
}


headerprincipal .imagenigram{
  display: inline-block;
  position: relative;
  bottom:0%;
  float: right;
  margin-top:0.3rem;
  margin-right:15px;
    z-index: 999999;
	  width: 35px;
  height: 35px;
  margin-left: 10px;
    filter: drop-shadow(2px 2px 5px rgba(41, 41, 41, 1));


}

headerprincipal .imagenigram:hover{
    filter: drop-shadow(0px 0px 0px );
	margin-top: 0.4rem
}



headerprincipal .imagenresponsive{
		display:none;
}

headerprincipal .imagenresponsive2{
		display:none;
}



.logoheadright  {
	color:#ccccc;
	font-size:1px;
	line-height:1px;
	float:right;
	z-index: 0;
	margin-top: -1vh;
	width: auto;	
	height: auto;	

}










   

 
#footer {
    width: auto;
    height: auto;
	float:none;
    margin-top:-200px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background: #cccccc;
    border-top: 10px solid #000;
	padding-left: 0%;
	padding-top: 0%;

 
}

footer section .column1{
width: 20%;
float: left;
overflow: hidden;
margin-bottom: 20px;
margin-left: 40%;
margin-top: -120px;

}

.fondo{
margin-left: 30%;

}

/* Create four equal columns that floats next to each other */
.column {
    float: left;
    width: 23%;
    padding: 0px;
	padding-left: 5%;
	
}

.column table {
    width: 70%;
}

.column .imgs{
        width: 50%;
		height: auto;
   }	

.column .imgs2{
        width: 40%;
		height: auto;
   }

.column .imgs3{
        width: 20%;
		height: auto;
   }


/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}


/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 700px) 
{
    .column {
    width: 30%;
    padding: 0px;    
	padding-left: 10%;
	align: center;

    }

   }


/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 1024px) 
{
headerprincipal .imagenfull{
	display:none;
}

headerprincipal .imagenfull2{
	display:none;
}


headerprincipal .imagenresponsive{

  display: inline-block;
  position:absolute;
  top:-5%;
  bottom:0%;
  margin:auto;
		width:126px;
		height:34px;
	
	}
	
	headerprincipal .imagenresponsive2{

  display: inline-block;
  position:absolute;
  top:-5%;
  bottom:0%;
  margin:auto;
		width:126px;
		height:34px;
		margin-left: 10vw;
	
	}
	

headerprincipal .wrapiconhome{
	z-index: 999999; 
	position: absolute; 
	margin-top: 2.3rem;
}
	
headerprincipal .imagenhome{
  display: inline-block;
  position: absolute;
  bottom:0%;
  float: left;
  margin-top:-0.5rem;
  margin-left:25px;
  width: 30px;
  height: 30px;
}

headerprincipal .imagenhome2{
  display: inline-block;
  position: absolute;
  bottom:0%;
  float: left;
  margin-top:-0.5rem;
  margin-left:83px;
  width: 30px;
  height: 30px;
}

headerprincipal .imagenhome3{
  display: inline-block;
  position: absolute;
  bottom:0%;
  float: left;
  margin-top:-0.5rem;
  margin-left:140px;
  width: 30px;
  height: 30px;
}


headerprincipal .imagenface{
  display: inline-block;
  position: absolute;
  bottom:0%;
  float: left;
  margin-top:-0.5rem;
  margin-left:145px;
  width: 30px;
  height: 30px;
}



headerprincipal .imagenigram{
  display: inline-block;
  position: absolute;
  bottom:0%;
  float: left;
  margin-top:-0.5rem;
  margin-left:205px;
  width: 30px;
  height: 30px;
}

}



#footer {
    height: 900px;
padding-right: 0%;
	padding-left: 0%;
	margin-left: -10%;

}



.wrapper1 {
	padding-top: 10%;

}


headerprincipal  {
	margin-top: -30px;
	  z-index: 999999;

	}








.logoheadright  {
	color:#ccccc;
	font-size:1px;
	line-height:1px;
	float:right;
	z-index: 0;
	margin-top: -1vh;
	width: 15%;	
	height: 15%;	
}



.wrapper1 {
	padding-top: 3%;
}

    .column {
        width: 50%;
		padding-bottom: 40px;
   }

    .column .imgs{
        width: 70%;
   }

    .column .imgs2{
        width: 50%;
   }


#footer {
    height: auto;
	padding-right: 0%;
}

body:nth-of-type(1) .sombra {
 background:#339999;
  float:none;
 filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='1');
 -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
 -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
 box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
		  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=1);
  z-index: 20;

 }
 
 /* ARIEL GARNEK - EL CODIGO SIGUIENTE HACE QUE EL SUBMENU SEA TRANSPARENTE. HAY QUE PONER QUE .sombra NO LO SEA EN EL PUNTO ANTERIOR */

.sombra #cssmenu ul ul li a {
 filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.6');
 -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
 -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
 box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
		  opacity: 0.80;
  -moz-opacity: 0.80;
  filter:alpha(opacity=0.80);
}





body:nth-of-type(1) .fondoheader {
position: relative;
 background:#FFFFFF;
    z-index: 990;
	height: 60px;
 }

body:nth-of-type(1) .sombra3 {
	position: fixed;
 height: 70px;
  z-index: 9999;
  margin-top: -70px;

 }


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width:700px) {

#cssmenu ul a{
 padding-left: 20%;
}




}