/* 
Ajuste da flecha que fica ao lado do texto Acesso Rapido
*/
.bulletli
    {
    float: left;
    margin-left: 0px;
    margin-top: 2px;
    background-color: #f4f4f4;
    }

/*
Ajusta o combo select Acesso Rapido
*/
.selectrapido
    {
    margin-top: 5px;
    margin-left: 4px;
    }

/*
Classe criada inicialmente para as imagens utilizadas nos links opine e escola judicial.
É interessante entretanto utiliza-la para qualquer imagem que pertenca ao menu, pois ela basicamente define a margem lateral que a imagem deve possuir
*/
img.banner
    {
    float: left;
    padding-left:12px;
    padding-bottom:6px;
    }

/*
Estabelece a area que possui os itens do menu lateral
*/
div#itensmenu
    {
    float: left;
    margin-top:38px;
    margin-bottom:24px;
    z-index: 100;
    }

/*
Define as margens do menu
*/
div#itensmenu ul
    {
    padding: 0px 0px 0px 12px;
    margin: 0px 0px 0px 0px;
    }

/*
define a formatacao de cada um dos itens que formam o menu
*/
div#itensmenu ul li 
    {
    list-style: none;
    list-style-image: none;
    background-image: url("../images/menu_line.gif");
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 7px 0px 1px 12px;
    margin: 0px 0px 0px 0px;
    }
/*
Formatacao dos links pertencentes ao menu
*/
div#itensmenu ul li a 
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #444444;
    text-decoration: none;  
    }

/*
Formatacao dos links que formam o menu em estado onOver
*/
div#itensmenu ul li a:hover 
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #005900;
    text-decoration: none;  
    }

/*
Formatacao das imagens internas as cortinas do menu. Utilizado nas imagens de seta nestas, que indicam a existencia de um outro nivel de cortina
*/
div#menu span img
    {
    clear: both;
    float: none;
    border: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }

div#submenu0 ul
    {
    padding: 0px;
    border: 2px solid #DDDDDD;
    }

div#submenu0 ul li
    {
    background: #EFEFEF;
    background-image: none;
    border-bottom: 1px solid #DDDDDD;
    padding: 1px 5px 1px 5px;
    }

div#submenu0 ul li.yuimenuitem-hassubmenu, div#submenu0 ul li.yuimenuitem-hassubmenu:hover 
    {
    background-image: url('../images/arrows.gif');
    background-position: right center;
    background-repeat: no-repeat;
    }

div#submenu0 ul li:hover
    {
    background: #DDDDDD;
    }
    
div#submenu0 ul li a:hover
    {
    color: #000000;
    }