html, body 
{
	margin:0;
	padding:0;
	text-align:justify;
}

body 
{
	font-family: Calibri, Verdana, arial, sans-serif;
	color: white;
	font-size: 14px;
	background-color: #d8d8d8;
	background-image:url(../images/fondo.png);	
	background-repeat: repeat-x;
}

#cabecera_reserva {
	margin-left: auto;
	margin-right: auto;
	width: 660px;
	height: 130px;
	/*background-color:#009;*/
}

#cabecera_reserva #logo {
	top: 40px;
	position: absolute;
}

#contenedor 
{
	margin-left: auto;
	margin-right: auto;
	width: 660px;	
}

#contenedor1100
{
	margin-left: auto;
	margin-right: auto;
	width: 1100px;	
}

#contenedorpeque 
{
	margin-left: auto;
	margin-right: auto;
	width: 300px;	
}

#contenedorgrand 
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;	
}

h1 
{
	color: White;
	text-align: center;
}

#lbfecha1
{
	color: White;
	text-align: center;
	margin-left: 20px;
}

#lbfecha2, #lbfecha3, #lbfecha4, #lbfecha5, #lbfecha6, #lbfecha7
{
	color: #8651a0;
	margin-left: 20px;	
}

.subtitulo 
{
	font-weight: bold;
	font-size: large;
	color: White;	
}

div#content 
{
    border:1px solid #000; 
    width:100%; 
    position:relative; 
    margin-top:20px;
    margin-left:20px; 
    text-align:justify;
    }
	
#sugerencias_1
{
	width:250px;
	border:1px solid black; 
	display:none; 
	margin-left: 83px;
}
#sugerencias_1 ul {list-style: none; margin: 0; padding: 0; font-size:12px; color: red; text-transform:capitalize; background-color: white;}
#sugerencias_1 ul li {padding: .2em; border-bottom: 1px solid silver;}
.seleccionado { font-size:12px; font-weight:bold; background-color: #FFFF00; cursor:pointer;}

#sugerencias_2 {width:250px; border:1px solid black; display:none; margin-left: 83px;}
#sugerencias_2 ul {list-style: none; margin: 0; padding: 0; font-size:12px; color: red; text-transform:capitalize; background-color: white;}
#sugerencias_2 ul li {padding: .2em; border-bottom: 1px solid silver;}
.seleccionado { font-size:12px; font-weight:bold; background-color: #FFFF00; cursor:pointer;}

/* 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;
}