#calendario {
	border: 4px double black;
	width: 100%;
	max-width: 350px;
	min-width: 310px;
    text-align: center;
}
/*tabla del calendario */
#diasc { border: 1px solid black; border-collapse: 
         separate; border-spacing: 2px; }

#tabla_mes {
	width: 100%;
	min-width: 300px;
}

#tabla_mes th{
	text-align: center;
}

.table a {
  color: blue;
}

#diasc th, #diasc td {
	font-size: 10px;
	width: 20%;
	height: 50px;
	text-align: right;
}

td#diasc {
	text-align: right;
	padding-right: 5px;
}

/*línea de la fecha actual */
#fechaactual { font-size: 12px; padding: 0.4em }
#fechaactual i { cursor: pointer ; }
#fechaactual i:hover { color: blue; text-decoration: underline; }

/*cabecera del calendario */
#anterior { float: left; width: 50px; font-size: 12px;
          padding: 0.5em 0.1em; cursor: pointer ; }
#posterior { float: right; width: 50px; font-size: 12px; 
          padding: 0.5em 0.1em; cursor: pointer ;}
#anterior:hover {color: blue;text-decoration: underline;}
#posterior:hover {color: blue; text-decoration: underline;}
#titulos {font-size: 12px; padding: 0.2em; }
td.cal {color: #c0c0c0;}

td.disp {background-color: #73C6B6;}
a.disp {color: white;}
span.disp {color:white; font-size: 8px;}

td.conf {background-color: #3498DB;}
a.conf {color: white;}
span.conf {color:white; font-size: 8px;}

td.sinHoras {background-color: #EC7063;}
a.sinHoras {color: white;}
span.sinHoras{color:white; font-size: 8px;}

td.quedaUna {background-color: #C39BD3;}
a.quedaUna {color: black; font-weight: bold;}
span.quedaUna{color:black; font-size: 8px;}

td.enEjecucion {background-color: #F9E79F;}
a.enEjecucion {color: black;}
span.enEjecucion {color: black; font-size: 8px;}

td.anteriores {background-color: #D7DBDD}
span.anteriores {font-size: 8px; }

td.cerrada {background-color: black;}
a.cerrada {color: white;}
span.cerrada {color:white; font-size: 8px;}

#mesCal {font-size: 12px; padding: 0.2em; font-weight: bold;}
table#Historial  {
    border-collapse: collapse;
}

table#Historial, th#Historial, td#Historial {
    border: 1px solid black;
}

#ModifAgenda {background-color: #F5FFFA;}

.confirmada{
    color: #EC7063;
}
.confirmada a{
    color: #EC7063;
}
.asignada{
    color: #3498DB;
}
.asignada a{
    color: #3498DB;
}
.llamada{
    color: #b36a00;
}
.mensaje{
    color: #9855D1;
}
.llamada a{
    color:#b36a00;
}
.mensaje a{
    color:#9855D1;
}