/* CSS Document */
body{
	margin:0px 0px;
	background-color: #D9D9D9;
	font-size:14px;
	color: #666;
	background-image:url(../img/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
body, #moduloPadrao select {font-size:14px; font-family: "Trebuchet Ms","Lucida Sans Unicode";}

#moduloPadrao .negativo{color:#CC0000;}
#moduloPadrao .positivo{color:#669900;}


#moduloPadrao small{ font-size:13px; }
#moduloPadrao .bordaErro{
	border: 1px solid #FF3300;
}


#moduloPadrao h1{font-weight:normal; margin:0px; padding:5px 0px;}


#moduloPadrao a {cursor:pointer; color:#5a8d04; text-decoration:none;}
#moduloPadrao a:hover, #moduloPadrao .tituloPaginaSub{ color:#A2CB67;}

#moduloPadrao .tituloPagina, #moduloPadrao .subTituloPagina {font-size: 22px; color: #000; font-family: "Trebuchet Ms","Lucida Sans Unicode";}

#moduloPadrao .tituloPagina{ margin:10px 0px; letter-spacing:-1px; }

#moduloPadrao .subTituloPagina{
font-size: 18px;}

#moduloPadrao .tituloPaginaSub{font-size:16px;}

#moduloPadrao .subTituloPagina {color:#666;} /*de acordo com layout*/

#moduloPadrao .exemplo, 
#moduloPadrao .data,
#moduloPadrao sup
{color:#666;}

#moduloPadrao sup{ font-size:11px;}

#moduloPadrao .data{ font-size:12px;}

#moduloPadrao .seta{font-size:12px; font-weight:bold;}
#moduloPadrao .seta{font-size:14px; font-weight:bold; color:#494749;}

#moduloPadrao .setaG{font-size: 48px;font-weight: bold;}

#moduloPadrao .titulo, #moduloPadrao .titulo_interna{ font-size:16px; color:#000; font-weight:bold;}
#moduloPadrao .titulo_interna{font-size:18px;}

#moduloPadrao a.titulo{text-decoration:none;}
#moduloPadrao a:hover.titulo{color:#5BA612;}

#moduloPadrao a.fechar{ color:#333; text-decoration:none;}
#moduloPadrao a:hover.fechar{text-decoration:underline;}

#moduloPadrao .leiamais{ color:#666; text-decoration:none;}

#moduloPadrao .erro{color:#cc0000; font-size:13px;}
#moduloPadrao .txtCor{ color:#666;}

#moduloPadrao .msgResposta{padding:35px 0px; text-align:center;}
#moduloPadrao .txtconfirmacao{ border-bottom:1px solid #cccccc;  padding-bottom:3px;}

#moduloPadrao a.resumo,#moduloPadrao a:hover.resumo{color:#000; text-decoration:none;}

#moduloPadrao .legenda{
	font-size:13px; 
	background-color:#eaeaea;
	padding:5px;
}

#moduloPadrao #voltar {color:#5AA823; font-size:14px; text-align:left; margin-top:30px; font-weight:bold;}
#moduloPadrao #voltar span{ font-size:12px; font-weight:bold;}
#moduloPadrao #voltar a {color:#3A3B3A; text-decoration:underline;}
#moduloPadrao #voltar a:hover {text-decoration:none;}


#moduloPadrao #paginacao{font-family:"Trebuchet Ms","Lucida Sans Unicode"; font-size:14px; padding:10px 5px;	color: #333333;  text-align:center;}
#moduloPadrao #paginacao a, #moduloPadrao #paginacao a.anterior:hover, #moduloPadrao #paginacao a.proxima:hover , #moduloPadrao #paginacao .seta {color:#5BA612;}

#moduloPadrao #paginacao a, #moduloPadrao #paginacao a.anterior:hover, #moduloPadrao #paginacao a.proxima:hover, #moduloPadrao #paginacao a.anterior, #moduloPadrao #paginacao a.proxima{	
	text-decoration:underline;}

