body {}
/* Módulo reserva */

#contenedor {
    clear: both;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    width: 100%;
}
.titulo_modulo {
    margin-top: 15px;
    margin-bottom: 15px;
}
.titulo_modulo h4 {
    color: #0077a8 !important;
    font-weight: bold;
}
/* opciones iniciales */

.opciones {
    /*  padding-bottom:35px;*/
    /*height: 45px!important;*/
    float: left;
    position: relative;
    width: 100%;
    margin-top: 7px;
    margin-bottom: 30px;
}
#TextoReserva {
    background-color: #f5f5f5;
    padding: 0 !important;
    text-align: center;
}
/* elección de opción con checbox imagen*/

.ul_opciones {
    /*width:50px !important;*/
    list-style-type: none !important;
    position: relative;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    margin-left: 0px;
    padding: 0;
}
.li_opciones {
    /*width:25px !important;*/
    height: 25px !important;
    float: left;
    position: relative;
    text-align: center;
    width: 49%;
}
.ul_opciones a:hover {
    text-decoration: none;
}
.li_modificar {
    float: left;
    position: relative;
}
.li_anular {
    float: left;
    position: relative;
}
.li_imprimir {
    float: left;
    position: relative;
}
.disabled {
    opacity: 0.25;
    -moz-opacity: 0.25;
    filter: alpha(opacity=25);
    background: url("../../images/modulo_reservas/btfondo.png") no-repeat scroll left top transparent!important;
}
.disabled:hover {
    cursor: default;
    background: url("../../images/modulo_reservas/btfondo.png") no-repeat scroll left top transparent!important;
}
.opciones input[type="radio"] {
    display: none;
}
.opciones input[type=radio]+label {
    color: #000;
    display: block;
    float: left;
    height: 30px !important;
}
.opciones input[type=radio].comprar+label {
    background: url('../images/modulo_reservas/compras.png') 0px 0px no-repeat;
}
.opciones input[type=radio].comprar:checked+label {
    background: url('../images/modulo_reservas/compras_select.png') 0px -0px no-repeat;
}
.opciones input[type=radio].reservar+label {
    background: url('../images/modulo_reservas/reservas.png') 0px 0px no-repeat;
}
.opciones input[type=radio].reservar:checked+label {
    background: url('../images/modulo_reservas/reservas_select.png') 0px -0px no-repeat;
}
.opciones input[type=radio].modificar+label {
    background: url('../images/modulo_reservas/modificar.png') 0px 0px no-repeat;
}
.opciones input[type=radio].modificar:checked+label {
    background: url('../images/modulo_reservas/modificarR.png') 0px -0px no-repeat;
}
.opciones input[type=radio].anular+label {
    background: url('../images/modulo_reservas/anular.png') 0px 0px no-repeat;
}
.opciones input[type=radio].anular:checked+label {
    background: url('../images/modulo_reservas/anularR.png') 0px -0px no-repeat;
}
.opciones input[type=radio].imprimir_ticket+label {
    background: url('../images/modulo_reservas/imprimir.png') 0px 0px no-repeat;
}
.opciones input[type=radio].imprimir_ticket:checked+label {
    background: url('../images/modulo_reservas/imprimirR.png') 0px -0px no-repeat;
}
.opciones input[type=radio].modificar_anular+label {
    background: url('../images/modulo_reservas/modificar.png') 0px 0px no-repeat;
    background-size: 140px;
}
.opciones input[type=radio].modificar_anular:checked+label {
    background: url('../images/modulo_reservas/bt_modificar.png') 0px -0px no-repeat;
}
.cantidad {
    margin-left: 10px;
}
.label_opcion_comprar {
    width: 140px !important;
    cursor: pointer;
}
.label_opcion_reservar {
    width: 140px !important;
    margin-top: -30px;
    margin-left: 130px;
    cursor: pointer;
}
.label_opcion_modificar {
    width: 84px !important;
    margin-top: 70px;
    margin-left: 0px;
    cursor: pointer;
}
.label_opcion_anular {
    width: 60px !important;
    margin-top: -30px;
    margin-left: 100px;
    cursor: pointer;
}
.label_opcion_imprimir {
    width: 84px !important;
    margin-left: 180px;
    margin-top: -30px;
    cursor: pointer;
}
/*actividades*/

