@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------------------------------------*/
/*------- FORMATAÇÃO GERAL ---------------------------------------------------*/
/*----------------------------------------------------------------------------*/

html {
	height:100%;
}

body {
	background-color: #eee;
	background-image:url(../images/quadriculado.jpg);
	background-position:center top;
	padding:0px;
	margin:0px;
	font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif !important;
	letter-spacing:-0.1px !important;
	line-height: 1.1;
	font-style: normal;
	font-weight:normal !important;
	letter-spacing:0px;
	color: #333;
	height:100%;
}

em { font-style: normal; font-weight: bold; }
strong { font-weight: bold; font-style:normal; }
pre { font-family: monospace;  font-style:normal;}


h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	margin-top:0px;
	line-height:1;	
}

h1 { font-size:2.7em; }
h2 { font-size:1.4em; }
h3 { font-size:1.3em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }
h6 { font-size:0.9em; }	
	 
ul {text-indent:0px; list-style-position: outside; }
li { list-style-type:none; }
a { color:#333; text-decoration:none;}

.clearfloat { 
	clear:both; 
	height:0; 
	font-size: 1px; 
	line-height: 0px; 
}

.lowercase { text-transform:lowercase;}



/*----------------------------------------------------------------------------*/
/*------- TELA DE LOGIN ------------------------------------------------------*/
/*----------------------------------------------------------------------------*/


#container_entrada {
	padding-top:90px;
	width:750px;
	margin:0 auto;
	position:relative;
}

#container_entrada #mensagens {
	width: 350px;
	float:left;
}

#container_entrada #mensagens ul {
	height:326px;
}

#login {
	width: 300px !important;
	height:325px !important;
	padding: 50px 35px 10px 35px!important;
	position:relative;
	float:left;
	margin-top:20px;
	margin-right:18px;
}

#brasao {
	position:absolute;
	top:40px;
	left:130px;
	width:105px;
	height:200px;
	z-index:1000;
}

#brasao img {
	width:100%;
	height:auto;
}

#login #titulo {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: thin solid #ccc;
	text-align:center;
}

#login #titulo #principal{
	font-weight: bold;
	margin: 3px 0px;
}

#login #titulo #subtitulo {
	margin: 3px 0px;
}

#login #campos  {
	text-align:center;
}

#login #campos .campo {
	width:290px !important;
}

#login #campos input {
	margin-bottom: 12px;
	padding-left: 40px;
}

#login #campos label {
	margin-bottom: 8px;
	display:block;
	text-align:center;
}

#login #campos .container_botao {
	margin-bottom:7px;
	padding-top:0px;
}

#login #campos .botao {
	margin-left: 0px;
	font-size:1.2em;
	padding:11px 0px;
	display:block;
	width:305px !important;
}

#login #campos .botao:hover {
	padding:12px 0px 10px 0px;
}

#login #campos .ajuda {
	color: #444;
	margin-left:2px;
}

#rodape_login {
	margin-top: 20px;
	margin-left:1px;
	text-align: left;
	color:#444;
	position:absolute;
	left:-1px;
	bottom:-1px;
	background-color:#ddd;
	padding: 15px 35px 15px 35px!important;
	width: 300px !important;
	border-top:1px solid #bbb;
	text-align:center;
}


/*----------------------------------------------------------------------------*/
/*------- ESTRUTURA GERAL ----------------------------------------------------*/
/*----------------------------------------------------------------------------*/


#faixa_superior {
	position:absolute;
	z-index:1;
	width:100%;
	background-color:rgba(2,10,10,0.55);
	border-bottom:1px solid #fff;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3) inset, 1px 1px 15px 13px rgba(0, 0, 0, 0.08) inset  !important;
}

#cabecalho {
	position:relative;
	z-index:4;
	height:65px;
	padding:0px;
	background-color: rgba(0,0,0,0.55);	
	border-bottom:0px solid #888;
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 1), 1px 1px 12px 12px rgba(0, 0, 0, 0.20)  !important;
	-webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 1), 1px 1px 12px 12px rgba(0, 0, 0, 0.20)  !important;
	-moz-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 1), 1px 1px 12px 12px rgba(0, 0, 0, 0.20)   !important; 
}

#corpo {
	position:relative;
	z-index:2;
	clear:both;
	background-repeat:no-repeat;
}

.entrada {
	background-position:center top !important;
}

#rodape {
	z-index:3;
	padding:5px 0px 40px 0px;
}

#wrapper {
	width:100%;
	height:100%;
}

.conteudo { 
	margin: auto;
	position:relative;
}

.alinhar_a_direita {
	text-align:right;
}


.painel {
	background-color: #EDECEA !important;
    background-image: url("../images/painel-degrade.png") !important;
	background-repeat:repeat-x !important;
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2), 1px 1px 0px 8px rgba(0, 0, 0, 0.08)  !important;
	-webkit-box-shadow:  0px 1px 2px 1px rgba(0, 0, 0, 0.2), 1px 1px 0px 8px rgba(0, 0, 0, 0.08)  !important;
	-moz-box-shadow:  0px 1px 2px 1px rgba(0, 0, 0, 0.2), 1px 1px 0px 8px rgba(0, 0, 0, 0.08)  !important;
	border-top:0px solid #fff;
	border-left:0px solid #fff;
	position:relative;
	margin-bottom:16px;
	padding:0px !important;
	border-radius:0px !important;
	-webkit-border-radius:0px !important;
	-moz-border-radius:0px !important;
	overflow: hidden;
}

.box_botoes_superior {
	box-shadow: 1px 1px 0px 8px rgba(0, 0, 0, 0.08)  !important;
	-webkit-box-shadow: 1px 1px 0px 8px rgba(0, 0, 0, 0.08)  !important;
	-moz-box-shadow:  1px 1px 0px 8px rgba(0, 0, 0, 0.08)  !important;
	background-color: rgba(0, 0, 0, 0.08);
	margin-bottom:16px;
	margin-top:10px;
}

.box_botoes_superior .botao_lista {
	display:inline-block;
	float:none;
	margin-left:5px !important;
	position:relative;
	top:5px;
}

