body{
	font-family: museo-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #557077;	
}
/*-------------------------- PÁGINA LOGIN --------------------------*/
body.out{
	background-color: rgba(0, 0, 0, 0.7);
	background-image: url("https://refugio.gege.es/imagenes/fondo-login.jpg") ;
	background-blend-mode: multiply;
	background-repeat: no-repeat;
	background-size: cover;
}
.out .col-12 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 90vh;
}
/* MENÚ */
.rowMenuOut{
	border-bottom: #AAB7BB solid 0.5px;
	height: 90px;
}
.rowMenuOut .colContenedorLogoAA{
	padding: 20px 0 0 2%;
}
.colContenedorEnlacesIdiomas{
	text-align: right;
}
.colContenedorEnlacesIdiomas .dropdown{
	top: 25%;
	padding-right: 30px;
}
.dropdown .btn-secondary{
	background-color: transparent;
	border-left: solid #fff 1px;
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-radius: 0;
	padding: 10px 0 10px 30px;
	font-family: museo-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
}
.dropdown-menu{
	border-radius: 0;
}
a:hover.dropdown-item {
	background-color: #E0BA0D;
}


/* FORMULARIO ACCESO */
#loginContainer{
	background:#fff;
	width: 440px;
	height: 440px;
	display: flex;
 	justify-content: center;
 	align-items: center;
	color: #557077;
}
#loginContainer h1{
	font-family: museo-slab, serif;
	font-weight: 700;
	font-style: normal;
	font-size: 30px;
	letter-spacing: 0.9px;
	padding-bottom: 20px;
}
.errorInicioSesion{
	color: red;
}
.out .form-outline.mb-4{
	margin-bottom: 0.8rem!important;
}
.form-control{
	border-radius: 0;
	font-family: museo-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #AAB7BB;	
	height: 50px;
}
#loginContainer .justify-content-center{
	justify-content: left!important;
}
.form-check-input[type=checkbox]{
	border-radius: 0;
}
.form-check-input:checked{
	background-color: #557077;
	border-color: #557077;
}
#loginContainer .btn{
	color: #fff;
	background-color: #E0BA0D;
	border-color: #E0BA0D;
	border-radius: 0;
	font-family: museo-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
	padding: 10px 25px;
}
#loginContainer .btn:hover{
	background-color: #557077;
	border-color: #557077;
}
#loginContainer a{
	color: #557077;
}
#loginContainer a:hover{
	color: #000;
}

/*-------------------------- PÁGINA RESET PASSWORD --------------------------*/
.out h1{
	font-family: museo-slab, serif;
	font-weight: 700;
	font-style: normal;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0.9px;
	padding-bottom: 20px;
}
#resetPasswordContainer{
	width: 440px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px;
}
#resetPasswordContainer label, #restablecerContrasenaContainer label{
	padding-right: 10px;
}
#resetPasswordContainer input, #restablecerContrasenaContainer input{
	border-radius: 0!important;
	border: solid #AAB7BB 1px!important;
	margin-bottom: 20px;
	font-family: museo-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #557077;
	font-size: 16px;
}
#resetPasswordContainer .btn, #restablecerContrasenaContainer .btn{
	color: #fff;
	background-color: #E0BA0D;
	border-color: #E0BA0D;
	border-radius: 0;
	font-family: museo-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
	padding: 10px 25px;
	margin-top: 20px;
}
#resetPasswordContainer .btn:hover, #restablecerContrasenaContainer .btn:hover{
	background-color: #557077;
	border-color: #557077;
}
#resetPasswordCheckEmailContainer, #restablecerContrasenaContainer{
	width: 440px;
	background-color: #fff;
	padding: 60px 40px;
}
#resetPasswordCheckEmailContainer a{
	color: #557077;
}
#resetPasswordCheckEmailContainer a:hover{
	color: #E0BA0D;
}


