@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdn.rawgit.com/google/material-design-icons/a6145e16/iconfont/MaterialIcons-Regular.eot');

  /* For IE6-8 */
  src: url('https://cdn.rawgit.com/google/material-design-icons/a6145e16/iconfont/MaterialIcons-Regular.woff2') format('woff2'), 
       url('https://cdn.rawgit.com/google/material-design-icons/a6145e16/iconfont/MaterialIcons-Regular.woff') format('woff'), 
       url('https://cdn.rawgit.com/google/material-design-icons/a6145e16/iconfont/MaterialIcons-Regular.ttf') format('truetype');
}
/* S-Ubicaciones */

.formas_llegar{
	margin-top: 50px;
}
.llegar-coche, .llegar-tren, .llegar-bus, .llegar-avion{
	margin-right: 10px;
	margin-left: 50px;
}
.formas_llegar h3{
	color: #333;
    font-weight: 600;
    margin-bottom: 30px!important;
    text-transform: uppercase;
}
.formas_llegar p{
	margin: 0 0 15px;
}
.formas_llegar h4{
	color: #FF690A;
    font-weight: 600;
    margin: 10px 0 5px;
    text-transform: uppercase;
}
.iconos-titulo{
	display: flex;
    align-items: center;
}
.iconos-titulo img{
	width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-left: -40px;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

@font-face {
    font-family: centurygothic-webfont;
    src: url('/fonts/centurygothic-webfont.woff') format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: centurygothic-webfont;
    src: url('/fonts/centurygothicbold-webfont.woff') format("woff"), url('/fonts/centurygothicbold-webfont.ttf') format("truetype");
    font-weight: 700;
    font-style: bold
}
body{
	font-family: centurygothic-webfont;
	text-rendering: optimizeLegibility;
	font-size: 18px;
	line-height: 22px;
	color: #444;
}
*+address, *+blockquote, *+dl, *+fieldset, *+figure, *+ol, *+p, *+pre, *+ul{
	margin-bottom:15px!important;
	margin-top: 0px;
}
section{
	padding: 50px 0;
}
section#terraza{
	padding: 80px 0;
}
.ventajas{
	background: #272727;
	color:#fff;
}

.ventaja{
	padding-right:50px;
		display: flex;
		align-items: center;
}

.ventaja img{
	margin-right: 10px;
	width: 40px;
	height:40px;
}

.ventajas .uk-container,
.bookingmask .uk-container{
	display: flex;
	align-items: center;
	justify-content: center;
}

ul{
padding-left:0;
list-style: none;
}

#modal-normas-terraza ul{
	list-style: disc;
}


.uk-container{
	margin:0 auto;
}
section.slide{
	padding: 0;
}
section.menu{
	padding:30px 0 0;
}
.uk-slideshow>li{
	max-height:60vh;
}
.uk-button{
background:#ff690a;
color: #fff;
font-weight: bold;
font-size: 16px;
text-align: center;
text-transform: uppercase;
padding:10px 20px;
border-radius: 3px;
}

.uk-button:hover{
	background: #ce6b01;
	color:#fff;
}
.tit-h1, .tit-h2, .tit-h3, .tit-h4{
	font-family: centurygothic-webfont;
	margin:0 0 15px 0;
}

.tit-h1{
	font-size: 36px;
	line-height: 50px;
	text-transform: uppercase;
}

#hotel .tit-h1{
margin-bottom: 30px;
}

.tit-h1, .tit-h2{
	color:#ff690a;
	font-weight: 400;
}
.tit-h2{
	font-size:32px;
	line-height: 56px;
}
.tit-h3{
	font-size:24px;
	color:#000;
	text-transform: uppercase;
}
.tit-h4{
	font-size: 22px;
}
.metros{
	font-size:11px;
}
footer{
background: #272727;
	color: #fff;	
}

.top-header .uk-container{
	display: flex;
	justify-content: flex-end;
	text-transform: uppercase;
}
.bot-footer{
    background: #ff690a;
    padding: 40px 0;
    text-align: center;
}
.top-header{
	background: #272727;
	color: #fff;
	padding: 5px;
}

.need-help img{
	width: 18px;
	height: 18px;
}
#location{
	background: #eee;
	padding: 50px 0;
}

.menu{
	background: #fff;
	transition: all linear 0.2s;
}
.menu.uk-active{
	padding: 0;
	    border-bottom: 1px solid #ccc;
}
.inter-menu{
	padding:40px 0;
	transition: all linear 0.2s;
}

.menu.uk-active .inter-menu{
padding:15px 0;
}

.inter-menu a{	
	color:#b9b9b9;
	font-size:15px;
	text-transform: uppercase;
	padding:10px;
}

 ul.inter-menu{
	width: inherit;
}

.need-help{
	margin-right: 40px;
}