.box_botoes_inferior {
	box-shadow: 1px 1px 0px 8px rgba(0, 0, 0, 0.08)  !important;
	-webkit-box-shadow: 1px 1px 0px 8px rgba(0, 0, 0, 0.08)  !important;
	-moz-box-shadow:  1px 1px 0px 8px rgba(0, 0, 0, 0.08)  !important;
	background-color: rgba(0, 0, 0, 0.08);
	margin-bottom:16px;
	text-align:right;
	position:relative;
	top:0px;
	padding:0px;
	height:32px;
	width:100%;
}

.box_botoes_inferior .botao_lista {
	display:inline-block;
	margin-left:6px !important;
	margin-right:3px;
	float:right;
}

.painel .painel {
	margin:12px 8px;
	box-shadow:0px 1px 2px 1px rgba(0, 0, 0, 0.25), 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
	background-color:#f6f6f6 !important;
	font-size:1em;
}

.abas .painel_tela {
	padding:0px !important;
	margin:0px !important;
}

.painel h2 {
	font-weight:normal;
	padding: 10px 0px;
	background-color:transparent;
	color:#555;
}

.painel h3{
	font-weight:normal;
	padding: 13px 10px 13px 15px;
	background-color:transparent;
	color:#555;
}

.conteudo .container_colunas .painel {
	padding-right:0px !important;
	padding-left:0px !important;
}

.conteudo .container_colunas .painel_a_direita {
	float:right !important;
}

#layer .painel {
	margin-bottom:0px;
}


/*----------------------------------------------------------------------------*/
/*------- CONTEÚDO CABEÇALHO -------------------------------------------------*/
/*----------------------------------------------------------------------------*/


#cabecalho #brasao {
	position:absolute;
	height:60px;
	width:60px;
	background-image:url(../images/brasao-botao.png);
	top:0px;
	left:-20px;
}

#cabecalho #titulo_app {
	float:left;
	width:auto;
	margin: 17px 1px 8px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
}

#cabecalho #titulo_app ul li {
	float:left;
}

#cabecalho #sistema div, #cabecalho #tjma a {
	color: #fff !important;
	margin:0px;
	font-weight: bold;
	display:block;
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	height:12px;
	padding:8px 10px;
	text-shadow: 1px 1px #555;
}

#cabecalho #tjma a{
	border-radius:3px;
	padding:8px 12px 8px 35px;
}

#cabecalho #sistema div {
	border-radius:0px 3px 3px 0px;
	border-left:1px solid #333 !important;
	position:relative;
	left:-5px;
}


/*------- identificação do usuário -------------------------------------------*/


#cabecalho #usuario {
	height:30px;
	background-color:#111;
	background-image: url(../images/icone_usuario_branco.png);
	background-position:6px 7px;
	background-repeat:no-repeat;
	margin-top:16px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; 
	border:1px solid #000;
	border-bottom-color: #333;
}

#cabecalho #usuario ul li {
	float:left;
	border-left: 0px solid #777;
	color:#ddd;
}

#cabecalho #usuario ul li+li {
	border-left: 1px solid #000;
}

#cabecalho #usuario #logout {
	padding:0px !important;
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px; 
	background-color: #2e2e2e;
	background-image:url(../images/padrao_cinza.png);
	background-repeat:repeat-x;
    
}

#cabecalho #usuario #logout a{
	color:#fff;
	display:block;
	padding:9px 10px 9px 14px ;
	height:12px;
	width:20px;
}

#cabecalho #usuario #nome {
	padding: 5px 5px 0px 30px;
	width:150px;
	height:12px;
	overflow:hidden;
	margin-top:4px;
	
}


/*------- menu ---------------------------------------------------------------*/



#cabecalho #menu ul {
	padding-top:1px;
	background-color:transparent;
	border:0px solid #333;
	height:26px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
}

#cabecalho #menu ul li {
	padding: 0px;
	display:inline-block;
	position:relative;
	text-transform:uppercase;
	height:37px;
}

#cabecalho #menu ul li a {
	text-decoration: none;
	color:#ccc;
	padding: 4px 8px 4px 8px;
	border-radius: 3px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#cabecalho #menu ul li:hover {
	background-color:#fff;
}

#cabecalho #menu ul li.sem_submenu:hover {
	background-color:transparent;
}

#cabecalho #menu ul li.ativo a {
	background-color:#444;
	border:1px solid #000;
	box-shadow:0px 0px 2px 2px rgba(0,0,0,0.1) inset;
}

#cabecalho #menu ul li:hover a {
	background-color:#fff;
	border-color:#fff;
	color:#000;
	box-shadow:0px 0px 0px 0px rgba(255,255,255,0);
}

#cabecalho #menu ul li:hover li a {
	background-color:#fff;
	border:0px;
}

#cabecalho #menu ul li:hover ul li a:hover {
	color:#777;
	background-color:#eee;
}

#cabecalho #menu .dropdown_pequeno, 
#cabecalho #menu .dropdown_medio, 
#cabecalho #menu .dropdown_grande {
	margin:0px auto;
	float:left;
	position:absolute;
	z-index:99999999999;
	top:28px;
	left:-999em; /* Esconde o drop down */
	text-align:left;
	padding:5px 20px 0px 0px;
	background-color:#fff;
	border: 1px solid #d1d1d1;
	border-top-width:0px;
	-webkit-border-radius:0px 0px 4px 4px;
	-moz-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 3px 2px 2px rgba(0, 0, 0, 0.08);
}

#cabecalho #menu .dropdown_pequeno { width: 240px; }
#cabecalho #menu .dropdown_medio { width: 450px; }
#cabecalho #menu .dropdown_grande { width: 700px; }

#cabecalho #menu li:hover .dropdown_pequeno {left:-70px;}
#cabecalho #menu li:hover .dropdown_medio {left:-120px;}
#cabecalho #menu li:hover .dropdown_grande {left:-150px;}

#cabecalho #menu .coluna {
	float:left;
	padding-top:30px;
	
}

#cabecalho #menu .submenu {
	margin:0px 0px 0px 14px;
	padding:0px 0px 4px 3px;
	border-bottom:0px solid #666666;
	text-transform:uppercase;
	color:#111;
	font-weight:bold;
	display:block;
	clear:both;
	border-bottom: 1px solid #ddd;
}

#cabecalho #menu li ul {
	padding:0px 0px 20px 15px;
	margin:0px;
	height:auto !important;
	float:none;
}

