/* style the outer div to give it width */
.menu					{font-size:8pt; padding:0; margin:0; width:1000px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul				{padding:0; margin:0; list-style-type:none; height:40px; background:transparent; font-family:Verdana;}

/* style the sub-level lists */
.menu ul ul				{width:246px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li				{float:left; height:40px; line-height:33px; display:block;}

/* style the sub level list items */
.menu ul ul li			{display:block; font-size:8pt; height:20px; width:230px; line-height:20px; color:#a9a9a9; text-decoration:none; text-indent:8px; padding-left:8px; position:relative; float:left;}

/* style the links for the top level */
.menu ul li a.top_link, 
.menu li ul a.top_link:visited			
						{display:block; float:left; height:40px; font-family:Verdana; font-size:8pt; text-decoration:none; color:#cbc6c1; padding:0 0 0 30px; cursor:pointer;}
.menu ul li a.top_link span.top_link_span, 
.menu ul li a.top_link:visited span.top_link_span	
						{float:left; display:block; padding:0 30px 0 0px; height:40px;}

/* style the sub level links */
.menu ul ul a.sub_link, 
.menu ul ul a.sub_link:visited	{display:block; font-size:8pt; height:20px; width:230px; line-height:20px; text-indent:12px; color:#FFFFFF; text-decoration:none;}

.menu ul ul a.sub_nolink, 
.menu ul ul a.sub_nolink:visited	{display:block; font-size:8pt; height:20px; width:230px; line-height:20px; text-indent:8px; color:#a9a9a9; text-decoration:none;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table				{border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:8pt; z-index:1;}

/* style the level hovers */
/* 1º */
* html .menu a.top_link:hover	{color:#000000;background: url(../images/menu_sel.jpg) no-repeat; position:relative; z-index:100;}
* html .menu a.top_link:hover span.top_link_span	{color:#000000; background:url(../images/menu_sel.jpg) no-repeat right top; position:relative; z-index:100;}
.menu li:hover			{position:relative;}
.menu :hover > a.top_link		{color:#000000; background: url(../images/menu_sel.jpg) no-repeat;}
.menu :hover > a.top_link span.top_link_span	{color:#000000; background:url(../images/menu_sel.jpg) no-repeat right top;}

/* 2º */
* html .menu ul ul a.sub_link:hover{color:#c02022; width:230px; background:#000000; position:relative; z-index:110;}
* html .menu ul ul a.sub_nolink:hover{color:#a9a9a9; width:230px; background:#000000; position:relative; z-index:110;}
.menu ul ul li:hover	{position:relative; width:230px;}
.menu ul ul :hover > a.sub_link	{width:230px; color:#c02022; background:#000000;}
.menu ul ul :hover > a.sub_nolink	{width:230px; color:#a9a9a9; background:#000000;}


/* Esconde Sub Niveles and give them a positon absolute so that they take up no room */
.menu ul ul				{visibility:hidden; position:absolute; height:0; top:40px; left:0; width:246px;}

/* UL de 2º Nivel visible cuando hover en 1º Nivel list OR link */
.menu ul :hover ul		{visibility:visible; left: 2px; top: 40px; right: 2px; background: url(../images/submenu.gif) no-repeat right bottom; padding:3px 0; white-space: nowrap; width: 246px; height: auto;}