table.cal {
	display:inline-block;
	min-height:600px;
	width:97%;
	color: #06425c;
	border-spacing:0;
	border: 1px solid grey;
	border-radius: 20px 20px 20px 20px;
	padding: 2%;
	margin: 2%;
}
table > caption {
	border: 5px solid  grey;
	
	border-radius: 15px;
	text-transform: uppercase;
	text-align: center;
	background-color: #008080;
	color: #ffffff;
	font-size: 50px; 
	padding:1% 1% 1% 1% ;
	margin:2% 2% 2% 2% ;
}
thead> tr > th {; background-color:#29a6F6; 
		border: 1px solid  white;
	border-radius: 10px ; height:50px;
	text-align:center;
	vertical-align:center;
font-size:25px;  margin: 1%; padding:1%;}

tr:nth-child(odd) {
	
	border-radius: 10px 10px 10px 10px;
	padding:1%;
	margin:1%;
}
tr:nth-child(even) {
		border-radius: 10px 10px 10px 10px;
	padding:1%;
	margin:1%;
}
tr:last-child {
	border-radius: 0 0 10px 10px;
	padding:1%;
	margin:1%;
}
tr:last-child > td:first-child {
	border-radius: 10px ;
	padding:1%;
	margin:1%;
}
tr:last-child > td:last-child {
	padding:1%;
	margin:1%;
	border-radius: 10px;
}

table.cal>tbody> th,td
 {
	display:in-line;	
		width:10%;margin: 2%;
	padding:2%;
	height:60px;
		border: 2px outset white;
	vertical-align:top;

	text-align: center;
	border-radius: 10px;
}
th {
	text-align: center;
	background: #ffffff;
	border: 2px outset grey;
}

.horas{
	margin: 0;
	padding: 0;
	background-color:#FFD180 ;
}
.Lengua {
	padding: 0;
	margin: 0;
	background-color: #A5D6A7;
	}
.Economia{ padding:0; margin:0; background-color: #faa508;}
.Emergentes{ padding:0; margin:0; background-color: #B39DDB ;}
.Mates{ padding:0; margin:0; background-color: #85f8b9 ;}
.Tecno{ padding:0; margin:0; background-color:#6e57f1 ;}
.RedesII{ padding:0; margin:0; background-color:#f75a5a;}
.Edfisica{ padding:0; margin:0; background-color:#dd5af7;}
.Etica{ padding:0; margin:0; background-color:#5acbf7;}
.recreo {background-color:#f38ba2;margin;0;padding:0;}
span {
	display: block;
	text-align: center;
	color: #800000;
	visibility: hidden;
}
td:active > span {
	visibility: visible;
}
.bg {
	animation:slide 3s ease-in-out infinite alternate;
	background-image: linear-gradient(-60deg, #6c3 50%, #09f 50%);
	bottom:0;
	left:-50%;
	opacity:.5;
	position:fixed;
	right:-50%;
	top:0;
	z-index:-1;
  }
  
  .bg2 {
	animation-direction:alternate-reverse;
	animation-duration:4s;
  }
  
  .bg3 {
	animation-duration:5s;
  }
  .content {
	background-color:rgba(255,255,255,.8);
	border-radius:.25em;
	box-shadow:0 0 .25em rgba(0,0,0,.25);
	box-sizing:border-box;
	left:50%;
	padding:10vmin;
	position:fixed;
	text-align:center;
	top:50%;
	transform:translate(-50%, -50%);
  }
  @keyframes slide {
	0% {
	  transform:translateX(-25%);
	}
	100% {
	  transform:translateX(25%);
	}
  }