.need-help a{
	color: #fff;
	text-decoration: underline;
}


#rooms .room-box{
	position: relative;
	margin-bottom: 20px;
}

.room-datos{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
	color:#fff;
	display: flex;
	padding:10px 15px;
	//transition: all linear 0.2s;
}

.title-slide{
	font-size: 32px;
	line-height: 39px;
	text-transform: uppercase;
	text-shadow: 3px 2px 0px rgba(0,0,0,0.8);
	font-weight: bold;
}

.title-slide .sub-title{
font-size:24px;
line-height: 48px;
display:block;
font-weight: normal;
}

.datos-left{
	width: 50%;
}
.datos-right{
	width: 50%;
	display:flex;
	justify-content: flex-end;
	align-items: center;
}
.images-trigger{
color:rgba(255,255,255,.5);
margin-left: 15px;
}

.room-datos .tit-h4{
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	margin:0;
}

#rooms .room-box > img{
width:100%;
}
.slider-eat,.slider-bar{
	position: relative;
	max-width: 1366px;
	margin: 0 auto;
}
.slider-eat img,.slider-bar img{
	width: 100%
}

.slider-eat .uk-container{
	position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    z-index: 3;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.slider-bar .uk-container{
	position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    z-index: 3;
    bottom: 0;
    display: flex;
    align-items: center;
}

.photo-txt{
	width:40%;
	background: #f9e2d3;
	padding:25px;
}
.photo-txt a{
	color: #ce6b01;
	text-decoration: none;
}
.photo-txt a:hover{
	color: #444;
	text-decoration: none;
}

.content-terraza-slide{
	width:55%;
	background: #f9e2d3;
	padding:25px;
}

.

.metting-box img,
.events-box img{
	width: 100%;
}

.metting-box .event-box{
	background:#f1f1ea;
}
.events-box .event-box{
	background:#f0f3f8;
}
.button-container{
	text-align: center;
	padding-top: 30px;
}
.event-box{
padding:30px;
}
#events .uk-width-1-2 img{
	width: 100%;
}
.lounge-slide{
	padding-top:80px;
}
#modal-promocode .uk-modal-dialog{
	max-width:340px;
}
#modal-promocode hr{
	margin:30px 0;
}

input{
	padding: 10px;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #ccc;
    text-transform: uppercase;
}


.bot-header .uk-container{
	display: flex;
	align-items: center;
}

.logo{
	margin: 10px 0;
	width: 30%;
}

.bookingmask{
	color:#b9b9b9;
}
.bookingmask a{
	color:#ff690a;
}
.bookingmask form{
	margin-left: 30px;
		display: flex;
}
.bookingmask form input{
	height: 50px;
	border-radius: 3px;
	width: 150px;
}

#location .tit-h2{
	margin-bottom:0;
}

#location .direction img{
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.bot-header .menu-prin{
	width: 50%;
	display: flex;
	justify-content: flex-end;
	flex: 1;
}

.bot-header .tripadvisor-rating{
	display: flex;
	flex: 1;
	margin-left: 10px;
}

.bot-header .tripadvisor-rating .image-rating{
	text-align: center;
}

@media (max-width: 800px){
	.bot-header .tripadvisor-rating .image-rating span{
		display: none;
	}
}

.bot-header .tripadvisor-rating .txt-rating{
	padding: 5px;
	padding-left: 15px;
}

.bot-header .tripadvisor-rating .txt-rating span{
	line-height: 32px;
	color: #00a680;
}

@media (max-width: 900px){
	.bot-header .tripadvisor-rating .txt-rating{
		display: none;
	}
}

.bot-header .tripadvisor-rating img{
	display: block;
}

.bookingmask .arrival-icon,
.bookingmask .departure-icon{	
position: relative;
margin-right: 5px;
}
.bookingmask .arrival-icon:before,
.bookingmask .departure-icon:before{
content: '';
position:absolute; 
width:24px;
height: 24px;
top: 13px;
right: 10px;
background-size: contain;
background-repeat: no-repeat;
}

.bookingmask .arrival-icon:before{
	background-image: url('/images/img/arrival.svg');
}
.bookingmask .departure-icon:before{
	background-image: url('/images/img/departure.svg');
}

.menu-prin a{
color: #808080;
font-size:18px;
	text-transform: uppercase;
	padding:0 10px;
}

.arrow-down{
	width: 18px;
	display: inline-block;
}

.arrow-down img{
	width: 18px;
}

