/* estilos del widget selector de reservas */

#reservas_selector {
    background: #95547E;
    border-radius: 0;
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#reservas_selector .top_bloque .titulo {
    color: #fff;
    float: left;
    font-size: 22px;
    font-weight: bold;
    margin: 10px;
    margin-bottom: 0px;

}

#reservas_selector .cuerpo_bloque { float: left;}
#reservas_selector .cuerpo_bloque form#fechas_reserva { float: left; width: 100%;}
#reservas_selector .cuerpo_bloque .reservas_fechas { float: left; width: 100%; display: flex; flex-direction: column;}
#reservas_selector .cuerpo_bloque .reservas_fechas .inputsFechas{ float: left; width: 100%; display: flex; flex-direction: row;}
#reservas_selector .cuerpo_bloque .rsv_fecha {float: left; width: 100%;}
#reservas_selector .cuerpo_bloque .rsv_fecha > input { padding: 5px 15px; font-size: 15px; max-width: 80%; float: left;}
#reservas_selector .cuerpo_bloque .rsv_fecha img { padding: 2px; cursor: pointer; max-width: 20%;}
#reservas_selector .cuerpo_bloque .rsv_numdias { float: left; width: 50%; height: 50px; color: #fff;}
#reservas_selector .cuerpo_bloque .fijar_fechas {
    background-color: #fff;
    border: 2px solid #95547E;
    border-radius: 0;
    color: #95547E;
    float: right;
    font-size: 15px;
    font-weight: bold;
    max-height: 40px;
    margin: 10px;
    margin-bottom: 0px;
    width: 20%;
}
#reservas_selector .cuerpo_bloque .fijar_fechas:hover { opacity: 0.7; }
#reservas_selector .bottom_bloque {
    float: left;
}

@media(max-width: 1600px) {       
    #reservas_selector { padding: 0 10px; }
    #reservas_selector .top_bloque .titulo { font-size: 16px; margin: 5px; }
    #reservas_selector .cuerpo_bloque .rsv_fecha {margin: 9px 2%;  width: 46%; }
    #reservas_selector .cuerpo_bloque .fijar_fechas { font-size: 13px;}
}

@media(max-width: 480px) {
    #reservas_selector .cuerpo_bloque .rsv_fecha {margin: 10px 2%;  width: 96%; }
}