@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400|Work+Sans:300,400,700|PT+Sans:400,700);

html {
	background: white;
	margin: 0;
	padding :0;
	height: 100%;
	width: 100%;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #fff;
}

a[href^=tel] {
	text-decoration: inherit;
	color: inherit;
}

#header .navigation ul li a {
	color: #fff;
}

.clear {
	display: block;
	clear: both;
}

h1,h2,.h1,.h2 {
	color: #333;
	font-weight: bold;
	margin: 0;
}

h1,.h1 {
	margin-top:0;
}

h2,.h2 {
	margin:0;
	font-weight:normal;
}

h2,h3,h4,h5 {
	margin: 0 0 15px 0;
}

h3,.h3  {
	width: auto;
	font-size: 1.2em;
	font-weight: normal;
}

h4 ,h5 { font-size: 1.2em;color:#999; }
ol, ul {
	list-style: none;
}

table,tr,td {
	border:0;
	border-color:transparent;
}

fieldset {
	margin:0;
	border:0;
}

input,select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}

select::-ms-expand {
	display: none;
}

select option {
	color: black;
}

ul {
	list-style: none;
	margin:0;
	padding:0;
}

main {
	display: block;
}

p {
	margin: 0;
}

label {
	font-weight: bold;
}

.clear {
	clear: both;
}

.pull-right	{
	float: right !important;
}
.pull-left {
	float: left !important;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.center {
	text-align: center;
}

.center-block {
	margin: 0 auto;
}

.content p, .side-content p, .related-content p,
.contentStyle,
.contentStyle p {
	margin-bottom: 8px;
	line-height: 1.4em;
}

.description a,
.content a,
.center-content a,
.contentStyle a {
	color: #49A6E2 !important;
	text-decoration: underline;
}

.description a:hover,
.content a:hover,
.side-content a:hover,
.contentStyle a:hover {
	text-decoration: underline !important;
}

.container {
	min-width: 1000px;
	max-width: 1200px;
	padding: 0 15px;
	margin: 0 auto;
}

.container.container-full {
	min-width: 1000px;
	padding: 0;
	max-width: 100%;
}

.col-full {
	padding-left: 0;
	padding-right: 0;
}

.img-responsive {
	width: 100%;
}

.list-inline li {
	display: inline-block;
}

.relative {
	position: relative;
}

.hidden {
	display: none;
}

#ui-datepicker-div {
	z-index: 999999 !important;
}

.form-input {
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-radius: 0;
	padding: 10px 12px;
	width: 100%;
	display: inline-block;
}

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

.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

.clearfix::after {
	display: table;
	clear: both;
	content: "";
}

.text-overflow {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-two-columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

/* GRID */
.row {
	margin-left: -15px;
	margin-right: -15px;
}

.col-half,
.col-third,
.col-two-third,
.col-eight,
.col-seven,
.col-four,
.col-five,
.col-three,
.col-two,
.col-nine,
.col-six,
.col-ten,
.col-eleven,
.col-one,
.col-complete,
.col-fifth {
	float: left;
}

.col-eleven {
	width: 91.3333333333%;
}

.col-ten {
	width: 82.6666666667%;
}

.col-nine {
	width: 74.0%;
}

.col-eight {
	width: 65.3333%;
}

.col-seven {
	width: 56.6666666667%;
}

.col-six {
	width: 48%;
}

.col-five {
	width: 39.3333333333%;
}

.col-four {
	width: 34.6667%;
	/*width: 30.6666666667%;*/
}

.col-three {
	width: 25%;
}

.col-two {
	width: 13.3333333333%;
}

.col-one {
	width: 4.66666666667%;
}

.col-third {
	width: 33.333%;
}

.col-two-third {
	width: 66.666%;
}

.col-half {
	width: 50%;
}

.col-complete {
	width: 100%;
}

.col-fifth {
	width: 20%;
}

.col-padding {
	padding: 7.5px;
}
form .col-padding {
	padding: 7.5px 0;
}



/* new padding system */
.pad {
	padding: 15px;
}

.pad-v {
	padding: 15px 0;
}

.pad-h {
	padding: 0 15px;
}

.no-pad-left {
	padding-left: 0 !important;
}
.no-pad-right {
	padding-right: 0 !important;
}
/* images */
.photo-container {
	overflow: hidden;
	float: left;
	width: 25%;
}

.resize-on-hover {
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.resize-on-hover:hover {
	transform: scale(1.05);
}

.ui-datepicker select.ui-datepicker-month {
	padding: 0px;
}


/*-------------------- FONTS ------------------------*/
body * {
	font-family: 'PT Sans', sans-serif;
}

#fx-page-title,
#fx-page-title *,
#fx-page-subtitle,
#fx-page-subtitle *,
.events .event-title,
.section .section-title,
.card .card-title,
.side-content h3,
.related-title p,
footer .title,
#category-promotions .card .card-title a,
#content-promotions .card .card-title a {
	font-family: 'Crimson Text', serif;
}

html, body {
	font-size: 14px;
}

.booking-form,
.booking-form input,
.booking-form textarea {
	font-size: 1rem;
}

.form-default select,
.form-default textarea,
.form-default input[type="text"],
.form-default input[type="number"],
.form-default input[type="email"],
.form-default input[type="time"],
.form-default input[type="search"],
.form-default.form-booking-horizontal label {
	font-size: 0.929rem; /* ~13px */
}

.form-default .btn.btn-action {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase !important;
}

.form-default .form-title,
.schedule-title,
.card-menu,
.content,
.center-content,
.side-content,
footer .details,
.events .event-content {
	font-size: 1.143rem; /* ~16px */
}

#contact-info .phone,
.quotes .comment-content,
.card-room .card-room-content .card-room-title,
#content-hotel .section-promotions .card-title a {
	font-size: 1.286rem; /* ~18px */
}

.section .section-subtitle {
	font-size: 1.429rem; /* ~20px */
}

.card .card-title,
.quotes .comment-content::before,
.quotes .comment-content::after {
	font-size: 2.143rem; /* ~30px */
}

footer .title,
.featured-page .featured-title,
.related-box .featured-title {
	font-size: 2.143rem; /* ~36px */
}

.events .event-title,
.related-title {
	font-size: 3rem; /* ~48px */
}

#fx-page-title {
	font-size: 3.2rem;
}


#fx-page-subtitle,
.section .section-title {
	font-size: 2.5rem; /* ~50px */
	line-height: 1.2;
	padding-top: 10px;
}


#main-footer .middle-footer .footer-navbar a.featured,
#main-footer .middle-footer .footer-navbar ul li a,
#main-footer .middle-footer .footer-contact .contact-info :not(.phone) {
	line-height: 22px;
}

.ui-accordion h3 {
	line-height: 2em;
}

.form-default .form-title {
	line-height: 2.2em;
}

.card-room-title {
	line-height: 1.2em;
}

#fx-page-title,
.card .card-title,
footer .title {
	line-height: 1em;
}

/* light */
.content,
.side-content,
.quotes .comment-content,
footer .top-footer {
	font-weight: 300;
}

/* normal */
#fx-page-title,
.text-highlight .subtitle,
.text-highlight h4,
#main .products .text-container ul li,
.form-default label {
	font-weight: normal;
}

/* semi-bold */
.schedule-title,
#main .products-images .image .label .title {
	font-weight: 600;
}