.direction{
	padding-bottom:20px;
	text-decoration:underline;
}
.top-footer{
	position: relative;
}
.top-footer .uk-container{
	padding:30px 0 50px;
	position: relative;
}
.footer,
.footer .tit-h3,
.footer li a{
	color:#808080;
}
.footer li{
	line-height: 26px;
}
.footer ul{
	padding-left: 0;
	list-style: none;
}
.footer .tit-h3{
	font-size: 16px;
	font-weight: bold;
}
.social-networks li a i {
	margin-right: 10px;
}
.destacado-footer .tit-h3{
	text-transform: inherit;
}
.promo-code img{
	width: 22px;
	height: 22px;
	margin-right: 10px;
}
.promocode_highlighted_text{
	font-weight: bold;
	color: #ff690a;
}
.servicios-incluidos ul li{
	padding:10px;

}
.customers-appreciates ul li{
	padding:10px 0;

}
#services ul li img,
.customers-appreciates ul li img,
#services ul li i{
	margin-right: 20px;
	width: 42px;
	height: 42px;
}

.customers-appreciates.tripadvisor ul li img {
    margin-right: 20px;
    width: auto;
    height: auto;
}

.customers-appreciates ul li a{
	color: #444;
	text-decoration: underline;
}

.customers-appreciates ul li a.customers-appreciates-link-modal{
	text-decoration: underline;
}

.customers-appreciates ul li a:hover{
	color: #444;
}


.servicios-incluidos ul li img{
	margin-right:10px;
	width: 24px;
    height: 24px;
}

.servicios-incluidos ul li,
.listservicios ul li, 
.customers-appreciates ul li{
    clear: both;
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.listservicios ul li a{
	color: #444;
	text-decoration: underline;
}

.listservicios ul li a:hover{
	color: #444;
}

.listservicios ul li{
	margin: 15px 0;
}


.customers-appreciates .tit-h3{
	margin: 30px 0 15px;
	text-transform: inherit;
}

.servicios-incluidos .tit-h4{
	margin:30px 0 15px;
}

.destacado-footer{
	position: absolute;
    bottom: 0;
    background: #000;
    padding: 20px;
    top: -30px;
    padding-top: 60px;
}

    .hoteles_container {
    left: 20px;
    right: 20px;
    box-shadow: 0 0 15px 1px rgba(0,0,0,.2);
} 
.show-hotels .hoteles_container{
	display: block!important;
	z-index: 12;
}

.overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
    background: rgba(78,71,69,.8);
    display: none;
    z-index: 1;
}

.show-hotels .overlay{
 display: block;
}

.hoteles_container:before {
    background: #fff;
    right: 45px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hoteles_container:before {
    content: "";
    width: 20px;
    height: 20px;
    top: -10px;
    box-shadow: -1px -1px 1px rgba(0,0,0,.1);
    position: absolute;
}
.closer {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #ccc;
    color: #ccc;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 18px;
    cursor: pointer;
    z-index: 5;
}
.hoteles_container .spain_hotels {
    margin-bottom: 15px;
    margin-left: 0;
}
.uk-width-1-7 {
    width: 14.28%;
    padding: 0 5px;
}

.tit_hotel {
    font-size: 15px;
    color: #222;
    position: relative;
    margin: 0 0 25px;
    font-family: centurygothic-webfont;
}
.hoteles_container .tit_hotel a{
color:#222;
}
.hoteles_container a{
    color: #666;
    font-size: 14px;
    line-height: 24px;
    font-family: centurygothic-webfont;
}
.slidetxt .title_slide span, .slidetxt .title_slide2 span, .tit_hotel, .title, .top-nav li span {
    font-weight: 600;
}
.tit_hotel:after {
    content: '';
    border-bottom: 1px solid #ccc;
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 25px;
}
.hoteles_container {
    top: 110px;
    z-index: 3;
    padding: 20px;
    margin: 0 auto;
    border-radius: 5px;
    max-width: 1200px;
}
.hoteles_container{
    position: absolute;
    background: #fff;
    display: none;
    text-align: left;
    clear: both;
}

.idiomas{
	position: relative;
	cursor: pointer;
}

.idiomas .uk-dropdown {
    padding: 15px;
    background: #fff;
    border-radius: 3px;
    font-size: 1rem;
    vertical-align: top;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    top: 23px!important;
    left: inherit!important;
    right:0!important;
}

.uk-nav-dropdown>li>a:focus, .uk-nav-dropdown>li>a:hover{
	color:#ff690a;
	background: transparent;
}
.txt-destacado p{
	 	text-transform: uppercase;
	 }
	 .menu-mobile-button{
	 	display: none;
	 }
.personaje-extra{
	text-align: center;
	padding-bottom: 30px;
}
.imagen-personaje{
    width: 190px;
    height: 190px;
    border-radius: 100px;
    border: 3px solid #ff690a;
    overflow: hidden;
    text-align: center;
    /*line-height: 190px;*/	
    display: inline-block;
}
.personaje-description{
	margin-bottom:30px;
	margin-top: 10px;
}
.button-grey{
	border-radius: 10px;
	border:1px solid #666;
	padding:10px 20px;
	color: #444;
	display: inline-block;
}
.button-grey img{
	width: 18px;
	height:18px;
}
/*#rooms  .room-box:hover .room-datos{
padding: 15px;
}*/
.room-box > a{
	top:0;
	left:0;
	bottom:0;
	right:0;
position: absolute;
z-index:3;
}
.modal-habitacion .uk-modal-dialog {
	padding:40px 0 20px;
}
.uk-modal-dialog .uk-slideshow,
.uk-modal-dialog .uk-slideshow li{
height:300px!important;
}

.modal-habitacion .uk-modal-dialog>.uk-close:first-child {
    margin: -10px 10px 0 0;
}

.habitacion-caracteristicas{
	padding:20px;
	padding-top: 0;
	padding-bottom: 0;
}

.habitacion-caracteristicas .tit-h3{
	font-size: 15px;
	font-weight:700;
	color:;
}
.uk-modal-dialog>.uk-close:first-child{
	position: absolute;
    right: 10px;
    top: 20px;
    margin:0;
    float:none;
}
.uk-close{
	width: auto;
}
.uk-close:after {
    display: block;
    content: "clear";
    font-family: 'Material Icons' !important;
    font-size: 32px;
	   /* Support for all WebKit browsers. */
	  -webkit-font-smoothing: antialiased;
	  /* Support for Safari and Chrome. */
	  text-rendering: optimizeLegibility;
	  /* Support for Firefox. */
	  -moz-osx-font-smoothing: grayscale;
	  /* Support for IE. */
	  font-feature-settings: 'liga';
}
.uk-slidenav-next:before{
 font-family: 'Material Icons' !important;
 content: 'keyboard_arrow_right' !important;
   /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased !important;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility !important;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale !important;
  /* Support for IE. */
  font-feature-settings: 'liga' !important;
}
.uk-slidenav-previous:before{
 font-family: 'Material Icons' !important;
 content: 'keyboard_arrow_left' !important;
   /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased !important;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility !important;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale !important;
  /* Support for IE. */
  font-feature-settings: 'liga' !important;
}

.uk-slidenav {
    display: inline-block;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: rgba(50,50,50,.4);
    font-size: 42px;
    text-align: center;
}
.uk-slidenav-position .uk-slidenav-next{
	right:10px;
}
.uk-slidenav-position .uk-slidenav-previous{
	left:10px;
}
.uk-modal-dialog{
	margin:80px auto;
}
#modal-promocode .uk-form{
	display: flex;
}
#modal-promocode input{
	width: 80%;
	height:52px;
}

