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

 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");

/* Containers e caixas
-------------------------------------------------------------- */
body#fundo1 { background:url(../../img/bg.jpg) top center no-repeat #fff; }
body#fundo2 { background:url(../../img/bg2.jpg) top center no-repeat #fff; }

.container { width:950px; margin:0 auto; position:relative; z-index:1; }
.cab       { width:950px;}
.colEsq    { float:left; width:163px; margin-top:175px; }
.colMain   { float:left; width:466px; background:url(../../img/bgColMain.png) top left no-repeat; padding:11px 8px 0; margin:80px 3px 0; min-height:500px; }
.colDir    { float:left; width:299px; margin-top:90px;}
.rod       { float:left; width:950px; margin-top:30px;}

/* Cabeçalho.
-------------------------------------------------------------- */
/* Logótipo aplicar num h1 */
.logo { text-indent:-9999px; margin:13px 0 0 38px;}
.logo a {width:365px; height:80px; display:block; background:url(../../img/logo.png) left top no-repeat;}

/* Menu Principal aplicar num ul */
#nav, #nav ul {list-style-type: none; margin: 0}
#nav li a {text-decoration: none; border-bottom:solid 1px #cadfcf; display:block; color:#4c4c4c; padding:6px 6px 4px;}
#nav li a:hover {color:#7eb131;}
#nav h3 { text-indent:-9999px; display:block; background-position:top left; background-repeat:no-repeat; height:18px; margin-top:20px;}
#nav .servicos { background:url(../../img/tServicos.gif); width:76px;}	
#nav .comunicacao { background:url(../../img/tComunicacao.gif); width:124px;}
#nav .projectos { background:url(../../img/tProjectos.gif); width:88px;}
#nav .associado { background:url(../../img/tAssociado.gif); width:94px;}
#nav .aipa { background:url(../../img/tAipa.gif); width:37px;}

/* Coluna Esquerda.
-------------------------------------------------------------- */


/* Coluna do Conteudo.
-------------------------------------------------------------- */
.colMain p { margin:1em 0;}
/* Slider */
#slider { position:relative; height:330px; height:263px; overflow-x:hidden; width:464px;}
#box { position:absolute;}
#texto { color:#fff; font-weight:bold; display:block;}
.item { float:left; width:464px;}
.item p { display:none;}
.item .maskImg { width:464px; height:263px; display:block; overflow-y:hidden;} 

.toggler { cursor:pointer;}

.sliderComandos { background:url(../../img/bgNumeracaoSlider.png) top left no-repeat; width:440px; margin-top:-39px; position:relative; padding:35px 12px; z-index:2;}
.sliderComandos ul { list-style:none; margin:0; float:right; padding-top:10px;}
.sliderComandos ul li { float:left;}
.numbtn { height:41px; width:41px; display:block; background-position:top left; background-repeat:no-repeat; background-color:transparent; text-indent:-9999em; outline:none;}
.numbtn:hover, .active { background-position:bottom left;}

.num1 { background-image:url(../../img/num1.png);}
.num2 { background-image:url(../../img/num2.png);}
.num3 { background-image:url(../../img/num3.png);}

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

