@import url("/cms/cliente/utils/galerias.css");/* CSS galeria */	
@import url("/cms/cliente/utils/recados/recados.css"); /* CSS mural de recados */

body {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em; font-size:11px; background:#0099DC;
}

a:link, a:visited {
	color: #000; text-decoration: none;
}
h2, h3 {
	font-size: 1.3em;
	color: #000;
	padding-top:5px;
	padding-bottom: 10px;
}
h3 {
	font-size: 1.2em;
	color: #000;
}
p {
	padding-top: 5px;
	padding-bottom: 5px;
	color:#19417f;
}
label{
	width: 120px;
	float:left;
	color:#19417f;
}

.data{font-weight: bold;}
/* estilos para listas */
ol {
	list-style:decimal;
}
/* Cria chamada de notícias no topo do site */
marquee {
	color:#fff; width:100%; height: 30px; clear:both; padding-top:5px;
	background:url(../imgs/fundo-noticias.jpg) fixed center;
}
marquee h2 {
	display:none;
}
marquee ul {
	list-style:none; padding-top:3px;
}
marquee ul li {
	display:inline; padding-right:20px; white-space: nowrap;
}
/*propridades gerais do site*/
p.information, p.informacao {
	padding-left: 20px;
}
#geral{
	width:760px;
	overflow:hidden;
	margin:auto;
}
#data {
	float:left;
	color:#fff;
	text-align:right;
	display:block;
	width:759px;
	height:18px;
	padding:0; margin:0 3px 0 0;
}
/*propriedade do topo*/
#topo{
	background: url(../imgs/topo.jpg) no-repeat center top;
	width:758px; height:225px;
}

#filiacao {
	margin:7px 0;
}

/* Estilos coluna esquerda */
#col-esquerda {
	float:left; padding-top:5px;
}
#climaTempo {
	text-align:center; margin-bottom:5px;
}
#pub_interna {
	margin:10px 0; clear:both;
}

/* Menu navegação */
#menuprincipal{
	padding-top: 190px; text-align:center;
}
#menuprincipal h2{ display: none;}
#menuprincipal ul{ border: none; margin-left:0; }
#menuprincipal ul li{
	float: left; border: none; width: 107px;
	background: url(../imgs/divisao-menu.jpg) no-repeat center right;
	font-weight: bold; color:#19417f;
}
#menuprincipal ul li a{
	color:#19417f; background: none;
}
#menuprincipal ul li a:hover{
	background:url(../imgs/menu-selecionado.gif) no-repeat right 22px; color: #99fefe;
}
#menuprincipal ul li ul { 
	border: none; background: #0099dc; text-align:left;
	margin-left: 0px;
	*margin-left: -50px; 
}
#menuprincipal ul li ul li{ width: 150px; border: none; line-height:1.2em; }
#menuprincipal ul li ul li a{ border: none; color: #19417f;}
#menuprincipal ul li ul li a:hover{background: none; color: #99fefe;}
#menuprincipal ul li ul li ul{ margin-left: 0; margin-top: 1px}



/*propriedade do fundo do conteudo qundo não estiver na paginapricipal*/
#fundo-conteudo{
	background:url(../imgs/topo-conteudo.jpg) no-repeat -1px top;
	width:759px;
	margin-top:18px!important;
	margin-top: 0;
	padding-top:15px;
}
#fundo-conteudo h2{
	background:url(../imgs/logo-paraqueda.jpg) no-repeat left;
	color:#19417f;
	height:26px;
	padding:5px 0 0 35px;
	margin-bottom:15px;
}
/*propriedade do texto do conteudo*/
#texto-conteudo{
	background:url(../imgs/base-conteudo.jpg) no-repeat left bottom #E0F1FC !important;
	background:url(../imgs/base-conteudo.jpg) no-repeat left bottom #E0F1FC;
	width:709px;
	padding:10px 25px;
	color:#19417f;
	text-align:justify;
}
#texto-conteudo .lista-conteudos ul li a{color: #000000;}
#texto-conteudo .lista-conteudos ul li .data {color: #19417f;}
#texto-conteudo #lista-agenda dl dt{font-weight: bold;}
#texto-conteudo #lista-agenda dl dt a{font-weight: normal;}

