/* -----------------------------------------------------------------------
 Blueprint CSS Framework 1
 http://blueprintcss.org

   * Modificado por Filipe Rocha (filipe@viaoceanica.com)
   * Via Oceanica (www.viaoceanica.com)

----------------------------------------------------------------------- */
@import url("reset.css");
@import url("typography.css");
@import url("forms.css");
@import url("carroussel.css");
/* 
	Apenas activar caso haja loja online
@import url("../../loja/loja.css");
*/

 
body                {background:url(../../img/imgRodape.gif); }
.container          {width:960px; margin:0 auto; position:relative;}
header.cab          {height:426px;}
.grTop              {height:75px; position:absolute; background:url(../../img/gradianteTop.png) top repeat-x; width:100%; z-index:4; top:0; left:0;}
section.colMain     {background:url(../../img/bg-center.jpg);}
.conteudo { padding:0 20px; font-size:1.2em;}
section.colRod      {}    
footer              {margin:0 0 20px 0 ;}


/* .Cab
-------------------------------------------------------------- */
/* Logo, aplicar num H1 */
h1.logo     { position:absolute; z-index:1; left:42%; top:15%; margin:0 auto; padding:0; width:181px; }
h1.logo a   {display:block; text-indent:-9999px; height:196px; width:181px; margin:0 auto; background:url(../../img/logo-camoes.png) no-repeat;}

/* Slide de imagens do cabeçalho*/
div.img1 {background:url(../../img/slide1.jpg) top no-repeat; width:100%; height:460px; overflow:hidden;}
div.img2 {background:url(../../img/slide2.jpg) top no-repeat; width:100%; height:460px; overflow:hidden;}
div.img3 {background:url(../../img/slide3.jpg) top no-repeat; width:100%; height:460px; overflow:hidden;}
div.img4 {background:url(../../img/slide4.jpg) top no-repeat; width:100%; height:460px; overflow:hidden;}
div.img5 {background:url(../../img/slide5.jpg) top no-repeat; width:100%; height:460px; overflow:hidden;}

