/* CSS Document */
body{
	margin:0px 0px;
	background-color: #ffffff;
	font-size:14px;
	color: #000; 
	font-family: "Lucida Sans Unicode";
}

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

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

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

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

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

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

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

#moduloPadrao a.titulo{text-decoration:none;}
#moduloPadrao a:hover.titulo{color:#0EA499;}

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



#moduloPadrao .erro{color:#cc0000;}

#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:#0EA499; font-size:16px; text-align:left; margin-top:30px;}
#moduloPadrao #voltar span{ font-size:12px; font-weight:bold;}
#moduloPadrao #voltar a {color:#006666; 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:#0EA499;}

#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:#339999;
}
#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{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 .tamanho_letra { clear:both; float:right;  margin:5px 0px;}
#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:#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:14px;
	font-family: "Lucida Sans Unicode";
}

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

#moduloPadrao .botoes{font-size:18px; background-color:#339999; border:0px; padding:5px 10px; text-align:center;color:#fff; cursor:pointer;}

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

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

#moduloPadrao #versao_impressao {padding:24px;}
#moduloPadrao #versao_impressao a{color:#0EA499; text-decoration:none;}
#moduloPadrao #versao_impressao a:hover{color:#006666;}
#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; }
#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;}

#moduloPadrao #indique .txtconfirmacao{ border-bottom:1px solid #cccccc; }

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

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

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