h3.fundoAzul { background:url(../../img/bgH2.gif) top left no-repeat #afd6f1; padding:8px 13px; color:#fff; font-size:1.1em; font-weight:bold; margin:5px 0;}
h3.fundoAzul .plus { background:url(../../img/plus.gif) center right no-repeat; display:block;}

h3.fundoVerde { background:url(../../img/bgH2Verde.gif) top left no-repeat #cee6ac; padding:8px 13px; color:#fff; font-size:1.1em; font-weight:bold; margin:5px 0;}
h3.fundoVerde .plus { background:url(../../img/plusVerde.gif) center right no-repeat; display:block;}

/* Sub Notícias */
.subNoticias { margin-top:10px;}
.noticias { float:left; width:134px; margin:0 10px;}
.noticias strong { color:#1a6aa3;}

/* Rostos da Imigração */
.rostos img { float:left; margin-right:10px;}
.rostos strong { color:#208cd8;}

/* Textos */
.mascara { display:block; height:180px; width:464px; overflow:hidden; position:relative;}
.mascara img, .maskImg img { width:464px; /*position:absolute;*/ top:-95px;}
.mascara + .titulo { color:#1a6aa3; position:relative; padding:40px 12px 45px; margin-top:-39px; color:#fff; font-weight:bold; background:transparent url(../../img/bgNumeracaoSlider.png) no-repeat scroll left top;}
.titulo { color:#1a6aa3; position:relative; padding:40px 12px 45px; margin-top:-5px; color:#fff; font-weight:bold; background:transparent url(../../img/bgNumeracaoSlider.png) no-repeat scroll left top;}
.subTitulo { color:#7eb131; font-weight:bold; font-size:1.5em; }

.texto { padding:0 12px;}

/* Slimbox. */
#lbOverlay { position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:#fff; cursor:pointer; }
#lbCenter, #lbBottomContainer { position:absolute; z-index:9999; overflow:hidden; background:#000; }
.lbLoading { background:#000 url(../../img/icon-loading.gif) no-repeat center; }
#lbImage { position: absolute; left:0; top:0; border:10px solid #000; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display:block; position: absolute; top:0; width:50%; outline:none; }
#lbPrevLink {left:0; }
#lbPrevLink:hover { background:transparent url(../../img/b-prev.gif) no-repeat 0 15%; }
#lbNextLink { right:0; }
#lbNextLink:hover { background: transparent url(../../img/b-next.gif) no-repeat 100% 15%; }
#lbBottom { font-size:.9em; color:#666; line-height: 1.4em; text-align:left; border:10px solid #000; border-top-style:none; }
#lbCloseLink { display:block; float:right; width:21px; height:21px; background:transparent url(../../img/b-close.gif) no-repeat center; outline:none; }
#lbCaption, #lbNumber { margin-right:71px; font-size:.9em; }
#lbCaption a{	color: #fff; text-decoration: none; }

/* Listagens. */
.listagem{ margin:0 0 2em 0; border-bottom:solid 1px #CADFCF; padding:0 0 10px 0;}
.listagem .img, photoShow .img{ float:left; overflow:hidden; width:100px; height:75px; text-align:center; margin:0 5px 5px; }
.listagem p{ margin:0; }
.listagem span { font-size:.8em; color:#666; display:block; }
.listagem h3 { font-size:1.2em; font-weight:bold; }

/* Listagem das ofertas de emprego. */
.ofertasListagem { background:#f5f5f5; border:none; padding:10px; margin:10px 0; }
.ofertasListagem h3 { font-size:1.2em; font-weight:bold; }
.ofertasListagem .descricao { font-size:.9em; color:#666; }
.ofertasListagem strong { font-size:.9em; display:block; color:#666; }


.photoShow { margin:0; }
.photoShow li { float:left; list-style-type:none; }

/* Retroceder. */
.retroceder {}

/* Mais */
.mais {
	display:block;
	background:#208cd8;
	color:#fff;
	padding:3px 8px 3px 8px;
	margin:5px 0;
	width:20%;
	font-weight:bold;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	}
.mais:hover {
	background:#9dcced;
	}
	
/* Paginacao. */
.paginacao { clear:both; }
.textoPaginacao, .activo, .inativo { display:block; padding:2px 5px; margin:1px; float:left; }
.activo, .inativo:hover { background:#208CD8; color:#fff; }
.inativo { background:#7EB131; color:#fff; }

/* Coluna da Direita.
-------------------------------------------------------------- */
.percip { background:url(../../img/percip.png) top left no-repeat; width:233px; height:83px; display:block; text-indent:-9999em;}


.banner { margin:10px 0; width:300px;}

/* Botoes da Direita */
.botoesDireita { padding:0 10px;}
.botoesDireita a { text-indent:-9999em; width:139px; display:block; float:left; height:39px;}

.botoesDireita .associados { background:url(../../img/bAssociados.png) bottom left no-repeat;}
.botoesDireita .rumosCruzados { background:url(../../img/bRumosCruzados.png) bottom left no-repeat;}
.botoesDireita .clubeEmprego { background:url(../../img/bClubeEmprego.png) bottom left no-repeat;}
.botoesDireita .mundoAqui { background:url(../../img/bMundoAqui.png) bottom left no-repeat;}
.botoesDireita .espacoTic { background:url(../../img/bEspacoTic.png) bottom left no-repeat;}
.botoesDireita .claii { background:url(../../img/bClaii.png) bottom left no-repeat;}

/* Redes Sociais */
.social { padding:12px 0 0 12px;}
.social a { display:block; float:left; height:24px; width:24px; text-indent:-9999em; background-repeat:no-repeat; background-position:top; }
.social a:hover { background-position:bottom; }
.social span { display:block; float:left; width:172px; text-align:right; font-weight:bold; padding:3px 6px 0 0; }
.twitter { background:url(../../img/icon-twitter.gif); }
.facebook { background:url(../../img/icon-facebook.gif); }
.flickr { background:url(../../img/icon-flickr.gif); }
.youtube { background:url(../../img/icon-youtube.gif); }


/* Publicidade */
.pub { margin:10px 0; width:300px; }

/* Agenda */
.agendaImg { float:left; margin-right:10px;}
.agendaStrong { color:#7eb131;}

/* Mundo Aqui */

/* Sondagem */
button { background:url(../../img/bAzulEsq.gif) center left no-repeat #2880bd; border:none; padding:0;}
button span { background:url(../../img/bAzulDir.gif) top right no-repeat #2880bd; height:13px; display:block; padding:4px 7px 6px 5px; color:white;}
.sondagemAzul { color:#2880bd;}

/* Rodapé.
-------------------------------------------------------------- */
.copyright{ display:block; font-size:.9em; }

/* Extras.
-------------------------------------------------------------- */
/* Para uso em imgs d eproduto por ex, uma vez k o redimensionamento agora faz 800*600 em imgs big
se houver uma assim, ocupa demasidao espaco*/
img.img_ver{
	height: 200px;
}

/* Ícones em links de acordo com o tipo de ficheiro */
body a.noicon { background:transparent none !important; padding:0 !important; margin:0 !important; } /* Opção para desactivar */
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], 
a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}
/* Ficheiros */
a[href$=".pdf"]   { background-image: url(../../img/icone-pdf.png); }  
a[href$=".doc"]   { background-image: url(../../img/icone-doc.png); }  
a[href$=".xls"]   { background-image: url(../../img/icone-xls.png); }  
/* Outros */
a[href$=".rss"], 
a[href$=".rdf"]   { background-image: url(../../img/icone-feed.png); }
a[href^="aim:"]   { background-image: url(../../img/icone-im.png); }


/* MediaBoxAdvanced */
#mbOverlay {position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer; }
#mbOverlay.mbOverlayFF {background:transparent url(../../img/80.png) repeat;}
#mbOverlay.mbOverlayIE {position:absolute;}
#mbCenter {position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:0 5px 20px rgba(0,0,0,0.40);-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.40);}
#mbCenter.mbLoading {background: #fff url(../../img/icon-loading.gif) no-repeat center;-moz-box-shadow:none;-webkit-box-shadow:none;}
#mbImage {position:relative;left:0;top:0;line-height:20px;color:#000;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px;}
#mbImage a {color:#333;}
#mbImage a:hover {color:#000;}

/* Styles para elementos que compÃµem a janela */
#mbBottom {min-height:20px;line-height:20px;color:#999;text-align:left;padding:0 10px 10px;}
#mbTitle {display:inline; color:#000; font-weight:bold; line-height:20px;}
#mbNumber {display:inline;color:#666;line-height:.9em;font-size:.9em;display:block;}
#mbCaption {display:block;color:#666;line-height:.9em;font-size:.9em;}
#mbPrevLink, #mbNextLink, #mbCloseLink {display:block;float:right;height:28px;width:28px;margin:0 1px;outline:none;background-repeat:no-repeat;background-position:top;}
#mbPrevLink:hover, #mbNextLink:hover, #mbCloseLink:hover {background-position:bottom;}
#mbPrevLink {background-image:url(../../img/WhitePrevious.gif);}
#mbNextLink {background-image:url(../../img/WhiteNext.gif);}
#mbCloseLink {background-image:url(../../img/WhiteClose.gif);}