/*-------------------------- PÁGINAS INTERIORES --------------------------*/
body.inside{
	background-color: #F7F7F7;
}
/* MENU LATERAL */
.col-3{
	width: 15%;
	background-color: #557077;
	color: #fff;
	padding-top: 20px;
	padding-left: 2%;
	/*height: 100vh!important;*/
}
#contenedorSaludo{
	padding-top: 60px;
	padding-bottom: 30px;
	font-family: museo-sans, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-decoration: underline;
}
.itemContenedorMenuPC{
	margin-bottom: 30px;
}
.itemContenedorMenuPC a{
	color: #AAB7BB!important;
	text-decoration: none;
	font-weight: 700;
	letter-spacing: 0.36px;
}
.itemContenedorMenuPC a:hover{
	color: #fff!important;
}
.itemContenedorMenuPC a:active{
	color: #000!important;
}
.itemContenedorMenuPCReservar:after{
	content: "";
	display: block;
	background: url("https://refugio.gege.es/imagenes/reservar.svg") no-repeat;
	width: 22px;
	height: 22px;
	float: left;
	margin: 0 10px 0 0;
}
.itemContenedorMenuPCMiPerfil:after{
	content: "";
	display: block;
	background: url("https://refugio.gege.es/imagenes/miperfil.svg") no-repeat;
	width: 22px;
	height: 22px;
	float: left;
	margin: 0 10px 0 0;
}
.itemContenedorMenuPCElRefugio:after{
	content: "";
	display: block;
	background: url("https://refugio.gege.es/imagenes/elrefugio.svg") no-repeat;
	width: 22px;
	height: 22px;
	float: left;
	margin: 0 10px 0 0;
}
.itemContenedorMenuPCActas:after{
	content: "";
	display: block;
	background: url("https://refugio.gege.es/imagenes/actas.svg") no-repeat;
	width: 22px;
	height: 22px;
	float: left;
	margin: 0 10px 0 0;
}
.itemContenedorMenuPCJuntas:after{
	content: "";
	display: block;
	background: url("https://refugio.gege.es/imagenes/junta.svg") no-repeat;
	width: 22px;
	height: 22px;
	float: left;
	margin: 0 10px 0 0;
}
.itemContenedorMenuPCCerrarSesion:after{
	content: "";
	display: block;
	background: url("https://refugio.gege.es/imagenes/cerrarsesion.svg") no-repeat;
	width: 22px;
	height: 22px;
	float: left;
	margin: 0 10px 0 0;
}
a.enlaceInsideActivo{
	color: #fff!important;
}

.itemContenedorMenuPCEuskera{
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 20px 5px 0;
	border-top: solid #AAB7BB 1px;
	padding-top: 20px;
}
.itemContenedorMenuPCCastellano{
	text-transform: uppercase;
	font-size: 14px;
	border-bottom: solid #AAB7BB 1px;
	padding-bottom: 20px;
	margin: 0 20px 30px 0;
}


/* CONTENEDOR CONTENIDO */
.inside .col-md-9{
	padding:70px 5%;
}
#cabeceraSeccion{
	border-bottom: #CBD4D6 solid 0.5px; 
}
#cabeceraSeccion h1{
	font-family: museo-slab, serif;
	font-weight: 100;
	font-style: normal;
	text-transform: uppercase;
	font-size: 40px;
	letter-spacing: 0.8px;
}

/*-------------------- PÁGINA RESERVAR --------------------*/

/* CALENDARIO */
#contenidoReservas{
	margin-top: 40px;
}
.rowSelectorAtrasAdelanteMeses{
	z-index: 2;
	position: relative;
	padding-right: 25px;
}
.rowCalendarios{
	z-index: 1;
	position: relative;
}
.rowSelectorAtrasAdelanteMeses a{
	text-decoration: none;
	color: #557077;
	font-size: 24px;
}
.colDerechaSelectorAtrasAdelanteMeses{
	text-align: right;
}
.contenidoCalendario{
	margin-right: 20px;
	margin-top: -52px;
}
.contenidoCalendario .header{
	text-align: center;
	text-transform: uppercase;
}
.contenidoCalendario .days{
	border: #AAB7BB solid 0.5px; 
	padding: 20px;
}
.contenidoCalendario .calendar .days .day_name{
	padding: 10px;
	text-align: center;
	font-size: 16px;
}
.contenidoCalendario .calendar .days a.day_num{
	padding: 10px;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #557077!important;
}
.contenidoCalendario .calendar .days a:hover.day_num{
	color: #000!important;
}
.diaSeleccionado{
	border: dashed #557077 2px;
}
.day_num.ignore{
	background-color: #F7F7F7!important; 
}
 a.day_num{
	text-decoration: none;
	font-size: 16px;
	 font-weight: 300!important;
	 color: #557077!important;
}
.calendar .days .day_num span{
	display: flex;
	justify-content: center;
	align-items: center;

}
.contenedorLeyendasCalendario{
	margin: 20px 0;
}
.contenedorLeyenda{
	margin-right: 40px;
	display: flex;
	align-items: center;
}
.eventoCalendarioColorAdjudicada{
	background-color: #85CE64!important;
}