#cabecalho #menu li ul li {
	height:auto !important;
	padding:2px 1px;
	margin:0px;
	float:none;
	text-align:left;
	width:100%;
	display:block;
	text-transform:none;
	background-color:#fff;
}

#cabecalho #menu li ul li+li {
	border-top: 1px solid #ddd;
}

#cabecalho #menu li ul li a, 
#cabecalho #menu li ul li.ativo a {
	padding:2px;
	margin:0px;
	border:0px;
	color:#000;
	display:block;
	font-weight:bold;
}


#cabecalho #menu li ul li .ajuda {
	color:#999;
	font-style:italic;
	font-weight:normal;
}

#cabecalho #menu .sem_dica_menu .ajuda {
	display:none;
}

#cabecalho #menu .com_dica_menu .ajuda {
	display:block;
}

#cabecalho #menu .container_botao_ajuda {
	position:absolute;
	top:10px;
	right:10px;
}



/*------- SELEÇÃO SISTEMAS ------------------------------------------------------*/


#sistemas {
	width: 64%;
	margin-right: 1.65%;
	margin-top:20px;
	float: left;
}

#mensagens {
	width: 33%;
	margin-top:20px;
	float: left;
}

#sistemas .descricao, 
#mensagens .descricao {
	padding:10px 12px 10px 10px;
	display:inline-block;
    color: #333 !important;
	position:relative;
	left:8px !important;
	width:auto;
	text-transform:uppercase;
	font-weight:bold;
}

span.loadingImg {
	color: #333 !important;
	font-weight:bold;
	font-size: 1.35em;
	text-align: center;
}

#sistemas ul {
	padding:0px 5px 8px 6px !important;
	min-height:286px;
}


#sistemas ul li {
	float: left;
	magin:0px;
	margin-top:4px;
	margin-left:4px;
	padding:0px !important;
	border-right:1px solid #ccc;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ccc;
	background-color: #fff;
	-webkit-box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.03);
	-moz-box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.03);
	box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.03);
}

#sistemas ul li.intranet {
	background-position: right 0px;
	background-repeat:no-repeat;
}


#sistemas ul li .box {
	text-decoration: none;
	padding: 20px;
}

#sistemas ul li:hover a{
	color:#fff;
}

#sistemas ul li .box .titulo {
	text-decoration: none;
	padding-bottom: 6px;
	margin:0px;
}



#mensagens ul {
	padding:0px 9px 10px 8px !important;
	min-height:278px;
}

#mensagens ul li {
	magin:0px;
	margin-top:6px;
	padding:8px 15px;
	width:auto;
	height:60px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:0px solid #999;
	background-color:#fff;
	-webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.05);
	box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.05);
}

#mensagens ul li .data {
	float:left;
	width:19%;
	border-right: 1px dashed #ccc;
}

#mensagens ul li .data .dia {
	font-size:2.6em;
	color:#333;
	padding-left:4px;
	letter-spacing:-1px;
	
}

#mensagens ul li .data .mes_ano {
	text-transform:uppercase;
	letter-spacing:-1px;
	padding-bottom: 6px;
}

#mensagens ul li .texto {
	float:left;
	width:70%;
	padding-top:6px;
	font-size:0.95em;
	line-height:1.2;
}

#mensagens ul li .marcarLida img {
	margin-top: 20px;
	margin-left: 8px;
}

#mensagens ul li .texto p {
	padding-left:10px;
}




/*------- BARRA TÍTULO ------------------------------------------------------*/


#barra_titulo {
	margin-bottom:13px;
	color:#fff;
}


#barra_titulo #identificacao {
	width: 45%;
	float: left;
	color:#fff;
	margin-top:8px;
}

#barra_titulo #identificacao a {
	color:#fff;
}

#barra_titulo #identificacao #tela {
	font-weight: normal;
	float: left;
	margin-top: 2px;
	color:#fff;
	font-family: Arial, sans-serif !important;
	letter-spacing:0px !important;
}



#layer #barra_titulo, #layer #barra_titulo #identificacao, 
#layer #barra_titulo #identificacao #tela {
	margin:0px;
	padding:0px;
}

#layer #barra_titulo #identificacao #tela {
	color:#333;
	margin-bottom:10px;
	margin-top:10px;
}


#barra_titulo #identificacao .registro_id {
	float: left;
	margin-top: 5px;
	margin-left: 12px;
	padding: 7px 10px;
	background-color: #222;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
}

#barra_titulo #funcoes {
	text-align: right;
	float: right;
	width: 55%;
	margin-top:14px;
}


#barra_titulo #funcoes #data {
	padding:10px 8px 8px 26px !important;
	background-image:url(../images/icone_calendario_2.png);
	background-repeat:no-repeat;
	background-position:6px 6px;
	color:#fff;
	font-size:0.85em;
	font-weight:normal;
	display:inline-block;
	background-color:rgba(0,0,0,0.2);
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-left:8px;
}

#barra_titulo #timer {
	padding:10px 8px 8px 26px !important;
	background-image:url(../images/icone_timer.png);
	background-repeat:no-repeat;
	background-position:6px 6px;
	color:#fff;
	font-size:0.85em;
	font-weight:normal;
	display:inline-block;
	background-color:rgba(0,0,0,0.2);
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-size:0.45em;
	margin-left:8px;
	position:relative;
	top:-5px;
}


#botao_mensagem, #botao_ajuda, #botao_log, #botao_dica_tela {
	background-color:transparent;
	border:0px;
	margin:0px;
	width:32px;
	height:32px;
	font-weight:bold;
	color:#fff;
	position:relative;
	top:0px;
	background-repeat:no-repeat;
	background-position:8px 8px;
}

#botao_mensagem {background-image:url(../images/icone_exclamacao.png) !important;}
#botao_ajuda {background-image:url(../images/icone_ajuda.png) !important;}
#botao_log {background-image:url(../images/icone_log.png) !important;}
#botao_dica_tela {background-image:url(../images/icone_info.png) !important;}


#botao_mensagem:hover, #botao_ajuda:hover,
#botao_log:hover, #botao_dica_tela:hover {
	cursor: pointer;
	background-position:8px 9px !important;
}

#botao_mensagem[disabled]:hover, #botao_ajuda[disabled]:hover,
#botao_log[disabled]:hover, #botao_dica_tela[disabled]:hover {
	cursor: default;
	background-position:8px 8px !important;
}

