/* Structure
-------------------------------------------------------------------*/
@import url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic|Noto+Serif:400,700,400italic,700italic);

/* 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: 'Noto Sans', sans-serif;  }
p { font-size:12px; color:#FFF; font-weight:400; line-height:15px; }
h1 { font-family: 'Noto Serif', serif; font-size:14px; color:#00b2c8; font-weight:700; font-style:italic; line-height:15px; text-transform:uppercase; }
a { font-size:12px; color:#00b2c8; font-weight:400; cursor:pointer; text-decoration:none; }

/* Main Divs
-------------------------------------------------------------------*/
#main { position:relative; float:left; width:100%; height:100%; }
#menu-bar { position:absolute; left:0; top:0; width:100%; height:165px; z-index:10; background:url(../images/menu-back.png) repeat-x; }
#content { position:relative; width:100%; }
#footer { position:absolute; bottom:15px; right:20px; z-index:11; width:465px; text-align:right;}
 
/* Menu-bar
-------------------------------------------------------------------*/
.menu-bar-content { position:relative; width:922px; margin:27px auto; }
#menu { float:left; width:760px; margin-left:23px; }
#menu ul{ float:left; margin:0; padding:0; }
#menu li { float:left; display:block; border-right:1px solid #FFF; padding:0 15px 0 15px; }
#menu li.last { border:none; padding:0 0 0 15px; }
#menu li a { font-family: 'Noto Serif', serif; text-decoration:none; color:#FFF; font-size:13px; font-weight:400; font-style:italic; }
#menu li p { color:#FFF; font-size:18px;  }
#menu li a.small { font-size:12px; }
#menu li a:hover { color:#00b2c8; }
#menu li a.activeMenu { color:#00b2c8; }
.menu-logo { float:left; width:258px; height:66px; margin-top:35px; margin-left:330px;  }
.menu-langs { float:left; margin-left:50px;  }
.menu-langs a { padding:0 5px 0 5px; font-size:11px; color:#FFF; font-weight:400; }
.menu-langs a:hover { color:#00b2c8; }
.menu-langs a.sel { color:#00b2c8; }
.menu-social { float:left; margin-left:10px; margin-top:2px; }
/*.menu-social { float:left; margin-left:60px; margin-top:2px; }*/
.menu-close { position:absolute; bottom:35px; right:4px; } 

/* Content
-------------------------------------------------------------------*/
.content { position:relative; width:1005px; margin:204px auto;  }
.content-box { position:relative; float:left; width:255px; height:365px; padding-top:15px; padding-left:30px; padding-right:15px; background:url(../images/content-back.png); margin-left:35px; } 
.content-box-large { width: 887px; height: 180px; }
.content-close { position:absolute; right:15px; top:10px;  }
.content-box h1 { float:left; margin-bottom:15px; background:url(../images/bpoint.png) no-repeat 0 8px; padding-left:10px; }
.content-box p { float:left; width:100%; }
.content-txt-blue { color:#00b2c8; font-weight:700; }

/* Home Content
-------------------------------------------------------------------*/
.content-home h1 { font-size: 17px !important; background:none; padding-left: 0; margin-bottom: 20px; padding-top: 40px; }
.content-home p { font-size: 18px !important; font-weight: 400; }

/* Ementa Content
-------------------------------------------------------------------*/ 
.ementa-box { position:relative; float:left; width:877px; height:365px; padding-top:15px; padding-left:30px; padding-right:15px; background:url(../images/content-back.png); margin-left:35px; } 
.ementa-pages { flat:left; }
.ementa-block { float:left; width:254px; margin-right:30px; }
.ementa-block.last { margin-right:5px; }
.ementa-block h1 { float:left; margin-bottom:15px; background:url(../images/bpoint.png) no-repeat 0 8px; padding-left:10px; }
.ementa-block p { float:left; width:100%; margin-bottom:15px; }
.ementa-controls { float:left; }
.ementa-controls a{ float:left; margin-left:10px; }

/* Galeria Content
-------------------------------------------------------------------*/ 
.galeria { position:relative; width:100%; margin-top:204px; }
.carousel-holder { position:absolute; top:0; left:0; width:100%; overflow: hidden; }
#carousel li{ float: left; width: 301px; height: 337px; margin-right:5px; margin-left:20px; }
#carousel-next { position:absolute; top:154px; right:50px; width:25px; height:61px; background-image:url(../images/next-arrow.png); cursor:pointer;}
#carousel-prev { position:absolute; top:154px; left:50px; width:25px; height:61px; background-image:url(../images/prev-arrow.png); cursor:pointer; }
#carousel-prev, #carousel-next { text-decoration: none; color: #FFF; }
#carousel-prev.disabled, #carousel-next.disabled { background:none; }
.galeria-menu {  position:absolute; width:340px; top:360px; left:50%; margin-left:-175px; }
.galeria-menu ul{ float:left; margin:0; padding:0; }
.galeria-menu li { float:left; display:block; border-right:1px solid #FFF; padding:0 15px 0 15px; }
.galeria-menu li.last { border:none; padding:0 0 0 15px; }
.galeria-menu li a { font-family: 'Noto Serif', serif; text-decoration:none; color:#FFF; font-size:12px; font-weight:400; font-style:italic; }
.galeria-menuli p { color:#FFF; font-size:18px;  }
.galeria-menu li a.small { font-size:12px; }
.galeria-menu li a:hover { color:#00b2c8; }
.galeria-menu li a.activeMenu { color:#00b2c8; }
#bCloseFullScreen { position:absolute; top:26px; right:20px; display:none; z-index:999; }
#full-next { position:absolute; top:50%; right:25px; width:25px; height:61px; margin-top:-30px; background-image:url(../images/next-arrow.png); cursor:pointer;}
#full-prev { position:absolute; top:50%; left:25px; width:25px; height:61px; margin-top:-30px; background-image:url(../images/prev-arrow.png); cursor:pointer; }
#full-prev, #full-next { text-decoration: none; color: #FFF; display:none; z-index:999; }

/* Reservas Content
-------------------------------------------------------------------*/ 
.reservas-form{ float:left; width:612px; height:380px; margin-left:20px; background:url(../images/content-back.png); text-align:center; }
.reservasForm { position: relative; float:left; width:542px; margin-left: 30px; margin-top: 30px; }
.formBlock { position: relative; float:left; margin-top:15px; }
.reservasForm label.formLabel { float:left; font-size:12px; color:#FFF; text-align: left; }
.reservasForm input.formText, .reservasForm select.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, .reservasForm select.error { border: 1px solid red; }
.reservasForm input.valid, .reservasForm select.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; }

/* Contactos Content
-------------------------------------------------------------------*/ 
#google-map{ float:left; width:612px; height:380px; margin-left:20px;}

/* O Paulo Content
-------------------------------------------------------------------*/ 
.opaulo-foto { float:left; width:612px; height:380px; margin-left:20px; background:url(../images/content-back.png); text-align:center; }

/* Footer
-------------------------------------------------------------------*/
#footer p { font-size:9px; color:#FFF; }
#footer a { font-size:9px; color:#FFF; text-decoration:none; font-weight:400; }
 
/* 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; }