body {margin: 0px; color: black }

body {background-image: url(img/back-antonios.jpg)}
body { background-attachment: fixed; } /* pozadí neroluje */
body {background-position:left top}    
body {background-repeat: repeat-y  repeat-x}
body {background-color:  #0f0f0f}     
/* #000000 */

.all { background-color: #0f0f0f; width: 1300px;  margin-left: auto; margin-right: auto; position: relative;  padding: 10px }
.all { background-image: url(img/mramor.jpg)}

/* p {text-align: justify }  #0000000   #FFE4C4; */
p { font-size: 100%; color: black; line-height: 150%; }
p { font-family: Lora, Verdana, Arial, sanserif; }

a         {text-decoration: none}
a:link    {color: maroon; font-weight: bold; }
a:visited {color: orange; font-weight: bold; }
a:active  {color: black; font-weight: bold; }
a:hover   {color: red; text-decoration: underline}

.obr_vlevo { margin: 0em 30px 1em 0px; float: left; }
.obr_vpravo { margin: 0em 0px 1em 30px; float: right; }

.obr-vpravo { float: right; margin: 10px 0px 10px 20px; BORDER: 0px }
.obr-vlevo { float: left; margin: 10px 20px 10px 0px; BORDER: 0px }

.c { text-align: center;  } 
.pop { font-size: 90%;  font-style: italic; text-align: center; margin: 0;  } /* vycentrovaná popiska */

.m { font-size: 90%;  } 
.cm { font-size: 80%;  text-align: center; margin-top: -0em; margin-right: auto; margin-bottom: 3em; margin-left: auto;  } 

/* vycentrování obrázku dvěma obalovacími DIVy*/
.obr-str { text-align: center; margin: 0;  } /* vycentruje se jako text */
.help {   margin-left: auto; margin-right: auto;  clear: both }    /* pomocný vnější DIV pro centrování obrázků, které se provádí vnitřním DIVem obr-str, clear je tam kvůli tomu, aby se obrázek neposunoval do oblasti nějakého předcházejícího DIVu */

H1 { font-weight: 900; font-size: 230%; color: maroon; line-height: 130%; font-family: Georgia, "Times New Roman", serif;  }
H2 { font-weight: 900; font-size: 180%; color: maroon; line-height: 130%; font-family: Georgia, "Times New Roman", serif;  }
H3 { font-weight: bold; font-size: 150%; color: DarkRed; line-height: 120%; font-family: Lora, Georgia, "Times New Roman", serif;  }
H4 { font-weight: bold; font-size: 130%; color: FireBrick; line-height: 110%; font-family: Lora, Georgia, "Times New Roman", serif;  }

.back {  text-align: right; font-style: italic; font-size: 90%; line-height: 110%;  }
.back { font-family: Lora, Verdana, Arial, sanserif; }


@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local('Lora'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v9/aXJ7KVIGcejEy1abawZazg.ttf) format('truetype');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: local('Lora Bold'), local('Lora-Bold'), url(https://fonts.gstatic.com/s/lora/v9/enKND5SfzQKkggBA_VnT1A.ttf) format('truetype');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: local('Lora Italic'), local('Lora-Italic'), url(https://fonts.gstatic.com/s/lora/v9/AN2EZaj2tFRpyveuNn9BOg.ttf) format('truetype');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  src: local('Lora Bold Italic'), local('Lora-BoldItalic'), url(https://fonts.gstatic.com/s/lora/v9/ivs9j3kYU65pR9QD9YFdzQ.ttf) format('truetype');
}

#main {line-height: 150%;   font-family: Lora, Georgia, Serif; font-size:  20px;     -webkit-font-smoothing: antialiased;  text-rendering: optimizeLegibility; } i, em { font-style: italic; }