.contenedor-agenda{ margin-bottom: 150px; padding: 0 40px 40px 20px }
.cabecera-agenda{ background-color: #7ed957; 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: #7ed957; 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: #7ed957 !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: #7ed957; color: #FFF; border-color: #7ed957 }
#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: #7ed957; 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: #7ed957}
.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: #7ed957 }
.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: #7ed957 }
.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% }
}