/* menu */



li {
height:21px;
}

ul li{
position:relative;

}

li ul{
position:absolute;
left:180px;
top:0;
display: none;
}
ul li a.sub{
text-align:center;
display:block;
text-decoration:none;
color:#5C5C5C;
padding: 5px;
border-bottom: 1px solid #ccc;

background-image:url(img/menu/fundo_li_seta.jpg);
font: 8pt "arial";
}
ul li a.sub:hover{
text-align:center;
display:block;
text-decoration:none;
color:#000;
padding: 5px;
font: 8pt "arial";
background-image:url(img/menu/fundo_li_seta_01.jpg);
}

ul li a{
text-align:center;
display:block;
text-decoration:none;
color:#5C5C5C;
padding: 5px;
border-bottom: 1px solid #ccc;
background-image:url(img/menu/fundo_li_seta1.jpg);
font: 8pt "arial";
}
ul li a:hover{
text-align:center;
display:block;
text-decoration:none;
color:#000;
padding: 5px;
font: 8pt "arial";
background-image:url(img/menu/fundo_li_seta_02.jpg);
}

ul li a.dentro{
background-image:url(img/menu/fundo_li_seta1.jpg);
border-right: 1px solid #ccc;
}
ul li a.dentro:hover{
background-image:url(img/menu/fundo_li_seta_02.jpg);
}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

ul {
margin:0;
padding:0;
list-style:none;
width:180px;
border-bottom: 1px solid #ccc;
}

li:hover ul ul, li.over ul ul { 
display:none; 
}

li:hover ul, li li:hover ul, li.over ul, 
li li.over ul { 
display: block; 
}