@charset "UTF-8";
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: "";
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}
@font-face {
  font-family: "LiberoEgalspaca";
  font-style: normal;
  font-weight: normal;
  src: url("/stilo/css/fonts/liberationmono-regular.woff2") format("woff2"), url("/stilo/css/fonts/liberationmono-regular.woff") format("woff");
}
@font-face {
  font-family: "LiberoEgalspaca";
  font-style: normal;
  font-weight: bold;
  src: url("/stilo/css/fonts/liberationmono-bold.woff2") format("woff2"), url("/stilo/css/fonts/liberationmono-bold.woff") format("woff");
}
@font-face {
  font-family: "LiberoEgalspaca";
  font-style: italic;
  font-weight: normal;
  src: url("/stilo/css/fonts/liberationmono-italic.woff2") format("woff2"), url("/stilo/css/fonts/liberationmono-italic.woff") format("woff");
}
@font-face {
  font-family: "LiberoEgalspaca";
  font-style: italic;
  font-weight: bold;
  src: url("/stilo/css/fonts/liberationmono-bolditalic.woff2") format("woff2"), url("/stilo/css/fonts/liberationmono-bolditalic.woff") format("woff");
}
@font-face {
  font-family: "Kablo";
  font-style: normal;
  font-weight: normal;
  src: url("/stilo/css/fonts/kablo.woff2") format("woff2"), url("/stilo/css/fonts/kablo.woff") format("woff");
}
@font-face {
  font-family: "Kablo";
  font-style: normal;
  font-weight: bold;
  src: url("/stilo/css/fonts/kablo.woff2") format("woff2"), url("/stilo/css/fonts/kablo.woff") format("woff");
}
@font-face {
  font-family: "Kablo";
  font-style: italic;
  font-weight: normal;
  src: url("/stilo/css/fonts/kablo-italic.woff2") format("woff2"), url("/stilo/css/fonts/kablo-italic.woff") format("woff");
}
@font-face {
  font-family: "Kablo";
  font-style: italic;
  font-weight: bold;
  src: url("/stilo/css/fonts/kablo-italic.woff2") format("woff2"), url("/stilo/css/fonts/kablo-italic.woff") format("woff");
}
@font-face {
  font-family: "Gentium";
  font-style: normal;
  font-weight: normal;
  src: url("/stilo/css/fonts/gentium-basic-v12-latin-regular.woff2") format("woff2"), url("/stilo/css/fonts/gentium-basic-v12-latin-regular.woff") format("woff");
}
html {
  margin: 0;
  padding: 0;
  background-color: #ccc;
  color: #000;
}