#modal-promocode .uk-modal-dialog{
	padding-top: 40px;
}
#modal-promocode .uk-button{
	width: 18%;
	margin-left: 2%;
	margin-top: 0;
	    padding: 10px 0;
}
.text-promocode p{
	font-size: 15px;
	margin-bottom: 0!important;
}
.text-promocode p.mini{
	font-size:12px;
}

#modal-promocode .uk-modal-dialog>.uk-close:first-child{
top:10px;
}
#modal-promocode .title-nar{
color:#ff690a;
font-size:15px;
}

.button-grey{
	color: #808080;
    border: 1px solid #ccc;
    padding: 10px 15px;
    border-radius: 3px;
    display: inline-block;
        text-transform: uppercase;
    font-size: 15px;
}

/*MENU TABS*/

.autoscroll {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
}
.tabs {
    overflow-x: visible;
    overflow-y: visible;
    margin-left: 0px;
}
.tabs {
    background: transparent;
}
.tabs {
    display: inline-table;
    position: relative;
    margin: 0 auto;
    width: 100%;
    white-space: nowrap;
}
.tabs .tab {
    width: auto;
    min-width: inherit;
    float: none;
    display: inline-block;
}
.tabs .tab, .tabs .tab a {
    text-overflow: initial;
    overflow: visible;
}
.tabs .tab {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    line-height: 24px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .8px;
}
.tabs .tab a {
    display: block;
    transition: color .28s ease;
}
.tabs .tab.selected a {
		color:#009a9a;
	}

.reserva-button{
	display: none;
}

.menu-mobile{
	display: none;
	position: fixed;
	top:65px;
	left: 0;
	right:0;
	bottom: 0;
	overflow: hidden;
	z-index: 1110;
	background: #eee;
}
.menu-mobile .menu-mobile-container{
top: 0px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    box-sizing: border-box;
}
body.open-menu{
	position: fixed;
	top:0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
}
.open-menu .menu-mobile{
	display: block;
}