.botao_dica_menu{
	background-color:transparent;
	border:0px;
	margin:0px;
	width:16px;
	height:16px;
	font-weight:bold;
	color:#fff;
	position:relative;
	top:0px;
	background-image:url(../images/icone_info.png);
	background-repeat:no-repeat;
}

.botao_dica_menu:hover {
	cursor: pointer;
	background-color: transparent;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08);
	color:#fff;
}



/*----------------------------------------------------------------------------*/
/*------- CONSULTAS ----------------------------------------------------------*/
/*----------------------------------------------------------------------------*/


/*------- painel de filtros --------------------------------------------------*/

.filtros {
	width: 91%;
	padding: 1.4% 1% 1.4% 1%;
	float: left;
	height:auto;
	background-color:transparent;
}


.botao_pesquisar {
	position:absolute;
	top:0;
	padding:0px;
	vertical-align:middle;
	color:#fff;
	background-image:url(../images/icone_pesquisar.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	border:0px !important;
	border-radius:0px !important;
	margin:0px !important;
}

.botao_pesquisar:hover {
	color:#fff;
	text-shadow:0px 0px 0px #ffffff;
}

.botao_download:hover {
  color:#fff;
  text-shadow:0px 0px 0px #ffffff;
}

.botao_download {
  position:absolute;
  padding:0px;
  vertical-align:middle;
  color:#fff;
  background-image:url(../images/icone_download.png);
  background-repeat:no-repeat;
  background-position: 50% 50%;
  border:0px !important;
  border-radius:0px !important;
  margin:0px !important;
  
    position:absolute;
	top:0;
	padding:0px;
	vertical-align:middle;
	color:#fff;
	background-image:url(../images/icone_download.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	border:0px !important;
	border-radius:0px !important;
	margin:0px !important;
}

.botao_mais {
	position:absolute;
	color:#fff;
	font-weight:bold;
	width:18px;
	height:17px;
	text-align:center;
	vertical-align:middle;
}

.botao_mais a {
	color:#fff;
	width:100%;
	height:100%;
	padding:3px 5px;
	text-align:center;
	vertical-align:middle;
}


.botao_mais:hover {
	background-color:#383838;
}

.mostrar_filtos_secundarios {
	display:block;
}
	
.esconder_filtos_secundarios {
	display:none;
}

.filtros_lista {
	width: 100%;
	float: left;
	height:auto;
}

.filtros_lista .campos{
	padding:10px;
}





/*------- GRID DE RESULTADOS --------------------------------------------------*/


.cabecalho_grid  {
	padding:16px 15px 6px 15px;
	color:#333;
	border-bottom: 1px solid #ccc;
	background-color: #f6f5f4;
	position:relative;

}

.cabecalho_grid input {
	border-color:#ccc;
	border-bottom-color:#ddd;
	background-color:#fff;
	color:#333;
}

.cabecalho_grid .acoes_grid {
	width:65%;
}

.cabecalho_grid .acoes_grid .campo {
	width:40% !important;
	padding-top:0px !important;
}

.cabecalho_grid .num_registros {
	width:83px;
	height:30px;
	position:absolute;
	bottom:14px;
	right:10px;
	text-align:right;
}

.cabecalho_grid .num_registros select {
	width:100%;
}

.cabecalho_grid .num_registros div.selector span {
    width: 20px;
    padding: 0 65px 0 2px;
}


.grid {
	height: auto;
	padding:5px;
	position:relative;
	border-top:1px solid #fff;
}

.grid .navegacao_grid {
	position:absolute;
	right:105px;
	top:-36px;
	color:#444;
}

.grid .navegacao_grid a, .grid .navegacao_grid span {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ccc;
	display:left;
	padding:6px 7px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	font-weight: bold;
}

.grid .navegacao_grid a:hover, 
.grid .navegacao_grid span.atual {
	color:#fff;
	text-shadow:0px 0px 0px #ffffff;
	background-image:none !important;
}

.grid .navegacao_grid a {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #dddddd) );
	background:-moz-linear-gradient( center top, #eeeeee 5%, #dddddd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd');
	color:#555;
}

.grid .navegacao_grid span {
	color:#bbb;
}

.grid table th {
	padding: 9px 8px 7px 4px;
	vertical-align: middle;
}

.grid table th.sortable a {
    background: url("../images/seta_tabela.png") no-repeat scroll 0px 1px transparent;
	padding-left:13px;
}

.grid table td {
	padding: 7px 7px 6px 10px;
	vertical-align: middle;
}

.grid .campo {
	padding:2px 0px 5px 0px;
} 

.observacao, .legenda {
	font-size:0.95em;
	padding:2px 5px 5px 10px;
	color:#999;
}

.legenda {
	margin-top:20px;
}

.legenda img {
	position:relative;
	top:2px;
}


/*----------------------------------------------------------------------------*/
/*------- PAINÉIS RETRÁTEIS ----------------------------------------------*/
/*----------------------------------------------------------------------------*/

.paineis_retrateis {
	margin-top:30px;	
}


.paineis_retrateis h3 {
	font-weight:normal;
	padding: 11px 10px 11px 35px;
}

.paineis_retrateis .area_retratil {
	height:auto;
	display:none;
	overflow:hidden;
}

.paineis_retrateis .abrir .area_retratil {
	display:block;
}


.paineis_retrateis h3 {
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:9px 10px;
	color:#333;
}

.paineis_retrateis h3:hover {
	background-color:#444;
	color:#fff;
}

.paineis_retrateis .abrir h3 {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #eeeeee) );
	background:-moz-linear-gradient( center top, #eeeeee 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee');
	color:#fff;
	background-color:#444;
	background-repeat:no-repeat;
	background-position:9px 11px;
	font-weight:normal;
	border-bottom:1px solid #000;
}



/* ---------------------- ABAS ------------------------------ */

.abas ul {
	z-index:100000 !important;
	position:relative;
	font-size:1.15em;
}

.ui-tabs {
    padding: 0 !important;
}

/* aba fechada */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #333 !important;
	position:relative;
	top:0px !important;
	border: 0px solid #4c4d4e !important;
}

/* aba fechada:hover */
.laranja .ui-state-default:hover, .laranja .ui-widget-content .ui-state-default:hover, .laranja .ui-widget-header .ui-state-default:hover,
.petroleo .ui-state-default:hover, .petroleo .ui-widget-content .ui-state-default:hover, .petroleo .ui-widget-header .ui-state-default:hover,
.verde .ui-state-default:hover, .verde .ui-widget-content .ui-state-default:hover, .verda .ui-widget-header .ui-state-default:hover,
.roxo .ui-state-default:hover, .roxo .ui-widget-content .ui-state-default:hover, .roxo .ui-widget-header .ui-state-default:hover,
.azul .ui-state-default:hover, .azul .ui-widget-content .ui-state-default:hover, .azul .ui-widget-header .ui-state-default:hover,
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
    background-color: #3c3c3c !important;
	border-bottom: 0px !important;
    color: #FFFFFF !important;
	background-image:none !important;
	border-color: #3c3c3c !important;
}

/* aba fechada texto */
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #fff !important;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 4px 14px !important;
}

/* aba selecionada */

.laranja .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.petroleo .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.verde .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.roxo .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.azul .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border:0px;
	font-weight:bold;
	top:0px !important;
	background-color:#f6f5f4 !important;
	background-image:none !important;
}

