.date_picker {
  /* comment out this line to show by default: */
  display: none;
  /* comment out this line to prevent calendar 'floating' over page: */
  position: absolute;
  background-color:white;
  padding: 3px;
  border: 3px solid black;
  z-index: 10;
}

.date_picker table {
  background: White;
  z-index: 20;
}
.date_picker th {
  font-size: 12px;
  color: #333;
  text-align: center;
  padding: 2px;
}


.date_picker .day_labels th {
  color: white;
  font-size: 10px;
  font-weight: normal;
  background-color: Silver;
}


.date_picker td {
  width: 12px;
  font-size: 10px;
  text-align: right;
  background-color: #eee;
  padding: 0;
}

.date_picker td.dia_festivo{
	color: red;
}

.date_picker td.dia_hoy{
	color: green;
}

.date_picker td.dia:hover,
.date_picker td.dia_hoy:hover,
.date_picker td.dia_festivo:hover { background-color: #fff; cursor: pointer; }

.date_picker div.seleccionar_hoy {
	float: left;
}

.date_picker div.cancelar {
	float: right;
}

.date_picker td.pie {
	background: white;
}

/*
.date_picker a {
  text-decoration: none;
  border-bottom: 1px dotted silver;
  color: #333;
}

.date_picker a:hover   { color:white ; background-color: black}

.date_picker .cancel_butt { text-align: right; padding-right: 5px }
.date_picker .cancel_butt a {
  font-size: 9px;
  color: gray;
  font-family: verdana, sans-serif;
  text-decoration: none
}
.date_picker .cancel_butt a:hover {
  background-color: gray;
  color: white;
}
*/