/* Zera margens para todos os elementos do documento */
* {
	margin:0; padding:0; border:none;
}
/* oculta cabecalho H1 */
h1 {
	display:none;
}
/* Formata label, input, textarea, select */
input, textarea, select {
	margin-bottom:2px; padding:3px; font-size:1.1em;
	border-right: 1px inset #e1e1e1; border-bottom: 1px inset #e1e1e1;
	border-top-width: 1px; border-left-width: 1px; border-top-style: inset; border-left-style: inset;
	font-family:Tahoma;
}
select {
	padding:0;
}
textarea {
	font-size: 1.1em;
}
/* Formata paragrafos */
p {
	margin-bottom: 10px;
	clear:both;
}
/* Adicionar espacamento nas listas HTML */
ol, ul {
	padding-left: 25px;
}
/* Aplica cursores diferentes ao mouse */
.cursor-hand {
	cursor:pointer;
}
.cursor-help {
	cursor:help;
}
/* Aplica fonte tamanho 9 - utilizado qnd é necessário um texto menor do que o padrão do cliente e com tamanho fixo (PX) */
.fonte-9 {
	font-size:9px;
}
/* Oculta um elemento */
.hidden, hide {
	display:none
}

/* configura ícones */
.ajuda, help, .informacao, .information, .cancelado-animado, .canceled-anime, .dica, .tip, .ticado, .tick, 
.ticado-animado, .tick-anime, .ticado-animado, .tick-anime, .aguarde-mini, .loading-mini, .alerta, .alert {
	background-repeat: no-repeat; background-position: left center;
}
/* Aplica um fundo com ícone de alerta em um elemento  */
.alerta, .alert {
	background-image: url(/cms/estrutura/imagens/alerta.gif);
}
/* Aplica um fundo com ícone de ajuda em um elemento  */
.ajuda, .help {
	background-image: url(/cms/estrutura/imagens/ajudar.gif);
}
/* Aplica um fundo com ícone de informação em um elemento  */
.informacao, .information {
	background-image: url(/cms/estrutura/imagens/informacao.gif);
}
/* Aplica um fundo com ícone de dica em um elemento  */
.cancelado-animado, .canceled-anime {
	background-image:url(/cms/estrutura/imagens/cancelar-animado.gif);
}
/* Aplica um fundo com ícone de dica em um elemento  */
.dica, .tip {
	background-image:url(/cms/estrutura/imagens/dica.gif);
}
.ticado, .tick, .ticado-animado, .tick-anime {
	background-image:url(/cms/estrutura/imagens/tick.gif);
}
.ticado-animado, .tick-anime {
	background-image:url(/cms/estrutura/imagens/tick-animado.gif);
}
/* Aplica um fundo com ícone de dica em um elemento  */
.aguarde-mini, .loading-mini {
	background-image:url(/cms/estrutura/imagens/loading/1.gif);
}
/* Aplica alinhamento a textos */
.center, .centralizado {
	text-align:center;
}
.left, .esquerda {
	text-align:left;
}
.right, .direita {
	text-align:right;
}
.justify, justificado {
	text-align:justify;
}
/* Aplicado em inputs do tipo checkbox para remover as bordas que geralmente são aplicadas em inputs tipo text */
.checkbox {
	border:none; background:none;
}
/* Aplica a cor cinza escuro em textos (utilizado para mensagens normais) */
.normal {
	color:#333;
}
/* Aplica a cor vermelha em textos (utilizado para mensagens de erro) */
.erro, .error {
	color:#F00;
}
/* Aplica a cor verde em textos (utilizado para mensagens de sucesso) */
.ok {
	color:#093;
}
/* Aplica a formatacao de negrito (utilizado para mensagens de sucesso, erro e normal) */
.negrito, .bold {
	font-weight:bold;
}
/* formata botões de voltar e topo */
.botoes_inferiores, .botoes-voltar-topo {
	text-align:center; margin-top:50px; margin-bottom:15px; clear:both;
}
/* estilos para formatar alguns itens de textos */
.fonte { /* fonte de um conteudo */
	font-size: 0.9em; text-align:right; margin-top:10px; margin-bottom:10px; font-weight:bold; color:#999;
}
.botoes_texto, .botoes-texto {
	text-align:right; margin-top: 10px;
}
/* controles padrões para grid e utilitários de grid */
.grid-paginacao {
	float:right;
}
.grid-controles {
	float:left;
}
.grid-controles img {
	cursor:pointer;
}
.grid-controles .separador {
	background: url(/cms/estrutura/imagens/grid/grid-split.gif) no-repeat center;
	width: 10px;
}

/* controles visuais de enviando e enviado */
.form-status, .box-autorelevo {
	font-size: 1.1em; font-weight: bold; color: #666;
	margin-left: auto; margin-right:auto; padding:5px; padding-left: 25px;
	width: 230px;
	background-color:#fff; background-position: 5px;
	border-top: 1px solid #C3C3C3; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #C3C3C3;
}
.form-status {
	display:none;
}
.box-autorelevo {
	font-size: 1em; color: #666; font-weight:normal;
	width: 92%;
	text-align:left;
}

/* form validate */
.invalid {
	background:#fff url(/cms/estrutura/imagens/grid/invalid_line.gif) repeat-x bottom;
	border: 1px solid #dd7870;
}
/* Aplica ícone de campo obrigatório (utilizado para validação de formulários)  */
.requerido, .required, .form-label, .form-error {
	background-image: url(/cms/estrutura/imagens/asterisco-vermelho.gif); 
	background-repeat: no-repeat;
	padding: 2px 3px 0 14px;
}
.form-label {
	background:none;
}
.labelContent {}
/* Aplica ícone de alerta em campo nao preenchido ou incorreto  */
.form-error {
	background-image: url(/cms/estrutura/imagens/warning.gif); 
	background-position:left center;
	cursor:pointer;
	visibility: hidden;
}

/* estilos para loading - pode ser incluído em qualquer página antes do carregamento do JS e depois do carregamento do CSS */
.loading-indicator {
	font-size:8pt;
	background-image:url('/cms/estrutura/imagens/loading/1.gif');
	background-repeat: no-repeat;
	background-position:top left;
	padding-left:20px;
	height:18px;
	text-align:left;
}
#loading-mask{
	display:none;
}
#loading{
	position:absolute;
	left:40%;
	top:40%;
	border:1px solid #6593cf;
	padding:2px;
	background:#c3daf9;
	width:250px;
	text-align:center;
	z-index:20001;
}
#loading #frase{
	height: 20px;
}
#loading .loading-indicator{
	border:1px solid #a3bad9;
	background:white url('/cms/estrutura/imagens/block-bg.gif') repeat-x;
	color:#003366;
	font:bold 13px tahoma,arial,helvetica;
	padding:10px;
	margin:0;
}