/* Header */
header { position: relative; z-index: 2; }
.header-eslogan { font-size: 1.2em; line-height: 1em; }
.header-eslogan a { color: black; }
.header-eslogan a.is-active { background-color: none!important; }

/*  Footer */
footer { background: url('../images/background-footer.png'); background-repeat: no-repeat; background-size: contain; background-position: top center; background-color: #f0f0f0; }
ul.footerLinks { margin: 0!important; }
.footerLinks li { list-style: none; }
.footerLinks li a { color: black; transition: all 0.3s ease; font-size: 0.9em; }
.footerLinks li a:hover { color: #70b000; }
.bgBannerFooter { height: 125px; background: url('../images/background-banner-footer.png'), white; background-repeat: none; background-size: cover; background-position: top center; }
.bgRedcapFooter { height: 125px; background: url('../images/background-footer-redcap.png'), white; background-repeat: none; background-size: cover; background-position: top center; line-height: 1.2em; padding-top: 3em; }

/* Clases generales */
.background-smoke { background-color: #f1f1f1; }
.pagewidth {width:100%;max-width:1280px;min-width:998px;left:0;right:0;margin:auto;}
.paddingIn {padding:20px 10px;}
.radius {border-radius:6px;}
.modified {color:#999;text-align:right;font-size:12px;}
.menu-list li {margin-left:0;list-style:none;}
.lopd {font-size:13px;color:#666;margin-top:40px;}
.margin {margin:40px auto!important;}
.transparente {opacity: 0.6}

/* Loader */
#modal-loader { z-index:9999; }

.modal-background-noclick { 
	background-color: rgba(10, 10, 10, 0.86); 
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.lds-ripple {
	position: absolute;
	left: 50%;
	top: 50%;
}

.lds-ripple div {
	position: absolute;
	border: 4px solid white;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 60px;
		left: 60px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 120px;
		height: 120px;
		opacity: 0;
	}
}



/* Animaciones */
.animate-bounce { transition: transform 250ms; }
.animate-bounce:hover { transform: translateY(-10px); }

/* Precarga para divs */
.div-cargador { width: 100%; margin: 100px auto; text-align: center; }
.cargador {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: block;
	margin:15px auto;
	position: relative;
	color: #70b000;
	left: -100px;
	box-sizing: border-box;
	animation: shadowRolling 2s linear infinite;
}
  
@keyframes shadowRolling {
	0% {
	  box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
	}
	12% {
	  box-shadow: 100px 0 #70b000, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
	}
	25% {
	  box-shadow: 110px 0 #70b000, 100px 0 #70b000, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
	}
	36% {
	  box-shadow: 120px 0 #70b000, 110px 0 #70b000, 100px 0 #70b000, 0px 0 rgba(255, 255, 255, 0);
	}
	50% {
	  box-shadow: 130px 0 #70b000, 120px 0 #70b000, 110px 0 #70b000, 100px 0 #70b000;
	}
	62% {
	  box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #70b000, 120px 0 #70b000, 110px 0 #70b000;
	}
	75% {
	  box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #70b000, 120px 0 #70b000;
	}
	87% {
	  box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #70b000;
	}
	100% {
	  box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
	}
}

/* Home banners */
.homeBanner { background-color: white; border-radius: 8px; border: 1px solid #f1f1f1; padding: 2em; height: 100%; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.10); }
.homeBanner .homeBannerTitle { font-size: 2em; color: #70b000; font-style: italic; line-height: 0.8em; padding-top: 20px; }
.homeBanner .homeBannerSubtitle { color: black; }
.homeBanner .homeBannerLink { font-style: italic; color: #343434; font-weight: bold; }

.bgBannerRapd { background: url('../images/background-banner-rapd.jpg'), white; background-size: cover; background-position: top center; background-repeat: no-repeat;}
.bgBannerDocencia { background: url('../images/background-banner-docencia.jpg'), white; background-size: cover; background-position: top center; background-repeat: no-repeat;}
.bgBannerVideoteca { background: url('../images/background-banner-videoteca.jpg'), white; background-size: cover; background-position: top center; background-repeat: no-repeat;}

/* Box Noticias & Swiper override */
.swiper-pagination { position: relative!important; margin: 50px 0 50px 0; }
:root { --swiper-theme-color: #70b000!important; }
.swiper-button-next::after, .swiper-button-prev::after { font-size: 1.5em!important; opacity: 0.6; position:relative; top: -40px; }

.noticiaBox { background-color: white;  border: 1px solid #f1f1f1; border-radius: 9px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); height: 100%; }
.noticiaBox .noticiaImage { background-color: #f1f1f1; width: 100%; height: 180px; border-top-left-radius: 8px; border-top-right-radius: 8px; margin-bottom: 20px; }
.noticiaBox .noticiaContent { padding: 1.5em 1.5em 0.5em 1.5em; }
.noticiaBox .noticiaContent .noticiaTag { color: #999999; font-size: 0.8em; }
.noticiaBox .noticiaContent .noticiaTitle { padding: 5px 0; line-height: 1.1em; }
.noticiaBox .noticiaContent .noticiaTitle a { font-size: 0.9em; color: black; }
.noticiaBox .noticiaContent .noticiaMeta { border-top: 1px solid #f1f1f1; padding: 15px 0 5px 0; margin-top: 20px; color: #999999; font-size: 0.8em }

.noticia-image { background: #f1f1f1; }
.noticia-image { object-fit: cover; width: 512px; height: 512px; border-radius: 6px; }

.inputBusquedaWrap { display: inline-block; position: relative; width: 100%; margin: 50px auto; }
.inputBusquedaWrap:after { font-family: 'FontAwesome'; content: '\f002'; position: absolute; left: 18px; top: 2px; font-size: 1.8em; color: #d1d1d1; }
.inputBusqueda { width: 100%; padding: 10px 30px 10px 60px; font-size: 1.4em; color: #999999; border-radius: 24px; border:1px solid #d1d1d1; font-style: italic; font-family: inherit; }

/* Box Grupos de trabajo */
.gtBox { background-color: white; border: 1px solid #f1f1f1; border-radius: 9px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); height: 100%; padding: 2em; position: relative; }
.gtBox .gtSiglas { font-size: 2em; color: black; }
.gtBox .gtNombre { font-size: 1.3em; color: #70b000; font-style: italic; max-width: 60%; line-height: 1em; padding-bottom: 20px; }
.gtBox .gtCoordinadores { font-size: 0.9em; line-height: 1em; color: black; }
.gtBox .gtLogo { position: absolute; right: 5%; top: 8%; width: 30%; }

/* Flickity carousel styles */
.main-carousel {
    visibility: hidden; /* Hide initially */
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    min-height: 200px; /* Adjust based on your needs */
}

.main-carousel.flickity-enabled {
    visibility: visible; /* Show when Flickity is initialized */
    opacity: 1;
}

/* Prevent FOUC (Flash of Unstyled Content) */
.carousel-cell {
    width: 100%;
    margin-right: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.carousel-cell.is-selected {
    opacity: 1;
}

.carousel-cell img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.flickity-enabled .carousel-cell img {
    opacity: 1;
}

/* Flickity override */
.flickity-page-dots .dot { 
    background: #70b000; 
    opacity: 0.5;
}

.flickity-page-dots .dot.is-selected { 
    opacity: 1;
}

/* Overwrite BULMA */
/*
.control.has-icons-left .icon, .control.has-icons-right .icon, .select:not(.is-multiple):not(.is-loading)::after { z-index:1!important; }
.content h3:not(:first-child) { margin-top:0; }
input, textarea, select {font-family:inherit; }
.input, .textarea, .select {font-family:inherit;}
.button.is-primary {background-color: #70b000;}
.button.is-primary:hover, .button.is-primary.is-hovered {background-color: #70b000;}
.button.is-primary.is-inverted { color: #70b000; }
.button.is-primary.is-outlined {color:#70b000;border-color:#70b000;}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {background-color: #70b000;border-color: #70b000;}
.pagination-link.is-current {background-color: #70b000;border-color: #70b000;}
.file.is-primary .file-cta {background-color:#70b000;}
.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {background-color: #70b000;}

.menu-list a { padding-left: 0!important; }
.menu-list a.is-active {background-color:transparent!important; color: #70b000; font-weight: bold; }
.notification.is-primary {background-color:#70b000;}
.tag:not(body).is-primary {background-color:#70b000;}
.tag:not(body).is-primary.is-light { color: #70b000; background-color: #ecf9d4; }
.has-text-primary {color: #70b000!important;}
.has-text-secondary {color: #38b147!important;}
.notification{padding:1.5rem;}
.notification.is-info {background:#661f54}
.tabs li.is-active a {color:#70b000;border-bottom-color:#70b000;}
.menu-label {font-family: inherit; font-size: 0.85em; }
.box { color: inherit; }
.card { height: 100%; }
.content li + li { margin-top: 0 }

.progress.is-primary::-webkit-progress-value{ background-color:#70b000 }
.progress.is-primary::-moz-progress-bar{ background-color:#70b000 }
.progress.is-primary::-ms-fill{ background-color:#70b000 }

.breadcrumb { border-radius: 8px; background-color: #f0f7e5; padding: 10px 0px 1px 20px; position: relative; }
.breadcrumb:not(:last-child) { margin-bottom: 3em; }
.breadcrumb ul { margin: 0 }
.breadcrumb a { color: #343434; }
.breadcrumb .breadcrumb-border { background-color: #70b000; height: 10px; width: 350px; border-radius: 8px; position: absolute; left: 0; bottom: -3px; }
*/

/* Overwrite jQuery UI */
/*
.ui-widget {font-family: inherit!important;}
.ui-widget-header {background:#70b000!important}
*/


/* Acordeones */
.accordion {
	background-color: #eee;
	color: #343434;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.accordion:hover { background-color: #ccc; }
.accordion:after {
	content: '\002B';
	color: #343434;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.accordion.active:after { content: "\2212"; }

/* Panel */
.panel { padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.panel .panel-content { padding: 20px; }

/* Datepicker */
.ui-datepicker{ z-index: 5!important; }


.divTotal {
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 10px 0;
	margin:10px auto 30px auto;
	background-color: #e6ffb3;
}
.square-number { font-family: inherit; width: 80px; height: 80px; background-color: #99d128; outline: 1px solid #7dac20; color: white; font-size:1.6em; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius: 6px; }
.square-number > div { position:relative; line-height: 80px; }

/* Programa del congreso anual */
.programa-cabecera-dia { background-color: var(--color-primary); padding: 6px 20px; margin-bottom: 15px; color: white; font-weight: bold; font-size: 1.2em; border-radius: 24px; }

/* incripciones */
.divCPSolicitante{position: relative;}
.divCiudadSolicitante{position: relative;}

/* popup presentaciones powerpoint */
.controlPresentacion {float:left;width:100%;height:30px;margin-bottom:10px;background-color:#476722;}
.inicioPre {float:left;margin:5px 5px 0px 50px;}
.anteriorPre {float:left;margin:5px 5px 0px 5px}
.siguientePre {float:left;margin:5px 5px 0px 5px}
.finalPre {float:left;margin:5px 5px 0px 5px}
.titularPre {float:left;margin:0 0 5px 10px;width:210px;height:16px;border-bottom:1px solid #CCCCCC;color:#74a937;}
.textPre {float:left;width:210px;margin:0 0 25px 10px;}
.comentarioPre {width:190px;background-color:#fbfbfb;float:left;margin:0 0 5px 10px;padding:5px 10px 5px 10px;height:195px;overflow-y:scroll;overflow-x:hidden;}

/* popup imágenes comentadas */
.tituloIC {background-color:#666666;text-align:center; color:#FFF; padding:6px 15px; text-transform:uppercase; }
.autorIC {background-color:#CCCCCC;text-align:center; color:#333; padding:6px 15px;}
.imagenIC {width:100%; margin:10px 0; text-align:center;}
.textIC {height:105px;background-color:#fff; margin:0 auto; padding:5px 10px; overflow-y:scroll; overflow-x:hidden;}

/* galería de imagenes reuniones anteriores */
.reuniones_galeria {margin:40px auto;text-align:center}
.reuniones_galeria > div {display:inline-block;border:1px solid #f1f1f1;}


/* sapd > presentación */
.sapd_header {width:100%;height:180px;background:url('../images/cabecera-sapd-presentacion.jpg') #fff no-repeat; position:relative;margin-bottom:20px;border-radius:6px;}
.sapd_header h1 {width:100%;color:#fff;font-size:18px;text-align:left;text-transform:uppercase;background:rgba(153,209,50,0.8); position:absolute;bottom:0;right:0;margin:0;padding:5px 0 5px 20px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}

/* sapd > prestaciones */
.prestaciones_list {padding-bottom:20px;}
.prestaciones_list .fa {color:#333;opacity:0.7;padding:3px 6px 0 0;}
.prestaciones_list .titulo {font-size:16px;}

/* becas y premios */
.becas_header {width:100%;height:180px;background:url('../images/cabecera-becas.jpg') #fff no-repeat; position:relative;margin-bottom:20px;border-radius:6px;}
.becas_header h1 {width:100%;color:#fff;font-size:18px;text-align:left;text-transform:uppercase;background:rgba(153,209,50,0.8); position:absolute;bottom:0;right:0;margin:0;padding:5px 0 5px 20px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}

.becas_list {padding-bottom:20px;}
.becas_list .fa {color:#333;opacity:0.7;padding:3px 6px 0 0;}
.becas_list a {font-size:16px;}




/* reunión anual */
.reunion_header {width:100%;height:180px;background:url('../images/cabecera-reunion.jpg') #fff no-repeat; position:relative;margin-bottom:20px;border-radius:6px;}
.reunion_header h1 {width:100%;color:#fff;font-size:18px;text-align:left;text-transform:uppercase;background:rgba(153,209,50,0.8); position:absolute;bottom:0;right:0;margin:0;padding:5px 0 5px 20px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}

/* Revista RAPD Online */
.revista_seccion { font-size: 1.65em; background:rgba(0, 0, 0, 0.05); text-transform:uppercase; letter-spacing:1px; color:#70b000; margin-top:30px; padding: 15px 0 10px 20px; border-radius: 6px; }
.seccion_numero { font-size: 1.3em; float:right; text-align:right; padding-right:20px; opacity:0.3; position:relative; top:-8px; }
.revista_titulo { font-size: 1.4em; padding: 15px 0 0 20px; }
.revista_titulo_ingles { font-size:1.1em; padding-left: 20px; font-style: italic; color:#666666; }
.revista_autores { padding: 8px 0 0 20px; color:#70b000;}
.revista_enlaces { padding: 0 0 0 20px; }
.revista_enlaces > div {display:inline-block;padding:0 30px 0 0;}
.revista_enlaces a { color:#666666; font-size: 0.8em; border-bottom:1px solid #d1d1d1; transition:all 0.3s ease; }
.revista_enlaces a:hover { color:#70b000; border-bottom: 1px solid #70b000; }

.revista_numeros ul { margin-top:0!important; margin-left: 1em!important; }

.part-rule {background-color: #f1f1f1;}

.rapd_infobox {background:rgba(143, 195, 48, 0.15);padding:5px 20px 20px 20px;border-top:3px solid #8FC330;}
.rapd_infobox .metadata-entry {font-size:14px;margin:0;padding:0;}
.rapd_infobox p {margin:0!important;}

.rapd_box {padding:10px 20px;margin:20px 0; border-top:3px solid #d1d1d1;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.rapd_box .caption {text-align:justify;}
.rapd_box p {padding:0!important;margin:0!important;}
.rapd_box .label {font-weight: bold;color:#70b000;}
.rapd_box .caption {border-bottom:1px solid #d1d1d1;margin:0 0 20px 0;padding:0 0 20px 0;}
.contentRapd .blockquote {font-style:italic;margin:20px 0;}

.contentRapd .section {padding:0!important;}
.contentRapd a {color:#4a4a4a;text-decoration:underline;transition:all 0.2s ease;}
.contentRapd a:hover {color:#70b000;}

h6.section-title {font-weight:bold;text-transform:uppercase;text-decoration:underline;}

#acciones_rapd {text-align:right;margin:0 0 20px 0;}
#acciones_rapd .acciones_rapd_div {display:inline-block;}

.comentario_div {background:#f1f1f1;border:1px solid #d1d1d1;padding:10px;margin-bottom:10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.comentario_div .comentario_texto {text-align:justify;font-size:15px;padding-bottom:10px;}
.comentario_div .comentario_autor {font-size:13px;text-transform:uppercase;font-weight:bold;}
.comentario_div .comentario_fecha {padding-left:10px;color:#999;}
.comentario_div.highlighted{background-color: rgba(153,209,50,0.8);color:white;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* tablas */
.subsection-title {color:#fff!important;background:rgba(143, 195, 48, 0.9);padding:10px 10px;margin-bottom:20px;}
.table-wrap-foot {font-size:13px; margin:20px 0;padding:5px 15px; background:#f1f1f1;}

.rapd_imagen {text-align:center;margin:15px 0;}

.rapd_titulobox .rapd_titulo {color:#70b000;text-align:justify;margin:0;padding:0 0 10px 0;}
.rapd_titulobox .rapd_titulo_ingles {color:#666;font-style:italic;text-align:justify;margin:0 0 30px 0;padding:0;}
.rapd_titulobox .rapd_subtitulo {margin:0;padding:0;}

.rapd_autores .rapd_autor_nombre p {color:#70b000;font-size:16px;margin:0;padding:0;}
.rapd_autores .rapd_autor_centro {color:#666;}

.rapd_bibliografia {border-top:1px solid #f1f1f1;margin-top:50px;padding-top:20px;}
.rapd_bibliografia .rapd_bibliografia_numero {font-size:13px;width:2%;display:inline-block;vertical-align:top;margin-right:15px;text-align:right;}
.rapd_bibliografia .rapd_bibliografia_titulo {font-size:13px;width:calc(98% - 15px);display:inline-block;vertical-align:top;text-align:justify;}

/* atlas */

.atlas_imagenes {margin:0 auto;}
.atlas_imagenes .atlas_div {width:calc(33% - 16px);margin:5px 8px; display:inline-block;vertical-align:top;padding:10px 5px;}
.atlas_imagenes .atlas_div .atlas_titulo {text-align:center;font-weight:bold;font-size:15px;margin:8px auto 0 auto;}
.atlas_imagenes .atlas_div .atlas_fecha {font-size:12px;color:#666;text-align:center;margin-bottom:8px;}
.atlas_imagenes .atlas_div .atlas_descripcion {text-align:center;}

/* diapositivas */
.titulo_catdiapositivas {font-size:20px;}

#divPlayerContainer {display:none;position:fixed;background:rgba(0,0,0,0.8);width:100%;min-height:100%;top:0px;z-index:1000;}
#divPlayerContainer #btClose {position:absolute;right:10px;z-index:1200;color:white;}
#divPlayerContainer #divPlayer {position:fixed;width:100%;min-height:100%;top:0px;z-index:1000;}

.diapositiva_container .diapositiva_imagen {width:700px;background:#fff;height:480px;}

/* videoteca */

.video-titulo {font-size:1.1em; font-weight: bold;}
.video-titulo-ingles {font-style: italic; color:#666;}

/* politica de cookies */
.cookiebar-container {
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	margin:0px;
	display: block; 
	position: fixed;
	bottom:0px;
	left:0px;
	width: 100%;
	height:auto;
	z-index: 9999;    
	overflow:hidden;
	overflow-x: hidden;
	padding:5px 20px;
}

.cookiebar-container p {
	margin:5px;
	text-align:left;
	display:block;
	overflow:hidden;
}

.cookiebar-container p a{
	color:#70b000;
}

.cookiebar-container button.decline {
	border: 1px solid #990000;
	color:#fff;
	background-color:#CC0000;
}

.cookiebar-container a.accept {
	color:#000;
	float:right;
	clear:none;
	margin:5px 10px;
	padding:5px 10px;
}


/* box revista */
button.revista_anualidad {
	background-color: #f1f1f1;
	cursor: pointer;
	padding: 6px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}

button.revista_anualidad.active, button.revista_anualidad:hover {
	background-color: #d1d1d1;
}

div.revista_numeros {
	padding: 2px 0px;
	max-height: 0;
	overflow: hidden;
	transition: 0.4s ease-in-out;
	opacity: 0;
	font-size:12px;
}

div.revista_numeros.show {
	opacity: 1;
	max-height: 500px;
}

button.revista_anualidad:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #777;
	float: right;
	margin-left: 5px;
}

button.revista_anualidad.active:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/*.menu-list li {padding-bottom:1px;}*/

/* RESULTADOS BÚSQUEDA */
.busqueda_titulo {font-size:22px;}
.busqueda_titulo_ingles {color:#999;font-style:italic;font-size:18px;}
.busqueda_autor {color:#70b000;}


/* BUSCADOR */
.result_hightlight{background-color: #ffe568;}
.divNumeroResultado{padding:5px;}
.is-semi-active{background-color: #efffd3;}

/* Envío de comunicaciones */
.comunicacion-adjunto-container {
	border-top:4px solid #70b000 ;
	border-bottom:4px solid #70b000 ;
	padding: 20px;
	margin: 40px auto;
}

/* Login RABE */
#box-rabe-login {
	width:450px;
	margin:150px auto 0 auto;
}

/* Centro de manuscritos */

#contenido-cm {
	width: 100%;
	max-width: 1198px;
	margin:0 auto;
	padding-top: 60px;
}

#contenido-cm .div-filtros { padding: 20px; font-size:0.8em; }


/* Clasificación de artículos de la RAPD Online */

input[name="estrellas"] {display: none;}
.clasificacion {direction: rtl; unicode-bidi: bidi-override;font-size: 24px;}
.clasificacion label:hover, .clasificacion label:hover ~ label {color: orange; cursor: pointer; }
input[name="estrellas"]:checked ~ label {color: orange;}

/* Videoteca */

#videoteca-header {background: url('../images/background-videoteca.png') white no-repeat; background-position: center top; padding: 30px 40px 0px 40px; }
.navbar-videoteca { font-size:0.9em; margin:0 0 40px 0; border-radius: 6px;}
.videoteca-container { padding: 0px 40px 0px 40px; }

#videoteca-categorias a div {font-family:inherit; font-weight: 300; line-height: 1.7em; padding:20px 0; color: black!important; transition: all 0.2s ease;}
#videoteca-categorias a:hover div {color:#70b000!important;}
#videoteca-categorias .bg-endoscopia {background:url('../images/bg-endoscopia.jpg') white no-repeat; background-position: right center;}
#videoteca-categorias .bg-colonoscopia {background:url('../images/bg-colonoscopia.jpg') white no-repeat; background-position: right center;}
#videoteca-categorias .bg-procedimientos {background:url('../images/bg-procedimientos.jpg') white no-repeat; background-position: right center;}
#videoteca-categorias .bg-capsula-endoscopica {background:url('../images/bg-capsula-endoscopica.jpg') white no-repeat; background-position: right center;}
#videoteca-categorias .bg-tecnicas {background:url('../images/bg-tecnicas.jpg') white no-repeat; background-position: right center;}
#videoteca-categorias .bg-tutoriales {background:url('../images/bg-tutoriales.jpg') white no-repeat; background-position: right center;}
#videoteca-categorias .bg-50-reunion-sapd {background:url('../images/bg-50-reunion-sapd.jpg') white no-repeat; background-position: right center;}
#videoteca-categorias .bg-varios {background:url('../images/bg-sapd.jpg') white no-repeat; background-position: right center;}

.video-portada a img { border-radius: 8px; margin-bottom: 12px; transition: all 0.3s ease; }
.video-portada a:hover img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); }
.video-titulo-es { font-size: 1.1em; font-weight: bold; line-height:1.2em; text-transform: uppercase; margin-bottom: 12px; }
.video-titulo-en { font-size: 1em; font-style: italic; line-height:1.2em; text-transform: uppercase; margin-bottom: 12px; color: #666; }
.video-centros { font-size: 0.9em; margin-bottom: 5px; opacity:0.8}
.video-autores { font-size: 0.9em; margin-bottom: 5px; }
.video-centros p, .video-autores p { text-align: center; }
.video-bibliografia { text-align: justify; font-size: 0.9em; }
.video-bibliografia li { padding-bottom: 10px; }

/* Reunión Virtual */
.bg-rv-acceso { min-height: 650px; background: url('../images/bg-acceso-reunion-virtual.jpg'); }
.bg-rv-sapd { min-height: 650px; background: url('../images/bg-acceso-reunion-virtual.jpg'); }
.bg-rv-cilag { min-height: 650px; background: url('../images/bg-cilag.jpg'); }
.bg-rv-vifor { min-height: 650px; background: url('../images/bg-vifor.jpg'); }
.bg-rv-ferring { min-height: 650px; background: url('../images/bg-ferring.jpg'); }

.cropContainer{outline: 1px solid #aaa;width: 820px;height:500px;position: relative;margin: auto;background-color: #ddd;overflow-y: auto;overflow-x: hidden;} 
.cropContainer > img {position: absolute;top:0;left:0;right:0;bottom:0;margin: auto;width:800px;height:auto;} 
.jcrop-holder{margin:auto!important;}


@media screen and (max-width:767px) { /* moviles */
	.atlas_imagenes .atlas_div {width:100%;}
	.revista_seccion {font-size:12px;}
	.seccion_numero {font-size:18px;padding-right:4px;}
	.revista_titulo {font-size:14px;}
	#contentRapd .table td {font-size:11px;}
	.videoteca_container .videoteca_video {width:100%;margin:0 0 20px 0;display:inline-block;vertical-align:top;}
	/* orden de columnas para el móvil */
	.orden-movil {display:flex; flex-flow:column;}
	.orden-movil .primera {order: 1}
	.orden-movil .segunda {order: 2}
	.orden-movil .tercera {order: 3}
	.reunion-div {width:100%!important;}
	#ytplayer {width:100%!important; }
}

@media screen and (width: 768px) and (height: 1024px) { /* ipad vertical*/
	.icono_diapositivas {display:none;}
	.reunion-div {width:calc(50% - 15px)!important;}
	#ytplayer { width: 100%!important; }
}

@media screen and (width: 1024px) and (height: 768px) { /* ipad horizontal*/
	.reunion-div {width:calc(33% - 11px)!important;}
	#ytplayer { width: 100%!important; }
}

/* Responsive 2023 */
.mobile-margin { height: 90px; }
#mobile-header-container { position: fixed; width: 100%; height: 90px; background-color: #ecffcc; border-radius: 0 0 24px 24px; z-index: 25; padding: 5%; }

@media only screen and (max-width: 600px) {

	body { background: #fff!important; font-size: 1em; padding-bottom: 0;}
	footer { padding: 50px 0; }
	footer a { text-decoration: none; color: #666666;}

	.mobile-div-container { border-bottom: 1px solid #f1f1f1; }
	.title-link { color: #343434; font-size:1.4em; line-height: 1.4em; }
	
}