/* FUENTES */
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400');
/* Estilos Comunes */
body{
	position: relative;
}
#flecha_top{
	position: fixed;
	bottom: 0;
	right: 50px;
	width: 50px;
	z-index: 20;
}
.nav li a:hover{
	color:white!important;
}
.parallax{
	position: relative;
	background: url(../img/mapa.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
	margin-top: 30px;
	}
/* Igualar Altura de Columnas */
.altura {
    display: table;
}
.altura [class*="col-"] {
    display: table-cell;
    float: none;
}
.altura [class*="col-"] {
    vertical-align: middle;
}
.margen_abajo{
	margin-bottom: 15px;
}
.padding_abajo{
	padding-bottom: 15px;
}
.bloque{
	display: block;
}
/* Igualar Altura de Columnas */
#fondo{
	background-color: #938675;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	color: white;
	margin: 0 auto!important;
}
.centrado{
	text-align: center;
	margin: 0 auto;
}
.contenedor{
	padding: 20px;
	margin: 0 auto;
	margin-top: 80px;
	width: 90%;
}
.contenedor_interno{
	position: relative;
	padding: 20px;
	margin: 0 auto;
	width: 90%;
}
.imagen_escalable{
	width: 100%;
	height: auto;
}
.no_padding{
	padding: 0!important;
	margin: 0!important;
}
.rrss{
	width: 60px;
	position: fixed;
	top:180px;
	right: 0;
	z-index: 10;
	background: rgba(255,255,255,0.6);
	padding: 8px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	}
	.rrss ul{
		margin: auto;
		padding: 0!important;
	}
	.rrss ul li{
		margin-bottom: 10px;
		list-style: none;
		margin-right: 3px;
	}
	#main-menu{
		position: absolute;
		top:200px;
		z-index: 2;
	}
	.titular{
		font-weight: 200;
		font-size: 35px;
	}
	.subtitulo{
		font-size: 25px;
		font-weight: 200;
	}
	#boton_maps{
		background: white;
		padding: 5px;
		position: absolute;
		top:250px;
		left: 30px;
		width: 120px;
		color:black;
		-webkit-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.75);
		z-index: 50;
	}
	#boton_maps a{
		color: gray;
	}
	#boton_maps a:hover{
		text-decoration: none;
		font-weight: 300;
		color: blue;
	}
	#boton_maps img{
		width: 100%;
		display: inline;
	}
	/* Header */
	#hojas_movil{
		display: none;
	}
	#logo{
		font-size: 15px;
		font-weight: 300;
	}
	#contiene_8{
	}
	#contiene_4{
	}
	#contiene_texto{
		padding-top: 20%;
	}
	#contiene_texto p{
		text-align: justify;
	}
	#contiene_texto h3{
		font-weight: 200;
		font-size: 20px;
	}
	.contiene_parrafo{
		padding: 20px;
	}
	#fondo_verde{
		width: 100%;
		position: relative;
		height: 200px;
		background: rgba(40,80,45,1);
		background: -moz-linear-gradient(top, rgba(40,80,45,1) 0%, rgba(43,100,47,1) 50%, rgba(40,80,45,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(40,80,45,1)), color-stop(50%, rgba(43,100,47,1)), color-stop(100%, rgba(40,80,45,1)));
		background: -webkit-linear-gradient(top, rgba(40,80,45,1) 0%, rgba(43,100,47,1) 50%, rgba(40,80,45,1) 100%);
		background: -o-linear-gradient(top, rgba(40,80,45,1) 0%, rgba(43,100,47,1) 50%, rgba(40,80,45,1) 100%);
		background: -ms-linear-gradient(top, rgba(40,80,45,1) 0%, rgba(43,100,47,1) 50%, rgba(40,80,45,1) 100%);
		background: linear-gradient(to bottom, rgba(40,80,45,1) 0%, rgba(43,100,47,1) 50%, rgba(40,80,45,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28502d', endColorstr='#28502d', GradientType=0 );
	}
	#imagen_vehiculo{
		position: absolute;
		right: 15%;
		top:10px;
		height: 180px;
	}
	#texto_vehiculos{
		position: absolute;left: 15%;
		top:25%;
		text-align: center;
		font-size: 25px;
		font-weight: lighter;
	}
	#texto_vehiculos a{
		font-size: 35px;
		color:#00e810;
	}
	#texto_vehiculos a:hover{
		text-decoration: none;
		color: #82ff8b;
	}
	.texto_habitaciones{
		background: white;
		padding: 20px;
		color: #767676;
	}
	.texto_habitaciones h3{
		font-weight: 200;
		color: #515151;
	}
	.texto_habitaciones img{
		width: 30%;
		padding: 0;
		margin: 0;
	}
	.icono_habitaciones{
		max-width: 40px;
	}
	#transporte{
		width: 100%;
	}
	#medios_de_pago{
		width: 100%;
		background: #4c4133;
		padding: 20px;
	}
	.contiene_texto_eventos{
		background: white;
		color: #757575;
		padding: 15px;
	}
	.contiene_texto_eventos span{
		font-size: 1.3em;
		font-weight: 300;
	}
	.texto_eventos{
		height: 360px;
		overflow: hidden;
	}
	#logos{
		width: 100%;
		background: #4c4133;
		padding: 20px;
	}
	.imagen_logos{
		height: 50px;
		margin-bottom: 15px;
	}
	#mapa{
		max-width: 100%!important;
		overflow: hidden;
	}
	#mapa a{
	position: absolute;
	top:45%;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 150px;
	padding: 10px;
	background: rgba(255,255,255,0.7);
	text-align: center;
	color: red;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
	-webkit-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.75);
	}
	#mapa a:hover{
	text-decoration: none;
	color: #5a2222;
	}
	#fondo_contacto{
	background: url(../img/fondo_contacto.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	}
	#formulario{
		margin: 0 auto;
		margin-top: 80px;
		margin-bottom: 120px;
		width: 80%;
	}
	.contiene_datos{
		margin-bottom: 15px;
	}
	.contiene_datos label{
		color: #757575;
		font-weight: 200;
	}
	.contiene_datos input{
		color:black;
		width: 100%;
	}
	.contiene_datos textarea{
		color:black;
		width: 100%;
	}
	.verif{ 
		opacity: 0; 
	}
	#titular_contacto{
		font-weight: 200;
		font-size: 35px;
	}
	#titular_contacto h3{
		color:#757575;
		font-weight: 200;
		font-size: 35px;
		margin-top: 80px;
	}
	#contiene_captcha{
		text-align: center!important;
		margin: 0 auto!important;
	}
	#contiene_footer{
	width: 100%!important;
	height: 50px;
	background-color: #282828;
	text-align: center;
	font-weight: 200;
	font-size: 12px;
	color:white;
	padding-top: 20px;
	}
	#contiene_footer a:hover{
		font-weight: 400;
		text-decoration: none;
		color:#44c4ff;
	}
	#texto_contacto{
		width: 80%;
		text-align: center;
		margin: auto;
		font-size: 20px;
		color: #757575;
		margin-top: 15px;
	}
	#texto_contacto span{
		font-weight: 400;
	}

	/* Media Queries */

