﻿/*********************************************
Projeto AnibalSA.Portal
version:  1.20070414
*********************************************/
* {margin: 0; padding: 0;}

/*----------------- navegação horizontal -----------------*/

.navHorizontalVertical
{
    width:770px;
    position: relative;
    font-family:Trebuchet MS, verdana, sans-serif; 
    font-size:13px;
    text-align:left;
    text-transform:uppercase; 
    margin:0 auto;
    padding:0;
    z-index:500;
}

/*----------- Lista do Nível 1 do menu (principal)-------------------*/
ul.ASMenu 
{
    margin: 0;
    padding: 0;
    width: 770px;
    position: relative;
    display: block;
    white-space:nowrap;
    line-height:31px;
    background-color:transparent;
}
/*----------- Lista do Nível 2 do menu-------------------*/
ul.ASMenu ul
{
    width:198px;
    padding:0;
    position: absolute;
    left: 0;
    visibility: hidden;
    display: block;
    font-size:11px;
    border:1px solid #154c5a;
    background: transparent url(images/bottom_submenu.gif) left bottom repeat-x;
/* Hack para IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
    width:196px; 
	}
	html>body ul.ASMenu ul {
    width:196px; 
/* Fim do Hack para IE5 */
}    

/*----------- Lista do Nível 3 do menu-------------------*/
ul.ASMenu ul ul
{
    width:250px; 
    padding:0 0 5px 0;
    position: absolute;
    top: -1px;
    left: 197px;
    visibility: hidden;
    display: block;
    font-size:10px;
    background-color:#154c5a;
    background-image:none !important;
}
    html>body ul.ASMenu ul ul
    {
    width:250px;
}

/*----------- Itens da Lista do Nível 1 do menu-------------------*/
ul.ASMenu li
{
    width: 10%;
    position: relative;
    top:0;
    list-style: none;
    float: left;
    padding:0 5px;
    background: transparent url(images/bk_sep_menu.gif) right center no-repeat;
}
    html>body ul.ASMenu li
    {
    width: auto;
}

ul.ASMenu li a,
ul.ASMenu li span
{
    color:#cccc66;
    display: block;
    text-decoration: none;
    padding:0 7px;
}

/*---------------- Higlight dos itens da lista do nível 1 ---------------------*/
ul.ASMenu li:hover, 
ul.ASMenu li.ASMenu-Hover,
ul.ASMenu li:hover a,
ul.ASMenu li:hover span,
ul.ASMenu li.ASMenu-Hover a,
ul.ASMenu li.ASMenu-Hover span
{
    color:#FFF;
}

/* Esconde todas as demais listas (níveis abaixo de 1) - 
Acrescentar a quantidade de níveis necessária aqui */

ul.ASMenu li:hover ul ul,
ul.ASMenu li:hover ul ul ul,
ul.ASMenu li.ASMenu-Hover ul ul,
ul.ASMenu li.ASMenu-Hover ul ul ul
{
    visibility: hidden;
}

/* Mostra a lista do nível seguinte */
ul.ASMenu li:hover ul,
ul.ASMenu li.ASMenu-Hover ul
{
    visibility: visible;
}

/* Highlight dos itens da lista 1 mostrando os itens da lista seguinte abaixo */
ul.ASMenu li:hover li a, 
ul.ASMenu li:hover li span,
ul.ASMenu li.ASMenu-Hover li a,
ul.ASMenu li.ASMenu-Hover li span
{
    width:196px;
    text-align:left;
    padding:0 4px 0 12px;
/* Hack para IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
    width:180px; 
	}
    html>body ul.ASMenu li:hover li a, 
    html>body ul.ASMenu li:hover li span,
    html>body ul.ASMenu li.ASMenu-Hover li a,
    html>body ul.ASMenu li.ASMenu-Hover li span
	{
    width:180px; 
/* Fim do Hack para IE5 */
}    


/*----------- Fim do Nível 1 do menu (principal)-------------------*/

/*----------- Itens da lista do nível 2 -------------------*/
ul.ASMenu ul li,
ul.ASMenu ul li span
{
    border-top:1px solid #154c5a;
    display:block;
}

ul.ASMenu ul li,
ul.ASMenu ul li a,
ul.ASMenu ul li span
{
    height:24px;
    /*background-color:#7a9967;*/
    background-color:#a5ba69;
    background-image:none;
    padding:0 0 4px 0;
    display: block;
}


ul.ASMenu ul li:hover a,
ul.ASMenu ul li.ASMenu-Hover a
{
    background-color:#154c5a;
    background-image:none;
    padding-bottom:4px;
    display: block;
}


