.contenedor-agenda{ margin-bottom: 150px; padding: 0 40px 40px 20px } .cabecera-agenda{ background-color: #b74b08; font-weight: bold; text-transform: uppercase; color: #FFF; font-size: 0.90em; overflow: hidden } #contenedor-info .cabecera-agenda{ background-color: #00bcd4 !important } #contenedor-info .pass-col .line-col-1{ padding-bottom: 12px } .cabecera-agenda .col-uni{ border: 1px solid #FFF; padding: 12px; } .cont-tabla-v, .cont-tabla-r{ max-width: 100%; width: 100%; overflow: hidden; color: #000 } .contenedor-agenda .col-uni{ min-width: 14.285%; width: 14.285%; float: left } .col-hora{ width: 10% !important; min-width: 10% !important } .line-agenda{ overflow: hidden; width: 100%; border-bottom: 1px solid #e2e1e1; font-size: 0.90em } .line-agenda .col-uni{ padding: 12px; position: relative } .line-agenda .col-uni{ border-right: 1px solid #e2e1e1 } .line-agenda .col-hora{ border-left: 1px solid #e2e1e1 } .line-col-1{ position: relative; overflow: initial !important } .nombre-class{ font-weight: bold; text-transform: uppercase } A:hover > .nombre-class{ text-decoration: none } .nombre-class:after{ content: ""; width: 100%; display: table; height:1px; margin-bottom: 10px } .col-uni .fa-user-circle-o:before, .col-uni .fa-list-ol:before, .col-uni .fa-clock-o:before, .col-uni .fa-euro:before, .col-uni .fa-globe:before, .col-uni .fa-envelope:before{ color: #b74b08; margin-right: 10px } #contenedor-info .col-uni .fa:before{ color: #00bcd4 } .contenedor-reservas{ margin-bottom: 0px !important } .options-agenda{ font-size: 0.90em; line-height: 2.0em; overflow: hidden; width: 30px; height: 30px; background-color: #F1F1F1  } .contenedor-reservas button, .menu-r .calendario-mes button{ text-transform: uppercase; padding: 5px 10px } .contenedor-reservas button:hover, .menu-r .calendario-mes button:hover{ color: #FFF } .options-agenda A:hover{ text-decoracion: none } .options-agenda span:not(.contenedor-reservas .options-agenda span){ text-align: center; display: block } .options-agenda .fa-plus:before, .options-agenda .fa-times{ text-align: center; line-height: 1.7em } .contenedor-reservas .options-agenda .fa-plus{ font-size: 1.0em; margin-right: 4px } .options-agenda a:hover{ text-decoration: none } .options-agenda .fa-times{ line-height: 1.5em } .options-agenda .fa-plus{ color: #333; font-size: 1.5em } .delete-sub-cal .fa-times:before{ font-size: 1.5em } .options-agenda .fa-times{ color: #FFF; font-size: 1.5em } .options-agenda button{ background-color: #ECE9E9 !important } .options-agenda button:hover{ background-color: #b74b08 !important } .options-agenda .fa-times{ float: right } .line-apunt .options-agenda{ background-color: #00ccff } .contenedor-agenda .ok-msg-layer{ margin: 20px 0 } .pass-col{ background-color: #F1F1F1 } .desc-sub-act{ font-size: 0.90em; margin: 10px 0 20px 0  } .contenedor-tus-subscripciones{ color: #000 } .contenedor-tus-subscripciones .line-form{ font-size: 0.90em; text-transform: capitalize; padding: 5px 10px; border-bottom: 1px solid #e2e1e1 } .contenedor-tus-subscripciones .line-form:hover{ background-color: #e2e1e1 } .line-apunt{ background-color: #99ffff; margin: -12px; padding: 12px } .line-apunt .options-agenda{ bottom: 22px; right: 12px } .cont-boton-pr-sig{ overflow: hidden; margin: 0 0 20px 0 } #contenedor-info .cont-boton-pr-sig{ margin-top: 20px !important } .cont-boton-pr-sig FORM{ margin: 0 !important } .cont-boton-pr-sig button{ background-color: #F5F5F5; font-weight: bold } .cont-boton-pr-sig button:hover{ background-color: #b74b08; color: #FFF; border-color: #b74b08 } #contenedor-info .cont-boton-pr-sig button:hover{ background-color: #00bcd4; border-color: #00bcd4 } .fechas-desde span:before{ margin-right: 10px } .fechas-desde{ padding-top: 10px  } .contenedor-agenda .error-msg-layer{ margin-bottom: 15px } .fecha-anterior{ margin-right: 15px } .cont-tabla-r{ display: none; padding: 0 25px } .select-mes, .select-ano{ width: 100%; overflow: hidden } .select-mes .form-control, .select-ano .form-control{ margin: 10px 0 } .mes-ano-cesta{ font-size: 0.80em; text-transform: capitalize; font-weight: bold } .contenedor-horarios-ad{ overflow: hidden } .tabla-horarios-ad{ margin-top: 40px } .tabla-horarios-ad td, .tabla-horarios-ad th{ padding: 7px 10px } .tabla-horarios-ad table{ border: 0; color: #000; font-size: 0.90em } .tabla-horarios-ad td{ border: 1px solid #e2e1e1 } .tabla-horarios-ad th{ background-color: #b74b08; border: #FFF; color: #FFF } .agenda-admi-empresa{ padding: 40px 0; background: url(../images/); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; color: #FFF } .agenda-admi-empresa h2{ color: #FFF } .agenda-admi-empresa table{ color: #FFF } .agenda-admi-empresa td{ border: 1px solid #2e2e2e } .contenedor-horarios-ad-mov{ display: none } .col-uni{ position: relative } .cerrado-agenda{ position: absolute; top: 0; left:0; bottom:0; padding-top: 22%; width: 100%; height: 100%; text-align: center; background-color: #F5F5F5 } .contenedor-agenda .capa-instrucciones-agenda{ margin-top: 60px } .contenedor-agenda .capa-instrucciones-agenda .header-section{ margin-bottom: 40px } .canc-reserva{ line-height: 1.0em; margin-top: 10px } .option-wha{ width: 23px; margin-right: 30px } .list-rev .del, .list-rev .option-wha, .list-rev .option-indi{ margin-right: 30px } .list-rev .option-wha{ margin-right: 20px } .list-rev .btn{ color: #000 } .list-rev .btn:hover{ color: #FFF } .list-rev label{ line-height: 2.0em } .option-wha .btn:hover{ background-color: #00a884 } .del .btn:hover{ background-color: #ED5565; color: #FFF !important; border-color: #ED5565 } .col-uni .line-col-1:not(:first-child){ margin-top: 10px; padding-top: 15px } .col-uni .line-col-1:not(:last-child), .col-uni .line-col-1:first-child:not(ficha-tour .line-col-1){ border-bottom: 1px solid #e2e1e1 } .contenedor-reservas .line-agenda, .contenedor-agenda .line-agenda{ line-height: 1.6em; display: flex } .options-agenda button{ border: 0; width: 100% } .contenedor-agenda .options-agenda button:before{ line-height: 30px !important } #contenedor-info .options-agenda{ float: left } .formulario-reserva .captcha-input{ max-width: 100% } .formulario-reserva #formulario-contacto{ overflow: hidden } .informacion-reserva span{ font-weight: bold } .informacion-reserva div[class^='nombre-']{ font-weight: bold } .informacion-reserva .fa{ margin-right: 10px; width: 20px; text-align: center } .grupo-lleno{ position: absolute; bottom: 0; right: 0; padding: 5px 10px; background-color: #fc5f60; color: #FFF; text-transform: uppercase; font-size: 0.90em } .bloque-derecho-reservas .divisor-secciones{ display: none } .informacion-reserva .fa{ color: #b74b08} .bloque-derecho-reservas .hts{ font-size: 1.2em } .descripcion-grupo, .descripcion-subgrupo{ padding-left: 30px } .contenedor-reservas .header-section{ margin-bottom: 15px !important } #contenedor-info .cerrado-agenda form{ overflow: initial !important } .form-clon{ text-align: left; padding: 0 10px } .form-clon .form-control{ width: 70%; margin-bottom: 10px; float: left; padding: 5px  } .form-clon button { margin-left: 5px } .form-clon label, .cerrado-agenda label{ background-color: transparent; color: #000; border-bottom: 0; font-size: 0.90em; font-weight: bold } .col-uni select{ font-size: 0.95em } .col-uni .btn-save:before{ margin-right: 0 } .delete-sub-cal{ float: right; width: 30px; height: 30px; text-align: center; line-height: 33px; background-color: #F1F1F1 } .delete-sub-cal A{ display:block } .delete-sub-cal:hover{ background-color: #ED5565 } .delete-sub-cal:hover .fa:before{ color: #FFF !important } .delete-sub-cal .fa-time{ display: block } .cont-btn{ overflow: hidden; } .enlace-nombre-class:link, .enlace-nombre-class:visited{ color: #300 } .contenedor-reservas .options-agenda{ width: 100%; margin: 20px 0 10px 0; height: auto } .calendario-mes .col-uni .line-col-1:first-child{ border: 0px solid transparent !important } .calendario-mes .line-col-1{ text-align: right; font-size: 1.0em } .calendario-mes .line-agenda .line-col-1, .day-number{ display: flex; align-items: center; justify-content: center } .calendario-mes .line-agenda .col-uni{ padding: 0 } .bloque-dia:hover, .bloque-dia:active{ text-decoration: none; color: #333 } .bloque-dia:active, .bloque-dia:hover{ text-decoration: none; color: #333 } .bloque-dia:active .day-number{ background-color: #b7b7b7 } .bloque-dia:hover .day-number{ background-color: #e2e1e1 } .day-number{ width: 50px; height: 50px; border-radius: 50% } .calendario-mes .pass-col, .no-tours{ cursor: not-allowed } .load-ajax{ display: none; padding: 20px 20px 10px 20px; width: 100%; border-bottom: 1px solid #e2e1e1; border-right: 1px solid #e2e1e1; border-left: 1px solid #e2e1e1   } .ficha-tour{ padding-top: 20px; padding-bottom: 20px } .ficha-tour .ficha-p-tour{ padding: 20px 15px 10px 15px; border: 1px solid #ddd !important; transition: all 0.3s ease-in-out; margin-bottom: 0; border-radius: 5px; background-color: #FFF; text-align: left !important; min-height: auto !important; line-height: 1.2em } .ficha-p-tour{ color: #000 } .ficha-p-tour:hover{ box-shadow: 0px 8px 45px 0px rgba(193,193,192,0.5) } .display-ok1{ display: block } .header-ajax h2{ font-size: 1.2em } .calendario-mes .line-agenda{ border-left: 1px solid #e2e1e1 } .cargando-reservas{ display: flex; align-items: center; justify-content: center } .loader-ajax{ width: 2em; height: 2em; font-size: 2em; color: #b74b08 } .msg-tours{ background-color: #f4f6fa; padding: 30px 45px 45px 45px } .loader-ajax .fa{ animation: giro 0.775s infinite linear } .cont-boton-pr-sig .fa{ line-height: 22px } .menu-r .fechas-desde{ width: 100% } .menu-r .contenedor-agenda{ padding: 0 } .menu-r .day-number{width: 40px; height: 40px } .celda-activa{ background-color: #FFF } .menu-r .cabecera-agenda .col-uni{ padding: 5px; text-align: center } .menu-r .ficha-tour{ width: 100% } .menu-r .header-ajax h2{ font-size: 0.90em; font-weight: bold } .menu-r .load-ajax{ padding: 10px 5px } .menu-r .ficha-tour{ padding-top: 0 } .menu-r .options-agenda{ width: 100%; margin: 10px 0; height: auto } .bloque-der-c{ margin-top: 20px } .no-tours .day-number{ color: #8f8f8f } .calendario-mes{ margin-bottom: 0 } @keyframes giro{ to{ transform: rotate(360deg); } } .ficha-tour .numero-anotados{ line-height: 30px } .acciones-button, .text-sub{ float: left } .header-sub{ overflow: hidden; font-weight: bold; margin-bottom: 20px } .details-sub{ overflow: hidden; margin-top: 10px; color: #606060 } .line-subgrupos .small-tag{ font-size: 0.90em; text-transform: uppercase } .line-subgrupos{ background-color: #F5F5F5; margin-bottom: 5px } .text-sub{ margin-bottom: 30px } .details-sub .fa{ margin-right: 5px } .line-subgrupos{ padding: 20px 10px 0 10px } .line-subgrupos:hover{ background-color: #e2e1e1 } .contenedor-cance-reserv .header-section h2{ text-align: left; border-bottom: 1px solid #DDD; padding-bottom: 10px; text-transform: uppercase; font-size: 22px } .res-can-rese-err{ width: 90%; margin: 0 auto } .cont-list-canc .col-md-6{ background: #fff; padding: 2.5rem 4.5rem 4.0rem 4.5rem; border: 1px solid #e5e9ef; transition: all 0.3s ease-in-out; margin: 20px 0 50px 0 } .cont-list-canc .col-md-6:hover{ box-shadow: 0px 8px 45px 0px rgba(193,193,192,0.5) } .res-can-rese{ text-align: center; width: 100% } .span-color{ font-size: 1.8em; color: #b74b08 } .contenedor-cance-reserv{ padding: 40px 0; mini-height: 600px } @media only screen and (max-width: 560px) { .fechas-desde{ display: block; text-align: right } .acciones-button, .text-sub{ width: 100% } -menu-r .fechas-desde{ text-align: left } .cont-tabla-r{ padding: 10px } .fecha-anterior{ margin-right: 10px} .contenedor-reservas .reserva-col{ padding: 0 } .formulario-reserva div[class^='form-div'], .formulario-reserva div[class^='label-div']{ padding: 0 } #contenedor-info .cont-boton-pr-sig .fecha-siguiente{ float: none } #contenedor-info .fechas-desde{ margin-bottom: 20px; width: 100% } #contenedor-info .cont-boton-pr-sig{ margin-top: 0 !important } .ficha-tour{ padding: 0; margin-bottom: 10px } .cabecera-agenda .col-uni{ padding: 5px; text-align: center; font-size: 0.90em } } @media only screen and (min-width: 561px) and (max-width: 767px){ } @media only screen and (max-width: 768px){ .load-ajax{ padding: 10px } } @media only screen and (min-width: 768px) and (max-width: 991px){ } @media screen and (min-width: 561px) { .acciones-button{ width: 20% } .text-sub{ width: 80% } } @media screen and (max-width: 992px) { .cont-tabla-v{ display: none } .calendario-mes{ display: block !important } .cont-tabla-r{ display: block } .cont-tabla-r .col-uni{ width: 100% } .cont-tabla-r .col-hora{ width: 20% !important; min-width: auto; min-height: 120px } .cont-tabla-r .cabecera-agenda .col-hora{ min-height: auto } .cont-tabla-r .line-agenda .col-uni, .cont-tabla-r .line-agenda .line-apunt{ min-height: 120px } .cont-tabla-r .line-agenda { font-size: 1.00em  } .contenedor-agenda  .header-section{ margin-left: 15px; margin-right: 15px } .cont-tabla-r{ width: auto !important } .icono-whast-ficha{ position: absolute; top: 5px; right: 20px } .grupo-lleno{ bottom: 0px } .cerrado-agenda{ padding-top: 6% } .cont-btn{ margin-bottom: 20px } .calendario-mes .load-ajax .col-uni{ width: 100% } } @media screen and (min-width: 992px) { .cont-list-canc{ display: flex; align-items: center; justify-content: center } .calendario-mes{ width: 50% } .menu-r .calendario-mes{ width: 100% } .msg-tours{ margin-top: 70px; min-height: 370px } .icono-whast-ficha{ position: absolute; top: 5px; left: 750px } #contenedor-info .cont-btn{ opacity: 0.0 } #contenedor-info .line-col-1:hover .cont-btn{ opacity: 1 } .ficha-tour:not( .menu-r .ficha-tour){ width: 50% !important } } @media only screen and (max-width: 1775px) and (min-width: 1305px){ .line-agenda .col-uni, .line-apunt, .line-col-1, .cerrado-agenda{ min-height: 195px } } @media only screen and (min-width: 1449px){ .calendario-reservas .container{ width: 85% } } @media only screen and (max-width: 1448px) and (min-width: 993px){ .contenedor-agenda .container{ width: 96% } }