textarea, input.text, body, td, ul, ol, li {font-family:verdana, arial, helvetica, sans-serif; font-size:11px;}
body, td {color: #000000;}
textarea, body, p, td {line-height:14px;} 

p {margin: 5 0 5 0; text-decoration:none; }

A, A b {color:#9F011E; text-decoration:underline;}
A:hover, A:hover b {color:#DB3321; text-decoration:underline;}

img, A img, A:hover img {text-decoration:none; color: #BDBDBC;}

.list A {color:#9F011E; text-decoration:none;}
.list A:hover {color:#DB3321; text-decoration:none;}

.links A {color:#9F011E; text-decoration:none;}
.links A:hover {color:#DB3321; text-decoration:underline;}

input.text, textarea { border-width:1px; border-color:#000000; font-family:verdana, arial, helvetica, sans-serif; color:#000000; font-size:11px; background-color:#ffffff; }

.warning, td.warning, span.warning { color:#B20021; font-weight:normal; }

.micro { font-size:8px; }

td.line { background-color:#4F871E; }

.vmenu td.item {text-align:right; font-size:12px; line-height:14px; padding:4px 7px 4px 0; text-shadow:2px 2px 1px #2F473C;}
.vmenu td.item, .vmenu td.item a, .vmenu td.item a:hover {color:#ffffff; text-decoration:none;}
.vmenu td.item.selected, .vmenu td.item a:hover {text-decoration:underline;}

.vmenu td.subitems, .vmenu td.subitems p { font-size:11px; font-family: Tahoma, Arial, helvetica, sans-serif; }
.vmenu td.subitems A { color:#F3F0CF; text-decoration:none; }
.vmenu td.subitems A:hover { color:#ffffff; text-decoration:none; }

h1 { font-family: arial, helvetica, sans-serif; color:#B40A00; font-size:19px; line-height:22px; margin:13 0 20 0; padding:0 0 0 0; letter-spacing:1px; font-weight:bold; text-shadow:2px 2px 1px #D5D2C7;}
h1.image { margin:0 0 0 0; padding:0 0 0 0; font-size:11px;}

.note, td.note, p.note { font-size:11px;  color:#2F5112; font-family: Tahoma, Verdana, Arial, helvetica, sans-serif; line-height:12px; }
A.note { color:#2F5112; text-decoration:underline; }
A.note:hover { color:#A40000; text-decoration:underline; }

h2 {font-family: verdana, tahoma, arial, helvetica, sans-serif; color:#B40A00; font-size:12px; line-height:14px; margin:5 0 10 0; padding:0 0 0 0; font-weight:bold; }
h2.list { margin:5 0 5 10; }

h3, h4 {font-family: tahoma, arial, helvetica, sans-serif; font-size:11px; line-height:14px; margin:0 0 5 0; padding:0 0 0 0; }
h3 {font-weight:bold; color:#B40A00;}
h3.list { margin:5 0 10 0; }
h4 {font-weight:normal; color:#B40A00;}
h4.list { margin:7 0 0 0; }
h4.links { margin:2 0 1 0; }

td.group_head { border-color:#90AC78;  border-style:solid; border-width:1 0 1 0; background-color:#FFFCF3; }

form { margin:0 0 0 0; padding:0 0 0 0; }

input.button { background-color:#D1D8B9; font-size:11px; color:#000000; border:0px}

ul, ol {margin:5 0 5 20; padding:0px; clear:left; display:block;}
li {margin:5 8 5 0; list-style-image: none;padding:0px;}

b, b li {color:#0B3F2D; font-weight:bold;}
div.text_home {margin-top:3px;font-size:12px; color:#0B3F2D; line-height:15px;}
div.text_home_top {margin-top:3px;font-size:12px; color:#0B3F2D; line-height:15px;}

img {border:0px;}
img.illustr {border:1px solid #6C6C6C;}

table.table {
background-color:#FAF9F5;
border-collapse:collapse; /* - не удваиваем границы ячеек! */
clear:both; margin:12px 0 12px;
/* Добавил 2021-06-25, т.к. в новом редакторе м. ставить теперь стилевой width для таблицы, который затем м.б. переконвертируется в max-width - и д.б. указан в px!!! Иначе для table (в отл. от img) max-width не сработает! Так что здесь max-width:100% - только для полноты: */
width:100%; max-width:100%;} 
.table td {padding: 3 2 3 2; border:1px solid #919191;}
.table tr.rowhead td {background-color:#EBE8D5;}
.table tr.firstrow td {background-color:#EBE8D5;font-weight:bold;}

.small, .small p, .small td, .small li, .small div {font-size:10px; line-height:12px;}
.big, .big p, .big td, .big li, .big div  {font-size:12px; line-height:17px;}

p.headline, p.headline b {text-decoration:none; margin: 17px 0 6px 0; color:#9F011E; font-weight:bold; font-size:12px; clear:left; display:block;}
p.headline2, p.headline2 b {text-decoration:none; margin: 12px 0 6px 0; color:#154B00; font-weight:bold; font-size:12px; clear:left; display:block;}

/* ============= ТЕКСТОВЫЙ БАННЕР (КОНТАКТЫ): ================= */

.textbanner {text-align:center; line-height:13px;}
.textbanner p, .textbanner p.headline {margin:3px 0 3px 0; line-height:inherit; font-size:inherit;}
.textbanner p.headline, .textbanner p.headline b {color:#850119; font-variant:small-caps;}
.textbanner b {color:#850119; font-weight:normal;}

/* НА ГЛАВНОЙ (в моб. версии) - увеличиваем шрифт: */
div.textbanner.mobile {border:1px solid #32633A; border-radius:4px; padding:6px 10px 10px 10px; margin:16px 0 25px 0; font-size:18px; line-height:25px;}
div.textbanner.mobile p {margin:5px 0 5px 0;}

/* ============= SOCICONS - иконки соцсетей: ================= */

div.socicons {margin:9px 0 0 0; text-align:center;}
div.socicons img {margin:0 2px 0 2px; width:20px; height:20px;}
div.socicons img:hover {opacity:0.65;}

div.textbanner.mobile div.socicons {margin:14px 0 6px 0;}
div.textbanner.mobile div.socicons img {margin:0 8px 0 8px; width:40px; height:40px;}

/* ======= 2021-08. ДЛЯ ПОДСТРОЙКИ К ШИРИНЕ СТРАНИЦЫ IFRAME-ЭКРАНЧИКА YOUTUBE: ====== */

.adaptive_video_player {
position: relative;
padding-bottom: 56.25%; 
/* - значение по умолчанию, как пример. Заменяется значением на самой странице!
это значение задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
height: 0;
overflow: hidden;
}

.adaptive_video_player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
outline-width: 0;
}

/* ============= АДАПТАЦИЯ К ШИРИНЕ СТРАНИЦЫ: =================
NB! СТАНДАРТНАЯ СТРАНИЦА - РАССЧИТАНА НА ШИРИНУ 972px,
В "МОБИЛЬНОЙ ВЕРСИИ" НЕ ПОКАЗЫВАЕМ ПРАВУЮ КОЛОНКУ, ШИРИНОЙ 251px,
т.е. ОСТАЁТСЯ 721px (это вместе с 1px-линиями по краям), это значение и прописываем в viewport */

div.hline {border-top:1px solid #4F871E;}
img.seminar_thumb {width:100%; height:auto;}
/* - широкая большая превьюшка семинара */

h4.date {font-weight:normal; font-size:10px; color:#9F011E; margin:0; padding:0;}
h4.date A {text-decoration:none;}
h4.date A:hover { text-decoration:underline;}
h4.date b {color:#A93C3E;}

.list_news, td.list_news, div.list_news {line-height:13px; font-size:11px;}
td.list_news A {text-decoration:none; color:#000000;}
td.list_news A:hover { text-decoration:none; color:#9F011E;}
.news_text, td.news_text, div.news_text { line-height:12px; font-size:11px; color:#B40A00; }

img.illustr {max-width:100%; height:auto;} 
/* - иллюстрации в текстах не должны выходить за пределы ширины страницы!
Значение в процентах max-width:100% для img работает - в отл. от div, table, textarea !!! */

/* ДЛЯ МОБ. ВЕРСИИ: */
.home.mobile h4.date {font-size:16px; line-height:22px;}
.home.mobile .list_news, .home.mobile td.list_news, .home.mobile div.list_news {
line-height:24px; font-size:17px;}

/* ===================== ШИРИНА >= 972px ===================== */
@media all and (min-width:972px) {

.mobile {display:none;}

}  /* /@media all and (max-width:972px) */

/* ===================== ШИРИНА <= 971px ===================== */
@media all and (max-width:971px) {

.nomobile {display:none;}

td.list_news {padding-bottom:20px; border-bottom:1px solid #4F871E;}
/* в мобильной версии отделяем семинары в списке друг от друга более широким промежутком и линией */
.link_to_seminars {font-size:19px;}
/* ссылка к "все семинары" на главной. В мобильной версии размер шрифта увеличиваем. */

}  /* /@media all and (max-width:971px) */