#moduloPadrao #paginacao a:hover, #moduloPadrao #paginacao a.anterior, #moduloPadrao #paginacao a.proxima{
	color:#5BA612;
}
#moduloPadrao #paginacao .seta, #moduloPadrao #paginacao .seta-off {font-size: 16px;}
#moduloPadrao #paginacao .selecionado,
#moduloPadrao #paginacao .selecionado:hover {color: #000; text-decoration: none;}
#moduloPadrao #paginacao .selecionado:hover{ cursor:text;}

#moduloPadrao #paginacao .seta-off, #moduloPadrao #paginacao .anterior-off, #moduloPadrao #paginacao .proxima-off,
#moduloPadrao #paginacao .anterior-off:hover, #moduloPadrao #paginacao .proxima-off:hover, #moduloPadrao .setaG-off{color:#d5d5d5;}

#moduloPadrao #paginacao #irpagina{ width:182px; margin:10px auto;}
#moduloPadrao #paginacao #irpagina label{ width:115px; float:left; margin-right:5px; padding-top:5px;}
#moduloPadrao #paginacao #irpagina input{ width:18px; text-align:center; float:left; border:1px solid #cccccc; padding:5px; font-size:14px; font-family: "Trebuchet Ms","Lucida Sans Unicode"; }
#moduloPadrao #paginacao #irpagina .botao{ width:30px; float:left; border:0px; color:#006666; font-weight:bold; background-color:#fff;}

#moduloPadrao #opcoes{margin-bottom:20px;}

#moduloPadrao #opcoes div{
	background-color:#f0f0f0;
	padding:5px;
	border-top:2px solid #fff;
	width:230px;

}
#moduloPadrao #opcoes div img{
	vertical-align:middle;
}

#moduloPadrao .topoLetra{ width:100%; float:left;}
#moduloPadrao .topoLetra .tituloLetra{width:70%; float:left;}
#moduloPadrao .topoLetra .tamanho_letra{ width:30%; float:left;  padding:5px 0px;}

#moduloPadrao .tamanho_letra { float:right;  margin:5px 0px; width:100%;}
#moduloPadrao .tamanho_letra div{	
	padding:5px;
	width:auto;
	float:left;
}
#moduloPadrao .tamanho_letra .tam{ border:1px solid #999999;
	background-image: url(../img/bgletra.gif);
	background-repeat: repeat-x;
	margin-right:1px;
}

#moduloPadrao .tamanho_letra a{ color:#5BA612; font-weight:bold; text-decoration:none;}
#moduloPadrao .tamanho_letra a:hover{text-decoration:underline;}


#moduloPadrao input, #moduloPadrao textarea, #moduloPadrao select{ 
	border:1px solid #cccccc;
	padding:3px 5px;
	color:#666666;
	font-size:14px;
	font-family: "Trebuchet Ms","Lucida Sans Unicode";
}
#moduloPadrao select{ color:#000; padding:0px;}
#moduloPadrao .caracteres{ font-size:11px; }
#moduloPadrao .checkBox{border:0px;}

#moduloPadrao .botoes, #moduloPadrao .botoes_off, #moduloPadrao .botoesBg{font-size:18px; background-color:#7ABE04; border:0px;  padding:1px 4px; text-align:center; color:#fff; cursor:pointer; height:25px;
width:auto;
}

#moduloPadrao .botoesBg{ background-color:#fff; color:#339999; font-size:16px;}

#moduloPadrao .botoes_off{opacity:0.2;
filter:alpha(opacity=20);
}

#moduloPadrao .botoes:hover{background-color:#5AA823; color:#fff;}
#moduloPadrao .botoes a, #moduloPadrao .botoes a:hover{color:#fff; 
text-decoration:none;}


#moduloPadrao .botoesBg:hover{ background-color:none; color:#ff3300;}

#moduloPadrao #tabela{
	width:100%;
	padding:0px;
	margin:0px;
}
#moduloPadrao #tabela .barra{color:#999999; background-color:#f0f0f0;}
#moduloPadrao #tabela table td{padding:10px 10px; border-right:1px solid #fff;}
#moduloPadrao #tabela .nopadding{padding:0px;}

