/* General Style */
body {background:#FFFFFF; margin:0px; padding:0px;}

#contanier {background: url('/.s/t/812/2.gif') repeat-x;}
.header {height: 280px; background: url('/.s/t/812/3.jpg') top center no-repeat; width: 900px;}
.data-block {width: 50%; height: 30px; padding-left: 140px;}
.logo-block {padding-left: 145px; height: 120px; text-align: center; padding-right: 80px;}
.logo-block h1 {margin: 0; padding: 0; font-weight: normal; color:#000000;}
.login-block {padding-left: 155px; height: 120px; text-align: center; padding-right: 70px; padding-bottom: 50px;}

.boxTable {width:200px;padding:1px;margin:5px 0px; border: 1px solid #cacae6;}
.boxTable th {font-size:9pt; color:#FF9115; padding-left:35px; text-align: left; background: url('/.s/t/812/1.gif') no-repeat #f5fcff; border: 1px solid #5bd1fc; height: 34px;}
.boxContent {margin-left:auto;margin-right:auto;}
.center {text-align:center;}

a:link {text-decoration:underline; color:#d6eaf8;}
a:active {text-decoration:underline; color:#d6eaf8;}
a:visited {text-decoration:underline; color:#d6eaf8;}
a:hover {text-decoration:none; color:#000000;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}
h1 {color: #12a4d8; font-size: 14pt; font-weight: normal;}

a.noun:link {text-decoration:none; color:#7D7D7D}
a.noun:active {text-decoration:none; color:#7D7D7D}
a.noun:visited {text-decoration:none; color:#7D7D7D}
a.noun:hover {text-decoration:none; color:#016CAC}

hr {color:#CCCCCC;height:1px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#787878;font-size:12px;}

a.menu1:link {text-decoration:underline; color:#FAFAFA}
a.menu1:active {text-decoration:underline; color:#FAFAFA}
a.menu1:visited {text-decoration:underline; color:#FAFAFA}
a.menu1:hover {text-decoration:underline; color:#CCCCCC}
.menuTd {padding-left:12px;padding-right:10px; background: url('/.s/t/812/4.gif') no-repeat 0px 3px;}

.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #FAFAFA;}
.msep {border-top:1px solid #FAFAFA;}
/* ------------- */

/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 15px; background: url('/.s/t/812/5.gif') no-repeat; margin-bottom: .6em;}
/* ----- */

/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}


.uMenuV .uMenuItem {font-weight:bold;}
.uMenuV li a:link {text-decoration:none; color:#4F98BC;}
.uMenuV li a:active {text-decoration:none; color:#4F98BC;}
.uMenuV li a:visited {text-decoration:none; color:#4F98BC;}
.uMenuV li a:hover {text-decoration:none; color:#000000;}

.uMenuV a.uMenuItemA:link {text-decoration:none; color:#79BD11}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#79BD11}
.uMenuV a.uMenuItemA:hover {text-decoration:none; color:#000000}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {margin: 0; padding: 5px 5px 5px 15px;border-bottom:1px solid #97C821;font-size:11px;font-weight:bold; background: url('/.s/t/812/6.gif') left center no-repeat;}
/* --------- */

/* Module Part Menu */
.catsTd {padding: 0 0 6px 15px; background: url('/.s/t/812/5.gif') no-repeat;}
.catName {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNameActive {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNumData {font-size:7pt;color:#6E6E6E;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#7D7D7D;}
a.catName:visited {text-decoration:none; color:#7D7D7D;}
a.catName:hover {text-decoration:none; color:#016CAC;}
a.catName:active {text-decoration:none; color:#7D7D7D;}
a.catNameActive:link {text-decoration:none; color:#016CAC;}
a.catNameActive:visited {text-decoration:none; color:#016CAC;}
a.catNameActive:hover {text-decoration:none; color:#000000;}
a.catNameActive:active {text-decoration:none; color:#016CAC;}
/* ----------------- */

/* Entries Style */
.eBlock {}
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:10pt;font-weight:bold;color:#000000; padding: 10px; border-bottom: 1px dashed #cbcbe6; background:#f1f8fb;}
.eTitle a:link {text-decoration:none; color:#000000;}
.eTitle a:visited {text-decoration:none; color:#000000;}
.eTitle a:hover {text-decoration:underline; color:#000000;}
.eTitle a:active {text-decoration:none; color:#000000;}

.eMessage {text-align:justify;padding:10px !important; font-size: 9pt;}
.eText {text-align:justify;padding-bottom:5px;padding-top:5px;border-top:1px solid #CCCCCC}
.eDetails {border-top:1px dashed #DDDDDD;border-bottom:1px dashed #DDDDDD;font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#00cc00;padding-bottom:5px;padding-top:3px; text-align:left;font-size:7pt;}
.eDetails1 {border-top:1px dashed #DDDDDD;border-bottom:1px dashed #DDDDDD;font-familyVerdana,:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt;}
.eDetails2 {border-bottom:1px dashed #DDDDDD;font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt;}

.eRating {font-size:7pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/812/7.gif') no-repeat 0px 0px;}
/* ------------- */

/* Entry Manage Table */
.manTable {}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */

/* Comments Style */
.cAnswer {padding-left:15px;padding-top:4px;font-style:italic;}

.cBlock1 {background:#FFFFFF; border:1px solid #CCCCCC;}
.cBlock2 {background:#FFFFFF; border:1px solid #CCCCCC;}
/* -------------- */

/* Comments Form Style */
.commTable {border:1px solid #CCCCCC;background:#FFFFFF;}
.commTd1 {color:#000000;}
.commTd2 {}
.commFl {color:#6E6E6E;width:100%;background:#FCFCFC;border:1px solid #CCCCCC;}
.smiles {border:1px inset;background:#FFFFFF;}
.commReg {padding: 10 0 10 0px; text-align:center;}
.commError {color:#FF0000;}
.securityCode {color:#6E6E6E;background:#FCFCFC;border:1px solid #CCCCCC;}
/* ------------------- */

/* Archive Menu */
.archUl {list-style: none; margin:0; padding-left:0;}
.archLi {padding: 0 0 3px 10px; background: url('/.s/t/812/8.gif') no-repeat 0px 4px; font-family:Tahoma,Arial,Sans-Serif;}
a.archLink:link {text-decoration:underline; color:#6E6E6E;}
a.archLink:visited {text-decoration:underline; color:#6E6E6E;}
a.archLink:hover {text-decoration:none; color:#000000;}
a.archLink:active {text-decoration:none; color:#000000;}
/* ------------ */

/* Archive Style */
.archiveCalendars {text-align:center;color:#0000FF;}
.archiveDateTitle {font-weight:bold;color:#6E6E6E;padding-top:15px;}
.archEntryHr {width:250px;color:#DDDDDD;}
.archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('/.s/t/812/9.gif') no-repeat 0px 4px; margin-bottom: .6em;}
.archiveEntryTime {width:65px;font-style:italic;}
.archiveEntryComms {font-size:9px;color:#C3C3C3;}
a.archiveDateTitleLink:link {text-decoration:none; color:#6E6E6E}
a.archiveDateTitleLink:visited {text-decoration:none; color:#6E6E6E}
a.archiveDateTitleLink:hover {text-decoration:underline; color:#6E6E6E}
a.archiveDateTitleLink:active {text-decoration:underline; color:#6E6E6E}
.archiveNoEntry {text-align:center;color:#0000FF;}
/* ------------- */

/* Calendar Style */
.calTable {margin-left: auto; margin-right: auto;}
.calMonth {}
.calWday {color:#000000; background:#b7e36e; width:18px;}
.calWdaySe {color:#000000; background:#acdeee; width:18px;}
.calWdaySu {color:#000000; background:#acdeee; width:18px; font-weight:bold;}
.calMday {background:FFFFFF;color:#000000;}
.calMdayA {background:#CCCCCC;font-weight:bold;}
.calMdayIs {background:#FFFFFF;color:#000000;font-weight:bold;border:1px solid #CCCCCC;}
.calMdayIsA {border:1px solid #016EAD; background:#FFFFFF;font-weight:bold;}
a.calMonthLink:link,a.calMdayLink:link {text-decoration:none; color:#000000;}
a.calMonthLink:visited,a.calMdayLink:visited {text-decoration:none; color:#000000;}
a.calMonthLink:hover,a.calMdayLink:hover {text-decoration:underline; color:#016CAC;}
a.calMonthLink:active,a.calMdayLink:active {text-decoration:underline; color:#000000;}
/* -------------- */

/* Poll styles */
.pollBut {width:110px;}

.pollBody {padding:7px; margin:0px; background:#FFFFFF}
.textResults {background:#E5E5E5}
.textResultsTd {background:#FFFFFF}

.pollNow {border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.pollNowTd {}

.totalVotesTable {border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.totalVotesTd {background:#FFFFFF;}
/* ---------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */

/* Other Styles */
.replaceTable {background:#FFFFFF;height:100px;width:300px;border:1px solid #9E9E9E;}
.replaceBody {background:#FFFFFF;}

.legendTd {font-size:7pt;}
/* ------------ */

/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#cacae6; width: 100%;}
.gTableTop {padding:2px;background:url('/.s/t/812/10.gif') #ace1f1;text-align:center;color:#1E73AF;font-weight:bold;height:30px;font-size:10pt; border: 1px solid #FFFFFF;}
.gTableSubTop {padding:2px;background:#b0e15e;color:#000000;height:20px;font-size:10px; border: 1px solid #FFFFFF;}
.gTableBody {padding:2px;background:#FAFAFA;}
.gTableBody1 {padding:2px;background:#FFFFFF;}
.gTableBottom {padding:2px;background:#FAFAFA;}
.gTableLeft {padding:2px;background:#F2F2F2;font-weight:bold;color:#6E6E6E}
.gTableRight {padding:2px;background:#F8F9FA}
.gTableError {padding:2px;background:#FAFAFA;color:#FF0000;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background:#FFFFFF}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#F2F2F2}
.forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}

a.catLink:link {text-decoration:none; color:#1E73AF;}
a.catLink:visited {text-decoration:none; color:#1E73AF;}
a.catLink:hover {text-decoration:underline; color:#000000;}
a.catLink:active {text-decoration:underline; color:#1E73AF;}

.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}
/* ------------- */

/* forum Titles & other */
.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#858585;font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#6E6E6E;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#6E6E6E;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#909090;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#6E6E6E;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {font-weight:bold;font-size:7pt;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#000000;}
a.forumBarA:visited {text-decoration:none; color:#000000;}
a.forumBarA:hover {text-decoration:none; color:#6E6E6E;}
a.forumBarA:active {text-decoration:underline; color:#6E6E6E;}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {background:#DADADA;}
.fastNavCat {background:#EFEFEF;}
.fastNavCatA {background:#EFEFEF;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.switches {background:#CCCCCC;}
.pagesInfo {background:#FFFFFF;padding-right:10px;font-size:7pt;}
.switch {background:#FFFFFF;width:15px;font-size:7pt;}
.switchActive {background:#E0E0E0;font-weight:bold;color:#6E6E6E;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#000000;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#000000;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FF0000;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FF0000;}
/* ------------------- */

/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#FFFFFF}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#F2F2F2}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#858585;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#AAAAAA;height:20px;font-weight:bold;font-size:7pt;color:#FFFFFF;padding-left:40px; }
.threadsDetails {padding:2px;background:#CCCCCC;height:20px;color:#6E6E6E;}
.forumOnlineBar {padding:2px;background:#CCCCCC;height:20px;color:#6E6E6E;}

a.threadPinnedLink:link {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:visited {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:hover {text-decoration:none; color:#FF0000;}
a.threadPinnedLink:active {text-decoration:underline; color:#FF0000;}

a.threadLink:link {text-decoration:none; color:#6E6E6E;}
a.threadLink:visited {text-decoration:none; color:#6E6E6E;}
a.threadLink:hover {text-decoration:underline; color:#000000;}
a.threadLink:active {text-decoration:underline; color:#000000;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

/* forum Posts View */
.postTable {}
.postPoll {background:#F1F2F3;text-align:center;}
.postFirst {background:#F8F9FA;border-bottom:3px solid #FFFFFF;}
.postRest1 {background:#F1F2F3;}
.postRest2 {background:#F8F9FA;}
.postSeparator {height:3px;background:#FFD500;}

.postTdTop {background:#b0e15e;color:#000000;height:20px;font-size:10px; border: 1px solid #FFFFFF;}
.postBottom {background:#E0E0E0;height:20px}
.postUser {font-weight:bold;}
.postTdInfo {text-align:center;padding:5px;background:#F2F2F2;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#787878;}
.posttdMessage {padding:5px;background:#FFFFFF;}

.pollQuestion {text-align:center;font-weight:bold;} 
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.codeMessage {background:#FFFFFF;font-size:9px;}
.quoteMessage {background:#FFFFFF;font-size:9px;}

.signatureView {font-size:7pt;} 
.edited {padding-top:30px;font-size:7pt;text-align:right;color:gray;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#0000FF;}
.statusOffline {color:#FF0000;}
/* ------------------ */

/* forum AllInOne Fast Add */
.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newThreadItem {padding: 0 0 0 8px; background: url('/.s/t/812/11.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('/.s/t/812/11.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* forum Post Form */
.codeButtons {font-size:7pt;background:#FCFCFC;border:1px solid #6E6E6E;}
.codeCloseAll {font-size:7pt; color:#6E6E6E;font-weight:bold;background:#FCFCFC;border:1px solid #6E6E6E;}
.postNameFl,.postDescrFl {background:#FCFCFC;border:1px solid #6E6E6E;width:400px}
.postPollFl,.postQuestionFl {background:#FCFCFC;border:1px solid #6E6E6E;width:400px}
.postResultFl {background:#FCFCFC;border:1px solid #6E6E6E;width:50px}
.postAnswerFl {background:#FCFCFC;border:1px solid #6E6E6E;width:300px}
.postTextFl {background:#FCFCFC;border:1px solid #6E6E6E;width:550px;height:150px}
.postUserFl {background:#FCFCFC;border:1px solid #6E6E6E;width:300px}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
/* ----------------- */

/* ====== forum End ====== */

.forumContent{text-align:left;}
.uMenuV{z-index:5;}
input[type=text], input[type=password], textarea, iframe#mchatIfm2{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *padding:3px 0px !important;}
.myBtnLeft img, .myBtnRight img, .myBtnLeftA img, .myBtnRightA img, .myBtnRight + td input, .myBtnRightA + td input { display: block }
.myBtnCenter, .myBtnCenterA { line-height:19px !important }
.myBtnCont { height:19px; padding-bottom:0 !important }

/* ============================================================ */
/* ===== ОСНОВНЫЕ СТИЛИ ДЛЯ ВСЕГО САЙТА ===== */
/* ============================================================ */

/* ===== 1. КРАСИВОЕ ГОРИЗОНТАЛЬНОЕ МЕНЮ ===== */
.horizontal-menu {
 background: linear-gradient(135deg, #1a2a4a 0%, #2d4a7a 100%);
 border-radius: 12px;
 padding: 0 20px;
 box-shadow: 0 4px 20px rgba(26,42,74,0.25);
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 margin: 10px auto 20px;
 max-width: 1200px;
 min-height: 56px;
}

.horizontal-menu__item {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 14px 18px;
 color: #cc0000;
 text-decoration: none;
 font-size: 14px;
 font-weight: 500;
 font-family: 'Segoe UI', Arial, sans-serif;
 transition: all 0.3s ease;
 border-bottom: 3px solid transparent;
 position: relative;
 white-space: nowrap;
}

.horizontal-menu__item:hover {
 color: #ffffff;
 border-bottom-color: #4a90e2;
 background: rgba(255,255,255,0.05);
 border-radius: 8px 8px 0 0;
}

.horizontal-menu__item.active {
 color: #ffffff;
 border-bottom-color: #4a90e2;
 background: rgba(74,144,226,0.15);
 border-radius: 8px 8px 0 0;
}

.horizontal-menu__item .icon {
 font-size: 16px;
}

.horizontal-menu__divider {
 width: 1px;
 height: 30px;
 background: rgba(255,255,255,0.08);
 flex-shrink: 0;
}


/* ===== 2. СТИЛИ ДЛЯ ГЛОБАЛЬНЫХ БЛОКОВ (ПРАВАЯ КОЛОНКА) ===== */
.modern-block {
 background: #ffffff;
 border-radius: 12px;
 box-shadow: 0 4px 15px rgba(26,42,74,0.08);
 margin-bottom: 20px;
 overflow: hidden;
 border: 1px solid rgba(26,42,74,0.06);
 transition: box-shadow 0.3s ease;
}

.modern-block:hover {
 box-shadow: 0 6px 25px rgba(26,42,74,0.12);
}

.modern-block__title {
 background: linear-gradient(135deg, #1a2a4a 0%, #2d4a7a 100%);
 color: #ffffff !important;
 padding: 12px 18px !important;
 font-size: 15px !important;
 font-weight: 600 !important;
 font-family: 'Segoe UI', Arial, sans-serif !important;
 letter-spacing: 0.5px;
 border-bottom: 3px solid #4a90e2;
}

.modern-block__title a {
 color: #ffffff !important;
}

.modern-block__content {
 padding: 15px 18px !important;
}

.modern-block__content a {
 color: #2d4a7a;
 text-decoration: none;
 transition: color 0.3s ease;
}

.modern-block__content a:hover {
 color: #4a90e2;
 text-decoration: underline;
}

.modern-block__content hr {
 border: none;
 border-top: 1px solid #e8ecf2;
 margin: 10px 0;
}


/* ===== 3. СТИЛИ ДЛЯ СПИСКА "ДРУЗЬЯ САЙТА" ===== */
.modern-block__friends {
 list-style: none;
 padding: 0;
 margin: 0;
}

.modern-block__friends li {
 padding: 6px 0;
 border-bottom: 1px solid #f0f2f5;
}

.modern-block__friends li:last-child {
 border-bottom: none;
}

.modern-block__friends li a {
 color: #2d4a7a;
 text-decoration: none;
 font-size: 14px;
 transition: all 0.3s ease;
 display: block;
 padding: 2px 0 2px 20px;
 position: relative;
}

.modern-block__friends li a::before {
 content: "›";
 position: absolute;
 left: 0;
 color: #4a90e2;
 font-weight: 700;
 transition: transform 0.3s ease;
}

.modern-block__friends li a:hover {
 color: #4a90e2;
 padding-left: 26px;
}

.modern-block__friends li a:hover::before {
 transform: translateX(4px);
}


/* ===== 4. СТИЛИ ДЛЯ ФОРМЫ ВХОДА ===== */
.modern-block .login-form input[type="text"],
.modern-block .login-form input[type="password"] {
 width: 100%;
 padding: 8px 12px;
 border: 1px solid #dce1e8;
 border-radius: 6px;
 margin-bottom: 8px;
 font-size: 14px;
 transition: border-color 0.3s ease;
 box-sizing: border-box;
}

.modern-block .login-form input[type="text"]:focus,
.modern-block .login-form input[type="password"]:focus {
 border-color: #4a90e2;
 outline: none;
 box-shadow: 0 0 0 3px rgba(74,144,226,0.1);
}

.modern-block .login-form input[type="submit"] {
 background: linear-gradient(135deg, #1a2a4a 0%, #2d4a7a 100%);
 color: #fff;
 border: none;
 padding: 8px 24px;
 border-radius: 6px;
 cursor: pointer;
 font-weight: 600;
 transition: all 0.3s ease;
}

.modern-block .login-form input[type="submit"]:hover {
 transform: translateY(-2px);
 box-shadow: 0 4px 15px rgba(26,42,74,0.3);
}


/* ===== 5. СТИЛИ ДЛЯ ОПРОСА ===== */
.modern-block .poll-vote input[type="submit"] {
 background: linear-gradient(135deg, #1a2a4a 0%, #2d4a7a 100%);
 color: #fff;
 border: none;
 padding: 6px 18px;
 border-radius: 6px;
 cursor: pointer;
 transition: all 0.3s ease;
}

.modern-block .poll-vote input[type="submit"]:hover {
 transform: translateY(-2px);
 box-shadow: 0 4px 15px rgba(26,42,74,0.3);
}


/* ===== 6. СТИЛИ ДЛЯ КАЛЕНДАРЯ ===== */
.modern-block .calTable {
 width: 100%;
 border-collapse: collapse;
}

.modern-block .calTable td {
 text-align: center;
 padding: 4px 2px;
 font-size: 13px;
}

.modern-block .calTable .calMonth {
 font-weight: 700;
 color: #1a2a4a;
 padding: 6px 0;
}

.modern-block .calTable .calDayOfWeek {
 font-weight: 600;
 color: #6b7a9a;
 font-size: 11px;
}

.modern-block .calTable .calDay {
 color: #2d3a5a;
}

.modern-block .calTable .calDay:hover {
 background: #e8ecf2;
 border-radius: 4px;
}

.modern-block .calTable .calCurrentDay {
 background: #4a90e2 !important;
 color: #fff !important;
 border-radius: 4px;
 font-weight: 700;
}

.modern-block .calTable .calEmptyDay {
 color: #c8d0da;
}


/* ===== 7. СТИЛИ ДЛЯ КАТЕГОРИЙ ===== */
.modern-block .catList,
.modern-block .catItem {
 list-style: none;
 padding: 0;
 margin: 0;
}

.modern-block .catList li,
.modern-block .catItem li {
 padding: 4px 0;
 border-bottom: 1px solid #f5f6f8;
}

.modern-block .catList li:last-child,
.modern-block .catItem li:last-child {
 border-bottom: none;
}

.modern-block .catList li a,
.modern-block .catItem li a {
 color: #2d4a7a;
 text-decoration: none;
 transition: color 0.3s ease;
}

.modern-block .catList li a:hover,
.modern-block .catItem li a:hover {
 color: #4a90e2;
}


/* ===== 8. СТИЛИ ДЛЯ МИНИ-ЧАТА ===== */
.modern-block .chat-box {
 font-size: 13px;
}

.modern-block .chat-box .chat-msg {
 padding: 4px 0;
 border-bottom: 1px solid #f0f2f5;
}


/* ===== 9. СТИЛИ ДЛЯ АРХИВА ===== */
.modern-block .archList {
 list-style: none;
 padding: 0;
 margin: 0;
}

.modern-block .archList li {
 padding: 4px 0;
 border-bottom: 1px solid #f5f6f8;
}

.modern-block .archList li:last-child {
 border-bottom: none;
}

.modern-block .archList li a {
 color: #2d4a7a;
 text-decoration: none;
 transition: color 0.3s ease;
}

.modern-block .archList li a:hover {
 color: #4a90e2;
}


/* ===== 10. СТИЛИ ДЛЯ СТАТИСТИКИ ===== */
.modern-block .stat {
 font-size: 14px;
 color: #2d3a5a;
}

.modern-block .stat strong {
 color: #1a2a4a;
}


/* ============================================================ */
/* ===== 11. АДАПТАЦИЯ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ ===== */
/* ============================================================ */

@media (max-width: 992px) {
 /* Меню на планшетах */
 .horizontal-menu {
 padding: 0 10px;
 }
 
 .horizontal-menu__item {
 padding: 10px 12px;
 font-size: 13px;
 }
}

@media (max-width: 768px) {
 /* ===== МЕНЮ НА ТЕЛЕФОНАХ ===== */
 .horizontal-menu {
 flex-direction: column;
 align-items: stretch;
 padding: 5px 10px;
 border-radius: 12px;
 min-height: auto;
 }
 
 .horizontal-menu__item {
 padding: 12px 16px;
 font-size: 14px;
 border-bottom: none;
 border-left: 3px solid transparent;
 border-radius: 8px;
 white-space: normal;
 }
 
 .horizontal-menu__item:hover,
 .horizontal-menu__item.active {
 border-bottom: none;
 border-left-color: #4a90e2;
 border-radius: 8px;
 }
 
 .horizontal-menu__divider {
 width: 100%;
 height: 1px;
 background: rgba(255,255,255,0.06);
 }
 
 /* ===== БЛОКИ НА ТЕЛЕФОНАХ ===== */
 .modern-block {
 border-radius: 10px;
 }
 
 .modern-block__title {
 padding: 10px 14px !important;
 font-size: 14px !important;
 }
 
 .modern-block__content {
 padding: 12px 14px !important;
 }
 
 /* ===== ФОРМА ВХОДА НА ТЕЛЕФОНАХ ===== */
 .modern-block .login-form input[type="text"],
 .modern-block .login-form input[type="password"] {
 font-size: 16px; /* Предотвращает автоматическое масштабирование на iOS */
 }
}

@media (max-width: 480px) {
 /* Меню на маленьких телефонах */
 .horizontal-menu__item {
 padding: 10px 14px;
 font-size: 13px;
 }
 
 .horizontal-menu__item .icon {
 font-size: 18px;
 }
 
 .modern-block__title {
 font-size: 13px !important;
 padding: 8px 12px !important;
 }
 
 .modern-block__content {
 padding: 10px 12px !important;
 }
}


/* ============================================================ */
/* ===== 12. ДОПОЛНИТЕЛЬНЫЕ УЛУЧШЕНИЯ ===== */
/* ============================================================ */

/* Плавный скролл для всей страницы */
html {
 scroll-behavior: smooth;
}

/* Улучшенный вид ссылок в контенте */
#maincol a {
 color: #2d4a7a;
 transition: color 0.3s ease;
}

#maincol a:hover {
 color: #4a90e2;
 text-decoration: underline;
}

/* Красивые кнопки в контенте */
#maincol .btn,
#maincol input[type="submit"],
#maincol button {
 background: linear-gradient(135deg, #1a2a4a 0%, #2d4a7a 100%);
 color: #fff;
 border: none;
 padding: 8px 20px;
 border-radius: 6px;
 cursor: pointer;
 font-weight: 600;
 transition: all 0.3s ease;
}

#maincol .btn:hover,
#maincol input[type="submit"]:hover,
#maincol button:hover {
 transform: translateY(-2px);
 box-shadow: 0 4px 15px rgba(26,42,74,0.3);
}

/* Картинки адаптивные */
#maincol img,
.modern-block img {
 max-width: 100%;
 height: auto;
}

/* Улучшенный вид таблиц */
#maincol table {
 border-collapse: collapse;
 width: 100%;
}

#maincol table td,
#maincol table th {
 padding: 8px 12px;
 border: 1px solid #e0e4ea;
}

#maincol table th {
 background: #f0f4fa;
 font-weight: 600;
 color: #1a2a4a;
}

/* ===== СТИЛИ ДЛЯ БЛОКА С ИЗОБРАЖЕНИЯМИ В ПОДВАЛЕ ===== */
#bot-imgs {
 background: linear-gradient(135deg, #f8faff 0%, #edf2fb 100%);
 padding: 30px 20px;
 margin: 10px 0 0;
 border-top: 1px solid rgba(26,42,74,0.06);
 border-bottom: 1px solid rgba(26,42,74,0.06);
}

#bot-imgs .wrapper {
 max-width: 1200px;
 margin: 0 auto;
}

/* Адаптация для планшетов */
@media (max-width: 992px) {
 #bot-imgs {
 padding: 25px 15px;
 }
 
 #bot-imgs .bot-img {
 flex: 0 0 calc(50% - 20px) !important;
 max-width: calc(50% - 20px) !important;
 }
}

/* Адаптация для телефонов */
@media (max-width: 576px) {
 #bot-imgs {
 padding: 20px 10px;
 }
 
 #bot-imgs .bot-img {
 flex: 0 0 calc(50% - 12px) !important;
 max-width: calc(50% - 12px) !important;
 }
 
 #bot-imgs .bot-img img {
 max-width: 80px !important;
 }
}

/* Адаптация для очень маленьких телефонов */
@media (max-width: 400px) {
 #bot-imgs .bot-img {
 flex: 0 0 100% !important;
 max-width: 100% !important;
 }
 
 #bot-imgs .bot-img img {
 max-width: 100px !important;
 }
}

/* ============================================================ */
/* ===== ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ СТРАНИЦ ===== */
/* ============================================================ */

/* Стили для картинок на страницах (адаптивность) */
#maincol img,
.news-item img,
.page-content img {
 max-width: 100%;
 height: auto;
 border-radius: 8px;
}

/* Стили для картинок в новостях Юнармии */
.news-item img,
.page-content img[style*="width"] {
 max-width: 100% !important;
 height: auto !important;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
 /* Картинки в ряд становятся в колонку */
 .news-item img[style*="display: inline-block"],
 .page-content img[style*="display: inline-block"] {
 display: block !important;
 margin: 5px auto !important;
 max-width: 100% !important;
 width: 100% !important;
 }
 
 /* Уменьшаем отступы в карточках */
 .news-item,
 .page-content {
 padding: 15px !important;
 }
 
 /* Уменьшаем размер шрифта на телефонах */
 .news-item span,
 .page-content span {
 font-size: 16px !important;
 }
 
 .news-item p,
 .page-content p {
 font-size: 15px !important;
 line-height: 1.6 !important;
 }
 
 /* Картинки на телефонах */
 .news-item img,
 .page-content img {
 width: 100% !important;
 max-width: 100% !important;
 height: auto !important;
 }
}

@media (max-width: 480px) {
 /* Ещё меньше отступы на маленьких телефонах */
 .news-item,
 .page-content {
 padding: 10px !important;
 }
 
 .news-item span,
 .page-content span {
 font-size: 14px !important;
 }
 
 .news-item p,
 .page-content p {
 font-size: 14px !important;
 }
}

/* Стили для горизонтальных линий (разделителей) */
.news-item hr,
.page-content hr {
 border: none;
 border-top: 2px solid #4a90e2;
 margin: 25px 0;
 opacity: 0.6;
}

/* Стили для ссылок на страницах */
.news-item a,
.page-content a {
 color: #2d4a7a;
 text-decoration: none;
 transition: all 0.3s ease;
}

.news-item a:hover,
.page-content a:hover {
 color: #4a90e2;
 text-decoration: underline;
}

/* Стили для жирного текста */
.news-item strong,
.page-content strong {
 color: #1a2a4a;
 font-weight: 700;
}
/* Картинки в новостях Юнармии - адаптивные */
.news-item img {
 max-width: 100% !important;
 width: auto !important;
 height: auto !important;
 border-radius: 8px;
 box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* Ограничиваем максимальный размер для больших экранов */
@media (min-width: 769px) {
 .news-item img {
 max-width: 250px !important;
 }
}

/* На телефонах картинки занимают всю ширину, но не выходят за границы */
@media (max-width: 768px) {
 .news-item img {
 max-width: 100% !important;
 width: 100% !important;
 }
}

/* ===== ПРИНУДИТЕЛЬНЫЕ СТИЛИ ДЛЯ КАРТИНОК В НОВОСТЯХ ЮНАРМИИ ===== */
/* Отключаем все глобальные стили */
.news-item img,
.news-item .bot-ii img,
.news-item img[style*="width"],
.news-item img[style*="max-width"] {
 max-width: 200px !important;
 min-width: 80px !important;
 width: auto !important;
 height: auto !important;
 display: inline-block !important;
 float: none !important;
 margin: 5px 8px 5px 0 !important;
 border-radius: 8px !important;
 box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
 border: none !important;
}

/* Убираем растяжение у контейнеров с картинками */
.news-item div[style*="display: flex"] {
 flex-wrap: wrap !important;
 justify-content: flex-start !important;
}

/* На телефонах делаем чуть меньше */
@media (max-width: 768px) {
 .news-item img,
 .news-item .bot-ii img,
 .news-item img[style*="width"],
 .news-item img[style*="max-width"] {
 max-width: 150px !important;
 min-width: 60px !important;
 margin: 5px 5px 5px 0 !important;
 }
}