/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
body{background: #fff; color: #464646;font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 400;
line-height: 22px}

body, html {height: 100%;}
h2,h3,
p.remark,
.field-name-field-introduccion-page,
.caracteristica,
#descuento-restaurante,
.view-nodehierarchy-children-list .views-field-title a, .content-slide, .node-type-apartamentos .field-label{font-family: "pill-gothic-300mg",sans-serif; font-style: normal; font-weight: 300;}

#enlace-reserva a, .button a, 
.node-type-apartamentos #availability-calendar-booking-formlet-form-1 #edit-submit{font-family: "pill-gothic-300mg",sans-serif; font-style: italic; font-weight: 300; letter-spacing: 1px; font-size: 17px; text-decoration: none; margin: 40px 0;}

h3{text-transform: uppercase; font-size: 13px; margin-bottom: 0; letter-spacing: 0.1px;}

/* ----------
	LOGOTIPO
   ---------- */
#block-blockify-blockify-logo a{display: block; background: url(../images/logos/logo-169-gris-grande.png) no-repeat; width: 139px; height: 138px; margin-top: 20px;}
.front #block-blockify-blockify-logo a{display: block; background: url(../images/logos/logo-169-blanco-grande.png) no-repeat;}
#block-blockify-blockify-logo a img{display: none;}


#breadcrumb{display: none;}

div.first, img.first{margin-left: 0;}
div.last, img.last{margin-right: 0;}

.field-name-body ul li, .field-name-body ol li{margin-bottom: 10px;}


.adipoli-wrapper{margin:auto; position:relative; display: inline-block;}
.adipoli-wrapper>img{position: absolute; z-index: 1;}
.adipoli-before{position: absolute; z-index: 5;}
.adipoli-after{position: absolute; z-index: 10;}
.adipoli-slice {display:block; position:absolute; z-index:15; height:100%;}
.adipoli-box{display:block; position:absolute; z-index:15;}

.t-center h1{font-family: "league-gothic",sans-serif;
font-style: normal;
font-weight: 400;
text-align: center; text-transform: uppercase;  letter-spacing: 12px; font-size: 62px; padding: 60px 0 50px; margin: 0;}