/* aba selecionada */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #333 !important;
}


/* ---------------------- CAMPOS VIEW ------------------------------ */

.view .campo {
	float: left;
	padding-left:0px !important;
	padding-right:0px !important;
	margin:0px !important;
}

.view .campo label {
	margin-right: 5px;
	font-weight:bold;
}

.view .campo .dados {
	padding: 5px 0px 7px 0px;
	margin:0px 5px;
}

.view .borda {
	border-bottom: 1px solid #ccc;
}


/*----------------------------------------------------------------------------*/
/*------- COMPONENTES --------------------------------------------------------*/
/*----------------------------------------------------------------------------*/


/*------- tabela --------------------------------------------------*/

table {
	background-color:#fff;
	width:100%;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
}

table th {
	padding: 8px 4px;
	text-align:left !important;
	vertical-align:top;
	border: 1px solid #ccc;
	background-color:#e7e6e2;
}


table td {
	padding: 7px 4px 5px 6px;
	border: 1px solid #bbb;
	box-shadow: 0px 0px 1px 3px rgba(0,0,0,0.015) inset;
}


table .subtexto {
	color:#999;
}

table th {
	vertical-align:top !important;
	box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.8) inset;
	-moz-box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.8) inset;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.8) inset;
}

table th .subtexto {
	padding-left:6px;
}

table td.selecao {
	padding: 4px 4px 4px 5px;
	width: 16px;
	text-align: center;
	vertical-align: middle;
}

table td.opcoes_registro {
	padding: 0px 3px 0px 3px !important;
	text-align: center;
	vertical-align: middle;
	text-align:center;
}

table.tabela_insercao td .botao,
table.tabela_insercao td .botao:hover {
	padding: 7px 6px;
	display:inline-block;
	margin-right:0px;
}

table th a {
	font-weight: bold;
	text-decoration: none;
	color: #111;
	padding-left: 6px;
	font-size:1.03em;
}

table th.header_principal {
	font-weight: bold;
	text-decoration: none;
	color: #111;
	padding-left: 6px;
	font-size:1.03em;
}

table th.com_input {
	padding:5px;
	vertical-align:text-top;
	text-align:left;
	margin:0px;
}

table th .campo {
	margin:0px !important;
	width:95%;
}

.rolagem {
	height:300px;
	overflow:scroll;
}

table.tabela_insercao {
	margin-top:15px;
	position:relative;
	
}
table.tabela_insercao td{
	background-color:#fff;
	vertical-align:top;
}

table.tabela_insercao .acao {
	background-position:right bottom;
	background-repeat:no-repeat;
}

table tr.even {
	background-color:#f8f8f8;
}


/*------- calendario --------------------------------------------------*/

.ui-datepicker-calendar {
	border-collapse: collapse !important;
}

.ui-datepicker-calendar th {
	background-color:#333;
	color:#fff;
	text-align:center !important;
	border:1px solid #ccc !important;
	box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0) !important;
}

.ui-datepicker-calendar td {
	background-color:#fff !important;
	color:#666;
	border:1px solid #ccc !important;
	box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0) !important;
}

.ui-datepicker-calendar td .ui-state-default {
	background: none !important;
	color:#666 !important;
	margin:0px !important;
	top:0px !important;
	padding:4px 3px !important;
}

.ui-datepicker-calendar td .ui-state-default:hover {
	background-color:#ddd !important;
	color:#000 !important;
	font-weight:bold;
}


/*------- botão lista -------------------------------------------------------*/

.botao_lista {
	float:left;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-weight: bold;
	color:#fff;
	text-shadow: 1px 1px #555;
	overflow:hidden !important;
	border-width:0px;
}

.botao_lista li {
	float:left;
	color:#fff;
	height:30px;
}

.botao_lista li input {
	width: auto;
	height:auto;
	margin: 0px;
	background-color: transparent;
	border: 0px solid #ccc;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom:0px;
	color: #FFFFFF;
	font-weight: bold;
    text-shadow: 1px 1px #555555;
	text-transform:lowercase !important;
}

.botao_lista li input[disabled], #botao_mensagem[disabled], 
#botao_ajuda[disabled], #botao_log[disabled], #botao_dica_tela[disabled] {
	color:#111;
	text-shadow: 1px 1px #555555;
	background-color:rgba(0,0,0,0.3);
	padding: 8px 8px !important;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0) !important; 
}

.botao_lista li:hover input[disabled]{
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0) !important; 
	cursor: default !important;
}



.botao_lista li a, .botao_lista li span, .botao_lista li input, 
.botao_lista li.desabilitado:hover span {
	padding: 8px 8px;
	display:block;
}

