* {
	padding: 0;
	margin: 0;
}

.contenedor{
	width: 100%;
	margin: 0 auto;
	
}


.banner{
	
	width: 100%;
	height: 21%;
	background: #fcfcfc;
	background-image: url("imagenes/industry2.jpg");
	background-size: cover;
}

.wrapper{
	width: 100%;
	margin: auto;
	max-width: 1250px;
	
	/*overflow: hidden;*/
	display: flex;
	justify-content: space-between;
	box-sizing: boder-box;
	align-items: center;
	
}


header{
	
	background: #fcfcfc;/*whitecasi*/
	width: 100%;

	margin: auto;
	border-bottom:2px solid #e5e5e5;
	position: sticky;
	top: 0px;
	z-index: 9;
}


header .logo{
	/*line-height: 100px;*/
	margin: 1%;
	display: inline-block;
	
	
	/*float: left;*/
}


 .nav{
	/*display: inline-block;*/
	/*line-height: 100px;*/
	margin-left: 50px;
	margin-top: 10px;
    /*transform: translate(-50%, -50%);*/
	
	/*height: 80px;*/
	/*float: left;*/
	box-sizing: boder-box;
	
	
	
	
}

.nav a{
	/*display: inline-block;*/
	color: #006400;
	text-decoration: none;
	font-weight: bold;
	margin:0px 10px;
	padding: 30px 20px;
	cursor: default;
	line-height: normal;
	font-size: 19px;
	border-bottom: 4px solid #fcfcfc;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition: all 500ms ease;
		/*font-weight: bold;*/
}


 .nav a:hover{
	
	
	color: #f56f3a;
    border-bottom: 4px solid #f56f3a;
	

}



a{
	color: yellow;
    
}

/*menu hamburguesa*/

.icono-1, .icono-2, .icono-3 {
    position: absolute;
    left: 25%;
    top: 50%;
    width: 25px;
    height: 3px;
    background-color: black;
    transition: all 400ms cubic-bezier(.84,.06,.52,1.8);
}

.icono-1 {
  transform: translateY(-8px);
  animation-delay: 100ms;
}

.icono-3 {
  transform: translateY(8px);
  animation-delay: 250ms;
}

.hamburger-icono {
	display:none;
  position: absolute;
  height: 40px;
  width: 48px;
  top: 20%;
  right: 8%;
  z-index: 1000;
  cursor: pointer;
  border-radius: 50%;
 border: solid #F0F8FF 1px; 
  transition: all 0.2s ease-in-out;
 /* background: rgba(255,255,255,0);*/
  
  &:hover {
    
    transform: scale(1.1);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  }
}

.icono-1.a {
  transform: rotate(40deg);
}
.icono-3.b {
  transform: rotate(-40deg);
}
.icono-2.c {
  opacity: 0;
}

.clear {
  clear: both;
}

@keyframes slideIn {
  0% {
    width: 0%;
   
    opacity: 0;
  }
  
  100% {
    width: 50%;
   
    opacity: 1;
  }
}


/*fin menu hamburguesa*/





#ancho{
	width: 100%;
	/*background:#454546;*/
	background: #000000;
}


.grupo{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	/*padding-left: 20px;*/
	padding-top: 20px;
	text-align: center;
	color: #ffffff;
   font-size: 15px;
    background: #000000;/*negro*/
    /*box-sizing: border-box;*/
    overflow: hidden;
    /*margin-top: 20px;*/
	
	
	
	
	
	
	
}


.pies{
	width:50%;
	
	float: left;
	margin-left:1%;
	text-align: left;
	
	
	}




.pies ul{
	
	list-style: none;
       }


.pies li{
        /*display: inline;*/ 
        padding-left:3px;
        padding-top: 3px;        
        padding-right:3px; 
       }


.pies li a{
	text-decoration: underline;
	color: #FF8C00;

         }

.pies li a:hover{
                color:yellow;
                }



#telefonos{
	width: 30%;
	
	
	margin-top: 30px;
	margin-bottom: 30px;
	

	float: right;
}

#aviso{
	 clear: both;
	font-size: 14px;
	margin-bottom: 10px;
	
	
}







@media screen and (max-width: 1024px){
	body{
		background: #ff8000;
                font-size: 80%;
	}





.nav{
	display: inline-block;
	margin: 0 auto;
	box-sizing: boder-box;
	
	
}



.nav a{
	
	padding: 10px 10px;
	font-size: 16px;	
	
    /*-webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition: all 500ms ease;*/
	
}

.nav a:hover{
	/*background: #f56f3a;*/
	
	
	border-bottom: 3px solid #f56f3a;
	
	/*transition: all 500ms ease;*/
	/*border-radius: 50px;*/

}





.grupo{
	
	max-width: 900px;
	
	
   
    
}


#aviso{
	 /*clear: both;*/
	font-size: 12px;
	/*margin-bottom: 10px;*/
	
	
}




}








@media screen and (max-width: 500px){
	.contenedor{
		width: 100%;
	}
	
	.banner{
		display: none;
	}
	

header{
	background: #fcfcfc;/*whitecasi*/;
}

	
	
header .logo img{
width: 150px;
height: 80px;

}	


.hamburger-icono {
 display: block;
}
	

.nav{
	
	position: absolute;
	
	width: 250px;
	
	left: -250px;
	top: 0px;
	background: #fcfcfc;/*whitecasi*/
    
	/*transform: traslateX(-400px);*/
	transition: all 500ms linear;
}
	
.nav.active{
	left: 0;
}


	
.nav a{
	display: block;	
	
	margin:30px 50px;
	
	cursor: default;
	line-height: normal;
	font-size: 19px;
			
}



	









	.pies{
   font-size: 12px;
	margin-left:1%;
	
	
	
	}

		
#telefonos{
	font-size: 11px;
	
}

#aviso{
	
	font-size: 10px;
	margin-bottom: 10px;
	
	
}
	
	
}