/* bold */
.card-room-title span,
#content-hotel .section-promotions .card-title a,
#main .products .text-container ul li span,
.ui-accordion .ui-accordion-content ul li,
.ui-accordion .ui-accordion-content > p > span,
.quotes .comment .comment-details span:last-child,
#header .navigation ul li a,
.form-default .from input,
.form-default .to input,
.form-default .adults select,
.form-default .rooms select {
	font-weight: 700;
}

/* black */
noob {
	font-weight: 900;
}

/* letter-spacing */
noob {
	letter-spacing: 0.15em;
}

.quotes .comment-content {
	font-style: italic;
}

.card-menu {
	text-align: center;
}

#fx-page-title,
.section .section-title,
#header .navigation ul li a,
ul.languages li a,
.card-room .card-room-content .card-room-title,
.schedule-title,
.card-menu,
.featured-page .featured-title,
.related-box .featured-title,
footer .title,
.form-default .from label,
.form-default .to label,
.form-default .adults label,
.form-default .rooms label {
	text-transform: uppercase;
}

#main-header {
	text-shadow: 1px 0px 1px #000;
}

#main-header .header-info {
	padding-top: 11px;
	margin-right: 30px;
}

#main-header .header-info li {
	margin-right: 15px;
}

/* TABLES */

table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: transparent;
	border-spacing: 0;
	border-collapse: collapse;
}

thead {
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
}

tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}

tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}

table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
	border-top: 0;
}

table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}

table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

td, th {
	padding: 0;
}

th {
	text-align: left;
}

/*-------------------- GENERAL CATEGORIES ------------------------*/
#category,
#category-promotions,
#content-promotions {
	background-color: #f4f4f4;
}

#category .section.section-promotions,
#category-promotions .section.section-promotions,
#content-promotions .section.section-promotions {
	background-color: transparent;
}

#category-rooms #main,
#content-room #main {
	padding-bottom: 335px;
}

#category-promotions #main {
	margin-top: 65px;
}

#category-promotions .center-content {
	margin-bottom: 0;
}


/*------------------------- CATEGORY-ENTORNO---------------------------*/

.card-entorno {
	position: relative;
	overflow: hidden;
}

.card-entorno:hover {
	opacity: 0.9;
}

.card-title-entorno {
	position: absolute;
	position: absolute;
	bottom: 12px;
	left: 20px;
	font-size: 1.5em;
	font-family: 'crimson', serif !important;
	text-shadow: 1px 1px 1px #333;
}

#category-entorno .section-entorno {
	margin-top: 40px;
}
#category-entorno .content ul li {
	padding-left: 15px;
	background: url(/templates/images/bullet.png) left no-repeat;
}


/*------------------------ CONTENT-ENTORNO -----------------------*/

#content-entorno #main {
	padding-bottom: 300px;
}

#content-entorno .other-activities {
	margin-top: 5px;
}

#content-entorno .other-activities .other-title {
	font-size: 1.2em;
	text-transform: uppercase;
}

#content-entorno .other-activities ul {
	margin-top: 15px;
}

#content-entorno .other-activities ul li {
	padding: 5px 0 5px 15px;
	background: url(/templates/images/bullet.png) left no-repeat;
}

#content-entorno .other-activities ul li a {
	color: #333;
}

#content-entorno .other-activities ul li a:hover {
	opacity: 0.8;
}

/*-------------------- CONTENT-TEXT ------------------------*/
#content-text #main {
	padding-bottom: 70px;
	background-image: none;
}


/*-------------------- CONTENT-FULLPAGE ------------------------*/
#content-fullpage #main {
	padding-bottom: 50px;
}


/* CONTENT FORM GALLERY */

#content-form-gallery .breadcrumbs {
	left: 18px;
}

/*-------------------- CONTENT-HOME ------------------------*/
#content-home .events.container {}

#content-home #fx-page-title {
	width: 580px;
	margin: 0 auto 20px auto;
	text-align: center;
}

#content-home .content {
	width: 80%;
	margin: 0 auto;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 60px; /* Chrome, Safari, Opera */
	-moz-column-gap: 60px; /* Firefox */
	column-gap: 60px;
	text-align: center;
}

/*-------------------- HEADER ------------------------*/
#main-header .top-navbar {
	padding: 0 15px;
}

#main-header {
	/*min-height: 200px;*/
}

#main-header header {
	background-color: rgba(11, 11, 11, 0.9);
	position: relative;
	padding-bottom: 10px;
}

#content-home #main-header .header-overlay {
	opacity: 0;
	position: absolute;
	top: 0;
	height: 45%;
	width: 100%;
	background: rgba(0,0,0,0.49);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.49) 0%, rgba(0,0,0,0.32) 12%, rgba(0,0,0,0.23) 29%, rgba(0,0,0,0.14) 58%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.49)), color-stop(12%, rgba(0,0,0,0.32)), color-stop(29%, rgba(0,0,0,0.23)), color-stop(58%, rgba(0,0,0,0.14)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.49) 0%, rgba(0,0,0,0.32) 12%, rgba(0,0,0,0.23) 29%, rgba(0,0,0,0.14) 58%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.49) 0%, rgba(0,0,0,0.32) 12%, rgba(0,0,0,0.23) 29%, rgba(0,0,0,0.14) 58%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.49) 0%, rgba(0,0,0,0.32) 12%, rgba(0,0,0,0.23) 29%, rgba(0,0,0,0.14) 58%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.49) 0%, rgba(0,0,0,0.32) 12%, rgba(0,0,0,0.23) 29%, rgba(0,0,0,0.14) 58%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

#main-header .header-overlay {
	opacity: 0;
	position: absolute;
	top: 0;
	height: 65%;
	width: 100%;
	background: rgba(0,0,0,0.49);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.49) 0%, rgba(0,0,0,0.32) 12%, rgba(0,0,0,0.23) 29%, rgba(0,0,0,0.14) 58%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.49)), color-stop(12%, rgba(0,0,0,0.32)), color-stop(29%, rgba(0,0,0,0.23)), color-stop(58%, rgba(0,0,0,0.14)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.49) 0%, rgba(0,0,0,0.32) 12%, rgba(0,0,0,0.23) 29%, rgba(0,0,0,0.14) 58%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.49) 0%, rgba(0,0,0,0.32) 12%, rgba(0,0,0,0.23) 29%, rgba(0,0,0,0.14) 58%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.49) 0%, rgba(0,0,0,0.32) 12%, rgba(0,0,0,0.23) 29%, rgba(0,0,0,0.14) 58%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.49) 0%, rgba(0,0,0,0.32) 12%, rgba(0,0,0,0.23) 29%, rgba(0,0,0,0.14) 58%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

/* languages */
ul.languages {
	display: inline-block;
}

ul.languages li.active a {
	color: #96afbf;
}

ul.languages li {
	display: inline-block;
	position: relative;
}

ul.languages li a {
	-webkit-transition: color 0.2s ease-in 0.1s;
	-moz-transition: color 0.2s ease-in 0.1s;
	-o-transition: color 0.2s ease-in 0.1s;
	transition: color 0.2s ease-in 0.1s;
}

.nav-logo img {
	position: relative;
	top: -12px;
}

.header-key {
    position: relative;
    bottom: 19px;
    width: 100%;
    left: initial;
    right: initial;
    margin-right: initial;
    margin-left: initial;
    letter-spacing: 2px;
    color: #F1F1F1;
    font-size: 0.7em;
    text-transform: uppercase;
    text-align: center;
}


/* contact-info */
#header #contact-info {
	height: 50px;
	text-align: right;
	padding: 10px 0;
}

