/* The main calendar widget.  DIV containing a table. */


.mes {
margin-right: 1px;
margin-left: 1px;
  width:190px;
  border: 1px solid #556;
  font-size: 11px;
  color: #4e1805;
  cursor: default;
  /*background: #eef;*/
  background: #fff;
  font-family: tahoma,verdana,sans-serif;
}


.mes .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #5E5E5E;
  padding: 2px;
}


.mes .daynames { /* Row <TR> containing the day names */
  /*background: #bdf;*/
  background-color:#DEDADA;
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #4e1805;
}

.mes .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.mes .day { /* Cells <TD> containing month days dates */
  width: 2em;
  /*color: #456;*/
  color:#000;
  text-align: right;
  padding: 2px 4px 2px 2px;
  cursor:pointer;
}


.mes .selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.mes .weekend { /* Cells showing weekend days */
  /*color: #a66;*/
  background-color:#ffd8d8;
  width: 2em;
  /*color: #456;*/
  text-align: right;
  padding: 2px 4px 2px 2px;
  cursor:pointer;
}

.mes .cerrado { /* Cells showing weekend days */
  /*color: #a66;*/
  color:#CCCCCC;
  width: 2em;
  /*color: #456;*/
  text-align: right;
  padding: 2px 4px 2px 2px;
  cursor:;
}