/*propriedade da noticias que vão passar encima do contudo da pagina pricipal*/
#chamadas-topo{
	width:758px;
	height:34px;
	padding-top:5px;
}
#chamadas-topo a {
	color: #011166;
}
/* Banner publicidade terceiros */
#pub_terceiros {
	float:left;
	margin-left:8px;
}
/* proriedade do sub conteudo que agrupa todas os conteudos da pagina principal */
#subconteudo{
	float: right;
	margin-left:10px;
	margin-top:7px;
	width:530px;
	overflow:hidden;
	margin-bottom:8px;
}
/* propriedade basica a todos os h2 para fazer o image replace */
#newsletter h2, #noticias h2, #relatorio h2, #agenda h2, #informativos h2, .recados-home h2 {
	text-indent:-5000px;
	margin-left:5px;
	height:26px;
}
/* propriedade box newsletter */
#newsletter{
	background:url(../imgs/aerodinamica-fundo-caderneta.jpg) no-repeat center;
	width:230px;
	height:125px;
	float:left;
	cursor: pointer;
}
#newsletter h2{
	display: none;
	width:131px;
}
#newsletter p{
	display: none;
	margin-top:-15px;
	margin-left:5px;
	margin-bottom:0px;
	color:#19417f;
}
/*propriedade basicas dos boxes de noticias, relatorio, agenda e informativos*/
#noticias, #agenda {
	clear:both;
}
#noticias, #relatorio, #agenda, #informativos {
	margin-top:10px;
	width: 255px;
	float:left;
	background:url(../imgs/divisao-de-conteudo.jpg) no-repeat 0px 37px;
	color:#FFF;
}
#informativos, #relatorio {
	margin-left:8px;
	float:right;
}
#agenda dl dt{font-weight: bold;}
#agenda dl dt a{font-weight: normal; color:#FFF}