/* DETALLE RESERVAS */
#contenedorDetallesDeLasReservas{
	margin: 20px 0 40px 0;
}
#contenedorDetallesDeLasReservas .titulo{
	font-size: 21px;
	font-weight: 700;
	border-bottom: #AAB7BB solid 0.5px;
	padding: 0;
	margin-bottom: 10px;
}
#contenedorDetallesDeLasReservas .titulo .tituloNocheDelDia{
	color: #E0BA0D;	
}
.colContainerReservasDiasPC table{
	width: 100%;
	text-align: center;
}
.colContainerReservasDiasPC thead{
	font-weight: 700;
	border-bottom: solid #CBD4D6 0.5px;
}
.colContainerReservasDiasPC tbody tr{
	border-bottom: solid #CBD4D6 0.5px;
	vertical-align: top;
}
.colContainerReservasDiasPC tbody td{
	padding: 10px 0;
}

/* MENSAJE EJEMPLO */
#rowSeReservaSoloLaNoche{
	margin: 20px 0;
	padding: 20px 10px;
	border: 5px solid #E0BA0D;
}

/* FORMULARIO DE RESERVA */
#rowFormularioDeReserva{
	background-color: #fff;
	border: #AAB7BB solid 0.5px; 
	margin: 30px 0;
	padding: 40px 10px;
}
#rowFormularioDeReserva .titulo{
	margin-bottom: 20px;
}
#rowFormularioDeReserva h2{
	font-size: 24px;
	font-weight: 700;
}
#formReserva label{
	margin-bottom: 5px;
}
span.asterisco{
	color: #E0BA0D;
	font-weight: 700;
}
#formReserva input#fechas{
	width: 100%;
	height: 30px;
	border: 1px solid #CBD4D6;
	font-weight: 300;
	color: #557077;
}
.daterangepicker td.active, .daterangepicker td.active{
	background-color: #E0BA0D!important;
	color: #557077!important;
}
#formReserva select#zonaDelRefugio{
	border: 1px solid #CBD4D6;
	height: 30px;
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	color: #557077;
}
#formReserva select#zonaDelRefugio:active{
	border: 1px solid #E0BA0D;
}
#colAceptoQueHeLeido{
	margin: 20px 0;
}
#colAceptoQueHeLeido a{
	color: #557077;
}
#colAceptoQueHeLeido input[type="checkbox"] {
	border-radius: 0!important;
	border: solid #FA0000 1px!important;
}
#colAceptoQueHeLeido input[type="checkbox"]:checked{
	background-color: #557077;
	border-color: #557077;
}
#campoObligatorio{
	margin: 20px 0;
	color: #E0BA0D;
}
#contenedorBotonReservar .btn-success{
	width: 100%;
	background-color: #557077;
	border-radius: 0;
	font-weight: 300;
	border: solid #557077 1px;
}
#contenedorBotonReservar .btn-success:hover{
	background-color: #E0BA0D;
	border: solid #E0BA0D 1px;
}

/* COLUMNA DERECHA ¿SABES CÓMO FUNCIONA EL SISTEMA DE RESERVAS? */
#contenedorSabesComoFuncionaElSistemaDeReservas{
	margin-top: 55px;
	background-color: #E0BA0D;
	padding: 30px;
}
#contenedorSabesComoFuncionaElSistemaDeReservas h2{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 30px!important;
	line-height: 40px!important;
	margin-bottom: 20px;
}
#contenedorSabesComoFuncionaElSistemaDeReservas a{
	color: #fff;
	text-decoration: none;
	background-color: #557077;
	padding: 5px 20px;
}
#contenedorSabesComoFuncionaElSistemaDeReservas a:hover{
	color: #557077;
	background-color: #fff;
}