/* Dispositivos muy pequeños (teléfonos de hasta 768px de anchura) */
/* No se define ninguna media query porque este es el estilo por
   defecto utilizado por Bootstrap 3 */
 
/* Dispositivos pequeños (tablets, anchura mayor o igual a 768px) */
@media (max-width: 768px) { 
	.rrss{
	width: 50px;
	}
	#hojas_movil{
		display: block;
	}
	#main-menu{
		top:0px;
	}
	.contenedor{
	padding: 20px;
	margin: 0 auto;
	margin-top: 20px;
	width: 100%;
	}
	#contiene_texto{
		padding-top: 10px;
	}
	.contiene_parrafo{
		padding: 50px;
	}
	.contiene_parrafo p{
		width: 90%;
	}
	#contiene_4{
		display: none;
	}
	#texto_vehiculos{
		position: auto;
		width: 100%;
		top:5%;
		left:0;
		right: 0;
		margin: auto;
		display: block;
		float: left;
	}
	#imagen_vehiculo{
		top:30%;
		max-width: 270px;
		right: 0;
		left: 0;
		margin: auto;
		height: auto;
		position: auto;
		display: block;
	}
	#boton_maps{
		top:50px;
		left: 0px;
		width: 120px;
		color:black;
		-webkit-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.75);
		z-index: 50;
	}
	.altura {
    display: inline-block;
	}
	.altura [class*="col-"] {
	    display: inline-block;
	    float: none;
	}
	.flexible{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
            flex-flow: column;
	}
	.primero{
¡		border: 2px dotted gray;
		 -webkit-order: 1;
	            order: 1;
	}
	.segundo{
¡		 -webkit-order: 2;
	            order: 2;
	}
	.tercero{
¡		 -webkit-order: 3;
	            order: 3;
	}
	}
	.contiene_datos label{
		display: border-left: ;
	}
	#contiene_footer{
	width: 100%;
	height: 80px;
	}
 
/* Dispositivos medianos (ordenadores, anchura mayor o igual a 992px) */
@media (min-width: 992px) {

	
}
 
/* Dispositivos grandes (ordenadores, anchura mayor o igual a 1200px) */
@media (min-width: @screen-lg-min) {

	
}