@import "normalize.css";
@import "foundation.min.css";
@import "datePicker.flatwhite.css";
@import "magnific-popup.css";
@import "galerias.css";
@import "responsive.css";

body {
	color: #5a5a5a;
	background:#121212;
	overflow:hidden;
}

.hamburger-menu {
	display: none;
}

.show {
	display: block !important;
}

.hide {
	display: none !important;
}

img, object, embed {
    height: auto;
    max-width: auto !important;
}

.navbar {
	margin:0;
}

.shadow {
    box-shadow: 0 -15px 0 0 rgba(0, 0, 0, 0.4);
}

.text-c {
	text-align: center;
}

#notify {
	position:relative;
	z-index: 9999;
    background-color:rgba(64, 123, 231, 0.8);
    height:70px;
    color:white;
    display:none;
    text-align:center;
    padding:5px;
    font-size:1.4vh;
}

#notify p {
	margin: 6px 0;
}

#notify a {
	color: #fff;
}

#notify .close {
	position: absolute;
	float: right;
	top: 5px;
	padding: 10px;
	background-color: #fff;
	right: 5px;
	width: 30px;
	height: 30px;
	color: #008CBA;
	cursor: pointer;
}

.navbar {
	height:100%;
	width:240px;
	position: fixed;
	top:0;
	left:0;
	z-index: 99;
	margin:0;
	border-radius: 0;
	background: repeat scroll 0 0 rgba(100, 100, 100, 0.7);
	transition: all 0.4s ease-in-out 0.4s;
}
.navbar .logo {
	padding:25px 0;
	text-align: center;
	background: url(../img/graphics/opacity_white.png) repeat scroll 0 0 rgba(255, 255, 255, 0.7);
}
.navbar .logo a {
	padding:0;
	margin:0;
	text-indent:0;
	text-align:center;
}
.navbar ul {
	margin:0;
	padding:0;
}
.menu li {
	list-style-type:none;
	margin:0;
	padding:0;
}
.menu  li:first-child {
	border-top:4px solid #88c9d7;
}
.menu a {
	display:block;
	margin:0;
	padding:14px 17px;
	line-height: 14px;
	text-align:left;
	color: #fff;
	outline: 0;
	vertical-align:middle;
	text-transform:uppercase;
	font: 300 13px/13px 'Lato', sans-serif;
    transition: all 0.2s ease-in-out 0s;
	background: url(../img/graphics/menu_tile.png) repeat-x scroll 0 0;
	text-decoration:none;
}

.menu a:hover, .menu a.active {
	text-decoration:none;
	/*background: url(../img/graphics/bg.png) repeat scroll 0 0 rgba(55, 167, 190, 0.9);*/
	background:#2d8b9d;
}

nav  {
	display:none;
}

nav ul {
	margin:0;
	padding:0;
}

nav li {
	margin:0;
	padding:0;
	list-style-type:none;
}

nav a {
	display:block;
	margin:0;
	color: #464646;
	padding:10px 0;
	font: 300 13px/13px 'Lato', sans-serif;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	border-bottom:1px solid #ddd;
}

nav a:hover {
	background:#fff;
}

address {
	position:fixed;
	bottom:0;
	width:100%;
	color: #fff;
	text-align:left;
	word-spacing:2px;
	border-top:1px solid #53aac0;
	font: 300 12px/12px 'Lato', sans-serif;
}
address .content {
	padding:10px 20px 10px 100px;
	background: url(../img/graphics/adress_bg.png) no-repeat 0 0 rgba(100, 100, 100, 0.7);
}
address b {
	margin:0 60px;
}
address i {
	margin-left:20px;
}
address a {
	display:inline;
	margin:0;
	padding:0;
	text-align:left;
	text-indent:0;
	color: #fff;
	vertical-align:middle;
	line-height:0;
	border:none;
}
address p {
	line-height:17px;
}

.languages {
	width:100%;
	padding:20px 0;
	text-align:center;
	font-size:11px;
	color:#333;
	border-bottom:1px solid #ececec;
}

.languages a {
	color:#333;
	margin:0 3px;
	padding-left:18px;
	text-decoration:none;
}

.languages .en {
	background: url(../img/graphics/gb.png) no-repeat 0 2px;
}

.languages .es {
	background: url(../img/graphics/es.png) no-repeat 0 2px;
}

