body {
  font-family: sans-serif;
  margin: 0;
}

.header {
  background-color: #585;
  padding: 25px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  text-align: center;
}

.header h1 {
  color: #32a;
  font-size: 200%;
}

.header h1 a {
  color: inherit;
  background: inherit;
  text-decoration: inherit;
}

.header h2 {
  color: #004;
  font-size: 130%;
}

.about {
  background-color: #8c8;
  padding: 1em 1ex 1em 1ex;
  border-bottom: solid 1px black;
}

.about p {
  max-width: 800px;
  font-size: 110%;
  text-align: justify;
  margin: auto;
}

.content {
  padding: 0 1ex 0 1ex;
  max-width: 800px;
  text-align: justify;
  margin: auto;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.footer {
  background-color: #8c8;
  padding: 1em 1ex 1em 1ex;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}

.footer p {
    max-width: 800px;
    margin: auto;
}

/* links */

a {
    color: #0033bb;
    text-decoration: none;
}
a:visited { color: #0033bb; }
a:hover {
    color: black;
    background: #e0e0e0;
}

/* display blocks, centered
 * use span instead of div so it won't break paragraphs */

span.display {
    display: block;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* table caption */

table caption {
    margin-top: -0.3em;
    font-size: 80%;
}

/* configure embedded_schedule */
:root {
  --knowl-background: #efefefbb;
  --knowl-border-color: #cdcdcdcd;
  --link-color: #0033bb;
  --link-hover-color: black;
  --link-hover-background: #c0c0c080;
  --row-background-even: #dfd;
  --row-background-odd: #fff;
  --font: inherit;
}

div.embedded_schedule *[knowl] {
    border-bottom: 1px dotted var(--link-color);
}
div.embedded_schedule *[knowl]:hover,
div.embedded_schedule *[knowl].active {
  border-bottom: 2px dotted var(--link-hover-color);
  color: var(--link-hover-color);
}

/* adjust table.ntdata */
div.embedded_schedule table.ntdata {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}
div.embedded_schedule table.ntdata th.yourtime {
  text-align: center;
  padding-right: 0;
  padding-left: 0;
}
div.embedded_schedule table.ntdata td.monthdate {
  text-align: center;
  white-space: nowrap;
  min-width: 0;
}
div.embedded_schedule table.ntdata td.speaker {
  text-align: left;
  white-space: normal;
  min-width: 0;
}
div.embedded_schedule table.ntdata td.talktitle {
  text-align: left;
  white-space: normal;
  min-width: 0;
}


/* mod_autoindex style */

table#indexlist {
    width: 100%;
}

table#indexlist td.indexcolsize {
  text-align: right;
  padding-right: 5ex;
}
table#indexlist tr.even {
    background: #E3F2FD;
}
table#indexlist tr.indexhead th {
  /*display: initial;*/
  visibility: hidden;
}
table#indexlist tr.indexhead th:before {
  visibility: visible;
}
table#indexlist th.indexcolname:before {
  content: "Nombre";
}
table#indexlist th.indexcollastmod:before {
  content: "Fecha";
}
table#indexlist th.indexcolsize:before {
  content: "Tamaño";
}
table#indexlist th.indexcoldesc:before {
  content: "Descripción";
}