body {
  margin: 0;
  padding: 1em;
  background-color: #fff;
  width: 66em;
  color: #222;
}
body.fronto #chefpagholigilo {
  display: none;
}
body #bertilopaghomenuo.SEN {
  display: none;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  color: #474;
  margin: 0.9em 0 0.5em 0;
  position: relative;
}
body h1 {
  font-size: 2em;
}
body h2 {
  font-size: 1.6em;
  border-bottom: 0.15em solid #696;
  background-color: white;
}
body h3 {
  font-size: 1.4em;
}
body h4 {
  font-size: 1.2em;
  margin-top: 1.1em;
}
body h5 {
  font-size: 1.1em;
}
body h6 {
  font-size: 1em;
}
body p {
  margin: 0.5em 0 0 0;
}
body p.subskribo {
  text-align: right;
}
body p.subtitolo {
  font-weight: bold;
}
body h1 a.permo, body h2 a.permo, body h3 a.permo, body h4 a.permo, body h5 a.permo, body h6 a.permo {
  position: absolute;
  top: 0;
  right: 0;
}
body a:link {
  color: #474;
  font-weight: bold;
  background-color: transparent;
  text-decoration: none;
}
body a:visited {
  color: #696;
  font-weight: bold;
  background-color: transparent;
  text-decoration: none;
}
body a:hover, body a:active, body a:focus {
  outline: 1px dotted #888;
  background-color: #efe;
  color: #474;
  font-weight: bold;
  text-decoration: none;
}
body h1 a:visited, body h2 a:visited, body h3 a:visited, body h4 a:visited, body h5 a:visited, body h6 a:visited, body p.subhead a:visited {
  color: #474;
}
body h1 a:hover, body h1 a:active, body h1 a:focus, body h2 a:hover, body h2 a:active, body h2 a:focus, body h3 a:hover, body h3 a:active, body h3 a:focus, body h4 a:hover, body h4 a:active, body h4 a:focus, body h5 a:hover, body h5 a:active, body h5 a:focus, body h6 a:hover, body h6 a:active, body h6 a:focus, body p.subhead a:hover, body p.subhead a:active, body p.subhead a:focus {
  background-color: inherit;
}
body #chefaligilo h1 {
  display: inline-block;
  margin-right: 2em;
}
body #allaserchilo {
  font-family: Kablo, Arial, sans-serif;
  position: absolute;
  top: 0.2em;
  right: 1em;
}
body header, body .header {
  font-size: 100%;
  margin-bottom: 0.5em;
  position: relative;
}
body header div #bertilobildo, body .header div #bertilobildo {
  display: none;
}
body header div h1, body .header div h1 {
  font-size-adjust: 0.6;
  font-size: 2.5em;
  letter-spacing: 0.05em;
  margin: 0.2em 0 0 0;
  padding: 0;
}
body del, body s {
  background-color: #ddd;
}
body ins {
  background-color: yellow;
}
body div.blokcitajho {
  margin: 0.4em 0 0.4em 0;
  padding: 0;
  border-width: 0.1em;
  border-style: solid;
  border-color: #ddd #aaa #aaa #ddd;
  color: inherit;
  border-radius: 0.5em;
  background: transparent url(/bildoj/citilo_maldekstra.png) 1% 1% no-repeat;
  background-position: 5px 5px;
}
body div.blokcitajho blockquote {
  margin: 0;
  padding: 10px 50px;
  background: transparent url(/bildoj/citilo_dekstra.png) 99% 99% no-repeat;
}
body div.blokcitajho blockquote p {
  margin: 0.5em 0;
  padding: 0;
}
body div.blokcitajho .blokfonto {
  margin: 0.4em 0 0.2em 1em;
  padding: 0.4em;
  font-size: 80%;
  color: #8c6e41;
  background-color: transparent;
}
body table {
  border-collapse: collapse;
  background-color: #fff;
  margin: 0.5em 0;
}
body table tr:hover {
  outline-width: 0px;
}
body table th, body table td {
  padding: 0.3em 0.7em 0.3em 0.3em;
  border: 1px solid #aaa;
  vertical-align: baseline;
}
body table th {
  text-align: left;
}
body table td {
  text-align: left;
}
body table th.dekstrigi, body table td.dekstrigi {
  text-align: right;
}
body table th.centrigi, body table td.centrigi {
  text-align: center;
}
body table ul, body table ol {
  margin-top: 0;
  margin-bottom: 1em;
}
body.lanlin div.plus3 {
  margin-top: 0.5em;
}
body.pmeg th, body.pmeg td {
  border-width: 0;
}
body.pmeg table tr:hover {
  outline-width: 1px;
}
body.pmeg #pmegkovrilo {
  margin: -0.2em 2em 2em 0.2em;
  float: left;
  border: 1px solid #aaa;
  border-radius: 0.2em;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
}
body.pmeg #detaloj p.granda {
  font-size: 120%;
  margin: 1em 0;
}
body.pmeg #detaloj hr {
  clear: both;
}
body.pmeg #enhavo #chefpaghopomogranda {
  display: block;
  width: 8em;
  margin: 0 auto;
}
body.pmeg #enhavo #chefpaghoheader {
  width: 12em;
  margin: 0 auto;
}
body.pmeg #enhavo #chefpaghoautoro {
  font-size: 1em;
  text-align: center;
  letter-spacing: 0.05em;
}
body.pmeg #enhavo p.rompo {
  clear: both;
}
body.pmeg #enhavo div h1 {
  font-family: Gentium;
}
body.pmeg #enhavo div h1 a:hover {
  outline: 0 solid white;
}
body.pmeg #enhavo div h1 span.h1titolo {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  font-size: 1.2em;
}
body.pmeg #enhavo div h1 abbr[title] {
  border-bottom-width: 0;
}
body.pmeg #enhavo div h1 img {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0.3em 0.2em;
}
body.pmeg #enhavo div h1#chefpaghotitolo {
  line-height: 0.8;
  margin: 0.2em 0 0 0;
  font-size: 4em;
  letter-spacing: 0.05em;
  text-align: center;
}
body.pmeg #enhavo div h1#chefpaghotitolo a {
  color: black;
  font-weight: normal;
}
body.pmeg #enhavo div h1#chefpaghotitolo a #chefpagho2020 {
  display: block;
  font-size: 50%;
  margin: 0;
  text-align: right;
}
body.pmeg #enhavo div h1#chefpaghotitolo a:hover {
  outline: 0px solid #fff;
}
body.pmeg #chefpaghoplenanomo {
  text-align: center;
  background-color: #4c9757;
  color: white;
  width: auto;
  margin: 1em auto;
  font-size: 1em;
  line-height: 1;
  padding: 0.5em;
}
body.pmeg #chefpagholigiloj {
  text-align: center;
  color: #4c9757;
}
body.pmeg #chefpagholigiloj a {
  color: #4c9757;
}
body.pmeg span[data-im] {
  background-color: #ddd;
  color: #000;
  font-family: monospace !important;
  font-size: 14px;
  display: block;
  padding: 0.1em;
  margin-bottom: 2px;
}
body.pmeg span[data-im]:after {
  content: attr(data-im);
  font-weight: normal;
  font-style: normal;
}
body.pmeg p span[data-im] {
  margin-left: -1em !important;
  text-indent: 0 !important;
}
body #literoj th {
  padding: 0.2em;
}
body #literoj td {
  padding: 0.2em;
  text-align: center;
}
body #i-69o {
  margin-left: 1em;
}
body #i-69o td {
  padding-right: 2em;
}
body #unu-nombro-multe-nombro td, body #unu-nombro-multe-nombro th, body #da-tabelo td, body #da-tabelo th {
  padding: 0 0.2em;
}
body #tabelo-de-tabelvortoj tr:hover {
  outline-width: 0;
}
body #tabelo-de-tabelvortoj th, body #tabelo-de-tabelvortoj td {
  border: 1px solid #000;
}
body #tabelo-de-tabelvortoj th p, body #tabelo-de-tabelvortoj td p {
  text-align: left;
  margin-top: 0;
}
body #tabelo-de-tabelvortoj th.post {
  width: 3em;
}
body #ali-vortoj-reformaj-kaj-oficialaj th:first-child {
  padding-right: 2em;
}
body table.helposignoj-elparolatajdifinolisto th,
body table.helposignoj-ne-elparolatajdifinolisto th {
  width: 3.5em;
}
body table.qwxydifinolisto {
  margin-left: 1em;
}
body #nombrajvortetoj {
  width: 12em;
}
body #nombrajvortetoj th {
  width: 5em;
}
body #nombrajvortetoj td {
  width: 7em;
  padding-right: 1em;
}
body #nombrajvortetoj td.dekstrigi,
body table.nombrokombinoj th.dekstrigi {
  text-align: right;
}
body table.nombrokombinoj {
  width: 30em;
}
body table.nombrokombinoj th {
  width: 4em;
}
body table.nombrokombinoj td {
  width: 12em;
  text-align: left;
}
body table tr:hover {
  outline: 0px dashed #aaa;
}
body table tr:hover th, body table tr:hover td {
  background-color: #efe;
}
body table caption {
  font-weight: bold;
  text-align: left;
}
body div.matematika-tabelo td.formulo {
  width: 7em;
}
body div.matematika-tabelo.horoj td.formulo {
  width: 7em;
}
body #i-5nl th:first-child {
  padding-right: 4em;
}
body div.nerekta-parolo table th {
  padding-right: 1em;
}
body table.simboloj-mallongigoj {
  margin-bottom: 1em;
  width: 100%;
}
body table.simboloj-mallongigoj th {
  width: 9em;
}
body table.simboloj-mallongigoj td {
  padding: 0;
}
body #tabelo-de-nepivaj-elementoj tr:hover, body #tabelo-de-novaj-vortoj tr:hover {
  outline-width: 0;
}
body #tabelo-de-nepivaj-elementoj th, body #tabelo-de-nepivaj-elementoj td, body #tabelo-de-novaj-vortoj th, body #tabelo-de-novaj-vortoj td {
  border: 1px solid #aaa;
}
body #i-2u1 th {
  width: 9.5em;
  padding-right: 0.5em;
}
body #bibliajlibroj td {
  padding-right: 1em;
}
body ul, body ol {
  margin: 0.5em 0;
  padding: 0;
}
body ul li, body ol li {
  padding: 0;
  margin: 0 0 0 1.5em;
}
body ul {
  list-style-type: circle;
}
body ul ul {
  list-style-type: disc;
}
body ul ul ul {
  list-style-type: square;
}
body ul ul ul ul {
  list-style-type: circle;
}
body ul ul ul ul ul {
  list-style-type: disc;
}
body ul ul ul ul ul ul {
  list-style-type: square;
}
body ul.bibliografio {
  padding: 0 !important;
}
body ul.bibliografio li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
body ul.bibliografio p {
  text-align: left;
}
body p.fonto {
  margin-left: 1.2em;
  text-indent: -1.2em;
}
body td p.fonto {
  margin-top: 0;
  margin-bottom: 0;
}
body p.noto {
  font-size: 80%;
  margin-left: 3em;
}
body p.noto span.noto {
  font-weight: bold;
}
body p.gravaatentigo {
  border: 4px solid #d00;
  background-color: #ffa;
  padding: 1em;
  font-weight: bold;
  border-radius: 0.5em;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
}
body p.gravaatentigo strong {
  color: red;
}
body kbd, body pre, body samp {
  font-family: LiberoEgalspaca, "Andale Mono", Monaco, "Deja Vu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  font-size: 90%;
}
body main footer[role=contentinfo], body .main .footer[role=contentinfo] {
  clear: both;
  font-family: LiberoEgalspaca, "Andale Mono", Monaco, "Deja Vu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  padding: 1em 0.5em 1em 0.5em;
  margin: 1em auto 0 auto;
  border-top: 2px dashed #474;
  background: none repeat scroll 0 0 #FFFFFF;
}
body main footer[role=contentinfo] ul, body .main .footer[role=contentinfo] ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
body main footer[role=contentinfo] ul li, body .main .footer[role=contentinfo] ul li {
  word-break: break-all;
  hyphens: auto;
}
body main footer[role=contentinfo] #piedokreakomunajho, body .main .footer[role=contentinfo] #piedokreakomunajho {
  padding-top: 0.5em;
}
body main footer[role=contentinfo] #piedokreakomunajho img, body .main .footer[role=contentinfo] #piedokreakomunajho img {
  border-width: 0;
  margin-top: 0.5em;
  height: 1.9em;
}
body.pmeg main a.REFERRER, body.pmeg .main a.REFERRER {
  background-color: #474;
  color: #fff;
  padding: 0.1em 0.2em;
}
body.pmeg main b, body.pmeg .main b {
  font-weight: normal;
  border-bottom: 1px solid #666;
}
body.pmeg main strong b, body.pmeg .main strong b {
  font-weight: bold;
}
body.pmeg main span.klariga-aldono, body.pmeg .main span.klariga-aldono {
  color: #aaa;
  background-color: inherit;
  font-style: normal;
  font-weight: normal;
}
body.pmeg main .ekzlisto span.klariga-aldono, body.pmeg .main .ekzlisto span.klariga-aldono {
  color: #666;
  background-color: inherit;
}
body.pmeg main span.ellasita-parto, body.pmeg .main span.ellasita-parto {
  color: #666;
  background-color: inherit;
  font-style: normal;
}
body.pmeg main span.ellasita-parto.montrata, body.pmeg .main span.ellasita-parto.montrata {
  font-style: inherit;
}
body.pmeg main span.ellasita-parto.montrata,
body.pmeg main span.ellasita-parto span, body.pmeg .main span.ellasita-parto.montrata,
body.pmeg .main span.ellasita-parto span {
  cursor: help;
}
body.pmeg main span.fonto span.fkr, body.pmeg .main span.fonto span.fkr {
  display: none;
}
body.pmeg main cite.fonto, body.pmeg .main cite.fonto {
  font-size: 70%;
  line-height: 0;
  position: relative;
  margin-left: 0.3em;
}
body.pmeg main cite.fonto, body.pmeg .main cite.fonto {
  top: -0.4em;
}
body.pmeg main cite.fonto[data-tde] abbr:after, body.pmeg .main cite.fonto[data-tde] abbr:after {
  content: "⇗";
  margin-left: 0.3em;
}
body.pmeg main abbr.klarigo, body.pmeg .main abbr.klarigo {
  color: #f00;
  background-color: transparent;
  font-style: normal;
  font-weight: normal;
  border-width: 0;
}
body.pmeg main cite, body.pmeg .main cite {
  font-style: italic;
}
body.pmeg main > h1 abbr[title], body.pmeg .main > h1 abbr[title] {
  border-bottom-width: 0;
}
body.pmeg main cite.fonto, body.pmeg main cite.fonto abbr, body.pmeg .main cite.fonto, body.pmeg .main cite.fonto abbr {
  color: #474;
  background-color: #eee;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  border-width: 0;
  padding: 0em 0.2em;
  border-radius: 0.2em;
}
body.pmeg main #pmegmenuo, body.pmeg main div.pmegmenuo, body.pmeg .main #pmegmenuo, body.pmeg .main div.pmegmenuo {
  padding: 0.2em 0;
  margin: 0.2em auto 0 auto;
  font-family: Kablo, Arial, sans-serif;
  padding: 0.2em 0;
  font-size: 120%;
}
body.pmeg main #pmegmenuo a:link, body.pmeg main #pmegmenuo a:visited, body.pmeg main #pmegmenuo a:hover, body.pmeg main #pmegmenuo a:active, body.pmeg main #pmegmenuo a:focus, body.pmeg main div.pmegmenuo a:link, body.pmeg main div.pmegmenuo a:visited, body.pmeg main div.pmegmenuo a:hover, body.pmeg main div.pmegmenuo a:active, body.pmeg main div.pmegmenuo a:focus, body.pmeg .main #pmegmenuo a:link, body.pmeg .main #pmegmenuo a:visited, body.pmeg .main #pmegmenuo a:hover, body.pmeg .main #pmegmenuo a:active, body.pmeg .main #pmegmenuo a:focus, body.pmeg .main div.pmegmenuo a:link, body.pmeg .main div.pmegmenuo a:visited, body.pmeg .main div.pmegmenuo a:hover, body.pmeg .main div.pmegmenuo a:active, body.pmeg .main div.pmegmenuo a:focus {
  color: #474;
}
body.pmeg main div.pmegmenuo, body.pmeg .main div.pmegmenuo {
  margin-top: 2em;
  padding-top: 2em;
  border-top: 0.15em solid #696;
}
body.pmeg main ul.ekzlisto li, body.pmeg .main ul.ekzlisto li {
  list-style-type: disc;
}
body.pmeg main ul.ekzlisto li ul.sublisto li, body.pmeg .main ul.ekzlisto li ul.sublisto li {
  margin-top: -0.5em;
  list-style-type: "▹";
  margin-left: 0.7em;
  padding-left: 0.2em;
}
body.pmeg main ul.ekzlisto li p, body.pmeg .main ul.ekzlisto li p {
  padding: 0.1em;
}
body.pmeg main ul.ekzlisto li:hover p, body.pmeg .main ul.ekzlisto li:hover p {
  background-color: #efe;
  outline: 1px dashed #aaa;
}
body.pmeg main ul.senbuletoj, body.pmeg .main ul.senbuletoj {
  padding-left: 0em;
}
body.pmeg main ul.senbuletoj li, body.pmeg .main ul.senbuletoj li {
  list-style-type: none;
}
body.pmeg main ul.ekzlisto.senbuletoj, body.pmeg .main ul.ekzlisto.senbuletoj {
  padding-left: 2em;
}
body.pmeg main ul.ekzlisto.senbuletoj li, body.pmeg .main ul.ekzlisto.senbuletoj li {
  list-style-type: none;
}
body.pmeg main ul.neekzemploj > li, body.pmeg .main ul.neekzemploj > li {
  list-style-type: none;
  margin-left: 0.4em;
}
body.pmeg main ul.neekzemploj > li > ul, body.pmeg .main ul.neekzemploj > li > ul {
  margin-left: 1em;
}
body.pmeg main ul.neekzemploj > li > ul + p, body.pmeg .main ul.neekzemploj > li > ul + p {
  margin-left: 1em;
}
body.pmeg main ul.neekzemploj > li > p, body.pmeg .main ul.neekzemploj > li > p {
  margin: 0 0 0 1em;
}
body.pmeg main ul.neekzemploj > li:before, body.pmeg .main ul.neekzemploj > li:before {
  content: "►";
  font-size: 60%;
  float: left;
  margin-top: 0.5em;
  padding-right: 0.5em;
}
body.pmeg main ul.neekzemploj.disa > li, body.pmeg .main ul.neekzemploj.disa > li {
  margin-bottom: 1.2em;
}
body.pmeg main ul.neekzemploj.disa > li > ul + p, body.pmeg .main ul.neekzemploj.disa > li > ul + p {
  margin-left: 1.7em;
}
body.pmeg main div.blokcitajho, body.pmeg .main div.blokcitajho {
  margin-top: 0;
  margin-bottom: 0;
  border-width: 0;
  background: none;
}
body.pmeg main div.blokcitajho blockquote, body.pmeg .main div.blokcitajho blockquote {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
}
body.pmeg main div.blokcitajho blockquote p, body.pmeg .main div.blokcitajho blockquote p {
  margin-bottom: 0;
}
body.pmeg main div.blokcitajho .blokfonto, body.pmeg .main div.blokcitajho .blokfonto {
  margin-top: 0;
  margin-left: 4em;
}
body.pmeg main span.radiko, body.pmeg .main span.radiko {
  white-space: nowrap;
}
body.pmeg main span.radiko span, body.pmeg .main span.radiko span {
  text-decoration: overline;
}
body.piv main ul, body.piv .main ul {
  margin-left: 0;
  padding-left: 0;
}
body.piv main .sek1 li, body.piv .main .sek1 li {
  margin: 0.5em 0;
  padding-bottom: 0.5em;
  list-style-type: none;
}
body.piv main .sek2 blockquote, body.piv .main .sek2 blockquote {
  font-style: italic;
}
body.piv main .sek2 ul, body.piv .main .sek2 ul {
  margin-left: 0;
  margin-right: 0;
}
body #shangholistohtml5 td:first-child {
  width: 6em;
}
body #enhavo h1 code, body #enhavo h1 kbd, body #enhavo h1 samp, body #enhavo h2 code, body #enhavo h2 kbd, body #enhavo h2 samp, body #enhavo h3 code, body #enhavo h3 kbd, body #enhavo h3 samp, body #enhavo h4 code, body #enhavo h4 kbd, body #enhavo h4 samp, body #enhavo h5 code, body #enhavo h5 kbd, body #enhavo h5 samp, body #enhavo h6 code, body #enhavo h6 kbd, body #enhavo h6 samp {
  font-weight: bold;
  font-size: 100%;
}
body #enhavo header p.subhead {
  font-weight: bold;
  color: #474;
  margin-top: -0.5em;
  margin-bottom: 1em;
  font-size: 1.2em;
}
body #enhavo abbr[title] {
  border-bottom: 1px dotted #aaa;
  text-decoration: none;
  font-style: normal;
}
body code, body kbd, body pre, body samp {
  font-family: LiberoEgalspaca, "Andale Mono", Monaco, "Deja Vu Sans Mono", "Bitstream Vera Sans Mono", monospace;
}
body pre {
  padding: 0.3em;
}
body p.kodo, body pre.kodo, body p.komandoj, body pre.komandoj {
  font-family: LiberoEgalspaca, "Andale Mono", Monaco, "Deja Vu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  color: #0a0;
  background-color: #eee;
  padding: 1em;
  border-style: solid;
  border-color: #474;
  border-width: 1px;
  overflow: auto;
  border-radius: 0.5em;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
}
body p.kodo b.negrave, body pre.kodo b.negrave, body p.komandoj b.negrave, body pre.komandoj b.negrave {
  font-weight: normal;
  color: #aaa;
}
body p.kodo b.SINTAKSO, body p.kodo b.SINTAKSOSIMPLA, body pre.kodo b.SINTAKSO, body pre.kodo b.SINTAKSOSIMPLA, body p.komandoj b.SINTAKSO, body p.komandoj b.SINTAKSOSIMPLA, body pre.komandoj b.SINTAKSO, body pre.komandoj b.SINTAKSOSIMPLA {
  font-weight: normal;
  color: #444;
}
body p.kodo b.S_KOMENTO, body pre.kodo b.S_KOMENTO, body p.komandoj b.S_KOMENTO, body pre.komandoj b.S_KOMENTO {
  color: #eee;
  background-color: #888;
  padding: 0.2em 0.5em;
}
body p.kodo b.S_ELEMENTO, body pre.kodo b.S_ELEMENTO, body p.komandoj b.S_ELEMENTO, body pre.komandoj b.S_ELEMENTO {
  color: green;
}
body p.kodo b.S_ATRIBUTO, body pre.kodo b.S_ATRIBUTO, body p.komandoj b.S_ATRIBUTO, body pre.komandoj b.S_ATRIBUTO {
  color: #a44;
}
body p.kodo b.S_VALORO, body pre.kodo b.S_VALORO, body p.komandoj b.S_VALORO, body pre.komandoj b.S_VALORO {
  font-weight: normal;
  color: #338;
}
body p.kodo b.SINTAKSO.ERARAEKZEMPLO, body pre.kodo b.SINTAKSO.ERARAEKZEMPLO, body p.komandoj b.SINTAKSO.ERARAEKZEMPLO, body pre.komandoj b.SINTAKSO.ERARAEKZEMPLO {
  font-style: italic;
}
body p.kodo b.SINTAKSO.ERARAEKZEMPLO b.S_ELEMENTO, body pre.kodo b.SINTAKSO.ERARAEKZEMPLO b.S_ELEMENTO, body p.komandoj b.SINTAKSO.ERARAEKZEMPLO b.S_ELEMENTO, body pre.komandoj b.SINTAKSO.ERARAEKZEMPLO b.S_ELEMENTO {
  color: #600;
}
body > header, body > .header, body main, body .main {
  max-width: 50em;
}
body main pre, body main code, body main kbd, body main samp, body main p.komandoj, body main pre.komandoj, body .main pre, body .main code, body .main kbd, body .main samp, body .main p.komandoj, body .main pre.komandoj {
  font-size: 80%;
  font-weight: bold;
}
body main pre code, body main p.komandoj code, body .main pre code, body .main p.komandoj code {
  font-size: 1em;
  font-weight: normal;
}
body main code.erara, body .main code.erara {
  color: #f00;
  background-color: inherit;
}
body footer[role=contentinfo], body .footer[role=contentinfo], body table.sennula, body pre, body code, body kbd, body samp, body p.komandoj, body pre.komandoj, body.html .signokodtabelo h2 {
  font-family: LiberoEgalspaca, "Andale Mono", Monaco, "Deja Vu Sans Mono", "Bitstream Vera Sans Mono", monospace;
}
body td.ifa {
  font-family: arial;
}
body table.sennula {
  margin-left: 1em;
  font-family: monospace;
}
body table.sennula td, body table.sennula th {
  vertical-align: top;
  padding: 0.3em;
}
body table.sennula thead th {
  text-align: left;
  padding-left: 3em;
}
body table.sennula tbody th, body table.sennula tbody td.nombro {
  text-align: right;
}
body.html span.kodo {
  color: #474;
  background-color: inherit;
  font-family: LiberoEgalspaca, "Andale Mono", Monaco, "Deja Vu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  font-weight: bold;
}
body.html .signokodtabelo {
  min-width: 100%;
  border-width: 0.2em;
  border-style: solid;
  border-color: #aaa;
  margin-top: 0.6em;
  font-family: "Arial", sans-serif;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
body.html .signokodtabelo td, body.html .signokodtabelo th {
  border-width: 0;
  border-collapse: separate;
}
body.html .signokodtabelo td {
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: top;
  border: 1px solid #ddd;
  background-color: #ddd;
}
body.html .signokodtabelo td.malplena {
  background-color: #ddd;
}
body.html .signokodtabelo div {
  margin: 0;
  padding: 0;
}
body.html .signokodtabelo h2 {
  font-weight: bold;
  border: 1px outset #808080;
  color: #fff;
  background-color: #222;
  margin: 0.05em;
  padding: 0.1em 0em;
  font-family: monospace;
  font-size: 0.65em;
  float: none;
  white-space: pre;
}
body.html .signokodtabelo div.detaloj {
  border: 1px outset #808080;
  color: #222;
  background-color: #fff;
  margin: 0.05em;
  padding: 0.1em 0.1em;
  font-size: 1em;
}
body.html .signokodtabelo div.signo {
  font-size: 120%;
  background-color: #fbd30d;
  padding: 0.1em;
}
body.html .signokodtabelo div.aparta div.signo {
  background-color: #faa;
}
body.html .signokodtabelo div.aparta div.esperanta {
  font-size: 120%;
  background-color: #2a2;
  color: #fff;
}
body.html .signokodtabelo code {
  color: #222;
}
body.html .signokodtabelo .htmlnomo {
  font-size: 84%;
}
body #bertilopaghomenuo {
  font-family: Arial, sans-serif;
  display: none;
  width: 13em;
  position: fixed;
  top: 0;
  left: 0;
}
body #bertilopaghomenuo ul, body #bertilopaghomenuo li {
  margin: 0;
  padding: 0;
}
body #bertilopaghomenuo #subteno {
  background-color: #fff;
  padding: 0.2em;
  border-radius: 0.5em;
}
body #bertilopaghomenuo #subteno a, body #bertilopaghomenuo #subteno a:link, body #bertilopaghomenuo #subteno a:visited, body #bertilopaghomenuo #subteno a:hover, body #bertilopaghomenuo #subteno a:focus, body #bertilopaghomenuo #subteno a:active {
  text-decoration: none;
  color: #696;
  background-color: #fff;
  text-align: center;
  font-weight: normal;
  font-style: normal;
}
body #bertilopaghomenuo #subteno p {
  text-align: center;
  margin: 0;
}
body #bertilopaghomenuo #subteno hr {
  margin: 0.2em 0;
}
body li.VARIA, body li.SENENHAVO {
  display: none;
}
body.kantotradukoj main div.teksto, body.kantotradukoj .main div.teksto {
  margin-top: 1em;
  margin-left: 1em;
}
body.kantotradukoj main div.teksto p, body.kantotradukoj .main div.teksto p {
  font-style: italic;
}
body.kantotradukoj main div.teksto p.refreno, body.kantotradukoj .main div.teksto p.refreno {
  margin-left: 1em;
}
body.kantotradukoj main span.fremda, body.kantotradukoj .main span.fremda {
  font-style: italic;
}
body #listodenovajhoj p, body #montrinovajhojn p {
  margin-bottom: 0.5em;
}
body #listodenovajhoj span.fremda, body #montrinovajhojn span.fremda {
  font-style: italic;
}

