/*  
Theme Name: Chablé - Maroma
Author: Cantera Estudio
*/


			/*  CSS RESET  */
				  /**/
				  /**/
				  /**/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

a{
	text-decoration:none;
}

a:hover,
a:focus,
a:active, 
input:hover,
input:focus,
input:active{
	outline:none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

::selection {
	background-color: #3c3c3b;
	color: #fff;
}

::-moz-selection {
	background-color: #3c3c3b;
	color: #fff;
}

										/* Tipografia */

@font-face {
    font-family: 'open_sansregular';
    src: url('assets/fonts/opensans-regular-webfont.eot');
    src: url('assets/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/opensans-regular-webfont.woff') format('woff'),
         url('assets/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'opensans-bold';
    src: url('assets/fonts/opensans-bold-webfont.eot');
    src: url('assets/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-bold-webfont.woff') format('woff'),
         url('assets/fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('assets/fonts/opensans-bold-webfont.svg#open_semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_semibold';
    src: url('assets/fonts/opensans-semibold-webfont.eot');
    src: url('assets/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/opensans-semibold-webfont.woff') format('woff'),
         url('assets/fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('assets/fonts/opensans-semibold-webfont.svg#open_semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FuturaStd-Book';
    src: url('assets/fonts/FuturaStd-Book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}
										/* Estructura */
										
html, body {
	position: relative;
	width: 100%;
	-webkit-font-smoothing: antialiased;
}

html {
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: #f3f5f6;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
}

body {
	display: none;
	/*padding-bottom: 50px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*min-width: 940px;*/
	width: 100%;
	min-height: 100%;
	font-family: 'opensans regular', Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


									/* Menu */

.dep-menu,
.treatments,
.terms {
	display: none;
    position: fixed;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-family: 'open_sansregular';
    font-size: 22px;
    line-height: 70px;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.88);
    height: 100%;
    z-index: 1000;
    overflow: auto;
	top: 0;
}

.terms {
	letter-spacing: 0;
	text-transform: none;
	line-height: normal;
	font-size: 12px;
}

.shadowbox.terms img.close {
	position: absolute;
}

.terms h1 {
	font-size: 22px;
	margin-bottom: 20px;
}

.treatments {
	height: 80%;
	font-size: 11px;
    line-height: 290%;
    padding-top: 170px;
	z-index: 999;
}

.terms ul {
    list-style: inherit;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    padding: 10px 0px 20px 16px;
}

/*.treatments p:first-child,
.treatments h2.titulo-treatment {
	font-size: 12px;
	padding-bottom: 20px;
	display: table-caption;
}*/

.treatments h2.titulo-treatment  {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 26px;
	padding-bottom: 20px;
}

.treatments p {
	display: block;
	font-size: 12px;
	margin: 0 auto;
}

/*.contenedor-lista {
	display: block;
    width: 100%;
    max-width: 460px;
    height: 90%;
    margin: auto;
    -webkit-columns: 300px 2;
    -moz-columns: 300px 2;
    columns: 70px 2;
    text-align: left;
    font-size: 12px;
}*/

.col {
	display: inline-block;
    width: 49%;
    height: 300px;
    font-size: 12px;
	border: 1px red solid;
}

.close {
	position: fixed;
    right: 30px;
    top: 30px;
    cursor: pointer;
    z-index: 2;
}

.treatments .close {
	position: absolute;
    top: 110px;
}

.cont-menu,
.cont-menu-2
 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    width: 100%;
    max-width: 445px;
    height: 80%;
    margin: auto;
    text-align: center;
    display: table;
	padding: 0 10px;
}

.cont-menu-2 {
    max-width: 780px;
    height: 20%;
	font-size: 18px;
    line-height: normal;
}

.cont-menu ul {
    display: table-cell;
    vertical-align: middle;
}

.cont-menu-2 ul {
    position: relative;
    text-align: justify;
}

.cont-menu-2 ul:before {
    border: 1px #000 solid;
    content: '';
    position: absolute;
    width: 100%;
	top: -15px;
}

.cont-menu ul li a {
    color: #000;
}

.cont-menu-2 ul li {
    margin-top: 10px;
    display: inline-block;
	cursor: default;
}

.cont-menu-2 ul li.press {
	cursor: pointer;
}
	
.cont-menu-2 ul li a {
	color: #000;
}

.cont-menu-2 ul:after {
    content: '';
    width: 100%;
    display: inline-block;
}

.blur {
	-webkit-filter: blur(8px);
	-moz-filter: blur(8px);
	filter: blur(8px);
}

									/*Fullpage*/
									
.fullpage {
	z-index: 1;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.fp-tableCell {
    vertical-align: top !important;
}

.fp-auto-height .fondo-negro {
	position: relative !important;
	opacity: 1;
	min-height: 90px;
	background-color: #000;
}
									
									/* Header */

body {
	background: #000;
	font-family: 'open_sansregular';
	font-size: 12px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

header {
	font-family: 'open_semibold';
	-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 4px 16px rgba(0,0,0,0.7);
	box-shadow: 0 4px 16px rgba(0,0,0,0.7);
	text-transform: uppercase;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 999;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

/**/
header .wrap {
	position: fixed;
	top: 50%;
	right: 0;
	width: 38px;
	height: 169px;
	background-color: rgba(255,255,255,0.8);
	transform: translate(0%,-50%);
	z-index: 999;
}

header .redes {
	position: relative;
	top: 30px;
	vertical-align: middle;
	margin: 0 auto;
	width: 20px;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
	
header .redes a {
	display: block;
	width: 20px;
	height: 24px;
	margin-bottom: 14px;
	background-image: url('assets/img/sprite-redes-gris.png');
	background-repeat: no-repeat;
	background-size: cover;
}

header .redes a.facebook { background-position: 0 -87px;}
header .redes a.instagram { background-position: 0 -117px;}
header .redes a.twitter { background-position: 0 -144px;}
/**/

header .top,
header .bottom,
.cont {
	position: relative;
	width: 100%;
}

header .top {
	background-color: #000;
	height: 35px;
	color: #fff;
}

header .bottom {
	background-color: #fff;
	height: 55px;
	color: #132616;
}

.cont {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	max-width: 900px;
	margin: auto;
	text-align: justify;
	padding: 0 10px;
}

.cont:after {
	content: '';
	width: 100%;
	display: inline-block;
}

.cont div,
.bottom .cont a.link-prin {
	display: inline-block;
	width: auto;
	height: 100%;
    vertical-align: top;
    line-height: 35px;
	letter-spacing: 2px;
}

.lang,
.tel,
.book {
	cursor: pointer;
}

.lang {
	font-size: 10px;
visibility:hidden;
}

.redes-top a {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: none;
	background-image: url('assets/img/sprite-redes-gris.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.redes-top a.face {
	background-position: 0 -88px;
}

.redes-top a.ins {
	background-position: 0 -120px;
}

.redes-top a.twi {
	background-position: 0 -150px;
}

.tel-book span {
	font-size: 11px;
    height: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.tel-book a {
	color: #fff;
}

.book {
	width: 105px;
	text-align: center;
	background-color: #00BADA;
	margin-left: 15px;
}

.cont div.logo {
    width: 100%;
    max-width: 135px;
    height: 100%;
    background-image: url(assets/img/logo-verde.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

.bottom .cont div,
.bottom .cont a.link-prin {
	line-height: 60px;
	cursor: pointer;
}

.bottom .cont div:nth-child(3n),
.bottom .cont a.link-prin {
    color: #578570;
	min-width: 90px;
}

.bottom .cont a.link-prin {
	display: inline-block;
    color: #578570;
	min-width: 90px;
}

.bottom .cont div.menu {
	margin-left: -60px;
}

.up,
.down {
	position: fixed;
    right: 20px;
   	bottom: 20%;
    opacity: 0;
    width: 40px;
    height: 70px;
    cursor: pointer;
    background-image: url(assets/img/arrows1.png);
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.down {
	opacity: 0.3;
	background-position: -40px 0;
	left: 20px;
}

									/* Slider */
									
.flexslider {
    /*position: fixed !important;*/
    width: 100%;
    height: 100%;
	margin: 0 !important;
    border: none !important;
    background: #000 !important;
	/*-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;*/
}

.flexslider,
.flexslider2,
.flexslider3
 {
	background: #000 !important;
	/*-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;*/
}

.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
    position: absolute;
    width: 100%;
    height: 100%;
}

.slides {
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.flexslider .slides > li,
.flexslider3 .slides > li {
  background-position: center;
}

.flexslider:hover .flex-direction-nav .flex-prev,
.flexslider2:hover .flex-direction-nav .flex-prev,
.flexslider3:hover .flex-direction-nav .flex-prev {
 /* left: 80px !important;*/
}

.flexslider:hover .flex-direction-nav .flex-next,
.flexslider2:hover .flex-direction-nav .flex-next,
.flexslider3:hover .flex-direction-nav .flex-next {
  /*right: 80px !important;*/
}

.flex-direction-nav {
    height: 10px !important;
    top: 50% !important;
	z-index: 999;
}

.flex-control-nav {
	/*opacity: 0;*/
    position: absolute !important;
	height: 1px;
    z-index: 999 !important;
	-webkit-transition: 0s ease-in-out;
    -moz-transition: 0s ease-in-out;
    -o-transition: 0s ease-in-out;
    transition: 0s ease-in-out;
}

.flex-control-nav li {
    margin: 0 12px !important;
}

.flexslider2 .flex-control-nav {
	opacity: 1;
}

.flex-control-paging li a {
	width: 12px !important;
  	height: 12px !important;
  	background: none !important;
  	background: rgba(0, 0, 0, 0.5);
  	border: 1px #fff solid;
  	-webkit-box-shadow: none !important;
  	-moz-box-shadow: none !important;
  	-o-box-shadow: none !important;
  	box-shadow: none !important;
  	-webkit-border-radius: 20px;
  	-moz-border-radius: 20px;
  	border-radius: 20px;
}

.flexslider3 .flex-direction-nav a,
.flexslider2 .flex-direction-nav a {
	opacity: 1;
}

.flex-direction-nav a.flex-next,
.flex-direction-nav a.flex-prev {
	background-image:url(assets/img/arrows1.png);
	height: 65px;
}

.flex-direction-nav a.flex-prev {
	/*background-position: 20px 0;*/
    background-repeat: no-repeat;
}

.flex-direction-nav a.flex-next {
	background-position: -40px 0;
    background-repeat: no-repeat;
}

.flex-direction-nav a:before {
	content: ' ' !important;
}

.flex-direction-nav a.flex-next:before {
	content: ' ' !important;
}

.flex-control-paging li a {
    -webkit-box-shadow: 0px 0px 15px 1px #000000 !important;
	-moz-box-shadow: 0px 0px 15px 1px #000000 !important;
	box-shadow: 0px 0px 15px 1px #000000 !important;
}

.flex-control-paging li a:hover {
  background: #fff !important;
}

.flex-control-paging li a.flex-active {
  background: #fff !important;
  cursor: default;
}

.flex-control-thumbs li {
    float: none !important;
	-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 4px 16px rgba(0,0,0,0.7);
    box-shadow: 0 4px 16px rgba(0,0,0,0.7);
}

p.flex-caption {
    position: absolute;
    bottom: 180px;
    width: 100%;
    height: 60px;
    padding: 20px 10px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.5);
}



/*.slider .slick-dots {
	position: absolute;
    width: auto;
    left: 28px;
    right: 0;
    bottom: 21px;
    text-align: center;
}

.slider .slick-dots li {
	position: relative;
	display: inline-block;
	margin: 5px;
}

.slider .slick-dots li button {
    background-color: transparent;
    outline: none;
    font-size: 0;
    color: #000;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
    cursor: pointer;
    padding: 4px;
}

.slider .slick-dots li.slick-active button {
	color: #fff;
	opacity: 1;
	background-color: #fff;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    height: 100%;
}

.slick-track div {*/
	/*display: table !important;*/
	/*background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom -90px;
}

.slick-slider {
    width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

.slick-list {*/
	/*height: 590px;*/
	/*background-color: #000;
    height: 100%;
}*/


									/* Slider fullpage */
									
/*#fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: #fff !important; }

.fp-controlArrow.fp-prev,
.fp-controlArrow.fp-next {
	width: 25px !important;
    height: 50px;
    border-width: 0 !important;
    border-color: transparent;
	background-image: url('assets/img/sprite-flechas.png') !important;
	background-repeat: no-repeat;
	background-size: cover;
}
.fp-controlArrow.fp-prev { background-position: 0px -46px; left: 55px !important; }
.fp-controlArrow.fp-next { background-position: 0px 0px; right: 55px !important; }*/


									/* Home */
									
.obscuro {
	background-color: rgba(0, 0, 0, 0.5);
	}
	
.section.fp-auto-height span {
    font-weight: bold;
    letter-spacing: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	display: block;
}

.activo {
	color: #1DC8E4;
	cursor: default;
}
	
.slider + .obscuro {
	display: none;
	-webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
}
					
.fondo-negro,
.fondo-negro-section,
.fondo-negro-slider {
	/*position: relative;*/
	z-index: 9;
	position: absolute;
	min-height: 100px;
	display: table;
	opacity: 0;
    width: 100%;
	/*height: 100%;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   /* bottom: -180px;*/
   	bottom: 0;
	/*background-color: #231f20;*/
	/*background-color: #000;*/
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 25px 0;
	-webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
	/*background: rgba(0,0,0,1);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(134,174,204,0) 100%);
	background: -webkit-gradient(left top, left top, color-stop(0%, rgba(0,0,0,0.7)), color-stop(100%, rgba(134,174,204,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(134,174,204,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(134,174,204,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(134,174,204,0) 100%);
	background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(134,174,204,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#86aecc', GradientType=0 );*/
}

.fondo-negro-home {
	bottom: 0% !important;
	background-color: transparent !important;
}

.fondo-negro p,
.fondo-negro-section p,
.fondo-negro-slider p {
	display: block;
    width: 100%;
    max-width: 750px;
    margin: auto;
	padding: 0 15px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*-webkit-text-shadow: 3px 3px 6px rgb(0, 0, 0);
	-moz-text-shadow: 3px 3px 6px rgb(0, 0, 0);
    text-shadow: 3px 3px 6px rgb(0, 0, 0);*/
}

.fondo-negro a,
.fondo-negro-section a,
.fondo-negro-slider a{
    color: #00bad9;
}

.fondo-negro div,
.fondo-negro-slider div {
	display: table-cell;
	vertical-align: middle;
}

.fondo-negro span,
.fondo-negro-section span,
.fondo-negro-slider span {
	opacity: 0;
	font-family: 'open_sansregular';
	text-transform: uppercase;
	display: block;
	padding: 18px 10px;
	font-size: 15px;
	line-height: 170%;
	text-align: center;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.fondo-negro-home span h2 {
    font-size: 16px;
}

.fondo-negro-texto span {
	text-transform: uppercase;
	display: block;
    padding: 18px 0;
    font-size: 15px;
    text-align: center;
}

span.treat b,
span.activities b {
    display: block;
    width: 90px;
    padding: 11px 7px;
    margin: 0 auto;
    background-color: #00BADA;
    cursor: pointer;
}

.cenefa {
	display: block !important;
	opacity: 0;
	margin: 0 auto;
    width: 211px;
    height: 20px;
	background-image: url('assets/img/cenefa-bco.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.fondo-negro-section a#direcciones { color: #FFF; }

.texto {
	padding: 37px 0;
	/*bottom: -180px;*/
	bottom: 50px;
}

.translate {
	-webkit-transform: translate(0, 30em);
    -moz-transform: translate(0,30em);
    -o-transform: translate(0,30em);
    -ms-transform: translate(0,30em);
    transform: translate(0,30em);
}

.texto span {
	display: block;
	width: 100%;
    vertical-align: middle;
	font-family: 'open_sansregular';
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
	line-height: 27px;
	padding: 0;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.texto h3 {
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
	line-height: 27px;
	padding: 25px 0;	
}

.imagen-large,
.imagen-large-contacto {
	position: absolute;
	width: 100%;
	height: 100vh;
	/*background-image: url('assets/img/9.jpg');*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 1;
}

.imagen-large-contacto {
	opacity: 0;
}

.fondo-turquesa {
	background-color: #00bad9;
	padding: 15px 0;
	position: absolute;
	text-transform: uppercase;
	min-height: 20px;
	/*bottom: 0;*/
	bottom: -90px;
	left: 0;
	right: 0;
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
	z-index: 9;
}

.fondo-turquesa.rest {
	bottom: -50px;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.fondo-turquesa.rest:after {
	right: 20px;
}

.fondo-turquesa a,
.fondo-turquesa span { 
	color: #fff; 
	font-size: 17px; 
	text-align: center; 
	position: relative; 
	width: 360px;
	line-height: normal;
	margin: 0 auto;
	z-index: 10;
	cursor: pointer;
}

.fondo-turquesa span { display: block; }

.fondo-turquesa span:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 20px;
	-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	-moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
    bottom: 4px;
}

.fondo-turquesa span.index:after {
    right: 120px;
}

.fondo-turquesa span.treat:after {
    content: '';
    right: 0px;
	display: none;
}


.imagen-large-3 .fondo-turquesa span:after { right: 40px; }


									/* Experience */
.margen {
	width: 100%;
    max-width: 780px;
    margin: auto;
    position: relative;
    height: 100%;
}

.fondo-negro-texto {
	position: relative;
    display: table;
	font-size: 15px;
    /*top: 90px;*/
	width: 100%;
    height: 100%;
    color: #fff;
}	

.fondo-negro-texto div,
.fondo-negro-section div {
	/*display: table-cell;
	vertical-align: middle;*/
	padding: 0 10px;
	/*text-align: center;*/
}

.fondo-negro-texto div.add,
.fondo-negro-section div.add {
	/*margin-top: 120px;
    display: block;*/
	display: table-cell;
	vertical-align: middle;
	padding-top: 60px;
}

.fondo-negro-section div.add {
    padding-top: 20px;
	position: relative;
    margin: auto;
    display: block;
	opacity: 0;
}

.fondo-negro-texto div.text {
	margin-top: 40px;
    display: block;
}

.fondo-negro-section div.text {
    margin-top: 20px;
    margin-bottom: 10px;
}

.fondo-negro-section div.text h3 {
    text-align: center;
    font-size: 18px;
	letter-spacing: 2px;
	font-weight: bold;
	text-transform: uppercase;
    padding: 5px 0 10px;
}

.fondo-negro-texto p,
.fondo-negro-section p {
	opacity: 0;
	text-align: center;
	line-height: 22px;
	font-size: 14px;
	/*-webkit-text-shadow: 3px 3px 6px rgb(0, 0, 0);
    -moz-text-shadow: 3px 3px 6px rgb(0, 0, 0);
    text-shadow: 3px 3px 6px rgb(0, 0, 0);*/
}

.fondo-negro-texto ul {
    text-align: center;
    line-height: 22px;
    font-size: 13px;
}

.fondo-negro-section p {
	display: block;
	font-size: 15px;
}

.pleca-turquesa {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 10px;
	background-color: #00bad9;
	z-index: 9;
}

									/* Spa */
				
strong {
	/*font-family: 'open_semibold';*/
	/*font-family: 'opensans-bold';*/
}
				 					
									/* Casitas */
									
.book-button {
	padding: 12px !important;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    background-color: #00bad9;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	width: 106px;
	height: 35px;
	text-transform: uppercase;
	border: transparent;
	margin: 60px auto 0;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
}

									/* Culinary */
									
.fondo-negro-section.restaurants {
	bottom: 50px;
}

.shadow-news {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 250px;
    padding: 20px;
    background-color: #fff;
    margin: auto;
    text-align: center;
    z-index: 999;
	-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 4px 16px rgba(0,0,0,0.7);
    box-shadow: 0 4px 16px rgba(0,0,0,0.7);
}

/*.shadow-restaurants ul {
    padding: 20px 0;
   	font-size: 12px;
    letter-spacing: 1px;
    color: #332f2e;
}

.shadow-restaurants ul li {
    margin: 10px 0;
    padding: 20px 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px #00BADA solid;*/
    /* border-bottom: 1px #00BADA solid; */
/*}

.shadow-restaurants ul li:first-child {
	border-top: none;
}

.shadow-restaurants ul li a {
    color: #000;
    font-family: 'open_semibold';
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
*/

.fondo-rest {
	position: absolute;
    bottom: 0;
	font-size: 17px;
	text-transform: uppercase;
	line-height: 12px;
	padding: 15px 0;
    background-color: #00bada;
    width: 100%;
    height: 40px;
    color: #fff;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    text-align: center;
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

.fondo-rest a {
	color: #fff;
}

.restaurant {
	bottom: 40px;
}

.negro {
	background-color: #000;
}

.new {
	top: 10px;
    right: 10px;
    width: 12px;
    height: 12px;
}

.titulos-specialities {
	display: block;
	width: 100%;
	text-align: justify;
	margin-bottom: 40px;
}

.titulos-specialities h3 {
    display: inline-block;
    width: 70%;
    text-align: left;
    font-size: 23px;
    font-weight: bold;
    color: #000;
}

a.full-menu,
.quieres-ev button {
    display: inline-block;
    width: 155px;
    background-color: #000;
    color: #FFF;
    font-size: 19px;
    text-align: center;
    padding: 14px 0px;
    float: right;
    cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
	border: 2px solid #000;
	vertical-align: middle;
}

a.full-menu:hover,
.quieres-ev button:hover {
	background-color: transparent;
	color: #000;
}

.bloque-menu {
    display: block;
    width: 100%;
    border-bottom: 1px solid #9d9d9c;
    padding-bottom: 40px;
    margin-bottom: 40px;
    font-size: 19px;
    line-height: 27px;
}

.bloque-menu:last-child { border-bottom: 0px; }

.bloque-menu h4 {
    font-size: 20px;
    color: #000;
    display: block;
    margin-bottom: 40px;
	vertical-align: middle;
}

.texto-menu strong {
    display: block;
    width: 100%;
    font-weight: bold;
    margin-top: 30px;
}

a.make-reservation {
    display: block;
    width: 250px;
    margin: 80px auto 0;
    border: 1px solid #9d9d9c;
    text-align: center;
    padding: 15px 0px;
    font-size: 19px;
    color: #9d9d9c;
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

a.make-reservation:hover {
	background-color: #9d9d9c;
	color: #FFF;
}

.bloque-specialities {
    border-top: 1px solid #9d9d9c;
    padding-top: 80px;
}

div#kiol-lunch { display: none; }

.nav-specialities {
    display: block;
    width: 100%;
    border-top: 1px solid #9d9d9c;
    padding-top: 60px;
    margin-bottom: 60px;
    font-size: 19px;
}

.nav-specialities span {
    display: inline-block;
    width: 49%;
	cursor: pointer;
}

.nav-specialities span.menu-active-culinary {
	font-weight: bold;
	color: #000;
}

.nav-specialities span[data-id="kiol-lunch"] {
    text-align: right;
}

.spa-specialities {
    display: block;
    width: 100%;
    border-top: 1px solid #9d9d9c;
    padding-top: 60px;
    margin-top: 80px;
	text-align: justify;
}

.bloque-menu-spa {
    display: inline-block;
    width: 41%;
    font-size: 19px;
    line-height: 23px;
    vertical-align: top;
	margin-bottom: 90px;
}

.bloque-menu-spa strong { margin-bottom: 5px; }

.bloque-menu-spa h4 {
    font-size: 20px;
    display: block;
}

.texto-menu p { line-height: 32px; }

.relleno-spa-menu {
	display: inline-block;
    width: 47%;
	height: 1px;
	vertical-align: top;
}

.spa-specialities {
    padding: 60px 20px 0px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

									/* Contact */
									
.mapa {
	/*position: fixed !important;*/
    /*top: 90px;*/
    width: 100%;
    height: 100%;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
	/*z-index: 10;*/
}

#mapa div {
    overflow:visible;
}

/*div[aria-hidden] div {
	overflow:visible !important;
}
*/
iframe {
	width: 100%;
	height: 100%;
}
 .conta {
	 opacity: 0;
}

.text a {
    color: #00bada;
}

.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
	bottom: 0 !important;
	top: 90px !important;
}

.mapa .gmnoprint:last-child {
	top: 90px !important;
}

.gm-style .place-card-large {
    padding-top: 100px !important;
}


									/* Press */
									
.fondo-negro-press {
	visibility: hidden;
	position: relative;
	top: 90px;
    z-index: 9;
    min-height: 100px;
    display: table;
    opacity: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    padding: 25px 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.cenefa-press {
    display: block !important;
    opacity: 1;
    margin: 0 auto;
    width: 211px;
    height: 20px;
    background-image: url('assets/img/cenefa-bco.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.fondo-negro-press span {
    opacity: 0;
    font-family: 'open_sansregular';
	display: block;
    text-transform: uppercase;
    padding: 18px 10px;
    font-size: 15px;
    line-height: 170%;
    text-align: center;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
										
.cont-press {
    padding: 120px 10px 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    text-align: justify;
    top: 120px;
    display: none;
    width: 100%;
    max-width: 900px;
    min-height: 300px;
    margin: auto;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.cont-press a {
    color: #fff;
	margin-bottom: 30px;
    text-transform: uppercase;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cont-press a:hover {
    color: #00bada;
}

.cont-press:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.content-press {
    display: inline-block;
	vertical-align: top;
    width: 250px;
    min-height: 350px;
}

.cont-press.policy {
    color: #fff;
    line-height: 20px;
}

.image-press {
	width: 250px;
	min-height: 300px;
	margin: 10px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.info-press{
	text-align: center;
	line-height: 22px;
	margin-top:10px;
}

.relleno-press {
	display: inline-block;
    width: 250px;
	height: 1px;
}


									/* Footer */
										
footer {
	background-color: #fff;
	display: block;
	position: relative;
	padding: 25px 80px 10px;
	z-index: 999;
	/*height: 170px;*/
}

.margen-footer {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
	max-width: 940px;
    display: block;
    margin: 0 auto;
    padding: 0;
}

footer .wrap {
	display: inline-block;
	vertical-align: top;
}

footer .middle {
	display: inline-block;
    vertical-align: top;
    /*height: 40px;*/
}

footer div.contacto {
	width: 100%;
	text-align: justify;
}

footer div.contacto:after {
	content: '';
	display: inline-block;
	width: 100%;
}

footer ul.lista {
	position: relative;
	width: 103px;
	height: 119px;
	font-size: 10px;
	font-family: 'open_sansregular';
	text-transform: uppercase;
	margin-right: 68px;
	display: inline-block;
	vertical-align: middle;
}

footer ul.lista.medio {
	width: 120px;
	margin-right: 0;
	text-align: center;
}


footer ul.lista li { margin-bottom: 17px; }

footer ul.lista li a { color: #231f20; }

footer div.redes {
	position: relative;
	display: inline-block;
	width: 13px;
	height: auto;
	vertical-align: middle;
}

footer div.redes span {
	display: block;
	width: 13px;
	height: 18px;
	margin-bottom: 14px;
	background-image: url('assets/img/sprite-redes-gris.png');
	background-repeat: no-repeat;
	background-size: cover;
}

footer span.facebook { background-position: 0 -1px;}
footer span.instagram { background-position: 0 -20px;}
footer span.twitter { background-position: 0 -39px;}

.cont-hotel {
	display: inline-block;
    vertical-align: top;
    width: 100%;
   	/*max-width: 380px;*/
	max-width: 240px;
    -webkit-columns: 240px 2;
	-moz-columns: 240px 2;
	columns: 240px 2;
    margin-top: 20px;
}


.contacto .hotel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 25px;
    background-size: contain;
    max-width: 92px;
    background-position: center;
    width: 100%;
    height: 70px;
    vertical-align: bottom;
	margin-bottom: 10px;
}

.contacto .hotel:last-child {
    width: 100%;
    margin-right: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

input[type="text"],
#forma-mailchimp select {
    border: 1px #00bada solid;
    height: 30px;
    width: 100%;
    margin: 10px 0;
	padding: 0 10px;
	font-size: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}

#forma-mailchimp select {
    -webkit-appearance: none;
    border-radius: 0px;
    background-color: transparent;
}

label, fieldset {
	color: #000;
}

label {
	margin-bottom: 30px;
    display: block;
    font-size: 14px;
	color: #00bada;
}

input.envia {
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    border: none;
    background-color: #00bada;
    color: #fff;
    width: 100%;
    font-size: 14px;
    margin-top: 24px;
    height: 40px;
}

		/* Treatments Shadowbox */
.shadowbox.tratamientos,
.shadowbox.activities,
.shadowbox.terms {
    position: fixed;
    top: 0;
	overflow: auto;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
	font-family: 'open_sansregular';
	padding: 50px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.contenedor-legales {
	position: relative !important;
	z-index: 1 !important;
}

.bloque-blanco {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
}

.contenedor-tratamientos {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 20px;
}

.bajarSpa {
	position: absolute;
	bottom: 0;
	display: block;
	width:80px;
	height:40px;
	background-color: #00bad9;
	font-family: 'open_semibold';
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    padding: 13px 27px;
	margin-bottom: 10px;
}

.contenedor-tratamientos h2 {
    display: block;
    text-align: left;
    width: 100%;
	line-height: normal;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
	margin-bottom: 50px;
}

.col-izq {
    display: inline-block;
    width: 32%;
    float: left;
    text-align: left;
	padding-top: 110px;
}

span.bn-menu-treatment {
    display: block;
    width: 100%;
    text-align: left;
    line-height: 130%;
    margin-bottom: 15px;
    font-size: 13px;
    letter-spacing: 2px;
	cursor: pointer;
}

.col-dere {
    display: inline-block;
    width: 55%;
    text-align: left;
    line-height: 130%;
    padding: 30px 0px 40px 60px;
    border-left: 1px solid #000;
    margin-left: 35px;
	min-height: 450px;
}

.col-dere table {
    display: table;
    width: 100%;
    font-size: 13px;
    line-height: 130%;
    margin-bottom: 50px;
}

.col-dere table td { 
	padding-bottom: 10px;
	letter-spacing: 1px; 
}

.col-dere p {
    display: block;
    width: 100%;
    text-align: justify;
    line-height: 200%;
    font-size: 12px;
    letter-spacing: 1px;
}

.bloque-treatment.bloque-signature { display: none; }

.bloque-treatment.listas {
    display: none;
	width: 120%;
    padding-top: 70px;
    text-transform: uppercase;
    padding-bottom: 100px;
    font-weight: bold;
    font-size: 13px;
}

.listas p { 
	letter-spacing: 2px; 
	line-height: 140%;
}

.menu-active { font-weight: bold; }

.cont-terms {
	width: 100%;
    max-width: 650px;
    text-align: justify;
	line-height: 30px;
    margin: auto;
    margin-top: 50px;
}

/********** NUEVO **********/
/* SPA */
.contenido-seccion {
    display: block;
    width: 100%;
    margin-top: 90vh;
	position: relative;
}

ul#slider-top,
ul#slider-1,
ul#slider-2, 
ul#slider-3,
ul#slider-4,
ul#slider-jorge,
ul#slider-luis,
ul#slider-events,
ul#slider-events-menu {
    height: 90vh;
    padding-top: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0;
    overflow: hidden;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	visibility: hidden;
}

ul#slider-top,
ul#slider-events {
	visibility: visible;
}

button.slick-prev.slick-arrow {
    position: absolute;
    z-index: 10;
    top: 45%;
    left: 3%;
    width: 60px;
    height: 80px;
    border: 0px;
    background-color: transparent;
    text-indent: -9999px;
    cursor: pointer;
    background-image: url(assets/img/arrows_nuevas.png);
    background-size: 63px;
    background-position: 0px -1px;
    background-repeat: no-repeat;
    padding: 0px;
    outline: none;
}

button.slick-next.slick-arrow {
    position: absolute;
    z-index: 10;
    top: 45%;
    right: 3%;
    width: 60px;
    height: 80px;
    border: 0px;
    background-color: transparent;
    text-indent: -9999px;
    cursor: pointer;
    background-image: url(assets/img/arrows_nuevas.png);
    background-size: 63px;
    background-position: -8px -162px;
    background-repeat: no-repeat;
    padding: 0px;
    outline: none;
}

ul#slider-top .slick-track li,
ul#slider-1 .slick-track li,
ul#slider-2 .slick-track li,
ul#slider-3 .slick-track li,
ul#slider-4 .slick-track li,
ul#slider-jorge .slick-track li,
ul#slider-luis .slick-track li,
ul#slider-events li,
ul#slider-events-menu li
{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100% !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

ul#slider-top ul.slick-dots,
ul#slider-1 ul.slick-dots,
ul#slider-2 ul.slick-dots,
ul#slider-3 ul.slick-dots,
ul#slider-4 ul.slick-dots,
ul#slider-jorge ul.slick-dots,
ul#slider-luis ul.slick-dots,
.slider-gastronomic ul.slick-dots,
ul#slider-events ul.slick-dots,
ul#slider-events-menu ul.slick-dots {
    position: absolute;
    bottom: 70px;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 100%;
	z-index: 1;
}

.slider-gastronomic ul.slick-dots {
	bottom: 30px;
}

ul#slider-top ul.slick-dots li,
ul#slider-1 ul.slick-dots li,
ul#slider-2 ul.slick-dots li,
ul#slider-3 ul.slick-dots li,
ul#slider-4 ul.slick-dots li,
ul#slider-jorge ul.slick-dots li,
ul#slider-luis ul.slick-dots li,
.slider-gastronomic ul.slick-dots li,
ul#slider-events ul.slick-dots li,
ul#slider-events-menu ul.slick-dots li {
    display: inline-block;
	width: 10px !important;
    text-align: center;
	cursor: pointer;
	z-index: 10;
    border: 1px solid #FFF;
    height: 10px;
    margin: 0 10px;
    border-radius: 50%;
	background-color: transparent;
}

ul#slider-top ul.slick-dots li button,
ul#slider-1 ul.slick-dots li button,
ul#slider-2 ul.slick-dots li button,
ul#slider-3 ul.slick-dots li button,
ul#slider-4 ul.slick-dots li button,
ul#slider-jorge ul.slick-dots li button,
ul#slider-luis ul.slick-dots li button,
.slider-gastronomic ul.slick-dots li button,
ul#slider-events ul.slick-dots li button,
ul#slider-events-menu ul.slick-dots li button{ display: none; }
ul#slider-top ul.slick-dots li.slick-active,
ul#slider-1 ul.slick-dots li.slick-active,
ul#slider-2 ul.slick-dots li.slick-active,
ul#slider-3 ul.slick-dots li.slick-active,
ul#slider-4 ul.slick-dots li.slick-active,
ul#slider-jorge ul.slick-dots li.slick-active,
ul#slider-luis ul.slick-dots li.slick-active,
.slider-gastronomic ul.slick-dots li.slick-active,
ul#slider-events ul.slick-dots li.slick-active,
ul#slider-events-menu ul.slick-dots li.slick-active{ background: #FFF; }

ul#slider-top div,
ul#slider-1 div,
ul#slider-2 div,
ul#slider-3 div,
ul#slider-4 div,
ul#slider-jorge div,
ul#slider-luis div,
ul#slider-events div,
ul#slider-events-menu div { 
	min-height: 90vh;
	width: 100% !important;
	overflow: hidden;
}

ul#slider-1,
ul#slider-2,
ul#slider-3,
ul#slider-4,
ul#slider-jorge,
ul#slider-luis  { z-index: -1; }

.btn-seccion,
.name-sec-act,
.name-sec-gal {
    display: block;
    width: 100%;
    margin-top: -48px;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 30;
    color: #808285;
    height: 48px;
    text-align: center;
    font-size: 13px;
    letter-spacing: 2px;
    position: absolute;
    padding: 10px 0px;
}

ul#slider-events { background-position: 0px 0px; }

.btn-seccion a {
	color: #808285;
}

.btn-fixed,
.btn-fixed-gal {
    position: fixed;
    top: -32px;
    left: 0;
    z-index: 10;
	height: 30px;
	/*-webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;*/
}

.btn-fixed.fixed-activo { top: 138px; }

.btn-seccion h3 {
    display: inline-block;
    padding: 18px 0px;
	cursor: pointer;
}

.name-sec-act,
.name-sec-gal {
	display: none;
	top: 123px;
    position: fixed;
    padding: 20px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contenido-bco {
	display: block;
	width: 100%;
	background-color: #FFF;
	padding: 45px 0px 110px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #808285;
}

.galleall {
    top: 138px;
	/*-webkit-transition: 0.5s all ease-out;
	-moz-transition: 0.5s all ease-out;
	transition: 0.5s all ease-out;*/
}

/* Navbar*/

#navbar-toggle,
#navbar-toggle-act {
	display: none;
	z-index: 999;
	width: 27px;
	padding: 0px;
	border: none;
	background: none;
	transition: all 0.035s linear;
	clear: both;
	cursor: pointer;
	position: fixed;
	right: 20px;
	top: 90px;
	outline: none;
}

#navbar-toggle {
	top: 105px;
}

#navbar-toggle .icon-bar,
#navbar-toggle-act .icon-bar {
	display: block;
	width: 27px;
	height: 3px;
	margin-right: auto;
	margin-left: auto;
	background-color: #7da191;
	border-radius: 1px;
	transition: all 0.1s linear;
}

#navbar-toggle .icon-bar,
#navbar-toggle-act .icon-bar{
	background-color: #2C9E80;
}

#navbar-toggle .icon-bar + .icon-bar,
#navbar-toggle-act .icon-bar + .icon-bar {
  	margin-top: 5px;
}

.hamburger-bun,
.hamburger-patty {
	position: relative;
}

/*.navbar-toggle-active .bun-top,
.navbar-toggle-active .hamburger-patty {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.navbar-toggle-active .bun-top {
	top: 8px;
}

.navbar-toggle-active .hamburger-patty {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

.navbar-toggle-active .bun-btm {
	bottom: 8px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}*/

.visuallyhidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	margin: -1px;
	clip: rect(0,0,0,0);
	overflow: hidden;
}

.galleryall {
	max-width: 991px;
}

.btn-seccion h3,
.btn-seccion a {
    display: inline-block;
    padding: 8px 0px;
    margin-right: 20px;
    padding-right: 10px;
    border-right: 1px solid;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

h3.book-session,
.btn-seccion h3.book-session.btn-menu-activo,
h3.book-session a  { 
	color: #00BADA;
	border-right: 0px; 
}

.btn-seccion h3:hover,
.btn-seccion h3.btn-menu-activo,
.btn-seccion a:hover,
.btn-seccion a.activado { color: #000; }

.btn-seccion a.activado { cursor: default;}

h2.titulo-seccion {
    opacity: 1;
	display: block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    letter-spacing: 2px;
    padding-top: 50px;
    margin-bottom: 50px;
    position: relative;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

h2.titulo-seccion.titulo-fade { opacity: 1; }

h2.titulo-seccion.titulo-fade.adi {
	padding-top: 100px;
    margin-bottom: 100px;
}

h2.titulo-seccion.titulo-fade.adi:before {
    display: none;
}

h2.titulo-seccion:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	text-align: center;
	background-image: url(assets/img/franja.png);
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 15px;
}

.texto-bold {
    display: block;
    width: 100%;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    font-size: 19px;
    line-height: 180%;
    margin-bottom: 100px;
    word-spacing: 7px;
	/*left: -70%;*/
    opacity: 0;
	-webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
	position: relative;
	padding: 0px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.texto-intro {
	/*right: -70%;*/
	top: 100px;
    opacity: 0;
	-webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
	position: relative;
}

span.show-treatment {
	opacity: 0;
	-webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
}

span.show-treatment.treatment-fade { opacity: 1; }

.bloque-negro-titulo h2,
.bloque-negro-titulo h3 {
	left: -50%;
    opacity: 0;
	-webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
	position: relative;
}

.bloque-negro-titulo h2.titulo-treatment-fade,
.bloque-negro-titulo h3.titulo-treatment-fade {
	left: 0;
	opacity: 1;
}

h2.nombre-activities.titulo-treatment-fade {
    line-height: 30px;
    margin-bottom: 13px;
}

.bloque-negro-titulo.bloque-activities { padding: 20px 30px 13px; }

.margen-top-wellness {
	display: block;
	width: 100%;
	margin-top: 100px;
}

.less-activities { margin: 45px auto !important; line-height: 40px; }

.texto-bold.texto-fade {
	left: 0%;
	opacity: 1;
}

.texto-intro.texto-fade {
	right: 0%;
	top: 0px;
	opacity: 1;
}

.contenido-bco img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 100px;
}

form#book-spa span {
	/*left: -70%;*/
    opacity: 0;
	-webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
	position: relative;
}

.contenido-bco img {
	margin-top: 100px;
	-webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
}

.contenido-bco img.img-fade { margin-top: 100px; }

form#book-spa span.span-fade {
	left: 0%;
	opacity: 1;
}

form#book-spa h2 + span {
    margin-bottom: 20px;
}

.texto-intro {
    display: block;
    width: 100%;
    line-height: 180%;
    font-size: 20px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}

span.btn-book {
    display: block;
    width: 200px;
    margin: 0 auto;
    border: 1px solid #000;
    color: #000;
    margin-top: 100px;
    font-size: 20px;
	text-align: center;
    padding: 10px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

span.btn-book:hover,
a.btn-menu-spa:hover {
	background-color: #00BADA;
	color: #FFF;
	border-color: #00BADA;
}

.negro-seccion-bottom .cenefa,
.negro-seccion-bottom span { opacity: 1; }

.seccion-info { display: none; }
.texto-bold strong,
.quieres-ev strong { font-family: 'open_semibold'; }

p.extra {
    margin-top: 35px;
}

.titulo-gris {
    display: block;
    width: 100%;
    background-color: #F6F6F6;
    padding: 20px 0px;
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
	margin-bottom: 60px;
}

.titulo-gris h2 {
    display: block;
    width: 40%;
    margin: 0 auto;
    line-height: 150%;
}

.texto-tabla table,
.bloque-tablas table {
    display: table;
    width: 100%;
    font-size: 19px;
}

.texto-tabla table tr,
.bloque-tablas table tr {
    display: table-row;
    width: 100%;
	position: relative;
}

.texto-tabla table tr:nth-child(even) { 
	background-color: #F6F6F6;
	position: relative; 
}

.texto-tabla table tr td,
.bloque-tablas table tr td {
    display: table-cell;
    width: 50%;
    height: 45px;
    line-height: 130%;
    vertical-align: middle;
}

.texto-tabla {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 65px;
}

.contenido-bco img.sn-margen-bottom,
.titulo-gris.sin-margen-bttm { margin-bottom: 0px; }

.contenido-bco img.img-fade.img-traetment-fade { margin-top: 0px; }

.titulo-gris.sin-margen-bttm + .margen {
    max-width: 960px;
}

form#book-spa span {
    display: block;
    width: 100%;
	line-height: normal;
    text-align: center;
    font-size: 20px;
    margin-bottom: 55px;
}

form#book-spa .campo-book,
form#form-events-groups textarea {
	resize: none;
    height: 40px;
    box-sizing: border-box;
    color: #808285;
    border: 1px #b3b3b3 solid;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    background-color: transparent;
    -webkit-appearance: none;
    border-radius: 0px;
    font-size: 20px;
    padding-left: 20px;
	outline: none;
}

form#book-spa label select.campo-book {
    display: inline-block;
    width: 23%;
    margin-left: 13px;
}

form#book-spa label {
    color: #808285;
    font-size: 20px;
	margin-bottom: 0px;
	padding-left: 30px;
}

form#book-spa textarea.campo-book {
    height: 340px;
    max-height: 340px;
    max-width: 100%;
    padding-top: 15px;
}

input#enviar-book {
    display: block;
    border: 1px solid #000;
    background-color: transparent;
    font-size: 20px;
    padding: 10px 20px;
    margin: 40px auto 0;
	cursor: pointer;
	outline: none;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

input#enviar-book:hover,
input#enviar-book:focus,
input#enviar-book:active {
	color: #FFF;
	background-color: #000;
}

.tratamiento {
	display: block;
	width: 100%;
}

.bloque-negro-titulo {
    display: inline-block;
    width: 50%;
    background-color: #000;
    color: #FFF;
    padding: 20px 30px;
    text-align: right;
    box-sizing: border-box;
}

.bloque-negro-titulo h2 {
	display: block;
	width: 100%;
	font-size: 24px;
	margin-bottom: 25px;
}

.bloque-negro-titulo h3 { font-size: 17px; }

.bloque-show-more {
    display: inline-block;
    width: 49.6%;
    background-color: #F6F6F6;
	height: 52px;
    color: #808285;
    font-size: 20px;
    padding: 27px 0px;
    vertical-align: top;
}

span.show-treatment,
span.show-less-top {
    display: block;
    border: 1px solid #808285;
    padding: 15px 20px;
    width: 125px;
    text-align: center;
	margin-left: 135px;
	cursor: pointer;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
	position: relative;
}

span.show-less-top { display: none; }
span.show-less-activo { display: block; }

span.show-less {
    display: block;
    border: 1px solid #808285;
    width: 173px !important;
    font-size: 20px !important;
    height: 53px;
    padding: 6px 0px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    text-align: center;
	margin: 45px auto;
	cursor: pointer;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
	position: relative;
}

span.show-treatment:after,
span.show-less-top.show-less-activo:after {
    display: block;
    content: '';
    position: absolute;
    bottom: -44px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #F6F6F6;
    margin: 0 auto;
    left: 39%;
}

span.show-treatment:hover,
span.show-less:hover,
span.show-less-top.show-less-activo:hover {
	background-color: #000;
	border-color: #000;
	color: #F6F6F6;
}

.texto-tratamiento {
    display: none;
    width: 100%;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    padding: 85px 0px 45px;
}

.texto-tratamiento table {
    display: table;
    width: 100%;
    margin-top: 60px;
    font-size: 20px;
	margin-bottom: 70px;
}

.texto-tratamiento table tr {
    display: table-row;
    width: 100%;
    border-bottom: 1px solid #878787;
    height: 45px;
}

.texto-tratamiento table tr td {
    text-align-last: left;
    display: table-cell;
    vertical-align: middle;
}

.texto-tratamiento span {
    font-size: 22px;
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

.texto-tratamiento span.show-less {
    line-height: 40px;
}

.texto-tratamiento p {
	display: block;
	width: 100%;
	line-height: 200%;
	font-size: 19px;
}

.tratamiento img { margin-bottom: 0px; }

a.btn-menu-spa,
button.reg-events,
form#form-events input[type="submit"],
form#form-events-groups input[type="submit"] {
    display: inline-block;
    width: 250px;
    margin: 0 auto;
    border: 1px solid #000;
    color: #000;
    margin-top: 0px;
    font-size: 20px;
    text-align: center;
    padding: 10px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
	margin-right: 120px;
	position: relative;
}

a.btn-menu-spa:after {
    display: block;
    content: '';
    width: 1px;
    height: 90px;
    border-right: 1px solid #000;
    position: absolute;
    top: -20px;
    right: -60px;
}

.bloque-btn-spa span.btn-book {
	display: inline-block;
	position: relative;
	margin-top: 0px;
}

.bloque-btn-spa {
	display: block;
	width: 100%;
	margin-top: 100px;
	text-align: center;
}

.contenedor-general {
	position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

				/* SPAN NUEVA */
.barra-titulo {
    display: block;
    width: 100%;
    margin-bottom: 25px;
	margin-top: 70px;
}

.barra-titulo h1 {
    display: inline-block;
    font-size: 25px;
    text-transform: uppercase;
    color: #000;
    font-family: 'open_semibold';
}

span.btn-negro-book {
    display: inline-block;
    float: right;
    vertical-align: middle;
    background-color: #000;
    color: #FFF;
    padding: 10px 20px;
    font-size: 18px;
    position: relative;
    top: -6px;
    cursor: pointer;
	border: 1px solid #000;
	 -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

span.btn-negro-book:hover {
	background-color: transparent;
	color: #000;
}

.bloque-texto-seccion,
.bloque-extras {
    display: block;
    width: 100%;
    line-height: 180%;
    font-size: 20px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: left;
    border-bottom: 1px solid #939598;
    margin-bottom: 50px;
    padding-bottom: 50px;
    margin-top: 40px;
    color: #808285;
}

.bloque-accomodations {
    display: inline-block;
    width: 60%;
}

.bloque-area {
    display: inline-block;
    vertical-align: top;
    float: right;
    width: 30%;
}

.bloque-tablas {
	display: block;
	width: 100%;
	line-height: 180%;
    font-size: 20px;
	color: #808285;
}

.bloque-tablas p {
	display: block;
	width: 100%;
	margin-bottom: 30px;
}

.bloque-tablas table tr td:nth-child(even) { padding-left: 155px; }
.bloque-tablas table tr { border-bottom: 1px solid rgba(147, 149, 152, 0.49); }
.bloque-tablas table { margin-bottom: 75px; }

.bloque-planos {
	display: block;
	width: 100%;
	line-height: 180%;
    font-size: 20px;
	color: #808285;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.bloque-planos h3 {
    margin-bottom: 30px;
}

.bloque-planos img {
	display: block;
	width: 100%;
}

			/* PROMOTIONS */
.contenedor-promotions,
.contenedor-get-here {
	position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
	margin-top: 58px;
}

.contenedor-get-here .margen {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 890px;
}

.portada-promotion,
.portada-get-here {
    display: block;
    width: 100%;
    height: 550px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.portada-get-here { display: none; }
#portada-get-here-1 { display: block; }

.titulo-promotion {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #000;
    color: #FFF;
    font-size: 24px;
    padding: 20px 0px;
}

.texto-promotion,
.texto-get-here {
    display: block;
    width: 100%;
    background-color: #FFF;
    border-bottom: 4px solid #000;
    padding: 60px 0px 80px;
    text-align: center;
}

div#texto-get-3 a {
    color: #878787;
}

.texto-promotion:last-child { border-bottom: 9px solid #00b2d7; }

.texto-promotion p:first-child {
    line-height: 40px;
}

.texto-promotion p {
    font-size: 20px;
    line-height: 65px;
    color: #878787;
}

.texto-promotion p strong {
    font-weight: bold;
    color: #000;
}

.texto-promotion ul {
    display: block;
    width: 100%;
    font-size: 17px;
    color: #878787;
}

.texto-promotion ul li {
    display: block;
    width: 100%;
	line-height: 36px;
}

.texto-promotion ul {
    display: block;
    width: 100%;
    font-size: 17px;
    color: #878787;
    margin: 10px 0px 20px;
}

.texto-promotion a { color: #00BADA; }

.texto-promotion .margen { max-width: 880px; }

.especificacion-promotion p {
    display: block;
    width: 100%;
    font-size: 17px;
    border-bottom: 1px solid #878787;
    border-top: 1px solid #878787;
    padding: 5px 0px;
    margin: 40px 0px;
	line-height: 50px;
}

span.btn-azul-book {
    display: block;
    width: 170px;
    height: 50px;
    line-height: 50px;
    margin: 40px auto 40px;
    background-color: #00BADA;
    color: #FFF;
    font-size: 22px;
    position: relative;
    cursor: pointer;
    border: 1px solid #00BADA;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

span.btn-azul-book:hover {
	background-color: transparent;
	color: #00BADA;
}

.extras-promotion p {
    display: block;
    width: 100%;
    line-height: 25px;
    font-size: 15px;
    font-style: italic;
}

				/* GET HERE */
.nav-get-here {
    display: block;
    width: 100%;
    background-color: #fff;
    text-align: center;
	padding: 50px 0px
}

.nav-get-here h2 { color: #878787; }

.barra-nav-get-here {
    display: block;
    width: 100%;
    border-bottom: 1px solid #1d1d1b;
    border-top: 1px solid #1d1d1b;
    padding: 25px 0px;
    font-size: 18px;
    color: #9d9d9c;
	text-align: justify;
	font-weight: bold;
}

.barra-nav-get-here:after {
	content: '';
    width: 100%;
    display: inline-block;
}

/*span[data-id="2"], 
span[data-id="3"] { margin: 0px auto; }*/

span.get-active { color: #1d1d1b; }

.barra-nav-get-here span {
	cursor: pointer;
	display: inline-block;
}

.texto-get-here { 
	padding-top: 0px;
	font-size: 17px;
	color: #878787;
	display: none;
	border-bottom: 0px;
}

.contenido-texto-get {
    display: block;
    width: 100%;
    background-color: #FFF;
    padding-bottom: 80px;
    border-bottom: 9px solid #00b2d7;
}

div#texto-get-1 { display: block; }

.texto-get-here p { line-height: 35px; }

.texto-get-here p strong { 
	color: #1d1d1b; 
	display: block;
	width: 100%;
	line-height: 20px;
}

.texto-get-here p:nth-child(2) strong,
.texto-get-here p:nth-child(3) strong {
	border-top: 1px solid #9d9d9c;
	padding-top: 40px;
	margin-top: 30px;
}

.datos-contacto {
    display: block;
    color: #000;
    margin-top: 70px;
    text-align: center;
}

.datos-contacto p { 
	display: inline-block;
	line-height: 20px; 
}

.datos-contacto p a { color: #000; }

.datos-contacto p:first-child {
	border-right: 1px solid #000;
	padding-right: 10px;
	margin-right: 10px;
}

a.back-contact {
    display: block;
    width: 320px;
    height: 50px;
    border: 1px solid #9d9d9c;
    text-align: center;
    margin: 50px auto 30px;
    line-height: 50px;
    font-size: 24px;
    color: #9d9d9c;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

a.back-contact:hover {
	border-color: #000;
	background-color: #000;
	color: #FFF;
}


												/*Gallery*/

.cont-galeria {
	position: relative;
}

.gallery {
	display: block;
    padding-top: 140px;
	min-height: 400px;
	-webkit-transition: 0.5s all ease-out;
    -moz-transition: 0.5s all ease-out;
    transition: 0.5s all ease-out;
}

.gale {
    top: 138px !important;
}

.gallery li {
    float: left;
	position: relative;
    width: 25%;
    height: 200px;
}

.gallery li a {
	position: absolute;
	width: 100%;
	height: 100%;
}

.show-img {
	display: none;
}

.cargar-mas {
	display: table;
	height: 100px;
	position: relative;
	top: 0;
	padding-top: 30px;
	box-sizing: border-box;
	width: 100%;
	background: #fff;
	text-align: center;
}

.carga {
	width: 150px;
	height: 40px;
	margin: auto;
	border: 1px #9c9d9f solid;
	text-transform: uppercase;
	padding: 12px;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.carga:hover {
	background-color: #000;
	color: #fff;
}

.fancybox-title-float-wrap .child {
	text-transform: uppercase;
    font-weight: normal !important;
    text-shadow: none !important;
    letter-spacing: 5px;
	display: block;
}

.fancybox-title-float-wrap .child::selection {
	background-color: transparent;
}

.fancybox-next,
.fancybox-prev {
	background-image: url(assets/img/arrows1.png) !important;
    top: 105% !important;
	z-index: 9999 !important;
	background-size: 40px !important;
	width: 20px !important;
}

.fancybox-prev {
	left: 0 !important;
	background-position: left !important;
}

.fancybox-next {
	right: 0 !important;
	background-position: right !important;
}

.ocultar-img {
	display: none;
}

				/* CULINARY NUEVA */
span.nombre-chef {
    font-weight: bold;
    color: #00b2d7;
    text-decoration: underline;
	cursor: pointer;
}

.contenedor-comidas,
.contenedor-eventos {
    display: block;
    width: 100%;
    text-align: justify;
}

.cont-bloques-comida,
.cont-bloques-eventos {
    display: inline-block;
    width: 49.5%;
    vertical-align: top;
	min-height: 510px;
    background-color: #f6f6f6;
}

.relleno-comida,
.relleno-eventos {
    display: inline-block;
    width: 49.5%;
    height: 1px;
    vertical-align: top;
}

.cont-bloques-comida h2,
.cont-bloques-eventos h2 {
    display: block;
	text-transform: uppercase;
    width: 100%;
    background-color: #000;
    text-align: center;
    color: #FFF;
    font-size: 23px;
    padding: 15px 0px;
}

.portada-comida,
.portada-eventos {
    display: block;
    width: 100%;
    padding-top: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.portada-eventos { background-position: top; }

.cont-bloques-comida span,
.cont-bloques-eventos span {
    background-color: #f6f6f6;
    text-align: center;
    font-size: 19px;
    display: block;
    width: 100%;
    line-height: 40px;
    color: #000;
    padding: 60px 0px;
    min-height: 160px;
}

.cont-bloques-comida span {
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    min-height: 315px;
}

h2.mas-chico {
    font-size: 18px;
    padding: 17px 0px;
}

span.mas-largo { height: 200px; }
.borde-top-azul { border-top: 9px solid #00b2d7; }
.texto-chef { text-align-last: left; }

span.btn-home {
    display: block;
    border: 1px solid #9d9d9c;
    text-align: center;
    font-size: 24px;
    width: 130px;
    padding: 10px;
    margin: 0 auto;
	cursor: pointer;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

span.btn-home:hover {
	background-color: #9d9d9c;
	color: #FFF;
}

.seccion-ixiim .texto-bold.texto-fade a {
    width: 140px !important;
    display: block;
    margin: 0 auto;
	font-size: 19px;
    text-align: center;
	color: #00b2d7;
	text-decoration: underline;
}

.seccion-ixiim .texto-bold.texto-fade img.aligncenter.wp-image-1230.size-full.img-fade {
    width: 70% !important;
    display: block;
    margin: 0 auto 10px !important;
}

								/* Contact alt*/
								
.cont-contact-alt .section.active {
	position: relative;
	min-height: 900px;
	width: 100%;
	padding-top: 60px;
	background-color: #fff;
}

.cont-form-alt {
    display: table;
    width: 100%;
    height: 100%;
	margin-top: 80px;
	min-height: 450px;
}

.col-cont-alt {
    display: table-cell;
    vertical-align: top;
}

.primero {
    width: 60%;
    padding: 0 30px 150px;
}

.primero form {
    max-width: 380px;
    margin: auto;
}

.primero form label {
   color: #666;
}

.primero form input,
.primero form div.reason {
    border: 1px #c2c2c2 solid;
    height: 40px;
	outline: none;
}

.primero form input {
	color: #8f8f99;
}

.primero form input::-webkit-input-placeholder {
	color: #8f8f99;
}

.primero form input::-moz-input-placeholder {
	color: #8f8f99;
}

.primero form input::-ms-input-placeholder {
	color: #8f8f99;
}

.primero form div.reason {
	color: #8e8e8e;
	font-size: 20px;
    padding: 10px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform: uppercase;
}

ul.desp-reason {
    margin-bottom: 10px;
	display: none;
}

.desp-reason li {
    display: block;
    background-color: #000;
    color: #fff;
	cursor: pointer;
    padding: 10px;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.desp-reason li:hover,
.desp-reason li.active {
	background-color: #666;
}

.primero form input#send-contact {
	float: right;
    margin-top: 10px;
    width: 80px;
    height: 30px;
    font-size: 14px;
    padding: 0;
    color: #fff;
    background-color: #909090;
    cursor: pointer;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.primero form input#send-contact:hover {
	background-color: #000;
}

.primero form textarea {
	width: 100%;
	height: 200px;
	resize: none;
	margin-top: 10px;
	border: 1px #c2c2c2 solid;
	color: #8f8f99;
	outline: none;
	padding: 10px;
    font-family: inherit;
	font-size: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.primero form textarea::-webkit-textarea-placeholder{
	color: #7d7d7d;
	font-weight: normal;
	font-size: 20px;
	font-family: 'open_sansregular';
}

.primero form textarea:-moz-textarea-placeholder {
	color: #7d7d7d;
	font-weight: normal;
	font-size: 20px;
	font-family: 'open_sansregular';
}

.primero form textarea::-moz-placeholder {
	color: #7d7d7d;
	font-weight: normal;
	font-size: 20px;
	font-family: 'open_sansregular';
	opacity: 1;
}

.primero form textarea::-ms-textarea-placeholder {
	color: #7d7d7d;
	font-weight: normal;
	font-size: 20px;
	font-family: 'open_sansregular';
}

.segundo p {
    margin: 15px 0;
    line-height: 20px;
    color: #666;
}


.col-cont-alt.segundo a.get-here,
.col-cont-alt.segundo a.get-directions {
    color: #000;
    font-weight: bold;
    display: block;
    width: 200px;
    padding: 20px 0;
    border-top: 1px #666 solid;
    border-bottom: 1px #666 solid;
}

.col-cont-alt.segundo a.get-directions {
	border-bottom: none;
	margin-top: 50px;
}

.col-cont-alt.segundo a {
    margin: 0px;
    border: 0px;
    padding: 0px;
    color: #666;
    font-weight: normal;
}

.confirmacion, .alerta {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 17px;
    color: #666;
    line-height: 40px;
	margin-top: 20px;
}

				/* CHEF */
.titulo-chef {
    display: block;
    width: 100%;
    margin-bottom: 70px;
    text-align: justify;
}

.izq-chef {
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

.der-chef {
    display: inline-block;
    width: 65%;
    vertical-align: top;
}

.izq-chef h2 {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 24px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    position: relative;
}

.izq-chef small { font-size: 20px; }

.der-chef p {
    font-size: 20px;
    line-height: 35px;
    font-weight: bold;
    color: #878787;
}

.relleno-chef {
    display: inline-block;
    width: 100%;
    height: 1px;
}

			/* CAREERS */
.texto-bold.texto-fade a {
    color: #00b2d7;
    display: block;
    margin: 20px 0px;
}

.bloque-jobs {
    display: block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #878787;
    padding-top: 40px;
}

.texto-bold.texto-careers.texto-fade { margin-bottom: 40px; }

.bloque-jobs p {
    display: block;
    width: 100%;
    color: #000;
    font-size: 20px;
    margin-bottom: 50px;
}

.row-job {
    display: block;
    width: 100%;
    border-bottom: 1px solid #878787;
    margin-bottom: 15px;
    font-size: 20px;
	text-align: justify;
}

.row-job span {
    display: inline-block;
    width: 49%;
    vertical-align: top;
	text-align: center;
}

			/* GASTRONOMIC */
ul.slider-gastronomic {
    display: block;
    width: 100%;
    height: 600px;
}

ul.slider-gastronomic li {
    width: 100vw !important;
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.cont-prin-act {
    position: relative;
    margin-bottom: 70px;
}

.contenido-bco .cont-prin-act:last-child {
    margin-bottom: 0;
}

.titulo-negro {
    display: block;
    width: 100%;
    font-size: 22px;
    background-color: #000;
    color: #FFF;
    padding: 20px 0px;
}

.texto-blanco-activities-1,
.texto-blanco-activities-2,
.texto-blanco-activities-3,
.texto-blanco-activities-4,
.texto-blanco-activities-5,
.texto-blanco-activities-temazcal-1,
.texto-blanco-activities-temazcal-2,
.texto-blanco-activities-temazcal-3,
.texto-blanco-activities-surr-1,
.texto-blanco-activities-surr-2,
.texto-blanco-activities-surr-3 {
	position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
	opacity: 0;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 96%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 96%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	color: #fff;
    font-size: 20px;
    text-align: justify;
    line-height: 180%;
	padding-top: 45px;
	padding-bottom: 60px;
	padding-left: 10px;
    padding-right: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-shadow: 3px 3px 7px #000;
	-webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
}

.texto-blanco-activities-surr-1,
.texto-blanco-activities-surr-2,
.texto-blanco-activities-surr-3 {
	position: static;
    background: transparent;
    text-shadow: none;
    color: #919395;
    margin: 0 0 100px;
    text-align: center;
    border-bottom: 1px #cecece solid;
}

.texto-blanco-activities-surr-3 {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.texto-blanco-activities-surr-1 h3,
.texto-blanco-activities-surr-2 h3,
.texto-blanco-activities-surr-3 h3 {
    margin-bottom: 35px;
}

.texto-bold.sin-margen { margin-bottom: 45px; }

.texto-blanco-activities-surr-1 p,
.texto-blanco-activities-surr-2 p,
.texto-blanco-activities-surr-3 p {
	text-align: justify;
}

.extra-temazcal {
    margin: 50px 0px 10px;
    font-size: 17px;
    font-style: italic;
}

h3.titulo-temazcales {
    display: block;
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 25px;
    margin-bottom: 60px;
}

.temazcal-info {
    display: block;
    width: 100%;
    text-align: justify;
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #fff;
    font-size: 21px;
    color: #fff;
}

.quieres-ev {
    text-align: center;
    font-size: 22px;
}

.quieres-ev button {
    float: none;
    margin: 40px 0 0;
    text-transform: uppercase;
    padding: 10px 0;
}

.banquete-strong {
    display: block;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px #cecece solid;
}

.margen.serv-intro {
	max-width: 790px;
}

.bq-left {
    display: inline-block;
    width: 65%;
    vertical-align: top;
}

.bq-right {
    display: inline-block;
    width: 26%;
    vertical-align: top;
	text-align: right;
}

.bq-full {
    display: inline-block;
    width: 1000%;
    vertical-align: top;
}

				/* HOME NUEVA */
.contenedor-home {
    display: block;
    width: 100%;
    /*margin-top: 90px;*/
}

.imagen-large-index-nuevo,
.imagen-large-index {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.titulo-home,
.text-home {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    color: #FFF;
    text-transform: uppercase;
    font-size: 15px;
}

.text-home { top: 70%; }

.titulo-home h1 {
	display: block;
	width: 100%;
	position: relative;
}

.titulo-home h1:before {
    display: block;
    content: '';
    width: 155px;
    height: 15px;
    margin: 0 auto 15px;
	background-image: url(assets/img/cenefa-bco.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.titulo-home h1:after {
    display: block;
    content: '';
    width: 155px;
    height: 15px;
    margin: 15px auto 0;
	background-image: url(assets/img/cenefa-bco.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


		/* AWARDS */
.bloque-awards {
    display: block;
    width: 100%;
    /*padding: 230px 0 130px;*/
    background-image: url(assets/img/logo-negro-circulo.png);
    background-color: #000;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.cont-awards {
	display: table;
    height: 100%;
	width: 100%;
}

.margen-awards {
	width: 100%;
	max-width: 780px;
	margin: auto;
	text-align: center;
}

.contenido-awards {
    display: table-cell;
    vertical-align: middle;
	padding-top: 150px;
    width: 100%;
    text-align: justify;
	/*padding-top: 25%;*/
}

.info-awards {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    line-height: 25px;
    margin-bottom: 90px;
}

.info-awards.info-awards-half { width: 15%; }

.relleno-awards {
	display: inline-block;
    width: 30%;
    vertical-align: top;
	height: 1px;
}

.info-awards h2 {
    text-transform: uppercase;
    position: relative;
}

/*.info-awards h2:before {
    display: block;
    content: '';
    width: 155px;
    height: 15px;
    background-image: url(assets/img/cenefa-bco.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0 auto 15px;
}

.info-awards h2:after {
    display: block;
    content: '';
    width: 155px;
    height: 15px;
    margin: 15px auto 0;
	background-image: url(assets/img/cenefa-bco.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}*/

.texto-award {
    display: block;
    width: 100%;
    margin-top: 15px;
}

.info-awards:nth-child(2),
.info-awards:nth-child(8),
.info-awards:nth-child(5) {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    padding: 0px 20px;
}

.info-awards:nth-child(5) {
    border-right: none;
}

.info-awards:nth-child(6) { 
	border-left: 1px solid #FFF;
	padding-left: 20px;
}

a.btn-liga-home {
    display: block;
    border: 1px solid #FFF;
    padding: 10px;
    width: 120px;
    margin: 20px auto 0px;
	text-align: center;
    color: #FFF;
    font-size: 14px;
    cursor: pointer;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.fondo-negro-home.texto { bottom: 3% !important; }

.imagen-large-index:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.54);
    background: -webkit-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.54));
    background: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.54));
    background: -moz-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.54));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.54));
}

a.btn-liga-home:hover {
	background-color: #FFF;
	color: #000;
}

.text-home p {
    line-height: 180%;
    font-size: 14px;
}

.text-home a { color: #FFF; }

.imagen-large-index-nuevo:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.54);
    background: -webkit-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.54));
    background: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.54));
    background: -moz-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.54));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.54));
}

										/* Eventos */

.even,
.even-dos {
	max-width: 880px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.even-dos {
	max-width: 890px;
}

ul#slider-events ul.slick-dots li {
	height: 10px !important;
    position: relative !important;
}

ul#slider-events div.btn-seccion {
    min-height: auto;
    bottom: 40px;
}

ul#slider-events div.link-event {
    position: fixed;
    bottom: 60px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.9);
    color: #808285;
    text-align: center;
    font-size: 13px;
    letter-spacing: 2px;
    padding: 20px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: auto;
}

ul#slider-events div.margen {
    min-height: auto;
    height: auto;
}

ul#slider-events div.link-event p {
    display: inline-block;
    margin-right: 30px;
}

ul#slider-events div.link-event a {
    color: #00bada;
    margin: 0 10px;
    display: inline-block;
}

.portada-eventos {
    padding-top: 60%;
}

.cont-bloques-eventos {
	position: relative;
}

.cont-bloques-eventos h3 {
    text-align: center;
	min-height: 36px;
	text-transform: uppercase;
    padding: 20px;
	padding-bottom: 0;
    background-color: #f6f6f6;
    font-size: 13px;
    line-height: normal;
    font-family: 'opensans-bold';
    color: #000;
}

.cont-bloques-eventos span {
    min-height: auto;
    padding: 10px;
    font-size: 13px;
    line-height: 26px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cont-bloques-eventos a {
    background-color: #f6f6f6;
	width: 100%;
	position: absolute;
    bottom: 0;
    display: block;
    text-align: center;
    padding: 0 0 30px;
    font-size: 18px;
    font-family: 'opensans-bold';
    color: #00bada;
}

.cont-bloques-eventos a.serv-ev {
	color: #000;
    font-family: inherit;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 26px;
    bottom: 100px;
	min-height: 55px;
}

.extra-event {
    border-top: 1px #b3b3b3 solid;
    border-bottom: 1px #b3b3b3 solid;
    padding: 20px 0;
    line-height: normal;
    margin-top: 30px;
}

.extra-event a {
    color: #00bada;
}

.extra-event-2 {
    max-width: 600px;
    margin: 30px auto;
}

.extra-event-2 .extra-event {
	border: none;
}

button.reg-events,
form#form-events input[type="submit"],
form#form-events-groups input[type="submit"] {
    background: transparent;
    width: 100%;
    max-width: 240px;
    margin: 10px 0;
    border: 1px #b3b3b3 solid;
    color: #7d7d7d;
    text-transform: uppercase;
	outline: none;
}

button.reg-events {
    margin-right: 10px;
}

button.reg-events:hover,
form#form-events input[type="submit"]:hover,
form#form-events-groups input[type="submit"]:hover{
	background-color: #00bada;
	border-color: #00bada;
	color: #fff;
}

form#form-events,
form#form-events-groups {
	display: none;
    text-align: justify;
    text-transform: uppercase;
}

form#form-events-groups {
	display: block;
	height: 475px;
	padding: 0 25px;
}

form#form-events input,
form#form-events-groups input {
    color: #808285;
    border: 1px #b3b3b3 solid;
    background-color: transparent;
    border-radius: 0px;
    font-size: 20px;
    padding-left: 20px;
	outline: none;
    height: 40px;
    width: 70%;
    display: inline-block;
}

form#form-events input[name="name-event"] {
    width: 100%;
}

form#form-events input[name="number-event"] {
    width: 27%;
    float: right;
}

form#form-events input::-webkit-input-placeholder,
form#form-events input::-webkit-input-placeholder,
form#form-events-groups input::-webkit-input-placeholder,
form#book-spa .campo-book::-webkit-input-placeholder,
form#form-events-groups textarea::-webkit-input-placeholder {
	color: #7d7d7d;
	font-weight: normal;
	font-size: 20px;
	font-family: 'open_sansregular';
}

