ul.menu
{
   list-style:none;
   width:100%;
   position:relative;
   left: -30px;
}
ul.menu a{
	text-decoration:none;
	font-size:16px;
   	color:#330000;
   	font-weight:bold;
}
ul.menu li ul  a div{
	font-size:14px;
   	font-weight: normal;
   	padding-left: 10px;
   	padding-top: 10px;
}

ul.menu li ul a div{
	width:175px;
	background-color:#cdcd37;
	padding-bottom:7px;
}
/*Cada ves que se el raton en la capa que contiene el enlaze*/
ul.menu li ul div:hover{
	background-color:#e9e989;
}
ul.menu li 
{
   position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
   display:inline;
   padding-left:20px;
	width:200px;
}
ul.menu ul
{
	/*Este padding marca la separacion con el menu de 1er nivel */
   padding-top:23px;
   position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
   top:0px;
   left:-30px;
   display:none;
   list-style:none;
   text-align:left;
}
ul.menu li:hover > ul
{
   display:block;
}
ul.menu a , ul.menu li ul a, ul.menu li , ul.menu ul{
	width: 100px;
}