#menu {
width:750px;
padding-top:2px;
background: url(images/menu.jpg) bottom left no-repeat ;
/*background: #eee;*/
float: left;
}

#menu ul {

list-style: none;
margin: 0;
padding: 0;
/*width: 100%;*/
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2{

color: #fff;
/*background: #000;*/
/*text-transform: uppercase;*/
border-bottom:0px;
border-top:0px;}

/*Cesar*/
#menu h2 a{
font: bold 11px/16px arial, helvetica, sans-serif;
padding:0;
border:0;
border-style:none;
color: #fff;
float:left;
/*background: #000;*/
}



#menu ul li ul a {
color: #000;
background: #efefef;
text-decoration:none;
}

#menu ul li ul a:hover {
color: #a00;
background: #fff;
z-index: 500;
}
/*Fin Cesar*/

#menu li {
position:relative;
z-index: 500;

}

#menu ul ul {
position: absolute;
z-index:500;
width:100%; /*200px*/
display:block;
/*border:1px solid; */
}

#menu ul li ul li{
float:left;

width:150px; /*200px*/
display:block;
/*border:1px solid; */
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
z-index: 500;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;
z-index: 500;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
z-index: 500;}


#navsite {

 font-family: Arial, Helvetica, Arial, sans-serif;

 font-size: 0.9em;

 font-weight: bold;
 width: 170px;

 /*border-right: 1px solid #eee; */

 padding: 0; 

 margin-bottom: 1em; 
 margin-left:10px;
 /*margin-right: 179px;*/
 background-color: #BDD6EA; 

 color: #333; 

    text-align: left;
}

#navdocuments{

    font-family: Arial, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #0b5a7d;
}