/* ###################### DEFINICOES GLOBAIS DE TAGS HTML ############################################# */

html, body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#f9f9f9;
	color: #2f2f2f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 	
}

p {
	padding:0;
	margin:0;
}	

span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

input, textarea { border: 1px solid #666666;
		height: 16px;
		background: #FFFFFF; 
		font-size: 11px; 
		font-family: Arial, Helvetica, sans-serif;
		vertical-align: bottom;
		padding-left: 2px;		
}

input[type='checkbox'] {
	margin: 0px;	
}	

select { border: 1px solid #666666;
		height: 18px;
		background: #FFFFFF; 
		font-size: 11px; 
		font-family: Arial, Helvetica, sans-serif;
		vertical-align: bottom;
		padding-left: 2px;		
}

.botao {
	width: 36px;
	height: 36px;
	text-align: center;
	vertical-align: middle;		
}	

.botao:hover {
	background-color: #f2f2f2;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #555555;
}

.tabelaBotoes tr td {
	height: 40px;
	width: 38px;	
}	

input:focus, textarea:focus, select:focus {
	border: 1px solid #e3d600;
	background: #fffce2;
} 

input[type='submit']:disabled, input[type='button']:disabled, input[type='reset']:disabled  {
	background: #d9d9d9;
	color: #666666;
}	

input[type='submit']:disabled:visited, input[type='submit']:disabled:active, input[type='submit']:disabled:focus, input[type='submit']:disabled:hover,
input[type='reset']:disabled:visited, input[type='reset']:disabled:active, input[type='reset']:disabled:focus, input[type='reset']:disabled:hover,
input[type='button']:disabled:visited, input[type='button']:disabled:active, input[type='button']:disabled:focus, input[type='button']:disabled:hover {
	background: #d9d9d9;
	color: #666666;
}	

input[type='submit'], input[type='button'], input[type='reset'] {
	background: #4477AA;
	color: white;
	font-size: 11px;
	margin: 5px;
	border-color: gray;
	height: 18px;
}

input[type='submit']:visited, input[type='submit']:active, input[type='submit']:focus, input[type='submit']:hover,
input[type='reset']:visited, input[type='reset']:active, input[type='reset']:focus, input[type='reset']:hover,
input[type='button']:visited, input[type='button']:active, input[type='button']:focus, input[type='button']:hover {
	background-color: #6e8bc5;
}

a {
	color: #1b496d;
	text-decoration: none;
	 
}

a:active, a:link, a:visited {
	color: #1b496d;
	text-decoration: none;  
}

a:hover {
	color: #4477AA;
	text-decoration: underline;
}

a img {
	text-decoration: none;	
	border: 0px;
}	

/* ###################### DEFINICOES GLOBAIS DA ESTRUTURA DO TEMPLATE ############################################# */

.tabelaMain { width: 100%; border: none; height: 90px;}
.tabelaMain tr th {
		vertical-align: top;
		background: #CCC url("../imagem/background/bg_top.jpg") top;
		text-align: center; 
		border: none; 
}
.tabelaMain tr td { vertical-align: top; border:none;}

.tabelaMain tr td.rodape {
	background:url(../imagem/background/bg_top.jpg) repeat-x bottom;
	color: #333333;
	text-align: right;
	height: 20px;
	padding-right: 10px;
}

.tabelaMain tr td.rodape form { margin: 0px ; padding: 0px; }

.tabelaMain tr td.rodape a{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}
.tabelaMain tr td.rodape a:hover {
	color: #0066FF;
	text-decoration: underline;
}

.tabelaMainCorpo tr td { vertical-align: top;}

.tabelaMainCorpo tr td.rodape {
	background:url(../imagem/background/bg_top.jpg) repeat-x bottom;
	color: #333333;
	text-align: right;
	height: 20px;
	padding-right: 10px;
}

.tabelaMainCorpo tr td.rodape form { margin: 0px ; padding: 0px; }

.tabelaMainCorpo tr td.rodape a{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}
.tabelaMainCorpo tr td.rodape a:hover {
	color: #0066FF;
	text-decoration: underline;
}


div.tituloSistema {
	font-size: 32px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffc000;
	padding:15px 10px 0px 0px;
	float: right;
	text-align: right;
}

div.tituloModulo {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	
}

/* ###################### DEFINICOES DE CLASSES DE MENSAGENS ############################################# */

.mensagemErro {
	color: red;
	font-size: 12px;
	background:url(../imagem/erro.png) left no-repeat;
	padding-left: 18px;
	line-height: 18px;	
}

.mensagemFatal {
	color: #b00707;
	font-size: 12px;
	background:url(../imagem/fatal.gif) left no-repeat;
	padding-left: 18px;
	line-height: 18px;
}	

.mensagemSucesso {
	color: #57a657;
	font-size: 12px;
	background:url(../imagem/sucesso.png) left no-repeat;
	padding-left: 18px;
	line-height: 18px;
}	

