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

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

/* Fonts
-------------------------------------------------------------------*/
body { font-family: 'Raleway', sans-serif;  }
p { font-size:13px; color:#FFF; font-weight:400; line-height:15px; }
h1 { font-size:13px; color:#fa3d45; font-weight:400; line-height:15px; text-transform:uppercase; }
a { font-size:13px; color:#FFF; font-weight:400; cursor:pointer; text-decoration:none; }

/* Main Divs
-------------------------------------------------------------------*/
#main { position:relative; float:left; width:100%; } 
#header { position:relative; float:left; width:100%; height:111px; background:url(../images/topo-bg.png) repeat-x; } 
#content { position:relative; float:left; width:980px; height:340px; background:url(../images/content-bg.png);  }
#footer { position:absolute; bottom:20px; right:20px; }

/* Header
-------------------------------------------------------------------*/
.logo { float:left; margin-left:33px; margin-top:42px; }

/* Menu
-------------------------------------------------------------------*/
#menu { position:relative; float:left; width:237px; height:315px; padding-top:25px; }
#menu ul{ float:left; margin:0; padding:0; }
#menu li { float:left; width:204px; display:block; margin-bottom:15px; }
#menu li a { padding:0 0 0 33px; text-decoration:none; color:#FFF; font-size:18px; font-weight:400; }
#menu li a:hover { color:#fa3d45; }
#menu li a.activeMenu { color:#fa3d45; background:url(../images/menu-over.png) no-repeat; }
.menu-casas { float:left; margin-left:33px; margin-top:15px; color:#f7975b; font-size:13px; text-decoration:none; font-weight:700; }
.submenu { float:left; width:237px; margin-left:33px; margin-top:20px; } 
.submenu a { float:left; margin-right:5px; color:#FFF; font-weight:500; }
.submenu a:hover { color:#e89360; } 
.submenu a.sel { color:#e89360; }

/* Content
-------------------------------------------------------------------*/
.content { position:relative; float:left; width:723px; height:340px; margin-left:20px;}
.content-desc { position:relative; float:left; width:633px; height:290px; margin-top:26px;  }
.content-desc p, .content-desc h1 { float:left; width:100%; }
.content-desc p { margin-top:20px; }
.content-options { float:left; width:46px; margin-top:26px; margin-left:22px;  }
.content-close {float:left; width:46px; }
.global-content-controls { float:left; margin-top:181px;  }
.global-content-controls a{  float:left; }
.global-content-controls a.up { margin-bottom:25px;}
.global-content-controls a.dn { }
.content-location { float:left; margin-top:26px; width:210px; }
.content-location p { margin-top:20px; }
#google-map { float:left; width:493px; height:340px; margin-left:20px; }
#b-show-content { position:absolute; top:111px; left:-121px; z-index:100; }

.content-gallery { float:left; width:643px; height:1230px;  }
.content-gallery a{ float:left; margin:0; margin-right:5px; margin-bottom:5px; }
.content-gallery a.last { margin-right:0; }
.gallery-holder { position:absolute; width:100%; height:100%; z-index:999; background-color:#1f1d1d; display:none; }
.gallery-loader { position:absolute; left:50%; top:50%; width:31px; height:31px; margin-top:-15px; margin-left:-15px; }
.gallery-holder-close { position:absolute; top:50px; right:50px; }
.gallery-holder-left { position:absolute; top:50%; left:50px; margin-top:-45px; }
.gallery-holder-right { position:absolute; top:50%; right:50px; margin-top:-45px; }
.gallery-holder-left a, .tralbalhos-holder-right a{ cursor:pointer; }
.gallery-img { position:absolute; width:100%; height:100%; }

.content-contacts { position:relative; float:left; width:633px; height:290px; margin-top:26px; }
.content-contacts p{ font-size:12px; }
.content-contacts a{ font-size:12px; text-decoration:underline; }
.reservasForm { position: relative; float:left; width:633px; margin-top: 30px; }
.formBlock { position: relative; float:left; margin-top:10px; }
.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: 'Lato', sans-serif;}
.reservasForm textarea{ width:537px; height: 40px; border: none; background-color:#FFF; padding:1px; color:#000; font-size:12px; margin-top:3px; font-family: 'Lato', sans-serif;}
.reservasForm input.error { border: 1px solid red; }
.reservasForm input.valid { border: none; }
div.ui-datepicker, .ui-datepicker td{ font-size:10px; }
.ui-datepicker, .ui-datepicker a{ font-size:10px; }
#reservar { float:left; width:91px; }

.scroll-content-c table{ float:left; width:633px; font-weight:400; margin-top:20px; margin-bottom:10px; }
.scroll-content-c table thead tr { border-bottom:1px solid #333333; height:20px; }
.scroll-content-c table thead tr th{ padding-left:10px; color:#005aab; border-right:1px solid #333333; text-align:left; padding-bottom:10px; }
.scroll-content-c table tbody tr { border-bottom:1px solid #333333; }
.scroll-content-c table tbody tr td{ font-size:14px; font-weight:400; color:#FFF; border-right:1px solid #333333; text-align:left;  padding-top:20px; padding-bottom:20px;}


/* Links Content
-------------------------------------------------------------------*/ 
.links a { float:left; width:100%; margin-bottom:10px; margin-top:10px; text-decoration:underline; }

/* Scroll Content
-------------------------------------------------------------------*/ 
.scroll-content-holder { float:left; width:633px; height:290px; margin-top:26px; }  
.scroll-content { float:left; width:633px; height:290px; overflow:hidden; }
.scroll-content p, .scroll-content h1 { float:left; width:100%; }
.scroll-content p { margin-top:20px; }
.scroll-content-c { position:relative; width:633px; height:auto; top:0; overflow:hidden; line-height: 0; }

/* Footer
-------------------------------------------------------------------*/
#footer p { color:#FFF; font-size:10px; }
#footer a { color:#FFF; font-size:10px; text-decoration:none; }
 
/* Global
-------------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix {	display: block; }
.fleft { float:left; }
.fright { float:right; }