span.data-im {
  display: block;
  font-size: 10pt;
  font-weight: normal;
  font-family: "Noto Sans Mono";
  color: blue;
  background-color: #fff;
  outline: 1px dashed black;
  margin: 0.2em 0;
  padding: 0 0.2em;
}

html.m {
  box-sizing: border-box;
}
html.m body {
  width: auto;
  max-width: 52.1em;
  background-color: #ccc;
  padding: 0.1em 0.2em 0.2em 0.2em;
}
html.m body p {
  text-align: justify;
}
html.m body p.nealkadrige {
  text-align: left;
}
html.m body p.subskribo {
  text-align: right;
}
html.m body > header, html.m body > .header {
  margin: 0.2em 0;
  padding: 0.5em;
  margin-bottom: 0.5em;
  position: relative;
  position: relative;
  background-color: #474;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  padding: 0.1em 1em 0.1em 1em;
  border: 1px solid #ddd;
  border-radius: 0.5em;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
}
html.m body > header h1, html.m body > .header h1 {
  margin: 0;
}
html.m body > header div h1, html.m body > .header div h1 {
  font-size-adjust: 0.6;
  font-size: 2.5em;
  letter-spacing: 0.05em;
  margin: 0.2em 0 0 0;
  padding: 0;
}
html.m body > header #chefaligilo h1, html.m body > .header #chefaligilo h1 {
  display: block;
  margin-right: inherit;
  width: 5em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}
