@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400');

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: #636466;
	margin-top: 0px;
	margin-bottom: 0px;
}
p{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	line-height: 23px;
}
#contenedor {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
}
#cont-header {
	width: 100%;
	border-bottom:#CCCCCC 1px solid;
}
#header {
	height: 155px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#header img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#logo {
	margin-top: 25px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 35px;
	float: left;
}
#cont_botones {
	margin-top: 25px;
	padding-left: 25px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	margin-bottom: 25px;
	height: 100px;
	padding-right: 25px;
	text-align: left;
}
#cont_botones img   {
	margin-right: 5px;
	margin-bottom: 0px;
}
#cont_botones a:link, #cont_botones a:visited{
	color: #48aa5d;
	text-decoration: none;
	font-size: 15px;
	margin-bottom: 5px;
}
#cont_botones a:hover {
	color: #CCC;
	text-decoration: none;
}
#cont_botones h1 {
	color: #000;
	margin-bottom: 10px;
	font-size: 17px;
}
#cont_botones ul {
	color: #48aa5d;
	text-decoration: none;
	line-height: 140%;
}
#imagen {
	height: 450px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 15px;
	overflow: hidden;
	clear: both;
}
#texto {
	width: 100%;
	padding-top: 45px;
	padding-bottom: 25px;
	clear: both;
}
#texto h1{
	font-size: 48px;
	font-weight: 300;
	line-height: 110%;
	padding-bottom: 45px;
	text-align:center;
	text-transform:uppercase;
}
#texto-complejo {
	width: 30%;
	float: left;
	margin-right: 3%;
}
#video {
	padding-top: 60px;
}

#texto-complejo p {
	line-height: 140%;
}
#col-3 {
	width: 700px;
	float: left;
	margin-right: 20px;
	margin-top:25px;
}
#col-1 {
	width: 220px;
	float: left;
	margin-top:25px;
}
#destacado-texto-complejo {
	width: 47%;
	margin-right: 3%;
	float: left;
}
#destacado-texto-complejo p {
	line-height: 140%;
}

#cont-destacado {
	width: 940px;
	margin-right: 20px;
	margin-left: 20px;
}
#destacado {
	width: 46%;
	margin-right: 2%;
	margin-left: 2%;
	float: left;
	margin-bottom: 35px;
}
h2{
	font-size: 24px;
	line-height: 110%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 18px;
	padding-bottom: 18px;
}

#destacado img{
	margin-bottom:10px; 
}
#blanco {
	clear: both;
}
#promo {
	width: 220px;
	margin-top: 20px;
	float: left;
	background-position: top;
	background-repeat: no-repeat;
}




#footer {
	background-color: #CCC;
	clear: both;
	padding-bottom: 20px;
}
h3{
	font-size: 26px;
	font-weight: 300;
	padding-bottom: 15px;
	text-align:center;
}
#centrador-footer {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 18px;
	text-align: center;
}
#centrador-footer p {
	line-height: 2em;
}
#centrador-footer a:link , #centrador-footer a:visited{
	color: #636466;
	text-decoration: none;
}
#centrador-footer a:hover   {
	color: #000;
	text-decoration: none;
}
#destacado img {
	padding-bottom: 15px;
}
.clear {
	clear: both;
}
.mas {
	margin-top: 15px;
	margin-left: 189px;
}
.cabecera-promo {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.mas-promo {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 180px;
}

/*spa*/
#texto li {
	line-height: 140%;
	list-style-type: disc;
	list-style-position: inside;
}

/*contacto*/
#texto-mapa {
	width: 460px;
	float: left;
	margin-right: 20px;
}
#texto tr {
	margin-bottom: 3px;
}
#texto-complejo td {
	padding-bottom: 7px;
}
#texto-complejo a:link {
	font-weight: normal;
	color: #69B269;
	text-decoration: none;
}
#cancelaciones {
	width: 218px;
	float: left;
	border: 1px solid #69B269;
}
#cancelaciones h2 {
	padding: 4px;
}
#cancelaciones p {
	line-height: 140%;
	padding: 4px;
}
#texto-complejo input, #texto-complejo textarea {
	width: 90%;
}
#texto #formulario #texto-complejo .botones {
	width: 80px;
}


.central-reservas {
	font-size: 12px;
	color: #333;
	font-weight: bold;
}

/*galeria*/
#galeria #imagen {
	height: 625px;
	width: 938px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	border: 1px solid #CCC;
	overflow: hidden;
}
#galeria .nav {
	text-align: center;
	background-color: #D8D8D8;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;	
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
}
#galeria #nav a:link, #galeria #nav a:visited {
	color: #666666;
	text-decoration: none;
	margin-top: 50px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#galeria #nav a.activeSlide {
	background: #75B770;
}
#galeria #nav a:focus {
	outline: none;
}
#contenedor #texto #destacado.noticias {
	margin-top: 0px;
}
h6 {
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: normal;
}
.verde {
	color: #75B770;
}
#col-4 {
	width: 23%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	margin-bottom: 20px; 
}





/*Motor de reservas*/

 

 #cance{
  padding-top:60px;
}

 #reservation-form .fa.infield{
  left: auto;
  right: 26px;
  float: right;
}


 .booking .camposs,.booking .campos {
    background-color: #48aa5d !important;
    color: #ffffff !important;
    border: none;
    border-radius: 0;
    width: 190px;
    font-size: 11px;
   padding: 2px 32px 2px 15px;
    text-transform: uppercase;
    height: 42px;
}

 #reservation-form .fa.infield {
 color:#fff;
}

 .booking .campos::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
   color:#fff  !important;
  opacity: 1 !important; /* Firefox */
  opacity:0.8 !important;
}

 .booking .campos:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#fff !important;
  opacity:0.8 !important;
}

 .booking .campos::-ms-input-placeholder { /* Microsoft Edge */
  color:#fff !important;
  opacity:0.8 !important;
}
    
  .fa-calendar:before {
    content: "\f133";
}

 .flechita:before {
    content: "\f107";
    position: absolute;
    right: 26px;
    top: 12px;
    width: 20px;
    height: 20px;
    z-index: 100;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    font-weight: bold;
    color: #Fff;
}

 #adultos,  #ninios,  #rooms {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    position: relative;
    text-overflow: '';
}

 #btnReservar {
    width: 153px !important;
    border: none;
    border-radius: 0;
    height: 42px !important;
    background: #666;
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 600;
    float: none;
    display: inline-block !important;
    vertical-align: top;
    text-shadow: none !important;
}


 #reservation-form .fa.infield {
      top: 13px;
}

 .col-xs-3, #contenedorBooking .col-xs-2 {
  width: 153px;
      display: inline-block !important;
    float: none;
    vertical-align: top;
}

#contenedorBooking {
  background: transparent;
  text-align: center;
}

 #ui-datepicker-div {
    border-radius: 0 !important;
}

 .col-xs-3:before,  .col-xs-2:before {
  content: ' ';
  width: 1px;
  background: #fff;
  position: absolute;
  right: 0;
  top:0;
  bottom: 0;
  z-index: 100;
}

 .no-border:before{
  display: none;
}

  .form-control:focus {
  box-shadow: none !important;
}

#imagen {
    height: 410px;
    margin-bottom: 0;
   }

#reservation-form {
    margin-top: -48px !important;
    position: relative;
    z-index: 100;
    background: transparent;
     margin-bottom: 40px !important;
}