.mensagemInformacao {
	color: #465DD5;
	font-size: 12px;
	background:url(../imagem/info.png) left no-repeat;
	padding-left: 18px;
	line-height: 18px;
}	

/* ###################### LEGENDA ############################################# */

.boxLegenda {
	background-color: #efefef;
	border: 1px solid #cccccc;	
	padding: 0px;
	text-align: left;
	margin-bottom: 3px;
	float: right;
}	

.headerLegenda {
	background-color: #a3a3a3;	
	padding: 0px;
	text-align: center;	
}	


.tituloLegenda {
	font-weight: bold;
	text-align: center;	
}	

.labelLegenda {
	font-weight: bold;
	color: #444444;	
}	

.valorLegenda {
	color: #444444;	
}	


/* ###################### TAMANHOS PADRONIZADOS DE CAMPOS ############################################# */
.tamanhoMuitoPequeno {width:10%;}
.tamanhoPequeno {width:20%;}
.tamanhoMedio {width:40%;}
.tamanhoGrande {width:60%;}
.tamanhoTotal {width:80%;}

/* ###################### DEFINICOES GLOBAIS DE CLASSES ############################################# */

.label {
	vertical-align: top;
	padding: 5px;
	margin-top: 3px;
	clear: left;
}

.labelErro {
	color: red;
}

.valor {
	float: left;
	padding: 5px;
	width: 95%;
}

.valorErro {
	float: left;
	padding: 5px;
	width: 95%;
}	

.valorErro input {
	border: 1px solid red;
}	



.colunaLabel {
	width: 20%;
	text-align: right;
	padding-right: 2px;
	padding-top: 13px;
	font-weight: bold;
	
}

.colunaValor {
	width: 75%; 
	text-align: left;
}



.requerido {
	color: red;
	padding-left: 2px;
}


table.tabelaFormulario tr th.headerTabela {
	text-align: center;
	color: #444444;
	border: 1px solid #cccccc;	
	font-weight:  bold;
}	

table.tabelaFormulario .filtroTabela {
	font-weight:  bold;
	color: #444444;
}	

table.tabelaFormulario {
	padding: 3px;	
}	

table.tabelaFormulario tr td {
	border: 1px solid #cccccc;	
	vertical-align: middle;
}	

table.tabelaFormulario tr.clean {
	background-color: #FFFFFF;	
}	

table.tabelaFormulario tr.cleanmin {
	background-color: #FFFFFF;	
	height: 15px;
}	


table.tabelaFormulario tr.shadowmin {
	background-color: #fcffb3;
	height: 15px;	
}	

table.tabelaFormulario tr.clean:hover,
table.tabelaFormulario tr.cleanmin:hover, 
table.tabelaFormulario tr.shadow:hover,
table.tabelaFormulario tr.shadowmin:hover {
	background-color: #ededed;
}

.painelPaginacao {
	width: 100%;
	text-align: center;	
}	
                           
.paginaSelecionada {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #4477AA;
}	

.colunaBotoes {
	text-align: left;
}

.colunaNavegador {
	text-align: center;
	width: 70%;
}

.colunaOpcoes {
	text-align: left;	
}	 

.campoObrigatorio {
	color: #FF0000; 
	font-weigth: bold; 
	font-size: 11px;
	padding-left: 5px;	
}	


.coluna50 {
	width: 50%;
}

/* ###################### DEFINICOES MENSAGENS AVISOS AO USUARIO ############################################# */

.estiloMsgObrigatoria {
	color: blue;
	font-weight: bold;
}

.estiloMsgNaoLida {
	color: black;
	font-weight: bold;
}

.estiloMsgLida {
	color: black;
}

/*
.botao, .botao:visited, .botao:active, .botao:focus {font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   padding: 2px;
   height: 26px;
   background-color: #deeafc;
   border-bottom: 1px solid #3b62b1;
   border-top: 2px solid #666666;
   border-right: 1px solid #3b62b1;
   border-left: 2px solid #666666;
   vertical-align: middle;
}

.botao:hover {
   border-bottom: 2px solid #666666;
   border-top: 1px solid #3b62b1;
   border-right: 2px solid #666666;
   border-left: 1px solid #3b62b1;
   background-color: #deeafc;
} 


h2, .titulo { 
	font-size:14px; 
	font-weight:bold; 
	margin:0px; 
	display: block;
}


.icone{float: left;}

table.main { 
	background: #FCFCFC;
	border: none; //1px solid #CCCCCC;
}


.negrito {
	font-weight: bold;
}	

.coluna10 {
	width: 10%;
}	

.coluna20 {
	width: 20%;
}	

.coluna25 {
	width: 25%;
}	

.coluna30 {
	width: 30%;
}	

.coluna33 {
	width: 33%;
}	

.coluna35 {
	width: 35%;
}	

.coluna40 {
	width: 40%;
}	


.coluna70 {
	width: 70%;
}	


.coluna80 {
	width: 80%;
}	






/******************** GERAL *****************************************************/

