#navlist
{
position: relative;
/*width: 100%;*/
height: 1.05em;
margin: 0;
padding: 0;
white-space: nowrap;
}

#navlist li
{
float: left;
margin: 0 0 0 0px;
border-width: 1px 1px 2px 1px;
border-style: solid;
border-color: #aaa #555 #4396f2/*#f63 naranja*/ #999;
list-style-type: none;
}

#navlist li a
{
position: relative;
/*width: 6em;*/
display: block;
margin: 0;
padding: 1px 0.4em;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #ccc;
background-color: #eee;
color: #666;
font: normal 0.95em/120% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}

#navlist li a:hover
{
color: #4396f2;/*azul oscuro*/
text-decoration: none;
}

#navlist li#active  a
{
font-weight: bold;
background-color: #c2daf5;/*#4396f2; celestito mas oscuro*/
color: #000;
border-color: #4396f2;
}

#navlist li#active a:hover {
color: #fff;
}

#navlist ul.subnavlist
{
position: absolute;
/*width: 100%;*/
/*left: 0;*/
top: 1.75em;
height: 1em;
margin: 0;
padding: 0;
border-bottom: 3px solid #4396f2;
white-space: nowrap;
}

#navlist ul.subnavlist li
{
/*width: 14ex;*/
margin: 0;
border: 0;
}

#navlist ul.subnavlist li a
{
/*width: auto;*/
padding: 0.06em 1em 0;
border: 0;
background-color: #e0e0e0; /*#c2daf5; celestito*//*#fff;*/
color: #000000;
font: normal normal 0.9em/110% Verdana, Arial, sans-serif;
}

#navlist ul.subnavlist li a:hover
{
color: #4396f2;
text-decoration: none;
font-weight: 400;
background-color: #e0e0e0;
}

/*menu activo*/
#navlist ul.subnavlist li#subactive a
{
background-color: #4396f2;
color: #fff;
}
* html > body #navlist, * html > body #navlist ul.subnavlist
{
width: 400px;
/* IE5/Mac fixed width fix */
}

#navlist ul#submenu1 li {
	width: auto !important;
	width: 9em;
}
#navlist ul#submenu2 li {
	width: auto !important;
	width: 8em;
}
#navlist ul.subnavlist li a {
	text-align:left;
}