tbody tr:nth-child(odd) {
  background-color: #FEFFFE;
}
tbody tr:nth-child(even) {
  background-color: #F7FFF7;
}
tbody tr:hover {
	background-color: #F4F4F4;
}

@media screen and (min-width:992px){
caption {
	font-style: italic;
	text-align: center;
	color: #444;
	caption-side: bottom;
	font-size:.78rem;
	}
	table {
		table-layout: fixed;
		width: 95%;
		border-collapse: collapse;
		font-size:.9rem;
		margin: auto;
		vertical-align: middle;
	}
	thead {
		border: 1px solid #2471A3;	
		background-color: #FCF3CF;
		color:#5B4A06;
		font-size:.99rem;
	}
	th {
		padding: 7px 6px;
		text-overflow: ellipsis;
		border: 1px solid #2471A3;
		background-color: #FCF3CF;
}
	thead th:nth-child(1) {
		width: 8rem; 
	}
	thead th:nth-child(2) {
		width: 11rem;
	}
	td {
		text-align: left;
		border: 1px solid #2471A3;	
		padding: 3px 5px 0;
	}
}
/*********************************************************/
@media screen and (max-width:991px){
	table, thead, tbody, th, tr, td{
		display:block;	/* para linealizar*/
	}
	table {
		width: 98%;
		border-collapse: collapse;
		font-size:.85rem;
		margin: auto;
		vertical-align: middle;
	}
	thead tr {			/* para ocultar a la vista el encabezado, pero que sea accesible por AT */
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	td {				/* para dejar hueco para los encabezados a la izquierda*/
		position: relative;
		padding-left: 6.3rem;
	}
	td:before{			/* para añadir las etiquetas de encabezados*/
		position: absolute;
		left: 6px;
		content: attr(headers)":";	/* escribe los valores de los atributos de los td de HTML*/
		font-weight: bold;
		color:#5B4A06;
	}
	td.celdavacia:before{
		content: "";
	}
	th {
		border: 1px solid #2471A3;	
		background-color: #FCF3CF;
		color:#5B4A06;
		font-size:.95rem;
	}
	caption {
		display:none;
	}
	tr {
		border: 1px solid #2471A3;
	}

}