body {

text-align:center;
width: 100%;
font-size: 12px;
}

.error {
	text-align: center;
	color: #CC0000;
}

/* TABLA PRINCIPAL */
table.tramos {
	margin: 10px auto;
	background-color: #fff;
	font-size: 9px;
	text-align: center;
	border: 3px solid #8651a0; /* Borde de la tabla principal */
	empty-cells:show;
}

/* CELDAS */
table.tramos td {
	width: 15px;
	text-align: center;
	height: 22px;
	background: #fff;
	padding:0px;
	/*border-bottom: #b3b3ff solid 1px;*/
}

/* Celdas de las horas */
td.horas {
	font-size: 15px;
	font-weight:bold;
	text-align:center;
	color: black;
}

/* Subtitulo de Horas y medias (00 y 30) */
tr.cuartos td {
	width: 15px;
	color: #666;
	font-size: 12px;
	background-color:#f6f6f6;
}

/* Celdas de las pistas */
table.tramos td.dia {
	width:100px;
	font-size: 12px;
	font-weight: normal;
	/*border-right: #909 solid 1px;*/
	text-align: left;
	padding-left: 3px;
	background-color:#f6f6f6;
	color: black;	
}

table.tramos td.ocupada {
	padding: 0px;
	border: #FFFFFF solid 1px;
	background-color:#f83737;
}

table.tramos td a {
	width: 15px;
	height: 100%;
	padding: 0px;
	display: block;
	/* Color de la celda libre */
	/* Verde */
	background-color:  #2bb860; /*FFFF66; */ 
}

.mireserva {
	width: 15px;
	height: 100%;
	padding: 0px;
	display: block;
	background-color: #FFFF66;
}

 /* Color de la celda al pasar por encima */
table.tramos td a:hover {
	padding: 0px;
  	background-color:#fa0;
}