html.m body > header #allaserchilo, html.m body > .header #allaserchilo {
  position: absolute;
  top: 0.15em;
  right: 0.5em;
  background-color: #474;
  border-color: #fff;
  border-width: 2px;
  border-radius: 0.5em;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 0.1em 1em 0.2em 1em;
  font-size: 1em;
  text-align: center;
  background-color: #474;
  color: #ddd;
}
html.m body > header #allaserchilo:hover, html.m body > .header #allaserchilo:hover {
  color: yellow;
}
html.m body > header div a, html.m body > header div a:link, html.m body > header div a:visited, html.m body > header div a:hover, html.m body > header div a:focus, html.m body > header div a:active, html.m body > .header div a, html.m body > .header div a:link, html.m body > .header div a:visited, html.m body > .header div a:hover, html.m body > .header div a:focus, html.m body > .header div a:active {
  text-decoration: none;
  color: #ddd;
  text-align: center;
}
html.m body > header div h1, html.m body > .header div h1 {
  font-size-adjust: 0.6;
  font-size: 2.5em;
  text-shadow: 3px 3px 3px #aaa;
  letter-spacing: 0.05em;
  margin: 0.5em 0 0 0;
  padding: 0;
  color: #ddd;
}
html.m body > header div h1:hover, html.m body > .header div h1:hover {
  color: yellow;
}
html.m body main, html.m body .main {
  margin: 0.2em 0;
  padding: 0.5em;
  padding: 0.1em 1em 0.1em 1em;
  min-height: 150%;
}
html.m body main > div, html.m body .main > div {
  font-size: 1.2em;
}
html.m body #bertilopaghomenuo {
  overflow: auto;
  max-height: 98%;
  display: block;
  width: 5em;
  position: absolute;
  z-index: 100;
  top: 0.7em;
  left: 0.5em;
  margin: 0 0 0.5em 0;
  border: 0px solid transparent;
  background-color: transparent;
  font-size: 90%;
  border-radius: 0.5em;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
}
html.m body #bertilopaghomenuo.SEN {
  display: none;
}
html.m body #bertilopaghomenuo h1 {
  background-color: #474;
  border-color: #fff;
  border-width: 2px;
  padding: 0;
  border-radius: 0.5em;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 0.1em 0.1em 0.2em 0.1em;
  font-size: 1em;
  text-align: center;
  background-color: #474;
  color: #ddd;
}
html.m body #bertilopaghomenuo ul {
  display: none;
  margin: 0;
  padding: 0;
  border-radius: 0.5em;
  background-color: #474;
  color: #fff;
  list-style-type: none;
}
html.m body #bertilopaghomenuo ul a {
  font-weight: bold;
  display: block;
  color: #fff;
}
html.m body #bertilopaghomenuo ul a:link, html.m body #bertilopaghomenuo ul a:visited {
  color: #fff;
  text-decoration: none;
}
html.m body #bertilopaghomenuo ul a:focus, html.m body #bertilopaghomenuo ul a:hover, html.m body #bertilopaghomenuo ul a:active {
  color: yellow;
}
html.m body #bertilopaghomenuo ul a[rel=external] {
  font-style: italic;
}
html.m body #bertilopaghomenuo ul a[rel=external]:after {
  content: "⇗";
  padding-left: 0.1em;
  position: relative;
  top: -0.2em;
}
html.m body #bertilopaghomenuo ul a[rel=external].sensago:after {
  content: "";
}
html.m body #bertilopaghomenuo ul li {
  margin: 0;
  padding: 0;
}
html.m body #bertilopaghomenuo ul li#chefpagholigilo {
  display: none;
  padding-bottom: 0.3em;
  text-align: center;
}
html.m body #bertilopaghomenuo ul li.SENENHAVO {
  display: block;
}
html.m body #bertilopaghomenuo ul li.SENENHAVO a {
  margin: 0.3em 0;
  padding-top: 0.2em;
}
html.m body #bertilopaghomenuo ul li.VARIA {
  display: none;
}
html.m body #bertilopaghomenuo ul li.titolo {
  display: none;
}
html.m body #bertilopaghomenuo ul li.pmeg, html.m body #bertilopaghomenuo ul li.pmeglibro {
  display: none;
}
html.m body #bertilopaghomenuo a:link, html.m body #bertilopaghomenuo a:visited, html.m body #bertilopaghomenuo a:focus, html.m body #bertilopaghomenuo a:hover, html.m body #bertilopaghomenuo a:active {
  margin: 0;
  color: #fff;
  background-color: #474;
  outline: none;
}
html.m body #bertilopaghomenuo h1 a:hover {
  color: #ddd;
}
@media screen and (max-width: 66em) {
  html.m body #bertilopaghomenuo #subteno {
    display: none;
  }
  html.m body #bertilopaghomenuo:hover, html.m body #bertilopaghomenuo:active {
    width: 14em;
    background-color: #474;
    border-color: #ddd;
    border-width: 1px;
    top: 0.7em;
    left: 0.5em;
    border-radius: 0.5em;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
  }
  html.m body #bertilopaghomenuo:hover #subteno, html.m body #bertilopaghomenuo:active #subteno {
    display: block;
  }
  html.m body #bertilopaghomenuo:hover h1, html.m body #bertilopaghomenuo:active h1 {
    text-align: left;
    background-color: transparent;
    border-color: transparent;
    border-width: 0px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.7em;
    border-radius: 0.5em;
    box-shadow: none;
  }
  html.m body #bertilopaghomenuo:hover ul, html.m body #bertilopaghomenuo:active ul {
    display: block;
    padding-top: 0em;
    padding-bottom: 0.5em;
  }
  html.m body #bertilopaghomenuo:hover ul li, html.m body #bertilopaghomenuo:active ul li {
    padding: 0.2em 0.2em 0.2em 0.7em;
  }
}
html.m.ie8 #bertilopaghomenuo #subteno {
  display: none;
}
html.m.ie8 #bertilopaghomenuo:hover, html.m.ie8 #bertilopaghomenuo:active {
  width: 14em;
  background-color: #474;
  border-color: #ddd;
  border-width: 1px;
  top: 0.7em;
  left: 0.5em;
  border-radius: 0.5em;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
}
html.m.ie8 #bertilopaghomenuo:hover #subteno, html.m.ie8 #bertilopaghomenuo:active #subteno {
  display: block;
}
html.m.ie8 #bertilopaghomenuo:hover h1, html.m.ie8 #bertilopaghomenuo:active h1 {
  text-align: left;
  background-color: transparent;
  border-color: transparent;
  border-width: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.7em;
  border-radius: 0.5em;
  box-shadow: none;
}
html.m.ie8 #bertilopaghomenuo:hover ul, html.m.ie8 #bertilopaghomenuo:active ul {
  display: block;
  padding-top: 0em;
  padding-bottom: 0.5em;
}
html.m.ie8 #bertilopaghomenuo:hover ul li, html.m.ie8 #bertilopaghomenuo:active ul li {
  padding: 0.2em 0.2em 0.2em 0.7em;
}
html.m h1, html.m h2, html.m h3, html.m h4, html.m h5, html.m h6 {
  font-family: Kablo, Arial, sans-serif;
  font-weight: normal;
}
html.m main, html.m .main {
  position: relative;
  z-index: 1;
  background-color: #fff;
  color: #222;
  font-family: "Times New Roman", sans-serif;
  padding: 0.3em 1em;
  border: 1px solid #474;
  border-radius: 0.5em 0.5em 0 0;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
}
html.m main header p.subhead, html.m main .header p.subhead, html.m .main header p.subhead, html.m .main .header p.subhead {
  font-family: Kablo, Arial, sans-serif;
}
html.m main footer[role=contentinfo], html.m .main .footer[role=contentinfo] {
  clear: both;
  font-size: 60%;
  font-family: LiberoEgalspaca, "Andale Mono", Monaco, "Deja Vu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  padding: 1em 0.5em 1em 0.5em;
  margin: 1em auto 0 auto;
  border-top: 2px dashed #474;
  background: none repeat scroll 0 0 #FFFFFF;
}
html.m main footer[role=contentinfo] ul, html.m .main .footer[role=contentinfo] ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
html.m main footer[role=contentinfo] ul li, html.m .main .footer[role=contentinfo] ul li {
  word-break: break-all;
  hyphens: auto;
}
html.m main footer[role=contentinfo] #piedokreakomunajho, html.m .main .footer[role=contentinfo] #piedokreakomunajho {
  padding-top: 0.5em;
}
html.m main footer[role=contentinfo] #piedokreakomunajho img, html.m .main .footer[role=contentinfo] #piedokreakomunajho img {
  border-width: 0;
  margin-top: 0.5em;
  height: 1.9em;
}
html.m #SUPREN_SUBEN {
  font-family: Kablo, Arial, sans-serif;
  position: fixed;
  bottom: 0.1em;
  z-index: 10;
  background-color: white;
  border-radius: 0.2em;
  border: 1px solid #aaa;
  color: #474;
  display: block;
  z-index: 10;
  text-align: center;
  width: auto;
  white-space: pre;
}
html.m #SUPREN_SUBEN span {
  cursor: pointer;
  margin-bottom: 0.2em;
  display: inline-block;
  margin-right: 0.4em;
  margin-left: 0.4em;
  font-weight: bold;
}
html.m #SUPREN_SUBEN span.ALENHAVO.aktiva {
  visibility: hidden;
}
@media screen and (min-width: 66em) {
  html.m #SUPREN_SUBEN {
    font-size: 120%;
    background-color: white;
    border: 1px solid #aaa;
    width: 1.2em;
    margin-left: 0.3em;
    margin-top: -1.5em;
    top: 50%;
    height: 3em;
  }
  html.m #SUPREN_SUBEN span {
    margin: 0;
    display: block;
  }
  html.m #SUPREN_SUBEN span.ALENHAVO, html.m #SUPREN_SUBEN span.ALSEKVA, html.m #SUPREN_SUBEN span.ALANTAUA {
    display: none;
  }
}
html.m #signosistemoj {
  font-family: Arial, sans-serif;
  width: auto;
  max-width: 50em;
  padding: 0.5em 1em 0.3em 1em;
  text-align: center;
}
@media screen and (max-width: 20em) {
  html.m #signosistemoj {
    text-align: left;
    padding-left: 0.2em;
    font-size: 90%;
  }
}
html.m #signosistemoj ul {
  margin: 0;
  padding: 0;
}
html.m #signosistemoj ul li {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0;
}
html.m #signosistemoj ul li a, html.m #signosistemoj ul li a:link, html.m #signosistemoj ul li a:visited, html.m #signosistemoj ul li a:hover, html.m #signosistemoj ul li a:focus, html.m #signosistemoj ul li a:active {
  margin: 0;
  padding: 0.3em;
  border-radius: 5px;
  border: 1px solid #aaa;
  cursor: pointer;
  color: #ddd;
  background-color: #474;
  font-size: 0.8em;
  letter-spacing: 0px;
  font-weight: normal;
}
html.m #signosistemoj ul li a.aktivasignosistemo {
  background: #fff none;
  text-shadow: none;
  color: #474;
  border: 1px solid #474;
  font-weight: bold;
}
html.m #signosistemoj ul li a[href]:hover {
  background-color: #eee;
  color: green;
}
@media screen and (max-width: 18em) {
  html.m body > header #chefaligilo h1, html.m body > .header #chefaligilo h1 {
    margin-top: 0.5em;
  }
}
@media screen and (min-width: 66em) {
  html.m body {
    max-width: 63em;
    padding-top: 0;
  }
  html.m body > header, html.m body > .header, html.m body main, html.m body .main, html.m body #signosistemoj {
    margin-left: 13em;
    max-width: 50em;
  }
  html.m body > header h1, html.m body > .header h1 {
    margin-top: 0 !important;
  }
  html.m body main, html.m body .main {
    z-index: 2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
  }
  html.m body main footer[role=contentinfo], html.m body main .footer[role=contentinfo], html.m body .main footer[role=contentinfo], html.m body .main .footer[role=contentinfo] {
    text-align: center;
  }
  html.m body #bertilopaghomenuo {
    display: block;
    position: fixed;
    top: 0.05em;
    right: auto;
    left: auto;
    bottom: auto;
    margin-top: 0.2em;
    width: 13em;
    background-color: #474;
    border-color: #ddd;
    border-width: 1px;
    padding: 0.5em;
    border-radius: 0.5em;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
  }
  html.m body #bertilopaghomenuo.SEN {
    display: block;
  }
  html.m body #bertilopaghomenuo h1 {
    display: none;
  }
  html.m body #bertilopaghomenuo ul {
    display: block;
  }
  html.m body #bertilopaghomenuo ul li a:link, html.m body #bertilopaghomenuo ul li a:visited, html.m body #bertilopaghomenuo ul li a:focus, html.m body #bertilopaghomenuo ul li a:hover, html.m body #bertilopaghomenuo ul li a:active {
    margin: 0.3em 0;
    padding-top: 0.2em;
  }
  html.m body #bertilopaghomenuo ul li#chefpagholigilo {
    display: block;
  }
  html.m body #bertilopaghomenuo ul li.titolo {
    display: block;
    font-size: 110%;
    font-weight: bold;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    border-top: 1px solid #fff;
  }
  html.m body #bertilopaghomenuo ul li.titolo cite {
    font-style: normal;
  }
  html.m body #bertilopaghomenuo ul li.pmeg, html.m body #bertilopaghomenuo ul li.pmeglibro {
    display: block;
  }
  html.m body #bertilopaghomenuo ul li.VARIA {
    display: block;
    width: 100%;
    padding-bottom: 0.05em;
  }
  html.m body #bertilopaghomenuo ul li.VARIA > div {
    display: table;
    text-align: center;
    width: 100%;
    margin: 0 0 0.5em 0;
    padding: 0;
  }
  html.m body #bertilopaghomenuo ul li.VARIA > div > div {
    display: table-row;
    margin: 0;
    padding: 0;
  }
  html.m body #bertilopaghomenuo ul li.VARIA > div > div a:link, html.m body #bertilopaghomenuo ul li.VARIA > div > div a:visited, html.m body #bertilopaghomenuo ul li.VARIA > div > div a:focus, html.m body #bertilopaghomenuo ul li.VARIA > div > div a:hover, html.m body #bertilopaghomenuo ul li.VARIA > div > div a:active {
    margin: 0;
    padding: 0 0.3em;
    display: table-cell;
    vertical-align: middle;
    height: 5em;
    width: 13em;
    text-align: center;
    background-color: #fff;
    color: #474;
    border-radius: 0.5em;
  }
  html.m body #bertilopaghomenuo ul ul > li.ena {
    padding-left: 1em;
  }
  html.m body #bertilopaghomenuo ul ul > li.ena a:link, html.m body #bertilopaghomenuo ul ul > li.ena a:visited {
    background-color: #474;
    color: #fff;
  }
  html.m body #bertilopaghomenuo ul ul > li.ena a:focus, html.m body #bertilopaghomenuo ul ul > li.ena a:hover, html.m body #bertilopaghomenuo ul ul > li.ena a:active {
    background-color: #474;
    color: yellow;
  }
  html.m body #bertilopaghomenuo ul ul li.ena.aktiva a:link, html.m body #bertilopaghomenuo ul ul li.ena.aktiva a:visited, html.m body #bertilopaghomenuo ul ul li.ena.aktiva a:focus, html.m body #bertilopaghomenuo ul ul li.ena.aktiva a:hover, html.m body #bertilopaghomenuo ul ul li.ena.aktiva a:active {
    background-color: #fff;
    color: #474;
    text-align: left;
    border-radius: 0.5em;
  }
  html.m body #bertilopaghomenuo h1 {
    text-align: center;
  }
  html.m body #bertilopaghomenuo ul {
    display: block;
    width: 100%;
  }
  html.m body #bertilopaghomenuo li.VARIA {
    display: none;
  }
  html.m body #bertilopaghomenuo li.aktiva {
    color: #474;
  }
  html.m body #bertilopaghomenuo li.aktiva a:link, html.m body #bertilopaghomenuo li.aktiva a:visited, html.m body #bertilopaghomenuo li.aktiva a:focus, html.m body #bertilopaghomenuo li.aktiva a:hover, html.m body #bertilopaghomenuo li.aktiva a:active {
    background-color: #fff;
    color: #474;
    text-align: left;
    padding-left: 1em;
    border-radius: 0.5em;
  }
  html.m body #bertilopaghomenuo li.aktiva li.ena a:link, html.m body #bertilopaghomenuo li.aktiva li.ena a:visited, html.m body #bertilopaghomenuo li.aktiva li.ena a:focus, html.m body #bertilopaghomenuo li.aktiva li.ena a:hover, html.m body #bertilopaghomenuo li.aktiva li.ena a:active {
    padding-left: 0;
  }
  html.m body #bertilopaghomenuo li.aktiva li.ena.aktiva a:link, html.m body #bertilopaghomenuo li.aktiva li.ena.aktiva a:visited, html.m body #bertilopaghomenuo li.aktiva li.ena.aktiva a:focus, html.m body #bertilopaghomenuo li.aktiva li.ena.aktiva a:hover, html.m body #bertilopaghomenuo li.aktiva li.ena.aktiva a:active {
    padding-left: 1em;
  }
  html.m body #bertilopaghomenuo li.titolo a:link, html.m body #bertilopaghomenuo li.titolo a:visited, html.m body #bertilopaghomenuo li.titolo a:focus, html.m body #bertilopaghomenuo li.titolo a:active, html.m body #bertilopaghomenuo li.titolo.aktiva a:link, html.m body #bertilopaghomenuo li.titolo.aktiva a:visited, html.m body #bertilopaghomenuo li.titolo.aktiva a:focus, html.m body #bertilopaghomenuo li.titolo.aktiva a:active {
    background-color: inherit;
    color: #fff;
    text-align: center;
    padding-left: 0;
    margin: 0;
  }
  html.m body #bertilopaghomenuo li.titolo a:hover, html.m body #bertilopaghomenuo li.titolo.aktiva a:hover {
    color: yellow !important;
  }
  html.m body div.HELPO {
    border-width: 0px !important;
    background-color: #474 !important;
    color: #fff !important;
    font-style: italic !important;
    padding: 4px 10px !important;
    opacity: 0.8;
    border-radius: 5px;
    width: auto;
  }
  html.m body div.HELPATA, html.m body abbr.HELPATA {
    cursor: help;
  }
  html.m body abbr.HELPATA {
    background-color: #474 !important;
    border-color: #474 !important;
    color: #fff !important;
  }
  html.m body h1 abbr.HELPATA {
    background-color: inherit !important;
    color: inherit !important;
  }
  html.m body a[rel=external], html.m body a.external {
    font-style: italic;
  }
  html.m body a[rel=external]:after, html.m body a.external:after {
    content: "⇗";
    padding-left: 0.1em;
    position: relative;
    top: -0.2em;
  }
  html.m body a[rel=external].sensago:after, html.m body a.external.sensago:after {
    content: "";
  }
  html.m body a[rel=external]:hover, html.m body a.external:hover {
    color: #f00;
    background: transparent;
  }
  html.m body.fronto #supraj p, html.m body.fronto #subaj p {
    text-align: left;
    margin: 0.2em 0;
  }
  html.m body.fronto #frontotabelo {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    display: table;
    border-spacing: 0;
  }
  html.m body.fronto #supraj, html.m body.fronto #subaj {
    display: table-row;
    max-width: none;
    width: 100%;
  }
  html.m body.fronto #supraj section, html.m body.fronto #supraj .section, html.m body.fronto #subaj section, html.m body.fronto #subaj .section {
    display: table-cell;
  }
  html.m body.fronto #frontotabelo h3 {
    text-align: left;
    font-size: 110%;
  }
  html.m body.fronto #bertilopaghomenuo ul li#chefpagholigilo {
    display: none;
  }
}
html.m body.pmeg #enhavo.pmegfronto p.granda {
  text-align: left;
  color: #474;
}
html.m body.pmeg #pomego_bildeto {
  vertical-align: bottom;
  height: 1.3em;
  margin-right: 0.2em;
}
html.m body.pmeg #indliteroj {
  font-size: 80%;
  padding: 0.1em;
  background-color: white;
}
html.m body.pmeg #indliteroj span.indlit a, html.m body.pmeg #indliteroj span.indlit span.aktualalitero {
  font-family: LiberoEgalspaca, "Andale Mono", Monaco, "Deja Vu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  display: inline-block;
  padding: 0 0.1em;
  border: 1px solid #474;
  border-radius: 0.3em;
  font-weight: bold;
}
html.m body.pmeg #indliteroj span.indlit span.aktualalitero {
  background-color: #474;
  color: white;
}
@media screen and (min-height: 30em) and (min-width: 22em) {
  html.m body.pmeg #indliteroj {
    position: sticky;
    top: 1px;
    z-index: 2;
  }
}
html.m body.pmeg #literoj tr, html.m body.pmeg #literoj th {
  display: block;
}
html.m body.pmeg #literoj td {
  display: inline;
}
html.m body.pmeg #literoj th {
  padding: 0.2em 0.1em;
}
html.m body.pmeg #literoj td {
  padding: 0.2em 0.1em;
  text-align: center;
}
@media screen and (min-width: 34em) {
  html.m body.pmeg #literoj tr {
    display: table-row;
  }
  html.m body.pmeg #literoj th, html.m body.pmeg #literoj td {
    display: table-cell;
  }
  html.m body.pmeg #literoj th {
    padding: 0.2em 0em;
  }
  html.m body.pmeg #literoj td {
    padding: 0.2em 0em;
    text-align: center;
  }
}
@media screen and (min-width: 45em) {
  html.m body.pmeg #literoj th {
    padding: 0.2em 0.1em;
  }
  html.m body.pmeg #literoj td {
    padding: 0.2em 0.1em;
    text-align: center;
  }
}
html.m body.pmeg span.kursive {
  font-style: italic;
}
html.m body.html p.signokodobildo {
  max-width: 100%;
  min-width: 40em;
  overflow: auto;
}
html.m body.html p.signokodobildo img {
  width: 100%;
  height: auto;
}
html.m body.html .signokodtabelo {
  font-size: 80%;
}
html.m ul.bibliografio p {
  text-align: left;
}

/*# sourceMappingURL=stilo.css.map */