form#form-events input:-moz-placeholder,
form#form-events input:-moz-placeholder,
form#form-events-groups input:-moz-placeholder,
form#book-spa .campo-book:-moz-input-placeholder,
form#form-events-groups textarea:-moz-input-placeholder {
	color: #7d7d7d;
	font-weight: normal;
	font-size: 20px;
	font-family: 'open_sansregular';
}

form#form-events input::-moz-placeholder,
form#form-events input::-moz-placeholder,
form#form-events-groups input::-moz-placeholder,
form#book-spa .campo-book::-moz-placeholder,
form#form-events-groups textarea::-moz-placeholder {
	color: #7d7d7d;
	font-weight: normal;
	font-size: 20px;
	opacity: 1;
	font-family: 'open_sansregular';
}

form#form-events input::-ms-input-placeholder,
form#form-events input::-ms-input-placeholder,
form#form-events-groups input::-ms-input-placeholder,
form#book-spa .campo-book::-ms-input-placeholder,
form#form-events-groups textarea::-ms-input-placeholder {
	color: #7d7d7d;
	font-weight: normal;
	font-size: 20px;
	font-family: 'open_sansregular';
}

form#form-events label {
    color: #000;
    display: inline-block;
    margin: 0;
    height: 40px;
    line-height: 30px;
}

