.nowrap { white-space:nowrap }
  .nobreak { white-space:nowrap }
  table { font-size:inherit; color:inherit }
  blockquote { font-size:84%; margin-top:10px; margin-bottom:10px }
  h3 { border-top:1px solid grey }
  h3.bar { border-top:1px solid grey }

  .typewriter {
     font-family: Lucida Sans Typewriter, Lucida Console, monospace;
  }
  dl.tight dd { margin-left:18px }
  dl.tight dt { margin-top:1em }

  ol.loose li { margin-top:8px }
  ul.loose li { margin-top:8px }

  table.compact { border-collapse:collapse }
  table.compact th { text-align:left; background:#eeeeee }
  table.compact td,th { padding:0 4px 0 8px; border:1px solid grey }

  table td.top { vertical-align:top }
  table td.right  { text-align:right }
  table td.center  { text-align:center }

  table.inset {
    display:inline-table;
    float:left;
    margin:6px 14px 4px 0;
    border-bottom:1px solid grey
  }
  table.inset td { font-size:13px; padding:0; }
  table.inset td img { height:140px; border:1px solid grey;  }
  table.inset.right { display:inline; float:right; margin:0 0 4px 10px }

  div.row  {
    display:flex; align-items: flex-start;
    flex-direction:row; flex-wrap:nowrap; object-fit:contain
  }
  div.row figure img { width:100%; height:auto }

  div.imagecaption {
      padding: 3px;
      margin:6px 14px 4px 0;
      float: left;
      border: 0;
      border-bottom: 1px solid grey;
  }
  div.imagecaption.right {
      float:right; margin:0 0 4px 10px
  }
  figure {
     display:inline-block; float:left; margin:0 10px 4px 0;
  }
  figure.right {
     float:right; margin:0 0 4px 8px;
  }
  figure img {
     height:140px; width:auto; border:1px solid grey;
  }
  figure.fullpage { 
    display: table;
    height: 100%;
  }
  figure.fullpage img { 
/*  display:block; */
    height:100%;
    width:100%;
    max-height: 72vh;
    max-width: 100%;
/*  margin: auto; */
  }
  figcaption {
    display: table-caption;
    caption-side: bottom;
    text-align: left;
    font-size: 13px;
    padding-bottom:2px;
    border-bottom:1px solid grey;
    width:100%;
  }

table.sortable
    th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { content: " \25B4\25BE" }
  table.sortable
    th:hover { color:fuchsia; background:#ffddee; cursor:pointer }

  table.footnote {
    width:80%;
    font-size:86%;
    border-top:1px solid black;
    margin-top:10px;
  }
  table.footnote td { font-size:90%; padding-left:10px; vertical-align:top; }
  table.footnote td:first-child {
    text-align:right; font-size:20px; font-weight:normal; padding:0;
  }
  table.tight td { margin:0; padding:0; border-spacing:0 }

  table.numbered {
      counter-reset: rowNumber;
  }
  table.numbered tr > td:first-child {
      counter-increment: rowNumber;
  }
  table.numbered tr td:first-child::before {
      content: counter(rowNumber) ". ";
      display:inline-block; text-align:right; width:24px; margin-right: 0.5em;
  }
  table.translations a { text-decoration:none }

  .boton { background: #eeeeee; border: 1px solid grey; border-style:outset;
        font-family:sans-serif; font-size:13px; white-space:nowrap;
        font-weight:bold; margin:0; padding:1px 4px 1px 4px; }
  .boton a:link { color:purple; text-decoration:none }
  .boton a:visited { color:purple; text-decoration:none }
  .boton a:hover { color:fuchsia; text-decoration:underline; }
  .boton a:active { color:fuchsia; text-decoration:underline }
  span.boton { margin-right:6px }
  span.boton:hover { background:mistyrose }
  td.boton:hover { background:mistyrose }
  div.buttonrow { line-height:1.8; margin-top:10px }
  div.buttonrow span { font-size:12px; }
  div.buttonrow button a { color:black; font-size:12px; text-decoration:none }
  div.buttonrow button:hover { background:mistyrose }

  link-button  { display:inline-block; background:#eeeeee;
    border:1px solid grey; border-radius:4px; white-space:nowrap;
    font-family:sans-serif; font-size:12.5px; font-weight:bold;
    padding:0 6px 0 6px; margin:8px 6px 0 0 }
  link-button a:link { color:purple; text-decoration:none }
  link-button a:visited { color:purple; text-decoration:none }
  link-button a:hover { color:fuchsia; text-decoration:underline; }
  link-button a:active { color:fuchsia; text-decoration:underline }
  div.languagebuttons { line-height:1.4; text-align:center; margin-top:8px }

  .menuflex a { text-decoration:none }
  .menuflex a:link { color:darkmagenta  }
  .menuflex a:visited { color:darkmagenta }
  .menuflex a:hover { color:indigo; font-variant:small-caps }
  .menuflex a:active { color:black }

  div.menuflex {
     background:#eeeeee;
     border-top: 1px solid mediumorchid;
     border-bottom: 1px solid mediumorchid;
     width: 100%;
     font-family:calibri, arial narrow, arial, sans-serif, times;
     font-size:13px;
     display: table;
     table-layout: fixed;
  }
  div.menuflex ul {
     margin: 0;
     padding: 0;
  }
  div.menuflex ul li {
     background-color: #eeeeee;
     list-style: none;
     text-align: center;
     text-decoration: none;
     font-size:13px;
     color: darkmagenta;
     padding: 2px 0 2px 0;
     border-right: 1px solid plum;
  }
  div.menuflex ul li.this {
     color:black;
     background-color: #e0e0e0;
  }
  div.menuflex ul li:hover { background-color:thistle }

  div.menuflex ul {
     line-height:1.1;
     display: table-row;
  }
  div.menuflex ul li {
     display: table-cell;
  }
  div.menuflex.bottom {
     border-bottom:0;
  }
  div.thumbnails { margin:10px  }
  div.thumbnails img { margin:6px  }

  ul,ol.compact  { margin-top:0 }
  ul,ol.compact  li { font-size:90% }

  div.photocredit { margin:-6px 0 10px 0; font-size:80%; }

  div.references {
     margin-top:22px; margin-bottom:0; padding-bottom:0;
     font-size:110%; font-style:italic; border-top:1px dotted grey; 
  }
  div.references ol,ul { margin-top:4px }
  div.references ol,ul li {
     margin: 0 4% 6px 0; font-style:normal; font-size:13px;
  }

  ol,ul.references { font-size:86% }
  ol,ul.references li { margin-bottom:6px; margin-right:4% }
  ol,ul.references { margin-top:4px }

  ol,ul.small li { font-size:84%; margin-top:4px }

  my-tt { font-family:monospace; font-size:88% }
  my-big { font-size:110% }
  my-small { font-size:90% }

  .cse .gsc-control-cse, .gsc-control-cse { padding: 0em; }

  .smcaps { font-variant:small-caps }

  .clear { clear:both; display:block; position:relative; text-align:left }

  body {
     font-family:calibri,arial narrow,sans-serif,times; font-size:15px;
     color:black; background:white; margin:12px; padding:0; border:0
  }
  @media screen and (max-width: 420px) {
     div.thumbnails { line-height:1.0; }
     div.thumbnails img { margin:4px 0px 0 0; height:100px; }
     div.menuflex ul li { font-size:11px; }
     blockquote { margin-left:1em; }
     td { padding:4px }
  }
  @media screen and (max-width: 360px) {
     div.thumbnails img { margin:2px 0px 0 0; height:80px; }
  }