#moduloPadrao .de {text-decoration: line-through;}

#moduloPadrao .btfechar{width:80px;margin:0 auto;}

#moduloPadrao #versao_impressao {padding:24px;}
#moduloPadrao #versao_impressao .data{color:#666;}
#moduloPadrao #versao_impressao .subTituloPagina{font-size:16px;}

#moduloPadrao #versao_impressao .rodape{ font-size:13px; border-top:2px solid #f6f6f6; padding:15px 0px; margin-top:15px; }

@media print 
{
	#instructions 
	{
		height: 1px;
		display: none;
		overflow: hidden;
	}
}



/*CSS PARA CENTRALIZAR OBJETOS QUANDO NO H� ALTURA DEFINIDA */
#moduloPadrao span.auxVertical
{
   height:100%; 
}
#moduloPadrao span.centralizar
{
    text-align:center;
    display:table-cell;
}
#moduloPadrao div.centralizar{
	width:240px;
	height:180px;
    display:table-cell;
    vertical-align:middle;
	padding:0px;
	line-height:0px;
	margin:0px;
	background-color:#fff;
}
#moduloPadrao div.centralizar240{
	width:240px;
	height:240px;
    display:table-cell;
    vertical-align:middle;
	padding:0px;
	line-height:0px;
	margin:0px;
	background-color:#fff;
}
#moduloPadrao div.centralizar120,
#moduloPadrao div.centralizar150{
	width:120px;
	height:120px;
    display:table-cell;
    vertical-align:middle;
	padding:0px;
	line-height:0px;
	margin:0px;
	background-color:#fff;
}
#moduloPadrao div.centralizar150{
	width:150px;
	height:150px;
}

#moduloPadrao div.centralizar120 div,
#moduloPadrao div.centralizar150 div{
	line-height: normal;
}

#moduloPadrao div.centralizar400{
	width:400px;
	height:400px;
    display:table-cell;
    vertical-align:middle;
	padding:0px;
	line-height:0px;
	margin:0px;
	background-color:#fff;
}

/*-----------     INDIQUE A UM AMIGO     -----------*/
/*-----------      Será utilizado para todos os módulos que possuem indique a um amigo (noticias, informativo, galeria de fotos, ...) -----------*/
             
#moduloPadrao #indique{
	position: relative;
	margin-top: 0px;
	height: auto;
	margin:0 auto;
	padding:24px;
	text-align:left;
}

#moduloPadrao #indique input, #moduloPadrao #indique textarea{ width:300px; }
#moduloPadrao #indique textarea { height:140px; }
#moduloPadrao #indique .botoes{width:auto; float:left; margin-right:15px;}
#moduloPadrao #indique h1{ float:left; margin-bottom:15px; }
#moduloPadrao #indique .fechar{ float:right; }
#moduloPadrao #indique .lista-principal{width:688px;}
#moduloPadrao #indique .lista{width:668px; padding-bottom:20px; border-bottom:2px solid #f6f6f6;}


#moduloPadrao #indique .resumoLista{width:538px;}



/*-----------     FIM INDIQUE A UM AMIGO     -----------*/

/*-----------     CSS UTILIZADO NO MODULO NOTICIAS / SITES UTEIS E/OU MODULOS QUE POSSUEM A MESMA CARACTERISTICA (IMAGEM + NOTICIA AO LADO)   -----------*/

/*-- Todos os itens indicados são referenciados ao #geral-principal do arquivo pagina_principal.css*/

#moduloPadrao .listaSimples{
	padding:10px;
}