.cont-yes-no {
	display: inline-block;
	max-width: 150px;
}

.yes,
.no {
    width: 45px;
    height: 40px;
    display: inline-block;
    border: 1px #b3b3b3 solid;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.yes:hover,
.no:hover,
.cont-yes-no div.active {
	background-color: #00bada;
	border: 1px #00bada solid;
	color: #fff;
}

.yes {
    margin: 10px 10px 0 20px;
}

form#form-events input[type="submit"],
form#form-events-groups input[type="submit"] {
	display: block;
	height: 45px;
}

form#form-events-groups input {
    width: 55%;
}

form#form-events-groups input[name="number-event-gr"],
form#form-events-groups input[name="date-event-gr"] {
    width: 20%;
}

form#form-events-groups input[name="tel-event-gr"] {
    width: 42.5%;
    margin-left: 2%;
}

form#form-events-groups textarea {
    margin-top: 10px;
    min-height: 270px;
}

nav.custom-pagination {
    font-size: 16px;
    text-align: center;
    margin: 20px 0 0;
}

nav.custom-pagination a {
    color: #000;
    margin-right: 5px;
}

nav.custom-pagination span {
    color: #00bada;
}

form#form-events-groups textarea {
	margin-top: 10px;
}

form#form-events-groups input[type="submit"] {
    float: right;
}