.content-slide{text-align: center; color: #fff; font-size: 18px; letter-spacing: 0.5px; padding: 0 25px; line-height: 27px;}
hr{background: #fff; margin: 0 20px 20px;}

/* ---------------------
	TÍTULO DE LA PÁGINA
   --------------------- */
.page-node .field-name-title h2, 
.field-name-titulo-si-activado h1{font-family: "league-gothic",sans-serif; font-style: normal; font-weight: 400; text-align: center; text-transform: uppercase; margin: 35px 0 45px; letter-spacing: 12px; font-size: 62px; color: #474343;}


#links-sociales-restaurante {margin: 0 0 10px;}
#links-sociales-restaurante ul{margin: 0 auto; width: 266px;}
#links-sociales-restaurante ul li{list-style: none; float: left;}
#links-sociales-restaurante ul li a{width: 44px; height: 43px; margin-right: 30px; background: url(../images/logos/links_overlapps.png) no-repeat; display: block;}
#links-sociales-restaurante ul li a span{display: none;}
#links-sociales-restaurante ul li a.pinterest{margin-right: 0;}

#links-sociales-restaurante ul li a.twitter{background-position: 0 0;}
#links-sociales-restaurante ul li a.facebook{background-position: -45px 0;}
#links-sociales-restaurante ul li a.gplus{background-position: -90px 0;}
#links-sociales-restaurante ul li a.pinterest{background-position: -133px 0;}

#links-sociales-restaurante ul li a.twitter:hover{background-position: 0 -48px;}
#links-sociales-restaurante ul li a.facebook:hover{background-position: -45px -48px;}
#links-sociales-restaurante ul li a.gplus:hover{background-position: -90px -48px;}
#links-sociales-restaurante ul li a.pinterest:hover{background-position: -133px -48px;}

.node-type-apartamentos .group-left{float: left; width: 630px;}
.node-type-apartamentos .group-right{float: left; width: 293px; margin-left: 17px;}
.node-type-apartamentos .cal .field-label{font-size: 16px; background: #D6D7DC; padding: 4px 0; text-align: center; margin-bottom: 10px;}
.node-type-apartamentos .field-name-field-reserva-apartamento .field-label{font-size: 16px; margin-bottom: 14px; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
.node-type-apartamentos .field-name-field-disponibilidad-apartamento .field-item{margin-bottom: 40px;}
.node-type-apartamentos .cal caption{font-size: 12px; font-weight: normal;}
.node-type-apartamentos .cal table{border-color: #eee;}
.node-type-apartamentos .cal caption{border-color: #eee;}
.node-type-apartamentos .cal-forward{float: right;}
.node-type-apartamentos #acbf-reset-from{display: none !important;}
.node-type-apartamentos #availability-calendar-booking-formlet-form-1{position: relative; padding-bottom: 0px; margin-bottom: 90px;}
.node-type-apartamentos #availability-calendar-booking-formlet-form-1 #edit-actions{margin: 0;}
.node-type-apartamentos #availability-calendar-booking-formlet-form-1 #edit-submit{
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #eee; 
-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
text-shadow: 0px 0px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=0);
border:0; font-weight: normal;
top: 100%;
background: none repeat scroll 0 0 #000000; color: #FFFFFF; display: block;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    text-decoration: none;
    width: 293px;
}
.node-type-apartamentos #availability-calendar-booking-formlet-form-1 #acbf-reset-both{
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; 
-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0);
text-shadow: 0px 0px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=0);
border:0; font-weight: normal;
width: auto; }

.node-type-apartamentos .acbf-date input[type="text"]{width: 150px;}
.node-type-apartamentos .acbf-date input[type="text"][disabled]{float: right; width: 158px;}
select[disabled], textarea[disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="time"][disabled], input[type="url"][disabled], input[type="week"][disabled] {background: transparent;}
#edit-calendar-label2 input{width: auto;}

.field-name-precios-16-9-suites table th, 
.field-name-precios-16-9-suites-playa th,
.field-name-precios-16-9-suites table td,
.field-name-precios-16-9-suites-playa td{padding: 0; width: 50%; border-right: 1px solid #ccc; text-align: center;}
.field-name-precios-16-9-suites table td div,
.field-name-precios-16-9-suites-playa td div{padding: 4px 8px;}

/*
tr:hover td, tr.even:hover td.active, tr.odd:hover td.active{background: inherit !important;}
*/
.cal-ocupado-am, .cal-ocupado-pm, .cal-ocupado{background: #ccc !important;}
..cal-selectable{background: #F0680D;}
#enlace-carta-restaurante a{width: 100%;}

#backstretch{position: absolute; z-index: -1;}


/* ------------------------
	FORMULARIO DE CONTACTO
   ------------------------ */
#webform-client-form-12{}
#webform-client-form-12 .webform-container-inline, #webform-client-form-12 .webform-component-textarea{float: left; margin-bottom: 6px;}
#webform-client-form-12 label{float: left; width: 123px; margin-top: 7px; font-weight: normal; margin-right: 10px;}
.form-textarea-wrapper textarea, select, input[type="text"], input[type="email"]{border: 0; background: #EBEBEB; padding: 10px 15px; height: auto; width: 363px;}
#webform-client-form-12 #edit-actions{clear: left;}
#webform-client-form-12 #edit-actions #edit-submit{margin-left: 90px; width: 363px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0); text-shadow: 0px 0px 0px transparent; filter: dropshadow(color=#ffffff, offx=0, offy=0); border:0; font-weight: normal; height:40px; line-height:40px; display: block; width: 100px; color: #fff; margin: 11px 0 0 132px; background: #00AED7; float: left;}
#webform-client-form-12 #edit-actions #edit-submit:hover{background: #EC008C; }

#webform-client-form-12 #webform-component-acepto-los-terminos{clear: left; float: left; width: 100%;}
#webform-client-form-12 #webform-component-acepto-los-terminos input{float: left;}
#webform-client-form-12 #webform-component-acepto-los-terminos label{margin: -5px 0 0 5px;}

#location-email{margin-bottom: 30px;}
#location-phone p{font-weight: bold; color: #00AED7; font-size: 21px; margin-bottom: 30px; }
#location-phone p.location-phone-movil{margin-bottom: 12px;}
#location-phone p.location-phone-landline{color:#aaa;}
#button-email{background: #00AED7; padding: 9px 18px; color: #fff; text-decoration: none;}
#button-email:hover{background: #666;}


#webform-client-form-11 .form-item,
#webform-client-form-11 .form-actions{float: left; clear: left; margin-bottom: 5px;}
#webform-client-form-11 label{float: left; width: 145px; margin-top: 7px; font-weight: normal; margin-right: 10px;}
#webform-client-form-11 input[readonly="readonly"]{background: #bbb;}
#webform-client-form-11 .form-textarea-wrapper {float: left;}
#webform-client-form-11 #edit-actions #edit-submit{margin-left: 154px; width: 363px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0); text-shadow: 0px 0px 0px transparent; filter: dropshadow(color=#ffffff, offx=0, offy=0); border:0; font-weight: normal; height:40px; line-height:40px; display: block; width: 100px; color: #fff;  background: #00AED7; float: left;}
#webform-client-form-11 #edit-actions #edit-submit:hover{background: #666;}

div.error{background: #00AED7; border: 0; color: #fff;}
.error{color: #000;}
.form-item input.error, .form-item textarea.error, .form-item select.error{border: 1px solid gray;}

.view-nodehierarchy-children-list img:hover{opacity: 0.85;}

footer.submitted{display: none;}

.page-node-3 #region-content{background: url(../images/banners/banner-ofertas.png) no-repeat; padding-top: 100px;}



/* ------------------------
	FORMULARIO DE RESERVAS
   ------------------------ */
form#form-reservas {background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #EEEEEE; float: left; margin-bottom: 20px; padding: 5px 15px 15px; width: 908px; position: relative;}
form#form-reservas .form_titulo{ color: #000000; font-size: 21px; letter-spacing: 0.25px;  text-transform: uppercase; font-family: "pill-gothic-300mg",sans-serif; font-weight: normal; float: left; position: absolute; top: 12px;}
form#form-reservas .form_slogan{ color: #000000; font-size: 13px; letter-spacing: 0.25px;  text-transform: uppercase; font-family: "pill-gothic-300mg",sans-serif; font-weight: normal; float: left; position: absolute; top: 35px;}
form#form-reservas #component-entrada{margin-left: 175px}
form#form-reservas label{float: left; margin-right: 10px; font-weight: normal; margin-top: 4px}
form#form-reservas input{float: left; margin-right: 17px; width: auto; padding: 6px; border: 1px solid #ddd; background: #fff;}
form#form-reservas input#edit-submitted-codpromo{width: 70px;}
form#form-reservas input#edit-submit{background: #00AED7; border: 0; border-radius: 0; color: #FFF; font-weight: normal; padding: 8px 15px; text-shadow: none;}
form#form-reservas input#edit-submit:hover{background: #666666;}
#ui-datepicker-div{z-index: 9999 !important;}