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

 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
-------------------------------------------------------------- */
.container { width:950px; margin:0 auto; }
.cab       { }
.colEsq    { float:left; width:200px; }
.colMain   { float:left; height:85%; min-width: 200px; padding:30px; padding-top:20px; }
.colDir    { float:left; width:200px; }
.rod       { }

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


/* Coluna Esquerda.
-------------------------------------------------------------- */
	#maindiv { width:100%; height:100%; }
	.menu_top li {
		height:34px;
		list-style-type:circle;
		float:right;
		display:block;
	}
	.menu_top li a {
		background: url("../../imagens/menu_sep.jpg") no-repeat left;
		display:block;
		padding:0 5px 0 10px;
	}
	
	.menu_quem li {
		/*height:34px;*/
		list-style-type:circle;
		float:left;
		display:block;
		font-weight:bold;
	}
	.menu_quem li a {
		/*background: url("../../imagens/menu_sep.jpg") no-repeat left;*/
		display:block;
		padding:0 10px 0 10px;
	}

	#nav li { list-style-type:none; margin-left:-18px; margin-right:-18px; }
	#nav li, #nav a, #nav h1 { display:block; text-indent:-9999em; }

	#fundo_cima div {
		width:258px; height:34px;
		/*background: url("../../imagens/fundo_cima.jpg");*/
	}
	#logotipo h1 {
		width:258px; height:83px;
		background: url("../../imagens/logotipo2.jpg") no-repeat;
	}
	#nav_quemsomos a{
		width:220px; height:43px;
		background: url("../../imagens/nav_quemsomos.jpg") no-repeat;
	}
	#nav_parceiros a{
		width:210px; height:24px;
		background: url("../../imagens/nav_parceiros.jpg") no-repeat;
	}
	#nav_servicos a{
		width:200px; height:25px;
		background: url("../../imagens/nav_servicos.jpg") no-repeat;
	}
	#nav_tracktrace a{
		width:185px; height:24px;
		background: url("../../imagens/nav_tracktrace.jpg") no-repeat;
	}
	#nav_recrutamento a{
		width:180px; height:24px;
		background: url("../../imagens/nav_recrutamento.jpg") no-repeat;
	}
	#nav_orcamentos a{
		width:180px; height:24px;
		background: url("../../imagens/nav_orcamentos.jpg") no-repeat;
	}
	#nav_contactos a{
		width:190px; height:31px;
		background: url("../../imagens/nav_contactos.jpg") no-repeat;
	}
	#nav_reclamacoes a{
		width:200px; height:52px;
		background: url("../../imagens/nav_reclamacoes.jpg") no-repeat;
	}
	#nav_pedidosinfo a{
		width:220px; height:51px;
		background: url("../../imagens/nav_pedidosinfos.jpg") no-repeat;
	}
	#contactos a {
		width:258px; height:131px;
		background: url("../../imagens/contactos.jpg") no-repeat;
	}
	#espaco { margin-bottom:-18px; }
	#espaco div {
		width:258px; height:60px;
		/*background-color: #f1f1f1;*/
	}
	#tabela_principal { width:100%; height:546px; }
	#coluna_esquerda { width:258px; }
	#coluna_meio { height:100%; min-width:400px;}
	#coluna_direita { width:230px; height:606px; background: url("../../imagens/globo.jpg") no-repeat; };
	#iframe { width:100%; height:507px; }
/* Coluna do Conteudo
-------------------------------------------------------------- */
.colMain p { margin:1em 0;}

/* Menu. */
#menu{ margin:0; }
#menu li { float:left; display:block; list-style-type:none; margin:0 5px; }

/* 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; }

/* Listagens. */
.listagem{ margin:0 0 2em 0; }
.listagem .img, photoShow .img{ float:left; overflow:hidden; width:100px; height:75px; text-align:center; margin:0 5px 5px; }
.texto     { float:left; /*width:440px;*/ width:80%; }
.texto span, .small{ font-size:.8em; color:#666; display:block; }

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


/* Retroceder. */
.retroceder {}

/* Paginacao. */
.paginacao { clear:both; }
.paginacao a { color:#FFF; }
.textoPaginacao, .activo, .inativo { display:block; padding:5px; margin:1px; float:left; }
.activo, .inativo:hover { background:#000; color:#fff; }
.inativo { background:#666; color:#000; }


/* Coluna da Direita.
-------------------------------------------------------------- */


/* Rodapé.
-------------------------------------------------------------- */
.copyright{ display:block; font-size:.9em; text-align:center; margin:-45px 0 0;}
.parceiros { width:100%; height:48px; padding-top:5px; }
.parceiros img { margin-left:5px; margin-right:5px; }
/* Extras.
-------------------------------------------------------------- */