/************* MENU **************

PREFEITURA MUNICIPAL DE VITÓRIA - PMV
PROJETO: INTERFACE GRÁFICA SUBTI
AUTOR: DIRCEU FLAVIO MACEDO [Designer Subti]
CONTATO: dfmacedo@vitoria.es.gov.br
Original SGE: 14-01-2011
Revisão (01): 06-05-2012

/////////////////////////////////////// */
/*////////// MENU PRINCIPAL /////////// */
/*///////////////////////////////////// */

.menu-principal {
    width:100%;
    height:35px;
    text-align:center;
    float:left;
    display:block;
}
                

/* ------------>>> GERAL <<<------------*/
div.JQueryMenu {
    background: url(../../Recursos/Imagens/bg-hr-inicio.png) center top no-repeat;
    width:940px; z-index:1000; position:relative;
    margin:0 auto; display:inline-block}
div.JQueryMenu ul {list-style-type:none; text-align:left}
div.JQueryMenu li {display:inline; float:left; position:relative}
div.JQueryMenu a {
    color:#666; font-size:12px; display:block; padding:9px 16px 12px 16px; text-transform:capitalize; font-weight:normal; 
    cursor:default; text-decoration:none; background:url(../../Recursos/Imagens/elementos.png) 5px -76px no-repeat
}
.child {background:url(../../Recursos/Imagens/elementos.png) -14px -80px no-repeat}

/* -------->>> NÍVEL UM <<<-----------*/
div.JQueryMenu > ul > li a:link, 
div.JQueryMenu > ul > li a:visited {
    color:#666; border-left:1px solid transparent; border-right:1px solid transparent; 
}
div.JQueryMenu > ul > li a:hover, 
div.JQueryMenu > ul > li:hover > a {
    background:#fff url(../../Recursos/Imagens/elementos.png) 5px -106px no-repeat; color:#000; border-left:1px solid #d4d4d4; 
    border-right:1px solid #d4d4d4;
}

/* -------->>> OUTROS NÍVEIS <<<-----------*/
div.JQueryMenu * ul {
    width:198px;
    position:absolute;
    left:0;
    display:block;
    visibility:hidden;
    background-color:#fff;
    border-left:1px solid #d4d4d4;
    border-right:1px solid #d4d4d4;
    border-bottom:2px solid #A80000}
div.JQueryMenu * ul > li {display:list-item; float:left; width:200px}
div.JQueryMenu * ul > li:hover {background-color:#f7f7f7}
div.JQueryMenu * ul > li > a {
    background:url(../../Recursos/Imagens/elementos.png) -60px 13px no-repeat; width:90%;text-transform:capitalize;
    font-size:11px; font-weight:normal; line-height:12px; padding:8px 5% 8px 5%; margin:0; border:none; cursor:pointer;
}
div.JQueryMenu * ul > li > a:hover {
    background:url(../../Recursos/Imagens/elementos.png) -60px -17px no-repeat; color:#000; border-left:1px solid transparent;
    border-right:1px solid transparent;
}