/*BODY*/
body {
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #4a494f;
}
a {
	color: #4a494f
}
a, button {
	color: #5BA4BF;
	-webkit-tap-highlight-color: rgba(91,164,191,0.3);
}
.img-link, .img-link img {
	width: 100%;
}
img {
	margin-bottom: -2px
}

#cabezal #agenda-btn.right-xs-2 a:hover {
	box-shadow: 0;
	border: 0
}
#cabezal #agenda-btn.right-xs-2 a:focus {
	box-shadow: 0;
	border: 0
}
/* HEADINGS */
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #4a494f;
	line-height: 1.1;
}
.h4 {
	font-size: 2em
}
.txtmayuscula {
	text-transform: uppercase
}
.text-primary {
	color: #4a494f
}
.h1:not([class*="text-"]) a:hover, .h2:not([class*="text-"]) a:hover, .h3:not([class*="text-"]) a:hover, .h4:not([class*="text-"]) a:hover, .h5:not([class*="text-"]) a:hover, .h6:not([class*="text-"]) a:hover, .h1:not([class*="text-"]) a:focus, .h2:not([class*="text-"]) a:focus, .h3:not([class*="text-"]) a:focus, .h4:not([class*="text-"]) a:focus, .h5:not([class*="text-"]) a:focus, .h6:not([class*="text-"]) a:focus {
	color: #5BA4BF;
}
.h1[class*="text-"] a:hover, .h2[class*="text-"] a:hover, .h3[class*="text-"] a:hover, .h4[class*="text-"] a:hover, .h5[class*="text-"] a:hover, .h6[class*="text-"] a:hover, .h1[class*="text-"] a:focus, .h2[class*="text-"] a:focus, .h3[class*="text-"] a:focus, .h4[class*="text-"] a:focus, .h5[class*="text-"] a:focus, .h6[class*="text-"] a:focus {
	opacity: 0.4;
}
.content a:hover, .content a:focus {
	color: #5BA4BF;
	font-weight: normal
}
.content h1:not([class*="text-"]), .content h2:not([class*="text-"]), .content h3:not([class*="text-"]), .content h4:not([class*="text-"]), .content h5:not([class*="text-"]), .content h6:not([class*="text-"]) {
	color: #4a494f;
}
.content h2 {
	font-family: 'Raleway', sans-serif;
}
.content h3 {
	font-size: 1.8em;
	font-weight: 600;
	color: #4a494f
}
.content p a {
	color: #5BA4BF
}
.content ul li:before {
	background-color: #5BA4BF;
}
/* HEADINGS */
/*PADDINGS*/
.padding-t-15 {
	padding-top: 15px;
}
.padding-t-0 {
	padding-top: 0px;
}
.padding-b-15 {
	padding-bottom: 15px;
}
.padding-t-20 {
	padding-top: 20px;
}
.padding-b-20 {
	padding-bottom: 20px;
}
.padding-t-45 {
	padding-top: 45px;
}
.padding-t-30 {
	padding-top: 30px;
}
.padding-b-30 {
	padding-bottom: 30px;
}
.paddingcero {
	padding: 0 0 0 0
}

.padding30 {
	padding: 30px}

/*bg-primary*/

.bg-primary {background-color: #383838}
.bg-primary-comp {background-color: #9E875C}

/* FILL BTN */
.fill-btn {
	color: #fff;
	background-color: #9E875C;
	border-radius: 3;
	box-shadow: inset 0px 0px 0px 1px #9E875C;font-size: 1.4em; padding: 10px 15px 11px }

	.fill-btn:hover, .fill-btn:focus { color: #9E875C; background-color: #FFFFFF }

@media (min-width: 768px) {
	p { font-size: 1.5em; line-height: 1.5 }
	.h5 {  font-size: 2em}
}


/* FILL BTN */

/*HEADER*/
#header, #header .fixed {
	display: block;
	width: 100%;
	height: 95px;
}
#header .fixed {
	background-color: #383838;
	;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10);
}
#header #logo {
	max-width: 143px;
}
#header #logo a:focus:after {
	box-shadow: inset 0px 0px 0px 1px #f2f2f2;
}
#header #menu-btn span {
	background-color: #fff;
}
#header #menu-btn span:before, #header #menu-btn span:after {
	background-color: #fff;
}
#nav-simple .menu.menu_movil{ margin-top:-25px}

