/*instrucciones generales*/
* { margin: auto; }
/*cabecera de la página*/
h1 { text-align: center; padding: 0.5em; }
/*div principal del calendario*/
#calendario { max-width: 536px; 
              background-color:#FCF9F9; text-align: center; }
/*tabla del calendario*/
#diasc { border: 1px solid black;  border-spacing: 4px; }
#diasc th,#diasc td { font: normal 10pt arial; width: 70px; height: 30px; }
#diasc th { color: black; background-color: #B6BADE }
#diasc td { color: white; background-color: white }
/*línea de la fecha actual*/
#fechaactual { font: bold 10pt arial; padding: 0.4em }
#fechaactual i { cursor: pointer ; }
#fechaactual i:hover { color: #B6BADE; text-decoration: underline; }
/*formulario de busqueda de fechas*/
#buscafecha { background-color: #FCF9F9; color: #9bf5ff; padding: 5px }
#buscafecha select, #buscafecha input  { background-color: white; 
            color: black; font: bold 8pt arial;  }
#buscafecha [type=text]  { text-align: center; }
#buscafecha  [type=button] { cursor: pointer; }
/*cabecera del calendario*/ 
#anterior { float: left; width: 100px; font: bold 12pt arial;
          padding: 0.5em 0.1em; cursor: pointer ; }
#posterior { float: right; width: 100px; font: bold 12pt arial; 
          padding: 0.5em 0.1em; cursor: pointer ;}
#anterior:hover {color: blue;text-decoration: underline;}
#posterior:hover {color: blue; text-decoration: underline;}
#titulos { font: normal 12pt "arial black"; padding: 0.2em; }