html{ 
	/* height:100%; */
}

/*body  { 
	margin:0px; 
	width:100%; 
	height:100%; 
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#000; 
	padding-top: 20px;
	padding-bottom: 20px;
	background: #FFFFFF url(../img/bg_fundo.gif) 0px 0px repeat;
	background: #f5f5f5 url(../img/bg_fundo.gif) repeat-y scroll center; 
}

*/

body {
	background: url(../img/background_extra.jpg) 100px 0px repeat-x #E4CDCD;
	margin-top: 0px;
	padding: 16px 0px;
	font: 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
	color: #282828;
}

body.popup {
	height: 1px;
	background: #FFFFFF url(../img/bk_index.jpg) repeat-y;
}

.body_container {
	position: relative; 
	width:760px; 
	top: 15px;
	margin-left:auto; 
	margin-right: auto; 
	padding: 0px;
}

.botaoPesquisarExtra{
    position: relative;
	width: 170px;
	height: 35px;
	background: url(../img/pesquisarExtra.jpg) 20px 5px no-repeat;
	cursor: pointer;
	color: #3088A5;
	border: 0px;
	padding-left: 30px;
}

.botaoPesquisarJudicial{
    position: relative;
	width: 170px;
	height: 35px;
	background: url(../img/pesquisarJudicial.jpg) 20px 5px no-repeat;
	cursor: pointer;
	color: #3088A5;
	border: 0px;
	padding-left: 30px;
}

p{
font-size:11px;
text-indent:1cm;
text-align:justify;
line-height:16px;
}
/*
a:link { 
text-decoration:none;
}

a:visited { 
text-decoration:none;
}

a: hover {
text-decoration:underline;
}
a img {
border:none;
}
*/

img { border-style: none; }

img.pic_left{
float:left;
padding:5px;
margin:0 8px 8px 8px;
border:1px  #CCCCCC solid;
}
a {
	color: #588BAA;
	text-decoration: none;
}
a:hover {
	color: #1471B1;
}
#welcome h1{
padding:5px 0 0 20px;
margin:0px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}
h3{
font-size:14px;
color: #003366;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
}

.cursor-hand {
	cursor: pointer !important;
	cursor: hand;
}

#container {
	position: relative;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}
#head {
	width: 750px;
	height: 200px;
	background: url(../img/head_extra.jpg) no-repeat;
}
#head h1 {
	position: absolute;
	margin: 31px 0 0 36px;
	width: 200px;
	height: 75px;
	background: url(../img/logo.gif) no-repeat;
}
#head h1 a {
	text-indent: -2000px;
	width: 154px;
	height: 59px;
	display: block;
	background: url(../img/logo.gif) no-repeat;
}
.top_head_banner{
	float:right;
	width:200px;
	height:120px;
	background:url(../img/top_head.gif) no-repeat right;
	background-position:-12px 12px;
}

#menu {
	position: absolute;
	width: 700px;
	top: 205px;
	left: 35px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	font-size:12px;
}
#menu li {
	list-style-type: none;
	float: left;
	margin: 0 8px;
	height: 22px;
	padding-right:23px;
}
#menu li a {
	padding: 0 0 7px 0;
	height: 22px;
	color: #8A8A8A;
}
#menu li a:hover {
	color:#000033;
}
#menu .current {
	color:#000033;
	font-weight:bold;
}
#area {
	width: 748px;
	height: 54px;
	margin-left: 3px;
	margin-top: 1px;
	background: url(../img/area_extra.jpg) 0px 0px repeat-x;
	padding-left: 10px;
}

#main {    
	position: absolute;
	left: 3px;
	margin: auto;
	margin-top: 0px;	
	_margin-top: -182px;
	padding: 0px;
	background: url(../img/bg_main_extra.gif) 0px 0px repeat-y;
	width: 750px;
	height:auto;
	/*border: 1px red solid;*/
}

#content_left {
	float:left;
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	width: 700px;
	height:auto;
}
#content_right{
	float:left;
	padding:5px;
	width: 200px;
	height:auto;
}
#welcome {
	background: url(../img/center_banner.gif) no-repeat;
	background-position:12px 0px;
	padding:10px;
	width: 750px;
	height:80px; 
}
.item_box {
	width:auto;
	height:auto;
	padding:10px 0 5px 0;
	border-bottom:1px #666666 dashed;
}

.spacer {
	width:auto; height:2px; clear:both; padding-bottom:2px;
}

