.agrupado{
	display: flex;
	justify-content: center;
	text-align: center;
	cursor: pointer;
	font-size: 1.5em;
}
.antes{
	flex-grow: 1;
}
.despues{
	flex-grow: 1;
}
.elimina{
	align-items: center;
	display: flex;
}
.tarjetas .elimina{
	position: absolute;
	top: 0;
	right:0;
}
.borrar{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	width: 100%;
	padding-right: 50px;
	box-sizing: border-box;
}
.borrar>span{
	cursor: pointer;
	display: flex;
	align-items: center;
}
.borrar img{
	max-width: 2em;
	max-height: 2em;
}
.elimina input{
	height: 1.5em;
	width: 1.5em;
}
.tarjetas .elimina input:not(:checked){
	display: none;
}
.padre:hover input{
	display: block!important;
}
.alerta a:hover{color: white}
.alerta a{text-decoration: underline;}
.alerta{display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: lightcoral; font-size: 1.3em;font-weight: bold;}
.center{min-height: 70vh; display:flex;flex-direction:column;width: 100%;
	align-items: center;}
.paginas{font-size:1.4em;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}
.busqueda>div,.infoExam span span,span.title{}
.tarjetas .padre a,.tarjetas .padre a:visited{color:#000}
span.title{font-size:1.4em}
.vacio{display:flex;justify-content:center;width:100%;height:50vh;align-items:center}

.paginas{display:flex;justify-content:center}
.paginas{width:100vw;align-items:center}
.busqueda{
	color: #3C4142;
	display: flex;
	font-size: 1.4em;
	align-items: center;
	flex-direction: column;
	flex-wrap:wrap;
	margin:10px 20px;
}
.inicio, .display{display:flex;
	height: calc(100vh - 5em);
	box-sizing: border-box;
	margin:10px 50px;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	border:20px solid #EDC8FF;
	padding: 20px;
	box-shadow:  0 0 10px black;
}
.parametros{
	color: #3C4142;
	display: flex;
	flex-direction:row;
	justify-content: center;
	margin-top: 20px;
}
.parametros>div{
	display: flex;
	flex-direction:column;
	align-items:center;
	margin: 20px 20px;
}
	.corona1{
		position: absolute;
		top: -30px;
		background-color: red;
	}
	.corona2{
		position: absolute;
		top: -30px;
		background-color: blue;
	}
	.corona2{
		position: absolute;
		top: -30px;
		background-color: yellow;
	}
.secciones{overflow:hidden}
#busca:focus,#busca:hover{color:#3C4142;box-shadow: 0 0 10px #3C4142;}
#BuscarBtn:hover{filter: invert(100%);}
#BuscarBtn{background-image: url("/actividades/imagenes/lupa.png");font-size:1em;height: 2em;width: 2em;background-color: transparent;border:none;cursor:pointer;background-size: contain; outline: none;}
.buscador{display: flex;justify-content: center;width: 100%;}
.busqueda select, .busqueda input{color:#3C4142;font-size: 1em;cursor: pointer; background: none; border: 1px solid black;border-radius: none; outline: none;}
#busca{margin-right:1em;font-size: 1em;text-align:center;color:grey;outline:none;padding:0 5px;border:2px solid #3C4142;height: 2em;width: 50%}
.filtros>div{flex-grow: 1;color: #3C4142;}
.filtros{color: #3C4142;display: flex;flex-direction:column;padding-bottom: 15px;}
.tarjetas .padre:hover .infoExam{display:none}
.tarjetas .padre:hover .descripcion{display:flex}
.descripcion{display:none;justify-content:center;align-items:center}
.tarjetas .padre:hover{background-color:#e6e6e6}
.tarjetas .padre{width:25vw;background-color:white;margin:10px 10px;box-shadow: 0 0 5px black;padding:5px;position:relative}
.infoExam{display:flex;flex-direction:column}
.tarjetas .padre a{text-decoration:none;display:flex}
.tarjetas .padre img:not(.corona){margin-right:15px;max-height:15vh;max-width:15vh}

@media screen and (max-width:768px){
	.parametros{
		flex-wrap: wrap;
		flex-direction: column;
	}
	.busqueda{
		margin: 0;
		padding-top: 1em;
	}
	.parametros>div{
		margin:0;
		padding-bottom: 1em;
	}
	.todo{
		flex-direction: column;
		height: auto!important;
	}
	.todo .display{
		height: auto;
	}
	.display .tabla{
		font-size: 4vw;
	}
	.inicio{
		margin: 0!important;
	}
	.titulos{
		flex-wrap: wrap;
		text-align: center;
	}
	.tarjetas .padre a{flex-wrap:wrap} 
	.busqueda{width: auto;font-size: 1rem;}
.display{flex-direction: column; margin: 0!important;box-sizing: border-box;}.tarjetas .padre{width: auto;}}

#insignias img{
	max-height: 2em;
	max-width: 2em;
}
#insignias>span{
	height: 2em;
	margin: 0 5px;
}
#insignias{
	height: calc(2em + 6px);
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #EDC8FF;
}