/*
	--- Versionamento ---
	10/10/2014 - Primeiro Versionamento
	17/03/2015 - buscando_guia, usando em Cobrancas_Aberto.php do servicos do cidadao
	20/04/2018 - Andrey - .subtitulo recebeu border-bottom pq tirei da imagem com a seta, para ficar responsivo
	15/06/2022 - Andrey - td_captcha
	03/04/2023 - Karine - contenedor_abas
	--- Fim Versionamento ---
*/


.td_captcha{
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.td_captcha_selecionado{
	background-color: #008;
}

.img_captcha{
	height: 90px;
	cursor: pointer;
}

.buscando_guia{
	border: 1px solid #888;
	padding: 10px;
	background-color: #DDD;
	color: #888;
}


.barra_progresso th{
	font-size: 12px;
}

.barra_progresso th{
	font-size: 12px;
	font-weight: bold;
}

.barra_progresso{
	border: 1px solid;
	border-color: #EEE #AAA #AAA #EEE;
	background-color: #DDD;
}


.terminal_thread{
	font-family: "courier new", "courier", monospace;
	font-size: 11px;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #000;
	width: 90%;
	height: 300px;
	padding:3px;
	text-align: left;
	overflow: scroll;
}

.terminal_thread_head{
	text-align: center;
	font-family: verdana, helvetica;
	font-size: 12px;
	font-weight: bold;
	padding:3px;
	color: #FFF;
	border-color: #000;
	border-width: 0px 1px 0px 1px;
	border-style:solid;
	width: 90%;
	height: 15px;
	background-image: url('/Imagens/Barra_Azul.gif');
}

.botao_hover:hover{
     filter:alpha(opacity=.70);
     -moz-opacity: .7;
     opacity: .7;
     -khtml-opacity: .7;
     cursor: pointer;
}

.terminal_branco{
	font-family: monospace;
	font-size: 11px;
	background-color: #FFF;
	color: #000;
	border: 1px solid #CCC;
	white-space: pre;
	overflow: scroll;
}

.lista_erros{
  border: 1px #FF0000 dashed;
  background-color: #FFDDDD;
  color: #FF0000;
  padding: 5px;
  text-align: center;	
}

.lista_erros th{
	font-size: 12px;
	border: 0px;	
}

.lista_erros th{
	font-size: 12px;
}

.tabs2{
	padding: 0px;
	border: 0px;
	border-spacing: 0px;
	height: 16px;
	margin: 0px;	
}

.tabs2 td{
	text-align: center;
	border: 0px solid #000;
	padding: 0px;
	font-size: 10px;
	font-weight: bold;
	cursor: Pointer;
}

.tabs{
	padding: 0px;
	border: 0px;
	border-spacing: 0px;
	margin: 0px;	
}

.tabs td{
	text-align: center;
	border: 0px solid #000;
	padding: 0px;
	font-weight: bold;
	width: 25px;
	text-align: center;
	cursor: Pointer;
}

.catalogo_aba_mes_normal{
	text-align: center;
	border: 0px solid #000;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	width: 35px;
	cursor: Pointer;
	background-image: url("/Imagens/Aba_Catalogo_Mes.gif");
}



.catalogo_aba_normal{
	text-align: center;
	border: 0px solid #000;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	width: 25px;
	cursor: Pointer;
	background-image: url("/Imagens/Aba_Catalogo.gif");
}


	.catalogo_aba_mes_desativado{
		text-align: center;
		border: 0px solid #000;
		padding: 0px;
		margin: 0px;
		color: #CCCCCC;
		font-weight: bold;
		width: 25px;
		cursor: Pointer;
		background-image: url("/Imagens/Aba_Catalogo_Mes_Desativado.gif");
	}


	.catalogo_aba_desativado{
		text-align: center;
		border: 0px solid #000;
		padding: 0px;
		margin: 0px;
		color: #CCCCCC;
		font-weight: bold;
		width: 25px;
		cursor: Pointer;
		background-image: url("/Imagens/Aba_Catalogo_Desativado.gif");
	}


	.catalogo_aba_mes_selecionada{
		color: #000;
		background-image: url("/Imagens/Aba_Catalogo_Mes_Selecionado.gif");
	}


	.catalogo_aba_selecionada{
		color: #000;
		background-image: url("/Imagens/Aba_Catalogo_Selecionado.gif");
	}

	.botao_hover:hover{
	     filter:alpha(opacity=.70);
	     -moz-opacity: .7;
	     opacity: .7;
	     -khtml-opacity: .7;
	     cursor: pointer;
	}


	.motd{
		border-collapse: collapse;
		background-color: #EEEEEE;
		border: 1px dashed #000000;
	}

	.motd td{
		font-family: verdana, helvetica;
		font-size: 12px;
		padding: 10px;
		margin: 0px;
	}


	.sugestao{
		border-collapse: collapse;
		background-color: #EEEEFF;
		border: 1px dashed #0000FF;
	}

	.sugestao td{
		font-family: verdana, helvetica;
		font-size: 12px;
		padding: 10px;
		margin: 0px;
	}

	img, li, ul, a{
		outline: 0px;
	}

	.descricao_grupo{
		color: #0000FF;
		font-family: verdana, helvetica;
		font-size: 11px;
	}

	.cliqueaquivermelho{
		color: #FF0000;
		text-decoration: underline;
	}

	.mensagemaousuario{
		background-color: #ffeeb6;
		border: 1px dashed #be9d31;
		font-weight: bold;
		padding: 5px;
		color: #000000;
	}

	.mensagemaousuariotchau:hover{
		text-decoration: underline;
	}
	.mensagemaousuariotchau{
		font-size: 10px;
		color: #0000FF;
		font-family: arial;
		text-decoration: none;
	}

	.mensagem{
		background-color: #FFFFCC;
		border: 1px dashed #FF0000;
		font-weight: bold;
		padding: 5px;
		color: #FF0000;
	}

	legend{
		font-family: verdana, helvetica;
		font-size: 13px;
		font-weight: bold;
		padding: 0px 5px 0px 5px;
	}
  
	fieldset{       
		float: left;
		-moz-border-radius: 0px;
		border-radius: 0px;  
		border: 1px solid #ccc;
		background-color: #EEEEEE; 
	}

	.aba_normal, .aba_selecionada{
		border-top-left-radius: 5px 5px;
		border-top-right-radius: 5px 5px;
		padding: 0px 5px 0px 5px;
		font-family: verdana, helvetica;
		font-size: 10px;
		font-weight: bold;
	}

	.aba_normal{
		border-width: 1px 1px 0px 1px;
		border-color: #CCCCCC;
		border-style: solid;  
		background-color: #CCCCCC;  
		background-image: url("/Imagens/sombra_tab.gif");  
	}
	

  .aba_selecionada{
  
    border-width: 1px 1px 0px 1px;
    border-color: #CCCCCC;
    border-style: solid;     
  }

 .aba_manager td{
    cursor: Pointer; 
    font-family: verdana, helvetica;
    font-size: 10px;
   }

@media print {
	.naoImprime {
		display:none;
	}
}

.obrigatorio{
	color: red;
	font-size: 10px;	
}


.tabelasimples{
	border-collapse: collapse;
	border-style: solid;
	border-color: #000 #000 #000 #000 ;
	border-width: 1px 1px 1px 1px;
}

.tabelasimples th{
	border-style: solid;
	border-color: #000 #000 #000 #000 ;
	border-width: 1px 1px 1px 1px;
	font-family: verdana, helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #0000FF;
}


.vermelho{
	font-family: tahoma;
	font-weight: bold;
	color: #FF0000;
}

.fundo_jonas{

}

.panel_dados{
	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : #aaaaaa;
	border-left-width : 1px;
	border-left-style : solid;
	border-left-color : #CCCCCC;
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #CCCCCC;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #aaaaaa;
	background-color : #EFEFEF  ;
	padding: 3PX;

}

.panel_dados th{
	color: #000000;
	border-style: none;
	font-family: verdana, helvetica;
	font-size: 12px;	
	text-align: left;
}

.panel_dados td{
	color: #000000;
	border-style: none;
	font-family: verdana, helvetica;
	font-size: 12px;	
	padding: 3PX;

}

.panel_dados_somente_leitura{
	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : #aaaaaa;
	border-left-width : 1px;
	border-left-style : solid;
	border-left-color : #CCCCCC;
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #CCCCCC;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #aaaaaa;
	background-color : #EFEFEF  ;
	padding: 3PX;

}

.panel_dados_somente_leitura th{
	color: #000000;
	border-style: none;
	font-family: verdana, helvetica;
	font-size: 12px;	
	text-align: left;
}

.panel_dados_somente_leitura td{
	color: #000000;
	border-style: none;
	font-family: verdana, helvetica;
	font-size: 12px;	
	padding: 0px 3px 3px 0px;
}


.panel_dados_somente_leitura input[type="text"] {
	background-color:#EFEFEF;
	border: 0px solid #000000;	
}

.memoria{
	color: #008800;
	font-weight: bold;
}

.preto{
	color: #000000;
}

.bmtexto{
	font-family: verdana, helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;


	color : #000000;
	font-size : 11px;
	padding: 2px;

}

.debug{
	border-style: solid;
	border-color: #DDDD00;
	border-width: 1px;
	background-color: #FFFFDD;
	color: #000000;
	font-size: 13px;
	font-family: verdana, helvetica;
	padding:4px;

}



.memorial{
	border-style: solid;
	border-color: #00DD00;
	border-width: 1px;
	background-color: #DDFFDD;
	color: #000000;
	font-size: 12px;
	font-family: "courier new";
	padding:4px;

}


.info{
	color: #0000dd;
	font-size: 10px;
	font-family: verdana, helvetica;
	
}

.subtitulo_form{
	font-family: verdana, helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 1px 0px 1px 5px;
	text-align: top;
	height: 16px;
}


.subtitulo{
	font-family: verdana, helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-image: url("/Imagens/subseta.gif");
	background-repeat: no-repeat;
	padding: 1px 0px 0px 15px;
	text-align: top;
	height: 16px;
	border-bottom: 1px solid #888;
}

.linkerro{
	color: #0000FF;
	text-decoration: none;
}

.data{
  font-size: 11px;
  font-family: arial;
  text-align:right;
  padding: 0px;
}


.InfoPagina{
  font-family: arial;
  font-size: 13px;
  font-weight: bold; 
}


.whitebox {
    background-color:#FFFFFF;
    display: block;
    z-index: 4;
}

.placar td{
  font-size: 10px;
  background-color: #FFFFFF;
}

.placar th{
  font-family: verdana, helvetica;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #333333;
  border: 1px #000000 solid;
}

.not{
  text-align: right;
  font-family: verdana, helvetica;
  font-size: 10px;
  color: #0000FF;
  text-decoration: none;
}

li{
  list-style-image: url("/Imagens/li.gif");
}

.infonota{
  border: 1px #000000 dashed;
  background-color: #EEEEEE;
  color: #000;
  padding: 5px;
  text-align: left;
  font-size: 12px;
  font-family: arial;  
}


.inputfix{
  border: 1px solid #000;
  background-color: #FFFFFF;
  width: 142px;
  height: 18px;
  text-align: right;
}

.direita{
  text-align: right;
}

.cabecalho{
	background-color: #000000;
	background-image: url("/Imagens/Cabecalho.jpg");
	background-repeat: no-repeat;
	background-position: top right;
}

.cabecalho td{
  color: #FFFFFF;
  font-family: verdana, helvetica;
}

.titulopref{
  font-size: 25px;  
}
.titulosecr{
  font-size: 22px;  
}
.titulonfe{
  font-size: 18px;
 
}

.aviso{
  border: 2px #EEEE00 dashed;
  background-color: #FFFFCC;
  color: #000;
  font-weight: bold;
  padding: 5px;
  text-align: center;  
}

.linkaviso{
  text-decoration: none;
  color: #FF0000;
}

.linkaviso:hover{
  text-decoration: underline;
}


.btexto{
	font-family: verdana, helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;

	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : #aaaaaa;
	border-left-width : 1px;
	border-left-style : solid;
	border-left-color : #CCCCCC;
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #CCCCCC;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #aaaaaa;
	background-color : #eeeeee;
	color : #000000;
	font-size : 11px;
	padding: 2px;
}


.infologin td{
	background-color: #000;
	color: #FFF;
	font-family: verdana, helvetica;
	font-size: 9px;
	text-align: right;
	padding: 2px;
	font-weight: bold;
}

.link{
  text-decoration: none;
  font-size: 11px;
  color: #000000;
}

.link:hover{
  text-decoration: underline;
}


.Sucesso{
  border: 1px #0000FF dashed;
  background-color: #EEEEFF;
  color: #000;
  font-weight: bold;
  padding: 5px;
  text-align: center;  
  margin: 10px 0px 0px 0px;

}

.sucesso_link{
  text-decoration: none;
  font-weight: bold;
  color: #0000FF;
}

.cliqueaqui{
  text-decoration: none;
  color: #0000FF;
}

.cliqueaqui:hover{
  text-decoration: underline;
}

.link_listbox{
	text-decoration: none;
	color: #000000;
}

.link_listbox:hover{
	text-decoration: underline;
}

.listbox tfoot td{
	text-align: right;
	text-transform: none;
	background-color: #DDDDDD;
	font-size: 10px;
	font-weight: bold;
}

.listbox{
	border-collapse: collapse;
	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : #CCC;
	border-left-width : 1px;
	border-left-style : solid;
	border-left-color : #AAA;
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #AAA;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #CCC;
	background-color : #FEFEDD;
}

.listbox td{
	font-size: 10px;
	padding: 1px 3px 1px 3px;
	white-space: nowrap;
	text-transform: uppercase;
	cursor: Pointer;
	height: 17px;
}

.listbox th{
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
	white-space: nowrap;
	background-color: #CCC;
	background-image: url("/Imagens/fundoth.gif");
	text-align: center;
}

.listbox td, th{
	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : #CCC;


	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #CCC;
}

.listbox tr:hover{
	background-color: #CDF;
}

.listbox .selecionado{
	background-color: #99E;
	color: #FFF;
}


.erro{
  border: 1px #FF0000 dashed;
  background-color: #FFDDDD;
  color: #FF0000;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}

.exemplo{
  font-size: 10px;
  color: #FF0000;
}


input:focus{
  background-color: #FFFF00;
  border: 1px solid #BBBBDD;
  color: #000;
}

input{
	background-color: #FFFFFF;
	border: 1px solid #BBBBDD;
	color: #000;
	height: 18px;
	font-family: verdana, helvetica;
	font-size: 11px;
	text-transform: uppercase;
}

input:disabled{
	background-color: #D4D4D4;
}

textarea{
	border: 1px solid #BBBBDD;
	color: #000;
	font-family: verdana, helvetica;
	font-size: 11px;
	background-color: #FFFFFF;
}


body{
/*	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
*/
	
	background-color: #e7eef4;	
	background-image: url("/Imagens/Fundo.png");
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.finicial td{
  color: #000033;
  font-family: verdana, helvetica;

}

td{
  font-family: verdana, helvetica;
  font-size: 12px;
}

.panel2{
	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : #aaaaaa;
	border-left-width : 1px;
	border-left-style : solid;
	border-left-color : #CCCCCC;
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #CCCCCC;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #aaaaaa;
	background-color : #f4f0e3  ;
	PADDING: 5PX;
	color : #000000;
	font-size : 11px;
}

.panel2 th{
	color: #FF0000;
	border: 0px;
	text-align: left;
}

.azul{
	color: #0000FF;
	border: 0px;
	text-align: left;
	font-weight: bold;
}



.panel{
	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : #aaaaaa;
	border-left-width : 1px;
	border-left-style : solid;
	border-left-color : #CCCCCC;
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #CCCCCC;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #aaaaaa;
	background-color : #EEEEEE  ;
	padding: 0px;
	color : #000000;
}

.panel th{
	color: #000000;
	border: 0px;
	font-size : 12px;
	font-family: arial;
	text-align: left;
	background-color: #CCCCCC;
}
.panel td{
	padding: 0px;
	font-size : 12px;
	font-family: arial;
}

p{
  font-family: verdana, helvetica;
  font-size: 12px;
}


.titulo_pagina a{
  font-family: Arial;
  font-size: 16px;
  color: #527fb1;
  font-weight: bold;
  background-image: url("/Imagens/fundo_titulo.png");
  text-decoration: none;   
  height: 20px;
}

.titulo_pagina{
  font-family: Arial;
  font-size: 16px;
  color: #527fb1;
  font-weight: bold;
  background-image: url("/Imagens/fundo_titulo.png");
  text-decoration: none;   
  height: 20px;
}

.titulo_pagina a:hover{
  text-decoration: underline;
}


.rodape{
  font-family: verdana, helvetica;
  color: #FFFFFF;
  font-size: 10px;
  text-align: center;
}


.valuelist th{
	font-family: verdana, helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
.valuelist td{
	font-family: verdana, helvetica;
	font-size: 12px;
	text-align: left;
}

.contenedor_abas{
	/* text-align: center; */
	margin-bottom: 1px;
	margin-left: 2px;
}

.contenedor_abas div{
	border: 1px solid #888;
	background-color: #DDD;
	/* min-height: 18px; */
	display: inline-block;
	text-align: center;
	border-top-left-radius: 7px 7px;
	border-top-right-radius: 7px 7px;
	margin: -2px;
}

.contenedor_abas a{
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	color: #000;
	border-top-left-radius: 7px 7px;
	border-top-right-radius: 7px 7px;
	min-height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 2px;
}