#form {
	padding: 0px;
	margin: 0px;
}
#fields label {
	width: 260px;
	display: block;
	padding: 0px;
}
#fields input {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 260px;
}
#fields textarea {
	border: 1px solid #C8D2D9;
	margin: 0 0 3px 0;
	width: 260px;
	height: 63px;
}
#send input {
	width: 64px;
	height: 20px;
	margin: 0px;
}
ul {
	margin: 0 0 0px 0;
	padding: 0px;
	list-style-type: none;
}
.contact_info{
	float:left;
	padding:15px;
}
.project_details{
	float:left;
	width:200px;
	color:#0099FF;
	padding:10px 0 0 10px;
}
#footer {
		text-align:left;
		font-size:10px;
		color:#000033;
		background: url(../img/footer_extra.jpg) no-repeat;
		background-position:0px 0px;
		padding-top:10px;
		width: 750px;
		height:70px;		
}
#footer a {
	background: none;
	padding: 0px;

}
#madeby{
	width:40px;
	height:44px;
	float:right;
	padding-right:30px;
	text-align:center;
}
#madeby a{
	text-decoration:none;
	color:#666666;
}

/*css do francisco*/


/* CORPO PADRAO */
.corpo-padrao {
	width: 809px; 
	border-left: 1px solid  #3275ac; 
	border-bottom: 1px solid  #3275ac; 
	border-right: 1px solid  #3275ac;  
	background-color:#a1c0d9;
}
.conteudo-padrao {
	width:95%;
	vertical-align: top;  
	background-color: #FFFFFF; 
}
.migalha-pao {
	background: #f0f0f0; 	
	margin-left: 12px;
	height: 20px; 
	width: 95%;  
	padding-top: 4px; 
	padding-left:5px;
}
/***********************************************************/

/* FONTES  */

.texto_azul_escuro { 
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#036; 
}

.fonte_branca {
	color: #FFFFFF;
}

.sub_tit_azul_claro {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	color: #055e9a;
	background-image:url(../img/bg_cabtab.jpg); 
	height:21px; 
	padding-top:5px;
	padding-left:5px;

}
 .bk_area_home{
	 background: #f8f8fa;
 }

.subtit_azul_escuro {
	color: #3275AA; 
	font-weight: bold; 
	font-size: 13px;
	float:left;
	padding-left:15px; 
}

.subtit_azul{
	color: #3275AA; 
	font-weight: bold; 
	font-size: 11px;
	float:left;
	padding-left:15px; 
}
.fontetitulo{
	color: #055e9a; 
	font-weight: bold; 
	font-size: 11px;
	float:left;
	padding-left:11px; 
}


.fonte_vermelha {
	color: #FF0000;
	font-size: 9px;
	font-weight:normal;
	float:right;
}

.asterisco {
	color: #FF0000;
	font-size: 9px;
	font-weight:bold;
	padding-left:3px;
}

/* TABELAS E LISTAGENS */


tr.linha_clara {
	background-color:#F2F9FD; 
}
tr.linha_escura { 
	background-color:#dfeaed; 
}

.listagem{
	border-bottom:1px solid  #dfeaed;
	border-top:1px solid  #dfeaed;
	border-right: 1px solid  #dfeaed ; 
	border-left:1px solid  #dfeaed ; 
	width:95%;
}


/* LINKS */
a.link_menu:link {
	font-family: tahoma;
	font-size: 11px;
	color: #3275AA;
	font-weight: bold;
	text-decoration:none;
}

a.link_menu:visited {
	font-family: tahoma;
	font-size: 11px;
	color: #3275AA;
	font-weight: bold;
	text-decoration:none;
}

a.link_menu:hover {
	font-family: tahoma;
	font-size: 11px;
	color: #3275AA;
	font-weight: bold;
	text-decoration:underline;
}

a.link_menu:active {
	font-family: tahoma;
	font-size: 11px;
	color: #3275AA;
	font-weight: bold;
	text-decoration:none;
}


.img-button { border: 0px; }

.image-button {
	cursor: pointer;
	!important;
	cursor: hand;
}

.titulo-1 { 
	color: #FF6600;
	font-weight: bold;
	font-size: 11px;
}
.titulo-2 { 
	color: #333333;
	font-weight: bold;
	font-size: 11px;
}

.align-centro { text-align: center; }

.margin-centro {
	margin-left: auto;
	margin-right: auto;
}
.align-right {  text-align: right; }

/* MENU, LISTAS, PAR?GRAFOS*/


/* FORMULARIOS */

textarea {
	padding: 3px;
}
form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}
 
form.cmxform legend {
	padding-left: 0;
}
 
form.cmxform legend, form.cmxform label {
	color: #333;
}
 
form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #F8FDEF;
}
 
form.cmxform fieldset fieldset {
	background: none;
}
 