.botao_lista li.desabilitado span img {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.botao_lista li:hover a, .botao_lista li:hover span,
.botao_lista li input:hover   {
	padding: 9px 8px 8px 8px;
}

.botao_lista li+li {
	border-left: 1px solid #333;
}

.botao_lista li a {
	color:#fff;
}

#barra_titulo .botao_lista {float:right;}

.paineis_retrateis .botao_lista {
	margin:0px 0px 0px 0px;
	font-size:1em;
}

#barra_titulo .botao_lista,
.paineis_retrateis .botao_lista,
.box_botoes_inferior .botao_lista,
 .box_botoes_superior .botao_lista {
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
	margin-left:10px;
}

#cabecalho #tjma a:hover,
#barra_titulo .botao_lista li:hover a, #barra_titulo .botao_lista li:hover input,
.paineis_retrateis .botao_lista li:hover a, .paineis_retrateis .botao_lista li:hover input,
.box_botoes_inferior .botao_lista li:hover a, .box_botoes_inferior .botao_lista li:hover input,
.box_botoes_superior .botao_lista li:hover a, .box_botoes_superior .botao_lista li:hover input {
	-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.5) inset;
	box-shadow:0px 0px 2px 1px rgba(0,0,0,0.5) inset;
	cursor:pointer;
}


.laranja .cabecalho_grid .botao_lista,
.petroleo .cabecalho_grid .botao_lista,
.verde .cabecalho_grid .botao_lista,
.roxo .cabecalho_grid .botao_lista,
.azul .cabecalho_grid .botao_lista,
.cabecalho_grid .botao_lista {
	background-image:none !important;
	background-color:#ededed !important;
}


.verde .cabecalho_grid .botao_lista, .verde input.botao, .verde table .icone_autocomplete_com_botao input.botao, .verde table .com_botao input.botao,
.petroleo .cabecalho_grid .botao_lista, .petroleo input.botao, .petroleo table .icone_autocomplete_com_botao input.botao, .petroleo table .com_botao input.botao,
.roxo .cabecalho_grid .botao_lista, .roxo input.botao, .roxo table .icone_autocomplete_com_botao input.botao, .roxo table .com_botao input.botao,
.azul .cabecalho_grid .botao_lista, .azul input.botao, .azul table .icone_autocomplete_com_botao input.botao, .azul table .com_botao input.botao,
.cabecalho_grid .botao_lista, input.botao, table .icone_autocomplete_com_botao input.botao, table .com_botao input.botao {
	background-color:#ededed !important;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	border:1px solid #ccc;
	font-weight: bold;
	margin-right:10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-left:0px;
}



.cabecalho_grid .botao_lista li+li {
	border-left: 1px solid #bbb;
}



.cabecalho_grid .botao_lista li,
.cabecalho_grid .botao_lista li a {
	color:#555;
	text-shadow:1px 1px 0px #ffffff;
}

.cabecalho_grid .botao_lista li:hover, input.botao:hover,
table .icone_autocomplete_com_botao input.botao:hover,
table .com_botao input.botao:hover {
	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2) inset;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2) inset;
}

.cabecalho_grid .botao_lista li.desabilitado:hover {
	-moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0) inset;
	-webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0) inset;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) inset;
}


.paineis_retrataies table td .botao_lista,
table td .botao_lista {
	border: 0px solid #4c4d4e !important;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
    border-radius:0px;
	float:none;
	padding:3px 0px 0px 3px;
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
	margin:0px !important;
}


.laranja .paineis_retrataies table td .botao_lista, .laranja table td .botao_lista,
.petroleo .paineis_retrataies table td .botao_lista, .petroleo table td .botao_lista,
.verde .paineis_retrataies table td .botao_lista, .verde table td .botao_lista,
.roxo .paineis_retrataies table td .botao_lista, .roxo table td .botao_lista,
.azul .paineis_retrataies table td .botao_lista, .azul table td .botao_lista {
	background-color: transparent !important;
	background-image:none !important;
}

table td .botao_lista li {
	float:left;
	height:18px;
	margin:0px !important;
}

table td .botao_lista li a, table td .botao_lista li span {
	padding: 2px 4px;
}

table td .botao_lista li.desabilitado:hover span {
	padding: 2px 4px !important;
}

table td .botao_lista li:hover a, table td .botao_lista li:hover span {
	padding: 3px 3px 1px 5px !important;
}

table td .botao_lista li+li {
	border-left: 1px solid #999;
	margin:0px;
}

.paineis_retrataies table td .botao_lista li:hover,
table td .botao_lista li:hover {
	background-color:transparent;
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
}



/*-------  botão simples -----------------------------------------------------------*/

.verde table td .botao,
.petroleo table td .botao,
.roxo table td .botao,
.azul table td .botao {
	background-color:#ededed !important;
	background-image: none !important;
}


table td .botao {
	padding: 7px 12px 7px 12px;
	margin-right: 6px;
	background-color:#ededed !important;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #dddddd) ) !important;
	background:-moz-linear-gradient( center top, #eeeeee 5%, #dddddd 100% ) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd') !important;
	color:#555;
	text-align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ccc;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	font-weight: bold;
	display:inline-block;
}

.link_mais {
	padding: 7px 12px 9px 12px;
	margin-right: 6px;
	color:#fff;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-decoration:none;
	font-weight: bold;
	display:inline-block;
}

.dashboard .link_mais {
	margin-top:5px;
}

.azul .link_mais:hover,
.roxo .link_mais:hover,
.verde .link_mais:hover,
.petroleo .link_mais:hover {
	background-color:#000 !important;
}

table td .botao:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ) !important;
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed') !important;
	background-color:#dfdfdf !important;
	padding: 8px 12px 6px 12px;
	color:#555;
	text-shadow:1px 1px 0px #ffffff;
	-moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

table td .botao {
	position:relative;
	display:block;
	width:auto;
}

.link_mais { margin-left:0px; padding:3px 8px 3px 8px; }
.link_mais:hover { padding:3px 8px 3px 8px;} 


.botao {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-weight: bold;
	color:#fff;
	text-shadow: 1px 1px #555;
	overflow:hidden !important;
	border-width:0px;
	padding: 8px 8px;
	height:14px;
	display:inline-block;
	text-align:center;
}

.botao:hover {
	color:#fff;
	text-shadow: 1px 1px #555;
	background-image:none;
	padding: 9px 8px 7px 8px;
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.1);
}


/* ------- painel_associacao --------------------------------------------------*/

.painel_associacao {
	padding:120px 40px 0px 40px;
}

.painel_associacao .botao {
	display:block;
	padding: 6px 8px 14px 8px;
	
}


/*-------  campo -----------------------------------------------------------*/