/*-------------------- CONFIRMAR / CANCELAR / MODIFICAR RESERVA --------------------*/
#contenidoConfirmarReservaNoFactible, #contenidoConfirmarReserva{
	margin-top: 30px;
}
table#tablaConfirmarReserva{
	margin: 30px 0;
}
table#tablaConfirmarReserva td{
	padding-right: 10px;
}
.col-12.nochesNoFactibles{
	border: solid red 5px; 
	margin-bottom: 30px;
	padding: 20px;
}
.botonesNoFactibles{
	padding-left: 0;
}
.botonesNoFactibles a, .botonVolverAlCalendario, .botonVolverAMiPerfil, .botonesReservaNoFactible .btn-info{
	border-radius: 0;
	border: solid #557077 1px;
	color: #557077;
	text-decoration: none;
	padding: 5px 20px;
	background-color: transparent;
	text-align: center;
	font-weight: 300;
	margin-right: 10px;
}
.botonesNoFactibles a:hover, .botonVolverAlCalendario:hover, .botonVolverAMiPerfil:hover, .botonesReservaNoFactible .btn-info:hover{
	color: #fff;
	background-color: #557077;
}
.botonesNoFactibles a:active, .botonVolverAlCalendario:active, .botonVolverAMiPerfil:active, .botonesReservaNoFactible .btn-info:active{
	color: #fff;
	background-color: #557077!important;
}
.botonConfirmarReserva, .botonModificarReserva, .botonesReservaNoFactible .btn-secondary{
	border-radius: 0;
	border: solid #557077 1px;
	color: #fff;
	text-decoration: none;
	padding: 5px 20px;
	background-color: #557077;
	text-align: center;
	font-weight: 300;
}
.botonConfirmarReserva:hover, .botonModificarReserva:hover, .botonesReservaNoFactible .btn-secondary:hover{
	border-radius: 0;
	border: solid #E0BA0D 1px;
	color: #fff;
	text-decoration: none;
	padding: 5px 20px;
	background-color: #E0BA0D;
}
.botonConfirmarReserva:active, .botonModificarReserva:active, .botonesReservaNoFactible .btn-secondary:active{
	border-radius: 0;
	border: solid #E0BA0D 1px!important;
	color: #fff;
	text-decoration: none;
	padding: 5px 20px;
	background-color: #E0BA0D!important;
}
.botonConfirmarCancelarReserva{
	border-radius: 0;
	text-decoration: none;
	padding: 5px 20px;
	text-align: center;
	font-weight: 300;
}
#tablaConfirmarReserva td{
	padding-bottom: 20px;
}
#tablaConfirmarReserva input{
	border-radius: 0;
	border: solid #AAB7BB 1px;
	background-color: transparent;
	color: #557077;
	font-weight: 300;
	width: 250px;	
}
#tablaConfirmarReserva select{
	border-radius: 0;
	border: solid #AAB7BB 1px;
	background-color: transparent;
	color: #557077;
	font-weight: 300;
	width: 250px;
	height: 27px;
}




/*-------------------- PÁGINA MI PERFIL --------------------*/

/* DATOS PERSONALES */
#cabeceraSeccionDatosPersonales, #cabeceraSeccionCambiarContrasena{
	margin-top: 40px;
	border-bottom: #CBD4D6 solid 0.5px; 
	margin-bottom: 20px;
}
#cabeceraSeccionDatosPersonales h2, #cabeceraSeccionCambiarContrasena h2{
	font-size: 28px;
	margin-bottom: 0;
}
#contenidoDatosPersonales{
	background-color: #CBD4D695;
	padding: 20px 50px 40px 50px;
}
#contenidoDatosPersonales .col-md-4{
	padding: 15px 0;
	border-bottom: #fff solid 0.5px;
}
.datoLabel{
	font-weight: 700;
}
.datoValor{
	color: #7E9298;
}
.colEditarMisDatos{
	display: flex;
	align-items: center;
}
a.editarMisDatos{
	background-color: #E0BA0D;
	padding: 5px;
	color: #fff;
	text-decoration: none;
	margin: 0 0 0 10px; ;
}

a:hover.editarMisDatos{
	background-color: #557077;
}

/* PUNTOS */
.colPuntos{
	background-color: #557077;
	color: #fff;
	height: 50%;
	padding: 35px 30px 25px 30px;
}
.labelPuntos{
	font-size: 21px;
	font-weight: 700;
}
.contenedorPuntos{
	text-align: right;
	font-size: 100px;
	font-weight: 700;
}

/* HISTORICO DE RESERVAS */
#cabeceraSeccionHistoricoDeReservas{
	margin-top: 40px;
	
	background-color: #fff;
	padding: 30px 30px 0 30px;
}
#cabeceraSeccionHistoricoDeReservas h2{
	font-size: 28px;
	margin-bottom: 0;
	border-bottom: #CBD4D6 solid 0.5px; 
}
.contenedorSeccionHistoricoDeReservasPC{
	background-color: #fff;
	padding: 30px 30px 30px 30px;
}
.contenedorSeccionHistoricoDeReservasPC table{
	width: 100%;
	text-align: center;
}
.contenedorSeccionHistoricoDeReservasPC thead{
	font-weight: 700;
	border-bottom: solid #CBD4D6 0.5px;
}
.contenedorSeccionHistoricoDeReservasPC tbody tr{
	border-bottom: solid #CBD4D6 0.5px;
	vertical-align: top;
}
.contenedorSeccionHistoricoDeReservasPC tbody td{
	padding: 10px 0;
}
a.botonCancelar{
	border: solid #557077 1px;
	color: #557077;
	text-decoration: none;
	padding: 5px 20px;
	margin-right: 10px;
}
a:hover.botonCancelar{
	border: solid #557077 1px;
	background-color: #557077;
	color: #fff;
}
.reservaCancelada {
	border-left: solid 5px #666!important;
}