.languages .fr {
	background: url(../img/graphics/fr.png) no-repeat 0 2px;
}

.languages .pt {
	background: url(../img/graphics/pt.png) no-repeat 0 2px;
}

.navbar .social {
	margin:auto;
	height:23px;
	color:#bfbfbe;
	background:#393939;
	letter-spacing:0.1em;
}

.navbar .social a {
	margin:0;
	padding:0;
	color:#bfbfbe;
	letter-spacing:0.1em;
	font: 300 11px/11px "Raleway";
}

.navbar .social-icons {
	margin:4px 0 0 0;
	text-transform:uppercase;
}

.intro {
	width:380px;
	overflow:auto;
	text-align:center;
	text-align: left;
	position:absolute;
	top:0;
	right:0;
	height:100%;
	color:#333;
	z-index:999;
	background-color: rgba(240, 240, 240, 0.9);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4150035014005602) 100%);
}
.intro .card {
 transform-style: preserve-3d;
  transition: transform 1s;
  transform-origin: right center;
}
.intro figure {
  display: block;
  position: absolute;
  width: 100%;
  min-height: 100%;
  backface-visibility: hidden;
}

.intro .back {
  background: blue;
  transform: rotateY( 180deg );
}

.intro .content {
	position: relative;
	margin:0 0 0 20px;
	padding: 0 20px 0 0;
	min-height:100%;
}

.flipped {
 	transform: translateX( -100% ) rotateY( -180deg );
}

.intro .tooglebar {
	position:absolute;
	display:block;
	width:18px;
	height:100%;
	left:0px;
	color:#ddd;
	z-index:999;
	font-size:20px;
	padding:8px;
}

.intro .tooglebar:hover {
    transition: all 0.4s ease-in-out 0s;
	background: repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}

.intro .tooglebar i {
	position:absolute;
	display:block;
	top:45%;
}

.intro .logo {
	text-align:center;
	padding:10px 0;
}

.intro h1 {
	color: #393a3a;
	font: 300 46px/46px 'Lato', sans-serif;
	text-align:center;
	letter-spacing: 1px;
	padding:40px 0 0 0;
	margin:0;
	text-transform: uppercase;
}

.intro h2 {
    color: #393a3a;
	font-weight:300;
	font: 300 17px/17px 'Lato', sans-serif;
    letter-spacing: 1.7px;
	text-align:center;
	margin:0;
	padding:0 0 10px 0;
    text-transform: uppercase;
}

.intro p {
	font: 300 14px/14px 'Lato', sans-serif;
	color:#393a3a;
	text-align:center;
	word-spacing:2px;
}

.intro p {
	margin-top:20px;
}

.intro .highlights {
	color:#333;
	padding:0 20px;
	margin:10px;
	width:inherit;
	font-size:14px;
	overflow:hidden;
	font: 300 11px/12px 'Lato', sans-serif;
}

.intro .highlights h4 {
	color:#fff;
	font-size:16px;
	margin:5px 0;
	font-weight:normal;
}

.intro .highlights .date {
	margin-bottom:7px;
	font-size:12px;
}

.intro .highlights h5 {
	color:#ddd;
	font-weight:300;
	margin:3px 0;
	font-size:14px;
}

.intro .highlights .summary {
	color:#ddd;
	font-weight:300;
	line-height:18px;
	margin:0;
	width:100%;
	padding:4px;
	font-size:14px;
	position:absolute;
	top:0;
	left:0;
	background: url(../img/graphics/opacity.png) repeat  0 0;
}

.intro .highlights .info {
	color:#ddd;
	font-weight:300;
	line-height:18px;
	margin:0;
	width:100%;
	padding:4px;
	text-align:center;
	font-size:14px;
	position:absolute;
	bottom:50px;
	left:0;
	background: url(../img/graphics/opacity.png) repeat  0 0;
}

.intro .highlights .thumb {
	position:relative;
}

.intro .livroreclamacoes {
	position: absolute;
	bottom:0;
	text-align: center;
	width: 100%;
}

.scrollbar {
    background: none repeat scroll 0 0 #CCCCCC;
    height: 600px;
    line-height: 0;
    position: absolute;
    right: 10px;
    width: 2px;
	z-index:99;
}

