/* Obecné */
body {font-size: 1.3em; font-family: "Georgia", serif; background-color: #222; color: bisque;}
div {display: block;}
p {display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    line-height: 1.5em;}
h1 {margin-top: 3em; margin-bottom: 2em; text-align: center;}
h1, h2, h3, h4 {font-family: "Verdana", sans-serif;}
h2 {margin-top: 3em; font-size: 1.2em; border-top: 1px solid; padding-top:2em;}
h3 {margin-top: 3em; font-size: 1em; padding-left: 0.5em;}
a:link {color: darkorange;}
a:visited {color: peru;}
a:hover {color: goldenrod;}
li {line-height: 1.6em; margin-bottom: 0.5em;}
hr {width: 42%; margin-top: 1em; margin-bottom: 1em;}
strong {font-style: italic; color: linen;}
.cont1 {max-width: 960px; margin: auto;}
.hlavicka {font-family: "Verdana", sans-serif; position:sticky; top: 0px; background-color: #222; padding-bottom: 0.1em; padding-top: 0.1em;}
.paticka {text-align: right; margin-top: 3em;}
p.copy {text-align: center; font-size: 0.7em; margin-top: 5em;}
div.copy {border-top: 1px solid; padding-top: 1em; margin-top: 3em;}

/* Prvky stránky */

.kurziva {font-style: italic;}
.datum {text-align: right; font-style: italic; margin-top: 2em;}
.vpravo {text-align: right;}
.en {font-style: italic; margin-block-start: 0em; margin-top: 0em; margin-bottom: 1em; padding-left: 1em; line-height: 1em;}

.publikovano {font-style: italic; font-size: 0.8em; padding-left: 1em; margin-bottom: 3em;}
.blog-blok  {margin-bottom: 3em;}
.blog-nadpis  {padding-left: 0.5em;}
p.cist-dal {text-align: right; padding-right: 2em;}
div.cist-dal {width: 3em; margin-left: auto; margin-right: auto;}

.vert-mezera {margin-bottom: 3em; border: 0px;}
.nostalgie {text-align: justify; font-style: italic; margin-top: 2em; margin-bottom: 2em;}
.pod-carou {border-top: solid 1px ;margin-top: 2em;}

.pidi {font-size: 0.7em;}
.ramecek {border: 1px solid; padding: 1em;}
.poznamka {border-left: 0.3em solid; padding-left: 1em; font-style: italic;}



/* Obrázky */
img.obrazek {margin-left: auto; margin-right: auto; max-width: 100%; loading: lazy;}
p.obrazek {font-size: 0.8em; font-style: italic;}
div.obrazek {margin-left: auto; margin-right: auto; margin-top: 2em; margin-bottom: 2em; text-align: center;}


/* Responzivní (369px) */
@media (max-width: 720px) {
  body {font-size: 1.3em;}
  .cont1 {padding-left: 0.4em; padding-right: 0.4em;}
  ul, ol {margin-left: -0.5em;}
  .nostalgie {text-align: left;}
  .hlavicka {position: relative; top: 0px; background-color: #222; padding-bottom: 0.1em; padding-top: 0.1em;}
}

/* Tisk */
@media print {
  body {font-size: 1em; background-color: white; color: black;}
  strong {color: black; font-style: normal;}
  a:link {color: blue;}
  a:visited {color: blue;}
  .hlavicka {display: none;}
  .cont1 {width: 99%;}
  .paticka {visibility: hidden;}
  .copy {visibility: visible;}
}