/*-------------------- EDITAR DATOS / CONTRASEÑA --------------------*/
#contenidoEditarDatosPersonales{
	margin-top: 20px;
}
#contenidoEditarDatosPersonales input{
	border-radius: 0;
	border: solid #AAB7BB 1px;
	background-color: transparent;
	color: #557077;
	font-weight: 300;
	margin-bottom: 20px;
}
#contenidoEditarDatosPersonales .datoValor input{
		width: 80%;
}
.botonCancelarMiPerfil, .botonCancelarContrasena{
	border-radius: 0;
	border: solid #557077 1px;
	color: #557077;
	text-decoration: none;
	padding: 5px 20px;
	background-color: transparent;
	text-align: center;
	font-weight: 300;
}
.botonCancelarMiPerfil:hover, .botonCancelarContrasena:hover{
	color: #fff;
	background-color: #557077;
}
.botonCancelarMiPerfil:active, .botonCancelarContrasena:active{
	color: #fff;
	background-color: #557077!important;
}
.botonGuardarMiPerfil, .botonGuardarContrasena{
	border-radius: 0;
	border: solid #557077 1px;
	color: #fff;
	text-decoration: none;
	padding: 5px 20px;
	background-color: #557077;
	text-align: center;
	font-weight: 300;
	margin-right: 10px;
}
.botonGuardarMiPerfil:hover, .botonGuardarContrasena:hover{
	border-radius: 0;
	border: solid #E0BA0D 1px;
	color: #fff;
	text-decoration: none;
	padding: 5px 20px;
	background-color: #E0BA0D;
}
.botonGuardarMiPerfil:active, .botonGuardarContrasena:active{
	border-radius: 0;
	border: solid #E0BA0D 1px!important;
	color: #fff;
	text-decoration: none;
	padding: 5px 20px;
	background-color: #E0BA0D!important;
}
#contenidoEditarDatosPersonales label{
	margin-right: 10px;
}
.botonGuardarContrasena, .botonCancelarContrasena{
	margin-top: 20px;
}
#avisoContrasenaCambiada{
	color: #518d30;
	margin-bottom: 20px;
	font-weight: 600;
}
#contenidoEditarDatosPersonales li{
	font-weight: 600;
	color: red;
}

/*-------------------- PÁGINA REFUGIO --------------------*/

#contenidoElRefugio h2{
	font-weight: 900;
	font-size: 28px;
	color: #E0BA0D;
	margin-top: 40px;
}
#contenidoElRefugio h3{
	font-weight: 800;
	font-size: 21px;
	margin-top: 25px;
}
#contenidoElRefugio h4{
	font-weight: 800;
	font-size: 18px;
	margin-top: 25px;
	color: #E0BA0D;
}
#contenidoElRefugio p{
	margin-bottom: 10px;
}
#contenidoElRefugio strong{
	font-weight: 700;
}
#columnaReglamento{
	width: 60%;
	float: left;
}
#columnaPdfs{
	width: 30%;
	float: right;
}
#columnaPdfs a{
	color: #557077;
	font-weight: 600;
}
#columnaPdfs a:hover{
	color: #E0BA0D;
}
/*#columnaPdfs a:after{
	content: "";
	display: block;
	background: url(https://refugio.gege.es/imagenes/actasSingle.svg) no-repeat;
	width: 30px;
	height: 30px;
	float: left;
	margin: 0 10px 0 0;
} */
#columnaPdfs p{
	margin-bottom: 20px;
}

/*--TABLA--*/
#contenidoElRefugio table{
	margin: 20px 0;
	text-align: center;
}
#contenidoElRefugio th{
	background-color: #C4C4C6;
	font-weight: 300;
	padding: 10px 20px;
}
#contenidoElRefugio tr{
	border: solid 0.5px #9A9B9F;
}
#contenidoElRefugio td{
	border: solid 0.5px #9A9B9F;
	padding: 10px 20px;
}