#header #contact-info .phone-text,
#header #contact-info .phone {
	float: right;
	display: inline-block;
}

#header #contact-info .phone-text {
	width: 20%;
	padding-top: 3px;
}

#header #contact-info .phone {
	padding: 0 15px;
}

#header #contact-info ul.phone li:not(:first-child):before {
	content: "/";
	margin: 10px 6px 0px 2px;
}

/* navigation */
#header .navigation {
	text-align: center;
	overflow: hidden;
}

#header .navigation .left-nav {
	width: 38%;
	float: right;
	position: relative;
	top: 20px;
	text-align: right;
}

#header .navigation .right-nav {
	width: 40%;
	float: right;
	position: relative;
	top: 20px;
	text-align: left;
}

#header .navigation .header-logo {
	width: 22%;
	float: right;
	text-align: center;
}



#header .navigation ul {
	height: 85px;
	overflow: hidden;
}

#header .navigation ul,
#header .navigation ul li {
	display: inline-block;
}

#header .navigation li a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#header .navigation ul ul {
	display: none;
}

@media (max-width: 1150px) {
	#header .navigation {
		font-size: 0.9rem;
	}

	#header .navigation .nav-logo img {
		width: 180px;
		height: auto;
	}

	.header-key {
		bottom: 17px;
	}

	#header .navigation .right-nav,
	#header .navigation .left-nav {
		top: 10px;
	}
	#header .navigation ul {
		height: 65px;
	}

	#header .navigation ul li a, #header ul.languages li a {
		padding: 10px 6px !important;
	}
}







/*-------------------- CATEGORY-ROOMS ------------------------*/


/*-------------------- CONTENT-SUITE ------------------------*/
#content-suite .form-vertical label {
	display: block;
	position: initial;
	padding: 5px 0;
}

#content-suite .breadcrumbs{
	left: initial;
}

#content-suite #main .content ul li {
	display: inline-block;
	float: left;
	width: 33.333%;
}

#content-suite #main .side-content {
	padding-top: 25px;
}

#content-suite #main .side-content ul {
	column-count: 3;
}

#content-suite #main .side-content ul li {
	display: inline-block;
    float: left;
    /* column-count: 3; */
    width: 120%;
    /* display: block; */
    clear: both;
    /* min-width: 110px; */
    padding: 0 15px;
    background: url("/templates/images/checked.png") left 4px no-repeat;
}

#content-suite #main .side-content h3 {
	font-size: 1.4em;
	color: #333;
}

/*-------------------- CONTENT-ROOM ------------------------*/
#content-room #main .content ul li {
	display: inline-block;
	float: left;
	width: 33.333%;
}

#content-room #main #fx-page-subtitle,
#content-suite #main #fx-page-subtitle {
	padding-top: 15px;
	font-weight: 400;
	line-height: 1.1;
}

#content-room #main .side-content {
	padding-top: 25px;
}

#content-room #main .side-content ul {
	column-count: 3;
}

#content-room #main .side-content ul li {
	display: inline-block;
    float: left;
    /* column-count: 3; */
    width: 100%;
    /* display: block; */
    clear: both;
    /* min-width: 110px; */
    padding: 0 15px;
    background: url("/templates/images/checked.png") left 4px no-repeat;
}

#content-room #main .side-content h3 {
	font-size: 1.4em;
	color: #333;
}

#content-room .cycle-container {
	margin-top: 45px;
}

.room-images img {
	max-width: 100%;
	height: auto;
}

.room-images {
	padding: 8px 0 0 40px;
}

.room-featured-image img,
.room-thumb img {
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.room-thumbs {
	margin-left: -7.5px;
	margin-right: -7.5px;
}

.room-thumb {
	padding: 15px 7.5px;
}


/*-------------------- FORM-BOOKING ------------------------*/
.form-default .btn.btn-action {
	color: #000;
}

.form-default .form-title {
	color: #fff;
}

.form-default.form-booking-vertical,
.form-default.form-booking-horizontal,
.form-default.form-restaurant {
	position: relative;
}

.form-default select,
.form-default textarea,
.form-default input[type="text"],
.form-default input[type="number"],
.form-default input[type="email"],
.form-default input[type="time"],
.form-default input[type="search"] {
	color: #fff;
	background-color: transparent;
	outline: none;
	border: 1px solid rgba(97, 97, 97, 0.45);
}

.form-default select {
	cursor: pointer;
}

.form-default textarea {
	min-height: 100px;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
	-webkit-box-shadow: 0 0 0px 1000px #505050 inset; /* Change background color */
	border: 1px solid transparent;
	outline: none;
}

.form-default.form-booking-horizontal .form-title,
.form-default.form-booking-horizontal .from,
.form-default.form-booking-horizontal .to,
.form-default.form-booking-horizontal .adults,
.form-default.form-booking-horizontal .rooms,
.form-default.form-booking-horizontal .submit-container {
	display: inline-block;
	float: left;
}

/* form-vertical */

.form-vertical {
	width: 320px;
	float: right;
	background: black;
	box-shadow: 0 0 3px #242424;
	-webkit-box-shadow: 0 0 3px #242424;
	-moz-box-shadow: 0 0 3px #242424;
	-o-box-shadow: 0 0 3px #242424;
	background-color: #242424;
}

.form-vertical.over-header {
	margin-top: -125px;
}

.form-vertical .booking-form-header{
	color: white;
	padding-bottom: 12px;
	font-size: 1.2em;
	text-transform: uppercase;
}

.form-vertical textarea {
	min-height: 100px;
}

.form-vertical select,
.form-vertical textarea,
.form-vertical input[type="text"],
.form-vertical input[type="number"],
.form-vertical input[type="email"],
.form-vertical input[type="time"],
.form-vertical input[type="search"] {
	color: #E0E0E0;
	background-color: #313131;
	outline: none;
	border: 1px solid rgba(97, 97, 97, 0.45);
}

input.half-padding {
	padding-left: 165px !important;
}

.form-vertical label {
	padding: 8.5px 8.5px 8.5px 12px;
	position: absolute;
	margin-top: 4px;
	font-weight: 100;
}

.form-default.form-booking-vertical form,
.form-default.form-restaurant form {
	padding: 15px;
}

.form-default.form-booking-vertical form .form-title,
.form-default.form-restaurant form .form-title {
	padding: 0 7.5px;
}

.form-default.form-booking-vertical form .from,
.form-default.form-booking-vertical form .to {
	float: left;
	width: 50%;
}

.form-default.form-booking-vertical form .adults {
	clear: both;
}

/* form-horizontal */

.form-default.form-booking-horizontal form {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;
	justify-content:center;
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px 20px;
	background: transparent;
	box-shadow: none;
}

.form-default.form-booking-horizontal .btn.btn-action {
	background: #49A6E2 url('/templates/images/flecha-submit.png') 90% no-repeat;
	background-size: 20px;
	padding-right: 25px;
}

.form-default.form-booking-horizontal .btn.btn-action:hover {
	background: #5BBFFF url('/templates/images/flecha-submit.png') 92% no-repeat;
	background-size: 20px;
}

.form-default.form-booking-horizontal .form-title {
	width: 16%;
}

.form-default.form-booking-horizontal .from,
.form-default.form-booking-horizontal .to {
	width: 21%;
}

.form-default.form-booking-horizontal .adults,
.form-default.form-booking-horizontal .rooms {
	width: 17%;
}

.form-default.form-booking-horizontal .submit-container {
	width: 24%;
}

.form-default .days-container {
	padding: 0 7.5px;
}

.form-default.form-booking-horizontal .from,
.form-default.form-booking-horizontal .to,
.form-default.form-booking-horizontal .adults,
.form-default.form-booking-horizontal .rooms {
	position: relative;
}

.form-default.form-booking-horizontal .from input,
.form-default.form-booking-horizontal .to input,
.form-default.form-booking-horizontal .adults select,
.form-default.form-booking-horizontal .rooms select {
	text-align: right;
	color: #49A6E2;
	cursor: pointer;
}

.form-default.form-booking-horizontal .from input,
.form-default.form-booking-horizontal .to input {
	padding-right: 40px;
}

.form-default.form-booking-horizontal .adults select,
.form-default.form-booking-horizontal .rooms select {
	direction: rtl;
	float: right;
	padding-right: 26px;
}

.form-default.form-booking-horizontal .adults label,
.form-default.form-booking-horizontal .rooms label {
	pointer-events: none;
}

.form-default.form-booking-horizontal .from label,
.form-default.form-booking-horizontal .to label,
.form-default.form-booking-horizontal .adults label,
.form-default.form-booking-horizontal .rooms label {
	position: absolute;
	top: 14px;
	left: 25px;
	color: #fff;
}

.form-default input#to,
.form-default input#from,
.form-default input#date,
.form-default input#time {
	background-image: url("/templates/images/icon-calendar.png");
	background-repeat: no-repeat;
	background-position: 95% center;
}

