/* CSS Document */
body{
	margin:10px 0px;
	background-color: #ffffff;
	font-size:12px;
	color: #666666; 
	font-family: arial;
}

#moduloPadrao .bordaErro{
	border: 1px solid #ce2538;
}

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

#moduloPadrao a{cursor:pointer; color:#22297a; text-decoration:none;}
#moduloPadrao a:hover{ color:#22297a;}

#moduloPadrao .tituloPagina, #moduloPadrao .subTituloPagina {font-size: 26px; color: #4c4c4c; font-family: "Lucida Sans Unicode";}

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

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

#moduloPadrao .subTituloPagina, #moduloPadrao .exemplo{color:#666;}

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

#moduloPadrao .titulo, #moduloPadrao .titulo_interna{ font-size:13px; color:#4c4c4c;font-weight: bold;}
#moduloPadrao .titulo_interna{font-size:18px; color:#4c4c4c;}

#moduloPadrao a.titulo{text-decoration:bold; color:#ce2538;}
#moduloPadrao a:hover.titulo{color:#ce2538;}

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

#moduloPadrao .leiamais{ color:#22297a; text-decoration:underline;}

#moduloPadrao .erro{color:#cc0000;}

#moduloPadrao .txtconfirmacao{ border-bottom:1px none #cccccc;  padding-bottom:3px;}

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

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

#moduloPadrao #voltar {color:#ce2538; font-size:16px; text-align:left; margin-top:30px; margin-left:20px;}
#moduloPadrao #voltar span{ font-size:12px; font-weight:bold;}
#moduloPadrao #voltar a {color:#22297a; text-decoration:underline;}
#moduloPadrao #voltar a:hover {text-decoration:none;}


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

#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:#22297a;
}
#moduloPadrao #paginacao .seta, #moduloPadrao #paginacao .seta-off {font-size: 16px;}
#moduloPadrao #paginacao .selecionado,
#moduloPadrao #paginacao .selecionado:hover {color: #4c4c4c; 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{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: "Lucida Sans Unicode"; letter-spacing: -1px;}
#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;
	color:#4240CF;

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



#moduloPadrao .tamanho_letra { clear:both; float:right;  margin:0px 0px;}
#moduloPadrao .tamanho_letra div{	
	padding:0px;
	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:#006666; font-weight:bold; text-decoration:none;}
#moduloPadrao .tamanho_letra a:hover{text-decoration:underline;}


#moduloPadrao input, #moduloPadrao textarea{ 
	border:1px solid #CCCCCC;
	padding:5px;
	color:#666666;
	font-size:13px;
	font-family: arial;
}

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

#moduloPadrao .botoes{font-size:18px;  border:0px; padding:5px 0px; align:center;color:#fff; cursor:pointer;}
#moduloPadrao .botoes a, #moduloPadrao .botoes a:hover{color:#fff; 
text-decoration:none;}

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

#moduloPadrao #versao_impressao {padding:24px; color:#000}
#moduloPadrao #versao_impressao a{color:#ce2538; text-decoration:none;}
#moduloPadrao #versao_impressao a:hover{color:#ce2538;}
#moduloPadrao #versao_impressao span{color:#666;}

#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.centralizar120{
	width:120px;
	height:120px;
    display:table-cell;
    vertical-align:middle;
	padding:0px;
	line-height:0px;
	margin:0px;
}

/*-----------     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; border-color:#CCCCCC;}
#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)   -----------*/

#moduloPadrao .lista-principal {
	position: relative;
	margin-top: 0px;
	width: 726px; /*LARGURA TOTAL DO LAYOUT*/
	height: auto;
	margin:0px -10px;
	padding:0px 0px;
}
#moduloPadrao .lista, #moduloPadrao .lista_contraste {
	float: left;
	width: 706px; /*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 {border-bottom: 1px dotted; border-top: 1px dotted;}
#moduloPadrao .lista_contraste, #moduloPadrao .lista .imagemLista{background-color:#fff;}

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:576px; 
	float:left; 
	color:#4c4c4c;
}
#moduloPadrao .resumoListaSemImagem{
	width:auto; 
	float:left; 
}

#moduloPadrao .internaImg{width:240px; float:left; margin-right:15px;} /*LARGURA TOTAL DO LAYOUT - 255PX*/
#moduloPadrao .internaNot{width:430px; float:left; padding:0px 15px 0px 0px; font-size: 14px; color:#4c4c4c;}
#moduloPadrao .internaNotSemImagem{width:700px;float:left; padding:0px 0px 0px 0px; font-size: 14px;color:#4c4c4c;}
#moduloPadrao .detalheLista{width:630px; float:left;}

#modulo_noticias {margin: 0px 20px;}
#modulo_sitesuteis {margin:0px 20px;}
/*-----------    FIM CSS UTILIZADO NO MODULO NOTICIAS / FORUM  E/OU MODULOS QUE POSSUEM A MESMA CARACTERISTICA (IMAGEM + NOTICIA AO LADO)      -----------*/




