/*----------------------Novo css - Rodrigo*/

body {
	background: url(../../images/bg.gif);
	margin:0px;
	font-size: 10pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
form {
	display: inline;
	}
	
#pageCorpo {
	text-align: center;
	width:100%;
	}
#pageCabecalho {
	width:100%;
	margin: 0 auto 0 auto;
	height:25px;
	background: url(../../images/bg_barra_sup.gif);
	color: black;
	text-align:center;
	}
#pageLogado {
	margin: auto 20px auto auto;
	text-align:right;
	padding: 5px 0 0 0;
	color: #999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	
.txtUsuario {
	color:#999966;
	font-weight: bold;
	}
	
.txtLogout {
	color:#FFFFFF;
	font-weight: bold;
	border:none;
	text-decoration: none;
	}
	
.botaoLogout {
	text-align:center;
	float: right;
	text-decoration: none;	
}
	
#pageTitulo {
	width:100%; 
	margin: 0 auto 0 auto; 
	height:66px; 
	background: url(../../images/bg_barra_titulo.jpg); 
	text-align:center;
	}
#pageMenu {
	width:100%;
	margin: 0 auto 0 auto;
	height:25px;
	background:	url(../../images/bg_menu.gif);
	}

.pageMenuSub {
	width:770px;
	margin: 0 auto 0 auto;
	padding: 0px;
	}

#pageConteudo {
	width: 770px;
	background: #FFF;
	margin: 10px auto 10px auto;
	padding: 0px;
	border: 1px solid #CCC;
	text-align: center;
	}
#pageRodape {
	width: 760px;
	padding: 5px;
	border-top: 2px solid #CCC;
	height:30px;
	margin: 0 auto 0 auto;
	color:#999999;
	text-align: center;
	}

#brasaoInicial {
	width:209px; 
	margin: 0 auto 20px auto; 
	height:252px; 
	background: url(../../images/brasaoColorido.png); 
	text-align:center;
}

.botaoMenu {
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	padding:3px;
}

