html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
em, img, kbd, strong, sub, sup, var,
b, u, i, ol, ul, li,
form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, footer, header, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

main, article, footer, header, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "Vinjetoj";
  font-weight: normal;
  font-style: normal;
  src: url("/tiparoj/piv-vinjetoj6.eot");
  src: url("/tiparoj/piv-vinjetoj6.eot#iefix") format("embedded-opentype"), url("/tiparoj/piv-vinjetoj6.woff2") format("woff2"), url("/tiparoj/piv-vinjetoj6.woff") format("woff"), url("/tiparoj/piv-vinjetoj6.ttf") format("truetype"), url("/tiparoj/piv-vinjetoj6.svg#webfont") format("svg");
}
@font-face {
  font-family: "Manskribo";
  font-weight: normal;
  font-style: normal;
  src: url("/tiparoj/Tangerine-Regular.ttf");
  src: url("/tiparoj/Tangerine-Regular.ttf") format("truetype");
}
body {
  font-family: "Nimbus Sans", "FreeSans", "Liberation Sans", Arial, Helvetica, sans-serif;
  background-color: #fff;
}
body main {
  max-width: none;
  padding-top: 0.5em;
  padding-top: 0;
}
body main #butonoj {
  text-wrap: nowrap;
  margin: 0.2em 1em;
}
body main #butonoj label {
  font-weight: bold;
}
body main #butonoj input:focus {
  background-color: yellow;
}
body main #butonoj button {
  margin: 0 0.2em;
}
body main #butonoj button:hover {
  cursor: pointer;
  color: green;
}
body main #serchi_div {
  margin: 0.5em 0 0 0;
  text-align: left;
}
body main #serchi_div.aktiva #ekserchi {
  background-color: green;
  color: white;
}
body main #serchi_div #nova_bildo {
  margin-left: 3em;
}
body main #serchi_div #vk_ligilo {
  margin-left: 3em;
}
body main #serchi_div input:focus {
  background-color: yellow;
}
body main #lastajn_div {
  margin: 0.3em 1em;
  text-align: left;
}
body main #lastajn_div label {
  font-weight: bold;
}
body main #lastajn_div.aktiva button {
  background-color: green;
  color: white;
}
body main h1 {
  font-size: 150%;
  width: 26em;
  position: relative;
  margin-top: 0.5em;
}
body main #bildoregistradosupro {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: left;
  background-color: #fff;
  max-width: 60em;
}
body main #bildoj {
  width: fit-content;
  margin: 0 1em;
  overflow: auto;
  height: 20em;
}
body main #bildoj.apartigi div.artikoloj div.art {
  padding-top: 0;
}
body main #bildoj p.nenio {
  text-align: center;
  font-size: 200%;
}
body main #bildoj caption {
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  background-color: #005599;
  color: #fff;
  padding: 0.5em 0.3em 0.1em 0.3em;
}
body main #bildoj caption button {
  display: block;
  margin: 0.2em auto;
  cursor: pointer;
}
body main #bildoj caption button:hover {
  color: green;
}
body main #bildoj table#bildotabelo {
  width: auto;
  margin: 0 auto;
}
body main #bildoj table#bildotabelo tbody tr:hover {
  outline: 2px dashed green;
}
body main #bildoj table#bildotabelo th, body main #bildoj table#bildotabelo td {
  text-align: left;
  padding: 0.5em;
}
body main #bildoj table#bildotabelo tr td {
  border: 1px solid #aaa;
  background-color: #eee;
  vertical-align: top;
}
body main #bildoj table#bildotabelo tr td textarea {
  display: block;
  width: 100%;
}
body main #bildoj table#bildotabelo tr td.redakti {
  padding: 0;
  text-align: center;
}
body main #bildoj table#bildotabelo tr td button {
  cursor: pointer;
  margin: 0.1em 0.2em;
  background-color: #eee;
  color: #000;
  width: 95%;
}
body main #bildoj table#bildotabelo tr td button:hover {
  color: green;
}
body main #bildoj table#bildotabelo tr td button.konservi, body main #bildoj table#bildotabelo tr td button.interrompi {
  display: none;
}
body main #bildoj table#bildotabelo tr td button.vikibutono {
  width: auto;
}
body main #bildoj table#bildotabelo tr td.bildo label.alshuto {
  display: block;
  margin-top: 2em;
  font-size: 80%;
  position: relative;
}
body main #bildoj table#bildotabelo tr td.bildo label.alshuto input {
  position: relative;
  top: 0.2em;
}
body main #bildoj table#bildotabelo tr td.bildo label.elektibildon {
  border: 2px solid #aaa;
  white-space: pre;
  margin: 0.2em 0 0.2em 0;
  cursor: pointer;
  padding: 0.4em 0.5em 0.2em 0.5em;
  display: none;
}
body main #bildoj table#bildotabelo tr td.bildo input.elektibildon {
  opacity: 0;
  width: 0;
}
body main #bildoj table#bildotabelo tr td.bildo div.bildodiv.alshuto label.elektibildon {
  display: block;
}
body main #bildoj table#bildotabelo tr td.bildo div.bildodiv.alshuto button.vikibutono {
  visibility: hidden;
}
body main #bildoj table#bildotabelo tr td.bildo div.antaurigardo {
  margin-top: 0.2em;
}
body main #bildoj table#bildotabelo tr td.bildo div.antaurigardo img {
  max-width: 15em;
}
body main #bildoj table#bildotabelo tr td.bildo div.antaurigardo li {
  margin-top: 0.5em;
}
body main #bildoj table#bildotabelo tr td.bildo div.antaurigardo li p {
  margin: 0.5em 0;
}
body main #bildoj table#bildotabelo tr td.bildo div.antaurigardo li p.dosinformoj {
  display: inline-block;
  font-size: 80%;
  max-width: 22em;
  overflow-wrap: anywhere;
}
body main #bildoj table#bildotabelo tr td.bildo div.antaurigardo li p.dosinformoj span.nevalida {
  margin-top: 0.5em;
  background-color: red;
  color: yellow;
  padding: 0.5em;
  display: block;
  font-size: 150%;
  border: 1px solid #aaa;
  border-radius: 0.5em;
}
body main #bildoj table#bildotabelo tr td.vk_nomo {
  width: 18em;
  hyphens: auto;
}
body main #bildoj table#bildotabelo tr td.vk_nomo p.permesilo, body main #bildoj table#bildotabelo tr td.vk_nomo p.kreinto {
  margin-top: 1em;
}
body main #bildoj table#bildotabelo tr td.vk_nomo p.kreinto input {
  width: 16em;
}
body main #bildoj table#bildotabelo tr td.vk_nomo p.kashita {
  display: none;
}
body main #bildoj table#bildotabelo tr td.vk_nomo p.averto {
  margin: 1em;
  padding: 0.5em;
  color: black;
  background-color: yellow;
  border: 1px solid red;
}
body main #bildoj table#bildotabelo tr td.permesilo {
  width: 15em;
  text-align: center;
  overflow-wrap: anywhere;
}
body main #bildoj table#bildotabelo tr td.uzoj li {
  list-style-type: circle;
  margin-left: 1em;
  padding: 0.2em 0;
}
body main #bildoj table#bildotabelo tr td.komento {
  max-width: 15em;
}
body main #bildoj table#bildotabelo tr td.komento div.div_komento {
  padding: 0.2em;
  max-height: 10em;
  max-width: 15em;
  overflow: auto;
  margin-bottom: 0em;
}
body main #bildoj table#bildotabelo tr td.komento div.div_shanghoj {
  padding: 0.2em;
  max-height: 10em;
  max-width: 15em;
  overflow: auto;
  line-height: 1.2;
  margin-top: 0.5em;
}
body main #bildoj table#bildotabelo tr td.komento label {
  display: block;
}
body main #bildoj table#bildotabelo tr td.komento label.shanghoj {
  margin-top: 0.5em;
}
body main #bildoj table#bildotabelo tr td.komento label.shanghoj input {
  width: 15em;
}
body main #bildoj table#bildotabelo tr td.komento strong, body main #bildoj table#bildotabelo tr td.komento label {
  font-weight: bold;
}
body main #bildoj table#bildotabelo tr td.komento em {
  font-style: italic;
}
body main #bildoj table#bildotabelo tr td.tempo p {
  text-align: left;
}
body main #bildoj table#bildotabelo tr td.tempo p.tempo {
  font-family: monospace;
}
body main #bildoj table#bildotabelo tr td.tempo p.teamano {
  margin-top: 0.5em;
}
body main #bildoj table#bildotabelo tr.redaktas button.redakti {
  display: none;
}
body main #bildoj table#bildotabelo tr.redaktas button.forigi {
  display: none;
}
body main #bildoj table#bildotabelo tr.redaktas button.konservi, body main #bildoj table#bildotabelo tr.redaktas button.interrompi {
  display: inline;
}
body main #bildoj table#bildotabelo tr.redaktas td.bildo {
  min-width: 28em;
}
body main #bildoj table#bildotabelo tr.redaktas td.bildo figure.konservita.elektis {
  display: none;
}
body main #bildoj table#bildotabelo tr.redaktas td.komento div.div_komento, body main #bildoj table#bildotabelo tr.redaktas td.komento div.div_shanghoj {
  display: none;
}
body main #bildoj table#bildotabelo tr.redaktas td.komento textarea {
  width: 15em;
}
body main #bildoj table#bildotabelo tr.redaktas #a_kreinto {
  display: none;
}
body main #bildoj table#bildotabelo tr.forigas button.redakti {
  display: none;
}
body main #bildoj table#bildotabelo tr.forigas button.forigi {
  display: none;
}
body main #bildoj table#bildotabelo tr.forigas button.konservi, body main #bildoj table#bildotabelo tr.forigas button.interrompi {
  display: none;
}
body main #bildoj table#bildotabelo th {
  white-space: pre;
  background-color: #005599;
  color: #fff;
}
body main #bildoj table#bildotabelo td.nomo {
  text-align: center;
  background-color: #005599;
  color: #fff;
  width: 14em;
}
body main #bildoj table#bildotabelo tr.nova td.nomo div.div_nomo {
  font-style: italic;
}
body main #bildoj table#bildotabelo div.div_nomo.kashita {
  display: none;
}
body main #bildoj table#bildotabelo td.bildo {
  text-align: center;
}
body main #bildoj table#bildotabelo td.bildo figure {
  margin: 0;
}
body main #bildoj table#bildotabelo td.bildo img {
  vertical-align: bottom;
}
body main #bildoj table#bildotabelo textarea.shanghita,
body main #bildoj table#bildotabelo select.shanghita {
  outline: 2px dashed red;
}
body main #bildoj input.erara {
  outline: 2px dashed red;
}
body div.neaktiva {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: baseline;
}