select {
	background-image: url("/templates/images/icon-dropdown.png");
	background-repeat: no-repeat;
	background-position: 95% center;
}

form button.btn-action {
	text-transform: uppercase;
	padding: 7.5px 15px;
}

.left-content,
.right-sidebar,
#content-vacations #main {
	padding: 60px 0;
}

.left-content {
	width: 61%;
	float: left;
	padding-right: 40px;
}

.right-sidebar {
	width: 39%;
	max-width: 390px;
	float: right;
}

.right-sidebar .right-sidebar-title {
	clear: both;
	text-align: center;
	padding: 40px 10px 10px;
}

.right-sidebar .layout-container a.fancybox {
	display: block;
	position: relative;
}

.right-sidebar .layout-container a.fancybox .hover-layer {
	content: "";
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

.right-sidebar .layout-container a.fancybox .hover-layer:hover {
	background-color: rgba(0,0,0,0.5);
}

.right-sidebar .layout-container a.fancybox .hover-layer:hover:before {
	content: "";
	display: block;
	width: 74px;
	height: 74px;
	position: absolute;
	z-index: 1;
	left: 34%;
	top: 32%;
	background-image: url("/templates/images/sprite-icons.png");
	background-repeat: no-repeat;
	background-position: -82px -122px;
}

.right-sidebar .layout-container {
	margin: -5px;
}

.right-sidebar .layout-container .image-container {
	display: inline-block;
	width: 50%;
	float: left;
	padding: 5px;
}

.right-sidebar img {
	width: 100%;
	padding: 5px;
	background: #f3f3f3;
	border: 1px solid #e4e4e4;
}

.thanks-m {
	text-align: center;
	color: #dedede;
	font-size: 1.4em;
	padding-bottom: 40px;
}

#content-contact .thanks-m {
	color: #333;
}

#lead-form-contact .thanks-m {
	border: none;
}

.booking-form label {}


/*-------------------- GALLERY ------------------------*/
#content-gallery #main{
	padding-top: 0;
}

.inside-gallery {
	float: left;
	margin-top: 50px;
}

.inside-gallery .thumb {
	box-sizing:border-box;
	padding: 1px;
	overflow: hidden;
	opacity: 1;
}

.inside-gallery img{
	width: 100%;
}
.inside-gallery img:hover{
	opacity:0.9;
}
.gallery-photos-inside .photo {
	float: left;
	width: 20%;
	position: relative;
	overflow: hidden;
}
.gallery-photos-inside .photo img {
	transition: 0.3s all;
	width: 100%;
}
.gallery-photos-inside .photo:hover img {
	transform: scale(1.04);
	transition: 0.3s all;
}
.photo-container {
	padding: 5px 10px 5px 0;
	position: relative;
}

.photo-container .photo {
	position: relative;
	overflow: hidden;
}

.photo-container a:hover:after {
	content: "";
	display: block;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	height: 100%;
	position: absolute;
	top: 0;
}

.photo-container a:hover:before {
	content: "";
	display: block;
	width: 74px;
	height: 74px;
	position: absolute;
	z-index: 1;
	left: 43%;
	top: 35%;
	background-image: url("/templates/images/sprite-icons.png");
	background-repeat: no-repeat;
	background-position: -82px -122px;
}

.photo-container a {
	display: block;
}

.photo-container img {
	width: 100%;
}

/*-------------------- FORMS ------------------------*/
select,
textarea,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="time"],
input[type="search"] {
	border-radius: 0;
	border: 1px solid transparent;
	background-color: #fff;
	padding: 10px 12px;
	width: 100%;
	display: inline-block;
}

.btn,
select,
textarea,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="time"],
input[type="search"] {
	height: 45px;
}

.btn {
	border: none;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	padding: 10px 15px;
	display: inline-block;
}

.btn:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn--link{
    background-color: #49A6E2;
    height: auto;
    padding: 12px 30px;
    color: #ffffff;
    margin-top: 15px;
    transition: 0.2s all;
}
.btn--link:hover{
    background-color: #59B4EF;
}

/* Btn empty */
.btn.btn-empty {
	background-color: transparent;
}

.btn.btn-empty:hover {
	background-color: #fff;
}

/* Btn secondary */
.btn.btn-secondary {
	background-color: #383838;
	color: #fff;
}

.btn.btn-secondary:hover {
	background-color: #494747;
}


/*-------------------- 404 ------------------------*/
.content-404 {
	padding-top: 80px;
}

.content-404 .info-box {
	background: none repeat scroll 0 0 transparent;
	display: table;
	height: 300px;
	text-align: center;
	width: 100%;
}

.content-404 .info-box h1 {
	font-size: 2.3em;
	vertical-align: middle;
}

/*-------------------- GENERAL ------------------------*/
body {
	min-width: 1000px;
}

#main {
	min-height: 700px;
	position: relative;
	top: -65px;
	margin-bottom: -65px;
	background: url("/templates/images/bg-home-bottom.jpg") no-repeat #f1f6f8;
	background-color: #f1f6f8;
	-webkit-background-size: 100% 700px;
	-moz-background-size: 100% 700px;
	-o-background-size: 100% 700px;
	background-size: 100% 700px;
	background-position: bottom;
}

#main.without-bg {
	background: #F1F6F8;
	padding-bottom: 0;
	margin-top: 65px;
}

#main,
#content-home .featured-pages,
#content-home .section.section-promotions {
	padding: 65px 0;
}

#content-home .featured-page:hover {
	opacity: 0.9;
}

.center-content {
	text-align: center;
	width: 80%;
	margin: 0 auto 60px auto;
}

#destination-detail .sidecontent ol,
#content-ships .left-content .content ol {
	padding: 0;
}

#fx-page-title {
	padding: 0 0 0 0;
}

#fx-page-title > span,
#fx-page-subtitle,
.related-title,
#header .navigation li.active a,
#header .navigation li a:hover,
.card-room-title a {
	color: #49A6E2;
}

#content-home .section.section-restaurant .section-title,
.section.section-newsletter .section-title span {
	color: #C19A4D;
}

