body {font-weight:400; font-family: 'Roboto', sans-serif;}

#menu {position:fixed; top:0; left:0; right:0; text-align:center; padding:26px 32px 0 32px; z-index:90;}
#menuMov {display:none; text-align:left; padding:26px 32px 0 32px;}

.menuLogo {width:144px;}
.menuRight {position:absolute; right:32px; top:27px;}

.mrLink {font-size:12px; font-weight:400; color:#fff; letter-spacing:1px; line-height:1;}
.mrLink:hover {font-weight:700; color:#cbed66 !important; text-decoration:none;}
.mrLinkImg {margin-left:36px;}

.menuLogoColor {display:none; width:144px;}
.menuIsoColor {display:none; width:33px;}
.menuIso img {width:33px;}
.menuIsoColor img {width:33px;}
.menuLogIn img {width:33px;}

#menu.menuColor {}
#menu.menuColor .menuLogo {display:none;}
#menu.menuColor .menuIso {display:none;}
#menu.menuColor .menuLogoColor {display:inline-block;}
#menu.menuColor .menuIsoColor {display:inline-block;}
#menu.menuColor .mrLink {color:#523eba;}


.seccion {height:100vh;}

#header {background:#0c1622 url(../img/head_fdo.jpg) center center; background-size:cover;  width:100%; overflow:hidden; position:relative;}

#header_fono {position:absolute; bottom:-87px; left:50%; margin-left:-400px}

#header_contenido {position:absolute; width:432px; left:50%; margin-left:32px; top:50%; transform:translateY(-50%); margin-top: 46px;}

#hc_tit {font-size:60px; color:#fff; font-weight:300; line-height:1; /*width:306px;*/}
#hc_txt {font-size:16px; color:#fff; font-weight:500; line-height:2; margin-top:34px;}

#hc_btns {color:#fff; margin-top:40px; text-align:center;}
.botonesDownload {margin-left:auto; margin-right:auto; max-width:520px}
.botonesDownload a { }
.botonesDownload a img {max-width:100%;}
.botonesDownload a:hover img {}


.tit {font-size:32px; color:#fff; font-weight:300;  line-height:1.2;}
.tit span {color:#cbed70;}
.txt {font-size:16px; color:#fff; font-weight:500; margin-top:24px; line-height:2;}
.txt_tit {font-size:18px; font-weight:700; color:#cbed70;}


#disfruta {width:100%;  background-color:#fff; position:relative;}
#disfrutaw {position:absolute; top:50%; transform:translateY(-50%); width:100%;}

#disfruta .tit {color:#523eba;}
#disfruta .tit span {color:#cbed70;}
#disfruta .txt {color:#676767;}

.disfrutaImg {}
.disfrutaImg img {width:100%; max-width:486px;}

#servicios {width:100%;  /*background:#0c1622 url(../img/servicios_fdo.jpg) center center; background-size:cover;*/ background-color:#f6f6f6; position:relative;}
#serviciosw {position:absolute; top:50%; transform:translateY(-50%); width:100%; margin-top:50px;}

.servicio_item {color:#523eba; height:240px; text-align:center; position:relative;}
.si_tit {font-size:19px; font-weight:700; line-height:1; margin:22px 0; color:#cbed70;}
.si_txt {font-size:18px; font-weight:400; color:#676767;}

.servicio_item:before {position:absolute; left:34px; top:-16px; font-weight:700; font-size:20px; color:#fff; background-color:#523eba; border-radius:50%; width:38px; height:38px; text-align:center; padding-top:4px;}

#si_1:before {content:"1";}
#si_2:before {content:"2";}
#si_3:before {content:"3";}
#si_4:before {content:"4";}

#si_1.servicio_item img {width:68px;}
#si_2.servicio_item img {width:62px;}
#si_3.servicio_item img {width:54px;}
#si_4.servicio_item img {width:74px;}

.ser_col_izq {text-align:center;}

.ser_col_mid {}
.ser_col_mid img {width:100%; max-width:541px; margin-left: 60px; margin-top: -117px;}


#reserva {width:100%;  background:#0c1622 url(../img/reserva_fdo.jpg) center center; background-size:cover; position:relative;}
#reservaw {position:absolute; top:50%; transform:translateY(-50%); width:100%;}

#res_btns {margin-top:50px;}


#forma {width:100%;  background-color:#f6f6f6; position:relative; text-align:center;}
#formaw {position:absolute; top:50%; transform:translateY(-50%); width:100%;}

#forma .tit {color:#523eba;}
#forma .txt {color:#676767; margin-top: 10px;}


#formaRow {margin-top:110px; margin-bottom:110px;}
.forma_item {text-align:center;}
.forma_itemw {max-width:235px; margin:0 auto;}
.forma_icon {}
.forma_tit {color:#cbed70; font-size:19px; font-weight:700; margin:10px 0 8px 0;}
.forma_txt {color:#676767; font-size:16px;}


#forma_1.forma_item .forma_icon img {width:69px;}
#forma_2.forma_item .forma_icon img {width:75px;}
#forma_3.forma_item .forma_icon img {width:71px;}

#forma_btns {margin-top:40px;}


#video {width:100%;  background-color:#000; position: relative;}
#elVideo {width:100%; max-height:100vh; position:absolute; top:50%; transform:translateY(-50%);}

#videoOverlay {position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; background:#523eba url(../img/fdoVideo) center center no-repeat;}

.vo_nave {position:absolute; top:50%; transform:translateY(-50%); left:50%; margin-left:-400px;}
.vo_play {position:absolute; top:50%; transform:translate(-50%, -50%) scale(1); left:50%; cursor:pointer; transition:all .3s;}
.vo_play:hover {transform:translate(-50%, -50%) scale(0.95); }
.vo_tit {width:346px; position:absolute; top:50%; transform:translateY(-50%); left:50%; margin-left:160px; color:#fff; line-height:1.2; font-size:40px; font-weight:300;}


#empresa {width:100%;  background:#0c1622 url(../img/empresa_fdo.jpg) center center; background-size:cover; position:relative; text-align:center;}
#empresaw {position:absolute; top:50%; transform:translateY(-50%); width:100%;}


#empresa .tit {font-size:70px; font-weight:300;}
#empresa .txt {font-size:20px; font-weight:400;}


#botonEmpresa {margin-top:168px; text-align:center;}

#botonEmpresa a {text-decoration:none !important; position:relative; padding:24px 54px; line-height:1; border:3px solid #fff; background-color:transparent; color:#cbed70; font-size:18px; font-weight:800; letter-spacing:2px; transition:all .3s;}
#botonEmpresa a:hover {border:3px solid #fff; background-color:#cbed70; color:#fff;}

#botonEmpresa a img {position:absolute; top:-92px; left:76px}

#footer {padding:30px 0; background-color:#fff; color:#bbbbbb; height:280px;}
.footer_row {text-align:center;}
.fr_1 {font-size:18px; color:#bbbbbb;}
.fr_1 a {font-size:18px; color:#bbbbbb; font-weight:600;}
.fr_2 {margin:40px 0;}
.fr_2 a:nth-child(2){margin:0 42px;}
.fr_3 {font-size:15px; color:#bbbbbb;}
.fr_3 span {font-size:15px; color:#bbbbbb; margin:0 10px;}
.fr_3 a {font-size:15px; color:#bbbbbb;}


#em_header {background:#0c1622 url(../img/em_head_fdo.jpg) center center; background-size:cover;  width:100%; overflow:hidden; position:relative;}

#em_header #header_contenido {width:auto; text-align:center; left:50%; right:auto; margin:0; max-width:780px; transform:translate(-50%,-50%);}

#calendario {width:100%;  background:#f6f6f6 url(../img/em_calendario_fdo.png) center bottom; position:relative; text-align:center;}
#calendariow {position:absolute; bottom:0; width:100%;}
#calendariow .container {max-width:680px;}
#calendario .tit {color:#4a4798;}
#calendario .tit span {color:#cbed70;}
#calendario .txt {color:#676767;}

#calendarioImg img {max-width:100%;}

#pasos {width:100%; background-color:#523eba; position:relative; }
#pasosw {position:absolute; top:50%; transform:translateY(-50%); width:100%;}

#pasosPasos {border-left:3px solid #cbed66; height:450px; transition:height .4s; }
#pasosPasos.thidden {height:0;}
.ppasos_item {position:relative; height:90px;}



.ppi_num {border-radius:50%; border:2px solid #cbed66; background-color:#523eba; color:#fff; font-size:20px; line-height:1; font-weight:700; position:absolute; width:38px; height:38px; left:-21px; top:0; padding-top:7px; text-align:center; opacity:1; transition:opacity .3s;}

.thidden .ppi_num {opacity:0;}


.ppiw {margin-left:64px; color:#fff; opacity:1; transition:all .3s; transform:translateX(0);}
.ppi_tit {font-size:18px; font-weight:700; line-height:1.1;}
.ppi_txt {font-size:16px; font-weight:400; line-height:1.2;}

.thidden .ppiw {opacity:0; transform:translateX(30px);}


#pasosImagen {position:absolute; right:0; top:50%; transform:translateY(-50%); width:50%; text-align:right;}
#pasosImagen img {}


#gestion {width:100%;  background-color:#fff; position:relative; text-align:center;}
#gestionw {position:absolute; top:50%; transform:translateY(-50%); width:100%; padding-top:40px;}

#gestionw .container {max-width:830px;}

#gestion .tit {color:#523eba; margin-left:auto; margin-right:auto; max-width:680px;}
#gestion .tit span {color:#cbed70;}
#gestion .txt {color:#676767; margin-left:auto; margin-right:auto; max-width:680px;}

#gestionImg {margin-top:100px;}
#gestionImg img {max-width:100%;}



#em_servicios {width:100%;  background:#39317e url(../img/em_servicios.jpg) center center; position:relative; text-align:center; background-size:cover;}
#em_serviciosw {position:absolute; top:50%; transform:translateY(-50%); width:100%; padding-top:40px;}

.em_ser_item {margin:30px 0; text-align:center;}
.em_ser_item_icon {padding-bottom:12px;}
.em_ser_item_txt {color:#fff; font-size:16px; font-weight:400; padding:0 40px;}



#em_registra {width:100%;  background:#f6f6f6; position:relative;}
#em_registraw {position:absolute; top:50%; transform:translateY(-50%); width:100%; padding-top:40px;}

.em_registra_img {max-width:100%; }

#em_registra .tit {color:#523eba;}
#em_registra .txt {color:#676767;}


#em_contacto {width:100%;  background:#39317e url(../img/em_formulario.jpg) center center; position:relative; text-align:center; background-size:cover;}
#em_contactow {position:absolute; top:50%; transform:translateY(-50%); width:100%;}

#em_contacto .txt {margin-top:14px; margin-bottom:40px;}

#em_contacto .formItem {width:100%; margin-bottom:12px; font-size:18px; border:1px solid #c2c0c7; padding:6px 20px; background-color:transparent; height:48px; color:#fff;} 
#em_contacto button {width:100%; color:#fff; border:2px solid #cbed66; background-color:#cbed66; transition:all .3s; font-weight:700; letter-spacing:2px; padding:8px 5px; cursor:pointer;  height:48px;} 
#em_contacto button:hover {background-color:#523eba; color:#fff; border-color:#523eba;} 
#em_contacto label {color:#fff; }
#em_contacto a {color:#fff; }

#em_contacto .formItem.inactive {color: #b1aecc;}

#em_contacto .formItem option {background-color:#523eba; color:#fff;}


#em_contacto .formItem::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b1aecc;
  opacity: 1; /* Firefox */
}

#em_contacto .formItem:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b1aecc;
}

#em_contacto .formItem::-ms-input-placeholder { /* Microsoft Edge */
  color: #b1aecc;
}

#formularioEmpresaGracias {display:none;}

@media (max-height:840px) {
	#gestionImg {margin-top:50px;}
}

@media (max-height: 740px) {
	#calendarioImg img {margin-bottom:-100px;}
	#gestionImg img {max-height:380px;}
}

@media (max-height: 700px) {
#header_fono img {height:560px;}
#formaRow {margin-top:50px; margin-bottom:50px;}
#gestionImg img {max-height:300px;}
}
@media (max-width: 1199px) {

.vo_tit {font-size:32px; width:240px;}

}
@media (max-width: 980px) {
	#header_fono img {height:600px;}
	#header_contenido {margin-left:-60px;}
	
	.tit {font-size:30px; line-height:1.2;}
	.txt {font-size:16px; margin-top:28px; line-height:1.5;}
	
	#empresa .tit {font-size:42px;}
	
	.servicio_item {height:190px;}
	.si_tit {font-size:18px; margin:8px 0;}
	.si_txt {font-size:14px;}
	
	.vo_nave {display:none;}
	.vo_tit {font-size:32px; width:100%; padding:0 30px; top:140px; left:0; right:0; transform:none; margin-left:0; text-align:center;}
}
@media (max-width: 810px) {
	#header_fono {left:30px; margin-left:0;}
	#header_fono img {height:500px;}
	#header_contenido {width:100%; left:0; margin-left:0; padding-right:40px; padding-left:300px; padding-top:60px; margin-top:0;}
}
@media (max-width: 767px) {
#menu {text-align:left;}

#serviciosw {padding-top:40px;}
.ser_col_mid {display:none;}
.ser_col_izq {text-align:center;}
.ser_col_der {text-align:center;}

#reserva {background-position:center left;}

}
@media (max-width: 710px) {
	#header_fono {display:none;}
	#header_contenido {width:100%; left:0; margin-left:0; padding-right:30px; padding-left:30px; padding-top:60px; right:0;}
	#hc_btns {max-width:400px; margin-left:auto; margin-right:auto;}
	
	.ppasos_item {height:auto; padding-bottom:30px;}
	
	.em_registra_img {padding-bottom:30px; max-width:100%;}
}

@media (max-width: 600px) {
	#menu {display:none;}
	#menuMov {display:block;}
	
	#header {height:100vh; padding:0;}
	.seccion {height:auto; padding:60px 30px;}
	html {overflow:auto !important; height:auto !important;}
	#footer {padding-bottom:20px; height:auto;}
	
	#disfrutaw {position:static; top:auto; transform:none; width:100%;}
	#serviciosw {position:static; top:auto; transform:none; width:100%;}
	.servicio_item {height:auto; padding-bottom:50px;}
	
	#reservaw {position:static; top:auto; transform:none; width:100%;}
	#formaw {position:static; top:auto; transform:none; width:100%;} 
	#formaRow {margin-top:40px; margin-bottom:40px;}
	.forma_item {margin-bottom:20px;}
	
	#elVideo {position:static; top:auto; transform:none; width:100%;}
	#empresaw {position:static; top:auto; transform:none; width:100%; padding-bottom:50px;}
	
	#em_header {height:100vh; padding:0;}
	#calendariow {position:static; top:auto; transform:none; width:100%;}
	#pasosw {position:static; top:auto; transform:none; width:100%;}
	#pasosImagen {display:none;}
	
	#gestionw {position:static; top:auto; transform:none; width:100%;}
	#em_serviciosw {position:static; top:auto; transform:none; width:100%;}
	#em_registraw {position:static; top:auto; transform:none; width:100%;}
	#em_contactow {position:static; top:auto; transform:none; width:100%;}
	
	#em_header #header_contenido {width:100%;}
	#em_header #hc_tit {font-size:40px;}
	
	.disfrutaImg img {padding-bottom:50px;}
	
	.fr_3 a {display:block}
	.fr_3 span {display:none}
	
	.vo_tit {font-size:15px; top:24px;}
	
	
	
	
#pasosPasos.thidden {height:auto;}
.thidden .ppi_num {opacity:1;}
.thidden .ppiw {opacity:1; transform:translateX(0px);}
	
	
}
@media (max-width: 480px) {
	#menuMov {padding:22px 22px 0 22px;}
.mrLink {font-size:11px; letter-spacing:0px;     display: inline-block;
    width: 66px; padding-top:7px;}
.mrLinkImg {margin-left:6px;}
.mrLinkImg img {margin-top:-10px;}
	
	#hc_tit {width:auto;}
	.si_txt {line-height:1.3;}
}
@media (max-width: 400px) {
.menuLogo, .menuLogoColor {width:120px;}
.menuRight {right:22px; top:22px;}

}


.onepage-pagination li:last-child {display:none;}

.body_legales {background-color:#554DA1; color:#fff; margin-top:50px;}
.body_legales strong {color:#cbed70;}


#popUpLogIn {display:none;z-index:9999999; background-color:#FFF; max-width:380px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); padding:50px 30px;}
#popUpLogIn .tit {font-weight:300; font-size:34px; color:#cbed66; margin-bottom:30px; text-align:center;} 
#popUpLogIn input {width:100%; margin-bottom:12px; font-size:18px; border:1px solid #c2c0c7; padding:6px 20px;} 
#popUpLogIn button {width:100%; color:#fff; border:2px solid #cbed66; background-color:#cbed66; transition:all .3s; margin-top:20px; font-weight:700; letter-spacing:2px; padding:8px 5px; cursor:pointer} 
#popUpLogIn button:hover {background-color:#fff; color:#cbed66;} 
#popUpLogInClose {position:absolute; top:10px; right:12px; cursor:pointer; transition:all .3s; transform:scale(1);}
#popUpLogInClose:hover {transform:scale(0.85);}

#popUpLogInFdo {display:none;position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(82, 62, 186, .8); z-index:9999998;}




#popUpContacto {display:none; width:95%; z-index:9999999; background-color:#FFF; max-width:680px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); padding:50px 30px;}
#popUpContacto .tit {font-weight:300; font-size:34px; color:#cbed66; margin-bottom:30px; text-align:center;} 
#popUpContacto .formItem {width:100%; margin-bottom:12px; font-size:18px; border:1px solid #c2c0c7; padding:6px 20px;} 
#popUpContacto textarea.formItem {height:92px; } 
#popUpContacto button {width:100%; color:#fff; border:2px solid #cbed66; background-color:#cbed66; transition:all .3s; margin-top:20px; font-weight:700; letter-spacing:2px; padding:8px 5px; cursor:pointer} 
#popUpContacto button:hover {background-color:#fff; color:#cbed66;} 
#popUpContactoClose {position:absolute; top:10px; right:12px; cursor:pointer; transition:all .3s; transform:scale(1);}
#popUpContactoClose:hover {transform:scale(0.85);}

#popUpContactoFdo {display:none;position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(82, 62, 186, .8); z-index:9999998;}

.formRow {clear:both; display:table; width:100%;}
.formCol {float:left; width:50%;}
.formCol:first-child {padding-right:5px;}
.formCol:last-child {padding-left:5px;}

#popUpContacto .formItem.iError {border-color:red;}
#popUpContacto label.iError {border-bottom:1px solid red;}
#formularioEmpresa .formItem.iError {border-color:red;}
#formularioEmpresa label.iError {border-bottom:1px solid red;}

#popUpContactoGracias {display:none; font-weight:700; padding-top:30px;}
#popUpContactoGracias .tit {font-weight:700;}

@media (max-width: 540px) {
	#popUpContacto {padding:20px;}
	#popUpContacto .tit {font-size:22px;}
	#popUpContacto label {font-size:12px;}
.formCol {float:none; width:100%; padding:0 !important;}
#popUpContacto .formItem {margin-bottom:8px; font-size:14px; border:1px solid #c2c0c7; padding:4px 16px;} 
}
@media (max-height: 570px) {
	#popUpContacto {padding:20px;}
	#popUpContacto .tit {font-size:18px;}
	#popUpContacto label {font-size:12px;}
.formCol {float:none; width:100%; padding:0 !important;}
#popUpContacto .formItem {margin-bottom:8px; font-size:14px; border:1px solid #c2c0c7; padding:4px 16px;} 
}