.MENSAGEM_ATENCAO {color: red; width: 99%;text-align: center;}
.MENSAGEM_ERRO {color: red; width: 99%;text-align: center;}
.MENSAGEM_LIMPA {display: none;}

/*********************************************************************************/


/******************** IN�CIO MODELO 1 *******************************************/
.MENSAGEM_ERRO1 {width: 99%; background: #ffedec url("../imagem/erro.gif") left no-repeat; border: 2px solid #b30000; height: 22px;}
.MENSAGEM_ERRO1 div {color: #b30000;font-size: 14px;font-weight: bold;width: 99%;text-align:left;height: 22px;padding: 3px 0px 0px 20px;}	
.MENSAGEM_ERRO_CAMPO1 {color: red;width: 99%;text-align: center;}

.MENSAGEM_SUCESSO1 {width: 99%;background: #cee8cc url("../imagem/sucesso.gif") left no-repeat;border: 2px solid #238a1b;height: 22px;}	
.MENSAGEM_SUCESSO1 div {color: #238a1b;font-size: 14px;font-weight: bold;width: 99%;text-align:left;height: 22px;padding: 3px 0px 0px 20px;}	

.MENSAGEM_ATENCAO1 {width: 99%;background: #ffedec url("../imagem/atencao.gif") left no-repeat;border: 2px solid #b30000;height: 22px;}	
.MENSAGEM_ATENCAO1 div {color: #b30000;font-size: 14px;font-weight: bold;width: 99%;text-align:left;height: 22px;padding: 3px 0px 0px 20px;}	

.MENSAGEM_LIMPA1 {display: none;}	
/******************** FIM MODELO 1************************************************/

/******************** IN�CIO MODELO 2 *******************************************/
.MENSAGEM_SUCESSO2 {color: green;width: 99%;text-align: center;}	

.MENSAGEM_ERRO2 {color: red;width: 99%;text-align: center;}	
.MENSAGEM_ERRO_CAMPO2 {color: red;width: 99%;text-align: center;}

.MENSAGEM_ATENCAO2 {color: yellow;width: 99%;text-align: center;}	

.MENSAGEM_LIMPA2 {display: none;}	
/******************** FIM MODELO 1************************************************/

/*

.menu {
	background: #e57917;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	text-decoration: none;
	height: 26px;
}

.rodape {
	background: #1b496d;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	height: 26px;
}

.geral {
	width: 97%;	
	margin: 0 auto;
	background: #ffffff;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
}

.corpo {
	width: 100%;
	background: #ffffff;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	margin-top: 5px;
	margin-bottom: 5px;	
}

.body {
	padding: 30px;
}

.tableControl, .actionButtons {
	width: 100%;
}

.tableControl a {
	padding-left: 10px;
}

.tableControl {
	text-align: right;
}

.footer {
	text-align: center;
	font-size: 10px;
}

.rich-table {
    width:100%;
}

.columnHeader:hover {
    color: #FF6600;
}

.message {
	border: 1px solid #FFCC00;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #F0F8FF;
	font-size: 12px;
}



.rich-stglpanel-body {
   overflow: auto;
}




h1 {
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	color: #1b496d;
	font-size: 18px;
	margin-top: 0;
}


ul li {
	margin: 1em 0 1em 0;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
}

ol li {
	margin: 1em 0 1em 0;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
}



img {
	border: none;	
}	

.clean {
	background-color: #FFFFFF;	
}	

.shadow {
	background-color: #feffe6;	
}	


.clean:hover, .shadow:hover {
	background-color: #ededed;
}	

.colunaLabel {
	width: 80px;
	text-align: right;
	padding-bottom: 10px;
	padding-right: 5px;
	font-weight: bold;
}

.colunaValor2colunas {
	width: 92%;
}

.colunaValor4colunas {
	width: 45%;
}


.headerTabela {
	text-align: center;
	color: #FFFFFF;
}	

.tabela th {
	color: #FFFFFF;	
	text-align: center;
}	

.tabela tr td {
	border: 1px solid #cccccc;	
	vertical-align: middle;
}	


.tooltip{
	background-color: blue;
	color: white;	
}

.link {
	text-decoration: none;
	text-align: center;
	width: 100%;	
}

.textoLink {
	text-align: center;
	color: white;
	border-bottom: 1px solid white;
	text-decoration: none;
}

.linkImg {
	text-align: center;
}

.campoObrigatorio {
	vertical-align: bottom;
	font-style: italic;
}

.painelTopo {
	height: 35px;

}

.painelCadastro {
	padding: 5px;	
}	


.colunaMensagem {
	text-align: left;
	width: 50%;
}


.colunaBotao {
	text-align: right;
	width: 50%;
}

.colunaSubTabela {
	padding: 0px;
	background: none;
}

.colunaSubTabela tr td {
	height: 22px;
	padding-left: 2px;
	border: none;
	border-bottom: 1px solid #cccccc;
}
*/