#header .navigation ul li a,
#header ul.languages li a {
	padding: 10px 8px;
	display: block;
}

body,
.gm-style,
.card .card-title,
.card .card-title a,
.events .event-content,
.events .event-content a,
.section .section-title,
.section .section-content .section-subtitle,
footer .title,
.card-room-title span {
	color: #383838;
}

.middle-footer a {
	color: #bfbfbf;
}
p.title.footer-contact {
    width: 210px;
    height: 110px;
}
.content {
	padding-top: 20px;
}

/* form-booking */
.form-default.form-booking-vertical,
.form-default.form-booking-horizontal,
.form-default.form-restaurant {
	top: -65px;
}

.form-default {

}

.form-default form {
	padding: 15px;
	box-shadow: 0 0 3px #242424;
	-webkit-box-shadow: 0 0 3px #242424;
	-moz-box-shadow: 0 0 3px #242424;
	-o-box-shadow: 0 0 3px #242424;
	background-color: #242424;
}

.form-default.form-booking-horizontal {
	margin: 0 auto;
	z-index: 1;
	background-color: rgba(11, 11, 11, 0.86);
}

.form-default.form-booking-horizontal .col-padding {
	padding: 0 5px;
}

.form-default.form-booking-vertical {
}

.form-default .btn,
.form-vertical .btn {
	width: 100%;
}

.form-input,
#main-header .top-navbar {
	color: #fff;
}

#main-header .top-navbar a:hover {
	color: #E9E9E9;
}

/* rotated-pic */
.rotated-pic {
	transform: rotate(4deg);
	-ms-transform: rotate(4deg); /* IE 9 */
	-webkit-transform: rotate(4deg); /* Chrome, Safari, Opera */
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
	box-shadow: 0 0 10px #6F6F6F;
	max-width: 100%;
	width: 420px;
}

.rotated-pic img {
	max-width: 100%;
	min-height: 200px;
	height: auto;
}

#content-room #main .content ul li::before,
ul.list-check li::before {
	content: "";
	display: inline-block;
	padding-right: 5px;
	width: 11px;
	height: 11px;
	background: url("/templates/images/sprite-icons.png") no-repeat;
	background-position: 0 -154px;
}

.btn.btn-action {
	color: #fff;
	background-color: #49A6E2;
}

.btn.btn-action:hover {
	background-color: #59B4EF;
}

.btn.btn-empty {
	color: #fff;
}

.btn.btn-empty:hover {
	color: #212833;
}

/* side-gallery-images */
.side-gallery-images img {
	max-width: 100%;
	height: auto;
}

.side-gallery-images {
	padding: 8px 0 0 40px;
}

.side-gallery-featured-image img,
.side-gallery-thumb img {
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.side-gallery-thumbs {
	margin-left: -7.5px;
	margin-right: -7.5px;
}

.side-gallery-thumb {
	padding: 15px 7.5px;
}

/* cycle */
.cycle-container::after {
	content: "";
	position: absolute;
	width: 680px;
	height: 20px;
	bottom: -20px;
	background: url("/templates/images/sprite-icons.png") no-repeat;
	background-position: 0 -200px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.cycle-container,
.cycle-container .cycle,
.cycle-container .cycle img {
	min-width: 620px !important;
	min-height: 415px !important;
	width: 100%;
	height: auto;
}

.cycle-container .cycle-prev,
.cycle-container .cycle-next {
	background-color: #C19A4D !important;
}

.cycle-container .cycle-prev {
	left: -5px !important;
}

.cycle-container .cycle-next {
	right: -5px !important;
}

/* related-boxes */
.related-boxes {
	padding-top: 50px;
	clear: both;
}

.related-box {
	overflow: hidden;
	position: relative;
}

.related-box .featured-image {
	max-width: 100%;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;}
}

.related-box .featured-image:hover {
	transform: scale(1.05);
}

.related-page .featured-title {
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: #fff;
}

/* cards */
.card {
	background-color: #fff;
	min-height: 280px;
	padding: 0 15px;
	margin: 15px 0;
	border-bottom: 4px solid #96afbf;
}

.card:hover .card-image img {
	opacity: 0.9;
}

.card .card-image {
	margin-left: -15px;
	margin-right: -15px;
	min-height: 190px;
}

.card .card-image img {
	width: 100%;
	height: auto;
}

.card .card-title,
.card .card-description {
	padding: 15px;
	text-align: center;
}

.card .card-title {
	height: 65px;
	text-align: center;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0;
    margin: 15px;
}

.card .card-description {
	height: 150px;
	border-top: 1px solid #dcdcdc;
	color: #757578;
}
.card .card-description a{
	display: -webkit-box;
    -webkit-line-clamp: 6;          /* número aproximado de líneas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card .card-description a {
	color: #757578;
}

/* card-room */
.card-room {
	margin-bottom: 30px;
}

.card-room-image {
	box-shadow: 0 5px 5px -6px rgba(17, 11, 14, 0.3);
	-webkit-box-shadow: 0 5px 5px -6px rgba(17, 11, 14, 0.3);
	-moz-box-shadow: 0 5px 5px -6px rgba(17, 11, 14, 0.3);
	-o-box-shadow: 0 5px 5px -6px rgba(17, 11, 14, 0.3);
	overflow: hidden;
	margin-bottom: 10px;
	height: 300px;
}

.rooms-container .col-complete img {
	width: 100%;
	height: auto;
}

/* featured-page */
.featured-pages {
	position: relative;
}

.featured-pages .container {
	position: relative;
	z-index: 1;
}

.featured-pages {
	background: url("/templates/images/bg-home-top.png") no-repeat;
	background-size: 100% 200px;
	background-position: 0 180px;
	min-height: 375px;
}

.featured-page {
	overflow: hidden;
	position: relative;
}

.featured-page::after,
.related-box:after {
	content: "";
	width: 405px;
	height: 10px;
	display: block;
	background: url("/templates/images/shadow-406x10.png") no-repeat;
	margin: 0 auto;
	background-size: 100% 100%;
	max-width: 100%;
}

.featured-page .featured-image {
	max-width: 100%;
}

.featured-page > a,
.related-box > a {
	display: block;
	overflow: hidden;
}

.featured-page .featured-title {
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: #fff;
	text-shadow: 1px 1px 1px #555;
}

.related-box .featured-title {
	position: absolute;
	bottom: 30px;
	left: 30px;
	color: #fff;
	text-shadow: 1px 1px 1px #555;
}

/* event-image */
.events > div {
	box-shadow: 0 5px 5px -6px rgba(17, 11, 14, 0.3);
	-webkit-box-shadow: 0 5px 5px -6px rgba(17, 11, 14, 0.3);
	-moz-box-shadow: 0 5px 5px -6px rgba(17, 11, 14, 0.3);
	-o-box-shadow: 0 5px 5px -6px rgba(17, 11, 14, 0.3);
}

.events .event-image,
.events .event-content {
	height: 400px;
	overflow: hidden;
}

.events .event-image img {
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
}

.events .event-content {
	padding: 50px 70px;
	background-color: #fff;
	text-align: center;
}

.events .event-title {
	position: relative;
	margin-bottom: 35px;
}

.events .event-title::after {
	content: "";
	position: absolute;
	bottom: -10px;
	width: 120px;
	left: 50%;
	margin-left: -60px;
	border-bottom: 1px solid #f0f0f0;
}

/* sections */
.section {
	padding: 30px 0 0 0;
}

.section .section-content {
	padding: 50px;
}

.section .section-subtitle,
.section .section-description,
.section .section-title {
	padding: 7.5px;
	text-align: center;
	position: relative;
}

.section .section-content .description {
	padding: 20px 0;
}

.section .section-content.section-right .section-title,
.section .section-content.section-right .section-subtitle,
.section .section-content.section-right .section-description,
.section .section-content.section-left .section-title,
.section .section-content.section-left .section-subtitle,
.section .section-content.section-left .section-description {
	/*width: 50%;*/
	max-width: 500px;
}

.section .section-content.section-right .btn.btn-action {
	margin-top: 15px;
}

.section .section-content.section-right .section-title,
.section .section-content.section-left .section-title {
	width: 100%;
}

.section .section-content.section-right .section-title,
.section .section-content.section-right .section-subtitle,
.section .section-content.section-right .section-description,
.section .section-content.section-left .section-title,
.section .section-content.section-left .section-subtitle,
.section .section-content.section-left .section-description {
	padding-left: 0;
	padding-right: 0;
	text-align: left;
}

.section .section-content.section-right {
	float: left;
}

.section .section-content.section-left {
	float: left;
	padding-left: 0;
}

/* section-history */
.section.section-history {
	background-color: #fff;
}

.section.section-history .container {
	position: relative;
}

.section.section-history .section-title {
	text-align: left;
	padding-left: 0;
}



/* section-home */
.section.section-home {
	min-height: 400px;
	position: relative;
	padding: 0;
}

/* section-promotions */
.section.section-promotions {}

.section.section-promotions .col-third {
	padding: 0 15px;
}

/*-------------------- CONTENT-RESTAURANT ------------------------*/

.reservas-restaurante {
	width: 300px;
	float: right;
	color: #FBFBFB;
	box-sizing: border-box;
	padding: 15px 20px 5px;
    box-shadow: 0 0 3px #242424;
    -webkit-box-shadow: 0 0 3px #242424;
    -moz-box-shadow: 0 0 3px #242424;
    -o-box-shadow: 0 0 3px #242424;
    background-color: #242424;
    text-shadow: 1px 1px 1px black;

}

.reservas-restaurante .reservas-title {
	font-size: 1.25em;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px black;
}

.reservas-restaurante .reservas-title p {
	font-weight: 100;
}

.reservas-restaurante .reservas-info {
	padding-top: 10px;
}

.reservas-restaurante .reservas-info a {
	font-size: 1.25em;
	margin-bottom: 10px;
	display: block;
	background-size: 20px;
}

.reservas-restaurante .reservas-info p {
	font-size: 1em;
	padding: 1px 0;
	color: #D2D2D2;
}

.reservas-restaurante .llegar{
	margin-top: 10px;
}

.reservas-restaurante .llegar label{
	font-weight: 100;
	color: #D2D2D2;
}

.reservas-restaurante .llegar input#saddr{
	height: 35px;
	margin: 10px 0;
	background: #474747;
	border: solid 1px #555;
	border-radius: 2px;
	color: white;
}

.reservas-restaurante .llegar input#submit{
	height: 35px;
	width: 100%;
	background: #49A6E2;
	border: none;
	box-shadow: none;
	border-radius: 2px;
	text-transform: uppercase;
}

