/* CSS Document */
body{
	margin:0px 0px;
	background-color: #ffffff;
	color: #000; 
}
body, #moduloPadrao select {font-size:14px; font-family: Tahoma;}

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


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

#moduloPadrao a{cursor:pointer; color:#18466d; text-decoration:none;}
#moduloPadrao a:hover{ color:#18466d; text-decoration:underline;}

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

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

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

#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:11px; font-weight:bold;}
#moduloPadrao .setaG{font-size: 48px;font-weight: bold;}

#moduloPadrao .titulo, #moduloPadrao .titulo_interna{ font-size:17px; color:#27466c;}
#moduloPadrao .titulo_interna{font-size:17px;}

#moduloPadrao a.titulo{text-decoration:none;}
#moduloPadrao a:hover.titulo{text-decoration:underline;}

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

#moduloPadrao .leiamais{ color:#27466c; text-decoration:underline;}

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

#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:#f0f0f0;
	padding:5px;
	margin-bottom:2px;
}

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

#moduloPadrao #paginacao2{background-color:#f0f0f0;}

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

#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:#456b9e;
}
#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: "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;

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

#moduloPadrao #opcoes div a{
	color:#456b9e;
	text-decoration: none;
}

#moduloPadrao #opcoes div a:hover{
	color:#456b9e;
	text-decoration: underline;
}

#moduloPadrao .topoLetra{ width:100%; float:left;}
#moduloPadrao .topoLetra .tituloLetra{width:80%; float:left;}
#moduloPadrao .topoLetra .tamanho_letra{ width:20%; float:left;  padding:10px 0px;}

#moduloPadrao .tamanho_letra { float:right;  margin:5px 0px; width:100%;}
#moduloPadrao .tamanho_letra div{	
	padding:5px;
	margin-right: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:#27466c; font-weight:bold; text-decoration:none;}
#moduloPadrao .tamanho_letra a:hover{text-decoration:underline;}

#moduloPadrao .tamanho_letra span{ color:#27466c;}


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

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

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

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

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

#moduloPadrao .lista div.centralizar120{
	width:120px;
	height:120px;
    display:table-cell;
    vertical-align:middle;
	padding:0px;
	line-height:0px;
	margin:0px;
	background-color:#ececec;
}

#moduloPadrao div.centralizar120 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: 980px; /*LARGURA TOTAL DO LAYOUT*/
	height: auto;
	margin:0px auto;
	padding:0px 0px;
}
#moduloPadrao .lista, #moduloPadrao .lista_contraste {
	float: left;
	width: 960px; /*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:830px;
	float:left; 
}
#moduloPadrao .resumoListaSemImagem{
	width:auto; 
	float:left; 
}

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

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

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


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

/* POPUP EXCLUIR */



#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;
}

#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 #menu_abas ul { height: 1%; display: table; list-style: none; margin:0px; padding:0px; padding:0px 0px 0px 0px; letter-spacing:-1px;}

#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 .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;}

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



/*FORMULARIO DE BUSCA*/

#moduloPadrao #formulario_busca{
width:100%; 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;}