.actividades {
    margin: 0;
    padding: 0;
    /*height: 50px; */
    /*margin-bottom:15px;*/
    float: left;
    position: relative;
    width: 100%;
    display: none;
}
.actividades ul {
    float: left;
    position: relative;
    width: 100%;
}
.actividades ul li {
    float: left;
    position: relative;
    padding: 1px;
    list-style: none;
}
.actividades a {
    background: url('../images/modulo_reservas/btfondo.png') no-repeat left top;
    display: block;
}
.actividades a:hover {
    background: url('../images/modulo_reservas/btfondo_over.png') no-repeat left top;
}
.actividades a:active, .botonera a.activo {
    background: url('../images/modulo_reservas/fondo_selecionado.png') no-repeat left top;
}
.actividadMarcada {
    background: url('../images/modulo_reservas/fondo_selecionado.png') no-repeat left top!important;
}
/* elección de opciones*/

.linea {
    border-bottom: 1px solid #e5e5e5;
    clear: both;
    float: left;
    line-height: 25px;
    padding: 12px 0 12px 5px;
    position: relative;
    width: 100%;
}
.linea img {
    vertical-align: middle;
    margin-right: 11px;
    float: left;
    position: relative;
    margin-left: 10px;
}
.linea select {
    background-color: #f5f5f5;
    background-image: none;
    border: 1px solid #e5e5e5;
    float: left;
    padding: 6px;
    margin-left: 2%;
    position: relative;
    vertical-align: middle;
    width: 75%;
}
.linea p {
    line-height: 15px;
}
/* formualario validación abonados*/

.linea_abonado {
    height: 90px !important;
    line-height: 25px;
    /*  margin: 0 auto;*/
    width: 100%;
    clear: both;
    margin: 8px;
    float: left;
    position: relative;
}
.linea_abonado input {
    float: left;
}
.linea_abonado img {
    vertical-align: middle;
    margin-right: 11px;
    float: left;
    margin-left: 10px;
}
.linea_abonado select {
    float: left;
    position: relative;
    margin-left: 8px;
    vertical-align: middle;
    width: 190px;
    height: 35px;
}
.linea_abonado p {
    line-height: 15px;
}
.validar_abonado {
    float: left;
    position: relative;
    width: 65px;
    height: 32px;
    margin-top: 4px;
    background: #999;
    cursor: pointer;
    color: #FFF;
    margin-left: 5px;
}
.validar_abonado:hover {
    background: #A9022F;
}
.tipo_compra select {
    width: 190px!important;
    margin-left: 20px!important;
    height: 35px;
    float: left;
    position: relative;
}
.plazas {
    float: left;
    position: relative;
    width: 49px;
}
.input_plazas {
    float: left;
    position: relative;
    margin-left: 60px !important;
}
.bono {
    position: absolute;
}
.bono_valle {
    float: left;
    position: relative;
}
.bono input {}
.tipo_compra {
    float: left;
    position: relative;
    /*width:100%; */
}
.tipo_compra_pistas {
    float: left;
    position: relative;
    /*width:100%; */
}
#spinner {
    width: 25px;
    float: left;
    padding-top: 3px;
    color: #747272;
}
#spinner_cambioopcion {
    width: 25px;
    float: left;
    padding-top: 10px
}
.hora_nodisponible {
    color: #5BB6E2 !important;
    font-weight: bold !important;
}
.servicios_pistas {
    margin-left: 56px !important;
}
/*botón compra/reserva/mofificación/anulación*/