form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}
 
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
input { border: 1px solid #D9EAD8; }
input:focus { border: 1px dotted #2E9FED; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }	
.campo {
	font-size:11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;  
	border: #CCCCCC 1px solid;
	padding: 1px;
	padding-left: 3px;
}
.campo_date {
	width: 80px;
}
.campo_centro { 
	text-align: center;
}
.campo_grande {
	width: 50px;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	border: 2px #EEEEEE solid;
}
.campo_medio {
	width: 60px;
	font-size: 12px;
	font-weight: bold;
	padding: 4px;
	border: 2px #EEEEEE solid;
}

.campo_arquivo {
	font-size:11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;  
	width:250px;
	HEIGHT: 18px;
}
.campo_invalido {
	border: #FF6699 1px dotted;
	background-color: #FFFFCC;
}
label.grande{
	float: left;
	width: 300px;
	
	margin-left: 5px;
	font-size:11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#3b84aa;
}
label{
	float: left;
	width: 180px;
	
	margin-left: 10px;
	font-size:11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

br {
	clear: left;
}

hr {
	border: 0.05em solid #FFFFFF;
	background-color:#FFFFFF;
}
.hr_classic {
	border-top: #CCCCCC 1px dotted;
	width: 90%;
	text-align: center;
	background-color:#FFFFFF;
}
.form_info {
	font-size: 10px;
	color: #999999;
	margin: 0px;
	padding: 0px;
}
.form_info, ul, li { padding: 0px; margin-left: 10px; list-style-type: circle; }
.botao_info {
	font-size: 10px;
	font-weight: bold;
	color: #6699ff;
}
	
.area_texto {
	font-size:11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	width:250px; 
	height:100px;
}

.caixa_selecao {
	font-size:11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	HEIGHT: 19px;  
}
	

.txAreaObservacoes {
	padding: 3px;
	height: 60px;
	overflow: auto;
}


/* FIM FORMULARIOS */



/* DIVs */

#formulario {
	width:100%; 
	border-right:1px solid #e1e1e1; 
	border-left:1px solid #e1e1e1; 
	border-bottom:1px solid #e1e1e1; 
	border-top:1px solid #e1e1e1; 
	background-color:#fafafa; 
	font:Verdana, Arial, Helvetica, sans-serif 11px;

}


#form_aprovacao {
	width:100%; 
	border-right:1px solid #fff0bd; 
	border-left:1px solid #fff0bd; 
	border-bottom:1px solid #fff0bd; 
	
	background-color:#dde8ec; 
	font:Verdana, Arial, Helvetica, sans-serif 11px;
}


#form_aprovacao_conteudo {
	margin-top:5px;
}



#conteudo_formulario {
	margin-top:5px;
}


fieldset {
	width:49%; 
	margin-left:30px;
}

/* menu horizontal */
.menu-hh { display: block; }
.menu-hh * { margin: 0; padding: 0;}
.menu-hh a { display: block; }
.menu-hh li { list-style: none; float: left; height: 1%; clear:both }
.menu-hh li ul { position: absolute; visibility: hidden; }
/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
html:first-child>body .menu-hh li ul { width: 500px; }
.menu-hh li:hover ul, .menu-hh  li.over ul { visibility: visible;} /* a class  .over eh tecnica pro hover no IE */
.menu-hh li:hover ul li ul, .menu-hh li.over ul li ul{ visibility: hidden;}
.menu-hh li ul li:hover ul, .menu-hh li ul li.over ul{ visibility: visible;}
/* visual */
.menu-hh {  width: 100%; margin: 0 0 0 0px; }
.menu-hh a { font-weight: bold; text-decoration: none; color: #000; padding: 0 10px; line-height: 20px;}
.menu-hh a:hover { text-decoration: none; }
.menu-hh ul li ul { background-color: #DF2800; border: 1px solid #000; }

.links_menu {
	
}
  
table {
	/*width: 100%; */
}  
  
table.linhainferiorretafina{
	background-color    : #FFFFFF;
	border-left         : 1px solid #000000;	
	border-right        : 1px solid #000000;	
	border-top          : 1px solid #000000;
	border-bottom       : 1px solid #000000;
	border-spacing      : 5px;		
} 

table.paginacao {
	background-color    : #FFFFFF;
	border-left         : 1px solid #000000;	
	border-right        : 1px solid #000000;	
	border-top          : 1px solid #000000;
	border-bottom       : 1px solid #000000;
	border-spacing      : 5px;		
	display             : block;
	font-size           : 11px;
	font-style          : normal;
} 

table.tabFormMagistrados {
	width : 100%;
	border : 0px;
	background-color: #FFFFFF;
}
table.tabFormMagistrados, th {  
	border: #DDDDDD 1px solid; 
	text-align: left;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #F1F1F1; 
}

table.tab-perguntas-serventia {
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	border: #F1F1F1 1px solid;
	font-size: 11px;
}

table.tab-perguntas-magistrado {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	height: auto;
	border: #CCCCCC 1px solid;
}

/*Abas*/
#header {
	float:left;
	width:100%;
	background:transparent url("bg.gif") repeat-x bottom;
	font-size:100%;
	line-height:normal;
}
#header ul {
	margin:0;
	padding:0px 0px 0;
	list-style:none;
}
#header li {
	float:left;
	background:url("norm_left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	text-align:center;
}
#header a {
	float:left;
	display:block;
	background:url("norm_right.gif") no-repeat right top;
	padding:5px 11.03px 4px 0px;
	text-decoration:none;
	font-weight:bold;
	color:#666;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
	color:#333;
}
#header #current {
	background-image:url("norm_left_on.gif");
}
#header #current a {
	background-image:url("norm_right_on.gif");
	color:#333;
	padding-bottom:5px;
}

  /*************************************************************************************/
  /* FORM DADOS ************************************************************************/
