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

 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:949px; margin:0 auto; overflow:hidden; }
.cab       { margin-top:25px; padding:18px; height:99px; background:url(../img/bg-cab.gif) no-repeat bottom #fff; position:relative; }
.content   { width:865px !important; position:relative; padding:25px 42px; background:url(../../img/bg-content.gif) top center no-repeat #fff; }
.colEsq    { float:left; width:232px;   padding:35px 25px 0 0; }
.colMain   { float:left; width:576px; padding-left:25px; }
.colDir    { float:left; width:200px; }
.rod       { }

/* Cabeçalho.
-------------------------------------------------------------- */
/* Logótipo aplicar num h1. */
.logo { float:left; }
.logo a { background:url(../img/logo.gif) top left no-repeat; width:188px; height:65px; display:block; text-indent:-9999em;}

/* Caixa de Status. */
.statusBox { float:right; text-align:right; width:249px; overflow:hidden; }
.statusBox a { background:url(../img/icon-home.gif) no-repeat left; padding:5px 0 ; margin-right:10px; display:block; float:left; width:52px; }
.pesquisa { display:inline; margin-left:15px; }
.pesquisa label { display:none; }
.pesquisa .pesquisaText { display:block; float:left; border-bottom:1px solid #fff; }
.pesquisa .pesquisaText input { background:url(../img/bg-pesquisa.gif) no-repeat left bottom; width:150px; height:15px; padding:6px 5px 5px 5px; margin:0; color:#224382; }
.pesquisa .pesquisaSubmit { display:block; float:left; width:31px; margin:1px 0 0 -4px; }
.pesquisa .pesquisaSubmit input { background:url(../img/b-submeterpesquisa.gif); width:31px; height:25px; margin:0; padding:0; cursor:pointer; }


/* Menu Principal */
/* Holly Hack. IE Requirement \*/
* html ul li { height:1%; }
* html ul li a { height:1%; }



#nav{ position:absolute; left:0; top:101px; list-style-type:none; background:url(../img/bg-nav.gif) no-repeat top; height:34px; width:908px; padding:0 0 0 5px;  z-index:5; }
#nav li { display:block; list-style-type:none; }
#nav li a { display:block; height:34px; text-indent:-9999em; }
#nav li a:hover { background-position:bottom; }

.navHome,
	.navEmpresa,
	.navNews,
	.navPostos,
	.navCartao,
	.navProdutos,
	.navContactos { float:left; }

.navHome a { background:url(../img/navHome.gif) no-repeat top; width:56px; }
.navEmpresa a { background:url(../img/navEmpresa.gif) no-repeat top; width:91px; }
.navNews a { background:url(../img/navNews.gif) no-repeat top; width:82px; }
.navPostos a { background:url(../img/navPostos.gif) no-repeat top; width:126px; }
.navCartao a { background:url(../img/navCartao.gif) no-repeat top; width:144px; }
.navProdutos a { background:url(../img/navProdutos.gif) no-repeat top; width:169px; }
.navContactos a { background:url(../img/navContactos.gif) no-repeat top; width:103px; }
	
/* ul principal. */
#subMenusContainer{ display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; }

/* Submenu. */
#subMenusContainer ul, #subMenusContainer ol { left:0; list-style-type:none; margin:0; padding:0 50px 0 0; width:120px; }
#subMenusContainer a, #nav li li a { background:#1a3a76; display:block; padding:3px 6px; text-align:left; /* font-size:.9em; */ color:#fff; }

/* Links dos menus, ":hover" e ":focus". */
#subMenusContainer a:hover,
	#subMenusContainer a.mainMenuParentBtnFocused,
	#subMenusContainer a.subMenuParentBtnFocused { background-color:#91283f; color:#fff; }

/* Submenu links, ":hover" e ":focus". */
#subMenusContainer a:hover, 
	#subMenusContainer a:focus, 
	#nav a.mainMenuParentBtnFocused, 
	#subMenusContainer a.subMenuParentBtnFocused,
	#nav li a:hover,
	#nav li a:focus{ background-color:#122e61; color:#b3c2dc; }

.subMenuParentBtn{ } /* Style aplicado no botão submenu que tenha um submenu. */
.subMenuParentBtnFocused{ } /* Style aplicado no botão submenu que tenha um submenu, ":hover" e ":focus". */
.mainMenuParentBtn{ } /* Style aplicado no botão com submenu.  */
.mainMenuParentBtnFocused{ background-position:bottom !important; } /* Style aplicado no botão com submenu, ":hover" e ":focus". */
.smOW{ display:none; position: absolute; overflow:hidden; } /* Cada submenu está dentro de um div com esta class. */

/* Código abaixo é aplicado quando o utilizador tem non-javscript  aplicado. */
#nav li li{	float:none; }
#nav li li a{ position:relative; float:none; }
#nav li ul { position: absolute;	width: 10em; margin-left: -1000em; margin-top:2.2em; }
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }


/* Coluna do Content.
-------------------------------------------------------------- */
/* Página inicial. */
.divHome { float:left; width:271px; padding-right:25px; line-height:1.8em; }
.divNews { float:left; width:256px; padding:0 25px; }
.divCampanhas { float:left; width:232px; padding-left:25px; }
.separador { background:url(../img/separador.gif) no-repeat right center; }

.divNews h2,
	.divCampanhas h2,
	.colEsq h2,
	.colMain h2 { margin:0 0 15px 0; }

.divHome h3 { font-size:1.9em; color:#15346d; line-height:normal; }

/* Listagens. */
.listagem { margin:0 0 1em 0;}
.listagem .img { background:#f5f5f5; float:left; overflow:hidden; width:150px; height:75px; text-align:center; margin:0 5px 5px 0; }
.listagem .img img { width:150px; margin-top:-20px; }
.listagem .imgPP { background:#f5f5f5; float:left; overflow:hidden; width:100px; height:75px; text-align:center; margin:0 5px 5px 0; }
.listagem .imgPP img { width:100px; }
.texto { float:left; line-height:normal; }
.texto h3 { font-size:1em; }
.texto h3 a { font-weight:bold; }
.texto .lerMais { font-weight:bold; color:#000; }
.texto span, .small{ font-size:.8em; color:#666; display:block; }

.imgView { background:#f5f5f5; float:left; overflow:hidden; width:250px; text-align:center; margin:0 5px 5px 0; }

.displayHelp { border:1px dotted #d4dae2; padding:10px; }
.displayHelp span,
 .displayHelp a { margin:0 5px; }

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

/* Mapa do Google. */
.mapaPostos { width:582px; background:url(../img/bg-map.gif) no-repeat top; padding-top:13px;  }
.mapaLinks { display:block; margin:37px 0 0 0; color:#15346d; }
.mapaLinks a{ text-decoration:none; color:#15346d; }
.mapaLinks a:hover{ text-decoration:underline; }

/* Css para apresentar imagem quando o posto não tem foto. */
.imgPost{ display:block; height:126px; width:236px; background:url(../img/icon-posto2.gif); }
.imgPost img{ max-width:236px; }

/* Separadores */
.CustomTabStyle .ajax__tab_header { background:#eff2f5; padding:5px 5px 0 5px; margin:0; border-bottom:1px solid #e1e5ec; overflow:hidden; }
.CustomTabStyle .ajax__tab_outer { background:#eff2f5; }
.CustomTabStyle .ajax__tab_inner { background:#eff2f5; }
.CustomTabStyle .ajax__tab_tab { background:#e1e5ec; padding:4px; border-top:2px solid #eff2f5;}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab { background:#fff !important;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab { background:#fff !important;}
.CustomTabStyle .ajax__tab_body { background:#fff;}




/* Tabela dos Contactos. */
.tableContactos { padding:10px; }
.tableContactos td { padding:3px; }
.tableContactos span { display:block; }
.tcAzul{ background:#e9eef6; }

/* Listagem de Produtos. */
.produtos { margin:0; list-style-type:none; }
.produtos li { float:left; margin:0 10px; display:block; width:124px; }
.produtos li h3{ color:#1a3a76;  font-weight:bold; }

/* Retroceder. */
.retroceder {}

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

/* Coluna Esquerda.
-------------------------------------------------------------- */
.contacteNos { line-height:normal; }
.contacteNos .small{ line-height:normal; }
.contacteNos p{ margin:.9em 0; }
.titulo1 { font-size:1.4em; color:#15346d; font-weight:bold; }

.navEsq { margin:0; list-style-type:none; }
.navEsq li { border-bottom:1px dotted #000; padding:5px; }

/* Coluna Main.
-------------------------------------------------------------- */

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

/* Rodapé.
-------------------------------------------------------------- */
.navRod { background:url(../img/bg-rod.gif) top repeat-x; list-style-type:none; height:41px; margin:0; overflow:hidden; }
.navRod li { list-style-type:none; float:left; margin:12px 0 0 15px; }
.navRod li a { color:#bec6d6; }
.navRod li a:hover { color:#fff; }

.copyright{ display:block; font-size:.9em; color:#34528b; margin:1em 0; }

/* Extras.
-------------------------------------------------------------- */
/* Ícones em links de acordo com o tipo de ficheiro */
.iconLink  {
  padding:2px 0 2px 20px;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: left center;
}
/* Outros */
.iconHome { background-image:url(../img/icon-home.gif); }
.iconCalender { background-image:url(../img/icon-calender.gif); }
.iconPrinter { background-image:url(../img/icon-print.gif); }
.iconBack { background-image:url(../img/icon-back.gif); font-weight:bold; }
.iconPhone { background-image:url(../img/icon-phone.gif); }
.iconCell { background-image:url(../img/icon-cell.gif); }
.iconFax { background-image:url(../img/icon-fax.gif); }
.iconPdf { background-image:url(../img/icon-pdf.gif); }
.iconEmail { background-image:url(../img/icon-email.gif); }
.iconMap { background-image:url(../img/icon-map.gif); }

/* Paineis deslizantes homepage. */
#kwick { width:913px; height:250px; padding:0 18px; background:#fff; position:relative;}
#kwick .kwicks { height:250px; overflow:hidden; list-style-type:none; margin:0; padding:0; border-left:1px solid #61768f; border-right:1px solid #61768f; }
#kwick li { float:left; }
#kwick .kwick { display:block; cursor:pointer; overflow:hidden; height:250px; width:123px; position:relative; }
#kwick .kwick .sombra { position:absolute; top:0; right:0; display:block; width:11px; height:250px; background:url(../img/sombra.png) right top no-repeat; }
.sombra2 { position:absolute; top:0; left:18px; display:block; width:913px; height:11px;  z-index:2; background:url(../img/sombra2.png) right top no-repeat; }
#kwick .painel01 { background:#61768f; width:665px; }
#kwick .painel02 { background:#61768f; }
#kwick .painel03 { background:#61768f; }

.kwickOFF { width:913px; height:100px; overflow:hidden; padding:0 18px; background:#fff; position:relative;}

/* Accordion */
.toggler {
	padding:2px 0 2px 20px;
  margin:-2px 0;
	background:url(../img/icon-map.gif) no-repeat left center;
	cursor:pointer;
	}
.element { }
.tableFoto { margin-right:10px;}