.reservas-restaurante .llegar input#submit:hover{
	background: #57BDFF;
}

#content-restaurant .content ul li {
	padding-left: 15px;
	background: url(/templates/images/bullet.png) left no-repeat;
}

/*---------------------- CONTENT-PROMOTIONS -----------------------*/
#content-promotions {}

#content-promotions #main-header {
	z-index: 1 !important;
}

#content-promotions #fx-page-title {
	font-size: 2.8rem;
}

#content-promotions .in-header #fx-page-title,
#content-promotions .in-header #fx-page-subtitle,
#content-promotions .in-header .content {
	color: #fff;
}

#content-promotions .in-header {
	position: absolute;
	bottom: 50px;
	text-align: center;
	background: rgba(0,0,0,0.8);
	border: 1px solid #fff;
	outline: 4px solid black;
	width: 990px;
	left: 50%;
	margin-left: -500px;
	padding: 20px;
}

/*#content-promotions .content {
	width: 59%;
	margin: 0 auto;
	padding-top: 0;
}*/

#content-promotions #fx-page-title {
	width: 80%;
	margin: 0 auto;
}

#content-promotions .content ul {
	display: inline-block;
	text-align: left;
}

#content-promotions .breadcrumbs {
	position: initial;
	top: initial;
	left: initial;
}

#content-promotions #content-promotions .container {
	text-align: initial;
}

#content-promotions .page-content {
	max-height: 303px;
	overflow: hidden;
}

/*#content-promotions .form-default.form-booking-horizontal {
	position: absolute;
	bottom: -80px;
	top: initial;
	height: 65px;
	width: 997px;
	left: 50%;
	margin-left: -498px;
	background-color: #000;
}*/

#content-promotions .container,
#content-hotel .related-title {
	text-align: center;
}

#content-promotions .content ul li:before, #content-form-gallery .content ul li:before {
	padding-right: 0.3em;
	content: "•";
	color: #49A6E2;
	font-size: 20px;
}


/*-------------------- CONTENT-HOTEL ------------------------*/
/* section-hotel */
#content-hotel .content {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	text-align: left;
}

#content-hotel .card-title {
	font-family: 'Crimson Text', serif;
	height: 60px;
}
.section.section-hotel .container {

}

.section.section-hotel .container {

}

.section.section-hotel .section-content {

}


/* ------------------ Conten-contact -------------------- */


#content-contact .page-content {
	padding-bottom: 50px;
}

#content-contact #main-header #header{
	position: absolute;
	z-index: 10;
	width: 100%;
}

#content-contact .form-default input {
	text-transform: capitalize;
	color: #333 !important;
}

#content-contact .form-default textarea {
	text-transform: capitalize;
}

#content-contact .btn {
	text-transform: capitalize;
}

#content-contact .contact-image {
	width: 100%;
	overflow: hidden;
	padding-top: 42px;
}

#content-contact .form-default {
	box-shadow: none;
}

#content-contact .form-vertical {
	box-shadow: none;
}

#content-contact .form-default form {
	background-color: transparent;
	box-shadow: none;
}

#content-contact .booking-form-header {
	color: #333;
	font-size: 1.4em;
}

#content-contact .form-vertical {
	background-color: rgba(255, 255, 255, 0.47);
}

#content-contact .form-vertical input,
#content-contact .form-vertical textarea {
	background-color: white;
	border-color: #DFDFDF;
}

/*-------------------- ICONS ------------------------*/
.icon {
	width: 22px;
	height: 22px;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle;
	background: transparent url("/templates/images/sprite-icons.png") no-repeat;
}

/* */
.icon.icon-success { background-position: 0 -84px }
.icon.icon-location { background-position: 0 -117px }
.icon.icon-mail { background-position: 0 -94px }
.icon.icon-mail-trans { background-position: 0 -23px }
.icon.icon-phone { background-position: 0 -70px }
.icon.icon-phone-trans { background-position: 0 0 }
.icon.icon-schedule { background-position: -36px -140px }

/* socials */
.icon.icon-google-plus:hover,
.icon.icon-facebook:hover,
.icon.icon-twitter:hover,
.icon.icon-pinterest:hover,
.icon.icon-petsallowed:hover,
.icon.icon-instagram:hover {
	opacity: 0.7;
}