.frame {
    height: 900px;
    overflow: hidden;
    width: 100%;
}
.sections {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

.section {
	width:100%;
	overflow: hidden;
	background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: cover;
	position:relative;
}

footer {
	position:absolute;
	bottom:50px;
	height:20px;
	background:#374748;
}

.cycle {
	width:100%;
	height:100%;
}

.cycle-overlay {
	position:absolute;
	font-size:30px;
	color:#fff;
	right:0;
	margin:50px;
	text-align:right;
	z-index:9999;
}


.reservas article {
	width:400px; 
}

/*
.reservas .container {
	padding-right:25px;
	width:430px;
}*/

hr {
	border:none;
	border-top:1px solid #fff;
}

article {
	position:absolute;
	top:0;
	left:240px;
	width:340px;
	margin:0;
	padding:0;
	color:#e9e9e9;
	z-index:999;
	overflow:auto;
	padding:0;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
	background: repeat scroll 0 0 rgba(100, 100, 100, 0.7);
	font-family: 'Open Sans', sans-serif;
	line-height: 1;
	font-size:12px;
	background:rgba(45, 139, 157, 0.9)

}

article > .container {
	padding:63px 5px 40px 20px;
	min-height:100%;
}

article > .toggle {
	display: none;
	min-height:100%;
	width:16px;
	float:right;
	cursor:pointer;
	background: url(../img/graphics/arrow_left.png) #458895 no-repeat 0 50%;
}

article > .toggle.active {
	background: url(../img/graphics/arrow_left.png) #458895 no-repeat -16px 50%;
}

article a {
	color: #ddd;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
}

article .news a {
	font-weight:bold;
}

article .news h5 {
	font-size:14px;
	padding:0;
	line-height:19px;
	font-weight:normal;
	margin:6px 0 12px 0;
}

article .newstext {
	cursor:pointer;
	padding:5px 2px;
}

article .newstext h4 {
	margin:0;
}

article .newstext .body {
	margin:8px 0;
}

article .newstext .date {
	margin:8px 0;
	padding:5px 0;
	border-bottom:1px solid #6699aa;
}

article .newstext .images {
	margin:8px 0;
}

article h2 {
	width:100%;
	padding:10px 0 45px 0;
	letter-spacing: -2px;
	text-transform: uppercase;
	color: #e9e9e9;
	font: 300 46px/46px 'Lato',sans-serif;
    margin: 0;
    text-align: center;
}

article h2.small {
	margin:10px 0 0 0;
	padding:10px 0 45px 0;
	font: 300 28px/34px 'Lato',sans-serif;
}

article i {
	font: 300 16px/16px 'Lato', sans-serif;
	font-style:italic;
	text-align: center;
}

article h3 {
	font: 300 22px/22px 'Lato', sans-serif;
	margin-top:15px;
}

h3.italic {
	font-size:16px;
}

article h4 {
	font-size:14px;
	margin:15px 0 5px 0;
}

article p {
	line-height:18px;
}

article ul {
	margin:0;
	padding:0 0 0 10px;
	list-style-type:none;
}

article li {
	margin:3px 0;
}

.mapWrap, #map {
	width:100%;
	height:100%;
}

.row > div {
	display:block;
	float:left;
}


.accordion h4 {
	cursor:pointer;
	padding:3px;
	margin:0 0 2px 0;
	background:#458895;
}

.accordion h4:hover {
	background:#246d7b;
}

.accordion h4 i {
	font-size:10px;
}

.accordion .content {
	display:none;
	padding:5px 3px 10px 3px;
	margin:0 0 3px 0;
	background:#449bab;
}


/* MARKETING CONTENT
-------------------------------------------------- */
.marcacoes {
	color:#ddd;
}

.marcacoes a {
	color:#082c30;
}

.marcacoes .ui-datepicker-prev, .marcacoes .ui-datepicker-next {
	color:white;
}

.calendar {
	background: #7dd4de;
	padding:7px 0 12px 0;
}
.marcacoes p {
	margin:0 0 15px 0;
	font-size:12px;
	text-transform:uppercase;
}
.marcacoes .col-md-1 {
	position:relative;
	margin:0 0 0 10px;
	padding:0;
	width:100px;
	height:120px;
	font-family: 'Lato', sans-serif;
	cursor:pointer;
	background-color: white;
	border-radius: 4px;
}
.marcacoes .checkin:hover {
	background-color:#48838a;
}
.marcacoes .checkin:hover .day, .checkin:hover .month {
	color:#fff;
}
.marcacoes .checkout:hover {
	background-color:#48838a;
}
.marcacoes .checkout:hover .day, .checkout:hover .month  {
	color:#fff;
}
.checkout .hasDatepicker {
	position:absolute;
    left:-50px;
}

