/*ESTILOS NORMALES, MÓVILES EN VERTICAL
   ========================================================================= */

table {
	empty-cells: show;
	margin-bottom:20px;
	border-collapse: collapse;
	border:0;
	margin:0 auto;
	color:#333;
}
th {
	background: #555;
	color:#fff;
	padding:5px;
	text-align:left;
	border:1px solid #555;
	display:none;

}
td {
	border:1px solid #aaa;
	padding:5px;
	display:block;
	width:100%;
	margin:0 auto;
}

tr {
	display: block;
	margin-top:10px;
}

td:first-child {
	font-weight: bold;

}
td.filaimparc, td.filaparc, th.filaimparc, th.filaparc, .contenidocentrado {
	text-align:center;
}

table.calendario {
	width:100%;
	padding:10px;
	margin-bottom:10px;
}

table.calendario td, table.calendario th {
	text-align:center;
}
table.calendario tr {
	background:0;
}
table.calendario td, table.calendario th {
	padding:0;
}
table.calendario td span, table.calendario th span, table.calendario td a {
	display:block;
	padding:5px;
}
table.calendario td span.hoy {
	padding:0;
}


table.calendario caption  {
	border: 1px #aaa solid;
	padding:2px;
	flex-basis:100%;
}

table.calendario caption a {
	color: #333;
}


table.calendario td {
	display:table-cell;
	font-weight: normal;
	width:auto;
}
table.calendario th {
	display: table-cell;
	width:auto;
}
table.calendario tr {
	display:table-row;
	margin:0;
}

table.no-movil {
	max-width: 100%;
}
table.no-movil tr {
	display: table-row;
}
table.no-movil th,
table.no-movil td {
	display: table-cell;
	width:auto;
}

table.no-movil td:first-child {
	font-weight: normal;
}

table.center td,
table.center th
 {
	text-align:center;
}




/*#########ESTADO CENTROS############*/
  div.estado-centros table {
	flex-basis:30%;
	margin-top:20px;
	width:100%;
  }
   div.estado-centros table td {
	background:#fff;
  }
  div.estado-centros table tr:nth-child(2) td:first-child {
	background:#f00;
  }
   div.estado-centros table tr:nth-child(3) td:first-child {
	background:#f90;
  }
    div.estado-centros table tr:nth-child(4) td:first-child {
	background:#ff0;
  }
  div.estado-centros table caption {
  	padding:5px;
  	font-weight: strong;
  }



/*RESPONSIVE
   ========================================================================= */

/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {
	table.calendario {
		max-width:350px;
	}
}


/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 1024px) {
	/*table.vacunas-covid tbody td::before {
		content: none;
	}*/

	td, th {
		display: table-cell;
		width: auto;
	}
	tr {
		display:table-row;
	}
	tbody tr:nth-child(even),
	table.par-impar tr:nth-child(even){
		background:#ddd;
	}
	tr:hover, tr:nth-child(even):hover {
		background: #ccc
	}
	table.sin-par-impar tbody tr:nth-child(even),
	table.sin-par-impar tbody tr:nth-child(even):hover,
	table.sin-par-impar tr:hover {
		background:#fff;
	}

	td.filaimpar, td.filaimparc {
		background: #fff;
	}
	td:first-child {
		font-weight: normal;
	}
	div.estado-centros table {
		width:auto;
  }
   div

}

/* Escritorios grandes
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) {

}
@media screen and (max-width: 1024px) {
	table.vacunas-covid tbody td::before {
		font-weight: bold;
		content: attr(data-th) ": ";

	}
	table.vacunas-covid tbody td {
		border:none;
		padding:0 10px;	
		margin:10px 0;	
	}
	table.vacunas-covid tbody tr {
		border:1px solid #ccc;
	}
}


#meningotetra-puntos-vacunacion {
	font-family: Droid Sans, Sans;
	margin-top:20px;
	width:100%;
	font-size: 120%;
}
#meningotetra-puntos-vacunacion  td {
	border:none;
}
/*#meningotetra-puntos-vacunacion  th,
#meningotetra-puntos-vacunacion  td:first-child {
	padding-left:40px;
} */
#meningotetra-puntos-vacunacion ul {
	list-style: none;
	margin:0;
}
#meningotetra-puntos-vacunacion  td:first-child {
	font-size:140%;
	font-style: italic;
	font-weight: bold;
}
#meningotetra-puntos-vacunacion caption {
	padding:10px 0;
}
#meningotetra-puntos-vacunacion  th {
	background:#4475b7;
}
#meningotetra-puntos-vacunacion td {
	color: #3F6EAB;

}
#meningotetra-puntos-vacunacion td,
#meningotetra-puntos-vacunacion th {
	padding:20px;	
}
#meningotetra-puntos-vacunacion tr:nth-child(even) {
	background: #f0f6fe;
}
#meningotetra-puntos-vacunacion {
	box-shadow: none;
	border: 1px solid #3F6EAB;
}