nav{
	font-family: 'Montserrat', bold;
	width: 100%;
	height: 80px;
	min-height: 80px;
	background-color: rgba(02,02,02,.8);
	position: fixed;
	z-index: 1000;
}
/* Ul y li General en menu*/
nav ul{
	float: left;
	display: flex;
  	justify-content: center;
}
nav ul li{
	text-decoration: none;
	display: inline;
	margin-left: 15px;	
}
nav ul li a{
	display: block;
}
a#cerrar, ul#nav11 li, ul#nav111 li{
	display: none;		
}

/*----------------------------------------------------------------------*/
/* SECCIÓN REDES SOCIALES DEL MENU*/
#nav1{
	width: 42.5%;
	padding-top: 16px;	
}

nav ul li.soc1 a, nav ul li.soc2 a{
	font-size: 1.2em;
	padding: 7px 8px;
	background-color: #dfbd97;
	border: 5px solid #dfbd97;
	border-radius: 30px;
	transition: .5s;
}
nav ul li.soc1 a:hover{
	border-color: #dfbd97;
	background-color: transparent;
	box-shadow: 1px 5px 2px rgba(0,0,0,.3); 
	-webkit-transform: rotate(-25deg); /* Safari */
	transform: rotate(-25deg);	
}
nav ul li.soc2 a{
	background-color: #fff;
	border-color: #404041;
	color: #3a3a3a !important;
}
nav ul li.soc2 a:hover{
	border-color: #fff;
	box-shadow: 1px 5px 2px rgba(0,0,0,.3); 
	background-color: transparent;
	-webkit-transform: rotate(-25deg);
	transform: rotate(-25deg);
}
nav ul li.soc1 i{
	color: #fff;
	webkit-transition: 0.2s;
}
nav ul li.soc2:hover i{
	color: #fff;
}
nav ul li.soc1 i{
	color: #020202;
	webkit-transition: 0.2s;
}
nav ul li.soc1:hover i{
	color: #dfbd97;
}
/*------------------------------------------------------------------------*/

#nav2{
	width: 15%;
	text-align: center;	
	padding-top: 16px;	
}
nav ul img{
	width: 100%;
	display: flex;
  	justify-content: center;
}
/*------------------------------------------------------------------------*/
#nav3{
	width: 42.5%;

}
nav ul#nav3 li a{
	font-family: 'Montserrat', sans-serif;
  	text-decoration: none;
  /*color: #fff; */
  	color: #dfbd97;
  	padding: 30px 7px 7px 7px;
  	-webkit-transition: .5s;
  	height: 43px;
}

nav ul#nav3 li a:hover{	
	height: 55px;
	font-weight: bold;
	color:#404041;
	background-color: #fff;
	overflow-wrap: break-word;
	box-shadow: 1px 5px 2px rgba(0,0,0,.3); 
}

nav ul#nav3 li ul{
	display: none;
	position:absolute;
	min-width:140px;
	color: #fff;
}
nav ul#nav3 li:hover > ul{
	display: block;
	background-color: rgba(64, 64, 65,.8);
	
}

nav ul#nav3 li ul li{
	position: relative;
}
nav ul#nav3 li ul li a {
	padding: 8px;
	height: auto;
	-webkit-transition: .5s;
	color: #fff;
}
nav ul#nav3 li ul li a:hover{
	padding: 10px;
	height: auto;
}

nav ul#nav3 li ul li:hover > ul{
	left: 140px;
	top: -15px;
}	
#nav4{
	display: none;
}	
/*------------------------------------------------------------------------*/
@media screen and (max-width: 1080px) {

	nav {
		display: none;
		height: 100%;
	}
	#nav4{
		display: block;
		width: 100%;
		height: 75px;
		background-color: rgba(02,02,02,.8);
		margin-bottom: 0;
		position: fixed;
		z-index: 100;
	}
	#nav4 img{
		margin-top: 16px;
		width: auto;
		max-height: 48px; 
	}
	#nav4 i{
		font-size: 2em;
	}
	#nav4 span{
		/* color: #fff; */
		color: #000000cc;
		margin: 12px;
		float: right;
	}
	#nav4 p{
		font-size: .7em;
	}
	nav ul li.soc2 a{
		border: 3px solid #404041;
	}
	nav ul li.soc1 a{
		border: 3px solid #fff100; 
	}
	ul#nav1{
		display: none;
	}
	ul#nav11, ul#nav111{
		width: 100%;
		position: relative;
		float: left;
		bottom: 0px;
	}
	ul#nav11 li, ul#nav111 li{
		display: inline;
	}
	ul#nav2{
		display: none;
	}
	ul#nav3{
		display: block;
		width: 100%;
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
	}
	nav ul#nav3 li:hover > ul{
		display: none;
	}
	a#cerrar{
		display: block;
		font-size: 3em;
		float: right;
		padding: 10px;
		color: #dfbd97;
	}
	.fa-bars{
		color: #dfbd97;
	}

}