#moduloPadrao .lista-principal {
	position: relative;
	margin-top: 0px;
	width: 670px; /*LARGURA TOTAL DO LAYOUT*/
	height: auto;
	margin:0px auto;
	padding:0px 0px;
}
#moduloPadrao .lista, #moduloPadrao .lista_contraste {
	float: left;
	width: 650px; /*LARGURA TOTAL DO LAYOUT - 20PX*/
	height: 100%;
	min-height: 50px;
	max-height: 100%;
	height: 50px;
	background-color:#ffffff;
	margin:0 auto;
	padding:10px 10px;
}
#moduloPadrao .lista_contraste, #moduloPadrao .lista .imagemLista, 
#moduloPadrao .contraste {background-color:#f6f6f6;}

html>body #moduloPadrao .lista ,#moduloPadrao .lista_contraste {
	height: auto;
}

#moduloPadrao .imagemLista{
	width:120px; 
	float:left; 
	height:120px; 
	margin-right:10px;
	background-color:#fff;
}

#moduloPadrao .resumoLista{ /*LARGURA TOTAL DO LAYOUT - 20PX - 130PX*/
	width:520px; 
	float:left; 
}
#moduloPadrao .resumoListaSemImagem{
	width:auto; 
	float:left; 
}

#moduloPadrao .internaImg{width:240px; float:left; margin-right:15px;} 
#moduloPadrao .internaNot{width:400px; float:left; padding:0px 15px 0px 0px; font-size: 14px;}/*LARGURA TOTAL DO LAYOUT - 255PX*/

#moduloPadrao .internaNotSemImagem{width:670px;float:left; padding:0px 0px 0px 0px; font-size: 14px;}/*LARGURA TOTAL DO LAYOUT*/

#moduloPadrao .detalheLista{width:630px; float:left;}


/*-----------    FIM CSS UTILIZADO NO MODULO NOTICIAS / FORUM  E/OU MODULOS QUE POSSUEM A MESMA CARACTERISTICA (IMAGEM + NOTICIA AO LADO)      -----------*/

/* POPUP */

#galeria_imagens{width:560px; margin:0px; padding: 20px; height: 480px; text-align: center; background-color: #FFFFFF;}
#conteudoPopup{background-color: #FFFFFF; width: 550px; text-align:left;}

#moduloPadrao #layerGeral_popup, #moduloPadrao #layerGeral_popupZoom
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
}

#moduloPadrao #layerOpaco_popup, #moduloPadrao #layerOpaco_popupZoom
{
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
	opacity: 0.4;
	background-color: #000;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
}

#moduloPadrao #layerMiolo_excluir
{
	width: 736px;
	height: auto;
	background-color: #FFF;
	border: 0px solid #ff0;
	padding:20px;
}

#moduloPadrao #layerMiolo_indique, #moduloPadrao #layerMiolo_Zoom
{
	width: 736px;
	height: auto;
	background-color: #FFF;
	border: 0px solid #ff0;
}

#moduloPadrao #layerGeral_impressao
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
}

#moduloPadrao #layerOpaco_impressao
{
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
	opacity: 0.4;
	background-color: #000;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
}

/*ABAS*/
#moduloPadrao #abas{
	background-color:#fff;
	width:100%;
	float:left;
	clear:both;
	height:31px;
	text-align:left;
	line-height:0px;
	background-image: url(../img/bgaba.gif);
	background-repeat: repeat-x;
	margin-bottom:20px;
	background-position: bottom;
}
#moduloPadrao #abas img{ vertical-align:middle; }
#moduloPadrao #menu_abas ul { height: 1%; display: table; list-style: none; margin:0px; padding:0px; padding:0px 0px 0px 0px;}

#moduloPadrao #menu_abas ul li { float: left; margin: 0 2px 0 0; }


#moduloPadrao #menu_abas ul li a {

	display: block;
	float: left;
	padding: 5px 10px;
	background-color: #f0f0f0;
	color: #666;
	font-weight: normal;
	text-decoration:none;
	text-align:center;
	height:19px;
	line-height:110%;
	border-top:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #ccc;	
	
}