/* Mostra o nível seguinte */
ul.ASMenu li li:hover ul,
ul.ASMenu li li.ASMenu-Hover ul
{
    width:250px; 
    padding:0;
    visibility: visible;
    top:0px;
    left:197px;
    display: block;
/* Hack para IE5 */
	voice-family: "\"}\"";
	voice-family:inherit;
    width:250px; 
	}
	html>body ul.ASMenu li li:hover ul,
	html>body ul.ASMenu li li.ASMenu-Hover ul {
    width:250px; 
/* Fim do Hack para IE5 */
}    

/* Highlight dos itens da lista 2 mostrando os itens da lista seguinte abaixo (nível 3) */
ul.ASMenu li ul li:hover ul li a, 
ul.ASMenu li ul li:hover ul li span,
ul.ASMenu li ul li.ASMenu-Hover ul li a,
ul.ASMenu li ul li.ASMenu-Hover ul li span
{
    width:238px;
    padding:0 0 0 10px;
    text-align:left;
    display: block;
}

/*----------- Itens da lista do nível 3 -------------------*/
ul.ASMenu ul li ul li,
ul.ASMenu ul li ul li span
{
    width:238px; 
    padding:0;
    display:block;
    font-size:10px;
    background-color:#154c5a;
}

ul.ASMenu ul li ul li,
ul.ASMenu ul li ul li a,
ul.ASMenu ul li ul li span
{
    width:238px;
    padding:0;
    background-image:none;
    padding:0 0 4px 0;
    display: block;
}


ul.ASMenu ul li ul li:hover a,
ul.ASMenu ul li ul li.ASMenu-Hover a
{
    background-image:none;
    display: block;
}



/*----------- Itens dos níveis 2 e 3 -------------------*/

ul.ASMenu li:hover li:hover a,
ul.ASMenu li:hover li:hover span,
ul.ASMenu li.ASMenu-Hover li.ASMenu-Hover a,
ul.ASMenu li.ASMenu-Hover li.ASMenu-Hover span
{
    color: #FFF;
    background: #154c5a url(images/activeArrowRight.gif) 170px center no-repeat;
    border-left: 2px solid #FFF;
}


ul.ASMenu li:hover li:hover li:hover a,
ul.ASMenu li:hover li:hover li:hover span,
ul.ASMenu li.ASMenu-Hover li.ASMenu-Hover li.ASMenu-Hover a,
ul.ASMenu li.ASMenu-Hover li.ASMenu-Hover li.ASMenu-Hover span
{
    color: #000;
    background: #538999 url(images/activeArrowRight.gif) 170px center no-repeat;
    border-bottom:1px solid #FFF;
    padding-bottom:2px;
}


/*----------- Configurar apenas para mostrar ícone(seta) indicativo de que há subníveis escondidos, a partir do nível 2----------------*/

ul.ASMenu li li.ASMenu-Pai a, 
ul.ASMenu li li.ASMenu-Pai span,
ul.ASMenu li li li.ASMenu-Pai a, 
ul.ASMenu li li li.ASMenu-Pai span
{
    background: url(images/arrowRight.gif) 170px center no-repeat;
}



/*----------- Configurar apenas para esconder ícone(seta) - indica que não há subníveis escondidos, a partir do nível 1----------------*/

ul.ASMenu li.ASMenu-Individual a, 
ul.ASMenu li.ASMenu-Individual span,
ul.ASMenu li li.ASMenu-Individual a, 
ul.ASMenu li li.ASMenu-Individual span,
ul.ASMenu li li li.ASMenu-Individual a, 
ul.ASMenu li li li.ASMenu-Individual span
{
    background-image: none !important;
    border:none;
}

ul.ASMenu li.ASMenu-Individual img
{
    border:none;
    padding-top:5px;
    line-height:15px;
}

/*----------- Configurar apenas o item-pai do menu selecionado ----------------*/

ul.ASMenu .ASMenu-Selected /* this tier is selected */
{
    border: solid 1px #00ff00 !important;
}

/*----------- Configurar apenas o item-filho do menu selecionado ----------------*/

ul.ASMenu .ASMenu-ChildSelected /* a tier below this one is selected */
{
    border: solid 1px #ff0000 !important;
}

/*----------- Configurar apenas o item um nível imediatamente acima do item selecionado ----------------*/

ul.ASMenu .ASMenu-ParentSelected /* a tier above this one is selected */
{
    border: solid 1px #0000ff !important;
}

/*----------- Ajustes de hack ----------------*/

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
* html ul li ul li { float: left; }
* html ul li ul li a { height: 1%; }
* html ul li ul li ul li{ float: left; }
* html ul li ul li ul li a { height: 1%; }

/* End */



