.float,.right,.rightb,.left,.leftb, .righttop,.righttopb,.lefttop,.lefttopb,.floatright,.floatleft {
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: none;
}
.right img,.left img, .righttop img,.lefttop img { border-style: none }
img.rightb,div.rightb img,img.leftb,div.leftb img,.border {
  border-style: solid;
  border-width: 1px;
}
.float,.right div,.rightb div,.left div,.leftb div, .righttop div,.righttopb div,.lefttop div,.lefttopb div, .responsive img + div,.responsive a + div { font-size: 85% }
.right p,.rightb p,.left p,.leftb p, .righttop p,.righttopb p,.lefttop p,.lefttopb p { margin: 0 0 .5em 0 }
.float,.right,.rightb, .righttop,.righttopb, .floatright {
  float: right;
  margin-left: 15px;
}
.left,.leftb, .lefttop,.lefttopb, .floatleft {
  float: left;
  margin-left: 0;
  margin-right: 15px;
}
form.left {
  margin-right: 10px;
}
.floatright { margin-left: 25px }
.floatleft { margin-right: 25px }
.float > a > img,img.border,img.border,.border img { border: 1px solid }

.w350 { width: 350px }
.w325 { width: 325px }
.w300 { width: 300px }
.w250 { width: 250px }
.w200 { width: 200px }
.w150 { width: 150px }
.w100 { width: 100px }

.external,.ext {
  padding-right: 10px;
  font-style: italic;
  background: url(/img/css/external.gif) no-repeat center right;
}

.important,.grand,.highlight,.strong { font-weight: bold }
.important,.mark { color: red }
.grand { color: #B84600 }
.highlight { background-color: yellow }
.normal { font-weight: normal }
.nowrap,.nowrap td { white-space: nowrap }
.center { text-align: center }

.clear { clear: both; padding-top: 1em }
.break { clear: both; height: 0 }

.note {
  font-size: 80%;
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 5px;
}
dd.note, dd div.note {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
dl.compact dd,dd.compact { margin-bottom: 0.15em }

.space { margin-top: 1em }

ol.level > li {
  font-weight: bold;
  margin-top: 1em;
}
ol.level ol > li { font-weight: normal }
ol.level, ol.level ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
ol.level > li,ol.level ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}
ol.level > li:before,ol.level ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}

ol.level li ol > li {
  margin: 0;
}

ol.level li ol > li:before {
  content: counters(item, ".") " ";
}

.level2 > li {
  font-weight: bold;
}
.level2 ol > li,.level2 ul > li {
  font-weight: normal
}


ol.alpha { list-style-type: lower-alpha }
@-moz-document url-prefix() {
  @counter-style lower-alpha-cz {
    system: extends lower-alpha;
    suffix: ") ";
  }
  ol.alpha { list-style-type: lower-alpha-cz }
}

.stronglist { font-weight: bold }
.stronglist ul,.stronglist ol,.stronglist dl { font-weight: normal }

img.responsive,.responsive img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}
.responsive.space {
  margin: .5em auto 1.5em auto;
}
img.padding {
  padding: 10px;
  box-sizing: border-box;
  background-color: white;
}
img.padding.transparent {
  background-color: transparent;
}
#detail .responsive.space {
  margin: 2em auto;
}
.responsive img + div,.responsive a + div, .embed-responsive + .caption  {
  margin-top: 1em;
  text-align: center;
}
.caption { font-size: 85% }
/* --------- */


/* -- Figures -- */
#detail figure {
  margin: 1.5rem auto;
}

#detail figure figcaption {
  margin-bottom: .25em;
  font-size: 90%;
}

#detail figure img + figcaption,
#detail figure a + figcaption {
  text-align: center;
  margin-top: .5rem;
}
#detail figure.float figcaption {
  margin-top: .25rem;
}
#detail figure + figure,
#detail article figure + .gallery,
#detail article .gallery + figure {
  margin-top: 2rem;
}

#detail figure img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}
img.fluid {
  width: 100%;
}
#detail figure figcaption + img,
#detail figure figcaption + a > img {
  margin: 0;
}
#detail figure img + img,
#detail figure a + img {
  margin-top: 1em;
}