/*-------------------- PÁGINA ACTAS --------------------*/
#contenidoActas, #contenidoJunta{
	margin-top:	40px;	
}
#contenidoActasPDF{
	margin: 20px 0;
}
.contenedorActaPDFSingle{
	margin-bottom: 20px;
}
.contenedorActaPDFSingle a{
	text-decoration: none;
	font-weight: 600;
	color: #557077;
}
.contenedorActaPDFSingle a:hover{
	text-decoration: underline;
}
.contenedorActaPDFSingle:after{
	content: "";
	display: block;
	background: url(https://refugio.gege.es/imagenes/actasSingle.svg) no-repeat;
	width: 30px;
	height: 30px;
	float: left;
	margin: 0 10px 0 0;
}

@media (min-width: 1361px){
	/* CONTENEDOR CONTENIDO */
	.inside .col-md-3{
		width: 15%
	}
	.inside .col-md-9{
		width: 85%;
		margin-left:15%;
	}
	.inside .col-md-8{
		width: 75%;
	}
	.inside .col-md-4{
		width: 25%;
	}
	#contenidoDatosPersonales .col-md-4{
		width: 33.33333333%;
	}
	#contenidoEditarDatosPersonales .col-md-4{
		width: 33.33333333%;
	}
	.col-3.d-md-block{
		position: fixed;
		width: 15%;
		display: inline-block;
		height: 100vh;
	}
}

@media screen and (min-width:1025px) and (max-width: 1670px){
	.colEditarMisDatos{
		display: block;
	}
	.colEditarMisDatos br{
		display: none;
	}
	a.editarMisDatos{
		width: 100%!important;
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}
	a.botonCancelar{
		display: block;
		margin-bottom: 10px;
	}
	#contenedorSabesComoFuncionaElSistemaDeReservas h2{
		font-size: 25px!important;
		line-height: 35px!important;
	}
}
@media screen and (min-width:1025px) and (max-width: 1360px){
	.col-3.d-md-block{
		width: 20%;
		height: 100vh;
		position: fixed;
	}
	.inside .col-md-9{
		width: 80%;
		margin-left:20%;
	}
	.contenidoCalendario{
		margin-right: 0;
	}
	.contenidoCalendario .days{
		padding: 5px;
	}
	.rowCalendarios .col-md-6{
		padding: 0 5px;
	}
	#colAceptoQueHeLeido label{
		display: inline;
	}
}

@media screen and (min-width:768px) and (max-width: 1024px){
	/*-------------------------- PÁGINAS INTERIORES --------------------------*/
	.col-3.d-md-block{
		width: 215px;
		height: 100vh;
		position: fixed;
	}
	.inside .col-md-9{
		margin-left: 215px;
		width: 70%;
		padding: 30px 5%;
	}
	.inside .col-md-8{
		width: 100%;
	}
	.inside .col-md-6{
		padding: 5px;
	}
	.inside .col-md-4{
		width: 100%;
	}
	/*---------------- RESERVAR ----------------*/
	.contenidoCalendario{
		margin-right: 0;
		margin-top: -55px;
	}
	.contenidoCalendario .days{
		padding: 5px;
	}
	#contenedorDetallesDeLasReservas .titulo{
		font-size: 18px;
	}
	.colContainerReservasDiasPC{
		padding: 0;
	}
	.colContainerReservasDiasPC thead td{
		padding: 5px;
	}
	.colContainerReservasDiasPC tbody td{
		padding: 10px 5px;
	}
	#formReserva label{
		display: inline;
	}
	#contenedorSabesComoFuncionaElSistemaDeReservas{
		margin-top: 0;
	}
	#contenedorSabesComoFuncionaElSistemaDeReservas h2{
		text-align: center;
	}
	#contenedorSabesComoFuncionaElSistemaDeReservas a{
		display: block;
		width: 100%;
		text-align: center;
	}
	/*---------------- MIS DATOS ----------------*/
	.colPuntos{
		margin-top: 20px;
		padding: 20px;
	}
	.labelPuntos{
		display: inline-block;
		width: 50%;
	}
	.contenedorPuntos{
		display: inline-block;
		font-size: 50px;
		width: 48%
	}
	table thead td{
		line-height: 18px;
		padding-top: 20px!important;
	}

	.contenedorSeccionHistoricoDeReservasPC{
		padding: 30px 15px;
	}
	.contenedorSeccionHistoricoDeReservasPC tbody td{
		padding:  10px 5px 10px 0;
	}
	/* HISTÓRICO DE RESERVAS */
	.facet_sidebar {
    	display: none;
  	}
	.contenedorSeccionHistoricoDeReservasPC{
		display: none!important;
	}
	.contenedorSeccionHistoricoDeReservasMovil{
		display: block!important;
	}
	.contenedorSeccionHistoricoDeReservasMovil table{
		width: 100%;
		background-color: #fff;
	}
	.contenedorSeccionHistoricoDeReservasMovil table thead{
		font-weight: 700;
		border-bottom: solid #CBD4D6 1px;
	}
	.contenedorSeccionHistoricoDeReservasMovil table td{
		padding: 5px 0;
	}
	.contenedorSeccionHistoricoDeReservasMovil table tbody tr{
		border-bottom: solid #CBD4D6 1px;
	}
	.contenedorSeccionHistoricoDeReservasMovil .fechasCabecera{
		width: 55%;
		padding-left: 5px;
	}
	.contenedorSeccionHistoricoDeReservasMovil .numeroDeNochesCabecera{
		width: 40%;
		text-align: center;
		line-height: 18px;
	}
	.datosSiempreVisibles .fechas{
		width: 60%;
		padding-left: 5px;
	}
	.datosSiempreVisibles .noches{
		text-align: center;
		width: 30%;
	}
	.contenedorSeccionHistoricoDeReservasMovil .datosAdicionales{
		padding: 10px 10px 20px 5px;
	}
	.datosSiempreVisibles div{
		display: inline-block;
		vertical-align: top;
	}
	.datosSiempreVisibles .usuario{
		width: 30%;
	}
	.datosSiempreVisibles .zona{
		text-align: center;
		width: 60%;
	}
	.datosSiempreVisibles .icono{
		text-align: right;
	}
	a.iconoAmpliarReducirDatosAdicionales{
		font-size: 21px;
		font-weight: 700;
		line-height: 21px;
		color: #557077;
		text-decoration: none;
	}
	a:hover.iconoAmpliarReducirDatosAdicionales{
		color: #E0BA0D;
	}
	.datosAdicionales{
		padding: 10px 0 0 0;
	}
	.datosAdicionales .datoAdicional{
		padding: 0 0 15px 0;
	}
	.datosAdicionales .datoAdicional .label{
		font-weight: 700;
	}
	#cabeceraSeccionHistoricoDeReservas{
		padding: 30px 10px 0 10px;
	}
	
	/*-------------------- PÁGINA REFUGIO --------------------*/
	#columnaReglamento{
	width: 100%;
	float: left;
	}
	#columnaPdfs{
	width: 100%;
	float: left;
	}
	
	
}


