body { font-family: Cambria; font-size: 16px; }
    p { text-align: justify; margin: 16px 0; }
    p.re { text-align: right; }
    p.ind { text-align: left; margin: 16px 0 0 30px; }
    h2 { text-align: center; }
    a.rem { font-size: 13px; color: red; vertical-align: top; text-decoration: none; }
    div.ctr { margin: 16px 100px; width: 400px; }
    div.date, div.re { text-align: right; margin: 16px 0; }
    div.date { width: 140px; background-color: #DDD; padding:10px; }
    figure { margin: 0; }
    figure.li { float: left; margin: 6px 15px 0 0; width: 50%; }
    figure.re { float: right; margin: 6px 0 0 15px;  width: 50%; }
    figcaption { font-family: Courier;  font-size: 11px; font-weight: bold; text-align: left; }
    tr, sup { vertical-align: top; }
    .spw { letter-spacing: 8px; }
    .sp { letter-spacing: 5px; }
    img { max-width:100%; }
    div.rem { font-size: 13px; }    
    li { margin: 0 20px; } 
    div.rem li { margin: 0; padding-left: 6px; }
    ol.pt li { margin-left: -12px; }
    ol.br li, div.rem ul li, .un li, div.rem .un li { margin-left: -20px; }
    ol.br li::marker {
       content: counter(list-item)") ";
    }
    ol.pt li::marker {
       content: "• "counter(list-item)") ";
    }
 }