*{
margin:0px;
text-align:center;
font-family:Fira;
}

/* Se aplica estilo al ancho y alto de la página */
#AnchoPag {
	width: 960px; /* Ancho de la etiqueta <div> */
	margin: 15px auto; /* 15 pixeles de margen Superior e Inferior + "Automático" Izquierda y Derecha*/
}

/* Se aplica estilo a la cabecera del cuerpo del documento <header> */
#Cabecera h1{
background: #5858FA;
display: block;
margin: 40px 5px 5px 0px;
padding: 25px;	
text-align: center;
font-size: 45px;
color: #FBFBEF;		
border: 1px solid #999999;
}

h1 {
  font-size: 30px;
  line-height:1em;
  text-align: center;
  color: #FBFBEF;
}

.Tabla td {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	-webkit-box-shadow: 0 2px 2px -2px #0E1119;
	-moz-box-shadow: 0 2px 2px -2px #0E1119;
    box-shadow: 0 2px 2px -2px #0E1119;
}

.Tabla {
	text-align: center;
	overflow: hidden;
	width: 800px;
	margin: 0 auto;
	display: table;
	padding: 0 0 8em 0;
}

.Tabla td, .Tabla th {
	padding-bottom: 2%;
	padding-top: 2%;
  	padding-left:2%;  
}

/* Background-color of the odd rows */
.Tabla tr:nth-child(odd) {
	  background-color: #11BAC6;
}

/* Background-color of the even rows */
.Tabla tr:nth-child(even) {
	  background-color: #A6BBEC;
}

.Tabla th {
	  background-color: #5858FA;
}

.Tabla td:first-child {
	  color: #000000;
	  font-weight: bold;
}

.Tabla tr:hover {
	background-color: #464A52;
	-webkit-box-shadow: 0 6px 6px -6px #0E1119;
	-moz-box-shadow: 0 6px 6px -6px #0E1119;
	box-shadow: 0 6px 6px -6px #0E1119;
}

.Tabla td:hover {
	background-color: #FFF842;
	color: #403E10;
	font-weight: bold;
	box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
	transform: translate3d(6px, -6px, 0);
  	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: all;
  	transition-timing-function: line;
}

@media (max-width: 900px) {
	.Tabla td:nth-child(4),
	.Tabla th:nth-child(4) {
	display: none;
	}
}

#Mensaje {
margin: 10px 0px 30px 0px;
background: #FBFBEF;
display: block;
text-align: center;
font-size: 20px;
color: #5858FA;
border: 5px solid #999999;
}

/* Se aplica estilo al pie de la página <footer> */
#Pie {
margin: 20px 10px;
clear: both; 	
text-align: center;
padding: 20px;
border-top: 2px solid #999999;
}

/* Estilo con tipo de letra. Fichero con nombre: FiraSansOT-Light.otf */
@font-face {
font-family: 'Fira';
src: url("../Recursos/FiraSansOT-Light.otf");
}