#boxContainer {
	background-color: #FFFFFF;
	width: 690px;
}

#boxContainerSenha {
	background-color: #FFFFFF;
	width: 350px;
}

.boxAbas {
	position: absolute;
	width: 690px;
	height: 38px;	
}
.boxAbasPasso0 { background: url(../img/aba_inicio.gif) 0px 0px; }
.boxAbasPasso1 { background: url(../img/aba_passo1.gif) 0px 0px; }
.boxAbasPasso2 { background: url(../img/aba_passo2.gif) 0px 0px; }
.boxAbasPasso3 { background: url(../img/aba_passo3.gif) 0px 0px; }
.boxAbasPasso4 { background: url(../img/aba_passo4.gif) 0px 0px; }
.boxAbasPasso5 { background: url(../img/aba_passo5.gif) 0px 0px; }
.boxAbasPasso4Invalido { background: url(../img/aba_passo4Inavalido.gif) 0px 0px; }

.cellLinkPasso0 { position: absolute; top: 17px; left: 31px; }
.cellLinkPasso1 { position: absolute; top: 17px; left: 111px; }
.cellLinkPasso2 { position: absolute; top: 17px; left: 197px; }
.cellLinkPasso3 { position: absolute; top: 17px; left: 282px; }
.cellLinkPasso4 { position: absolute; top: 17px; left: 367px; }
.cellLinkPasso5 { position: absolute; top: 16px; left: 450px; }

.cellLinkPasso0:hover { position: absolute; top: 17px; left: 31px; }
.cellLinkPasso1:hover { position: absolute; top: 17px; left: 111px; }
.cellLinkPasso2:hover { position: absolute; top: 17px; left: 197px; }
.cellLinkPasso3:hover { position: absolute; top: 17px; left: 282px; }
.cellLinkPasso4:hover { position: absolute; top: 17px; left: 367px; }
.cellLinkPasso5:hover { position: absolute; top: 16px; left: 453px; }

.boxPassosTitulo {
	position: absolute;
	top: 220px;
	right: 300px;
	font-weight: bold;
	font-size: 16px;
	color: #999999;
}

#boxMagistradoBeneficiado {
	display:none;
}

