.unavil{
	border-color: lightgrey!important;
}
.unavil img{
	opacity: .5;
}
.unavil:hover{
	animation: colorea 1s forwards;
}
@-webkit-keyframes colorea {
	 100%  { opacity: 1 }
}

.caract{
	width: 100%;
	height: 2em;
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-end;
	position: absolute;
	bottom: 0;
}
.apli1, .impr1{
	font-size: initial;
	width:2em;
	height:2em;
	background-size:contain;
	background-repeat:no-repeat;
	margin-right: 2px;
}
.apli1{
	background-image:url(/actividades/imagenes/aplica1.png);
}
.impr1{
	background-image:url(/actividades/imagenes/print1.png);
}
	span[class^=disp] span, span.apli1 span, span.impr1 span{
		position:absolute;
		top:-20px;
		right: 55px;
		width: 120px;
		background-color:white;
		border:4px solid #EDC8FF;
		color:#000;z-index:3;display:none; box-shadow: 0 0 5px black
}
	span[class^=disp]:hover span{display:block; z-index: 3;}
	span.apli1:hover span, span.impr1:hover span{display:block; z-index: 3;}
	span[class^=disp]{position:absolute;top:0;right:0;font-size:initial}
	.disp2{width:2em;height:2em;background-image:url(/actividades/imagenes/subs.png);background-size:contain;background-repeat:no-repeat}
	.actividad{display:flex;min-height:80vh;width:90%;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 5%}
	.actividad a:hover{background-color:#e6e6e6}
	.actividad a{text-decoration:none;
		background-color:white;
		margin:10px;
		padding:2em;
		height:25vh;
		width:25vh;
		box-shadow:0 0 10px black ;
		border:10px solid #13BBAF;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		position:relative;
		font-size:1.3em;
		text-align:center;
		}
	.actividad a img{max-height:100%;max-width:100%;object-fit:contain;flex-grow:1;transition:opacity .7s}
	.descripcion{position:absolute;opacity:0;transition:opacity .7s;font-size:initial}
	.actividad a:hover img{opacity:0}
	.actividad a:hover .descripcion{opacity:1}
	.paginas{justify-content:center;align-items:center}
	.paginas a:hover{background-color: #e6e6e6}
	.paginas a{font-size: 20px; border:1px solid #2e8b57; background-color: snow; margin: 0 2px; width: 1em; text-align: center;}
	.actual{background-color:palegreen!important}.paginas{display:flex;justify-content:center}