.icon.icon-google-plus { background-position: 0 -184px }
.icon.icon-twitter { background-position: 0 -160px }
.icon.icon-facebook { background-position: 0 -139px }
.icon.icon-instagram {
	background: transparent url(/thumb?src=/templates/images/icon-instagram.png&w=20) no-repeat center;
}
.icon.icon-pinterest { background-position: -23px -207px }


.icon.icon-events {
	width: 45px;
	height: 38px;
	background: transparent url("/templates/images/eventos.png") no-repeat;
	background-size: 100%;
}

.icon.icon-freewifi {
	height: 49px;
	width: 60px;
	background-position: -23px -35px;
}

.icon.icon-blauverdhotels {
	width: 102px;
	height: 50px;
	background: url("/templates/images/ghc.svg") no-repeat;
	background-size: 98%;
}

.icon.icon-logis {
	width: 52px;
	height: 52px;
	background: transparent url("/templates/images/logo-logis.png") no-repeat;
	background-size: 100%;
}

.icon.icon-rusticae {
	width: 102px;
	height: 34px;
	background: transparent url("/templates/images/rusticae.png") no-repeat;
	background-size: 100%;
}

/*-------------------- FOOTER ------------------------*/
footer {}

footer .top-footer,
footer .bottom-footer {
	clear: both;
}

footer .top-footer,
footer .top-footer a,
footer .bottom-footer,
footer .bottom-footer a {
	color: #b3b3b3 !important;
}

footer .bottom-footer ul li:not(:last-child)::after {
	content: "|";
	color: #5f5f5f;
	padding: 0 6px 0 12px;
}

footer ul.footer-services {
	text-align: center;
	padding-top: 75px;
}

/* top-footer */
footer .top-footer {
	background-color: #fff;
	padding: 30px 15px;
}

.details li a {
	padding: 5px 0;
}

.footer-contact {
	max-width: 260px;
	float: right;
}

.footer-contact .title {
}

.top-footer .title,
.details,
#mc_embed_signup {
	margin-bottom: 20px;
}

.footer-newsletter input[type="email"] {
	background: #f9f9f9;
	background-color: #f9f9f9;
	border: 1px solid #e9e9e9;
	width: 160px;
	color: #444;
}

.footer-newsletter input[type="email"],
.footer-newsletter input[type="submit"] {
	height: 35px;
	float: left;
	margin-right: 5px;
}

.footer-services {
	clear: both;
}

.footer-services li {
	padding: 0 18px;
	padding-top: 20px;
}

/* middle-footer */
.middle-footer {
	background-color: #f6f6f6;
	padding: 50px 0;
}

.middle-footer li {
	display: inline-block;
	float: left;
	width: 33.333%;
	padding: 5px 15px;
}

/* bottom-footer */
.bottom-footer {
	background-color: #383838;
	height: 40px;
}

.bottom-footer li {
	padding: 10px 0px;
}

    footer .top-footer {
         background-color: #f6f6f6;
         padding: 0px 15px;
        display: inherit;
    }

    footer .top-second-footer {
        background-color: #fff;
        padding: 30px 15px;
        display: inherit;
    }
    .col-hls {
        padding: 20px 10px;
    }

    .footer-newsletter {
        padding-top: 20px;
    }
    .top-footer .news-title {
        width: 20%;
        display: inherit;
        float: right;
        margin-top: 20px;
    }
    .top-footer .hoteltitle {
        font-size: .9em;
        font-weight: 300;
    }
    .top-footer .title {
        font-size: 1.2em;
        text-transform: uppercase;
        font-weight: 400;
        margin-top: -3px;
    }
   .top-footer .our-book {
        margin-top: 20px;
        width: 75%;
        float: right;
    }
     .top-footer .col-half.last {
        border-left: 1px solid #fff;
        /* float: right; */
        /* padding-left: 30px; */
    }
    .top-footer .our-book input {
        border: 1px solid rgba(169, 168, 168, 0.3);
        background: transparent;
        padding: 0px 5px;
        width: 34%;
        height: 35px;
        color: #444;
    }
    .top-footer input#obook-send {
        border: 0;
        padding: 10px 21px;
        color: #fff;
        font-size: .85em;
        background: #49a6e2;
        width: auto;
        position: relative;
        margin-left: 5px;
        /* margin-top: 5px; */
        cursor: pointer;
    }

    .footer-newsletter p.title {
        float: left;
        width: 40%;
        margin-bottom:0px;
        /* margin-top: 4px!important; */
    }
    .footer-newsletter #mc_embed_signup {
        margin-bottom: 20px;
        float: left;
        width: 60%;
        }

    .footer-newsletter #mc_embed_signup .btn.btn-secondary {
         background-color: #49a6e2;
         color: #fff;
         font-size: .85em;
         padding: 0px 20px;
     }
     footer ul.footer-services {
         padding:0px;
     }
     .details li a {
        padding: 5px 0;
        color: #444;
    }
    .footer-contact {
        max-width: 210px;
        float: left;
    }
    .footer-services li:first-child {
        padding-left: 0px;

    }
    .footer-services li {
         padding-top:0px;
    }
/* breadscrumbs */
#main .container {
	position: relative;
}

.breadcrumbs {
	position: absolute;
	top: -40px;
	left: 35px;
	text-align: left;
}

.breadcrumbs li {
	display: inline-block;
	margin-right: 5px;
	font-size: 1rem;
}

.breadcrumbs li:not(:last-child) a {
	font-weight: bold;
}

.breadcrumbs li:not(:last-child):after {
	content: ">";
	margin-left: 5px;
}

.breadcrumbs a {
	color: #383838;
}


/*----------------- FULLPAGE BOOKING ----------------*/

#booking #main {
	top: 0;
}

#booking #main-footer {
	position: relative;
	top: 65px;
}


/*-------------- PROMOCIONES HEADER -----------------*/


#main-header .promo-container {
    width: 300px;
    height: 300px;
    position: absolute;
    top: 205px;
    box-shadow: 0px 0px 10px -5px #333;
}

#main-header .promo-container .promo {
	width: 100%;
    height: 100%;
    float: left;
    background: rgba(11, 11, 11, 0.9);
    padding: 24px 17px;
    text-align: center;
}


#main-header .promo-container .promo-action {
	width: 15%;
	height: 100%;
	float: left;
	background: white url('/templates/images/icon-go.png') center no-repeat;
	transition: 0.3s;
}

#main-header .promo-container:hover .promo-action {
	background: #be8b25 url('/templates/images/icon-go.png') center no-repeat;
}

#main-header .promo-container .promo #title {
	color: white;
	font-size: 1.6em;
	text-shadow: none;
	text-transform: uppercase;
	padding-bottom: 10px;
	overflow: hidden;
	font-family: 'Crimson Text', serif;
}

#main-header .promo-container .promo #subtitle {
	color: white;
	font-size: 1.3em;
	text-shadow: none;
	padding-bottom: 10px;
	font-weight: bold;
    max-height: 60px;
	overflow: hidden;
	font-family: 'Crimson Text', serif;
}

body:not(#content-home) #main-header .promo-container {
	top: 155px;
}

 #main-header .promo-container .promo p {
	color: white;
	font-size: 1.1em;
	text-shadow: none;
    max-height: 90px;
	overflow: hidden;
 }

 #main-header .promo-container .promo .cta {
    position: absolute;
    bottom: 35px;
    width: 270px;
 }

  #main-header .promo-container .promo .cta a {
    padding: 10px 50px 10px 20px;
    text-shadow: none;
    color: #333;
    font-size: 1.1em;
    font-weight: bold;
    background: #49a6e2 url("/templates/images/flecha-submit.png") 87% no-repeat;
    background-size: 20px;
    transition: 0.3s;
 }

   #main-header .promo-container .promo .cta a:hover {
    background: #58b0e9 url("/templates/images/flecha-submit.png") 92% no-repeat;
    background-size: 20px;
 }