@media (min-width: 980px) {
    #nav-simple .menu {
        padding-top: 12px;
    }
}
/*Barra fija en el header*/

#cabeza {
	background: #f4f4f4;
    height: 20px;
    vertical-align: middle;
    padding: 12px 0 10px 0;
    font-size: 1.2em;
}


#sefija {
	padding: 0;
	height: 100px;
	background: #0b0b0b;
	z-index:5000
}
@media (min-width: 979px) {
#contenido {
	height: 700px;
	background: green;
}
.menu-fijo {
	position: fixed;
	top: 0;
	width: 100%
}
header{ background-color:#383838; z-index:5000}
ul.menu_movil{ display:none;}
#nav-simple .menu.menu_movil{ display:none;}
}
@media (max-width: 979px) {
#cabeza { display:none;
}
#cabeza .wrapper{ padding-right:0}
#header .btn {top:35px}
#header #menu-btn{  position:fixed;}
#sefija {
    height: 95px; position: fixed;
    width: 100%;}
#nav-simple{ z-index:7000;}
#nav-simple .menu.menu_movil li:first-child{ border-top:none;}
#nav-simple .menu .item a:hover {color: #9E875C}
	#nav-simple .menu .item a:focus {color: #9E875C}
	
	.wrapper.logoymenu{margin-top:15px}
}


@media (max-width: 979px){
	#nav-simple .menu > .item:first-child { border-top: 0 }
	#nav-simple .menu {   margin-top: 10px }
}

.icoredesmovil:hover { opacity: .7}

#header[data-left-xs-btns="1"] .fixed > .wrapper {
	padding-left: 26px
}

@media (min-width: 979px) {
#header, #header .fixed {
	height: 80px
}
#header .fixed {
	height: 80px
}
#header #im-btn .icon {
	background-image: url(../images/logoim.svg);
	background-size: auto 40px;
}
#header #im-btn:hover:after, #header #im-btn:focus:after {
	box-shadow: none;
}
#header #im-btn {
	right: 20px;
	top: 16px;
	z-index: 9999
}
#header #im-btn:after {
	content: "";
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -16px 0 0 -16px;
	border-radius: 6px;
	box-shadow: inset 0px 0px 0px 1px rgba(247, 136, 35, 0);
	-webkit-transition: box-shadow 200ms ease-out;
	-o-transition: box-shadow 200ms ease-out;
	transition: box-shadow 200ms ease-out;
}
#header .btnim {
	display: block;
	width: 43px;
	height: 43px;
	position: absolute;
	top: 50%;
	z-index: 1;
	margin-top: -19px;
	background: rgba(255, 255, 255, 0);
}
#header .btnim .icon {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: no-repeat center/contain;
}
}
/* CABEZAL */

#header .fixed {
	background-color: #383838;
}
#logo img {
	width: 85%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

@media (min-width: 980px) {
.h1:not([class*="text-"]) a:hover, .h2:not([class*="text-"]) a:hover, .h3:not([class*="text-"]) a:hover, .h4:not([class*="text-"]) a:hover, .h5:not([class*="text-"]) a:hover, .h6:not([class*="text-"]) a:hover, .h1:not([class*="text-"]) a:focus, .h2:not([class*="text-"]) a:focus, .h3:not([class*="text-"]) a:focus, .h4:not([class*="text-"]) a:focus, .h5:not([class*="text-"]) a:focus, .h6:not([class*="text-"]) a:focus {
	color: #5BA4BF;
}
.block-card a.picture:hover + *:not([class*="text-"]) a, .block-card a.picture:focus + *:not([class*="text-"]) a {
	color: #666;
}
#header #logo {
	max-width: 180px;
	margin-top: 11px;
}
#header, #header .fixed {
	height: 100px;
}
.recibir_news{float: right;
    padding-top: 8px;}