.subtitulo {
	font-size:1.15em;
	font-weight:bold;
	padding:15px 1.3% 8px 1.3%;
	clear:both;
}

.coluna {
	float:left;
}

.dashboard {
	float:left;
	overflow:hidden;
}

.dashboard h3 {
	font-weight:bold;
	color:#000;
}

.dashboard img {
	width:100%;
	height:auto;
}

.dashboard .container_campos {
	padding:5px 10px;
	border-top:1px solid #ddd;
}

.painel .coluna {
	padding:0px !important;
	margin:0px;
}


.container_check_radio .coluna {
	padding:0px;
}


.container_colunas {
	margin-top:30px;
}


.grupo .campo label {
	font-weight:normal;
}

.container_campos {
	padding:13px 10px 17px 10px;
}


.campo {
	float: left;
	padding-top:10px;
	padding-bottom:0px;
	position:relative;
}

.campo label {
	padding-bottom: 2px;
	font-weight:bold;
	margin-left:3px;
	color:#222;
}

.obrigatorio label {
	background-image:url(../images/icone_exclamacao_pequeno.png);
	background-repeat:no-repeat;
	background-position:left 1px;
	padding-left:15px;
}

.campo .ajuda {
	font-style: italic;
	text-align: left;
	color:#999;
	margin: 1px 0px 4px 2px;
}

.com_dica .campo .ajuda {
	display: block;
}

.sem_dica .campo .ajuda {
	display: none;
}


table td .campo {
	width:100%;
	position:relative;
	left:-5px;
}

table td .campo .ajuda {
	margin-left:5px;
}


.separador {
	margin:20px 0px;
	border-top:1px dashed #bbb;
	height:1px;
	width:100%;
}


/*-------  input ----------------------------------------------------------*/

/* deve conter o mesmo padding do input*/
.componente {
	padding-right:10px;
	position:relative;
	min-height:35px;
}

input {
	width: 100%;
	height:14px;
	margin: 1px;
	padding: 7px 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:3px;
}

input[type='checkbox'], input[type='radio'] {
	width: auto !important;
}

input[disabled] {
	background-color: #fff;
	border: 1px solid #ddd;
	color:#ddd;
	background-image:none!important;
}

input[disabled]:hover {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
}


input:focus, input:hover {
	-webkit-box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08);
}


.icone_autocomplete .componente,
.icone_calendario .componente,
.icone_usuario .componente,
.icone_senha .componente {
	padding-right:33px;
}

.icone_autocomplete_com_botao input,
.icone_autocomplete input,
.icone_calendario input {
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:30px;
}

.icone_usuario input,
.icone_senha input {
	background-repeat:no-repeat;
	background-position:10px center;
	padding-left:40px;
}

.icone_autocomplete input { background-image:url(../images/icone_autocomplete.png); }
.icone_autocomplete_com_botao input { background-image:url(../images/icone_autocomplete_com_botao.png); }
.icone_calendario input { background-image:url(../images/icone_calendario.png); }
.icone_usuario input { background-image:url(../images/icone_usuario.png); }
.icone_senha input { background-image:url(../images/icone_senha.png); }

.verde input.incluir, .verde table td input.incluir,
.petroleo input.incluir, .petroleo table td input.incluir,
.roxo input.incluir, .roxo table td input.incluir,
.azul input.incluir, .azul table td input.incluir,
input.incluir, table td input.incluir { 
	background-image:url(../images/icone_mais_pequeno.png) !important; 
}

.verde input.busca_layer, .verde table td input.busca_layer, .verde input.busca_layer:hover, .verde table td input.busca_layer:hover,
.petroleo input.busca_layer, .petroleo table td input.busca_layer, .petroleo input.busca_layer:hover, .petroleo table td input.busca_layer:hover,
.roxo input.busca_layer, .roxo table td input.busca_layer, .roxo input.busca_layer:hover, .roxo table td input.busca_layer:hover,
.azul input.busca_layer, .azul table td input.busca_layer, .azul input.busca_layer:hover, .azul table td input.busca_layer:hover,
input.busca_layer, table td input.busca_layer, input.busca_layer:hover, table td input.busca_layer:hover { 
	background-image:url(../images/icone_pesquisar_pequeno.png) !important; 
}


.com_botao .componente {
	padding-right:27px;
}

.com_botao input {
	padding-right:20px;
}

table td .icone_autocomplete_com_botao input.botao,
table td .com_botao input.botao,
.icone_autocomplete_com_botao input.botao,
.com_botao input.botao {
	width:20px !important;
	position:absolute;
	right:-10px;
	top:0px;
	height:30px;
	background-repeat:no-repeat !important;
	background-position:6px 6px !important;
	padding: 0px 20px 0px 8px !important;
}

table td .icone_autocomplete_com_botao input.botao:hover,
table td .com_botao input.botao:hover,
.icone_autocomplete_com_botao input.botao:hover,
.com_botao input.botao:hover {
	background-repeat:no-repeat !important;
	background-position:6px 6px !important;
	padding: 0px 20px 0px 8px !important;
}

.verde table td .icone_autocomplete_com_botao input.botao:hover, .verde table td .com_botao input.botao:hover,
.petroleo table td .icone_autocomplete_com_botao input.botao:hover, .petroleo table td .com_botao input.botao:hover,
.roxo table td .icone_autocomplete_com_botao input.botao:hover, .roxo table td .com_botao input.botao:hover,
.azul table td .icone_autocomplete_com_botao input.botao:hover, .azul table td .com_botao input.botao:hover,
table td .icone_autocomplete_com_botao input.botao:hover, table td .com_botao input.botao:hover {
	right:0px;
	margin-right:0px;
}

.com_botao .componente {
	padding-right:27px;
	overflow:hidden;
}

.com_botao input {
	padding-right:20px;
}


.icone_autocomplete_com_botao .componente {
	padding-right:63px;
	overflow:hidden;
}

.icone_autocomplete_com_botao input {
	padding-right:60px;
}


.classReadOnly{
	background:#f5f5f5 !important;
	cursor: not-allowed !important;
}

/*-------  select ----------------------------------------------------------*/

.campo div.selector {
	width:100%;
}

#barra_titulo #funcoes div.selector {
	float:right; 
}

#barra_titulo #funcoes div.selector span {
	padding-right:45px;
}

.campo select {
	width: 100%;
}


