/******************************************************************************************************/
/* ESTRUTURA DO SITE, MENU E SUBMENU (principal.html)                                                 */
/* Tamanhos: (Largura fixa: 776px) E (altura variável de acordo com o conteúdo das paginas internas)  */
/* Cores: azul (005679), bege (e9ddaf), laranja (e67817), branco (ffffff)                            */
/******************************************************************************************************/


/******************************************************************************************************/
/* ESTRUTURAS */
/******************************************************************************************************/
/* BODY */
body{padding:0px;margin:0px;background-color:#FFFFFF}

/* CABECALHO e RODAPE */
#cabecalho{padding: 0px; margin:0px auto; text-align:center; /* hack para o IE */; vertical-align:top; width:776px; height:145px; background-color: #fff;}
#rodape{padding: 0px; margin:0px auto; text-align:center; /* hack para o IE */; vertical-align:top; width:776px;height:40px; background-color: #fff;}

/* TUDO */
#tudo{padding-top:3px;padding-bottom:3px; margin:0px auto; text-align:center; /* hack para o IE */; vertical-align:top; width:776px; background-color: #FFFFFF;}

/* TABELA ESTRUTURA */
#tb_estruturasite{background-color:#d4b012;padding:0px; margin:0px auto; text-align:center; /* hack para o IE */; vertical-align:top; width:776px; height:100%; border-collapse: collapse;}  /* Cor ESPECIALIZACAO  */

/* COLUNAS DA TABELA ESTRUTURA */
#tdmenu{margin:0px; padding:0px;background-color:#d4b012; width:130px; vertical-align:top} /* Cor ESPECIALIZACAO */
#tdconteudo{margin:0px; padding:0px;background-color:#FFFFFF; width:646px; vertical-align:top;border-right: 1px solid #e9ddaf; border-collapse:collapse;} 



/******************************************************************************************************/
/* MENU */
/******************************************************************************************************/
ul#menuprincipal,
ul#menuprincipal ul {
	width: 138px; /* Largura dos itens de menu */
	padding: 0px;
	margin-left: 10px;
	text-align: left;
	}

ul#menuprincipal ul {
	position: absolute;
	display: none;
	/* Posicao horizontal absoluta do submenu em relacao ao menu */
	/* 1px a menos q o tamanho dos itens de menu */
	margin-left: 137px; 
	margin-top: 0px;
	top: 0px;
	}

ul#menuprincipal li {
	position: relative;
	list-style: none;
	}

ul#menuprincipal li a {
	display: block;
	text-decoration: none;

	font-family: Trebuchet MS, Verdana, Arial, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF; /* Cor do link */ /* Cor ESPECIALIZACAO  */
	padding: 5px; /* Distancia dos itens-links do menu principal */

	}

/* Fix IE. Nao valido para IE Mac */
* html ul#menuprincipal li { float: left; height: 1%; }  
* html ul#menuprincipal li a { height: 1%; }
/* Fim */


/* FIM MENU */
/******************************************************************************************************/


/******************************************************************************************************/
/* COMUM AO MENU E SUBMENU */
/******************************************************************************************************/
/* Opcoes de menu que possuem opcoes de submenu */
ul#menuprincipal li.menupai {background: transparent url(img/setamenubranca.png) right center no-repeat;}

ul#menuprincipal li.menupai:hover,
ul#menuprincipal li.over {background: transparent url(img/setamenumarrom.gif) right center no-repeat;} /* PPGINF */
ul#menuprincipal li a:hover {color: #241f1c; }  /* Cor ESPECIALIZACAO  */

/* Esconde submenus inicialmente */
ul#menuprincipal li:hover ul ul,
ul#menuprincipal li:hover ul ul ul,

ul#menuprincipal li.over ul ul,
ul#menuprincipal li.over ul ul ul { display: none; } 

ul#menuprincipal li:hover ul,
ul#menuprincipal li li:hover ul,
ul#menuprincipal li li li:hover ul,

ul#menuprincipal li.over ul,
ul#menuprincipal li li.over ul,
ul#menuprincipal li li li.over ul { display: block; }

/* FIM COMUM AO MENU E SUBMENU */
/******************************************************************************************************/



/******************************************************************************************************/
/* INICIO DO SUBMENU */
/******************************************************************************************************/
/* ul do submenu */
ul#menuprincipal li ul {
	width:220px;   /* Largura dos itens de menu */
	background: #e9ddaf; /* IE6 Bug */
	text-align: left;
	border-bottom: 1px solid #d4b012; /* Cor ESPECIALIZACAO  */
}

/* ul li do submenu */
ul#menuprincipal li ul li {
	font-family: Trebuchet MS, Verdana, Arial, Sans-serif; 
	font-size:12px;
	font-weight:bold;
	color: #000000; /* Cor para separacao dos itens de infra-estrutura */ /* Cor DINF  */
	width:220px;  /* Largura dos itens de menu */
	list-style: none;
	border: 1px solid #d4b012; /* Cor ESPECIALIZACAO  */
	border-bottom: 0px;
}

/* ul li ul li a do submenu */
ul#menuprincipal li ul li a {
	display: block;
	text-decoration: none;
	font-family: Trebuchet MS, Verdana, Arial, Sans-serif; 
	font-size:12px;
	font-weight:bold;
	color: #d4b012; /* Links do submenu */ /* Cor DINF  */
}

ul#menuprincipal li ul li a:hover { color: #241f1c;} /* Cor DINF  */


/* Fim */
/******************************************************************************************************/