caption{
	font-weight: bolder;
	text-decoration: underline;
	font-size: 3em;
}
table{
	margin:auto; 
	border-collapse:collapse;
	font-family: 'Merriweather Sans', sans-serif;
} 

li{text-align:justify;
}

td,th{
	border:1px solid black;
	text-align: center;
	padding: 5px;
	width:150px; /* así queda igual de grande tanto miercoles como los demas dias de la semana*/
}
th{
	background-color: #A9F5E1;
}

td:first-child {
	background-color: #A9F5E1;
}
span{
	opacity:0;
	visibility: hidden; 
	position: absolute;
	top:500px;
	left:150px;
	right:150px;
	transition:opacity 2s, background-color 2s,color 2s;
	width: 30%;
	margin: 0 auto;
	
}
td:hover span{
	visibility: visible;
	position: absolute;
	opacity: 1;
	background-color: #444;
	color:white;
}

div{
	position:absolute;
	top: -1000px;
	border: 2px solid black;
	background-color: black;
	color: white;
	right:150px;
	left:150px;
	margin: 0 auto;
	width:40%;
	opacity: 0.8;
	
}

td:active div{
	animation:mymove 3s;
	position:absolute;
}

@keyframes mymove{
		from{top:-1000px;}
		to{top:200px;}
	
}

.primero{
	border-style:none;
	background-color: white;
}

.recreo{
	background-color:#8A0868;
	font-weight: bolder;
	letter-spacing: 10px;
}
	
.BD{
	background-color:#FE2E2E;
}

.SIS{
	background-color:#81F781;
}

.PRO{
	background-color:#81DAF5;
}

.FL{
	
	background-color:#E2A9F3;
}

.LM{
	background-color:#F5D0A9;
}

.EN{
	background-color:#F4FA58;
}