h2 { text-align: center; font-weight: bold; padding-top: 1em; padding-left: 0.5em; padding-right: 0.5em;}
h3 { text-align: center; font-weight: bold; }
p { margin-top: 1em; margin-bottom: 0.975em; }
ol { list-style-type: decimal; }
ul { margin-bottom: 0em; }
img { margin-top: 0em; }

p.initial {
	text-align: justify;
	margin-top: 2em;
}
p.initial::first-letter {
	font-size: 200%;
	line-height: 50%;
	margin-right: 0.1em;
}

.indent {
	text-indent: 1.5em; /* Отступ первой строки */
	text-align: justify;
}

div.yt { margin-top: 0.5em; margin-bottom: 0.5em; max-width: 100%; }
.yt { margin-top: 0.5em; max-width: 100%; }

table.nav { margin-top: -0.5em; margin-left: -0.5em; width: 600px; }
td.nav    { width: 50%; }

table.kart { margin-bottom: -1em; width: 600px; max-width: 100%; }

.poem { margin: 0 auto; }
.poem_augmented_text { font-size: 120%; }
p.poetry   { margin-left: 200px; }
p.poetry_scenario   { margin-left: 100px; margin-bottom: 0.5em;}
div.poetry_scenario { width: 400px; }
span.line_offset    { display:inline-block; margin-left: 40px; }

#author   { font-size: 12px; text-align: right; font-style: italic; }
.remark   { font-size: 13px; font-style: italic; text-indent: 1.5em; text-align: justify; margin-top: 0.4em; margin-bottom: 0.4em; }

.question { text-align: left; font-style: italic; font-weight: bold; margin-bottom: 0.9em; margin-top: 0.4em; padding-left: 0em; text-indent: 0em; }

a.rubric, p.rubric   { font-weight: bold; font-style: italic; margin-bottom: 1em; }
h1         { text-align: center; margin-top: 0.4em; margin-bottom: 0.5em; }
p.subtitle { text-align: center; margin-top: 0em; margin-bottom: 1.0em; font-weight: bold; font-style: italic; }

div.method_rec { float: left; margin-top: 10px; margin-bottom: 10px; border: solid 1px; padding-left: 15px; padding-right: 160px; padding-top: 5px; padding-bottom: 10px; background: #FFFCE4; }
h3.method_rec  { font-size: 14px; font-weight: bold; text-align: justify; }
p.method_rec   { font-size: 14px; text-indent: 1.5em; text-align: justify; }

div.sshots { padding-right: 0em; padding-bottom: 0em; margin-top: 0.5em; margin-bottom: 0.5em; }
img.sshots { width: 587px; height: 416px; margin: 0px 0px 5px 0px; border: 1px solid #A0A0A0; max-width: 100%; }

img.movie     { width: 290px; height: 185px; margin-top: 0.5em; margin-bottom: 0.5em; border: none; }
img.movie_new { width: 600px; margin: 0.5em 0; border: none; max-width: 100%; }
img.illustr   { width: 600px; margin-top: 0.5em; margin-bottom: 0.5em; border: 1px solid rgb(145,145,145); max-width: 100%; }
img.illustr2  { width: 289px; margin-top: 1em; margin-bottom: 1em; border: 1px solid rgb(145,145,145); max-width: 100%; }

div.blocks { float: left; margin-top: 10px; margin-bottom: 10px; border: solid 1px; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 10px; }
h3.blocks  { font-size: 14px; font-weight: bold; text-align: justify; }
p.blocks   { font-size: 14px; text-indent: 1.5em; text-align: justify; }

table.download { width: 600px; margin-bottom: 0.5em; }
td.download { text-align: right; vertical-align: middle; border: none; padding-left: 0em; }
td.downloadtext { text-indent: 0em; vertical-align: middle; border: none; padding-bottom: 0.5em; }
img.download { width: 80px; height: 80px; }
p.download2  { padding-left: 60px; margin-bottom: -10px; text-indent: -35px; }
span.download2 { padding-left: 10px; font-weight: bold; }
img.download2 { position: relative; width: 26px; height: 26px; top: 7px; }

div.mp3_download_container { display: flex; align-items: center; box-align: center; }
div.mp3_download_item { margin-right: 0.5em; width: 45px; height: 45px; }
div.mp3_download_item2 { width: 100%; vertical-align: middle; }
img.new_mp3_download { position: relative; width: 45px; height: 45px; margin-top: 0em; }

table.pic {	border-collapse: collapse; border: none; margin: 0 1em 0 0; padding: 0; float: left; }
.pic td { border: none; outline: none; font-size:10pt; font-style: italic; text-align:center; margin: 0; padding: 0; }
img.pic { float: left; margin-bottom: 5px; }

img.page_break { max-width: 100%; margin: 0 0 10px 0; }
img.page_start { max-width: 100%; margin: 20px 0 0 0; }

th.method      { width: 50%; background-color: #E2001A; text-align: center; vertical-align: middle; color: rgb(255,255,255); font-weight: bold; }
td.etap        { text-align: center; color: rgb(255,255,255); font-weight: bold; }

.data { font-weight: bold; color: red; }
table.noborders { border-collapse: collapse; border: none; }
.noborders td { border: none; outline: none; }

p.nextpar { margin-top: 0; padding: 0.5em 0 0 0; }

p.container {
  display: flex;
  justify-content: space-around;
  margin: 0.5em;
}

div.container { display: flex; }
div.sidebox { flex-grow: 1; padding-top: 1.2em; }
div.basebox { flex-basis: fit-content; padding: 0.0em; }

img.arrows { width: 13px; height: 13px; }

@font-face { font-family: "Comic Sans MS"; src: url(/fonts/comic.ttf) format("truetype"); }
.custom { font-family: "Comic Sans MS"; }
ul.question { list-style: none; text-align: justify; margin: 0; margin-bottom: 1.0em; padding-left: 0; }
li.question { font-style: normal; font-weight: normal; padding-left: 1em; margin-bottom: -0.3em; text-indent: -1em; }
li.question:before { content: "\2714"; padding-right: 5px; }

.GreenNumbers {
    list-style-type: none;
}
.GreenNumbers ol {
    margin-left: 2em;
}
.GreenNumbers li {
    counter-increment: count-me;
}
.GreenNumbers li::before {
    content: counter(count-me) ". ";
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -1.3em;
    top: .05em;
    color: #000000;
    font-weight: bold;
}

ol {
  margin: 0 0 0em;
  padding: 0;
  counter-reset: item;
}

ol > li {
  margin: 0;
  padding: 0 0 0 0em;
  text-indent: -1.6em;
  list-style-type: none;
  counter-increment: item;
}

ol > li:before {
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}

li.highlighted { text-indent: -1.5em; color: #b5e9f2; }
li.highlighted span { color: black; }

.highlighted-text { font-weight: bold; background-color: #b5e9f2; }
.highlighted-paragraph { font-style: italic; border-left: 3px dashed #b5e9f2; background-color: #edf9fc; font-size: 105%; padding: 1.0em; }

/* ecurses */
.highlighted-paragraph-ecurses { border-left: 3px solid #00853E; background-color: #FFF3E5; font-size: 105%; padding: 1.0em; }
td.pdf-download-ecurses { font-size: 100%; padding-right: 15px; vertical-align: middle; }

/* fonts */
@font-face {
	font-family: "Blogger Sans"; src: url(/fonts/Blogger_Sans.otf) format("opentype"); }
.blogger { font-family: "Blogger Sans"; font-size: 14pt; }