.botaoNovo {
	color:#FFFFFF;
	font-weight: bold;
	background: url(../../images/botao.gif);
	width: 108px;
	height: 17px;
	border: none;
	cursor: pointer;
	font-size: 9pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.divAreaFormulario {
	border:1px solid #CCC;
	margin:10px;
	text-align:center;
	padding:10px;
}

.divAreaLogin {
	margin:10px auto 10px auto;
	padding:2px 5px 5px 5px;
	width:300px;
	border:	1px #CCCCCC solid;
	background-color: #993333;
	vertical-align: middle;
}

.divAreaLoginInt {
	margin:0 auto 0 auto;
	width:inherit;
	height:100%;
	border:1px #CCCCCC solid;
	background-color: #EEEEEE;
	vertical-align: middle;
}

.tituloDivLogin {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:9pt;
	font-weight:bold;
}


.divAreaMensagem {
	border:1px solid #848451;
	margin:10px;
	text-align:center;
	padding:5px;
	
}

.divMovProcessual{
	Background: #EEE;
	padding: 5px;
	margin: 5px 0 5px 0;
}
.divMovProcessualInt{
	Background: #FFF;
	margin: 5px 0 0 0;
}

div.msgErro {

	padding:5px;
	margin: 10px;
	font-size:9pt; 
	background:#FFF;
	border: 1px #848451 solid;
	font-family: Geneva, Arial, Helvetica, sans-serif;

}

.estiloCampo {
	background: #FFFFFF;
	border: 1px solid #CCC;
	width: 200px;
	_width: 200px;
	*width: 200px;
	height: 15px;
	_height: 15px;
	*height: 15px;
	font-size: 9pt;
}

.txtCampoObrigatorio {
	color: red;

	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.estiloCampo:FOCUS {
	background: #FFFFFF;
	border: 1px solid red;
	width: 200px;
	_width: 200px;
	*width: 200px;
	height: 15px;
	_height: 15px;
	*height: 15px;
	font-size: 9pt;
}

.estiloCampoSelect {
	background: #FFFFFF;
	border: 1px solid #CCC;
	width:inherit;
	_width:inherit;
	*width:inherit;
	height: 20px;
	_height: 20px;
	*height: 20px;
	font-size: 9pt;
}

.estiloCampoSugest{
	background: #FFFFFF;
	border: 1px solid #CCC;
	width: 250px;
	_width: 250px;
	*width: 250px;
	height: 15px;
	_height: 15px;
	*height: 15px;
	font-size: 9pt;
}

.msgPgInicial{
	padding: 10px 0px 0px 35px;
	text-align: left;
	height:22px;
	margin: 0px auto;
}

.tituloCampo{
	font-weight:bold;
	font-size: 9pt;
}

.protocolo{
	color: #99311A;
	font-weight:bold;
	font-size: 16pt;
	
}

.tituloCampoDocLeitura{
	color: #FFFFFF;
	font-weight:bold;
	font-size: 9pt;
}
.tituloFormulario {
	font-size: 9pt;
	font-weight: bold;
}

.rich-calendar-input {
	background: #FFFFFF;
	border: 1px solid #CCC;
	font-size: 9pt;
}
.divSelecionaUO {
	Background: #EEE;
	padding: 5px 2px 2px 2px;
	margin: 5px 0 5px 0;
}
.divSelecionaUOInt {
	Background: #FFF;
	margin: 5px 0 0 0;
	padding: 5px;
}
.divAviso {
	Background: #FFF;
	padding: 5px;
	margin: 5px 0 5px 0;
	border: 1px dashed #CCC;
}
.selecionaUOLista {
	color:#990002;
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 2px;
}
.selecionaUOLista:HOVER {
	color:#999666;
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.boletoExemplo{
  position:relative; 
  font:12px arial, verdana, helvetica, sans-serif; 
  padding:0;
  color:#039;
  text-decoration:none;
  border:none;
  z-index:24;
  }
a.boletoExemplo:hover{
  background:transparent;
  z-index:25; 
  }
a.boletoExemplo span{display: none}
a.boletoExemplo:hover span{ 
  display:block;
  position:absolute;
  right: -300px;
  top: 20px;
  border: 1px solid #CCC;
 
}




/*-----------------------------------*/

div.boxFormulario{

	border: 1px #C9C2AF solid;
	background-color:#E7E0D1;
	padding: 4px;
	width: 93%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 8px;
	
	
}


div.boxInfoLeitura{
	margin-left: auto;
	margin-right: auto;
	/** background-color: #F8F4EC; **/
	background-image: url(../../images/bg_cabecalho_leitura.jpg);
	border: 1px #000000 solid;
	padding: 4px;
}

div.tituloRecibo{
	width:95%;
	/*align:center;*/
	background-color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	margin-top:5px;
	border: 1px solid #000000;
	height:20px;
	padding-top:5px;
}


div.tituloMenuSelecionarDestinatarios{
	height: 20px;
	text-align:center;
	font-weight: bold;
}

div.subTituloMenuSelecionarDestinatarios{
	height: 15px;
	padding-top: 5px;
	margin-left:5px;
	font-weight: bold;
	color: #990000;
}

div.subTituloEmail{
	font-weight: bold;
	color: #990000;
}

div.itemTituloMenuSelecionarDestinatarios{
	margin-left:15px;
}

.rotuloCampos{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}

span.infoLeitura{
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
	
}

th{
	height: 22px;
}

/** linha de divisao lateral do menu - conteudo **/

td.colPersonalizada {
	text-align: left;
	padding: 3px;
	background: #F3F3F3;
	font-weight: bold;
	border-left-color:#FFFFFF;
	border-left-style:none;
	border-left-width: 0px;
}

td.colDireita {
	text-align: left;
	padding: 3px;
}

td.colEsquerda {
	text-align: right;
	padding: 3px;
}
td.colDireitaImp {
	text-align: left;
	padding: 3px;
	margin: 0 20px 0 0;
	width: 250px;
	
}

td.colEsquerdaImp {
	text-align: right;
	padding: 3px;
	background: #F3F3F3;
	font-weight: bold;
	width: 150px;
}

td.conteudoCorpo{
	border-left-color:#E7E0D1;
	border-left-style:solid;
	border-left-width: 1px;
	text-align: left;
	
}

td.menuCorpo{
	border-right-color:#E7E0D1;
	border-right-style:solid;
	border-right-width: 1px;
}

/** linha de divisao topo do corpo - centro do corpo **/
td.topoCorpo{
	border-bottom-color:#E7E0D1;
	border-bottom-style:solid;
	border-bottom-width: 1px;
}

.tituloSecao{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	height: 25px;
	padding-left: 10px;
}

div{
	text-align: left;
}

/* ---- Tabela Pesquisa (Dados) --*/
table.tabelaDados {
	border:1px solid #CCC;
	background-color: #EEE;
	border-collapse:collapse;
	border-spacing: 0px;

}

table.dados {
	border:1px solid #424242;
	background-color: #E7E0D1;
	border-collapse:collapse;
	border-spacing: 0px;

}

td.colunaCodigo{
	text-align: center;
	width: 100px;
	border-right: 1px #E7E0D1 dotted;	
}

td.colunaDados{
	text-align: left;
	padding-left: 5px;
	width: 150px;
	border-right: 1px #E7E0D1 dotted;
}

td.dados{
	text-align: left;
	padding-left: 5px;
	width: 150px;
	border-right: 1px #E7E0D1 dotted;
}

td.colunaDados2{
	text-align: left;
	padding-left: 5px;
	border-right: 1px #E7E0D1 dotted;	
}

td.colunaDadosLeitura{
	text-align: left;
	padding-left: 5px;
	border-right: 1px #E7E0D1 dotted;	
	width: 465px;
}

td.colunaIcone{
	text-align: center;
	width: 50px;
	padding-left: 1px;
	border-right: 1px #E7E0D1 dotted;	
	border-left: 1px #E7E0D1 dotted;
}

td.colunaData{
	text-align: center;
	padding-left: 1px;
	border-right: 1px #E7E0D1 dotted;	
}


td.colunaDadosCentro{
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	width: 150px;
	border-right: 1px #E7E0D1 dotted;
}

td.colunaDadosCentro2{
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	width: 50px;
	border-right: 1px #E7E0D1 dotted;
}

td.colunaAcoes{
	text-align: center;
	width: 50px;
	border-left: 1px #E7E0D1 solid;
	
}
.centralizado{
	background-color:#CCC;
}

td.documentosEsquerda{
	width:30px;
	border-right: 1px #E7E0D1 dotted;
	text-align: center;
}

td.documentosDireita{
	width:380px;
	padding-left: 5px;
	
}

table.destinatarios{
	border: 1px #C9C2AF solid;
	background-color:#E7E0D1;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.destinatariosItem{
	margin-left: 10px;
}

th.destinatarios{
	height: 10px;
}

td.colunasDestinatarios{
	width:235px;
	text-align: left;
	font-weight: bold;
}

/** ----- Formulario -----**/
input {
	border:none;
	font-size: 10px;
}

input.botao{
	color:#FFFFFF;
	font-weight: bold;
	background: url(../../images/botao.gif);
	width: 108px;
	height: 17px;
	border: none;
   	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

input.campoDesabilitado{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	padding-left:3px;
	font-weight: bold;
	color: #990000;

}

select{
	border-style: inset;
	border-width: 1px;
	font-size: 10px;
}
/** ----- *** -----**/

.impar{
	padding-left: 5px;	
	padding-right: 5px;	
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #EEE;
}

.par{
	background-color: #FFF;
	padding-left: 5px;	
	padding-right: 5px;	
	padding-top: 3px;
	padding-bottom: 3px;
}

.odd{
	padding-left: 5px;	
	padding-right: 5px;	
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #F8F4EC;
}

.even{
	background-color: #EFECD8;
	padding-left: 5px;	
	padding-right: 5px;	
	padding-top: 3px;
	padding-bottom: 3px;
}

.reciboEnvioTituloDetalhes{
	background-color: #E2E2E2;
	border-bottom:1px #000000  solid;
}

.imparPretoBranco{
	padding-left: 5px;	
	padding-right: 5px;	
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #FFFFFF;
}

.parPretoBranco{
	background-color: #EAEAEA;
	padding-left: 5px;	
	padding-right: 5px;	
	padding-top: 3px;
	padding-bottom: 3px;
}
/*--- **  ---*/



/** -------- ERROS ----------**/
div.acessoNegado{
	border: 1px dashed #6E6E6E;
	background-color: #E7E0D1;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;

}
div.acessoNegadoTitulo{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	text-align: center;
}
div.acessoNegadoTexto{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}




div.textoNav, a.textoNav{
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	text-decoration: none;
}
	
a.textoNav:HOVER{
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#6E6E6E;
	text-decoration: none;
}

a {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color: #0000FF;
}

a:visited {
	color: #A50808;
}

a.docsNaoLidos{
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}

a.destinatarios {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}

a.destinatarios:HOVER {
	font-family : Geneva, Arial, Helvetica, sans-serif;
	color: #707070;
	text-decoration: none;
}



/*
a.docsNaoLidos:VISITED{
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #696969;
}
*/

.paginator {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
		
}

.scroller {
	text-align: center;
}	

/*
   ------------------------------------------------------------
   Calendar component
   ------------------------------------------------------------
*/

.yearMonthHeader {
    background-color: #DDDDDD;
    color: #000000;
    text-align: center;
    border: none;
    font-weight: bold;
}

.weekHeader {
    background-color: #E7E7E7;
    color: #000000;
    text-align: center;
    border: none;
}

.currentDayCell {
    background-color: #DDDDDD;
    color: #000000;
    border: none;
}


/*** relatorio ****/
table.headerRelatorio{
	background-color:#FFFFFF;
	border: 1px #000000 solid;
}


/*
   ------------------------------------------------------------
   End Calendar component
   ------------------------------------------------------------
*/

.popup {
    background-color:rgb(255,255,255);
    color: #000000;
    border: 1px solid #CCCCCC;
    font-size:10px;
	height: 30px;
	width: 150px;
	text-align: left;

}