/* Menu, aplicar num ul */
nav ul                          {width:780px; float:left; padding-left: 0; margin:16px 0; list-style-type:none;}
nav li                          {float:left;}
nav li a, nav li a:visited, .hack      {color: #d0ccc1; display:block; font-size:1.2em; text-transform:uppercase; padding:8px;}
nav li a:hover                  {color: #d0ccc1; border-top: 4px solid #814651; text-decoration:none; padding:4px 8px;}
nav .sub                        {width:130px; float:right; padding-top:7px}
nav .sub li a                   {font-size:.8em;}

.cab-premios {position:absolute; display:block; right:40px; top:47px; }

.trivagoen, .trivagopt { display:block; height:94px; width:115px; }

.trivagoen {background:url(../../img/trivagoen.png) no-repeat;}
.trivagopt { background:url(../../img/trivagopt.png) no-repeat;}
.venere { background:url(../../img/venere.jpg) no-repeat center center; display:block; height:93px; width:108px; }
.holiday { background:url(../../img/holidayCheck.gif) no-repeat center center !important; display:block; width:108px; height:58px; }
.holiday[href$=".pdf"] { margin:0 !important; padding:0 !important;}


/* .ColMain
-------------------------------------------------------------- */
section.colMain .container { position:relative; padding:20px 0 20px 0; }
section.colMain h2  {background:url(../../img/destaques_1.png) repeat-x; margin:0; padding: 12px 0 0 20px; text-transform:uppercase; left:0; position: absolute; z-index:2; top:-41px; width:940px; height:29px; color: #F6EDC4; font-size: 1.3em;}

/* Listagens */
div.listagem    { margin: 0 0 1em 0; border-bottom:1px dotted #2c2a25; padding:0 0 1em 0;}
div.listagem h3 { margin:0;}
div.listagem p  { margin:0 0 10px;}

	/* Itens das Listagens */
	.span-1, .span-2, .span-3 { float:left; margin-right:10px;}
	.span-1                   { width:290px; height:100px; overflow:hidden;}
	.span-2                   { width:920px;}
	.span-3                   { width:550px;}
	.span-texto { float:left; width:620px;}
	.span-1 a { width:290px; height:100px; display:block;}
	.span-galeria { height:196px; width:196px; float:left; overflow:hidden; display:block; margin:0;}
	
	div.span-texto span  {color:#777777; text-transform:uppercase;}
	div.span-texto h3    {color:#7c413e;}
	div.span-texto h3 a  {color:#7c413e;}
	
	/* Acrescentar span-x caso seja necessário outras medidas */
	
	.img    {display:block; overflow:hidden; width:100%; height:100px;}
	.last   {}
	.border {padding-right:4px; margin-right:5px; border-right:1px solid #eee;}


/*.reservas*/

div.containerTop {height:175px;}

/* Destaques primeira pagina */
div.destaques                  {position:absolute; left:0; top:-41px;  width:720px;}
div.destaques h2               {background:url(../../img/destaques_1.png) repeat-x;  padding:10px 0 0 20px; font-size:1.2em; color:#f6edc4; text-transform:uppercase;}
div.destaques ul               {margin: 1px 0; padding:0 0 10px 0; list-style:none; background:url(../../img/bgdetaques.png) repeat-x bottom;}
div.destaques ul li            {float:left; width:198px; height:175px; background:#2c2a25; border-left:1px solid #373530; margin:40px 0 0; border-right: 1px solid #1f1d1a; padding:10px 20px 20px 20px; text-align:center; border-top:1px dotted #4e473a;}
div.destaques ul li h3         {background:url(../../img/barco.png) no-repeat center top; display:block; padding:25px 0 0 0; color:#f5f2e5; font-size:1.4em;}
div.destaques ul li a {color:#f5f2e5;}
div.destaques ul li p          {color:#7c7b78; margin: 15px -2px; texte-align:center;}
div.destaques ul li span       {color:#8c605d;}

/*Reservas primeira pagina*/

form.reservas                {padding:0 15px; position:absolute; left:719px; top:0px; width:210px; height:205px; background: #25231f; border-left:1px dotted #4e473a; border-top:1px dotted #4e473a; border-bottom:10px solid #AD9E6D;}
form.reservas p              {margin: 0 auto; padding:20px 0 0; clear:none;}
form.reservas h2             {font-size:1.2em;  color:#f6edc4; text-transform:uppercase; background:none; width:220px; display:block;}
form.reservas label          {color:#fff; text-align:left; margin:0 0 5px; padding:0; width:auto; float:none; font-size:1.2em;}
form.reservas select         {font-size:.9em; background:#413e39; color:#fff; }
form.reservas input.procurar {background:#bbac7b; border: 0; margin:5px 0; padding: 5px 8px; color:#2c2a25; font-size:1.2em;}

form.reservas input, form.reservas select { padding:3px;}

/*Conteudo Primeira pagina*/

.colunaEsq         {float:left; width:339px; font-size:1.2em;}
.colunaEsq h3      {color:#2c2a25; font-size:2.5em; margin:1em 0 .7em 0; }
.colunaEsq a       {}
.seta77              {background:url(../../img/seta.png) right no-repeat; text-decoration:underline; padding:0 38px 0 0;}
.seta {background-image:url(../../img/sprites.png); background-repeat:no-repeat; padding:1px 8px 1px 25px; display:block; height:18px;}

.retroceder77             {background:url(../../img/setaBack.png) left no-repeat; text-decoration:underline; padding:0 0 0 38px;}
.retroceder             {background-image:url(../../img/spritesBack.png); background-repeat:no-repeat; padding:1px 8px 1px 25px; display:block; height:18px;}

.colunaDir             {float:right; width:588px; margin:10px 0 0;}
.colunaDir h3          {color: #2c2a25; font-size:2.5em;} 
.colunaDir a           {display:block; width:196px; height:196px; float:left; overflow:hidden;}
.colunaDir a.linkHotelPT {text-indent:-9999px; background:url(../../img/mosaico1.jpg) no-repeat;}
.colunaDir a.linkHotelEN {text-indent:-9999px; background:url(../../img/mosaico1EN.jpg) no-repeat;}

/* Conteudos Contactos*/
div.contactosEsq     {float:left; width:390px; margin:0 0 0 20px; font-size:1.2em; }

form.contactosDir                     {width:490px;  float:right; background:#7c413e; margin:0 20px 0 0;}
form.contactosDir h3                  {color:#ded2ac; margin: 0 0 15px; border-bottom: 1px dotted #ded2ac; padding:0 0 9px 0;}
form.contactosDir p + p + p + p +p + p + p { margin:0;}                 
form.contactosDir p.box               {float:left; clear: none;}
form.contactosDir label               {color:#e6d6b2; float:none; margin:0 0 2px; text-align:left; padding:0;}
form.contactosDir input               {background:#875351; padding:5px; color:#fff;}
form.contactosDir textarea            {background:#875351; color:#fff;}
form.contactosDir input[type=submit]  {background:#bbac7b; color:#4a473c; border:none; padding: 5px 15px; margin:9px 0 0;}
span.captcha a                        {color:#fff; margin:0 7px;}

/* Tarifário */

.tarifas {border-spacing:2px !important; border-collapse:initial !important;}
.tarifas td {text-align:center !important; margin:5px !important; border-bottom:1px dotted #ccc !important;  }
td.titulo { background:#252420 !important; color:#fff !important; border-bottom:none !important;     letter-spacing: -1px;}
td.titulo strong { color:#b5a777 !important;}


/*Galerias */
section.galeria .colunaEsq       { float:left; width:332px; margin:0 20px 0 20px; font-size:1em; }
section.galeria .colunaEsq h3    { background:url(../../img/explorarHotel.png) center no-repeat; text-indent:-9999px; height:69px; }
#accordion  { }
#accordion h4 { cursor:pointer; font-size:1.2em; color:#7c4240; margin:0; padding:5px 10px; background:url(../../img/setaGaleria.png) no-repeat 300px 10px; border-bottom: 1px dotted #2c2a25;}
#accordion .content { }
#accordion .content p { margin:10px; color:#a6a6a5; }
section.galeria .colunaDir { margin:0; }

/*Noticias*/
div.span-2Noticias       {margin:0 10px 20px; padding:0 10px 20px; border-bottom:1px dotted #7c413e;}
div.span-2Noticias span  {color:#777777; text-transform:uppercase;}
div.span-2Noticias h3    {margin:7px 0 0; font-size:2.1em; color:#7c413e;}
div.span-2Noticias h3 a  {color:#7c413e;}
div.span-2Noticias p     {margin: 0 0 5px; color:#464440;} 

.mascara {padding:20px; background:#7c413e; float: left;}
/*Contiudo rodape*/

footer                    {color:#FFFFFF; padding: 35px 0;}
footer h3                 {font-size:2.3em; color:#b5a777; margin:0;}
div.rodConhecer           {float:left; width:294px;}
div.rodConhecer ul        {margin:12px 0 0 0; padding:0 0 0 15px;}
div.rodConhecer ul li     {float:left; }
div.rodConhecer ul li a   {color:#858482; text-transform:uppercase; margin:8px 4px; width:116px; display:block; padding:0;}

form.seguenos                  {float:left; width:260px; padding:0 0 0 27px; border-left: 1px dotted #FFF; border-right: 1px dotted #FFF;}
form.seguenos p                {}
form.seguenos input.email      {background:#413f3a; border:0; margin:5px 0; padding: 5px 75px 5px 6px; color:#b8b7b6; font-size:1.2em;}
form.seguenos input.newsletter {background:#bbac7b; border:0; margin:5px 0; padding: 5px 11px; color:#2c2a25; font-size:1.2em;}
form.seguenos a                {background: url(../../img/facebookLogo.png) left no-repeat; text-decoration:none; color:#b5a777; font-size:1.2em; padding: 0 0 0 20px;}

div.noticias             {float:left; width:357px; padding: 0 0 0 20px; }
div.noticias .img        {float:left; display:block; width:95px; height:125px; padding:7px 0 0; overflow:hidden;}
div.noticias .img img    {width:95px;}
div.noticias .texto      {float:left;margin:0 0 0 16px; width:246px;}
div.noticias h4          {font-size:1.2em; text-transform:uppercase;}
div.noticias a           {color:#b5a777; text-decoration:underline;}


/* Retroceder */
.retroceder {}

/* Paginação */
.paginacao              {clear:both; margin:1em 0 0 0; clear:both;}
	.activo, .inativo       { width:auto !important; height:auto !important; display:block; padding:4px 8px !important; margin:0 1px 0 0; float:left;}
.activo, .inativo:hover { text-decoration:none; background:#7c4240; color:#fff; }
.inativo                { color:#7c4240; background:#cccbc9;}

/* .Rod
-------------------------------------------------------------- */

.copyright {display:block; font-size:.9em;}

.data { font-size:.9em; color:#333;}


/* Extras.
-------------------------------------------------------------- */
/* Clearfix */	 
.clearfix:after,
.container:after {content:"\0020"; display:block;	height:0; clear:both;	visibility:hidden;	overflow:hidden;}
.clearfix,
.container       {display:block;}
.clear           {clear:both;}

/* 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:#7c4240;-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:#fff; font-weight:bold; line-height:20px;}
#mbNumber {display:inline;color:#fff;line-height:.9em;font-size:.9em;display:block;}
#mbCaption {display:block;color:#fff;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; text-indent:-9999px; margin:0 0 10px 0; position:relative;}
#mbPrevLink:hover, #mbNextLink:hover, #mbCloseLink:hover {background-position:bottom;}
#mbPrevLink {background-image:url(../../img/WhitePrevious.png);}
#mbNextLink {background-image:url(../../img/WhiteNext.png);}
#mbCloseLink {background-image:url(../../img/WhiteClose.png);}

/* Styles para os alertas da versao flash */
#mbError {position:relative;color:#000;text-align:center;border:10px solid #700;padding:10px 10px 10px; margin:20px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#mbError a, #mbError a:hover {color:#700;font-weight:bold;text-decoration:underline;}

/*--- Calendar ---*/
.vlaCalendarPicker { position:absolute; z-index:999; margin-left:-132px; display:none; font-size:.9em; }
.vlaCalendarPicker .pickerBackground { background:#fff; height:150px; width:300px; overflow:hidden; padding:10px;
	-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	-webkit-box-shadow:0px 5px 20px rgba(0,0,0,0.50); -khtml-box-shadow:0px 5px 20px rgba(0,0,0,0.50); -moz-box-shadow:0px 5px 20px rgba(0,0,0,0.50); box-shadow:0px 5px 20px rgba(0,0,0,0.50);
	/* For IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
	}
*html .vlaCalendarPicker .pickerBackground { background:#fff; } /* Fundo para o IE6 */
.vlaCalendar, .vlaCalendar table { text-align:center; }
.vlaCalendar { } /* Css para as setas e meses */
.vlaCalendar span.indication { display:block; background:#f5f5f5; text-align:center; width:300px; padding:5px; }
.vlaCalendar .label:hover { color:#06c; cursor:pointer; }
.vlaCalendar .arrowLeft, .vlaCalendar .arrowRight {	background-image:url(../../img/iconCalendar.png); background-repeat:no-repeat; height:12px; width:9px; cursor:pointer; }
.vlaCalendar .arrowLeft { float:left; background-position:0 3px; }
.vlaCalendar .arrowLeft:hover { background-position:0 -10px; }
.vlaCalendar .arrowRight { float:right;	background-position:-5px 3px; }
.vlaCalendar .arrowRight:hover { background-position:-5px -10px; }
.vlaCalendar .container, /* Css para tabela de dias */
	.vlaCalendar .container div { width:300px; height:130px; text-align:center; position:absolute; overflow:hidden; }
.vlaCalendar table { margin:4px 0 0 0; border-collapse:collapse; }
.vlaCalendar .picker td { cursor:pointer; text-align:center; }
.vlaCalendar .noHover:hover { color:#000;	cursor:default; }
.vlaCalendar .month th { text-align:center;	width:24px; padding-bottom:1px; border-bottom:1px solid #f5f5f5; }
.vlaCalendar .month td { height:15px; background-image:url(../../img/iconCalendar.png); background-repeat:no-repeat; background-position:0 50px; }
.vlaCalendar .month tr.firstRow td { padding-top:2px; }
.vlaCalendar .month td:hover { background-position:-14px 3px; color:#06c; }
.vlaCalendar .month td.selected { background-position:-14px -13px; color:#06c; }
.vlaCalendar .month td.selected:hover {	background-position:-14 -13px; }
.vlaCalendar .month td.outsideDay { color:#a8a8a8; }
.vlaCalendar .month td.outsideDay:hover { color:#b1c5fc; }
.vlaCalendar .year { }
.vlaCalendar .year td {	width:40px;	height:35px; text-align:center;	cursor:pointer; background-image:url(../../img/iconCalendar.png); background-repeat:no-repeat; background-position:0 50px; }
.vlaCalendar .year td:hover { background-position:-51px 0; color:#06c; }
.vlaCalendar .year td.selected { background-position:-51px -37px; }
.vlaCalendar .year td.selected:hover { background-position:-51px -74px; }
.vlaCalendar .year td.current { background-position:-51px -111px; color:#06c; }
.vlaCalendar .year td.current:hover { background-position:-51px -148px; }
.vlaCalendar .year td.selectedcurrent { background-position:-51px -185px; }
.vlaCalendar .year td.selectedcurrent:hover { background-position:-51px -259px; }
.vlaCalendar .year td.outsideYear { color:#a8a8a8; }
.vlaCalendar .year td.outsideYear:hover { color:#b1c5fc; }

/* Í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$=".docx"],
	a[href$=".xlsx"] {
		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"], a[href$=".docx"] { background-image: url(../../img/icone-doc.png); }  
a[href$=".xls"], a[href$=".xlsx"] { background-image: url(../../img/icone-xls.png); }  


.ajax-loading{
	background-image: url(../../img/icon-loading.gif);
	width: 32px;
	height: 32px;
  display: inline-block;
}

/* toggler */
div.box {position:relative; padding:0 0 25px 0; margin:0 0 2em 0; }
	div.box h3 { margin-top:1em; }
	
	p.toggler { padding:5px; background:#ececec; margin:10px 0; cursor:pointer;}
	a.toggler {
		display:block;
		cursor:pointer;
		position:absolute; 
		bottom:10px;
		height:18px;
		}
		
.sprites{ background-image:url(../../img/sprites.png); background-repeat:no-repeat; padding:1px 8px 1px 25px; display:block;  }
.sMais{ background-position:left top; cursor:pointer; height:38px; display:block;
		cursor:pointer;
		position:absolute; 
		bottom:10px;
		height:18px;}
.sMais:hover{ background-position:left bottom; }


div.mapaAcores { float:right; padding:0 0 15px 15px; width:326px; height:355px;  margin:0 0 15px 15px; display:block;  border-left:1px dotted #7c413e;}
div.mapaAcores a { display:block; font-size:.9em;}
div.conteudo .colEsq {float:left; width:440px; padding:0 20px 0 0;}
div.conteudo .colDir {float:right; width:440px; padding:0 0 0 20px; }

dl.listar { display: table; margin-bottom: 5px; }
dl.listar dt { display: table-cell; width:30px; padding:5px; border-bottom:1px dotted #2c2a25; height:30px;}
dl.listar dd { display: table-cell; width:246px; padding:5px; border-bottom:1px dotted #2c2a25; height:22px; vertical-align:middle; }


dl.listarReservas {}
dl.listarReservas dd.col1 { width:220px; margin:0 5px 0 0; padding:10px 0; border-bottom:1px dotted #2c2a25; float:left; vertical-align:middle; font-size:.9em; height:17px; display:block;}
dl.listarReservas dd.col2 { width:220px; margin:0 5px; padding:10px 0; border-bottom:1px dotted #2c2a25; float:left; vertical-align:middle; font-size:.9em; height:17px; display:block;}
dl.listarReservas dd.col3 { width:220px; margin:0 0 0 5px; padding:5px 0; border-bottom:1px dotted #2c2a25; float:left; vertical-align:middle; font-size:.9em; height:27px; display:block;}
dl.listarReservas dd.col4 { width:220px; margin:0 0 0 5px; padding:5px 0; border-bottom:1px dotted #2c2a25; float:left; vertical-align:middle; font-size:.9em; height:27px; display:block;}