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

 Blueprint CSS Framework 0.9
 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");
@import url("mediabox.css");
@import url("slimbox.css");

/* Containers e caixas
-------------------------------------------------------------- */
body#intro { background:#f8f8d7;}
body { color:#666548;}
.intro { background:url(../../img/intro.gif) top left no-repeat; width:1092px; height:802px; position:absolute; top:50%; left:50%; margin-top:-401px; margin-left:-546px;}
.container { width:942px; margin:0 auto; }
.cab { }
.colEsq { float:left; width:374px; height:454px; padding:55px 26px 0 30px; background:url(../../img/bgLeft.jpg) top left no-repeat; position:relative; }
.colMain { float:left; width:550px; }
.colDir { float:left; width:512px; height:475px; padding-top:34px; background:url(../../img/bgRight.jpg) top left no-repeat; }
.rod { float:left; width:942px;}

div#flashTop { float:left; margin-top:17px;}

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

.logoIntro { float:left; margin:96px 0 0 486px;}
.logoIntro a { display:block; width:171px; height:132px; text-indent:-9999em; background:url(../../img/logoIntro.gif) top left no-repeat;}

/* Titulos na página inicial */
.tExplore   { display:block; width:204px; height:18px; text-indent:-9999em; background:url(../../img/tExplore.gif) top left no-repeat; float:left; margin:32px 0 0 469px;}
.tDesejamos { display:block; width:459px; height:30px; text-indent:-9999em; background:url(../../img/tDesejamos.gif) top left no-repeat; float:left; margin:5px 0 0 343px;}
.linguagem { width:180px; margin:116px 0 0 306px; float:left;}
.escolhaLinguagem { display:block; width:180px; height:35px; text-indent:-9999em; background:url(../../img/tSeleccionar.gif) top left no-repeat;}
.contactosIntro { display:block; width:607px; height:31px; text-indent:-9999em; background:url(../../img/contactosHome.gif) top center no-repeat; float:left; margin:161px 0 0 262px;}

/* Bandeiras */
.bandeiraPt { display:block; width:28px; height:20px; text-indent:-9999em; background:url(../../img/bandeiraPt.gif) top left no-repeat; float:left; margin:6px 0 0 115px;}
.bandeiraUk { display:block; width:28px; height:20px; text-indent:-9999em; background:url(../../img/bandeiraUk.gif) top left no-repeat; float:left; margin:6px 0 0 6px;}

/* Menu Principal aplicar num ul */
#nav { list-style-type: none; margin: 0 0 0 41px; }
#nav li{ float: left; padding:5px;}
#nav li a{ text-decoration: none; display:block; height:18px; background-position:top left; background-repeat:no-repeat; text-indent:-9999em; }
#nav li a:hover{ background-position:bottom left;}
/* PT */
.bHotelPt { background-image:url(../../img/bHotelPt.gif); width:50px;}
.bLocalizacaoPt { background-image:url(../../img/bLocalizacaoPt.gif); width:77px;}
.bGaleriaPt { background-image:url(../../img/bGaleriaPt.gif); width:48px;}
.bTarifarioPt { background-image:url(../../img/bTarifarioPt.gif); width:56px;}
.bReservarPt { background-image:url(../../img/bReservarPt.gif); width:61px;}
/* EN */
.bHotelEn { background-image:url(../../img/bHotelEn.gif); width:66px;}
.bLocalizacaoEn { background-image:url(../../img/bLocalizacaoEn.gif); width:56px;}
.bGaleriaEn { background-image:url(../../img/bGaleriaEn.gif); width:48px;}
.bTarifarioEn { background-image:url(../../img/bTarifarioEn.gif); width:39px;}
.bReservarEn { background-image:url(../../img/bReservarEn.gif); width:63px;}

/* Coluna Esquerda.
-------------------------------------------------------------- */
/* Titulos das Páginas */
.tBemVindosPt { width:273px; height:72px; display:block; text-indent:-9999em; background:url(../../img/tBemVindosPt.gif) top left no-repeat; margin-bottom:10px;}
.tHotelPt { width:107px; height:28px; display:block; text-indent:-9999em; background:url(../../img/tHotelPt.gif) top left no-repeat; margin-bottom:10px;}
.tLocalizacaoPt { width:157px; height:36px; display:block; text-indent:-9999em; background:url(../../img/tLocalizacaoPt.gif) top left no-repeat; margin-bottom:10px;}
.tGaleriaPt { width:101px; height:25px; display:block; text-indent:-9999em; background:url(../../img/tGaleriaPt.gif) top left no-repeat; margin-bottom:10px;}
.tTarifarioPt { width:125px; height:32px; display:block; text-indent:-9999em; background:url(../../img/tTarifarioPt.gif) top left no-repeat; margin-bottom:10px;}
.tReservarPt { width:144px; height:30px; display:block; text-indent:-9999em; background:url(../../img/tReservarPt.gif) top left no-repeat; margin-bottom:10px;}
/* EN */
.tBemVindosEn { width:273px; height:72px; display:block; text-indent:-9999em; background:url(../../img/tBemVindosEn.gif) top left no-repeat; margin-bottom:10px;}
.tHotelEn { width:135px; height:27px; display:block; text-indent:-9999em; background:url(../../img/tHotelEn.gif) top left no-repeat; margin-bottom:10px;}
.tLocalizacaoEn { width:109px; height:31px; display:block; text-indent:-9999em; background:url(../../img/tLocalizacaoEn.gif) top left no-repeat; margin-bottom:10px;}
.tGaleriaEn { width:104px; height:25px; display:block; text-indent:-9999em; background:url(../../img/tGaleriaEn.gif) top left no-repeat; margin-bottom:10px;}
.tTarifarioEn { width:93px; height:27px; display:block; text-indent:-9999em; background:url(../../img/tTarifarioEn.gif) top left no-repeat; margin-bottom:10px;}
.tReservarEn { width:129px; height:27px; display:block; text-indent:-9999em; background:url(../../img/tReservarEn.gif) top left no-repeat; margin-bottom:10px;}

/* Avançar e Retroceder */
.retroceder, .avancar { width:187px; height:10px; background-position:center center; background-repeat:no-repeat; text-indent:-9999em; float:left; display:block;}
.retroceder { background-image:url(../../img/bgVoltar.gif);}
.avancar { background-image:url(../../img/bgAvancar.gif);}

/* formulário em duas fases */
.escondido { display:none;}
.mostra { display:block !important;}


/* Coluna do Conteúdo.
-------------------------------------------------------------- */
strong { color:#b28300; font-weight:normal;}

.mascara { display:block; height:93px; overflow:hidden; width:170px; border:solid 2px #ede6b8; margin:2px; float:left; }
.mascara img { width:170px;}

/* 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; }
.texto span, .small{ font-size:.8em; color:#666; display:block; }

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

/* Retroceder. */
.retroceder {}

/* Paginação. */
.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 da Direita.
-------------------------------------------------------------- */

/* Rodapé.
-------------------------------------------------------------- */
.copyright{ display:block; font-size:.9em; width:930px; float:right; text-align:right; }
.morada { display:block; width:379px; height:13px; text-indent:-9999em; background:url(../../img/rodMorada.gif) top left no-repeat; float:left; margin-top:5px;}
.contactos { display:block; width:297px; height:13px; text-indent:-9999em; background:url(../../img/rodcontactos.gif) top left no-repeat; float:right; margin-top:5px;}

.moradaEn { display:block; width:379px; height:13px; text-indent:-9999em; background:url(../../img/rodMoradaEn.gif) top left no-repeat; float:left; margin-top:5px;}
.contactosEn { display:block; width:306px; height:13px; text-indent:-9999em; background:url(../../img/rodcontactosEn.gif) top left no-repeat; float:right; margin-top:5px;}

.linkContactos { display:block; width:145px; height:13px; text-indent:-9999em; background:url(../../img/linkcontactos.gif) top left no-repeat; float:right; margin-top:5px;}

/* Extras.
-------------------------------------------------------------- */
.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"] {
	padding:2px 22px 2px 0;
	margin:-2px 0;
	background-repeat: no-repeat;
	background-position: right center;
	}
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); }