tbody tr:nth-child(odd) {
  background-color: #FEFFFF;
}
tbody tr:nth-child(even) {
  background-color: #FAFFFF;
}
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: 78%;
		border-collapse: collapse;
		font-size:.95rem;
		margin: auto;
		vertical-align: middle;
	}
	thead {
		border: 1px solid #2471A3;	
		background-color: #FCF3CF;
		color:#5B4A06;
		font-size:1.034rem;
	}
	thead th {
		padding: 11px 6px;
		text-overflow: ellipsis;
	}
	thead th:nth-child(1) {
		width: 28%; 
	}
	thead th:nth-child(2) {
		width: 16%;
	}
	thead th:nth-child(3) {
		width: 23%;
	}
	thead th:nth-child(4) {
	}
	td {
		text-align: left;
		border: 1px solid #2471A3;	
		padding: 3px 7px;
	}
}
/*********************************************************/
@media screen and (max-width:991.9px){
	table, thead, tbody, th, tr, td{
		display:block;	/* para linealizar*/
	}
	table {
		width: 88%;
		border-collapse: collapse;
		font-size:1rem;
		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: 5.55rem;
		word-wrap: break-word;
	}
	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;

	}
	caption {
		display:none;
	}
	tr {
		border: 1px solid #2471A3;
	}

}