@charset "utf-8";
.branco {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #FFF;
}

/* CSS Document */

*{ margin:0; padding:0; border:0; list-style:none; text-decoration:none;  }

body,td,th {
	font-family: "Segoe UI Semibold 8";
	font-size:12px;
}
body {margin: 0px; background:#e0e4ea url(../images/body_bg.jpg) left top repeat-x; overflow-x:hidden }

p{ margin:auto}
input{ margin:auto; padding:inherit}

iframe{ margin-bottom:30px;}

.body{ width: 1000px; margin:0 auto}
	
	.topo{width: 1000px;height:200px; border:none; overflow:hidden}
	#header{ height:200px; position:relative}
	
		#logo{ width:292px; height:148px; left:0; top:0; position:absolute; background:url(../images/logo.png) no-repeat;}
			#logo a{ width:100%; height:100%; display:block; }
		
		#menu_top{ width:470px; height:180px; left:50%; top:0; margin-left:-185px; position:absolute}
			#menu_top ul li{width:116px; height:105px; overflow:hidden; float:left}
				#menu_top ul li a{width:116px; height:105px; display:block}
				#menu_top ul li a:hover{ background-position:left bottom}
			
			.menu_wikifenix, .menu_publicacaodedados, .menu_chatonline{background: url(../images/menu_sep.png) left center no-repeat;}
			
			.menu_quemsomos a{  background: url(../images/menu_quemsomos.png) left top;}
			.menu_wikifenix a{  background: url(../images/menu_wikifenix.png) left top;}
			.menu_publicacaodedados a{ background: url(../images/menu_publicacaodedados.png) left top;}
			.menu_chatonline a{  background: url(../images/menu_chatonline.png) left top;}
			
		#menu_bottom{ width:485px; height:60px; left:50%; top:101px; margin-left:-195px; position:absolute; background: url(../images/menu_bg.png) no-repeat; z-index:3 }
			#menu_bottom ul { left:10px; top:7px; position:absolute;}
			#menu_bottom ul li{ width:155px; height:46px; line-height:46px;display:block; float:left; text-transform:uppercase; font-size:16px; color:#fffefe; text-align:center;
			background: url(../images/menu_bot_sep.png) left center no-repeat;}
			#menu_bottom .fone{ background:url(../images/fone_bg.png) no-repeat 15px 4px; padding:5px 0 0 70px; width:85px; color:#818181; line-height:16px; text-align:left}
			#menu_bottom .fale{ font-size:12px;}
			#menu_bottom .amarelo{ color:#f2e242; font-size:12px}
		#menu_bottom_s{ width:505px; height:21px; left:50%; bottom:35px; margin-left:-207px; position:absolute; background: url(../images/menu_top_bg.png) left bottom no-repeat; z-index:2 }
		
		#menu{ width:940px; height:40px; margin-left: -470px; left:50%; bottom:0; position:absolute; z-index:2 }
			li.menu{ height:40px; line-height:40px;  background: url(../images/menu_li.png) no-repeat 4px center; color:#776c51; text-transform:uppercase; 
			float:left; margin: 0 5px; position:relative}
				li.menu a{ color:#776c51; margin: 0 5px 0 10px;line-height:40px; display: block}
					li.menu a:hover{ color:#000;}
					li.menu:hover{ color:#000; background:url(../images/menu_hover.jpg) repeat-x left center;}
			li.menu ul{  position:absolute; left:0; top:40px; background:#f1f1f1; border:1px solid #dcc96a; display:none; width:340px}
			li.menu ul li{ background: url(../images/icon_seta.jpg) 10px center no-repeat}
				li.menu ul li a{ margin:5px 10px; border-bottom:1px dotted #666; padding-left:10px }
		#login{ width:195px; height:148px; right:0; top:0; position:absolute; background:url(../images/login_bg.png); color:#fff}
		
			.lock { height:23px; background:url(../images/icon_lock.png) no-repeat left top; margin:10px 0 0 35px; line-height:23px}
				.lock span{  margin: 0 3px 0 30px}
				.lock span.up{ text-transform:uppercase; border-right: 1px solid #e4c346;}
				.lock span.amarelo{ color:#F0CC00}
			.form{margin:10px 0 0 35px; line-height:18px}
				.campos{ width: 150px; height:26px; line-height:26px; background:url(../images/login_campos_bg.png) no-repeat; padding:0 3px; color:#CCC; 
				font-style:italic; margin-bottom:5px; font-size:11px}
				
				.form a.painel, .form a.sair { display:block; width: 150px; height:17px; line-height:17px; font-size:11px; color:#FFF; text-align:center}
					.form a.painel:hover, .form a.sair:hover{ color:#F0CC00}
					.form a.painel { background:#3e4654; margin: 10px 0 5px 0}
					.form a.sair { background:#4b3839}
				.form a.senha{ font-size:10px; font-style:italic; color:#CCC; text-decoration:underline; margin-top:5px; float:left}
					.form a.senha:hover{ color:#FFF}
					
				.enviar{ width:20px; height:20px; line-height:20px; display:block; float:right; text-transform:uppercase; color:#CCC; background:none; font-size:11px; 
				cursor:pointer}
	#sliders{
	width:1000px;
	height:90px;
	margin-top:30px;
	overflow:hidden
}
		.collapse{ display:none}
		#sliders ul { width:307px; float:left}
			#sliders ul li{ width:305px; height:69px; margin-bottom:1px; border:1px solid #d5d5d5; display:block; background:url(../images/sliders_bg.jpg) left top; position:relative}
			#sliders ul li.hover{ background-position: 0 -69px !important}
			#sliders ul li.active{ background-position: 0 -138px !important}
				#sliders ul li span{ width:61px; height:51px; float:left; display:block; margin: 8px 12px;  border:1px solid #999;}
				#sliders ul li img{ width:55px; height:45px;  border:3px solid #fff;}
				#sliders ul li strong{ margin-top:18px; font-size:16px; color:#444; float:left}
				#sliders ul li em{ margin-top:4px; font-size:13px; color:#444; float:left}
				#sliders ul li p{ display:none}
				#sliders ul li a{  width:100%; height:100%;display:block; left:0; top:0; position:absolute}
		#slider{ width:690px; height: 287px; float:left; position:relative; color:#FFF}
				#slider span{ display:none}
				#slider .desc{	position: absolute;	bottom: 0;	left: 0;	width: 100%;	display: none;}
				#slider .block{	width: 100%;	background: #111;	border-top: 1px solid #000; position:relative}
				#slider strong {	font-size: 16px; margin: 5px 0 5px 30px;	float:left; clear:both}
				#slider p {margin: 0 0 15px 30px;	float:left; clear:both}
				#slider em { 	margin: 0 0 10px 30px; color:#CCC;  float:left; clear:both}
				
	#corpo{ width:1000px; margin-top:30px}
		.aguia{
	background:url(../images/titulo_aguia.png) no-repeat;
	width:100px;
	height:45px;
	position:absolute;
	right: 0px;
	top:0
}
		
		#novidades{ width:590px; float:left; margin-right:30px; }
			#novidades h2, #outros h2{ color:#686868; font-size:14px; border-bottom:1px solid #e8ebef; margin-bottom:20px; line-height:25px;}
			#novidades p {color:#777777; line-height:18px; margin:10px 0; text-align:justify}
			#novidades blockquote{ font-size:18px; font-weight:normal; color:#727f93; margin:20px 0 20px 80px}
				#novidades blockquote span{ float:left; line-height:25px; clear:both}
			.novidades_titulo, .outros_titulo{ height:45px; line-height:45px; position:relative; }
				.novidades_titulo strong, .outros_titulo strong{ margin-left:10px; font-size:14px; color:#FFF}
				
			.novidades_titulo{width:590px;  background:url(../images/titulo_azul_bg.jpg) repeat-x;}
				.blue strong{ color:#5798cb !important; margin-left:0px;}
				.blue span {margin-left:5px; color:#5798cb; font-size:12px}
				.blue span.green{color:#789c5a; margin:0; font-weight:normal}
				.blue em{ font-style:normal; text-transform:uppercase; color:#b5c5d5; float:right; margin-right:10px}
				.blue a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0}
				
			.outros_titulo{ width:380px; background:url(../images/titulo_preto_bg.jpg) repeat-x; margin-bottom:10px}
			.mes{ text-transform:uppercase; font-weight:bold; font-size:24px; color:#d6dae2; line-height:40px; height:40px }
				.mes span{ font-size:14px;}
				
			.novidades_desc{ margin:5px 0 0px 0; line-height:20px; position:relative}
				.novidades_desc strong{ color:#202020;float:left; clear:both}
				.novidades_desc em{ color:#5f5f5f; margin-bottom:30px; float:left; clear:both; }
				.novidades_desc a { background: url(../images/icon_more.png) no-repeat left center; position:absolute; padding-left:20px; right:0; bottom:10px; 
				color:#939393; font-size:11px; line-height:13px; width:50px; height:13px; display:block}
					.novidades_desc a:hover{ color: #333}
					
		#outros{ width:380px; float:right}
			img.fotos{ width:146px; height:110px; border:2px solid #d4dce8; float:left; margin-right:68px;}
			#outros p { margin:10px 0 }
			#outros p span{ font-weight:bold; color:#a63131}
			#outros ul.publicacoes, #outros ul.portarias,  #outros ul.tribunais, #outros ul.parceiros{ margin-bottom:20px; width:380px}
			
			.cinza1, .cinza2{ line-height:30px; color:#5e5e5e; margin-bottom:2px; width:380px; position:relative}
			.cinza1:hover, .cinza2:hover{ background:#f3f3f3}
			.cinza1{ background:#e9e9e9;}
			.cinza2{ background:#e3e3e3}
			.cinza1 a, .cinza2 a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0}
			.cinza1 .left, .cinza2 .left{ float:left; width:290px; margin-left:10px; line-height:30px;}
			.cinza1 .right, .cinza2 .right{ float:left; width:70px; margin-right:10px;line-height:30px;}
			
			ul.portarias li{ height:25px; width:380px; margin-bottom:2px; background:#FFF; color:#5e5e5e}
			ul.portarias li span{ float:left; line-height:25px; padding-left:10px}
			ul.portarias li a, .portarias_download{ float:right; width:106px; height:22px; background:url(../images/icon_download.jpg); }
				.portarias_download{ margin: -10px 0 15px 0;}
			
			ul.tribunais li, ul.parceiros li{ height:25px; width:380px; margin-bottom:2px; background:#FFF url(../images/icon_sair.jpg) right center no-repeat; position:relative; color:#5e5e5e}
			ul.tribunais li span, ul.parceiros li span{ float:left; line-height:25px; padding-left:10px}
			ul.tribunais li a, ul.parceiros li a{ display:block; width:100%; height:100%; left:0; top:0;  position:absolute;  }
		
		#foto{
	width:230px;
	height:240px;
	border:3px solid #029BB0;
	background:#FFF;
	float:left;
	margin-right:10px;
	overflow:hidden
}
			#foto img{}
		#texto{ width:510px; float:left; }
			#texto h2{color:#727f93; font-size:14px; margin-bottom:5px}
			#texto h3{color:#727f93; font-size:12px; font-style:italic; margin-bottom:10px; font-weight:normal;}
			#texto h4,#texto_left h4, #texto_right h4{color:#686868; border-bottom:1px solid #e8ebef; margin-bottom:7px; line-height:18px; position:relative}
			#texto ul li{color:#5e5e5e; line-height:18px; font-size:11px}
		#download{ width:234px; margin-left:10px; float:left}
			#download h2{ background:#9cacc3; display:block; height:40px; line-height:40px; font-size:12px; font-weight:bold; color:#f2f5fa; padding:0 10px}
			ul.info{ }
			.info li{ margin-bottom:2px; line-height:26px; background:#FFF; color:#5a6370; text-align:center}
			.info span{ display:block; width:150px; float:right; height:24px; margin:1px; background:#dfe6f1; color:#7ba9d3; font-weight:bold}
			ul.botoes{ margin-top:17px}
			.botoes li{width:234px; height:69px; margin-bottom:3px; border:1px solid #d5d5d5; display:block; background:url(../images/sliders_bg.jpg) left top; position:relative}
			.botoes li:hover{ background-position: 0 -69px !important}
				.botoes li strong{ margin:10px 0 10px 5px; float:left; clear:both; width:100%;}
				.botoes li strong span{ font-weight:normal}
					.verde{color:#6c8c00}
					.azul{color:#294660}
				.botoes li p{ margin:5px 40px 5px 5px; font-size:9px; color:#707070}
				.botoes li img{ position:absolute; right:0; top:0}
				.botoes li a{width:100%; height:100%; display:block; position:absolute; left:0; top:0}
		#texto_left, #texto_right{ width:495px; float:left}
		#texto_left{ margin-right:10px;color:#576170}
			#texto_left strong, #texto_left em, #texto_right strong{ width:100%;float:left; clear:both; line-height:20px; }
			#texto_left em{ margin-bottom:15px}
			.laranja{
	font-style:italic;
	color:#6B6B6B;
	font-weight:normal
}
			.atualizacoes{ margin:15px 0 30px 0}
				.atualizacoes li{ line-height:18px; margin-bottom:10px}
				.atualizacoes li p, #texto_left em, .informacoes li{color:#5e5e5e}
			.informacoes{ margin-bottom:30px}
			.botao_historico{
	width:150px;
	height:31px;
	line-height:31px;
	background:url(../images/botao_historico.png);
	text-align:center;
	right:30px;
	top:0;
	position:absolute;
	font-size:10px;
	font-weight:normal;
	margin-top:-8px;
	color: #FFF;
}
				.botao_historico a{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0px
}
		#texto_right{color:#576170}
			#texto_right strong{color:#727f93}
			#texto_right strong span{ font-weight:normal}
			#texto_right h5{ height:36px; line-height:36px; color:#455f88; background: url(../images/titulo_bg.jpg) repeat-y; font-size:12px; padding-left:10px; margin-bottom:2px}
			.downloads ul{ margin:5px 0 10px 0;}
				.downloads li{ margin-bottom:2px; background:#FFF; line-height:35px; min-height:35px; color:#2d548f}
				.downloads li strong span{ font-weight:normal; float:right}
				.downloads li strong{ float:left; margin:8px 0 0 25px; width:200px!important;}
				.downloads li a{ width:155px; height:36px; padding-right:30px; float:right; font-style:italic;  color:#2d548f; text-align:right}
					.baixar{background: url(../images/icon_baixar.jpg) no-repeat 162px center;}
					.abrir{background: url(../images/icon_abrir.jpg) no-repeat 162px center;}
				.downloads li a:hover{ color:#244371}
				.tamanho{ float:left; width:65px; height:36px;}
				.pdf{ background: #fff url(../images/icon_pdf.jpg) no-repeat 5px center !important;}
				.file{ background: #fff url(../images/icon_file.jpg) no-repeat 5px center !important;}
				.mdb{ background: #fff url(../images/icon_mdb.jpg) no-repeat 5px center !important;}
				
			
#footer{ background:#e0e4ea; position:relative;  width:100%; height:210px;}
	.footer{ margin: 50px 0 30px 0; float: left}
	.footer li{ width:333px; display:block; float:left; color:#8b939f}
		.margin_none{ margin: 0 !important}
		.border_none{ border:none!important}
		.border_none span{line-height:80px!important;}
		.footer li strong{ display:block; width:100px; height:80px; line-height:80px; float:left;  border-right: 1px solid #dadee5; }
		.footer li span{ display:block; width:149px; height:80px; line-height:20px; float:left; margin-left:20px}
		.footer li a{ color:#8b939f}
			.footer li a:hover{ color:#333}
			
	.copyright{ float:left; height:32px; line-height:32px; font-size:11px; color:#65758f}
	.sorocabacom{ float:right; width:100px; height:32px; background:url(../images/icon_sorocabacom.png) no-repeat; display:block}
	
	