@media (max-width:1024px){
.promo-code{
	font-size: 14px;
}
.top-header{
	padding: 2px;
}
}
@media (min-width:768px){
.inter-menu a {
    font-size: 1.10vw;
	}
}
@media (min-width:1200px){
.inter-menu a {
    font-size: 13px;
	}
}
@media (max-width:768px){
	body{
		font-size: 14px;
	}
	.menu .uk-container{
	padding: 0;
}
.menu-mobile{
	top:75px;
}
.menu-mobile-container ul li a{
text-transform: uppercase;
    color: #808080;
    font-size: 16px;
    padding: 5px 0;
    display: block;
}

.menu-mobile-container > ul{
	padding: 30px 0;
	margin:0 30px!important;
	border-bottom: 1px solid #ddd;

}
.idioma-box a{
	 text-transform: uppercase;
	 color: #808080;
    font-size: 16px;
    display: flex;
    align-items: center;
}
.idioma-box a .arrow-down{
	width: 18px;
	margin-left: 5px;
}
.idioma-box a img:first-child,.idioma-box a div:first-child{
	margin-right:5px;
}

.menu-mobile-container .uk-dropdown, .menu-mobile-container .uk-dropdown-blank{
	position: static;
	background: transparent;
	width: 100%;
	margin:0;
}

.menu-mobile-container .uk-dropdown ul{
	padding-left:20px;
}

.menu-mobile-container ul:last-child{
border-bottom: none;
}
.idioma-box{
	padding:15px 30px;
	border-bottom: 1px solid #ccc

}
.ayuda-box{
    background: rgba(0,0,0,0.8);
    padding: 15px 30px;
    display: flex;
    color: #fff;
    text-transform: uppercase;
    align-items: center;
}
.ayuda-box a{
	color:#fff;
	text-decoration: underline;
}
.ayuda-box img{
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

.llamanos{
	font-size:20px;
}
	.top-header{
		display: none;
	}

	.header-fixed #header{
		position: fixed;
		left: 0;
		right: 0;
		top:0;
		z-index: 1100;
	}
	section{
		padding:30px 0;
	}
	#header{
		background: #eee;
	}
	.bookingmask .uk-container{
		flex-flow: column;
	}
	.bookingmask{
		padding:20px 0 40px;
	}
	.promo-code{
		margin-bottom: 15px;
	}
	.ventajas{
		padding:20px 0;
	}
	.ventaja{
		font-size: 13px;
	}
	.ventaja img{
		width: 42px;
		height: 42px;
	}
	.inter-menu{
		padding:0;
	}
	.inter-menu a {
    color: #b9b9b9;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 15px;
	}
	#hotel .tit-h1{
		margin-bottom:15px;
	}
	 .tit-h1{
	 	font-size:28px;
	 }
	 .tit-h2{
	 	font-size:24px;
	 }
	 .tit-h3{
	 	font-size:22px;
	 }
	 .tit-h4{
	 	font-size:20px;	
	 }

	 .menu-prin a{
	 	font-size: 14px;
	 }
	 .arrow-down{
	 	width: 12px;
	 }
	 .top-footer .uk-container{
	 	padding:30px 0 0;
	 }
	 .destacado-footer{
	 	position: static;
	 	margin-left:-25px;
	 	padding:20px 25px;
	 	display: flex;
	 }
	 .top-footer .uk-grid{
	 	margin-left:0px;
	 }
	 .footer li a{
	 	font-size:13px;
	 	line-height: 22px;
	 }
	 .social-networks li{
	 	display: inline-block;
	 	width: 49%;
	 }
	 .bot-footer{
	 	 padding:30px 0;
	 }
	 .bot-footer img{
	 	width: 130px;
	 }
	 
	 .txt-destacado{
	 	padding-right:50px;
	 }
	 .bot-header .menu-prin{
	 	display: none;
	 }
	 .menu-mobile-button{
	display: block;
    display: flex;
    color: #808080;
    /*position: absolute;*/
    right: 0;
    right: 20px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 3px;
    margin-left: auto;
    order: 2;
	 }
	 .menu-mobile-button img{
	 	margin-left: 5px;
	 }
	 #meet .uk-grid{
	 	display: flex;
	 	flex-direction: column-reverse;
	 }

	 section.menu{
		margin: 0px;
	    position: fixed;
	    bottom: -200px;
	    left: 0;
	    right: 0;
	    background: #eee;
	    padding: 15px;
	    z-index: 1100;
	    transition: all linear .5s;
	    top:inherit!important;

	}

	.header-fixed section.menu{
		bottom:0;
	}


	.header-fixed .reserva-button{
		display: block;
		width: inherit;
	}

	.reserva-button{
	width: 100px!important;
	margin-left: auto;
  	order: 2;
    margin-top: 0px !important;
    font-size: 13px;
    padding: 0px 10px;
    display: none;
    text-transform: uppercase;
    font-weight: 400;
}

.header-fixed .menu-mobile-button{
	display: none;
}


}