.vote {
    display: inline-block;
    border: 1px solid #00BADA;
}

.vote .hotel {
    height: 80px;
    position: relative;
    top: 0;
    margin: 10px 0px 10px;
    width: 100%;
    max-width: 100%;
}

a.vote-link {
    position: relative;
    width: 100%;
    background-color: #00BADA;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 8px;
    box-sizing: border-box;
    display: block;
}

										/* Maroma */


/* Maroma */
	
	body {
		overflow-x: hidden;
	}

	section.maroma {
		display: table;
		background-image: url(assets/img/playa.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		background-size: cover;
		width: 100%;
		min-height: 900px;
		font-family: 'FuturaStd-Book';
		position: relative;
		left: 50%;
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: 1s ease-in-out;
	}

	section.maroma article {
		display: table-cell;
		vertical-align: middle;
	}

	.cont-comming {
		width: 100%;
		max-width: 505px;
		margin: auto;
		margin-bottom: 140px;
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: none;
	}

	.logo-comming {
		width: 100%;
		max-width: 300px;
		margin: auto;
	}

	h1.title-comming {
		text-align: center;
		font-size: 34px;
		margin-top: 50px;
		text-transform: uppercase;
		letter-spacing: 19px;
		color: #fff;
	}
	
	.bottom .cont div.menu,
	.bottom .cont a.link-prin,
	.contacto .hotel:last-child {
		display: none;
	}
	
	.bottom .cont div {
		cursor: default;
	}
	
	.details {
		width: 100%;
		max-width: 135px;
		font-family: 'open_sansregular';
		font-size: 17px;
		border: 2px #35735a solid;
		color: #35735a;
		text-align: center;
		padding: 10px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: auto;
		position: relative;
		bottom: -70px;
		text-transform: uppercase;
		letter-spacing: 6px;
		cursor: pointer;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	
	.details:hover {
		background-color: #35735a;
		color: #fff;
	}
	
	footer {
		padding: 15px 80px;
	}
	
	.margen-footer {
		padding: 0 15px;
	}
	
	footer .wrap {
		display: block;
		width: 200px;
		margin: auto;
		text-align: center;
	}
	
	footer ul.lista {
		margin: auto;
		width: 185px;
		display: block;
		height: auto;
	}
	
	footer ul.lista li {
		margin: 0;
	}
	
	footer ul.lista li p {
		line-height: 15px;
		font-size: 10px;
		margin-top: 10px;
		text-transform: initial;
	}
	
	footer ul.lista li p a {
		color: #00BADA;
	}
	
	footer div.contacto:after {
		display: none;
	}
	
	.shadowbox-details {
		display: none;
		position: fixed;
		text-transform: uppercase;
		letter-spacing: 4px;
		font-family: 'open_sansregular';
		font-size: 22px;
		line-height: 70px;
		left: 0;
		right: 0;
		background: rgba(255, 255, 255, 0.88);
		height: 100%;
		z-index: 1000;
		overflow: auto;
		top: 0;
	}
	
	.content-details {
		margin: auto;
		margin-top: 100px;
		margin-bottom: 100px;
		max-width: 600px;
		font-size: 14px;
		line-height: 40px;
		text-transform: initial;
		padding: 0 15px;
		letter-spacing: initial;
	}
	
	.content-details p {
		margin: 10px 0;
	}
	
	.content-details p strong {
		font-family: 'opensans-bold';
		display: block;
	}

	.go-maroma,
	.go-yucatan {
		cursor: pointer;
		width: 240px;
		height: 90px;
		background-color: #000;
		position: absolute;
		padding: 20px 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	section.maroma.yucatan {
		position: absolute;
		left: -50%;
		background-image: url(assets/img/home.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	section.maroma.yucatan:after {
		content: '';
		height: 100%;
		position: absolute;
		width: 3px;
		background-color: #000;
		right: -1px;
	}

	.go-yucatan {
		left: 50%;
	}

	.st0{fill:#FFFFFF;}

	.tel-book a:first-child {
		display: none;
	}
	
	@media screen and (max-width: 1000px) {
		footer {
			padding: 15px !important;
		}
	}

	@media screen and (max-width: 500px) {
		
		section.maroma {
			left: 0;
			display: table;
			min-height: 400px;
		}
		
		section.maroma.yucatan {
			left: 0;
			display: block;
			min-height: 400px;
			position: relative;
		}
		
		.go-yucatan {
			top: 70px;
    		left: 0;
		}
	}
	
	@media screen and (max-width: 350px) {
		
		footer div.contacto {
			text-align: center;
		}
		
		footer .wrap {
			text-align: left;
		}
		
	}