	<style>

	body{
		font-family:Georgia, "Times New Roman", Times, serif;

		}

	/* Estilo Generales*/

	#menu ul {
		list-style:none;
		padding:0;
		z-index:100;
		}
	#menu li {
		line-height:3rem;
		position:relative;
		}
	#menu li ul{

		position:absolute;
		}

	#menu a{
		color:#00F;
		display:block;
		padding: 0 3.5rem;
		text-decoration:none;
		transition:.5s;
		}
	#menu a:hover{

		background:#e7142a;
		color:#ffffff;
		}

	/*PRIMER NIVEL*/

	#menu > ul {

		background:#c8c8c8;
		display:table;
		width:100%;

		}
	#menu > ul > li {
		float:left;
		}

	/*SEGUNDO NIVEL*/

	#menu li li{
		background:#c8c8c8;
		max-height: 0;
		overflow:hidden;
		transition: all .6s;
		width:350px;
		}
	#menu li:hover li{
		max-height:500px;
		overflow:visible;

		color:#ffffff;
		}
	#menu > ul > li > ul {
		top:100%;
		}


	</style>