@media (max-width:650px){		
	body{
		font-size:15px;
		line-height: 20px;
	}
	.menu-mobile{
	top:65px;
		}
	.logo{
		width: 50%;
	}
	.uk-container{
		padding: 0 15px;
	}
	.bookingmask form{
		display: block;
		margin-left: 0;
	}

	.bookingmask .arrival-icon, 
	.bookingmask .departure-icon{
		width: 49%;
		display: inline-block;
		margin-right: 0;
	}
	.bookingmask .arrival-icon input, 
	.bookingmask .departure-icon input{
		width: 100%;
	}
	.uk-button{
		font-size: 15px;
		margin-top: 10px;
		width: 100%;
		text-align: center;
	}
	.title-slide{
		font-size:20px;
		line-height: 27px;
	}
	.title-slide .sub-title{
		font-size:16px;
		line-height: 28px;
	}
	.ventaja{
	flex-flow: column;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	font-size:12px;

	}
	
	.ventaja img{
		margin-bottom:5px;
	}
	.tit-h1{
		text-align: center;
	}
	.images-trigger, .metros{
		display: none;
	}
	.room-box .room-datos{
	padding:5px;
	}
	.datos-left{
		width: 70%;
	}
	.datos-right{
		width: 30%;
	}
	.espacio{
		display: none;
	}
	#rooms .uk-container .uk-grid{
		margin-left: -5px;
	}
	#rooms .uk-container .uk-grid > *{
		padding-left: 5px;
	}
	#rooms .room-box{
			margin-bottom: 5px;
	}
	.room-box .room-datos .tit-h4{
		font-size: 0.7em;
	}
	.tit-h2{
		font-size:19px;
	}

	.slider-eat .uk-container, .slider-bar .uk-container{
		position: relative;
		padding: 0;
	}
	.photo-txt{
		width:100%;
	}
	.content-terraza-slide{
		width:100%;
	}
	.lounge-slide{
		padding-top: 40px;
	}
	.top-footer{
		display: none;
	}
	.uk-modal-dialog .uk-slideshow, .uk-modal-dialog .uk-slideshow li{
		height: 250px!important;
	}
	.habitacion-caracteristicas .tit-h3 {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}




}

@media (max-width:330px){
.menu-mobile{
	top:60px;
}
}



.uk-datepicker {
    background: #fff;
    border-radius: 5px
}

.uk-datepicker-table a.uk-datepicker-date-disabled {
    text-decoration: line-through!important;
    cursor: default
}

.uk-datepicker-table a.uk-datepicker-date-disabled:active,
.uk-datepicker-table a.uk-datepicker-date-disabled:focus,
.uk-datepicker-table a.uk-datepicker-date-disabled:hover {
    background: 0 0;
    color: #999
}

@media (max-width: 767px){
	.uk-datepicker{

		left: 15% !important;

		top: 15% !important;

		position: fixed;

	}
}

.uk-datepicker-table a.uk-active {
    background: #ff690a !important;
    color: #fff !important;
}


@media (max-width: 767px){
	.uk-slideshow-fullscreen, .uk-slideshow-fullscreen>li {
	    height: 300px!important;
	}
	#header{
	    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	}
	.menu{
	    box-shadow: 0px 2px 7px 7px rgba(233,232,230,0.9);
	}

}


.uk-slideshow-fullscreen, .uk-slideshow-fullscreen>li {
    max-height: 400px;
}


.uk-slidenav{
	color:white !important;
	display: block !important;
}


.middle {
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 15px;
  opacity: 1 !important;
  display: none;
  transition: .5s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.menu-mobile .uk-dropdown{
	border: none;
}


.menu-mobile h3.ciudad{
    text-transform: uppercase;
    color: #808080;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.menu-mobile h3.ciudad a{
    color: #808080;
    font-size: 16px;
}




.uk-datepicker {
	font-size: 1.1rem;
}

.uk-datepicker-table  a{
   padding: 3px !important;
}



@media (max-width: 767px){
	.uk-datepicker {
		position: fixed !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		//width: 90%;
		top: 15% !important;
	}

	.overlay_ {
	    position: fixed;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    top: 0;
	    overflow: hidden;
	    background: rgba(78,71,69,.8);
	    display: none;
	    z-index: 1;
	}

	.bookingmask-pais-open .overlay_ {
	 display: block;
	}
}

#quitarcodigopromo{
	opacity: 1;
}

.labels_map,
.labels_map_der,
.labels_map_pdi,
.labels_map_pdi_der {
    line-height: 18px;
    overflow: visible!important
}

.labels_map span,
.labels_map_der span {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-top: -25px;
    color: #FF690A;
    text-transform: uppercase
}

.labels_map span,
.labels_map_der span,
.labels_map_pdi span,
.labels_map_pdi_der span {
    text-align: center;
    font-weight: 700;
    padding: 0 5px;
    width: auto;
    white-space: nowrap;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .15);
    height: 16px
}

.labels_map span {
    margin-left: 23px
}

