/* Structure
-------------------------------------------------------------------*/
@import url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Cabin:400,500,600,700);

/* Standard styles
-------------------------------------------------------------------*/
* { margin: 0; outline: 0; padding:0; }
html, body{ height: 100%; }
body { margin: 0; padding:0; background-color:#000; }

/* Fonts
-------------------------------------------------------------------*/
body { font-family: 'Cabin', sans-serif; }
p { font-size:13px; color:#FFF; font-weight:normal; line-height:15px; }
h1 { font-size:15px; color:#00b5cb; font-weight:normal; line-height:18px; }
a { font-size:13px; color:#FFF; font-weight:normal; text-decoration:none; }

/* Main Divs
-------------------------------------------------------------------*/
#wrapper { position: relative; min-height:100%; text-align: left; width: 100%; margin: 0 auto -28px auto; }
#header { position:relative; float:left; width:100%; padding-top:30px; }
#content { position:relative; float:left; width:100%; margin-top:35px;}
#footer { position: relative; width: 100%; margin-top: -22px; height:28px; clear:both;}

/* Header
-------------------------------------------------------------------*/
#menu { position:relative; float:left; width:305px; }
#menu ul{ margin-top:10px; padding:0; }
#menu li { display: inline; float: left; margin: 0; padding-top:2px; padding-bottom:2px; width:305px; }
#menu li a { float:left; padding-left:28px; padding-top:2px; padding-bottom:2px; text-decoration:none; color:#FFF; font-size:14px; }
#menu li a:hover { background-color:#00b5cb; }
#menu li a.activeMenu { background-color:#becd25; }
.header-right { float:right; width:320px; }
.logo { float:right;  margin-right:25px;}
.headerLinks {  float:right; width:120px; text-align:right; margin-top:35px; }
.headerLink {  float:right; padding-right:20px; margin-bottom:2px; padding-top:2px; padding-bottom:2px; display:block; }
.headerLink a { color:#FFF; font-size:14px; text-decoration:none;  }

/* Homepage
-------------------------------------------------------------------*/
.homeContent { position:relative; float:left; width:887px; height:194px; margin-left:28px;}
.homeBackground { position:relative; float:left; width:887px; height:194px; }
.homeText { position:relative;  float:left; width:487px; height:174px; padding-top:20px; padding-left:20px; background-image:url(../images/box.png);}
.homeBanner {  position:relative; float:left;  width:358px; height:194px; }
.homeClose { position:relative; float:left; width:20px; height:20px; }
.homeClose a{ cursor:pointer; }

/* Casas e Preços
-------------------------------------------------------------------*/
.ementaContent { position:relative; float:left; width:900px;  margin-left:28px; }
.ementaIntro { position:relative; float:left; width:257px; height:342px; margin-right:30px;  }
.ementaIntroBackground { position:relative; float:left; width:257px; height:342px; background-image:url(../images/box.png); }
.ementaIntroBanner { position:relative; float:left; width:257px; height:185px; }
.ementaIntroText { position:relative; float:left; width:205px; height:75px; margin-top:20px; margin-left:20px; }
.ementaIntroArrow { position:relative; float:left; width:238px; text-align:right; margin-top:20px; }
.ementaDownloads { position:relative; float:left; width:825px; padding:5px 5px 5px 0;  margin-top:10px; background-image:url(../images/box.png); }
.ementaDownloads a{ color:#00b5cb; font-size:12px; text-decoration:none; }
.ementaDownloads p{ float:left; margin-left: 20px; }
.ementaSecContent { position:relative; float:left;  margin-left:28px; background-image:url(../images/box.png); width:810px; height:322px;}
.ementaSecContentDesc { position:relative; float:left; width:359px; padding-left:20px; padding-top:20px; }
.ementaSecContentDescScroll {  position:relative; float:left; margin-top:5px; }
.ementaVoltar {  position:relative; float:left; width:533px; text-align:left; margin-top:5px; }
.ementaVoltar a{ color:#00b5cb; font-size:10px; text-decoration:none; } 
.ementaSecContentGal { position:relative; float:left; width:370px; height:280px; margin-top:20px;  margin-left:40px; }
div.slideshow ul.nav { display: none; list-style: none; position: relative; top:125px; z-index: 25; float:left; width:370px; }
div.slideshow ul.nav li.prev { float: left; width: 25px; margin-left:10px; }
div.slideshow ul.nav li.next { float: left; width: 25px; margin-left:300px; }
div.slideshow ul.nav li a { display: block; width: 25px; height: 25px; text-indent: -9999px; }
div.slideshow ul.nav li.prev a { background: url(../images/prev.png); }
div.slideshow ul.nav li.next a { background: url(../images/next.png); }

/* A Visitar
-------------------------------------------------------------------*/
.avisitarContent { position:relative; float:left; width:852px;  margin-left:28px; }
.avisitarInfo  { position:relative; float:left; width:748px; background-image:url(../images/box.png); margin-bottom:10px; padding:15px; }
.avisitarContacto { position:relative; float:left; width:379px; height:115px; }
.avisitarContactoBackground { position:relative; float:left; width:379px; height:115px; background-image:url(../images/box.png); }
.avisitarContactoText { position:relative; float:left; width:159px; height:19px; padding-top:80px; padding-left:10px; }
.avisitarContactoBanner { position:relative; float:left; }

/* Actividades
-------------------------------------------------------------------*/
.actividadesContent { position:relative; float:left; width:960px;  margin-left:28px; }
.actividadesBackground { position:relative; float:left; width:553px; height:320px; background-image:url(../images/box.png); }
.actividadesText { position:relative; float:left; width:526px; padding-left:15px; padding-top:15px; }
.actividadesText p { line-height:15px; }
.actividadesText a { color:#becd25; }

/* Contactos Úteis
-----------------------------------------------------------------*/
.cuteisContent { position:relative; float:left; width:960px;  margin-left:28px; }
.cuteisBackground { position:relative; float:left; width:960px; height:320px; background-image:url(../images/box.png); }
.cuteisContentDesc { position:relative; float:left; width:513px; padding-left:20px; padding-top:20px; }
.cuteisContentDescScroll {  position:relative; float:left; }
.cuteisVoltar {  position:relative; float:left; width:533px; text-align:right; margin-top:28px; }
.cuteisVoltar a{ color:#bfcd25; font-size:10px; text-decoration:none; }
.cuteisContentGal { position:relative; float:left; width:370px; height:280px; margin-top:20px;  margin-left:30px; }

/* Galeria
-------------------------------------------------------------------*/
.galeriaContent { position:relative; float:left; margin-left:28px; height:322px;  }
.galeriaBackground { position:relative; float:left; width:810px; height:322px; background-image:url(../images/box.png); }
.galeriaHolder { position:relative; float:left; margin-top:20px; margin-left:20px; height:286px; overflow:hidden; }
.galeriaList { float:left; width:685px; height:286px;  }
.galeriaList li { float:left; width:127px; height:133px; margin-right:10px; margin-bottom:10px; }
.listNavigation { float:left; width:90px; height:35px; margin-top:193px; margin-left:15px; }
.listNavigation a{ float: left; width:14px; height:26px; }
.listNavigation p{ float: left; margin-left:2px; margin-right:8px; margin-top:5px; color:#00b5cb; }
.next_link { background-image:url(../images/casasArrow.png); }
.previous_link { background-image:url(../images/casasArrow1.png); margin-right:10px; }
.galeriaMenu { float:left; width:90px; text-align:center;  }
.galeriaMenu a{ float:left; width:80px; padding:5px; background-color:#becd25; margin-bottom:5px; }
.galeriaMenu a.select{ background-color:#00b5cb;  }
.videoPlay { position:absolute; z-index:100; margin-top:50px; margin-left:40px; }

/* Imprensa
-----------------------------------------------------------------*/
.imprensaContent { position:relative; float:left; width:575px;  margin-left:28px; }
.imprensaBackground { position:relative; float:left; width:575px; height:280px; background-image:url(../images/box.png); }
.imprensaContentDesc { position:relative; float:left; width:513px; padding-left:20px; padding-top:20px; }
.imprensaContentDescScroll {  position:relative; float:left; }
.imprensaLine { position:relative; float:left; width:483px; height:35px; background-image:url(../images/pressIcon.png); background-repeat:no-repeat; background-position:0 4px; padding-left:30px; margin-bottom:25px; }
.imprensaLineTitle { float:left; width:513px; color:#00b5cb; font-size:15px; }
.imprensaLineDesc{  float:left; width:513px; margin-top:4px;  }
.imprensaLineDesc a{  color:#FFF; font-size:15px; text-decoration:none; }


/* Reservas e Contactos
-------------------------------------------------------------------*/
.reservasContent { position:relative; float:left; margin-left:28px; }
.reservasBackground { position:relative; float:left; width:912px; padding:15px; background-image:url(../images/box.png);  }
.contactos { position:relative; float:left; width:450px; margin-right:30px;  }
.reservasForm { position: relative; float:left; width:402px; }
.formBlock { position: relative; float:left; margin-top:7px; }
.reservasForm label.formLabel { float:left; font-size:12px; color:#FFF; }
.reservasForm input.formText{ float:left; border: 1px solid #FFF; background-color:#FFF; padding:1px; color:#000; font-size:12px; margin-top:3px; font-family: 'Cabin', sans-serif;}
.reservasForm textarea{ width:608px; height: 40px; border: none; background-color:#FFF; padding:1px; color:#000; font-size:12px; margin-top:3px; font-family: 'Cabin', sans-serif;}
.reservasForm input.error { border: 1px solid red; }
.reservasForm input.valid { border: none; }
.reservasForm input.formRadio { float:left; margin-top:0px; }
div.ui-datepicker, .ui-datepicker td{ font-size:10px; }
.ui-datepicker, .ui-datepicker a{ font-size:10px; }

/* Como Chegar
-------------------------------------------------------------------*/
.comoContent { position:relative; float:left; margin-left:28px; }
.comoBackground { position:relative; float:left; width:505px; height:322px; background-image:url(../images/box.png);  }
.comoContentDesc { position:relative; float:left; width:485px; padding-left:15px; padding-top:15px; }
.comoContentDescScroll {  position:relative; float:left; }
.comoContentDescScroll p{ font-size:13px; line-height:15px; }
.comoMapaHolder { position:relative; float:left; width:360px; height:322px; background-image:url(../images/box.png); }
#map{ float:right; margin-top:15px; margin-right:20px; width:360px; height:290px; }

/* Scrollbar
-------------------------------------------------------------------*/
.txtScrollbar { width: 385px; clear: both; margin: 0; }
.txtScrollbar .viewport { width: 355px; height: 240px; overflow: hidden; position: relative; }
.txtScrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; }
.txtScrollbar .thumb .end,
.txtScrollbar .thumb { background-color: #00b5cb; }
.txtScrollbar .scrollbar { position: relative; float: right; width: 10px; }
.txtScrollbar .track { background-color: #000; height: 100%; width:10px; position: relative; padding: 0 1px; }
.txtScrollbar .thumb { height: 10px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.txtScrollbar .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.txtScrollbar .disable{ display: none; }

/* Scrollbar Small
-------------------------------------------------------------------*/
.txtScrollbar1 { width: 455px; clear: both; margin: 0; }
.txtScrollbar1 .viewport { width: 425px; height: 287px; overflow: hidden; position: relative; }
.txtScrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
.txtScrollbar1 .thumb .end,
.txtScrollbar1 .thumb { background-color: #00b5cb; }
.txtScrollbar1 .scrollbar { position: relative; float: right; width: 10px; }
.txtScrollbar1 .track { background-color: #000; height: 100%; width:10px; position: relative; padding: 0 1px; }
.txtScrollbar1 .thumb { height: 10px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.txtScrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.txtScrollbar1 .disable{ display: none; }

/* Footer
-------------------------------------------------------------------*/
.footerBar { position:relative; float:left; background-color:#000; width:100%; height:28px; } 
.footerBarLinks { position:relative; float:left; }
.footerBarLinks a{ position:relative; float:left; color:#FFF; font-size:12px;text-decoration:none; margin-top:20px; margin-left:20px; }
.footerTicker { position:relative; float:left; width:515px;  height:20px; }
.footerBarCopy { position:relative; float:right; text-align:right; width:420px; color:#FFF; font-size:8px; margin-top:8px; margin-right:20px; font-size:10px;  }
.footerBarCopy a{ font-size:10px;  }