body, html{height:100%}
*{box-sizing: border-box}
.madre{position:relative; overflow:visible}
.cabecera{position:relative; background:#fff; overflow:hidden; z-index:1; padding:10px 0 12px 0; width:100%; }



#bx{position:relative}
.anima{position:absolute;top:44%;left:20%;width:60%;text-align:center}
.anima h1{
	  font-family: 'Roboto Slab', serif; font-size:3em; color:#fff;margin:0; line-height:70%;text-align:center
	  }
.anima p{
	 font-family:'Roboto Slab', serif;font-size:1.6em; color:#fff;margin-top:10px;text-align:center
	}
.anima-none{display:none;}
.menu-cssmenu{
	position:relative;background:none;
	overflow: hidden ;width:100%; margin:auto;padding: 0 ;}

#buscador{position: absolute; z-index: 1000;width:60%; background: rgba(247,243,243,0.7); top:150px; left:20%; padding: 0 }
.buscador{margin-top:0 ;padding:16px}



.cajainput, .form-cont input, .form-cont textarea {
  border:1px solid #CCC;
   padding:7px 3px; 
   width:85%; 
   display:block;
   height:34px;
   margin: 0  0 0 15px ;
   background:rgba(219,219,234,0.7) }
 .form-cont textarea{height:120px;}
 .form-cont p{margin:5px; color:rgba(102,102,102,1)}
 input#acep_politica{display:inline-block;width:20px; height:20px}
.btn-reservar{background:#698C00; cursor:pointer; color:#fff;  border:none;}
.btn-reservar:hover{background:#86BDBA; cursor:pointer; color:#fff;  border:none;}


.listado{ padding:10px 10px 10px 45px; list-style-image:url(../images/ok.png)}
.enlace{text-decoration:none;}
/**-----*/

.pie{background:#111; padding:  30px 0; margin: 50px 0 0 0 }
.pie p {color:#fff; font-size:14px; font-weight: 400;}
.pie p.naranja {color:#FF6600;}
.pie img{vertical-align:middle; margin:3px}

.pie a{color:#729700;}
/*------*/

.menup{
    font-family: 'Montserrat', sans-serif; 
	font-size: 20px; 
	color:#111 ;
	text-align:left;	
	line-height: 15px;
	margin: 0px 5px;
	padding:3px 12px;
	text-decoration: none;
	font-weight:normal;
	
}
.menup:hover{color:#698C00;}


.pad-esp{padding:5% 8%}
.pad-home{padding:1% 15%}
.welcome{margin:auto;padding:40px;}
.seccion{width:80%;max-width:990px ;margin:auto;padding:20px;}
/*/-----------------texto------------/*/
p{line-height:170%;font-size:16px;font-family: 'Montserrat', sans serif;}
h1,h2,h3,h4,h5{ font-family: 'Montserrat', sans serif;}
h1{color:#FF6600; font-size:40px; font-weight:400; line-height:50px;text-transform:uppercase }
  
h2{color:#4C6600; font-size:30px; font-weight:400;line-height:100%;}
h3{color:#FF6600;font-size:25px;font-weight:600;}
h4{color:#FF6600;font-size:16px;font-weight:400;line-height:100%;text-transform:uppercase}


h1 span.separador, h2 span.separador{display:block ;width:400px; margin:auto; height:55px; background:url(../images/separador.png) no-repeat top center}
h2 span.separador{ background:url(../images/separador-claro.png) no-repeat top center}


.texto-10, .texto-9{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; line-height:20px}
.mas-info{font-family: 'Roboto Slab', sans-serif;  text-decoration:none; color:rgba(204,204,204,1);font-size:14px; line-height:20px }
.destacado{font-family: 'Montserrat', sans-serif; font-size:25px; color:#660000}
.destacado{font-family: 'Montserrat', sans-serif; color:#fff; font-size:20px;font-weight: 700;}
.texto{font-family: 'Montserrat', sans-serif; font-size:15px; color:#575747; line-height:20px}

.precio{font-weight:bold; letter-spacing: 1px; font-size: 20px}

.direccion {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight:300;	
	color:rgba(234,234,234,1);
	text-decoration: none;
	line-height: 18px; margin-top:5px; margin-right:10px;text-align:right;
}


.negro{color:#000}
.blanco{color:#fff}
.tgris{color:#ccc;}
.naranja{color:#FF6600}
.azul{color:#00668C}
.verde{color:#698C00}

.fondo1{background:#660000;}
.fondo2{background:#FF6700 ;}
.fondo3{background:#E6E6E6 ;}
.fondo4{background:#9A9A9A ;}

.redes:hover{ opacity:0.5}

.masinfo{font-size:15px; font-family:'Roboto Slab', sans-serif;padding:10px 15px; border:1px solid #BBCB8C; color:#BBCB8C;}

.fotohome{width:48%;float:left;margin-right:50px}

/*----------------------*/

.caja-flex{
display: flex;
flex-wrap: wrap;
	}
.caja-flex-centrado{
		display:flex;flex-direction:column; justify-content:center;
		}
.caja{padding:30px;border:1px solid #FF6600; overflow: hidden; margin-top:20px;}
.caja ul li{ list-style-type:none;}
.caja-borde{ border:2px solid #BBCB8C; padding:20px ;overflow:hidden}	

.texto-lista{font-size:18px; font-family:'Dosis',sans serif;line-height:140%}

.sombra{ transition:all 0.3s linear;}
.sombra:hover{box-shadow:0 5px 20px #333;}
/*-----------*/


/*---------*/
figure{position:relative;transicion:all 0.3 linear}
figure span{position:absolute;top:30%; padding:15px ;left:15%; width:70%; text-align:center}
figure span h2{margin:0 auto;text-transform:uppercase;color:#333;}
.trasp{ background:rgba(256,256,256,0.6)}
figure:hover{filter:grayscale(90%)}


.img-50{width:50%}
div.img100 img {width:100%}

/*-------------*/
.parallax1{
	 background-image:url(../images/img1.jpg);
}
.parallax2{
	 background-image:url(../images/img2.jpg);
}
.parallax3{
	 background-image:url(../images/img3.jpg);
}
.parallax4{
	 background-image:url(../images/img4.jpg);
}
.parallax { 
    /* The image used */
   
    /* Set a specific height */
    height: 600px; 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	/*background-color:#A3928A;*/
	z-index:5;position:relative;
}
.separador{margin:50px auto;}
.separador-top{margin-top:50px;}
.separador-bottom{margin-bottom:50px;}
.banner{	
	display: flex;
    justify-content: center;
    align-items: center;
	}

.banner-cont{width:80%;max-width: 1280px; background: rgba(9,9,9,0.7); padding: 30px 50px;}
.banner-cont p{ color:#fff}



@media screen and (max-width: 1366px){
.pad-esp{padding:5% 0}
.menu-cssmenu{
	padding:15px  ;}
}

@media screen and (max-width: 1279px){
.menup{
	
	font-size: 19px; }
h1{ font-size:30px;}
h2{ font-size:23px;}
h3{font-size:20px;}
h4{font-size:16px;}
}
@media screen and (max-width: 1023px){
	.ocultar{display:none}
	.contenedor{padding:1% 3%}


.cabecera{position:relative;background:#fff;}
.galleta{
	position:relative;
  	background:#660000;
	top:0;left:0;
	width:100%;
	padding: 10px 30px;
	margin:5px auto;
	z-index:0;
	
}
.destacado{font-size:20px; }
.welcome{width:90%;}
#buscador{position:relative; z-index: 1000;width:100%; background: rgba(247,243,243,0.7); top:0; left:0; padding: 0 }
.menu-cssmenu{padding:5px }


	}
	
@media screen and (max-width: 767px){

.destacado{font-size:18px; }



}