.marcacoes .col-md-1 label {
	display:block;
	margin:0;
	padding:6px 0;
	font-size:9px;
	text-align:center;
	text-transform:uppercase;
	width:inherit;
    color: #ffffff;
    background-color: #298691;

	border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

.marcacoes .col-md-1 input {
	width:inherit;
	height:73px;
	padding:0;
	margin:0;
	text-align:center;
	border:none;
	background:transparent;
	box-shadow:none;
	font-size:56px;
	color:#518794;
}

.marcacoes .day {
	display:block;
	width:inherit;
	font-size:56px;
	padding:10px 0 28px 0;
	color:#518794;
	text-align:center;
}
.marcacoes .people input {
	display:block;
	height:73px;
	width:inherit;
	font-size:56px;
	color:#518794;
	cursor:pointer;
	text-align:center;
}
.marcacoes .month {
	display:block;
	position:absolute;
	bottom:0;
	width:inherit;
	font-size:10px;
	padding:5px 0 10px 0;
	color:#73898f;
	text-transform:uppercase;
	text-align:center;
}
.marcacoes .popup {
	display:none;
	position:absolute;
	z-index: 999;
	background:#fff;
	width:inherit;
	margin:0;
	text-align:center;
	font-size:29px;
}
.marcacoes .popup > div {
	width:80%;
	margin:5px auto;
	color:#333;
	background:#ebebeb;
	padding:12px 0;
}
.marcacoes .popup > div:hover {
	color:#fff;
	background-color:rgba(90, 198, 224, 0.6);
}
.marcacoes .increment {
	padding:2px 0 0 32px;
	color:#518794;
}
.marcacoes .icon_cube {
	font-size:20px;
	cursor:pointer;
}
.marcacoes .icon_cube i {
	margin:0;
	padding:0;
	color:#f5f5f5;
}

.marcacoes .arrow {
	position: relative;
	display: flex;
	align-items: center;
	border-radius: 50px;
	background-color: #3b96a1;
	border: 1px solid #298691;
	color: #fff;
	margin: 30px 0;
	padding: 20px 0;
	cursor: pointer;
	font-family: 'Open Sans';
	transition: all 0.4s ease-in-out 0.1s;
}

.marcacoes .arrow:hover {
	background-color: #1e747e;
	border: 1px solid #186169;
	color: white;
}

.marcacoes .arrow span {
	margin:40px 0 0 70px;
	color: #535a5c;
	font: 300 24px/24px 'Lato', sans-serif;
}
.marcacoes .arrow .text {
	width: 100%;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
}

.marcacoes .icon_circle {
	position: absolute;
    right: 0;
    width: 50px;
    height: 50px;
    margin-left: 50px;
    border-radius: 36px;
    cursor: pointer;
    background-color: #298691;
}

.marcacoes .icon_circle i {
	color:#f5f5f5;
	font-size:24px;
	background:none;
	margin:15px 0 0 19px;
}

.marcacoes .icon_circle:hover {
	transition: all 0.2s ease-in-out 0s;
	background: url(../img/graphics/bg.png) repeat scroll 0 0 rgba(125, 212, 220, 0.9);
}

.marcacoes .phone_contact {
	font-size: 13px;
	color: #082c30;
	text-align: center;
	font-family: 'Lato';
	font-weight: 600;
	margin: 20px 0;
}

.reservas  label {
	color:#fff;
	font-size:12px;
}

.columns > label {
	line-height:24px;
}


.white-popup {
	background:#fff;
	width:inherit;
	margin:0;
}

.white-popup > div {
  width: 70%;
	margin:auto auto;
	color:#333;
	padding:50px 0;
}

.white-popup p {
	line-height: 1.6;
}


.superradio {
	display:none;
}
.superradio + label {
	content: '\f096';
	background-color: #5b5c6c;
	/*border: 1px solid #3b3c49;*/
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	width:100%;
	padding: 8px 6px 8px 20px;
	margin:0 0 2px 0;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.superradio + label:active, input[type=radio]:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.superradio:checked + label {
	background-color: #7c2cb9;
	/*border: 1px solid #5e2c5d;*/
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #fff;
}

.superradio:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 7px;
	left: 5px;
	color: #fff;
}

input[type="checkbox"] + label, input[type="radio"] + label {
    margin: 0;
}

.quarto_cinzento  label {
	background-color:#a7a7a7;
	border:1px solid #939494;
}

.reservas .dp-choose-date {
	display:none;
}
.reservas button.tiny, .button.tiny {
    margin-bottom: 0;
}
.reservas fieldset {
	padding:0;
	margin:3px 0;
	border:none;
}
.reservas legend {
	width:100%;
	padding:12px 0;
	margin-left:0px;
	background:#536970;
	text-align:center;
	text-transform:uppercase;
}
div.adultos {
	background-color:#536970;
}
.quarto_header {
	background:#698087;
}

.quarto_header > div {
	padding-top:8px;
}
.quarto_inputs  {
	background:#698087;
}
.quarto_inputs > div   {
	padding-top:8px;
}
.pensoes  {
	margin:5px 0;
	border-bottom:1px solid #ddd;
}
.pensoes label  {
	color:#333;
}
.quartos_disp  {
	background-color:#236f97;
	padding:5px 0;
}
.quartos_disp h3 {
	text-align:center;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	margin:0 0 4px 0;
	padding:0;
}
.quartos > div {
	padding:7px 0;
	border-bottom:1px solid #bad0d8;
}
.tipos > div {
	display:inline-block;
}
.cyan {
	background: #121212;
}
.detalhes > div {
	padding:8px 0;
}

.reserva {
	border:1px solid #e4e7e8;
	padding:5px 0;
	color:#333;
	background:#bad0d8;
}

.reserva .sep {
	border-bottom:1px solid #e4e7e8;
}

#fr_total {
	font-weight: bold;
}

