/*** ESTILOS GENERICOS ***/
.ttu {
	text-transform:uppercase
}

.fwnormal {font-weight: normal;}
.fw100 {font-weight: 100;}
.fw200 {font-weight: 200;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}

.fsg {font-size: 45px;}

.lsp {letter-spacing: 0.2em;}
.lsg {letter-spacing: 0.3em;}

/**** ESTILOS MENU ***/

.phone {
	background-color: rgba(255, 255, 255, 0.7);
}

ul.phone {
	display: block;
    list-style-type: none;
    text-align: right;
    padding-right: 20px;
    padding-top: 0;
    padding-bottom: 5px;
    margin: 0;
}

.phone li{
	 display: inline;
	 font-size: 0.8em;
	 color: #4e4745;
	 padding-left: 20px;
}

.uk-navbar {
	text-align: right;
}

.menuresponsive {
	height:80px;
	padding-top:10px;
}

/**** FIN ESTILOS MENU ***/



/*** ESTILOS SLIDER ***/

.position-slider {
	top: -50px;
	position: absolute;
}

.uk-slideshow h1 span{
	display: block;
}

/* ESTILOS TOOLTIP*/
.tooltip {
    width: 450px;
    position: absolute;
    bottom: 20px;
    right: 0;
    z-index: 1;
    background-color: #FFF;
    padding: 3px;
}


.menu-phone a{
	color: #4e4745;
	transition: color 0.4s linear 0.2s;
}

.localizacion {
	height: 100px;
}
.tit_localizacion {
	font-weight: bold;
	font-size: 1.3em;
}
.red {
	border: 1px solid red;
}


.c595654 {
	color: #595654;
}

.booking {
	position: absolute;
	bottom: 80px;
	width: 100%;
}
.uk-block-primary {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 3px;
}
.bookingbox {
	
	
}

.sliderbox {
	display: block;
	z-index: -1;
	margin-top: -80px;
	width: 100%;
	height: 600px;
}

.btdisp {
	background
}

/* ESTILOS PARA BLOQUES */

.uk-icon-design {
  background-image: url(../img/general/ico_design.png);
}
.uk-icon-localizacion {
  background-image: url(../img/general/ico_localizacion.png);

 }
.uk-icon-wifitotal {
  background-image: url(../img/general/ico_wifi.png);
}
.uk-icon-desayuno {
  background-image: url(../img/general/ico_desayuno.png);
 }
