@import url("menu.css");
@import url("links.css");
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#site {
	width:882px;
	background-color:#D9E7E0;
	background-image:url(../img/site_interno_fundo.jpg);
	margin:0 auto;			
	text-align:left; /* "remédio" para o hack do IE */	
}
#colunaEsquerda {
	width:377px;
	float:left;
}
#menuABA {
	width:215px;
	float:left;
}
#menuConteudo {
	width:150px;
	float:right;
	text-align:right;
}
#foto {
	width:377px;
	height:285px;
}
#menuInstitucional {
	width:179px;
	float:left;
	background-color:#F4F6F6;
}
#colunaDireita {
	width:504px;
	float:right;
	text-align:right;
}
#menu {
	width:504px;
	height:24px;
	text-align:right;
	padding-top:36px;
	background-color:#FFFFFF;
	background-image:url(../img/menu_interno_fundo.jpg);
	background-repeat: no-repeat;
}
#menu_separa {
	width:504px;
	height:36px;
	background-image:url(../img/menu_interno_separa.jpg);
}
#banner {
	width:504px;
	height:78px;
	text-align:center;
}
#titulo {
	width:504px;
	height:135px;
	background-color:#D9E7E0;
}
#conteudo {
	width:403px;
	background-color:#FFFFFF;
	background-image:url(../img/conteudo_interna_fundo.jpg);
	text-align:left;
	padding-left:50px;
	padding-right:50px;
	padding-top:20px;
	padding-bottom:20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DAE7E0;
}
#conteudo_rodape {
	width:503px;
	height:55px;
	background-color:#FFFFFF;
	background-image: url(../img/conteudo_rodape.jpg);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DAE7E0;
}
#rodape {
	clear:both;
	width:882px;
	height:70px;
	text-align:right;
	font-size:10px;
	color:#666666;
	padding-top:20px;
	background-color:#FFFFFF;
	background-image: url(../img/rodape_interna_fundo.jpg);
	background-repeat:no-repeat;
}
.clear{
	clear: both;
	margin:-1px;
	height: 1px;
	font: 0;
	position: relative;
}


#menu-lateralEsq{
	float:left;
	width:215px;
}
#menu-lateralDir{
	float:right;
	width:150px;
	margin-top:320px;
}
/* MENU */
ul.menu-lateral {
		margin:0;
		padding:0;
		width:215px;
		position:relative;
		list-style:none;
		background-color:#FFFFFF;
	}
	
	ul.menu-lateral ul {
		width:149px !important;
		width:179px;
		background:#002A61;
		list-style:none;
		padding:0 15px;
		margin:0 0 0 36px;	
		display:none;	
	}
	
	ul.menu-lateral ul a {
		color:#FFF;
		display:block;
		padding:10px 0;
		font:10px verdana;
		text-decoration:none;
		border-bottom:1px solid #264A79;
	}

	ul.menu-lateral ul a:hover {
		color:#FFFF33;
	}

	ul.menu-lateral .selected ul {
		display:block;
	}	
	
	/* para corrigir bug IE */
	ul.menu-lateral li {	
		display:inline;
		
	}
	
	 /* *
	 * CONFIGURACOES BOTOES LATERAL 
	 * HTML:
	 * basta ter um código HTML hierarquico
	 * semelhante ao que se tem agora.
	 *
	 * CSS:
	 * só configurar o width, height e posicao
	 * em relacao ao topo do menu
	 */
	.btn-menu {
		display:block;
		width:36px;
		text-indent:-10000px;
		position:absolute;	
		z-index:1;	
	}
	
	.btn-institucional {
		background:url(../img/menu_institucional.gif) no-repeat left top;
		height:176px;
	}	
	.selected .btn-institucional {
		background:url(../img/menu_institucional-selected.gif) no-repeat left top;
		z-index:2;
	}	

	.btn-servicos {
		background:url(../img/menu_servicos.gif) no-repeat left top;
		height:137px;
		top:160px;
	}	
	.selected .btn-servicos {
		background:url(../img/menu_servicos-selected.gif) no-repeat left top;
		z-index:2;
	}
.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #335C5C;
	font-weight: bold;

}
#linhaSeparatoria {
	width:105%;
	background-position:center;
	height:2px;
	background-color:#CCCCCC;
	margin-bottom:20px;
	margin-top:20px;
}
.hidden{
	display: none;
}
.hidden {
	visibility:hidden;
}
.textoVermelho11px {
	color:#F00;
}