/* -----------------------------------------------------------------------

 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Modificado por Filipe Rocha (filipe@viaoceanica.com)
   * Via Oceânica (www.viaoceanica.com)

----------------------------------------------------------------------- */
@import url("reset.css");
@import url("typography.css");
@import url("forms.css");

/* corpo */
body { padding:0 auto; margin:0 auto; text-align:center; background:url(../../img/bg.jpg) top center no-repeat #fff;}

/* Containers e caixas
-------------------------------------------------------------- */
.container { width:950px; margin:0 auto; padding:0 auto; text-align:left; }

/* NOTA: o clear está escrito no reset.css */


/* Cabeçalho.
-------------------------------------------------------------- */

.cab { height:161px;}

.cab .esquerdo { float:left; width:352px; margin:25px 0 0 22px;}
.cab .logo { width:352px; height:115px; text-indent:-9999px; background:url(../../img/logo.png);}

.cab .direito { float:right; text-align:right; margin:12px 8px 0 0; width:382px;}

/* navegação topo */
.nav { list-style:none; margin:0; height:24px; background:url(../../img/bg-nav.gif) left top no-repeat; padding:0 0 0 84px;}
.nav li { float:left; margin:0 2px;}
.nav a { display:block; height:24px; text-indent:-9999px;}
.nav .wordpress { width:91px; background:url(../../img/b-nav-wordpress.gif) top center no-repeat;}
.nav .wordpress:hover {background:url(../../img/b-nav-wordpress.gif) bottom center no-repeat;}
.nav .facebook { width:71px; background:url(../../img/b-nav-facebook.gif) top center no-repeat;}
.nav .facebook:hover {background:url(../../img/b-nav-facebook.gif) bottom center no-repeat;}
.nav .flickr { width:56px; background:url(../../img/b-nav-flickr.gif) top center no-repeat;}
.nav .flickr:hover {background:url(../../img/b-nav-flickr.gif) bottom center no-repeat;}
.nav .youtube { width:54px; background:url(../../img/b-nav-youtube.gif) top center no-repeat;}
.nav .youtube:hover {background:url(../../img/b-nav-youtube.gif) bottom center no-repeat;}

.cab .slogan { margin:27px 0 0 0; width:340px; height:65px; float:left;}



/* Menu principal do site */

.menu {list-style:none; margin:0; height:33px; background:url(../../img/b-menu.gif) left top no-repeat; padding:0;}
.menu li { float:left; }
.menu a { display:block; height:33px; text-indent:-9999px; margin:0 0 0 9px;}
.menu .quem { width:102px; background:url(../../img/b-menu-quem.gif) top center no-repeat;}
.menu .quem:hover { background:url(../../img/b-menu-quem.gif) bottom center no-repeat;}
.menu .membros { width:75px; background:url(../../img/b-menu-membros.gif) top center no-repeat;}
.menu .membros:hover { background:url(../../img/b-menu-membros.gif) bottom center no-repeat;}
.menu .eventos { width:69px; background:url(../../img/b-menu-eventos.gif) top center no-repeat;}
.menu .eventos:hover { background:url(../../img/b-menu-eventos.gif) bottom center no-repeat;}
.menu .noticias { width:71px; background:url(../../img/b-menu-noticias.gif) top center no-repeat;}
.menu .noticias:hover { background:url(../../img/b-menu-noticias.gif) bottom center no-repeat;}
.menu .documentacao { width:123px; background:url(../../img/b-menu-documentacao.gif) top center no-repeat;}
.menu .documentacao:hover { background:url(../../img/b-menu-documentacao.gif) bottom center no-repeat;}
.menu .projectos { width:84px; background:url(../../img/b-menu-projects.gif) top center no-repeat;}
.menu .projectos:hover { background:url(../../img/b-menu-projects.gif) bottom center no-repeat;}
.menu .imprensa { width:76px; background:url(../../img/b-menu-imprensa.gif) top center no-repeat;}
.menu .imprensa:hover { background:url(../../img/b-menu-imprensa.gif) bottom center no-repeat;}
.menu .contactos { width:93px; background:url(../../img/b-menu-contactos.gif) top center no-repeat;}
.menu .contactos:hover { background:url(../../img/b-menu-contactos.gif) bottom center no-repeat;}



/* Coluna do Conteudo.
-------------------------------------------------------------- */

.colMain { margin:30px; min-height:400px;}

/* notícias hompage */

.colMain .not_esq { float:left; width:549px; height:243px;}
.colMain .not_esq .imagem { overflow:hidden; height:243px;}
.colMain .not_dir { float:left; width:300px; height:243px; padding:5px 20px; color:#777;}

/* barra eventos */

.colMain .barra_eventos { margin:27px 0 23px 0; height:38px;}

.colMain .eventos { margin:0; padding:12px 0 0 86px; width:240px; height:26px; background:url(../../img/bg-eventos.gif) top left no-repeat; float:left;}
.colMain .forum { padding:0 0 0 305px; background:url(../../img/bg-forum.gif) top left no-repeat; float:left; height:38px;}
.colMain .forum img { border:0;}

/* 3 colunas página principal */

.colMain .ultimas { width:321px; float:left; padding:32px 0 0 0; background:url(../../img/bg-ultimasnoticias.gif) top left no-repeat; color:#777;}
.colMain .ultimas ul { margin:0; padding:0; list-style:none;}
.colMain .ultimas ul li { padding:4px 0; border-bottom:dotted 1px #b8b8b8;}
.colMain .ultimas table { width:100%; margin:0;}
.colMain .ultimas td { padding:0 2px;}
.colMain .ultimas .dia { background:url(../../img/bg-dia.gif) top left no-repeat; width:34px; height:35px; font-size:18px; color:#fff; font-weight:bold; text-align:center;}


.colMain .associacao { padding:34px 0 0 0; width:257px; float:left; background:url(../../img/bg-associacaodestaque.gif) top left no-repeat; margin:0 45px 0 32px; color:#777;}
.colMain .associacao .foto { width:235px; height:98px; background:url(../../img/bg-fotoassociacao.gif) top center no-repeat; padding:11px; text-align:center;}


.colMain .newsletter { width:235px; float:left; padding:31px 0 0 0; background:url(../../img/bg-newsletter.gif) top left no-repeat;}
.colMain .newsletter form { margin:0; padding:0;}
.colMain .newsletter table td { vertical-align:middle;}
.colMain .newsletter .enviar { width:92px; height:27px; display:block; margin:5px 0 0 10px; background:url(../../img/b-enviar.gif) top center no-repeat; padding:0; border:none;}
.colMain .newsletter .enviar:hover { background:url(../../img/b-enviar.gif) bottom center no-repeat;}



.listagem{ margin:6px 0; display:block; border-bottom:1px dotted #ccc;}
.listagem .img{ float:left; overflow:hidden; width:100px; height:75px; text-align:center; margin:0 5px 5px; }
.texto     {  }
.texto span{ font-size:.9em; color:#666; }

.paginacao { clear:both; border-top:1px solid #eee; margin:15px 0 0 0; }
.activo, .inativo { display:block; padding:5px; margin:1px; float:left; background:#4a922d; }
.activo, .inativo:hover { background:#000; color:#fff; }
.inativo { background:#4a922d; color:#fff; }





/* Rodapé.
-------------------------------------------------------------- */

.rod { min-height:116px; background:url(../../img/bg-rodape.gif) center bottom no-repeat; color:#2a4153; text-align:center; padding:10px 0 0 0;}
.rod a { color:#2a4153; text-decoration:none; margin:0 4px;}
.rod a:hover { text-decoration:underline;}



/* Extras.
-------------------------------------------------------------- */

 h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}



h2 {
	font-size: 24px;
	margin-bottom:10px;
}

h3 {
	font-size: 20px;
}

h4 {
	color: #660000;
	font-size: 16px;
	margin: 5px 0 20px 0;
}

h5 {
	font-size: 20px;
}


.imagem { margin:0 5px 5px; float:left;}

/* agenda */

.tdagenda { height:40px; border-bottom:1px dotted #ccc; width:80px;}

/* títulos do acordion. */
.toggler{ border-bottom:1px dotted #ccc; padding:5px 0; font-size: 1.1em; margin:10px 0; cursor:pointer; font-weight:bold; text-transform:none; letter-spacing:normal;}

div .element { padding:5px 0;}