a.tit-passo-0 { color: #555555; font-weight: bold; font-size: 11px; }
a.tit-passo-1 { color: #555555; font-weight: bold; font-size: 11px; }
a.tit-passo-2 { color: #555555; font-weight: bold; font-size: 11px; }
a.tit-passo-3 { color: #555555; font-weight: bold; font-size: 11px; }
a.tit-passo-4 { color: #555555; font-weight: bold; font-size: 11px; }
a.tit-passo-5 { color: #555555; font-weight: bold; font-size: 11px; }

a.tit-passo-0:hover { color: #777777; font-weight: bold; font-size: 11px; }
a.tit-passo-1:hover { color: #99cc00; font-weight: bold; font-size: 11px; }
a.tit-passo-2:hover { color: #ffcc00; font-weight: bold; font-size: 11px; }
a.tit-passo-3:hover { color: #cc3300; font-weight: bold; font-size: 11px; }
a.tit-passo-4:hover { color: #3366ff; font-weight: bold; font-size: 11px; }
a.tit-passo-5:hover { color: #FF6600; font-weight: bold; font-size: 11px; }

span.tit-passo-1 { color: #99cc00; font-weight: bold; font-size: 11px; }
span.tit-passo-2 { color: #ffcc00; font-weight: bold; font-size: 11px; }
span.tit-passo-3 { color: #cc3300; font-weight: bold; font-size: 11px; }
span.tit-passo-4 { color: #3366ff; font-weight: bold; font-size: 11px; }
span.tit-passo-5 { color: #3366ff; font-weight: bold; font-size: 11px; }

.destaque-1 {
	width: 60px;
	font-weight: bold;
	padding: 2px;
	border: 2px #EEEEEE solid;
}

.boxPassosButton {
	position: relative;
	background:#CCCCCC;
	padding-left: 580px;
}
.spanButton {
	position: absolute;	
	width: 70px;
	height: 24px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	padding-top: 3px;
	background: transparent url(../img/bt_padrao.gif) 0px 0px no-repeat;
	color: #006699;
}
.cellPortlet-1	{
	padding-left: 5px;
}
.cellPortlet-4	{
	position:relative;
	left: 5px;            
}
.cellPortlet-6	{
	position:relative;
	left: 5px;            
}
.boxCompetenciaServentia {
	border: #E1E1E1 1px dotted;
	width: 95%;
	padding: 3px;
	max-height: 150px;
	overflow: auto;
}
.boxResumoPasso4 {
	width: 98%;
}
.boxProdutividadeMagistrado {
	/*border: #588BAA 1px solid;*/
	border: #DDDDDD 1px solid;
	width: 95%;
	padding: 3px;
}
.boxProdutividadeJuiz {
	border: #E1E1E1 1px dotted;
	width: 95%;
	padding: 3px;
	max-height: 260px;
	overflow: auto;
}
.boxMagistradoServentia {
	border: #E1E1E1 1px dotted;
	width: 95%;
	padding: 3px;
	max-height: 90px;
	overflow: auto;
}
.boxResponsaveisSecretarias{
	border: #E1E1E1 1px dotted;
	width: 95%;
	padding: 3px;
	max-height: 110px;
	overflow: auto;
}
.boxMagistradoProdutividade{
	border: #E1E1E1 1px dotted;
	width: 95%;
	padding: 3px;
	max-height: 60px;
	overflow: auto;
}



	.tit-contador {
		font-weight: bold;
		font-size: 16px;
		color: #006699;
	}
	.tit-pergunta-1 {
		font-weight: bold;
		color: #666666;
	}
	.tit-pergunta-2 {
		font-weight: bold;
		color: #006699;
	}
	.align-top {
		position: relative;
		top: 0px;
	}

	
.lineCompetenciaServentia {
	
}
.infoInserido {
	color: green;
	font-size: 11px;

}
.infoDeletado {
	color: red;
	font-size: 11px;
}

.infoPortlet-1 {
	width: 96%;
	height: 35px;
	padding-top: 8px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #006699;
	background-color: #6699CC;	 	
	background: url(../img/bg_fundo_titulo.jpg) 0px 0px no-repeat;
	overflow: hidden;
}

.infoPortlet-2 {
	width: 96%;
	height: 35px;
	padding-top: 8px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #7E504B;
	background-color: #6699CC;	 	
	background: url(../img/bg_fundo_titulo_extra.jpg) 0px 0px no-repeat;
	overflow: hidden;
}

.infoPortlet-3 {
	width: 100%;
	height: 50px;
	padding-top: 5px;
	padding-left: 41px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #555555;
	background-color: #6699CC;	 	
	background: url(../img/bg_fundo_titulo.gif) 0px 0px no-repeat;
	overflow: hidden;
}

.infoPortlet-4 {
	width: 100%;
	height: 14px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #000000;
	background-color: #6699CC;	 	
	background: url(../img/bg_fundo_titulo.jpg) 0px 0px no-repeat;
	overflow: hidden;
}

.infoPortlet-Extra {
	width: 100%;
	height: 14px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #7E504B;
	background-color: #6699CC;	 	
	background: url(../img/bg_fundo_titulo_extra.jpg) 0px 0px no-repeat;
	overflow: hidden;
}

.infoPortlet-6 {
	width: 100%;
	height: 14px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	color: #000000;
	background-color: #6699CC;	 	
	background: url(../img/bg_fundo_titulo.jpg) 0px 0px no-repeat;
	overflow: hidden;
}

.infoPortlet-7 {
	width: 96%;
	height: 35px;
	padding-top: 8px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #333333;
	background-color: #6699CC;	 	
	background: url(../img/bg_fundo_titulo_seg_grau.jpg) 0px 0px no-repeat;
	overflow: hidden;
}


.infoPortlet-1-botoes {
	position: absolute;
}
.infoPortlet-1-botoes-col-1 {
	position: absolute;
	top: 10px;
	left: 640px;
}
.infoPortlet-1-botoes-col-2 {
	position: relative;
	top: 10px;
	left: 665px;
}

.bottomPortlet-1{
	width: 100%;
	height: 14px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6699CC;	 	
	background: url(../img/bg_fundo_titulo5.gif) 0px 0px no-repeat;
	overflow: hidden;
}

.boxPortlet-1 {
	border:1px #DDDDDD solid;
	overflow: hidden;
}

.boxPortlet-JusticaAberta {
	border:1px #DDDDDD solid;
	background-color: #FFF;
	overflow: hidden;
}

.boxPortlet-2 {
	width: 700px;
	height: 360px;
	margin-left: auto;
	margin-right: auto;
	border:1px #DDDDDD solid;
	overflow: hidden;
}
.boxPortlet-3 {
	width: 700px;
	height: 320px;
	margin-left: auto;
	margin-right: auto;
	border:1px #F1F1F1 solid;
	overflow: hidden;
}
.boxPortlet-4 {
	border:1px #CCCCCC dotted;
	width: 666px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.boxPortlet-5 {
	border:1px #CCCCCC dotted;
	width: 666px;
	height: 430px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.boxPortlet-6 {
	border:1px #CCCCCC dotted;
	width: 630px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.boxPortlet-7 {
	border:1px #CCCCCC dotted;
	width: 666px;
	height: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.boxPortlet-popup { 
	width: 98%; 
}
.boxPortlet-legenda { 
	width: 100%; 
	border: #BBBBBB 1px dotted;
	background-color: #F1F1F1;
}

#boxVisualizacaoMagistrado {
	width: 540px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border:1px #DDDDDD solid;
	overflow: hidden;
}
.boxIMGconjuntoPassos {
	margin-left: 220px;
}
.infoTituloPortlet-1 {
	width: 100%;
	right: 0px;
}
.infoTituloPortlet-4 {
	right: 0px;
}
.infoTituloPortlet-6 {
	right: 0px;
}
.boxInicioPassos {
	width: 100%;
	height: 300px;
}
.boxInicioPassos-coluna-1 {
	position: relative;
	top: 20px;
	left: 0px;
	width: 200px;
	height: 250px;
}
.boxInicioPassos-coluna-2 {
	position: absolute;
	top: 10px;
	left: 190px;
	width: 330px;
	height: 250px;
}
.boxInicioPassos-botao {
	position: absolute;
	top: 250px;
	left: 0px;
}
#boxCallbackMessage {
	position: relative;
	width: 92%;
	max-height: 60px;
	padding: 5px;
	padding-left: 40px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	border-top: #2A9FD0 2px solid;
	border-bottom: #2A9FD0 2px solid;
	background: #9DD4EB url(../img/callback.png) 3px 2px no-repeat;
	background-color: #9DD4EB;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

.CallbackMessage-closeBox {
	position: absolute;
	top: 0px;
	right: 1px;
}
.boxWarningMessage {
	position: relative;
	width: 88%;
	max-height: 60px;
	padding: 5px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #555555;
	border: #CCCCCC 1px dotted;
	background: #FFFFCC url(../img/warning.png) 3px 2px no-repeat;	
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}


.tit-contador {
	font-weight: bold;
	font-size: 16px;
	color: #006699;
}
.tit-pergunta-1 {
	font-weight: bold;
	color: #666666;
}
.tit-pergunta-2 {
	font-weight: bold;
	color: #006699;
}
.align-top {
	position: relative;
	top: 0px;
}


.bt_default_out {
	position: relative;
	width: 335px;
	height: 35px;
	background: url(../img/btn/bt_default_out.gif) 0px 0px no-repeat;
	cursor: pointer;
	color: #006699;
}
.bt_default_hover {
	position: relative;
	width: 335px;
	height: 35px;
	background: url(../img/btn/bt_default_hover.gif) 0px 0px no-repeat;
	cursor: pointer;
	color: #999999;
}
.bt_ico_default {
	position: absolute;
	top: 8px;
	left: 8px;					
	width: 22px;
	height: 22px;
}
.bt_text_default {
	position: absolute;
	left: 35px;
	padding-top: 9px;
	width: 299px;
	text-align: center;
	font-weight: bold;
}

.bt_cancel_out {
	position: relative;
	width: 175px;
	height: 35px;
	background: url(../img/btn/bt_cancel_out.gif) 0px 0px no-repeat;
	cursor: pointer;
	color: #006699;
}
.bt_cancel_hover {
	position: relative;
	width: 175px;
	height: 35px;
	background: url(../img/btn/bt_cancel_hover.gif) 0px 0px no-repeat;
	cursor: pointer;
	color: #999999;
}
.bt_ico_cancel {
	position: absolute;
	top: 8px;
	left: 8px;					
	width: 22px;
	height: 22px;
}
.bt_text_cancel {
	position: absolute;
	left: 35px;
	padding-top: 9px;
	width: 139px;
	text-align: center;
	font-weight: bold;
}
.bt_sair_out {
	position: relative;
	width: 36px;
	height: 35px;
	background: url(../img/btn/bt_sair_out.gif) 0px 0px no-repeat;
	cursor: pointer;
	color: #006699;
}
.bt_sair_hover {
	position: relative;
	width: 36px;
	height: 35px;
	background: url(../img/btn/bt_sair_hover.gif) 0px 0px no-repeat;
	cursor: pointer;
	color: #999999;
}
.bt_ico_sair {
	position: absolute;
	top: 7px;
	left: 7px;					
	width: 22px;
	height: 22px;
}
.bt_default_mini_out {
	position: relative;
	width: 36px;
	height: 35px;
	background: url(../img/btn/bt_sair_out.gif) 0px 0px no-repeat;
	cursor: pointer;
	color: #006699;
}
.bt_default_mini_hover {
	position: relative;
	width: 36px;
	height: 35px;
	background: url(../img/btn/bt_sair_hover.gif) 0px 0px no-repeat;
	cursor: pointer;
	color: #999999;
}
.bt_ico_default_mini {
	position: absolute;
	top: 7px;
	left: 7px;					
	width: 22px;
	height: 22px;
}
.bt_user_out {
	position: relative;
	width: 130px;
	height: 35px;
	background: url(../img/btn/bt_user_out.gif) 0px 0px no-repeat;
	color: #006699;
}
.bt_ico_user {
	position: absolute;
	top: 10px;
	left: 50px;					
	width: 22px;
	height: 22px;
	text-align: center;
}

.bt_default_medio_out {
	position: relative;
	width: 175px;
	height: 35px;
	background: url(../img/btn/bt_default_medio_out.gif) 0px 0px no-repeat;
	cursor: pointer;
	color: #006699;
}
.bt_default_medio_hover {
	position: relative;
	width: 175px;
	height: 35px;
	background: url(../img/btn/bt_default_medio_hover.gif) 0px 0px no-repeat;
	cursor: pointer;
	color: #999999;
}
.bt_ico_default_medio {
	position: absolute;
	top: 8px;
	left: 8px;					
	width: 22px;
	height: 22px;
}
.bt_text_default_medio {
	position: absolute;
	left: 35px;
	padding-top: 9px;
	width: 139px;
	text-align: center;
	font-weight: bold;
}



.btn-img-salvar-produtividade {
	position: absolute;
	top: 370px;
	left: 560px;
	text-align: center;
}

.btn-img-cadastro-magistrado {
	position: absolute; 
	top: 270px; 
	right: 35px;
	text-align: center;
}
.btn-img-cadastro-secretaria {
	position: absolute; 
	top: 310px; 
	right: 35px;
	text-align: center;
}

.btn-img-1 {
	top: 170px;
	left: 620px;
	width: 80px;
	height: 80px;
	text-align: center;
	padding: 5px;
	border-top: #DDDDDD 1px solid;
	border-left: #DDDDDD 1px solid;
	border-right: #AAAAAA 1px solid;
	border-bottom: #AAAAAA 1px solid;
	background-color: #F1F1F1;
}
.btn-img-1:hover {
	border: #DDDDDD 1px solid;
	background-color: #F9F9F9;
	cursor: pointer;
}


				/** /
				.boxInfoMagistrado {
					position: relative;
					left: 40%;
					top: 0px;
					background: #FF6600;
					widht: 20px;
					height: 20px;
					text-align: center;
						
				}
				/**/
				.tit-info-magistrado {
					padding: 5px; 
					padding-left:8px; 
					widht:100%; 
					height: 16px; 
					font-weight: bold;
					cursor:pointer; important; cursor:hand;
					border: 1px #CCCCCC dotted;
					background: url(../img/ico/user16x16.png) 15px 5px no-repeat;
					background-color: #CCE6FF; 
				}
				.tit-info-magistrado:hover {
									
				}

.imprimir-recibo {
	position: absolute;
	top:10px;
	left: 557px;;
}
/***************************************************************************************/
.display-none { display: none; visibility: hidden; }
.display-block { display: block;  visibility: display; }
/***************************************************************************************/

#boxCadastroJuizTitular {
	display: none;
}
/***************************************************************************************/
/* HEIGHTs */
.h1 { height: auto; }
.h2 { height: 16px; }
.h3 { height: 20px; }

/* WIDTHs */
.w10 { width: 10% }
.w20 { width: 20% }
.w30 { width: 30% }
.w40 { width: 40% }
.w50 { width: 50% }
.w60 { width: 60% }
.w70 { width: 70% }
.w80 { width: 80% }
.w90 { width: 90% }
.w100 { width: 100% }

.w1 { width: 265px; }
.w2 { width: 80px; }
.w3 { width: 40px; }
.w4 { width: 364px; }
.w5 { width: 675px; }
.w6 { width: 380px; }
.w7 { width: 100px; }
.w8 { width: 150px; }
.w9 { width: 170px; }
.w11 { width: 30px; }
.w12 { width: 370px; }
.w13 { width: 30px; }
.w14 { width: 300px; }
.w15 { width: 550px; }
.w16 { width: 167px; }
.w17 { width: 220px; }
.w18 { width: 303px; }
.w19 { width: 250px; }
.w20 { width: 576px; }
.w21 { width: 540px; }
.w22 { width: 340px; }
.w23 { width: 10px; }
.w24 { width: 490px; }

.w_cent1 { width: 1%; }
.w_cent2 { width: 2%; }
.w_cent3 { width: 3%; }
.w_cent4 { width: 4%; }
.w_cent5 { width: 5%; }
.w_cent6 { width: 6%; }
.w_cent7 { width: 7%; }
.w_cent8 { width: 8%; }
.w_cent9 { width: 9%; }
.w_cent10 { width: 10%; }

.w_cent88 { width: 88%; }
.w_cent89 { width: 89%; }
.w_cent90 { width: 90%; }
.w_cent91 { width: 91%; }
.w_cent93 { width: 92%; }
.w_cent93 { width: 93%; }
.w_cent94 { width: 94%; }
.w_cent95 { width: 95%; }
.w_cent96 { width: 96%; }
.w_cent96 { width: 96%; }
.w_cent97 { width: 97%; }
.w_cent98 { width: 98%; }
.w_cent99 { width: 99%; }
.w_cent100 { width: 100%; }

/* COLORS */

.cell-table-1 {
	padding: 3px;
	padding-left: 5px;
	border: 1px #F1F1F1 solid;
	background-color: #F9F9F9;
}

.bg-color-1 { background-color: #FFFFFF; }
.bg-color-2 { background-color: #F1F1F1; }
.bg-color-3 { background-color: #F9F9F9; }

.tx-color-red { color: #CC0000; }
.tx-color-green { color: #009933; }
.tx-color-yellow { color: #F5B800; }
.tx-color-gray { color: #555555; }

.tx-bolder { font-weight: bold; }

.txt-area-1 {
	height: 40px;
	width: 640px;
	width: 647px;
	padding: 3px;
}

.fundo-linha-1 { background-color: #F0F7FF; }
.fundo-linha-2 { background-color: #FFFFFF; }

.padding-1 { padding: 0px; }
.padding-2 { padding: 2px; padding-left: 5px; }
.padding-3 { padding: 1px; padding-left: 10px; }
.padding-4 { padding: 5px; }
.padding-5 { position: absolute; padding-top: 2px; padding-left: 30px; }
.padding-6 { position: absolute; padding-top: 2px; padding-left: 108px; }
.padding-7 { position: relative; padding-top: 4px; padding-left: 30px; }
.padding-8 { position: relative;padding: 3px; padding-left: 5px; }

.padding-top-1 { padding-top: 5px; }

.padding-left-1 { padding-left: 5px; }
.padding-left-2 { padding-left: 20px; }
.padding-left-3 { padding-left: 3px; }
.over-hidden { overflow: hidden; }

#default_viewer {
	position: fixed;
	top: 3px;
	left: 3px;
	color: #FF6600;
}

#system-scripts { display: block; }

.numero-recibo {
	position: absolute;
	left: 70%;
}

#info_questionario_aberto {
	padding: 5px;
	color: #FF3300;
	list-style-type: upper-latin;	
}

.box-legenda {	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	color: #055e9a;	
	padding-top: 12px;
	padding-left: 25px;
	background: #F1F1F1 url(../img/ico/legenda32x32.png) no-repeat 10px 10px;
}

.box-aviso-dicas {
	font-size: 12px; 
	font-weight: bold;
	color: #336699;	
	border-top: 1px #DDDDDD dotted;
	border-bottom: 1px #FF1100 dotted;
	padding: 10px;
	padding-top: 12px;
	padding-left: 25px;
	margin-left: auto;
	margin-right: auto;
	background: #F9F9F9 url(../img/ico/avisoUser32x32.png) no-repeat 10px 4px;

}

#boxContainerMunicipio {
	background-color: #F2F2F2;
	width: 315px;
	heigth:100px;
	margin-left: 345px;
	margin-right:340px;
	margin-top:230px;
	position:absolute;
	border-top: 1px #BCBCBC dotted;
	border-bottom: 1px #BCBCBC dotted;
	border-left: 1px #BCBCBC dotted;
	border-right: 1px #BCBCBC dotted;
}

#boxContainerMunicipioExtra {
	background-color: #F4ECEC;
	width: 315px;
	heigth:100px;
	margin-left: 345px;
	margin-right:340px;
	margin-top:230px;
	position:absolute;
	border-top: 1px #D0A7A7 dotted;
	border-bottom: 1px #D0A7A7 dotted;
	border-left: 1px #D0A7A7 dotted;
	border-right: 1px #D0A7A7 dotted;
}

#boxContainerPresidencia {
	background-color: #E8DFD7;
	width: 320px;
	heigth:100px;
	margin-left: 350px;
	margin-right:340px;
	margin-top:200px;
	position:absolute;
	border-top: 1px #D0A7A7 dotted;
	border-bottom: 1px #D0A7A7 dotted;
	border-left: 1px #D0A7A7 dotted;
	border-right: 1px #D0A7A7 dotted;
}



#boxContainerIdentificacao {
	background-color: #F4ECEC;
	width: 260px;
	heigth: 100px;
	margin-left: 400px;
	margin-right:340px;
	margin-top:10px;
	position:absolute;
	border-top: 1px #D0A7A7 dotted;
	border-bottom: 1px #D0A7A7 dotted;
	border-left: 1px #D0A7A7 dotted;
	border-right: 1px #D0A7A7 dotted;
}




.cellPortlet-Municipio	{
	padding-left: 360px;
}



.apresentacaoJusticaAberta{
width:730px;
height:227px;
margin-left: 0px;
padding-top:3px;
font: 12px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "verdana", "arial", "helvetica";
text-align: center;
font-weight:bold;
z-index: 100;
}

.resultado{
	font: 12px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "verdana", "arial", "helvetica";	
}