/* CSS Document */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu_ppal a { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px;}

	#menu_ppal ul {
	position: relative;
	z-index:9999;
	padding:0;
	margin:0;
	list-style-type:none;
	width:100%;
	background: #f6a700;}
	
	/* hack for IE5.5 */
	* html #menu_ppal ul {margin-left:0px; ma\rgin-left:0;}

	#menu_ppal li {
	position:relative;
	background: #f6a700 url(../images/cuerpo/menu/item-back.gif) repeat-x top;
	width: 100%;
	/**padding-bottom: 3px; /* para ie7 */
	/*margin-bottom: -3px;*/
	height:22px;}

	#menu_ppal table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:12px;}

	#menu_ppal a, #menu_ppal a:visited {
	display:block; 
	text-decoration:none;
	height:22px;
	line-height:22px;
	width:100%;
	color:#000;
	text-indent:5px; }
	
	/* hack for IE5.5 */
	* html #menu_ppal a, * html #menu_ppal a:visited {width:100%; w\idth:168px;}
	/* style the link hover */
	* html #menu_ppal a:hover {background: url(../images/cuerpo/menu/item-back-on.gif) repeat-x top;}
	* html #menu_ppal a.first:hover { background: url(../images/cuerpo/menu/menu-top-on.gif) no-repeat top left; }
	* html #menu_ppal a.last:hover { background: url(../images/cuerpo/menu/menu-bottom-on.gif) no-repeat bottom left; }

	#menu_ppal :hover > a{
	color:#000; 
	background-position: 0 -26px;}
	
	#menu_ppal :hover {
	color:#000; 
	background-position: 0 -26px;}

	/* hide the sub levels */
	#menu_ppal ul ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:168px; }
	
	/* make the second level visible when hover on first level list OR link */
	#menu_ppal ul li:hover ul,	#menu_ppal ul a:hover ul {visibility:visible; }
	/* keep the third level hidden when you hover on first level list OR link */
	#menu_ppal ul :hover ul ul{	visibility:hidden; }
	/* keep the fourth level hidden when you hover on second level list OR link */
	#menu_ppal ul :hover ul :hover ul ul{ visibility:hidden;}
	/* make the third level visible when you hover over second level list OR link */
	#menu_ppal ul :hover ul :hover ul{ visibility:visible;}
	/* make the fourth level visible when you hover over third level list OR link */
	#menu_ppal ul :hover ul :hover ul :hover ul { visibility:visible;}
	
	.menu_first {
	background: url(../images/cuerpo/menu/menu-top.gif) no-repeat top left;
	height: 7px; width: 100%}
	.menu_last { 
	float: left;
	background: url(../images/cuerpo/menu/menu-bottom.gif) no-repeat bottom left;
	height: 7px; width: 100%}
	
	#menu_ppal ul ul a { font-weight: normal;}
	#menu_ppal ul ul a:hover { color: #FFFFFF;}