@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900);

/**
* Flex utilities
**/
.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.align-items-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.align-items-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.justify-content-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/** bootstrap carousel fade */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/** generals */
body, html, #wrap {height: 100%;}

body {font-family: 'Source Sans Pro', sans-serif; font-size:16px; line-height:20px; color:#777; background-color:#F9F9F9}
a:hover {text-decoration:none; color:inherit; opacity:0.6}
.btn.btn-default {background-color:#C7930E; color:#fff; padding:5px 7px; font-size:15px; line-height:15px; }
.btn.btn-default:hover {color:#fff; opacity:0.6}
.btn.btn-booking {background-color:#FF6600; border-color:#FF6600; color:#fff;}
h1 {color:#fff; font-size:22px; line-height:25px; text-transform:uppercase; font-weight:normal; text-decoration:none; margin:0; text-align:center}
h2 {color:#C7930E; font-size:20px; line-height:25px; text-transform:uppercase; font-weight:normal; text-decoration:none}
h3 {color:#C7930E; font-size:18px; line-height:22px; font-weight:normal; text-decoration:none}
h4 {color:#C7930E; font-size:16px; line-height:20px; font-weight:normal; text-decoration:none; margin:0}
.pd0 {padding:0 !important}
.pd8 {padding:8px}
.pdt10 {padding-top:10px}
.mgb0 {margin-bottom:0 !important}
#black-bar {position: relative; z-index: 1030;}
#black-bar .navbar{margin:0; border:none; border-radius:0; min-height:30px}
#black-bar .navbar-nav>li>a {line-height:30px; font-size:14px; color:#999}
#black-bar .navbar-nav>li {line-height:30px; font-size:14px; color:#999}
#black-bar .navbar-nav>li>a {padding:0 8px}
#carousel-header, #carousel-header .carousel-inner .item img{height:635px; }
#carousel-header .carousel-inner>.item>img {max-width:none}
#carousel-header .carousel-control .glyphicon-chevron-left, #carousel-header .carousel-control .icon-prev {left:30px; margin:0}
#carousel-header .carousel-control .glyphicon-chevron-right, #carousel-header .carousel-control .icon-next {right:30px; margin:0}
.migas {background-color:#fff; color:#999; font-size:15px; padding:5px 0; border-bottom: 1px solid #ccc;}
.migas p {margin:0}
.box, .box2 {display: block;}
.box {padding:8px; background-color:#fff; border: solid 1px #E2E2E2; margin:15px 0;}
.box img, .box2 img {margin:auto}
.box h3{margin-bottom:5px; margin-top:0}
.box p {margin:0; font-size:15px; line-height:18px}
.box ul{list-style:none; margin-left:5px; padding-left:7px; font-size:15px; line-height:19px; padding-bottom:5px; margin-bottom:0}
.box ul li a{color:#777}
.box ul li {color:#C4392C}
.box2 {background-color:#e1bf66; color:#fff; margin:15px 0; text-transform:uppercase;}
.box2 p {text-align:center; padding:4px 0}
.bg-pdf {background:url(../img/bg/pdf.png) no-repeat bottom right}
.mas-detalles {color:#C7930E; text-align:right; padding-right:26px; font-size:14px; line-height:22px; background:url(../img/icons/mas-detalles.png) no-repeat top right; display:block; margin-top:7px}

ul.errors {
    margin:0; padding:0; color:#d9534f;
    list-style: none;
}
ul.errors>li {font-size: 14px; line-height: 1em;}
label span.required {color:#d9534f}


/*===    DESCRIPTIONS ROOMS      ===*/

.description p{
	color:#2b2b2b;
	font-size: 14px;
}
.description >.datos{
	padding: 20px 0;
}
.description >.datos ul{
	margin:0;
	padding: 0;
}
.description >.datos ul li{
	display:inline-block;
	width: 19%;
	vertical-align: top;
	text-align: center;
	border-right: 1px solid #ad8114;
	min-height: 100px;
	font-size: 12px;
}
.description >.datos ul li span{
	color:#afb8bf;
	font-size: 11px;
}

.description >.datos ul li h5{
	color:#ad8114;
	text-transform: uppercase;
}

.description >.datos ul li:last-child{
	border:none;
}

.btn-blue{
	background:#ad8114;
	color:#fff;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 20px;
	display: block;
	font-weight: 300;
	font-size: 12px;
	margin:10px auto;
	width: 220px;
}

.btn-blue:hover{
	background: rgba(173, 129, 20, .9);
	color:#fff;
}

#gal-pictures{
	margin:20px 0;
}
#gal-pictures img{
	margin: auto;
}

.description h3{
	color:#ad8114;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #dce0e3;
}

.description ul.equipos{
	padding: 0;
	margin: 20px 0 30px;
}

.description ul.equipos li{
	list-style: none;
	padding: 0 0 3% 20px;
	position: relative;
}

.description ul.equipos li:before{
  	content: "• ";
    color:#eedfb9;
  	position: absolute;
  	left:0;
}

.tipo-habitacion{
	position: relative;
	min-height: 350px;
	clear: both;
	overflow: hidden;
	margin:1px 0;

}

.tipo-habitacion img{
	position: relative;
}

.tipo-habitacion .suite{
	background: rgba(173, 129, 20, 0.9);
	height: 100%;
	padding: 30px;
	width: 215px;
}

.tipo-habitacion .suite h1{
	font-weight: 300;
	text-transform: uppercase;
	font-size: 13px;
	color:#fff;
}

.tipo-habitacion .suite h1 span{
	font-size: 30px;
	display: block;
	margin-bottom: 30px;
}

.tipo-habitacion .suite p{
	color:#eedfb9;
}

.tipo-habitacion .suite p i{
	margin-right: 15px;

}

.tipo-habitacion .suite a{
	color: #fff;
	text-transform: uppercase;
	padding: 10px 0;
	display: block;
	margin:10px auto;
	width: 117px;
	font-size: 12px;
	text-align: center;
}

.btn-detalles{
	background: #e1bf66;
}

.btn-detalles:hover{
	background: rgba(225, 191, 102, 7);
}

.btn-reservas-suite{
	background: #ff6600;
}

.btn-reservas-suite:hover{
	background: rgba(255,101,1, 1);
}



/*==   END ROOMS    ==*/



.lateral {background-color:#fff; border-right:1px solid #ccc; border-left:1px solid #ccc; padding-top:20px; padding-bottom:20px;}
.lateral .box {background-color:#FCFCFC}
.redes-lateral {text-align:center}
.redes-lateral img{ padding:1px}
.block {display:block}
.newsletter .form-group {margin-top:8px; margin-bottom:5px}
.white-bg {background:url(../img/bg/bg-white-80.png) repeat; position:absolute; top:30px; z-index:25; width:100%; padding-top:8px; /*border-bottom:4px solid #603213*/ }
.logos-header {text-align:right}
.logos-header img{padding:9px;}
.white-bg .navbar {border:none; border-radius:0; background:none; background-color:transparent; height:auto; min-height:inherit; margin:8px 0 0 0;}
.white-bg .navbar-default .navbar-nav>li>a {height: 45px; font-size:13px; line-height:17px; text-align:center; padding: 4px 8px; color:#333}
.white-bg .navbar-default .navbar-nav>li>a.navbar-nav-singleline {line-height: 2.5em;}
.white-bg .navbar-default .navbar-nav a {text-transform: uppercase;}
.white-bg .navbar-default .navbar-nav>.open>a, .white-bg .navbar-default .navbar-nav>.open>a:hover, .white-bg .navbar-default .navbar-nav>.open>a:focus{background:url(../img/bg/bg-yellow.png) repeat; background-color:transparent; color:#fff}
.white-bg .navbar-default .navbar-nav a:hover {background:url(../img/bg/bg-yellow.png) repeat; background-color:transparent; color:#fff; opacity:1}
/*.white-bg .navbar-nav>li>.dropdown-menu {margin-top:4px}*/
.white-bg .navbar-nav {position: relative; float:right; right: 50%;}
.white-bg .navbar-nav>li {position: relative; float:left; left: 50%;}
.white-bg .dropdown-menu {background-color:transparent; background:url(../img/bg/bg-yellow.png) repeat/*, url(../img/bg/bg-white-80.png) repeat*/; border-radius:0; border:none}
.white-bg .dropdown-menu>li>a{color:#fff}
.white-bg .dropdown-menu>.active>a, .white-bg .dropdown-menu>li>a:hover, .white-bg .dropdown-menu>li>a:focus {color:#603213 !important; background:url(../img/bg/bg-white-80.png) repeat !important; background-color:transparent !important}
.white-bg .navbar-collapse {padding-left:0; padding-right:0;}

/** navbar sizes */
.navbar-nav-xs {}
.navbar-nav-sm {width: 110px !important;}
.navbar-nav-md {}
.navbar-nav-lg {}

/*
.container-motor-reservas {position: relative; z-index:9;}
.motor-reservas {position:absolute; top:-450px; right:0;}
.motor-reservas p{font-size:13px; color:#ccc; text-align:center; margin:0}
.reservas-header {background:url(../img/bg/bg-yellow.png) repeat; padding:5px 0}
.reservas-body {background:url(../img/bg/bg-black.png) repeat; padding:12px}
.reservas-body .form-control {height:auto; padding:2px 8px; font-size:15px; color:#666}
.reservas-body .control-label {text-align:left; color:#F2F3ED; font-weight:normal; padding-bottom:2px}
.reservas-body .form-group {margin-bottom:8px}
.reservas-body .help-block {color:#999; font-size:13px; margin-bottom:7px}
.reservas-body p {text-align:left; margin-bottom:15px}
*/

.container-motor-reservas {position: absolute; z-index:11; width: 100%; bottom: 0; top: 141px;}
.container-motor-reservas .h100 {height: 100%; }
.motor-reservas-text {position: absolute; bottom: 35px; left: 20px; font-size: 40px; color: #fff; font-weight: lighter; text-shadow: 1px 1px 5px #000;}
.motor-reservas {background: rgba(0, 0, 0, 0.4);/*url(../img/bg/bg-black.png) repeat*/;}
.motor-reservas p{font-size:13px; color:#ccc; text-align:center; margin:0}
.reservas-header {background-color: #AD8114; padding:10px; margin-bottom: 20px;}
.reservas-body {padding:12px; padding-top: 25px;}
.reservas-body .form-control {height:40px; padding:8px; font-size:15px; color:#666}
.reservas-body .control-label {text-align:left; color:#F2F3ED; font-weight:normal; padding-bottom:2px}
.reservas-body .form-group {margin-bottom:20px}
.reservas-body .help-block {color:#fff; font-size:13px; margin-bottom:7px}
.reservas-body p {text-align:left; margin-bottom:15px}
.motor-reservas .popover {line-height: normal; color: #999 !important;}
.reservas-header h1, .reservas-header p {line-height: 40px; min-height: 40px; margin-bottom: 0; text-align: center;}
.reservas-header h1 {border-right: 1px solid #fff; margin-right: -12px; padding-right: 12px; font-weight: lighter;}
.motor-reservas .input-daterange input {text-align: left;}
.motor-reservas .btn.btn-booking {width: 100%; margin-top: 25px;}
.motor-reservas .input-group-btn-vertical .btn {padding: 10px 10px;}

.reservas-body.reservas-default {background-color: #63371E; padding: 0; overflow: hidden;}
.reservas-body.reservas-default .reservas-header {background-color: #fff; margin-bottom: 0;}
.reservas-body.reservas-default .reservas-header h1 {color: #63371E; font-weight: 300; font-size: 35px; margin-top: 10px;}
.reservas-body.reservas-default .reservas-header img {max-height: 72px;}
.reservas-body.reservas-default .reservas-content {padding: 10px; border: 3px solid #fff; border-top: none;}
.reservas-body.reservas-default .reservas-text-tel {color: #0A0A0A; font-size: 15px;}

.reservas-body.reservas-hermitage {background-color: #5A7388; padding: 0; overflow: hidden;}
.reservas-body.reservas-hermitage .reservas-header {background-color: #fff; margin-bottom: 0;}
.reservas-body.reservas-hermitage .reservas-header h1 {color: #5A7388; font-weight: 300; font-size: 35px; margin-top: 10px;}
.reservas-body.reservas-default .reservas-header img {max-height: 72px;}
.reservas-body.reservas-hermitage .reservas-content {padding: 10px; border: 3px solid #fff; border-top: none;}
.reservas-body.reservas-hermitage .reservas-text-tel {color: #0A0A0A; font-size: 15px;}

.reservas-body.reservas-village {background-color: #6D7035; padding: 0; overflow: hidden;}
.reservas-body.reservas-village .reservas-header {background-color: #fff; margin-bottom: 0;}
.reservas-body.reservas-village .reservas-header h1 {color: #6D7035; font-weight: 300; font-size: 35px; margin-top: 10px;}
.reservas-body.reservas-default .reservas-header img {max-height: 72px;}
.reservas-body.reservas-village .reservas-content {padding: 10px; border: 3px solid #fff; border-top: none;}
.reservas-body.reservas-village .reservas-text-tel {color: #0A0A0A; font-size: 15px;}

.reservas-body.reservas-sport {background-color: #C7930E; padding: 0; overflow: hidden;}
.reservas-body.reservas-sport .reservas-header {background-color: #fff; margin-bottom: 0;}
.reservas-body.reservas-default .reservas-header img {max-height: 72px;}
.reservas-body.reservas-sport .reservas-header h1 {color: #C7930E; font-weight: 300; font-size: 35px; margin-top: 10px;}
.reservas-body.reservas-sport .reservas-content {padding: 10px; border: 3px solid #fff; border-top: none;}
.reservas-body.reservas-sport .reservas-text-tel {color: #0A0A0A; font-size: 15px;}

#wrap {min-height: 100%; height: auto !important; padding-bottom:50px}
#content .main {padding-bottom: 50px;}
/* #footer {position: relative; margin-top: -50px; height:50px; clear:both; background-color:#e1bf66; color:#fff}
#footer p{font-size:14px; padding-top:15px; text-align:center} */
/* .footer-top {position: absolute; top:-30px; width: 100%;}
.footer-top>ul{list-style:none; margin:0; padding:0; position: relative; float:right; right:50%;}
.footer-top>ul>li {float:left; color:#C7930E; padding:0 7px; position:relative; left:50%;}
.footer-top>ul>li>a {color:#C7930E} */

#footer-top {
	padding: 20px 0;
	text-align: center;
}
#footer-top > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer-top > ul > li {
	display: inline-block;
	margin: 0 5px;
}

#footer-top > ul > li > a {
	color:#C7930E;
}
#footer {
	background-color:#e1bf66;
	height: auto;
	margin: 0;
	color:#fff;
}
@media (max-width: 767px) {
	#footer {
		text-align: center;
	}
}

#footer .redes-lateral {
	padding: 10px 0;
	text-align: right;
}
@media (max-width: 767px) {
	#footer .redes-lateral {
		text-align: center;
	}
}

/*.submenu {padding-top:25px; }
.submenu ul {font-size:15px; line-height:20px; list-style:none; margin:0;padding:0}
.submenu ul li{margin-top:4px}
.submenu ul li>a{padding-left:20px; display:block; color:#777}
.submenu ul li>a:hover,
.submenu ul li.active>a {background:url(../img/icons/li-submenu.png) -10px 0 no-repeat; opacity:1; color:#C7930E}
.submenu ul li ul{margin-left:20px !important}
.submenu ul li ul li a:hover {background: none !important; opacity:1; color:#C7930E}*/

.submenu{padding-top:25px;}
.submenu a {max-width: 100% !important;}
.submenu>ul{list-style:none;margin:0 0 0 0; padding:0}
.submenu>ul>li>a {background-color:#C7930E; color:#fff; text-transform:uppercase;  padding:8px; display:block}
.submenu>ul>li>ul{list-style:none; margin:8px 0 0 0; padding:0}
.submenu>ul>li>ul>li>a{color:#C7930E; font-weight:100; display:block;padding:8px 15px; margin:5px 0}
.submenu>ul>li>ul>li>a:before { content: "+"; }
.submenu>ul>li>ul>li>a:hover, .submenu>ul>li>ul>li.active>a {background-color:#E8D49F; color:#C7930E; opacity:1}
.submenu li li>ul{margin:0 0 0 30px; padding:0; list-style:none}
.submenu>ul>li>ul>li>ul>li>a{color: #E8D49F; font-weight: 200; margin-left: 10px; cursor: pointer; margin-top: 10px; display: block; opacity:1}
.submenu>ul>li>ul>li>ul>li>a:before { content: "- "; }
.submenu>ul>li>ul>li>ul>li>a:hover, .submenu>ul>li>ul>li>ul>li.active>a{color: #C7930E; opacity:0.9; text-decoration:none}

@media (max-width: 1199px){
	/* #footer {height:auto} */
  .container-motor-reservas {top: 136px;}
  .reservas-header h1, .reservas-header p {line-height: normal;}
}

@media (max-width: 991px) {
	/* .footer-top {position:static; top:inherit; text-align:center; display:block}
	.footer-top>ul{list-style:none; margin:0; padding:5px 0; position:inherit; float:none; right:inherit; display:block}
	.footer-top>ul>li {float:none; display: inline-block; color:#C7930E; padding:0 7px; position:relative; left:inherit;} */
	.main-logo {text-align:center}
	.logos-header {margin-top:12px; text-align:center}
  /*.container-motor-reservas .h100 {height: auto;}*/
  .container-motor-reservas {top: 130px;}
}

@media (max-width: 767px) {
	.box {text-align:center}
	.box2 img, .jets img {padding-top:5px}
	.lateral {border:none}
  .lateral .box, .lateral .box2 {max-width: 261px; margin-left: auto; margin-right: auto;}
  .lateral .box2 img {padding-top: 0;}
	.navbar-header {text-align:center}
	.white-bg .navbar-toggle {background-color:transparent; background:url(../img/bg/bg-yellow.png) repeat; color:#fff; border:none; padding:5px 30px; float:none; margin-left:0; margin-right:0}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none; background-color:transparent; background:url(../img/bg/bg-yellow.png) repeat;}
	.white-bg .navbar-default .navbar-nav>li>a {height: auto; color:#fff}

	.white-bg .navbar-default .navbar-nav>.open>a, .white-bg .navbar-default .navbar-nav>.open>a:hover, .white-bg .navbar-default .navbar-nav>.open>a:focus{color:#fff !important; background:url(../img/bg/bg-yellow.png) repeat !important; background-color:transparent !important}
	.white-bg .navbar-default .navbar-nav a:hover {color:#603213 !important; background:url(../img/bg/bg-white-80.png) repeat !important; background-color:transparent !important; opacity:1}
	/*.white-bg .navbar-nav>li>.dropdown-menu {margin-top:4px}*/
    .white-bg .navbar-nav {float:none;right: auto;}
    .white-bg .navbar-nav>li {float:none; left:auto;}
	.white-bg .dropdown-menu {background-color:transparent; background:url(../img/bg/bg-white-80.png) repeat/*, url(../img/bg/bg-white-80.png) repeat*/; border-radius:0; border:none}
	.white-bg .dropdown-menu>li>a{color:#603213}
	.white-bg .dropdown-menu>li>a:hover, .white-bg .dropdown-menu>li>a:focus {color:#fff !important; background:url(../img/bg/bg-yellow.png) repeat !important; background-color:transparent !important}

    .navbar-nav-xs, .navbar-nav-sm, .navbar-nav-md, .navbar-nav-lg {
        width: auto !important;
    }
    .white-bg .navbar-default .navbar-nav>li>a.navbar-nav-singleline {line-height: 17px;}
    #carousel-header, #carousel-header .carousel-inner .item img {height: 500px;}
    .motor-reservas {position: relative; top: 0; margin:0 auto;}

  .white-bg {position: relative; top: 0;}
  .container-motor-reservas {top: 0;}
  .container-motor-reservas >.container {padding: 0;}
  .container-motor-reservas .motor-reservas {padding-left: 25px; padding-right: 25px; height: 500px; margin: 0;}
  .container-motor-reservas >.container >.row >.col-md-7 {display: none;}
  .container-motor-reservas .reservas-header {
    margin-left: -37px;
    margin-right: -37px;
    margin-top: -25px;
    padding-top: 20px;
  }

}

@media (min-width: 768px) and (max-width: 1199px){
	.redes-lateral img {width:27px; height:27px; padding:2px}
}

@media (max-width: 480px) {
    /* .footer-top>ul>li { display: block; }
    .footer-top>ul>li.divider {display:none;} */
    .container-motor-reservas .motor-reservas {padding-left: 0; padding-right: 0;}
    .container-motor-reservas .reservas-header {
      margin-left: -12px;
      margin-right: -12px;
    }
}

@media (max-width: 600px) {
	.logos-header{padding:0}
	.logos-header img{padding:3px; height:50px; width:auto}
}
@media (max-width: 400px) {
	.logos-header img{padding:3px; height:44px; width:auto}
}

@media (min-width: 768px) and (max-width: 991px){
	.logos-header img{padding:3px; height:60px; width:auto}
	.logos-header {text-align:right !important}


}

@media (min-width: 768px) and (max-width: 991px){
	.white-bg .navbar-default .navbar-nav>li>a {height: 35px; font-size: 11px; line-height: 12px; text-align: center; padding: 3px;letter-spacing:-1px}
	.white-bg .dropdown-menu>li>a {font-size:12px}
}

@media (min-width: 992px) and (max-width: 1199px){
	.white-bg .navbar-default .navbar-nav>li>a {height: 40px; font-size: 12px; line-height: 14px; text-align: center; padding: 5px;}
	.white-bg .dropdown-menu>li>a {font-size:14px}
}