.unicre {
	margin: 10px 0;
}


.well {
	width:100%;
    background-color: #fff;
    border: medium none;
    color: #333;
    display: inline-block;
    font-weight: normal !important;
    line-height: normal;
    padding: 0.6625rem  1rem;
    position: relative;
}

.label.alert {
    background-color: #F04124;
    color: #FFFFFF;
}
.label.round {
    border-radius: 1000px;
}
.label {
    background-color: #008CBA;
    color: #FFFFFF;
    display: inline-block;
    font-size: 0.61111rem;
    font-weight: normal;
    line-height: 1;
    margin-bottom: inherit;
    padding: 0.22222rem 0.44444rem 0.33333rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

/* Pad the edges of the mobile views a bit */
.marketing {
	padding-left: 15px;
	padding-right: 15px;
	font: 400 13px/13px "Raleway";
	color:#878787;
}
.marketing p {
	font-family: Lato,Arial;
    font-size: 15px;
    font-weight: 300;
    font-style: italic;
    line-height: 24px;
    margin-top: 6px;
    text-align: center;
}
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin: 20px 0;
}
.marketing h2 {
    font: 200 24px/24px "Raleway";
	text-transform:uppercase;
	margin-top:5px;
	color:#9d9d9d;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
  line-height:19px;
}

.hr {
	margin:25px auto;
	height:14px;
	width:340px;
	background:url(../img/graphics/separador.png)  no-repeat 50% 50%;
}

.logos {
	border-top:1px solid #cbd8df;
	margin-top:20px;
	padding:30px 0;
	text-align:center;
}

.background {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.auditorio {
	text-align:center;
	margin:8px 0;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea,
select
 {
    height: 2.1rem;
    margin: 0 0 1rem;
	font-size:12px;
	background:#fff;
	color:#333;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 600px) {
	.intro .logo {
		display:none;
	}
}

@media only screen and (max-width : 768px) {

	nav {
		display:block;
	}

	.navbar, .heading, .toggle, .cycle {
		display:none;
	}

	.menu a {
		text-indent:-9999px;
	}

	article {
		left:0;
		top:0;
		width:100% !important;
	}

	article > .container {
		width:100%;
	}

	.home {
		background:url(../img/bg/home/1662.jpg) no-repeat  0 0;
	}

	.mobile_bg {
		width:100%;
		height:220px;

		background-attachment: scroll;
		background-clip: border-box;
		background-origin: padding-box;
		background-size: cover;
	}

	.hotel .mobile_bg {
		background-image:url(../img/bg/hotel/2037_small.jpg);
	}

	.galeria {
		padding-left:0;
	}

}