#moduloPadrao #menu_abas ul li a.selecionado, #moduloPadrao #menu_abas ul li a:hover { 
	background-color: #fff; 
	color: #000;
	text-decoration: none; 
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-weight:bold;
	

}
#moduloPadrao #menu_abas ul li a.selecionado{height:20px; border-bottom:0px;}
#moduloPadrao #menu_abas ul li a:hover.selecionado{background-color: #fff;font-weight:bold; }
#moduloPadrao #menu_abas ul li a:hover {font-weight: normal; background-color:#f0f0f0;}

/*FIM ABAS*/


/*FORMULARIOS*/
#formularioModulo
	{width:650px;
	padding:10px 0px;
	margin:0 auto;}
	
#formularioModulo label{
	width:210px; 
	float:left;
	text-align:right;
	margin:3px 5px 13px 0px;
}

#formularioModulo form input{ float:left; margin-bottom:13px;margin-right:5px;}

#formularioModulo select{ font-size:14px; }
#formularioModulo .erro{padding-left:215px; clear:both; line-height:110%;}
#formularioModulo .inp_label{width:160px;}
#formularioModulo .nome{width:245px;}
#formularioModulo .ddd{width:30px; margin-right:3px;}
#formularioModulo .num{width:45px; margin-right:3px;}
#formularioModulo .data{width:45px; float:left; margin-right:5px;}
#formularioModulo .select_label{width:260px;}
#formularioModulo select.data{padding:3px; width:60px; }
#formularioModulo select.meses, #formularioModulo select.dia{padding:2px;}
#formularioModulo select.meses{ width:100px; }
#formularioModulo .peq{width:90px;}
#formularioModulo .none{margin-bottom:0px;}
#formularioModulo .medio{width:198px;}

#formularioModulo .tipo_select{width:110px; float:left; padding:4px 3px; margin-right:5px;}
#formularioModulo .acheckbox{margin-top:5px; float:left;}
#formularioModulo .setor{margin-top:5px;}

#formularioModulo .erro_cidade{width:176px; float:left;}
#formularioModulo .erro_estado{width:189px; float:left;}
#formularioModulo .erro_numero{width:157px; float:left;}
#formularioModulo .erro_bairro{width:210px; float:left;}

#formularioModulo .botoes{ float:none; width:auto;}
#moduloPadrao .lembrete{float: none; width: 100px; margin: 0 auto;}

#formularioModulo .ajuda,
#formularioModulo .exemplo,
#formularioModulo .item,
#formularioModulo .erro
{ padding:2px 0px 2px 215px;}

#formularioModulo .exemplo { font-size:13px;}

#formularioModulo .item{ font-size:16px; font-weight:normal;}
#formularioModulo .ajuda {clear:both;}
#formularioModulo span{ float:left; margin:5px 5px 0px 0px;}
#formularioModulo .grande{width:300px;}
#formularioModulo .contador{ font-size:11px;}
#formularioModulo .checkBox{width:auto; margin:0px 0px; float:none;}

#formularioModulo textarea{
	height:130px;
}
#formularioModulo .caracteres{
float:right; 
padding-right:0px;
margin:3px 0px; 
text-align:right;
}



/*FORMULARIO DE BUSCA*/

#moduloPadrao #formulario_busca{
width:99%; margin:0 auto;
padding-top:0px;
padding-left:0px;
clear:both;
border:1px solid #e0e0e0;
padding:8px 0px;
height:25px;
}


/*TELA DE CONFIRMAÇÃO*/
#moduloPadrao  #confirmacao form, 
#moduloPadrao  #confirmacao {width:100%; margin:0 auto;}

/*TELA DE CONFIRMAÇÃO*/
#moduloPadrao  #confirmacao  .box_confirmacao{width:550px; margin:0 auto;}
#moduloPadrao  #confirmacao  .box_confirmacao div.txtconfirmacao{float:left; width:410px; margin:0px 5px 10px 5px;}
#moduloPadrao  #confirmacao .box_confirmacao .label{width:130px; text-align:right; color:#666666; float:left;} /*mesma cor do #moduloPadrao .subTituloPagina*/
#moduloPadrao  #confirmacao .box_confirmacao .bnone{border:0px;}