@media screen and (max-width: 767px){
	/*-------------------------- PÁGINA LOGIN --------------------------*/
	.out .col-12{
		height: 86vh;
	}
	
	/*-------------------------- PÁGINAS INTERIORES --------------------------*/
	/* CABECERA */
	#menuMovilSuperior{
		height: 90px;
	}
	#contenedorLogoMovil{
		padding: 20px 0 0 2%;
	}
	#menuMovilSuperior #contenedorUsuario{
		float: right;
		padding: 34px 20px;
	}
	#iconoUsuarioMovil:after{
		content: "";
		display: block;
		background: url("https://refugio.gege.es/imagenes/menu-burger.svg") no-repeat;
		width: 30px;
		height: 24px;
		float: right;
	}
	/* MENU DESPLEGABLE */
	#menuMovil{
		top: 90px;
		z-index: 1;
		padding-left: 20px;
		height: 100%;
	}
	a#cerrarMenuMovil{
		text-align: right;
		color: #E0BA0D;
		font-weight: 300;
		text-decoration: none;
		right: 0;
		position: absolute;
		margin: 0 25px;
		font-size: 30px;
	}
	#menuMovil .dropdown .btn-secondary{
		border-left: none;
		padding: 10px 0 0 5px;
	}
	#contenedorSaludo{
		color: #fff;
	}
	.itemContenedorMenuPCVolverALaWeb{
		border-top: solid #AAB7BB 1px;
		padding: 30px 0;
	}
	
	/* CONTENIDO */
	.inside .col-md-9{
		padding: 90px 5%;
	}
	#cabeceraSeccion{
		margin-top: 20px;
	}
	#cabeceraSeccion h1{
		font-size: 30px;
		margin: 0;
	}
	
	/*---------------- RESERVAR ----------------*/
	#contenidoReservas{
		margin-top: 20px;
	}
	.rowSelectorAtrasAdelanteMeses{
		padding-right: 0;
	}
	.calendar .header .month-year{
		font-size: 16px;
		padding: 23px 0;
	}
	.contenidoCalendario{
		margin-right: 0;
	}
	
	/* DETALLES RESERVAS */
	#contenedorDetallesDeLasReservas .titulo{
		font-size: 18px;
		line-height: 21px;
	}
	#contenedorDetallesDeLasReservas .titulo .tituloNocheDelDia{
		display: block;
	}
	.colContainerReservasDiasMovil{
		padding: 0;
		margin-top: 10px;
	}
	.colContainerReservasDiasMovil table, .contenedorSeccionHistoricoDeReservasMovil table{
		width: 100%;
		background-color: #fff;
	}
	.colContainerReservasDiasMovil table thead, .contenedorSeccionHistoricoDeReservasMovil table thead{
		font-weight: 700;
		border-bottom: solid #CBD4D6 1px;
	}
	.colContainerReservasDiasMovil table td, .contenedorSeccionHistoricoDeReservasMovil table td{
		padding: 5px 0;
	}
	.colContainerReservasDiasMovil table tbody tr, .contenedorSeccionHistoricoDeReservasMovil table tbody tr{
		border-bottom: solid #CBD4D6 1px;
	}
	.colContainerReservasDiasMovil table tbody td{
		width: 40%;
	}
	.datosSiempreVisibles div{
		display: inline-block;
		vertical-align: top;
	}
	.datosSiempreVisibles .usuario{
		width: 30%;
	}
	.datosSiempreVisibles .zona{
		text-align: center;
		width: 60%;
	}
	.datosSiempreVisibles .icono{
		text-align: right;
	}
	a.iconoAmpliarReducirDatosAdicionales{
		font-size: 21px;
		font-weight: 700;
		line-height: 21px;
		color: #557077;
		text-decoration: none;
	}
	a:hover.iconoAmpliarReducirDatosAdicionales{
		color: #E0BA0D;
	}
	.datosAdicionales{
		padding: 10px 0 0 0;
	}
	.datosAdicionales .datoAdicional{
		padding: 0 0 15px 0;
	}
	.datosAdicionales .datoAdicional .label{
		font-weight: 700;
	}
	
	/* FORMULARIO RESERVAS */
	#formReserva input#fechas, #formReserva select#zonaDelRefugio{
		font-size: 14px;
	}
	#colAceptoQueHeLeido label{
		display: inline;
	}
	#contenedorSabesComoFuncionaElSistemaDeReservas{
		margin-top: 0px;
	}
	
	/*---------------- MI PERFIL ----------------*/
	#cabeceraSeccionDatosPersonales{
		margin-top: 20px;
	}
	#cabeceraSeccionDatosPersonales h2{
		font-size: 21px;
	}
	#contenidoDatosPersonales{
		padding: 20px 40px;
	}
	.datoLabel{
		display: inline;
		padding-right: 5px;
	}
	.datoValor{
		display: inline;
	}
	.colEditarMisDatos{
		display: block;
	}
	a.editarMisDatos{
		margin: 0;
	}
	.editarMisDatos{
		width: 100%;
		display: block;
		text-align: center;
	}
	.colPuntos{
		margin-top: 20px;
		padding: 10px 0 5px 20px;
	}
	.labelPuntos{
		display: inline-block;
		width: 30%;
	}
	.contenedorPuntos{
		font-size: 50px;
		display: inline-block;
		width: 60%;
		text-align: right;
	}
	/* HISTÓRICO DE RESERVAS */
	#cabeceraSeccionHistoricoDeReservas{
		padding: 10px 5px;
	}
	#cabeceraSeccionHistoricoDeReservas h2, #cabeceraSeccionCambiarContrasena h2{
		font-size: 21px;
	}
	.contenedorSeccionHistoricoDeReservasMovil .fechasCabecera{
		width: 55%;
		padding-left: 5px;
	}
	.contenedorSeccionHistoricoDeReservasMovil .numeroDeNochesCabecera{
		width: 40%;
		text-align: center;
		line-height: 18px;
	}
	.datosSiempreVisibles .fechas{
		width: 60%;
		padding-left: 5px;
	}
	.datosSiempreVisibles .noches{
		text-align: center;
		width: 30%;
	}
	.contenedorSeccionHistoricoDeReservasMovil .datosAdicionales{
		padding: 10px 10px 20px 5px;
	}
	
	
	/*---------------- EDITAR DATOS / MODIFICAR / CANCELAR RESERVAS ----------------*/
	#contenidoEditarDatosPersonales .datoValor input, #contenidoEditarDatosPersonales input{
		width: 100%
	}
	
	.botonGuardarMiPerfil, .botonGuardarContrasena, .botonVolverAMiPerfil{
		width: 100%;
		margin: 20px 0;
	}
	.botonCancelarMiPerfil, .botonCancelarContrasena, .botonConfirmarCancelarReserva, .botonModificarReserva{
		width: 100%;
	}
	#cabeceraSeccionCambiarContrasena{
		padding: 0;
		margin: 20px 0;
	}
	.botonCancelarContrasena{
		margin-top: 0;
	}
	/*-------------------- PÁGINA REFUGIO --------------------*/
	#columnaReglamento{
		width: 100%;
		float: left;
	}
	#columnaPdfs{
		width: 100%;
		float: left;
	}
	/* TABLA */
	#contenidoElRefugio th{
		padding: 5px 10px;
	}

	#contenidoElRefugio td{
		padding: 5px 10px;
	}
}