﻿* {margin: 0; padding: 0;}

/*----------------- navegação horizontal -----------------*/
#atalho, #atalho ul {
	list-style:none;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	text-align: right;
	color: #196aa6;
	}
#atalho li {float:right;}
#atalho a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 0 1em 0 1em;
	color: #196aa6;	
	} 
#atalho a:hover {
	font-weight:bold;
	}
li.separador {
	border-left-width:thin;
	border-left-style:solid;
	border-left-color: #196aa6;	
}	
	
/*----------- Lista do Nível 1 do menu (principal)-------------------*/
ul.ASMenu 
{
    margin: 0;
    padding: 0;
    width: 900px;
    position: relative;
    display: block;
    white-space:nowrap;
    line-height:31px;
 /*   background-color:transparent;*/
}
/*----------- Lista do Nível 2 do menu-------------------*/
ul.ASMenu ul
{
    width:196px;
    padding:0;
    position: absolute;
    left: 0;
    visibility: hidden;
    display: block;
    font-size:11px;
	border-bottom:6px solid #F0F0F0;
	border-right:6px solid #F0F0F0;
/* 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:#FFFFFF;
    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(../imagens/bk_sep_menu.gif) right center no-repeat;
}
    html>body ul.ASMenu li
    {
    width: auto;
}

ul.ASMenu li a,
ul.ASMenu li span
{
    color:#196aa6;
    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
{
  	font-weight:bold;
}

/* 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;*/
	border-left:thin solid #196aa6;
	border-bottom:thin solid #196aa6;
	border-right:thin solid #196aa6;	
    display:block;
}

ul.ASMenu ul li,
ul.ASMenu ul li a,
ul.ASMenu ul li span
{
    height:24px;
    /*background-color:#7a9967;*/
    background-color:#FFFFFF;
    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:9px;
    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: #196aa6;
    background: #FFF url(../imagens/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(../imagens/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(../imagens/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 */



