#barraMenu {
clear:both;
width:900px;
height:20px;
display:block;
}


#menuppal {list-style-type:none; padding:0; margin:0 0 0 0; float:left;}
#menuppal a{
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding: 0;
display: block;
border-width: 0px 0px 1px;
border-style: none none solid;
border-color: #8ea2c2;
background-color:#309;
width:180px;
height:24px;
line-height:24px;
color:#FFF;
text-decoration: none;
text-indent:5px;
}
#menuppal ul {list-style-type:none; padding:0; margin:0;}
#menuppal li {float:left;  margin:0; border:0; width:180px; height:24px;}
#menuppal li.sub {background:none;}

/* for IE5.5 and IE6 only */

#menuppal li a {z-index:800;}
#menuppal li a table {position:absolute; left:0; top:-1px; border-collapse:collapse; width:0; height:0;z-index:800;}
#menuppal li li a {}
#menuppal :hover {position:relative; }
#menuppal :hover > a { font-weight:bold; }

li.menuc, li.menuc a{height:20px;}


#menuppal ul, 
#menuppal :hover ul ul,
#menuppal :hover ul :hover ul ul,
#menuppal :hover ul :hover ul ul.left {visibility:hidden; width:0; height:0; overflow:hidden;z-index:900;}

#menuppal :hover ul {visibility:visible; overflow:visible; position:absolute; height:auto; width:auto; left:-1px;top:24px; } /* the background image is for IE7 */

#menuppal :hover ul :hover ul,
#menuppal :hover ul :hover ul :hover ul {visibility:visible; overflow:visible; height:auto; width:auto; padding:9px 3px; left:120px; top:0;}

#menuppal :hover ul :hover ul.left,
#menuppal :hover ul :hover ul :hover ul.left {visibility:visible; overflow:visible; height:auto; width:auto; padding:9px 3px; left:-130px; top:0;}
a.menutitulo{ /* las cabeceras del menu */
	font-weight:bold;
	/*background: url(imagenes/fondo_menutitulo.gif);*/
}