body{
font: normal 12px Verdana, Arial, sans-serif;
background-color:#FFFFFF;

}

#calendar {
margin:1em;
border: 1px solid #c5daed;
empty-cells: show;
font-size: 10px;
width: 200px;
float:left;
}

#calendar #next a {
padding-right: 10px;
text-align: right;
}

#calendar #prev a {
padding-left: 10px;
text-align: left;
}

#calendar a {
display: block;
text-decoration: none;
}

#calendar a:hover {
background: #e0e6e0;
color: #333;
}

#calendar caption {
color: black;
font-size: 12px;
text-align: center;
}

#calendar td {
color: black;
font: normal 10px Verdana, Arial, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}

#calendar td.pad:hover {
background: #fff;
}

#calendar td:hover, #calendar #today {
background: #eee;
color: #bbb;
}

#calendar th {
font-weight: bold;
text-transform: capitalize;
}

form{
	clear:both;
}

fieldset{
width:500px;
}

label{
	display:block;
	float: left;
	width:16em;
}

.reservado{
	background-color:red;
}
.opcion{
	background-color:orange;
}