/* Estilos para listas de dados */
.lista-conteudos ul {list-style: none; padding: 0}
.lista-conteudos ul li a{
	color: #FFFFFF;
}
.lista-home ul, .lista-interna ul {
	list-style:none;
}
.lista-home .data, .lista-interna .data {
	font-weight:bold;
}
.lista-home ul li, .lista-interna ul li {
	margin-bottom:5px;
}
.lista-home a:link, .lista-home a:visited {
	color:#fff;
}
.lista-home ul li a:hover {
	text-decoration:underline;
}
.lista-interna ul li {
	background:url(../imgs/bullet-azul.gif) no-repeat 0 3px;
	padding-left: 15px;
}
/* estilos ler mais */
.ler_mais {
	float:right;
	margin-right:2px;
	margin-bottom: 1px;
}
.ler_mais a, .ler_mais a:visited {
	color: #fff;
}
/*propriedades especificas para cada h2*/
#noticias h2{
	background:url(../imgs/titulo-noticias.jpg) no-repeat center;
	width:102px;
}
#relatorio h2{
	background:url(../imgs/titulo-relatorio.jpg) no-repeat center;
	width:125px;
}
#agenda h2{
	background:url(../imgs/titulo-agenda.jpg) no-repeat center;
	width:94px;
}
#informativos h2{
	background:url(../imgs/titulo-informativo.jpg) no-repeat center;
	width:147px;
}
/* propriedades do box depoimentos */
#depoimento{
 	background:url(../imgs/fundo-depoimentos-todo.jpg) repeat-y center;
	width:530px; height:auto; float:left; margin-bottom:-5px;
}
#base-depoimento{
	background:url(../imgs/fundo-depoimentos-base.jpg) no-repeat center;
	width:530px; height:5px; float:left;
}
#mural-recados{
	background:none;
}
#depoimento .recados-home {
	background:url(../imgs/fundo-depoimentos.jpg) no-repeat center top;
	width:520px; height:auto; float:left; line-height:1.4em; color:#19417f;
}
#depoimento .recados-home h2 {
	background:url(../imgs/titulo-depoimentos.jpg) no-repeat center;
	width:140px; margin-left:-3px; text-indent: -5000px;
}
#depoimento .recados-home dl { width: 320px; }
#depoimento .recados-home dt { background:none; } 
#depoimento .recados-home dl dt { background:none; padding:0; margin:0; }
#depoimento .recados-home dl dt .destinatario { float:left; }
#depoimento .recados-home .remetente, #depoimento #recados-home hr {display:none;}
#depoimento .recados-home .envio {
	float:right; font-weight:bold; font-size: 0.9em; margin-top: -2px; 
	margin-bottom: 2px; border:none;
}
#depoimento .recados-home .novo-recado { float:left; }
#depoimento .recados-home .ler_mais { float:right; }
#depoimento .recados-home .ler_mais a, #depoimento .recados-home .ler_mais a:visited {
	color:#19417f;
}
#depoimento .recados-home .mensagem, #depoimento .recados-home .envio{ border:none; background:none }
#depoimento .recados-home .mensagem { margin-bottom:-15px;}
#depoimento .recados-home .envio { margin-bottom:20px; }
/* estilos personalizados para substituir os que estão do css padrão dos recados recados-home-recados *{
	float:none;
}*/
#mural-recados form {
	width: 99%; border: solid 2px #19417f; padding:5px; background-color:#E0F1FC; top:68px;
}
#mural-recados form button {
	float:right; margin:10px 2px 0 0;
	background:transparent;	color:#19417f;
	border: solid 1px #B1CBDC;
}
#mural-recados .grid-controles{
	float:left; 
}
#mural-recados .grid-paginacao{
	float:right; width:auto;
}
.recados-listando dl{
	border: solid 2px #19417f;
	padding:5px; margin-bottom:10px;
}
.recados-listando dl dt{ 
	background:none; float:left; width:99%;
	border-bottom:solid 1px #19417f;
} 
.recados-listando dl dt span{
	float:left;
}
.recados-listando dl dt span.destinatario{ 
	float:right;
}
.recados-listando dl dd.mensagem{
	border:none;
}
.recados-listando dl dd.envio{
	float:none; width:110px;
	display:block; margin-top:0px;
	border-right: outset 1px #333;
	background-color:#fff;
	border-color: #19417f;
	text-align:center;
	font-weight:bold;
	font-size:0.8em;
	margin-left:562px;
}
/*propriedade do formulario de contatos*/
#contatos-container form {
	width: 500px;
	float:left;
}
#contatos-container input, #contatos-container textarea {
	width:280px;
}
#contatos-container p{
	padding-left:20px
}
#contatos-container p.information{
	padding-left: 20px;
}
#contatos-container label.information{
	background-position: 100px;
}
#contatos-container #enviar{
	background:#66CCFF;
}
#rodape-contatos{
	float:right;
	margin-right:10px;
}
#contatos-container button {
	clear:both;
	float:right;
	border: solid 1px #19417f;
	margin-right:90px;
}
/*propriedade do rodape*/
#rodape{
	background:url(../imgs/rodape.jpg) repeat-x;
	height:41px; width:759px; clear:both;
}
#rodape p{
	margin:5px 0 0 9px; font-size:10px; color:#fff;
}
#rodape p a {
	color:#fff;
}
/* Formulario de filiacao */
.botoes-filiacao {
	text-align:center; width:300px; margin:10px auto;
}
.botoes-filiacao button {
	margin:2px; color:#000; font-size:10px; border: solid 1px #19417f;
}

/* Propriedades para substituir o padrao da galeria de imagens */
.galeria-listando dl dd .data, .galeria-listando dl dd .local{
	display:none;
}

.gvIIContainer, .gvIIImgContainer, .gvIILoader, .gvIIHolder, #galerias, #galeria-aguarde {	
	width:568px; background: #E0F1FC; 
}
.gvIIContainer .gvIIHolder{
	height:420px; width:176px !important; width: 178px; float:left; overflow: auto; border: none; 
}
.gvIIContainer .gvIIImgContainer{
	height:420px; width:391px; float:right; border: none;
}
.gvIIContainer .gvIIItem { margin: 5px 0 0 5px; cursor:pointer;}
.gvIIContainer .gvIIHolder .gvIIItem {border: 2px solid #19417f; }
.gvIIContainer .gvIIImgContainer img{
	border: 4px solid #19417f;
}