.recibir_news a{ color: #585858}
.recibir_news a:hover{ color: #5BA4BF}
/*MENU - min-width:980px */
#nav {
	float: right;
	margin-right: -20px;
	margin-top: 20px;
}
#nav-simple .menu > .item > a {
	padding: 30px 1px 3px 0;
	font-size: 1.5em;
	font-weight: 400;
}
#nav-simple .menu > .item > a:hover, #nav-simple .menu > .item > a:focus {
	color: #9E875C;
}
#nav-simple .menu > .item.children > a:hover:after, #nav-simple .menu > .item.children > a:focus:after {
	border-color: #9E875C;
}
#nav-simple {
	margin-left: 0px;
	float: right;
}
#header[data-right-sm-btns="2"] .fixed > .wrapper {
	padding-right: 50px;
	padding-left: 50px;
}
#nav-simple .menu > .item.children.show > a {
	background-color: #383838;
	color: #FFFFFF;
}
#nav-simple .menu > .item > .submenu {
	width: 247px;
	top: 82px;
	left: -2px;
}
#nav-simple .menu > .item > .submenu > .list {
	background-color: #565656
}
#nav-simple .submenu .list > .item > a {
	font-size: 1.4em;
	color: #ffffff;
}
#nav-simple .menu > .item > .submenu {
	width: auto;
	min-width: 200px;
}
#nav-simple .menu > .item > .submenu > .list {
	padding: 15px 20px 15px 25px;
}
.submenu .list li {
	border-top: 1px dotted #adadad
}
.submenu .list li:first-child {
	border-top: none;
}
#nav-simple .submenu .list > .item > a:hover, #nav-simple .submenu .list > .item > a:focus {
	color: #b1e3f6;
}
#nav-simple .menu > .item.children.show > a:after {
	border-color: #9E875C;
}
}

@media (min-width: 980px) and (max-width: 1090px) {
#header #logo {
	max-width: 140px;
}
#nav-simple .menu > .item > a {
	padding: 30px 1px 3px 0;
	font-size: 1.3em;
}
}

@media (max-width: 980px) {
#header #logo {
	max-width: 140px;
	position: relative;
	margin-top: -6px;
	padding: 0
}
#nav-simple > .holder {
	background-color: #404040;
}
#nav-simple .menu .item a {
	font-weight: 400;
	font-size: 1.6em;
}
#header .fixed {
	height: 66px;
}
#nav-simple {
	top: 94px
}
#header #menu-btn span {
	width: 24px
}
#header .btn.right-xs-2 {
    right: 20px;
}
}

@media (max-width: 979px) and (min-width: 768px) {
#nav-simple > .holder {
	padding: 0 73px;
}
}
#header #logo a:before {
	height: 50px;
}
/* CABEZAL */

/* SLIDER */

.intro .bx-controls-direction a {
	background-color: transparent;
}
.intro .bx-controls-direction a:before {
	width: 30px;
	height: 30px;
}
.intro .bx-controls-direction .bx-next:before {
	margin-left: -10px;
}
.intro .bx-controls-direction a:before {
	margin-left: 10px
}

@media (min-width: 980px) {
.intro .bx-controls-direction a:hover, .intro .bx-controls-direction a:focus {
	box-shadow: inset 0px 0px 0px 0px transparent;
}
.intro .bx-controls-direction a:hover:before, .intro .bx-controls-direction a:focus:before {
	border-color: #9E875C;
}
}
/* SLIDER */

