*{ margin: 0; padding: 0; float: none; text-decoration: none; box-sizing: border-box; list-style-type: none;}
html { height: auto; width: 100%; min-width: 900px;  overflow-x: auto; overflow-y: auto; font-size: 18px; padding: 0!important; margin: 0!important;}
body{ float: left; width: 100%; background: rgb(253, 253, 255);}

/*Шапка сайта. color: #fad;*/
header{ width: 100%; height: auto; background-image: url(../resourceSiteDrawing/HEADER_sas2.png);}
  .websiteLabel{ float: left; width: auto; height: auto; font: 2rem Georgia; font-style: oblique; font-weight: bold; padding: 3px 10px; color: #2e595e; text-shadow: 6px 6px 5px #669;}

/* Ссылка на вход или регистрацию */
  .headerInReg{ float: right; width: 176px; height: 50px; padding: 24px 10px 0 0; text-align: center;}
  .headerInReg a{ float: right; font: 0.85rem "Georgia"; font-style: oblique; font-weight: bold; color: #707070;}
  .headerInReg a:hover{ text-decoration-line: underline;}

/*Скрытое поле выхода и вход в профиль.*/
  .headerExetProf{ position: relative; float: right; width: 176px; height: 50px; padding: 15px 10px 0 0; text-align: center;}
  .headerExetProf a{  font: 0.85rem "Georgia"; font-style: oblique; font-weight: bold; color: #707070; vertical-align: middle;}
  .headerExetProf:hover .ExetProf{ display: block;}
    .ExetProf{ position: absolute; right: 0; width: 100px; left: 0; top: 1rem; text-align: center; margin: 0 auto; display: none;}
    .ExetProf li{ float: none; border: 1px solid #fff; border-radius: 20%; padding: 3px;   background-color: rgba(150, 175, 175, 0.8);
}
    .ExetProf input{ float: none; color: #004040; font: 1rem "Georgia"; background-color: inherit; border-style: none;}
    .ExetProf input:hover{ color: white;}

/*Иконка пользователя.*/
.iconUser{
 width: 35px;
 height: 35px;
 margin: 0 15px 0 0;
 border-radius: 5px; vertical-align: middle;}

#inUserPage{ background: rgba(119, 136, 153, 0.6); width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom 0; right: 0; z-index: 10; display: none;}
#inUserPage:target {display: block;}
.registPageWindow { width: 310px; height: 335px; text-align: center; padding: 7px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #fff;}
.closeRegistPageWindow, .closeRegistPageWindow:hover { border-radius: 20px; border: 8px solid rgba(119, 136, 153, 0.6); padding: 5px 10px; font: 1.7rem "VERDANA";
        text-decoration: none;
        background: #fff;
}

.inUserForm{ margin: 10px 0; }
.inUser{ width: 280px; height: auto; margin: 11px 0; font-size: 1.5rem; border: 1px solid #000000; }


/*Отображение ссылок с картинками на другие сайты с ресурсами */
.otherSitesResources{
float: right;
padding: 15px 20px 0 0;
}
.othSitRes_img{
height: 28px;
margin: 0 3px 0 0;
transition: 1s;
}
.othSitRes_img:hover{
transform: scale(1.2);
}






/*Для всех ссылок.*/
a { color: #00004e; font-family: "Times New Roman", "Times", sans-serif; }
a:hover{ text-decoration: underline; color: #00484e; transition: color 0.2s linear;}




/*Список статей.*/
/*Шапка для меню выбора списка статей.*/
.listArtigle_menu{float: left; width: 100%; background: #34434b;  text-align: center; }
.listArtigle_menu_li{display: inline-block; padding: 7px;}
.listArtigle_menu_a{color: #e0e6fe; text-decoration: none !important;}
.listArtigle_menu_a:hover{color: #797887;}

/*Стиль для ссылок в списках статей.*/
.listArtigle{ font-weight: normal; text-decoration: none; color: #051c75;}
.listArtigle_LI:before{ content: none;}


/* Заголовок ссылки на разделы статей */
header nav{ width: 100%; clear: both; padding: 10px 0 12px 0; text-align: center;}
header nav ul li{display: inline; padding: 0 2px;}
header nav ul li a{ padding: 0 5px; text-decoration: none !important; font-size: 1rem; word-spacing: -3px; font-weight: normal; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #04011c;}
header nav ul li a:hover{  color: #0a6295; transition: color 0.2s linear;}

/*Левая часть сайта. Вставка для пожертвований*/
.leftBar{float: left; width: 20%; position: -webkit-sticky; position: sticky; top: 0;}
.leftBar_Div_ads{float: left; width: 80%; top: 0; margin: 10px 9%; padding: 10px; text-align: center;}
.Img_ads_1{ width: 85%; }
.leftBar_A_ads_1{ margin: 0; padding: 0;}
.leftBar_button_ads_1{ height: 40px; width: 100%; max-width: 130px; font-size: 0.9rem; border: 0px solid; border-radius: 25px; cursor: pointer; transition: .8s; background-color: rgba(150, 175, 175, 0.4);}
.leftBar_button_ads_1:hover{ border-radius: 2px; background-color: rgba(145, 139, 186, 0.4);}



/*Центральная часть сайта.*/
main{ float: left; width: 60%;}

/*Заставка для каждой статьи*/
.imgSasAticle{ width: 100px; height: 75px; float: left; margin: 0 10px 0 0; box-shadow: 4px 4px 4px 3px rgba(0, 0, 0, 0.33); }

/*Правая часть сайта.*/
.rightBar{ width:  20%; position: fixed; right: 0; text-align: center;}
.rightBar strong { width: 100%; padding: 5px 2px; font-size: 1.05rem; font-family: 'Georgia'; font-weight: bold; color: #000f48;}
.rightBar ul { width: 100%; padding: 5px 2px;}
.rightBar a { font-size: 1rem; font-family:  'Georgia'; color: #000f48;}
.rightBar a:hover { color: #339300; transition: color 0.2s linear;}

/*Правая часть навигация: стрелки вверх и вниз и назад.*/
.rightBarNav{ width:  20%; top: 150px; position: fixed; right: 0; text-align: center; }

/* Кнопка назад.*/
.backButton{ background: #699; width: 90px; color: white; border-radius: 5px; font-size: 1rem; font-weight: bold; margin: 10px 0 0 0;}
/* Кнопка вверх.*/
.upButton{ width: 80px; height: 40px; margin: 10px 0 0 0;}
/*Кнопка комментарии.*/
.downButtonComm{ width: 90px; height: 30px;}
/* Кнопка вниз.*/
.downButton{ width: 80px; height: 40px;}

/*Боковая панель управления.*/
.controlPanel{ position: absolute; width: 50px; height: 50px; right: 0; bottom: 0; background: #555;}

/*Переходы по статьям.*/
.articleTraffic{  margin: 0 auto; clear: left; padding: 20px 0 0 0;}
.articleTraffic a{ color: #00c; border-width: 1px; border-style: solid; border-color: rgb(253, 253, 255); padding: 4px 6px; margin: 0 5px;}
.articleTraffic a:hover{ border-color: #69c;}
.articleTraffic a:link{ color: #00c;}
.articleTraffic form{ padding: 10px 0 0 0; text-align: center; font-size: 1rem;}
.articleTraffic form input{ font-size: 1rem;}

/*hr-Линия на страницах.*/
/*hr-Линия правой стороны.*/
.lineRightBar{ width: 70%; margin: 0px auto;}
/*Настройки списка.*/
.listView{ padding: 0 35px;}
.listView li{ list-style-type: decimal;}

/*Нижняя часть сайта.*/
footer{ float:left; width: 100%; margin: 10px 0 0 0;}
.footer_div_1{ width: 100%; height: 100px; float: left; display: none;}
.footer_div_Img_1{ width: 15%;}/* display: block; float: left;*/
.foter_Div_2{ width: 100%; float: left; text-align: center;}
.footer_div_P_1{ font-size:21px;}


/*Стили для коментариев пользователей*/
.comentUserHeader{ width: 100%;  clear: both; text-align: center;}
.comentUser{ width: 100%;  clear: both; padding: 0 5px;}
.comentUser img{ text-align: left;}
.comentUser strong{ font-size: 1.1rem; }
.commentUserAnswer{width: 95%; background: rgba(239, 239, 239, 0.5); float: right;}
.commentUserAnswer strong{ font-size: 1rem;}

.commSite{ width: 100%; float: left; margin: 5px 0; border-style: solid; border-color: #002700; border-width: 1px;}/*Черта в коментариях.*/

/*Окно для ввода текста.*/
  #newTextComment{  width: 100%; text-align: right; display: none; clear: both;}
  .newTextCommentAnswer{  width: 100%; text-align: right; display: none; clear: both;}
  /*#newTextComment:target {display: block;}*/
   .newTextComment{ width: 100%; height: 100%; font-size: 1rem;}
   .newTextCommentSendExet{ background: rgba(51, 156, 204, 0.3); border-radius: 5px;}


 .replyComentButton{ float: right; background: rgba(51, 156, 204, 0.3); border-radius: 5px;}



/*+++++++++++++++Настройки для статей.+++++++++++++++*/
/*Настройки для статей, центральная часть.*/
main article{ float: left; width: 100%;}

main article div{ float: left;}

/* Для заголовка статьи H1 */
.articleTitle{ clear: both; text-align: center; font-size: 1.7rem;  margin: 1.5rem 0 1rem 0;}
main article h2{ clear: both; text-align: center; padding: 1.5rem 0 0.5rem 0; font-size: 1.5rem;}
main article h3{ clear: both; text-align: center; padding: 1.3rem 0 0.3rem 0; font-size: 1.3rem;}

/*Стили ссылок в статье.*/
main article a{ float: none; color: #00c; font-weight: bold; text-decoration: underline;}
main article a:visited{ color: #00c;}
/*Ссылки якоря в статье*/
main article .A_2 { float: none; color: #1b1070; font-family: "Garamond"; font-size: 1rem; font-weight: bold; text-decoration: none;}
main article .A_2:visited{ color: #005180;}
main article .A_2:hover{ color: #5b6584;}

/*Стиль для ссылок Ютуб Бусти Телеграм, имеют картинку*/
.LinkAsIMG{ display: inline-block; padding: 0 10px;}
.IMG_LinkAsIMG{ width: 180px; margin: 0; vertical-align: middle;}

/*Стиль для ссылки на статью*/
.LinkToArticle{ float: none; color: #000020; font-size: 20px; font-weight: bold; font-style: italic; text-decoration: none;}
.LinkToArticle:active{ color: #000020;}
.LinkToArticle:hover{ color: #486677;}
.LinkToArticle:visited{ color: #000020;}

main article img{ max-width: 100%; margin: 1rem 0;}
main article .IMG_90{ width: 90%; margin: 1rem 5%;}
main article .IMG_80{ width: 80%; margin: 1rem 10%;}
main article .IMG_70{ width: 70%; margin: 1rem 15%;}
main article .IMG_60{ width: 60%; margin: 1rem 20%;}
main article .IMG_50{ width: 50%; margin: 1rem 25%;}
main article .IMG_40{ width: 40%; margin: 1rem 30%;}
main article .IMG_30{ width: 30%; margin: 1rem 35%;}
main article .IMG_20{ width: 20%; margin: 1rem 40%;}
main article .IMG_10{ width: 10%; margin: 1rem 45%;}

main article p{ float: left; font-size: 1rem; text-indent: 0.5rem; clear: both;}
main article strong{ float: left; font-size: 1rem; color: red; text-indent: 0.5rem; clear: both;}
/*Два свойства для картинки в абзаце.*/
.P_ImgRU img{ float: right; width: 200px; margin: 0px 10px 0px 10px;}
.P_ImgLU img{ float: left; width: 200px; margin: 0px 10px 0px 10px;}

/*Термин и его описание.*/
main article dl{ float: left; clear: both; padding-left: 1rem; width: auto;}
main article dt{ display: inline; text-align: left; margin: 0 0 0 -1rem; font-weight: bold; font-size: 1rem;}/*float: left;*/
main article dt:after{ content: "-";}
main article dd{ display: inline; text-align: left; font-size: 1rem;}/* float: left;*/

/*Нумеруемые списки.*/
main article ol{ clear: left; counter-reset: list1; margin-left: 0.5rem;}
main article li{ list-style-type: none;}
main article ol li:before{ counter-increment: list1; content: counter(list1) ". ";}
 main article ol ol { counter-reset: list2; padding-left: 0.5rem;}
 main article ol ol li:before{ counter-increment: list2; content: counter(list1) "." counter(list2) ". ";}
 main article ol ol ol{ counter-reset: none; margin-left: 1rem;}
main article ol ol ol li{ list-style-type: lower-alpha;}
main article ol ol ol li:before{ content: none;}
main article ol ol ol ol li{ list-style-type: disc;}

main article .hrefArticle{ float: right; color:#6b76fe;}

/*Для старых статей где применялся <BR> для переноса.*/
main article > code{ float: left; width: 96%; margin: 10px 2%; padding: 10px; border: 1px solid #00002a; background: rgb(250, 250, 250); font-size: 0.85rem;}
main article > code code{ color: blue;}
/*Для новых статей.*/
.CODE{ float: left; width: 100%; margin: 1rem 0; padding: 10px; border: 1px solid #b7b3cb; border-radius: 10px; background: rgb(250, 250, 250); font-size: 0.85rem; white-space: pre-wrap;}
.comment_CODE{ color: #4c77f3; border: none; white-space: pre-wrap;}
main article code{ font-size: 0.85rem;}

/*Контейнер для элементов размещение по центру*/
.ContCentrText{
 float: left;
 width: 100%;
 margin: 0.6rem 0;
 text-align: center;
 min-height: 1rem;
}

/*Тег P в котором текст выводится по центру*/
.TextCentr{
width: 100%;
text-align: center;
font-size: 1rem;
}

/*Пустая строка.*/
.teg_Void{ width: 100%; height: 0.6rem; font-size: 0.5rem;}

/*Офрмление ссылки на видео YouTube.*/
.hrefVideo{ float: right; margin: 5px; font-family: 'IMPACT','Times New Roman', Times, serif; font-style: italic; font-size: 0.9rem; border-radius: 10px; font-weight: normal;
text-decoration: none;
background: #933;
color: white;
padding: 5px 15px 5px 5px;
}
.hrefVideo:hover{background: #c75858;; transition: color 0.5s linear; text-decoration: none;}

/*Тег DETAILS скрывающий содержимое*/
.DETAILS_1{
 float: left;
 width: 100%;
 display: inline;
 margin: 10px 0;
}

/*Для тега заголовок DETAILS скрывающий содержимое*/
.SUMMARY_1{
 text-align: center;
 margin: 0 5% 5px 5%;
 padding: 5px 0;
 box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
 background:#dfdfdf;
 border-width: 2px;
 border-radius: 5px;
 font-family: 'Georgia', serif;
 color: #505050;
 font-size: 0.9rem;
 font-weight: 600;
 cursor: pointer;
}

.SUMMARY_1::before {
  margin-left: 1ch;
  display: inline-block;
  content: '►';
  transition: 0.2s;
}

.DETAILS_1[open] > summary::before {
  transform: rotate(90deg);
}

@media (max-width: 1200px){
.lineSite{ display: none; }/*Линия в начале и конце страницы*/
.leftBar{ width:  15%;}
main{ width: 70%; }
.hrefVideo{font-size: 0.85rem;}
h1{ font-size: 1.6rem; }
}

@media (max-width: 1100px){
.leftBar{ width: 0%;}
.leftBar_Div_ads{ display: none;}
.footer_div_1{ display: block;}
main{ width: 100%; padding: 0px 30px;}
.hrefVideo{font-size: 0.85rem;}
}
/*main{ width: 70%; padding: 10px;}*/

@media (max-width: 1024px){
.leftBar{ width: 0%;}
main{ width: 100%; }
.hrefVideo{font-size: 0.8rem;}
}

@media (max-width: 950px){
.leftBar{ width: 0%;}
.rightBar{ width: 0%;}
main{ width: 100%; }
.hrefVideo{font-size: 0.75rem;}
}