.boton {
    float: left;
    position: relative;
    vertical-align: middle !important;
    width: 100%;
}
.boton a {
    background: url('img/btgfondo.png') no-repeat left top;
}
.boton a:hover {
    background: url('img/btgfondo_over.png') no-repeat left top;
}
.boton_compra {
    float: left;
    position: relative;
    width: 100%;
}
.botono {
    /*background-image: linear-gradient(to bottom, #81072c 0px, #a20938 100%) !important;*/
    border: none;
}
.botono:hover {
    background-color: #0077a8;
    color: #FFF;
}
#BotonReservar {
    background-color: #516986 !important;
    text-transform: uppercase;
}
#ValidarComprar {
    background-color: #516986 !important;
    text-transform: uppercase;
}
#BotonModificar {
    background-color: #516986 !important;
    text-transform: uppercase;
}
#BotonAnular {
    background-color: #516986 !important;
    text-transform: uppercase;
}
#BotonImprimir {
    background-color: #516986 !important;
    text-transform: uppercase;
}
input.botono {
    color: #fff !important;
    font-size: 17px !important;
    height: 2.4em !important;
    width: 100% !important;
    cursor: pointer;
}
.contenido_cargado {
    border: 5px solid #e5e5e5;
    float: left;
    font-family: "Nunito Sans";
    font-size: 13px;
    position: relative;
    width: 100%;
}
#opciones_inferiores {
    float: inherit;
    font-family: "Nunito Sans";
    font-size: 15px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
}
#opciones_inferiores li {
    margin-left: 55px;
    margin-right: 55px;
}
#opciones_inferiores a {
    color: #666;
    text-decoration: none
}
.validarplazas {
    text-align: center;
    margin: 30px 10px 10px 10px;
    color: #5bb6e2;
    font-weight: bold;
}
/*** CAMBIO A COMPRA /RESERVA **/

.contenido_comprar_reservar {
    /*  margin-top: -30px;
    margin-left: 100px;
    margin-right: -100px;*/
}
/**CAMBIO A RESERVA **/

.localizador {
    float: left;
    position: relative;
}
.plazas_bono {
    margin-left: 14px;
    margin-right: 10px;
    position: relative;
    width: 20px !important;
}
#spinner_plazasreservadas {
    color: #747272;
    float: left;
    padding-top: 10px;
    width: 25px;
    margin-right: 20px;
}
#spinnerHValle {
    color: #747272;
    float: left;
    padding-top: 10px;
    width: 25px;
    margin-right: 20px;
}
.plazas_horavalle {
    float: left;
    position: relative;
    margin-right: 2px;
}
.horavalle_select {
    float: left !important;
    height: 35px !important;
    margin-left: 8px !important;
    position: relative !important;
    vertical-align: middle !important;
    width: 180px !important;
}
.input_localizador {
    height: 30px;
    margin-top: 4px;
    width: 60%;
    color: #4A565F;
    float: left;
    position: relative;
}
.validar_localizador {
    float: left;
    position: relative;
    width: 30% !important;
    height: 30px;
    margin-top: 4px;
    background: #999;
    cursor: pointer;
    color: #FFF;
    margin-left: 2%;
    border: none !important;
}
.validar_localizador:hover {
    background: #0077A8;
}
#spinner_reservas {
    border-radiur: 0px !important;
}
.ui-spinner {
    border-radius: 0px !important
}
/**** CAMBIO A MODIFICACIÓN O ANULACIÓN *****/