/*-------  textarea ----------------------------------------------------------*/


textarea {
	width: 100%;
	background-color:#F9F9F9 !important;
	background-image:none !important;
	background-color: #fff;
	border: 1px solid #ccc;
	color:#ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

textarea:hover, textarea:focus {
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.08);
}

/*----- CAMPOS SELEÇÃO ----*/

.campo .container_check_radio {
	margin-top: 2px;
	margin-bottom: 3px;
	padding: 4px 2px 3px 2px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.campo .container_check_radio li {
	margin: 0px;
	float:left;
	margin-top:2px !important;
	margin-bottom:2px !important;
}

.campo .container_check_radio li label {
	font-weight:normal !important;
}


/* caixa do input de data */
#ui-datepicker-div {
	background-color: #fff;
	border: 1px solid #ddd;
}

.ui-menu { position: absolute; width: 100px; }


.detalhe_barra {
	position:absolute;
	height:3px;
	width:200px;
	z-index: 1000;
}

.fixar .cabecalho_grid {
	position: fixed;
  	top: 0;
  	z-index: 1000000;
}

.fixar .navegacao_grid {
	position: fixed;
  	top: 28px;
	left:50%;
	margin-left:225px;
  	z-index: 1000001;
}


#pagina_ajuda {
	padding:25px;
	line-height:1.3;
	background-color:rgba(255,255,255,0.5);
}

#pagina_ajuda .resumo {
	font-size:1.3em;
	margin-bottom:20px;
}

#pagina_ajuda img {
	border:10px solid rgba(0,0,0,0.1);
	width:100%;
	height:auto;
	margin-top:15px;
}

#pagina_ajuda .legenda {
	font-size:0.85em;
	margin-bottom:25px;
	margin-top:4px;
	font-style:italic;
	color:#555;
}

#pagina_ajuda img {
	border:10px solid rgba(0,0,0,0.1);
	width:100%;
	height:auto;
	margin-top:15px;
}

#pagina_ajuda h2, #pagina_ajuda h3 { margin-top:35px;}
#pagina_ajuda h4 { margin-top:25px;}

#pagina_ajuda ul {
	margin-left:15px;
	margin-top:5px;
}

#pagina_ajuda ul li{
	list-style-position:outside;
	list-style-type:circle;
	margin-bottom:6px;
}

#pagina_ajuda ol{
	margin-left:20px;
	margin-top:5px;
}

#pagina_ajuda ol li{
	list-style-position:outside;
	list-style-type: decimal;
	margin-bottom:6px;
}

#pagina_ajuda .paineis_retrateis h3 {
	margin-top:0px !important;
}

#pagina_ajuda .paineis_retrateis .botao_lista li {
	margin-bottom:0px !important;
}


.desenvolvimento, .homologacao {
	color:#fff;
	border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	position:absolute;
	left:50%;
	margin-top:10px;
	padding:12px 10px 10px 30px;
	box-shadow:0px 0px 5px 3px rgba(0,0,0,0.4), 0px 0px 7px 5px rgba(0,0,0,0.15) inset;
	-moz-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.4), 0px 0px 7px 5px rgba(0,0,0,0.15) inset;
	-webkit-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.4), 0px 0px 7px 5px rgba(0,0,0,0.15) inset;
	text-transform:uppercase;
	font-size:0.85em;
	background-image:url(../images/icone_exclamacao.png);
	background-repeat:no-repeat;
	background-position:8px 9px;
	font-weight:bold;
}

.desenvolvimento {
	background-color:#b31414;
	border:1px solid #a52020;
	width:190px;
	margin-left:-115px;
}

.homologacao {
	background-color:#db5615;
	border:1px solid #c34c11;
	width:170px;
	margin-left:-105px;
}

#container_entrada .desenvolvimento, #container_entrada .homologacao {
	box-shadow:0px 0px 5px 3px rgba(0,0,0,0.2), 0px 0px 7px 5px rgba(0,0,0,0.15) inset;
	-moz-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.2), 0px 0px 7px 5px rgba(0,0,0,0.15) inset;
	-webkit-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.2), 0px 0px 7px 5px rgba(0,0,0,0.15) inset;
}


/*----------------------------------------------------------------------------*/
/*------- FONTS --------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/

/*-- login --*/
#login #titulo #principal {font-size: 2.3em;}
#login #titulo #subtitulo {font-size: 1.8em;}
#login #campos label {font-size: 1.1em;}
#login {font-size: 0.9em;}

/*-- cabecalho --*/
#cabecalho #sistema div, #cabecalho #tjma a{font-size: 0.85em;}
#cabecalho #usuario ul li {font-size: 0.8em;}
#cabecalho #menu ul li {font-size:0.9em;}
#cabecalho #menu ul li li {font-size:1em;}
#cabecalho #menu ul li .submenu {font-size:1.15em;}

/*-- rodape --*/
#rodape {font-size:0.9em;}

/*-- seleção de sistemas --*/
#sistemas .descricao, #mensagens .descricao {font-size: 1.35em;}
#sistemas ul .box .titulo {font-size: 1.80em;}

/*-- barra de títulos --*/
#barra_titulo #identificacao #tela  {font-size: 1.85em;}

/*-- dados --*/
.botao_mais {font-size:1.3em;}
.abas .painel, .abas ul li a {font-size: 0.9em;}
.botao_lista li {font-size: 0.95em;}
.cabecalho_grid .botao_lista li {font-size: 1em;}
.abas .cabecalho_grid .botao_lista li {font-size: 0.88em;}
.botao_lista li a {font-size: 1em !important;}
.paineis_retrateis h3 {font-size:1.25em;}
table td {font-size: 0.92em;}
table .subtexto{font-size: 0.85em;}
.botao_lista {font-size: 1.0em;}
table td .botao {font-size:1em;}
.painel_associacao .botao {font-size: 1.5em;}
.view {font-size:1.05em;}
input  {font-size:0.95em;}
#layer  {font-size:0.9em;}

/*-- ajuda --*/
#painel_login #campos .ajuda {font-size: 0.9em;}
#cabecalho #menu li ul li .ajuda {font-size:0.9em;}
.campo .ajuda {font-size:0.9em;}
#painel_mensagens .mensagem p, #painel_sistemas .sistema .box p {font-size: 0.95em;}