@charset "utf-8";
/* CSS Document */
body {
	background: #000000;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
heather {
	margin:auto;
	width: 500px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	border-bottom: 1px solid #000;
}
ul {
	margin-top:10px;
	align: right;
	width:90%;
}

/*ESTILOS GENERALES*/
nav ul {
	list-style: none;
	padding: 0;
}

nav li {
	line-height: 2.5rem;
	position: relative;
}
nav li ul {
	position: absolute;
	
}

nav a{
	color: #ddd;
	display: block;
	padding: 0 1em;
	width: 120px;
	text-decoration: none;
	transition: .4s;
}

nav a:hover {
	background: rgba(252,184,37,1);
	font-weight: bold;
	color: #000;
}
/*PRIMER NIVEL*/

nav > ul {
	background: #1A3763;
	display: table;
	width: 100%;
}

nav > ul > li {
	float: left;	
}
/*SEGUNDO NIVEL*/
nav li li {
	background: #222;
	max-height: 0;
	overflow: hidden;
	transition: all .4s;
	width: 200px;
}

nav li:hover > ul > li {
	max-height: 1000px;
	overflow: visible;
	
}
nav > ul > li > ul {
	top: 120%;
}