.contenedor-calendario {
  min-height: 290px;
}

.calendar {
  width: 100%;
  overflow: hidden;
  table-layout: fixed;
}
.calendar th {
  background-color: #666;
  color: #fff;
  padding: 7px;
  text-align: center;
}
.calendar th.heading {
  background-color: #555;
}
.calendar td {
  text-align: center;
  border: 1px solid silver;
}
.calendar td div {
  min-height: 35px;
  padding: 3px;
  font-weight: bold;
}
.calendar td.current div {
  background-color: #666;
  color: #fff;
}
.calendar td.not-current div {
  background-color: #eee;
  color: #ccc;
  font-weight: normal;
  font-size: 0.8em;
}
.calendar .event {
  display: block;
  padding: 3px;
  background-color: #ccc;
  border-radius: 5px;
}