.labels_map_pdi span,
.labels_map_pdi_der span {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-top: 13px;
    display: inline-block
}

.labels_map_pdi span {
    margin-left: 11px
}

.labels_map_pdi_der span {
    margin-left: -58px
}

.labels_map_pdi_der_b1 span {
    margin-left: -88px
}

.labels_map_pdi_der_b2 span {
    margin-left: -60px
}

footer.footer{
	font-size: 14px;
}

.uk-slideset.thumbnails{
	margin: 0 auto;
    text-align: center;
    margin-top: 6px;
    padding-left: 14px;
    padding-right: 14px;
}

.uk-slideset.thumbnails li{
	display: inline-flex;
    margin: 0 auto;
    //width: auto !important;

    //background: white;
    //padding: 20px;  
    padding-left: 3px;
    padding-right: 3px;
}


.uk-slideset-previous:before {
    font-family: 'Material Icons' !important;
    content: 'keyboard_arrow_left';
      /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

.uk-slideset-previous:before {
    font-family: 'Material Icons' !important;
    content: 'keyboard_arrow_left';
      /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

.uk-slideset-next:before {
    font-family: 'Material Icons' !important;
    content: 'keyboard_arrow_right';
      /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}


#galminiatura{
	margin-top: 3px;
}

#galminiatura .uk-active img{
	border: 2px solid rgba(0, 119, 221, 0.62);
    padding: 1px;
}

#galminiatura img{
	margin-bottom: 3px;
}


#img_hotel .uk-slideshow{
	//border-bottom: 5px solid black;
	//padding-bottom: 5px;
}

.hotelminiatura{
	display: inline;
}

.uk-slideset-previous,.uk-slideset-next,.uk-slideset-previous:hover,.uk-slideset-next:hover{
    color: black;
    font-size: 22px;
}
.uk-slideset-previous{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.uk-slideset-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.idiomas .uk-nav.uk-nav-dropdown li a img{
	margin-right: 8px;
} 

.slide .title-slide{
	padding-left: 20px;
    padding-right: 20px;
}

.margin{
	padding-left: 0px !important;
    padding-top: 30px !important;
}

.marginrow{
	margin-left: 0px !important;
    padding-left: 30px !important;
}

.closer i.material-icons{
	position: relative;
    top: 3px;
}

@media (max-width: 1366px){
	.top-header{
		padding: 2px;
		font-size: 14px;
	}
}

div.uk-datepicker{
	  box-shadow: 0px 2px 7px 0px rgba(233,232,230,0.9);
}

.ukgridhab{
	margin-left: 0;
	padding-left: 0;
    margin-bottom: 0;
}

@media (min-width: 960px){
	.uk-modal-dialog{
		width: 800px;
	}
}

.ukmaxheight{
	max-height: 300px;
}

.menu.uk-sticky-init .uk-container{
    position:relative;
}

.menu.uk-sticky-init .uk-button{

    position: absolute;
    right:-100%;
    top: 85px;
    opacity:0;
    transition:all linear 0.2s;
}

.menu.uk-sticky-init.uk-active .uk-button{

   right:15px;
    opacity:1;
}


@media (max-width: 768px){
	.botonreserva{
		display: none;
	}
}

@media (min-width: 769px){
	.header-fixed .menu.uk-active a.botonreserva.reservarmovil{
		position: absolute;
		display: inline;
	}

	a.botonreserva.reservarmovil{
		display: none;
	}
}



.botonreserva.reservarmovil{
    top: 50%;
    transform: translateY(-50%);
    right: 0;

}

.reservarmovil i{
	background-color: #ff690a;
    color: white;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

.tit-h1-slide{
	color: #ff690a !important;
    font-weight: bold !important;
}

a.logo{
	position: relative;
}



@media (min-width: 651px){
.logo {
	    width: auto;
	}
}

#mask_logo_rm{
    position: absolute;
    width: 137px;
    left: 0;
    top: 0;
    height: 100%;
}

#mask_logo_hotel{
    position: absolute;
    width: calc(100% - 137px);
    left: 137px;
    top: 0;
    height: 100%;
}

@media (max-width: 870px){
	#mask_logo_rm{
		width: 54%;
	    left: 0;
	}

	#mask_logo_hotel{
	    width: 46%;
	    right:  0;
	    left: unset;
	}
}

.navhotel{
	/*transform: translateY(50%);*/
}

@media (min-width: 960px){
	.uk-grid.ukgridhab{
		padding-left: 40px;
	}
}

@media (max-width: 959px){
	.habitacion-caracteristicas{
		padding-top:20px;
	}
}

a.uk-close-alt{
	background-color: transparent;
    color: white;
}

.slider-eat, .slider-bar{
	/*max-height: 700px;*/
    /*overflow-y: hidden*/
}