/* NOTAS HOME */
.titulo_sector {
	padding: 30px 0 15px 0;
	border-bottom: 1px dotted #cccccc;
}
.titulo_sector .h3 {
	color: #545454;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}
.titulo_promo {
	color: #5BA4BF;
	padding: 15px 0 15px 0;
	text-decoration: underline;
}
.block-card .holder {
	padding: 0 0 0 0;
	border-radius: 0
}
.block-card {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	border: 1px solid #d4d4d4;
	box-shadow: none;
	text-align: left;
}
.bloqueconmargen {
	padding: 0 20px 20px 20px;

}
.img-list.decoration {
	padding-top: 0;
}


@media (min-width: 980px){
.alturabloque {
	min-height: 200px;
}
	
	
	.alturabloque .fill-btn {
    position: absolute;
    bottom: 20px; margin-top: 30px }
	
	
}


@media (max-width: 980px) {
.img-list.decoration {
	padding: 0;
}
}
/*******************video********/
.bg-grey-light {
	background-color: #505050;
}
/* UC DEFAULT - UC Slider*/

.cab_uc {
	padding-right: 0;
	padding-left: 0;
}
.tit_uc {
	font-family: 'Raleway', sans-serif;
	padding-bottom: 20px;
	color: #4e9fc0;
	font-weight: 500;
}
.res_uc {
	border-bottom: 4px solid #9E875C;
	padding-bottom: 25px;
	font-size: 1.8em;
	line-height: 1.3em
}
.breadcrumb .list a {
	font-size: 1.3em;
}
.intro-uc .holder {
	padding: 30px 13px;
	box-sizing: border-box;
}
[class*="align-"] > .align {
	width: 100%;
}

@media (min-width: 980px) {
.breadcrumb .share-btn {
	right: 60px;
}
.breadcrumb .wrapper {
 padding-left: 90px;
}
.share-btn:hover:after, .share-btn:focus:after {
	box-shadow: inset 0px 0px 0px 1px #9E875C;
}
.img-uc {
	position: absolute;
	height: 325px;
	right: 50px;
}
.intro-uc .wrapper {
	position: relative;
}
.intro-uc .holder.c-img {
	padding: 0 25px;
}
.intro-uc .align-middle.c-img:before {
	min-height: 325px;
}
.bg-color_rd {
	background-color: #777777
}
.content, .content p, .content ul li, .content ol li {
	font-size: 18px;
	margin-top: 25px;
}
.section-b.cuerpo-uc{ padding-left:85px; padding-right:85px;}
}

@media (max-width: 980px) {
.intro-uc .wrapper {
	padding: 0;
}
}
/* Categoria DEFAULT */
	
.tit_cat {
	font-size: 2em;	font-weight:400; font-family: 'Raleway', sans-serif
}

.desc_cat {font-size: 1.5em; color: #B7B7B7}


 .block_cat h2{   border-bottom: 2px solid #9E875C;
    padding-bottom: 15px;
}

.intro.intro-xl .holder {
    padding-top: 0;
    padding-bottom: 0;
}

.intro.intro-xl {  background-color: #edeef2}

.block_cat h2 a{ font-weight: 600; font-family: 'Raleway', sans-serif; }
.block_cat .description{ padding-top:15px}

.block_cat .description_evento p{ padding-bottom:15px}

.foto_cat { height: 220px}
.fondoform { display: none}
.fondoformsimple { background-color: transparent; padding-left: 0; padding-right: 0 }
.fondoformsimple iframe {height: 390px }

.fondoformch{ display: inline-block; width: 100%; margin-top: 15px; padding-left: 0; padding-right: 0}
.fondoformch iframe { height: 420px; border-bottom: 1px solid #edeef2 }

@media (min-width: 1200px) {

.fondoform { background-color: rgba(255, 255, 255, 0.6); position: absolute; top: 20px; right: 240px; width: 500px; z-index: 2; display: inline-block; padding-left: 0; padding-right: 0}
.fondoform iframe {height: 404px}
.fondoformch { display: none}

}

@media (min-width: 768px) {
	.fondoformsimple { background-color: rgba(255, 255, 255, 0.6)}
	.fondoformsimple iframe {height: 420px }
	.content ul, .content ol { padding-top: 0}
}

@media (max-width: 480px) {
	.fondoformsimple iframe {height: 430px }
.fondoformch iframe { height: 500px }

}


@media (min-height: 800px) and (min-width: 1200px) {
	.blocks-list .block-card {
    margin-top: 35px;
	}	
}
 
@media (min-width: 980px) {
	.block-card .picture {	margin-top: 0 }
	.foto_cat { height: 500px}
	.tit_cat {	font-size: 2.5em; }
	.desc_cat {font-size: 1.5em; color: #B7B7B7}

	.intro.intro-xl .holder {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.content, .content p, .content ul li, .content ol li {
		font-size: 16px
	}
}


/**********footer*************/

#footer {
	padding: 45px 0;
	margin-top: 0px;
	background: #383838;
}
.bg-grey-light {
	background-color: #505050;
}
.tit_footer {
	font-size: 18px;
	color: #ccc;
	border-bottom: 2px solid #9E875C;
}
#footer p {
	font-size: 12px;
	margin-top: 15px;
	line-height: 26px;
	color: #cccccc
}
#footer p a {
	text-decoration: underline;
	color: #cccccc;
 }

#footer p a:hover {
	color: #ead1a0
}


#footer a.lista {
	height: 100%;
    min-width: 160px;
    display: inline-block; margin-bottom: -10px }





.redes_footer {
	padding: 21px 10px;
	margin-top: 40px;
	border-top: 1px dotted #505050
}

@media (max-width: 980px) {
	#footer div { margin-top: 20px }
	
}

	.fill-btn.bg-primary{
		box-shadow: inset 0px 0px 0px 1px #9E875C;        
		padding: 8px 20px 10px;
		font-size: 1em; 
		color: #fff;
		font-weight: 600
	}

	.fill-btn.bg-primary:hover,
    .fill-btn.bg-primary:focus{
		background-color: rgba(133, 186, 207, 0);
		color: #9E875C; 
		font-weight: 600
    }


/* Habitaciones -- RESERVAS */
	.reservar { font-family: 'Raleway', sans-serif; padding: 20px 30px; text-align: center }
	.reservar h2 {font-size: 3.8em; color: #9E875C}
	.reservar img.imggrande { display: inline-block}	
	.reservar img.imgchica { display: none}	
	.reservar img:hover {opacity: .7}
	.reservar h4:hover {color: #FFFFFF}
	.reservar h4:focus {color: #FFFFFF}

@media (max-width: 980px) {

	.reservar { padding: 15px }
	.reservar h2 {font-size: 2.8em }
	.reservar img.imgchica { display: inline-block}	
	.reservar img.imggrande { display: none}	

}


/* formularios */

.styled-form .input-holder .label
{ font-weight: 600 }	


    .styled-form .input-holder {
    margin-top: 10px;
}

.imagen_catgde{  display: none !important  }
.imagen_catch{  display: block !important }

@media (min-width: 980px) {

	.styled-form .input-holder { margin-top: 10px }
	.imagen_catgde{  display: block !important }
.imagen_catch{  display: none  !important  }
}


.popupreserva{ min-height: 450px }

@media (min-width: 980px) {
	.popupreserva { min-height: 350px }
}



/* videos */
.iframe-videos {
    position: relative;
    height: 0;
    background-color: #000;
    padding-bottom: 56.25%;
    margin-top: 20px;
}


.iframe-videos iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0!important;
}

/* boton flotante whatsapp */

/* boton de chat por whatsapp */
.whatsapp{ position:fixed; bottom:40px; right:90px; z-index:500;}
 .web{ display:block } .mov { display:none}
@media (max-width: 768px) { .web{ display:none } .mov { display:block}
	.whatsapp{ position:fixed; bottom:30px; right:30px; z-index:500 }

	
}


/* sostenibilidad */

.div-sostenibilidad { background: #9E875C; color: #FFFFFF }
.int-sostenibilidad h4 { font-weight: 800; font-size: 2.8em }
.int-sostenibilidad p { margin-top: 1px; font-size: 2.1em }
.int-sostenibilidad a { color: #FFFFFF }

@media (min-width: 768px) { 
	.int-sostenibilidad { display: flex; gap: 55px;align-items: center; padding: 7px; }}

@media (max-width: 767px) { 
	.div-sostenibilidad .wrapper { padding-right: 0;
    padding-left: 0; text-align: center; padding-bottom: 10px  }

.div-sostenibilidad h4 { padding: 30px 20px 0  }
.div-sostenibilidad p { padding: 0 20px 30px  }
}