@import url("layouts/layout-3d.css");

.calendar {
  border-color: #C2DABD;
  border-width: 0px;
  color: #000;
  
}

.calendar table {
  border-color: #C2DABD;
  background: url("wood/bg_body.gif") 100% 100%;
}

.calendar .nav {
  background-color: #C2DABD;

}
/* Cabecera  -- contiene los botones de navegación y los nombres de los días. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  border-color: #E8F4E6 #E8F4E6 #E8F4E6 #E8F4E6;
  color: #ffffff;
  background-color: #8AC35C;
}

.calendar thead .title { /* Contiene los actuales "mes, año" */
  background-color: #FFFFFF;
  color: #8C8C8C;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px; 
}

.calendar thead .headrow { /* Fila <TR> conteniendo los botones de navegación */
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px; 

}

.calendar thead .daynames { /* Fila <TR> conteniendo los días de la semana */
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px; 
  background-color: #8EC981;
}

.calendar thead .name { /* Celdas <TD> conteniendo los nombres de los días */
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px; 
  background-color: #8EC981;
}

.calendar thead .weekend { /* Cómo se ven los días del fin de semana*/
  color: #5A994D;
}

.calendar thead .hilite { /* Como aparecen los botones de la cabecera cuando son pulsados */
 	border-color: #E8F4E6 #E8F4E6 #E8F4E6 #E8F4E6;
  	color: #ffffff;
  	background-color: #70A843;
}

.calendar thead .active { /* Botones activos (presionados)  en la cabecera */
  padding: 2px 0px 0px 2px;
  border-color: #E8F4E6 #E8F4E6 #E8F4E6 #E8F4E6;
  background-color: #000000;
}

/* La parte del BODY -- contiene todos los días del mes. */

.calendar tbody .day {
	/* Celdas <TD> conteniendo los días del mes */
	background-color: #E8F4E6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.calendar tbody .day.othermonth {
  background-color: #E8F4E6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #BEC2BD;
}

.calendar tbody .day.othermonth.oweekend {
  background-color: #E8F4E6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #A5CCB1;
}

.calendar table .wn {
  border-color: #FFFFFF;
  background-color: #27A94F;
  color: #FFFFFF;
}

.calendar tbody .rowhilite td {
	/*Esta es la fila que se ilumina cuando se pica sobre un día*/
	/*background-color: #FFFFFF;*/
}

.calendar tbody .rowhilite td.wn {
  background-color: #3D8463;
}

.calendar tbody td.hilite { /* Celdas con el puntero encima <TD> */
/*
  border-color: #000000 #000000 #000000 #000000;
  background-color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
*/
}

.calendar tbody td.active { /* Celdas activas (presionadas) <TD> */

  border-color: #000000 #000000 #000000 #000000;
  background-color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;

}

.calendar tbody td.selected { /* Celda mostrando la fecha seleccionada */
/*
  border-color: #CFE0C8 #CFE0C8 #CFE0C8 #CFE0C8;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #D9C80F;
*/
}

.calendar tbody td.weekend { /* Celdas que muestran los días del fin de semana */
 color: #3C8465;
}

.calendar tbody td.today { /* Celda mostrando la fecha de hoy */
  border-color: #CFE0C8 #CFE0C8 #CFE0C8 #CFE0C8;
  background-color: #3C8465;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Celdas vacías (lo mejor es esconderlas) */
	visibility: visible;
	background-color: #E8F4E6;
}

.calendar tbody .emptyrow { /* Fila vacía (algunos meses necesitan menos de 6 filas) */
}

/* La parte Pie -- barra de estado y boton de "Cerrar" */

.calendar tfoot .footrow { /*La <TR> en el pie (sólo una a la derecha) */
}

.calendar tfoot .ttip { /* Tooltip celda (barra de estado) <TD> */
  background-color: #8EC981;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.calendar tfoot .hilite { /* Estilo "Hover" para los botones en el pie*/
  background-color: #e4e0d8;
}

.calendar tfoot .active { /* Estilo "Activo" (presionado) para los botones en el pie */
  border-color: #000 #fff #fff #000;
}

/* Combos (menus que muestran meses/años para selección directa) */

.calendar .combo {
  border-color: #CFE0C8 #CFE0C8 #CFE0C8 #CFE0C8;
  background-color: #D4D4D4;
  color: #667760;
  font-family: Tahoma;
  font-size: 9px;
}

.calendar .combo .active {
  border-color: #CFE0C8 #CFE0C8 #CFE0C8 #CFE0C8;
  background-color: #D4D4D4;
  color: #667760;
  font-family: Tahoma;
  font-size: 9px;
}

.calendar .combo .hilite {
  border-color: #CFE0C8 #CFE0C8 #CFE0C8 #CFE0C8;
  background-color: #FFFFFF;
  color: #6FC04E;
  font-family: Tahoma;
  font-size: 9px;
}

/* time */

.calendar tfoot tr.time td { border-color: #8f8b7e; }
.calendar tfoot tr.time td.hour,
.calendar tfoot tr.time td.minute { border-color: #C2DABD; }
.calendar tfoot tr.time td.hilite { background-color: #C2DABD; }
.calendar tfoot tr.time td.active { background-color: #C2DABD; }
.calendar-time-scroller { border-color: #C2DABD; }


.calendar tbody .day.specialDay {
	/* Celdas <TD> conteniendo los días especiales */
	color: #B7C209;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #D0EFAC;
}

.calendar tbody .day.fietaNacional {
	/* Celdas <TD> conteniendo los días especiales */
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #FDB08A;
}

.calendar tbody .day.fiestaComunidadAutonomaEspecial {
	/* Celdas <TD> conteniendo los días especiales */
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #D5D52E;
}

.calendar tbody .day.fiestaComunidadAutonoma {
	/* Celdas <TD> conteniendo los días especiales */
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #A6F3A6;
}

.calendar tbody .day.fiestaLocal {
	/* Celdas <TD> conteniendo los días especiales */
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #85C1F3;
}