body#bildoregistrado header#header span#h2 {
  left: 7.8em;
}
body#bildoregistrado header#header span#h2 em {
  font-style: italic;
}
body#bildoregistrado main {
  margin: 0 0 0 14em;
}
body#bildoregistrado nav {
  width: 14em;
}
body#bildoregistrado nav #la_permesiloj {
  font-size: 80%;
  text-align: left;
  width: 13em;
  border: 2px solid #aaa;
  background-color: #eee;
  margin-left: 2em;
}
body#bildoregistrado nav #la_permesiloj h3 {
  text-align: center;
  padding: 0.2em;
  font-weight: bold;
  cursor: pointer;
  color: #222;
}
body#bildoregistrado nav #la_permesiloj ul {
  margin-left: 2.7em;
  width: 12em;
  margin-bottom: 0.5em;
}
body#bildoregistrado nav #la_permesiloj ul.kashita {
  display: none;
}
body#bildoregistrado nav #la_permesiloj ul li {
  cursor: pointer;
  list-style-type: circle;
  margin: 0.2em 0.2em 0.2em 1em;
  padding: 0.3em 0.1em 0.1em 0.1em;
  color: #222;
  width: 10em;
}
body#bildoregistrado nav #la_permesiloj ul li:hover {
  background-color: white;
  font-weight: bold;
}
body#bildoregistrado nav #la_permesiloj ul li:hover::marker {
  color: #222;
}

@media screen and (max-width: 45em) {
  body#bildoregistrado main {
    margin-left: 0;
  }

  body#bildoregistrado header#header span#h2 {
    left: 2em;
  }

  #la_permesiloj {
    display: none;
  }
}

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