/* POPUP EXCLUIR */

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

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

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

#moduloPadrao #layerMiolo_indique
{
	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: #4c4c4c;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
}

/*LOGIN*/

#login {
}

#login form{
	width:576px;
	margin:0 auto;
}

#login label{
	width:170px;
	float:left;
	text-align:right;
	margin-right:5px;
	padding:2px 2px;
	margin-top:5px;
	color: #22297A;
}

#login input{	
	float:left;	
	font-size:12px;
	margin-top:5px;
	margin-right:5px;
	padding: 5px;
}

#login select{
	font-size:11px;
	margin-top:5px;
	margin-right:5px;
	float:left;
	padding:5px;
	height: 25px;
}

#login .txt{width:220px; height:13px;}
#login .msg{padding-left:180px; margin:2px 0px;}
#login .check{width:15px; float:none;}
#login .ddd{width:40px; height:13px;}
#login .num{width:55px; height:13px;}
#login .dia{width:45px; }
#login .mes{width:106px;}
#login .senha{width:115px; height:13px;}

#login .line{line-height:normal;}
#login  span {float:left; line-height:190%;}

#login a{text-decoration:underline;}
#login a:hover{text-decoration:none;}
#login .at{}

#login .botao{border:0px;}

#login .none{float:none;}
.erro{color:#cd0000;}

#login #confirmacao {
	width:380px;
	margin:0 auto;
	color:#1ea09a;
}

#login #confirmacao div.item{color:#22297A; width:170px; float:left; text-align:right; background-color:#fff; background-image:url(../img/bg-label.gif); background-position:left; background-repeat:no-repeat; margin:2px 0px; padding:2px;}
#login #confirmacao div.dados{width:190px; float:left; margin:2px 3px; padding:2px; color: #4c4c4c;}

#cadastrese{
	width:96%;
	float:left;
	padding:3% 2%;
	background-color: #faf9f5;
	background-image: url(../img/bg-cadastrese.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#login .confirmacao {
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #22297a;
	padding-left: 100px;
}

#cadastrese a, #cadastrese em{color:#1ea09a;}



/* ----- MODULO PAGAMENTO     -----------*/

#modulo_pagamento a.linktitulocategoria{ 
	color:#19b5ac; text-decoration:none;}

#modulo_pagamento a.linktitulocategoria:hover{text-decoration:underline;}

#modulo_pagamento .busca_pagamento {margin:0 auto; width:600px;}
#modulo_pagamento .busca_pagamento  .busca_interna{padding-top:10px;padding-left:60px;height:80px;}

#modulo_pagamento .busca_pagamento .size_input {width:250px;}
#modulo_pagamento .busca_pagamento .contraste {background-color: #f6f6f6;}

#modulo_pagamento a{color:#ce2538;}
#modulo_pagamento a:hover{color:#ce2538;text-decoration: underline;}

#modulo_pagamento .busca_interna{
	background-image: url(../img/galeria/bg-busca2.gif);
	background-repeat: no-repeat;
	background-position: top;
	height:204px;
	float:left;
	width:400px;
}

#modulo_pagamento .busca_interna div{width:150px; float:left; padding-right:5px;}
#modulo_pagamento .busca_interna form {padding-top:0px; padding-left:0px;}
#modulo_pagamento .busca_interna label, #modulo_pagamento .busca_interna input, 
#modulo_pagamento .busca_interna select {color:#666666; float:left; margin:2px 0px; width:150px;}

#modulo_pagamento .busca_interna .botao_ok{float:left; padding-top:17px; width:20px; height:15px;}

h3{font-size:16px;}

#modulo_pagamento #lista_categorias img, .resultado_pagamento img{vertical-align:middle;}
#modulo_pagamento #lista_categorias ul{list-style:none; width:100%; margin:0px; padding:0px;}
#modulo_pagamento #lista_categorias li{float:left; width:25%; padding:8px 0px;}

#modulo_pagamento #col_categoria{
float: left;
padding: 0px 20px;
}

#modulo_pagamento .resultado_pagamento{padding:0px 10px;}
#modulo_pagamento .descricao_pagamento{padding:5px 10px; background-color:#EEE;}
#modulo_pagamento .descricao_pagamento p{margin:0px; padding:4px 0px 6px 0px;}
#modulo_pagamento .data{width:50px;}

#modulo_pagamento .busca_resultado{
	padding-top:5px;
}
#modulo_pagamento .barra{
	background-color:#666666;
	color: #fff;
}
#modulo_pagamento .busca_resultado strong{color:#cb0000;}

/*MAPA DO SITE*/
#lista_mapa ol, #lista_mapa ul, #lista_mapa li{list-style:none;}
#lista_mapa ul {padding:7px 0px 7px 10px; margin:0px;}
#lista_mapa li{padding:2px 0px;}
#lista_mapa li ul{ border-bottom:1px solid #f6f6f6; width:200px;}

/*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 .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 .checkBox{width:auto; margin:0px 0px; float:none; border: 0px;}

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