.contenido_modificar_anular {
    float: left;
    position: relative;
    text-align: left;
    width: 100%;
}
.texto_modificar_anular {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}
.dato_modificar_reserva {
    border-bottom: 1px solid #e5e5e5;
    float: left;
    width: 95%;
    padding: 10px;
    position: relative;
    padding-left: 20px;
}
.formato_reserva {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    color: #000;
    padding: 10px;
}
.dato_modificar_reserva img {
    vertical-align: middle;
    margin-right: 11px;
    float: left;
    position: relative;
    margin-left: 10px;
}
.dato_modificar_reserva input {
    float: left;
    margin-left: 8px;
    vertical-align: middle;
    width: 75%;
    height: 35px;
}
.MaximoPlazas {
    width: 30px;
}
#spinner_reservas {
    width: 25px;
    height: 30px;
}
.disabled {
    display: none;
}
.errores_modulo {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    color: #A9022F;
    font-weight: bold;
}
#OpcionComprar {
    background-color: #7ea4d0;
    color: #fff;
    cursor: pointer;
    float: left !important;
    font-family: "Nunito Sans";
    padding: 10px;
    position: relative !important;
    text-decoration: none;
    width: 100% !important;
    /*background: url('../images/modulo_reservas/compras.png') left top no-repeat;*/
}
#OpcionComprar:hover {
    /*background: url('../images/modulo_reservas/compras_select.png') left top no-repeat !important;*/
    background-color: #af7245;
}
#OpcionComprar.compraMarcada {
    /*background: url('../images/modulo_reservas/compras_select.png') left top no-repeat !important;*/
    background-color: #af7245;
}
#OpcionReservar {
    background-color: #7ea4d0;
    color: #fff;
    cursor: pointer;
    float: left !important;
    font-family: "Nunito Sans";
    padding: 10px;
    position: relative !important;
    text-decoration: none;
    width: 100% !important;
    /*background: url('../images/modulo_reservas/reservas.png') left top no-repeat;*/
}
#OpcionReservar:hover {
    background-color: #af7245;
    /*background: url('../images/modulo_reservas/reservas_select.png') left top no-repeat !important;*/
}
#OpcionReservar.reservaMarcada {
    background-color: #af7245;
    /*background: url('../images/modulo_reservas/reservas_select.png') left top no-repeat !important;*/
}
#OpcionModificar {
    float: left !important;
    position: relative !important;
    cursor: pointer;
    /*background: url('../images/modulo_reservas/modificar.png') left top no-repeat;*/
}
#OpcionModificar:hover {
    /*background: url('../images/modulo_reservas/modificarR.png') left top no-repeat !important;*/
    color: #7ea4d0;
}
#OpcionModificar.modificarMarcada {
    /*background: url('../images/modulo_reservas/modificarR.png') left top no-repeat !important;*/
    color: #7ea4d0;
}
#OpcionAnular {
    float: left !important;
    position: relative !important;
    cursor: pointer;
    /*background: url('../images/modulo_reservas/anular.png') left top no-repeat;*/
}
#OpcionAnular:hover {
    /*background: url('../images/modulo_reservas/anularR.png') left top no-repeat !important;*/
    color: #7ea4d0;
}
#OpcionAnular.anularMarcada {
    /*background: url('../images/modulo_reservas/anularR.png') left top no-repeat !important;*/
    color: #7ea4d0;
}
#OpcionImprimirTicket {
    float: left !important;
    position: relative !important;
    cursor: pointer;
    /*background: url('../images/modulo_reservas/imprimir.png') left top no-repeat;*/
}
#OpcionImprimirTicket:hover {
    /*background: url('../images/modulo_reservas/imprimirR.png') left top no-repeat !important;*/
    color: #7ea4d0;
}
#OpcionImprimirTicket.imprimirMarcada {
    /*background: url('../images/modulo_reservas/imprimirR.png') left top no-repeat !important;*/
    color: #7ea4d0;
}
.lineaSSilvestre {
    color: #a30839;
    font-weight: bold;
}
/** CALENDARIOS **/

#FechasCalendario, #FechasCalendarioReserva {
    float: left;
    position: relative;
    margin-left: 2%;
    vertical-align: middle;
    width: 75%;
    height: 35px;
}
.ui-widget-header {
    background: #7EA4D0 !important;
    box-shadow: 0 1px 0 #fff inset, 0 1px 1px #ccc !important;
    color: #fff !important;
    border: 1px solid #7EA4D0 !important;
    border-radius: 3px 3px 0 0 !important;
    text-shadow: 0 1px 0 #7EA4D0 !important;
}