.contexto{
	width: 700px;
	margin: 50px auto;
}
#precontexto{margin-bottom:0;}
#contexto{margin-top:0;}
table, td{
	border: 1px solid white;
	border-collapse: separate;
	border-spacing: 0;
}
table{
	border: 2px solid rgb(55 174 218);
	border-top: none;
	border-radius: 5px;
	min-width: 700px;
	max-width: 900px;
	margin: auto;
}
th{
	border-bottom: 1px solid rgb(55 174 218);
	border-right: none;
	position: -webkit-sticky;
	position: sticky;
	top: 45px;
	background: white;
	box-shadow:5px 5px 10px rgb(119 127 146);
	padding: 4px;
	cursor: pointer;
}
th:hover{
	box-shadow:0px 10px 15px rgb(119 127 146);
}
th:nth-child(1), th:nth-child(2), th:nth-child(3), th:nth-child(4){
	color:rgb(128 128 128);
}
tr:nth-child(even){
	background:rgb(245 245 245);
}
.botonTabla, .botonTablaActivo{
	border: none;
	padding: 5px 15px;
	float: left;
	margin: 2px;
	background: rgb(62 177 219);
	color: white;
	cursor: pointer;
}
.botonTablaActivo{
	box-shadow: 5px 5px 5px #0000006e inset;
	cursor: not-allowed;
}
.botonTabla:hover{
	background: rgb(98 210 212);
	color: black;
}
#afterTabla{
	margin-top: 0;
}

@media screen and (min-aspect-ratio:16/10){

}