.uk-icon-smile {
  background-image: url(../img/general/ico_smile.png);
}
.uk-icon-direccion {
  background-image: url(../img/general/ico_direccion.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 35px;
}
.uk-icon-phoneubicacion {
  background-image: url(../img/general/ico_phoneorange.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 23px;
}
.uk-icon-busubicacion {
  background-image: url(../img/general/ico_bus.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 23px;
}
.uk-icon-metro {
  background-image: url(../img/general/ico_metro.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 23px;
}
.uk-icon-flechabookig {
  background-image: url(../img/general/ico_arrow_down.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 23px;
}
.uk-icon-calendarbooking {
  background-image: url(../img/general/ico_calendar.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 25px;
}
.uk-icon-phonenav {
  background-image: url(../img/general/ico_phonenav.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 15px;
}
.uk-icon-phonenavresponsive {
  background-image: url(../img/general/ico_phonenavresponsive.png);
  background-repeat: no-repeat;
  width: 30px;
  height: 35px;
}

.bienvenida {

}

#map {
	height: 450px;
}

.phone {
	background-color: #f9f8f8;
}

.bookingint {
	background-color: #f9f8f8;
	padding: 10px;
}



.contenidostextos {
	padding: 20px;
}

.imageneshotel li{
	padding: 0;
	margin: 0;
	border:1px solid #fff;
	background-color: grey;
	text-align: center;
}

.imageneshotel a {
	width: 100%;
	display: block;
}

h2 {
	font-size: 3rem;
	width: 100%;
	line-height: 4rem;
	padding: 20px;
}

.claim {
	color: #ff690a;
}

.parrafo {
	font-size: 1.2rem;
	line-height: 3rem;
	width: 100%;
	color: #867f7d;
}

.imagenesubicacion {
	padding: 0;
	margin: 0;
	background-color: grey;
	text-align: center;
	min-height: 320px;
}

.phoneubicacion {
	color: #ff690a;
}

.sliderubicacion {
    background-color: #f3f1f2;
}

.titimgubicacion {
    margin: 0;
    text-align: left;
    font-size: 5rem;
    line-height: 10rem;
    padding: 10px;
    color: #e5e5e5;
    font-weight: 100;
}
.titimgubicacion p {
	padding: 20px!important;
    margin: 20px!important;
    line-height: 10vh;
    font-size: 10vh;
}

.lineasubicacion:before {
	content: "";
	position: absolute;
	height: 2px;
	width: 30px;
	background-color: #ff690a;
	margin: 0 0 10px 0;
}
.comentarios {
	background-color: #f3f2f2;
	text-align: center;
	padding: 50px 50px 0px 50px;
	position: relative;
}
.comentarios a {
	/*position: absolute;
	bottom: 20px;
	left: 20%;*/
}
.bannershome {
	/*padding: 0;
	position: relative;*/
}

.bannershome a{
    /*position: absolute;
    bottom: 20px;
    right: 30%;*/
    padding: 0 20px 0 20px;
}

.tit_coment {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 3rem;
}

.subtit_coment {
	font-size: 2rem;
}

.comentarios p {
	font-size: 0.9rem;
	color: #504b49;
}

.subtit_coment:after {
	/*content: "";
	position: absolute;
	height: 2px;
	width: 50px;
	background-color: #e6e6e6;*/
    content: "";
    display: block;
    position: absolute;
    left: 46%;
    width: 50px;
    margin-top: 6px;
    border-top: 2px solid rgba(230, 230, 230, 0.6);
}

.bienvenida {
	font-size: 1rem;
	padding: 0 20px 0 20px;
}

.titd {
	width: 100%;
	display: block;
	font-size: 1.1rem;
}

.titd:after {
	content: "";
	bottom: 0;
	display: block;
	margin: 0 auto;
	margin-top: 12px;
	height: 2px;
	width: 30px;
	background-color: #e6e6e6;
}
.cincod {
	width: 100%;
	padding-bottom: 30px;
}
.cincod .uk-panel i{
	width:50px;
	height: 50px;
	margin:0 auto 5px;
	display: block;
	background-repeat: no-repeat;
}

.slidetxt {
}


/* ESTILOS PARA BOOKING */
	.ui-dialog-content {
	border: 1px solid red;
	background-color: #fff;
	}
/* FIN ESTILOS PARA BOOKING */



/* ESTILOS PARA PIE */

.pie,.subpie {
 	display: block;
 	padding: 20px;
}

.pietit {
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	position: relative;
	padding-bottom: 20px;
	margin-left: 0px;
	display: block;
	width: 100%;
}

.pietit:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   padding-left: 0;
   height: 1px;
   width: 50px;
   background: #b8b5b4;
}

.pie ul{
    list-style-type: none;
    display: block;
    padding: 0;
    line-height: 2.5rem;
    float: left;
     margin-top: 0;
}

.pie ul li a{
	color: #7D7371;
	font-size: 0.8rem;

	transition: color 0.3ms linear 0.3ms;
    /*Chrome, Safari*/
    -webkit-transition: color 0.4s linear 0.2s;
    /*Firefox*/
    -moz-transition: color 0.4s linear 0.2s;
    /*Opera*/
    -o-transition: color 0.4s linear 0.2s;
    /*Standard*/
    transition: color 0.4s linear 0.2s;
}

.pie ul li a:hover{
	color: #ff690a;
	  text-decoration: none;
}


.piemovil {
    margin: 20px;
    border: 1px solid red;
}


.piemovil ul{
    list-style-type: none;
    padding: 0px;
}

.piemovil ul li{
	display: inline;
}

.piemovil ul li a{
	color: #7D7371;
	font-size: 0.8rem;

	transition: color 0.3ms linear 0.3ms;
    /*Chrome, Safari*/
    -webkit-transition: color 0.4s linear 0.2s;
    /*Firefox*/
    -moz-transition: color 0.4s linear 0.2s;
    /*Opera*/
    -o-transition: color 0.4s linear 0.2s;
    /*Standard*/
    transition: color 0.4s linear 0.2s;
}

.piemovil ul li a:hover{
	color: #ff690a;
	text-decoration: none;
}


.fndosocialmedia {
	border-radius: 50%;
	background-color: #ccc;
	width: 30px;
	height: 30px;
}


.pie a:active,
a:hover {
  outline: 0;
   
}

.pie a,
.uk-link {
  color: #ff690a;
  text-decoration: none;
  cursor: pointer;
}

.secondnav {
	margin-left: 50px;
	width: 50%;
}

.bannerhomelink {
	position: absolute;
	bottom: 10px;
	z-index: 2;
	margin: 0 auto;
	width: 100%;
}

.parrafosinteriores {
	color: #867f7d;
}

.slideubicacion {
	border: 1px solid red;
}

.slideubicacion ul{
	border: 1px solid blue;
	margin: 0;
	padding: 0;
}

.slideubicacion li{
	border: 1px solid red;
	list-style-type: none;
	display: inline;
}

/* FIN ESTILOS PARA PIE */


/* estilos para subpie */
.subpie a:active,
a:hover {
  outline: 0;
     /* -webkit-transition: background-color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out;
    transition: background-color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out;
*/
    transition: color 0.4s linear 0.2s;
    /*Chrome, Safari*/
    -webkit-transition: color 0.4s linear 0.2s;
    /*Firefox*/
    -moz-transition: color 0.4s linear 0.2s;
    /*Opera*/
    -o-transition: color 0.4s linear 0.2s;
    /*Standard*/
    transition: color 0.4s linear 0.2s;

    }

.subpie a,
.uk-link {
  color: #ff690a;
  text-decoration: none;
  cursor: pointer;
}

.subpie a:hover,
.uk-link:hover {
  color: #ff690a;
  text-decoration: none;
    -webkit-transition: background-color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out;
    transition: background-color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out, border-color 0.3s ease-out;
}

.subpie {
	position: relative;
	padding-top: 10px;
	margin-left: 0px;
	padding-left: 10px;
}

.subpietit {
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

.subpie ul {
	padding-left: 0;
}

.subpie ul li{
    list-style-type: none;
    display: inline;
    padding: 0 30px 0 0;
    line-height: 2.5rem;
}

.subpie ul li a{
	color: #7D7371;
	font-size: 0.8rem;
}

.subpie:before {
   content: "";
   position: absolute;
   top: 0;
   height: 1px;
   width: 50px;
   background: #b8b5b4;
	margin-left: 10px;
}

.subpieanim {
	font-size: 0.8rem;
}

.subpieanim span{
	display: block;
}

.subpieanimmovil {
	font-size: 0.6rem;
}
/* fin de estilos para subpie */

.custom-bookingmask {
	bottom: 50px;
}
.custom-bookingmask-int {
	top: 65px;
	background-color: #f9f8f8;
	padding:10px;
	height: 60px;
}
.padding-booking {
	padding-top: 30px;
}

.uk-position-z-index-xl {
	z-index: 100;
}


.input-booking {
	margin: 1px;
}


#bloque_comentarios {
	margin-top:20px;
}

.bocadillocomentarios {
    margin-top: 0px;
    background: #fff url("../img/general/bocadillo_comentarios.png") 16% 3px no-repeat!important;
    overflow: hidden;
}
/* ESTILOS PARA JQUERY */

.ui-widget {
    font-size: 1.1em;
  font-family: "centurygothic-webfont" !important;
}

.ui-widget-header {
    border: none!important;
    background: #fff url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x !important;
    color: #222222;
    font-weight: bold;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none!important;
    background: #fff url("../img/general/ico_close.png")50% 50% repeat-x!important;
    font-weight: normal!important;
    color: #555555!important;
}
.ui-dialog .ui-dialog-titlebar-close {
    width: 30px!important;
    height: 30px!important;
}


.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 30px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 30px;
}

.ui-dialog .ui-dialog-titlebar-close {
    margin: 0px 10px 0 0!important;
}

.uk-navbar-nav > li.uk-active > a {
  background-color: rgba(245, 245, 245, 0);
  color: #ff6816;
}

.uk-navbar-nav > li > a {
	display: block;
    box-sizing: border-box;
    text-decoration: none;
    height: 40px;
    padding: 0 15px;
    line-height: 40px;
    color: #908A89;
    transition: color 0.4s linear 0.2s;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background-color: rgba(245, 245, 245, 0);
  color: #ff6816;
  outline: none;
}
.uk-navbar-nav > li > a:active {
  background-color: rgba(221, 221, 221, 0);
  color: #ff6816;
}


#latido{
   animation:5s latido infinite;
   margin:0 auto;
   text-align:center;
   width:19px;
}
@keyframes latido{
   0%{transform:scale(1)}
   47%{transform:scale(1.1)}
   48%{transform:scale(.9)}
   50%{transform:scale(1.2)}
   52%{transform:scale(1.1)}
   54%{transform:scale(1)}
}


/* MEDIA QUERY PARA BANNERS */

@media (max-width: 767px) {
	figure.uk-overlay img.center-total {
		width: 100%;
	}
}

@media (min-width: 768px) {
	figure.uk-overlay img.center-total {
	    width: auto;
	    max-width: none !important;
	    left: 50%;
	    position: absolute;
	    -webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		 -ms-transform: translateX(-50%);
		  -o-transform: translateX(-50%);
		     transform: translateX(-50%);
	}
}

/* FIN ESTILOS PARA JQUERY */

@media (max-width: 980px) {
	.custom-bookingmask {
		position: relative !important;
		bottom:initial;
	}
	.custom-bookingmask-int {
		position: relative !important;
		bottom:initial;
	}
	.tooltip {
		top:40px;
		bottom:inherit;
	}

	/*.uk-slideshow {
		height:400px!important;
	}
	.uk-slideshow img{
		height:400px!important;
		width: auto;
	}*/
}