.attachments {
    margin-top: 20px;
}


/* content-promo-form */
#content-promo-form .breadcrumbs, #content-activity-form .breadcrumbs {
	left: 15px;
}

/* content-activity-form */
#content-activity-form #main {
    padding-bottom: 260px;
}








/* ============================================================
   KEY
/* ============================================================

    00. Reset
    01. Global classes - default
    02. Global classes - custom
    03. Grid
    04. Colors
    05. Fonts
    06. Forms
    07. Buttons
    08. Separators
    09. Parallax Background
    10. Animated effects
    11. Overlays
    12. Pages
    13. Includes and sections
    14. Cookies
    100. Media Queries
*/


/*
==========================================================================
02. Global classes - custom
==========================================================================
*/
input:focus,
select:focus,
textarea:focus,
button:focus{
    outline: none; 
}


._noMrgTop{margin-top: 0;}
._noMrgBot{margin-bottom: 0;}
._noMrgRight{margin-right: 0;}
._noMrgLeft{margin-left: 0;}
._noMrgV{margin-top:0;margin-bottom:0;}
._noMrgH{margin-left: 0;margin-right: 0;}

._noPadTop{padding-top: 0;}
._noPadBot{padding-bottom: 0;}
._noPadRight{padding-right: 0;}
._noPadLeft{padding-left: 0;}
._noPadV{padding-top: 0;padding-bottom: 0;}
._noPadH{padding-left: 0;padding-right: 0;}


._textCenter{text-align:center;}
._textRight{text-align:right;}
._textLeft{text-align:left;}
._textLower{text-transform:lowercase;}
._textUpper{text-transform:uppercase;}



/*
==========================================================================
06. Forms
==========================================================================
*/

.form-vertical label {
	padding: 0;
	position: static;
	margin-top: 4px;
	color: #333333;
	font-weight: 100;
}
label.dark-label {
	color: #ffffff;
}

.checkbox.field {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 1.1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 5px;
}


/*--- Custom Checkbox --- */
/* Hide the browser's default checkbox */
.checkbox.field input {
    position: absolute;
    left: -999999px;
    opacity: 0;
    -webkit-appearance: checkbox;
    width: 1px;
    height: 1px;
}
.checkbox.field label{
    cursor: pointer;
}
.checkbox.field label > span {
    vertical-align: middle;
    font-size: 0.9em;
}
#leadform-open-legal{
    text-decoration: underline;
}

/* Create a custom checkbox */
.checkmark,
.checkbox-text{
    vertical-align: middle;
}
.checkmark {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    cursor: pointer;
    transition: 0.2s all;
    margin-right: 5px;
}
.checkmark:after {
    display: none;
    content: "✔";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #333333;
    font-weight: 900;
    font-size: 15px;
}

.dark-form .checkbox-text{
	color: #ffffff
}
.dark-form .checkmark{
    background-color: #313131;
    border: 1px solid rgba(97, 97, 97, 0.45);
}
.dark-form .checkmark:after{
	color: #ffffff;
}

/* Show the checkmark when checked */
.checkbox.field input:checked ~ .checkmark:after {
    display: block;
}
/*--- END Custom Checkbox --- */


/* form errors */
.form-error.alert {
    font-size: 0.9em;
    transition: 0.2s all;
    margin-bottom: 10px;
    color: #fd5a5a;
}
input.error,
.error ~ .checkmark {
    border: 1px solid;
    border-color: #fd5a5a !important;
}

/* newsletter */
.footer-newsletter .checkbox-text{
	font-size: 0.8em !important;
}
.footer-newsletter .checkmark{
	border: 1px solid #e9e9e9;
}




/*
==========================================================================
12. Pages
==========================================================================
*/

/*--------- content-promotions ---------*/
#content-promotions .center-content{
	margin: 0 auto 20px auto;
}
#content-promotions .content{
	width: 700px;
	margin: 0 auto;
	text-align: left;
}
#content-promotions .content ul li{
	position: relative;
    padding-left: 20px;
    margin: 8px 0;
}
#content-promotions .content ul li:before{
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background-color: #49A6E2;
    padding: 0;
}


/*--------- content-text ---------*/
#content-text .content ul{
	margin-left: 20px;
}
#content-text .content ul li {
    position: relative;
    line-height: 20px;
    list-style: none !important;
    padding-left: 20px;
	margin: 10px 0;
}
#content-text .content ul li:before {
    position: absolute;
    content: "·";
    left: 0;
    top: 9px;
    font-size: 2.7em;
    line-height: 0;
}



/*
==========================================================================
13. Includes and sections
==========================================================================
*/

/*--------- social ---------*/
.social{
	margin: 30px 0 0;
	text-align: center;
}
.social > a > * {
	display: inline-block;
    vertical-align: middle;
}
.social > a > *:not(:last-child){
	margin-right: 5px;
}
.social__title{
    font-size: 18px;
    color: #242424;
    font-weight: bold;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}
.social > a:hover .social__title{
	text-decoration: underline;
}


/*--------- footer ---------*/
#main-footer .container {
    text-align: left;
    padding: 0 15px;
}
.footer-links{
    background-color: #f6f6f6;
    padding: 50px 0;
}
.footer-links li{
    padding: 5px 0;
}
.footer-links li a {
    color: #bfbfbf;
}




/*
==========================================================================
15. Cookies
==========================================================================
*/
.CookiePolicyWrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    padding: 15px;
    background-color: #f9f7f7;
    border-top: 1px solid #ccc;
    font-size: 0.85em;
    font-weight: normal;
    text-align: center;
    box-sizing: border-box;
}
.CookiePolicyWrapper .CookiePolicy{
    min-width: 1000px;
    max-width: 1250px;
    padding: 0 12px;
    margin: 0 auto;
}
a#CookiePolicyAccept {
    font-weight: bold;
    outline: none;
    background-color: #49a6e2;
    color: #ffffff;
    display: inline-block;
    padding: 8px 30px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: 20px;
    margin-top: 6px;
    text-decoration: none !important;
    transition: 0.2s all;
}
a#CookiePolicyAccept:hover{
    background-color: #479bd2;
}
a.cookie-link{
    color: #49a6e2;
    text-decoration: underline;
}




/*
==========================================================================
16. Popup
==========================================================================
*/
.popup-open{
    cursor: pointer;
    transition: 0.2s all;
}
.popup-open:hover{
    text-decoration: underline;
}

.pop-up-custom-overlay {
    display: none;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.pop-up-custom {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10001;
    padding: 30px;
    padding-right: 8px;
    background-color: #fff;
    width: 800px;
    height: 600px;
    max-width: 90%;
    max-height: 90%;
}
.close-pop-up-custom {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.7em;
    line-height: 0.4;
    padding: 10px;
    cursor: pointer;
}
.pop-up-custom .content{
    overflow: auto;
    max-height: 100%;
    padding-right: 20px;

	width: 100% !important;
    -webkit-column-count: initial !important;
    -moz-column-count: initial !important;
    column-count: initial !important;
    -webkit-column-gap: initial !important;
    -moz-column-gap: initial !important;
    column-gap: initial !important;
    text-align: initial !important;
}