/*instrucciones generales*/
* { margin: auto; }
/*cabecera de la página*/
h1 { text-align: center; padding: 0.8em;color: white; }
/*div principal del calendario*/
#calendario { border: 4px double white ; max-width: 376px; 
              background-color:#c0c0c0; text-align: center; }
/*tabla del calendario*/
#diasc { border: 1px solid white; border-collapse: 
         separate; border-spacing: 4px; }
#diasc th,#diasc td { font: normal 9pt arial; width: 50px; height: 10px; }
#diasc th { color: #ffffff; background-color: #c0c0c0  }
#diasc td { color:#c3c3c3; background-color: #ffffff }
/*línea de la fecha actual*/
#fechaactual { font: normal 9pt arial; padding: 0.5em color:#ffffff; }
#fechaactual i { cursor: pointer ; }
#fechaactual i:hover { color: gray; text-decoration: underline; }
/*formulario de busqueda de fechas*/

/*cabecera del calendario*/ 
#anterior { float: left; width: 50px; font: bold 9pt arial;color: white;
          padding: 0.5em 0.1em; cursor: pointer ; }
#posterior { float: right; width: 50px; font: bold 9pt arial; 
          padding: 0.5em 0.1em; cursor: pointer ;color: white;}
#anterior:hover {color: black;text-decoration: underline;}
#posterior:hover {color: red; text-decoration: underline;}
#titulos { font: normal 12pt "Helvetica"; color: black; padding: 0.2em; }