a[data-uk-lightbox], ul.slidehab li{
	cursor: zoom-in;
}

div.video{
	max-height: 600px;
    overflow-y: hidden;
    position: relative;
}

video.videoslide{
	width: 100%;
}

@media (max-width: 1366px){
	div.video{
		max-height: 400px;
	}
}

div.videotext{
	position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    color: #fff;
    top: 50%;
    z-index: 1;
    opacity: 1;
}

.videotext .title-slide{
	font-size: 3vw;
	text-shadow: 2px 1px 1px rgba(0,0,0,.8);
}

.videotext .sub-title{
	font-size: 2vw;
	text-shadow: 2px 1px 1px rgba(0,0,0,.8);
	font-weight: 700;
}

@media (max-width: 767px){
	div.videotext{
		display: none;
	}
}

@media (min-width: 1366px){
	div.videotext .title-slide{
		font-size: 32px;
	}

	div.videotext .sub-slide{
		font-size: 24px;
	}
}

p.int-28{
	line-height: 28px;
}

@media (max-width: 768px){
	p.int-28{
		line-height: 25px;
	}
}

.horario{
	color: black;
    font-size: 16px;
}

#wi-mate .uk-modal-dialog{
	padding: 40px 40px 40px !important;
}

.bgidioma{
	display: inline-block !important;
    box-sizing: border-box !important;
}

.bglistado{
	vertical-align: middle;
    margin-right: 8px;
}

@media (max-width: 1366px){
	.bgidioma{
	    vertical-align: middle !important;
	}
}

.bgidiomanotvling{
	vertical-align: unset !important;
}

.bg-es_es {
    width: 18px; height: 12px;
    background: url('/images/img/css_sprites_idiomas.png') -10px -10px;
}


.bg-en_us {
    width: 18px; height: 12px;
    background: url('/images/img/css_sprites_idiomas.png') -48px -10px;
}


.bg-en {
    width: 18px; height: 12px;
    background: url('/images/img/css_sprites_idiomas.png') -10px -42px;
}


.bg-fr_fr {
    width: 18px; height: 12px;
    background: url('/images/img/css_sprites_idiomas.png') -48px -42px;
}


.bg-de_de {
    width: 18px; height: 12px;
    background: url('/images/img/css_sprites_idiomas.png') -86px -10px;
}


.bg-it_it {
    width: 18px; height: 12px;
    background: url('/images/img/css_sprites_idiomas.png') -86px -42px;
}


.bg-nl_nl {
    width: 18px; height: 12px;
    background: url('/images/img/css_sprites_idiomas.png') -10px -74px;
}


.bg-tr_tr {
    width: 18px; height: 12px;
    background: url('/images/img/css_sprites_idiomas.png') -48px -74px;
}


.bg-pt_pt {
    width: 18px; height: 12px;
    background: url('/images/img/css_sprites_idiomas.png') -86px -74px;
}

.uk-modal-dialog-lightbox{
	background-color: transparent !important; 
}

/*
.imgfondobloques{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-height: 700px;
    height: 100vh;
	}
*/

/*PROMO POPUP*/

#modal-oferta .uk-form input[type=text]{
  border: 1px solid #ccc;
  margin: 3px 0;
  -webkit-appearance: none;
  min-height: 40px;
  position: relative;
  width:100%;
  border-radius: 3px;
  color:#666;
}
#modal-oferta .uk-form .uk-button{
  display: block;
  line-height:40px;
}
.check-promo{
  padding:10px 0;
}
#modal-oferta .uk-modal-dialog{
width:322px;
border-radius:3px;
padding-top: 50px;
}
#modal-oferta .uk-close{
  opacity:1;
  top: 10px;
}
#modal-oferta .uk-panel-box-warning {
  background-color: #eee;
  color: red !important;
}


span.nuevohotel{
    color: #ff690a;
    font-weight: 700;
}

h1.tit-h1 div.image-rating{
	float: right;
	vertical-align: middle;
	line-height: 10px;
}

h1.tit-h1 div.image-rating span{
	font-family: centurygothic-webfont;
    text-rendering: optimizeLegibility;
    font-size: 14px;
    line-height: 22px;
    color: #444;
    text-transform: lowercase;
    vertical-align: middle;
    text-decoration: underline;
    margin-left: 5px;
}

h1.tit-h1 div.image-rating p{
    float: right;
    margin: 0;
    padding: 0;
    font-family: centurygothic-webfont;
    text-rendering: optimizeLegibility;
    font-size: 10px;
    color: #444;
    vertical-align: middle;
    display: block;
}

.ukmaxheightada{
	max-height: 300px;
}

@media (max-width: 959px){
	.ukmaxheightada {
            max-height: fit-content;
         }
}


@media (max-width:650px){	
	h1.tit-h1 div.image-rating{
		display: none;
	}
}