/* EM_TESTES: Cassia: menuHorizontal.css */
/** INICIO DO CSS DO MENU HORIZONTAL**/

/* menu (principal) */
ul#menuHorizontal,
ul#menuHorizontal ul {
	margin: 0;
	padding: 0;

	font-size: 100%;
	text-align:center;

	/* "cor de fundo - menu"
	   [obs: esta declaração é obrigatória para evitar bug do IE6: cor de fundo fica transparente]

	   Serve também como "cor de fundo - submenu" se não
	   houver declaração de "ul#menuHorizontal li li" - ver abaixo
	*/
	background:white;
	}

/* primeiro nivel de submenu */
ul#menuHorizontal ul {
	position: absolute;
	display: none;
	/* scire: se maior que 20px não funciona no Safari*/
	top: 20px; /* deslocamento - para baixo - do submenu em relação ao topo do menu principal */
	left: 0;
	}

/* segundo - e demais - nivel de submenu */
ul#menuHorizontal ul ul{
	position: absolute;
	display: none;
	left: 119px; /* deslocamento - para esquerda - do submenu em relação à margem esquerda do submenu */
	top: 0;
	}

/*  */
ul#menuHorizontal li {
	position: relative;
 	float:left; /* para que o menu principal seja horizontal */
	width:125px; /*29/01/2015: QI: CSS: widthExpand  124px; --> 125px*/ /* largura dos todos os itens (menu e submenu) */
	list-style: none;

	/* "cor de fundo - menu"
	   deve possuir o mesmo valor definido em "ul#menuHorizontal ul"
	   [obs: esta declaração é obrigatória para evitar bug do IE7: cor de fundo fica transparente]
	*/
	background: white;
	}


ul#menuHorizontal li li.menuParentH,
ul#menuHorizontal li li {
	text-align:left;
	text-decoration: none;

	/* "cor de fundo - submenu"
	   (só utilizar quando for necessário que sub-menu possua cor diferente da cor do menu principal)
	   Se a declaração abaixo não estiver definida,
	   os itens do submenu ficam com a mesma cor do menu principal
	background-color:#CC9999;  / * cor de fundo - submenu * /
	*/
}

/* todos os links */
ul#menuHorizontal a:hover { text-decoration: underline; }

ul#menuHorizontal .disable,/* itens desabilitados ou em construcao */
ul#menuHorizontal .noLink, /* itens sem link (apenas texto) */
ul#menuHorizontal li a {
	padding: 3px;
	border-width: 1px 1px;
	border-style:solid;
	border-color: #ccc;

	/* "cor de letra - menu"
	   caso "ul#menuHorizontal li li a" não declarado (ie, comentado)
	   servirá também como "cor da letra - submenu"
	*/
	color:black; 

	font-weight:bold;
}
ul#menuHorizontal .noLink{/* itens sem link (apenas texto) */
	cursor: default;
}
ul#menuHorizontal .disable{/* itens desabilitados ou em construcao */
	color: gray;
}
ul#menuHorizontal li a {

	display: block;    /* para que os itens do submenu apareçam na vertical */
	text-decoration: none;
	}

/* "cor de letra - submenu"
   Se este não estiver definido, os itens do submenu ficam com
   a mesma "cor de letra - menu" (principal)

   Só usar quando for necessário que o menu principal tenha cor da
   letra diferente do submenu
ul#menuHorizontal li li a{

	color:#9900FF;    /* cor de letra - submenu * /
}*/

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


/* primeiro submenu (não mexer) */
ul#menuHorizontal li:hover ul,
ul#menuHorizontal li.over ul { display: block; } /* The magic */


/*INICIO - Para aumentar os niveis de submenu mudar aqui */
/* Para cada nivel de submenu, adicionar uma declaração de
   "hover ul" e "over ul"
	ul#menuHorizontal li:hover ul
	ul#menuHorizontal li:over ul

   Qtde de ul = qtde de niveis -1
   limite atual: 5 niveis. Escreve-se ul 4 vezes.
*/
ul#menuHorizontal li:hover ul ul,
ul#menuHorizontal li:hover ul ul ul,
ul#menuHorizontal li:hover ul ul ul ul,
ul#menuHorizontal li.over  ul ul,
ul#menuHorizontal li.over  ul ul ul,
ul#menuHorizontal li.over  ul ul ul ul { display: none; } /* Esconde os sub-menus inicialmente */

/* Para cada nivel de submenu, adicionar uma declaração de
   "li.hover ul" e "li.over ul"

	ul#menuHorizontal li li:hover ul
	ul#menuHorizontal li li.over ul

   Qtde de li = qtde de niveis -1
   limite atual: 5 niveis. Escreve-se li 4 vezes.
*/
ul#menuHorizontal li li:hover ul,
ul#menuHorizontal li li li:hover ul,
ul#menuHorizontal li li li li:hover ul,

ul#menuHorizontal li li.over ul,
ul#menuHorizontal li li li.over ul,
ul#menuHorizontal li li li li.over ul { display: block; } /* The magic */

/*FIM das mudanças para adicionar subnivel*/

/* itens pais de submenus devem ter essa classe
   (ie, <li>'s que possuem filhos <ul>)
*/
ul#menuHorizontal li.menuParentH {
	background-position:right;
	background-repeat:no-repeat;
	background-color:inherit;

	background-image:url(../img/menuMore.gif);
	}


/* OnMouseOver de quem TEM FILHOS:
   "cor de fundo - menu" e "cor de fundo - submenu"
*/
ul#menuHorizontal li.menuParentH:hover,
ul#menuHorizontal li.over {
	background-color: #ccc !important;
}

/* OnMouseOver "cor de letra - menu" 
ul#menuHorizontal li a:hover { color: #E2144A; }
*/

/*OnMouseOver: "cor de letra - submenu" (em qualquer nivel) 
ul#menuHorizontal li li a:hover { color: #99FF33; }
*/

/* estilo do submenu (em qualquer nivel) */
ul#menuHorizontal li ul li a {
	padding: 4px 5px;
}

/**FIM DO CSS DO MENU HORIZONTAL**/