@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap'); /*шрифты*/


body, html{margin:0; padding:0; height:100%; background:#002753; font-family: 'Inter', sans-serif; color:#000; font-size:14px;}
a{color:#0074ba;}
a:hover{text-decoration:none;}
a img{border:none;}
a.cont{color:#fff; text-decoration:none;}
a.cont:hover{text-decoration:underline;}



#main_div{background:#002753 url(/images/left_stripe.gif) left top repeat-y; width:1200px; margin:0 auto;}
#main{width:1200px; margin:0 auto;}

#header{background:#002753 left bottom repeat-x;}
#logo{background:url(/images/logo_20years.png) left top no-repeat; display:block; width:170px; height:100px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='scale');}
#logo img{width:170px; height:100px;}
#logo_eng{background:url(/images/logo.png) left top no-repeat; display:block; width:153px; height:100px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='scale');}
#logo_eng img{width:153px; height:100px;}
#liga{background:url(/images/liga_new.gif) center center no-repeat; height:169px; width:621px;}
#liga img{width:621px; height:169px;}
#liga2{background:url(/images/liga_bg.gif) center center no-repeat; height:169px; width:621px;}
#logo, #rfs{margin-top:23px;}
#rfs{display:block; width:80px; height:94px; background:url(/images/rfs_new.png) left top no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rfs_new.png', sizingMethod='scale');}
#rfs img{width:80px; height:94px;}


  /* СОЦИАЛКИ И КОНТАКТЫ */
.contact-section {
  background: #012653;
  padding: 12px 0; /* Уменьшенный вертикальный padding */
}

.contact-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  padding: 8px;
  max-width: 1200px;
  margin: 0 auto;
}

.contact-phone {
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  background: rgba(255,255,255,0.1);
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s;
}

.phone-icon {
  height: 18px;
  margin-right: 12px;
}

.phone-number {
  color: white;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}

.social-buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
}

.social-button {
  display: flex;
  align-items: center;
  padding: 10px;
  background: rgba(255,255,255,0.1);
  border-radius: 8px;
  min-width: 40px;
  justify-content: center;
  transition: all 0.3s;
}

.social-icon {
  height: 18px;
}

/* Ховер-эффекты остаются без изменений */
.contact-phone:hover,
.social-button:hover {
  background: rgba(255,255,255,0.2);
  transform: scale(1.05);
}

/* Мобильная версия */
@media (max-width: 1100px) {
  .contact-section {
    padding: 15px 0;
  }

  .contact-phone {
    padding: 20px 30px;
    min-width: 100%;
  }

  .phone-icon {
    height: 32px;
    margin-right: 20px;
  }

  .phone-number {
    font-size: 24px;
  }

  .social-button {
    padding: 22px;
    min-width: 80px;
  }

  .social-icon {
    height: 24px;
  }

  .contact-block {
    gap: 30px;
  }
}
  /* */


#menu{height:43px; background:url(/images/menu_bg.gif) left top repeat-x; }
#menu td{background:url(/images/menu_sep.gif) left top repeat-y; height:37px; text-align:center; white-space:nowrap; text-transform:uppercase; color:#fff;}
#menu td a, #menu td b{color:#fff; text-decoration:none; font-size:13px; font-weight:normal; padding:0 13px; display:block;}
#menu td.show, #menu td.show_last{background:#33527d url(/images/menu_sep.gif) left top repeat-y;}
#menu td div.rel, #menu div.show{position:relative; height:27px; padding:10px 0 0 0;}
#menu td div.abs{position:absolute; background:#33527d; display:none; padding:0; width:180px; top:37px; padding-top:5px; z-index: 1000;}
#menu td.show div.abs{left:2px; z-index: 1000;}
#menu div.show div.abs{display:block;}
#menu div ul{margin:0; padding:0 5px 0 5px;}
#menu div li{list-style-position:inside; margin:0; padding:0 0 0 5px; text-align:left; color:#3396bd;}
#menu div li a, #menu div li b{text-decoration:underline; text-transform:none; padding:0; display:inline; white-space:normal;}
#menu div li a:hover, #menu div li b{text-decoration:none;}
#menu div.slbc{padding:0 7px 0 8px; background:url(/images/submenu_left.gif) left bottom no-repeat; height:9px; position:relative; top:9px;}
#menu div.slbc div{height:9px; background:#33527d;}
#menu div.slbc div.srbc{background:url(/images/submenu_right.gif) right bottom no-repeat; height:9px; width:7px; position:absolute; right:0; top:0;}
#menu td#last div.show div.abs{display:block;}
#menu td#last div.abs{position:absolute; background:#33527d; display:none; padding:5px 0 0 0; width:180px; right:0px; top:0; top:37px;}

#left{width:250px; padding:0 3px 90px 2px; vertical-align:top; left bottom no-repeat;}

#menu2 ul{background:#002753;}
#menu2 ul, #menu2 li{margin:0; padding:0; list-style-type:none;}
#menu2 li{background:#3396bd url(/images/menu2.gif) left top no-repeat; margin:0 0 2px 0; height:1%;}
#menu2 a, #menu2 b{display:block; font-size:13px; font-weight:normal; text-transform:uppercase; text-decoration:none; background:url(/images/menu2_a.gif) 19px 8px no-repeat; padding:8px 20px 8px 38px; color:#fff;}
#menu2 li li{border-top:2px solid #002753; background:#002753; margin:0; list-style-type:disc; list-style-position:inside; color:#3396bd; padding:5px 0 0 21px; height:auto;}
#menu2 li ul{padding:0 0 5px 0; background:#002753;}
#menu2 li li a, #menu2 li li b{text-transform:none; display:inline; background:none; padding:8px 5px;}

#sponsor{margin-top:2px;}
.block h2{background:#bf0000 url(/images/red_right.gif) right top no-repeat; width:211px; color:#fff; font-size:14px; margin:0; padding:0;}
.block h2 span{display:block; background:url(/images/red_left_top.gif) left top no-repeat; padding:3px 10px 3px 12px;}
.block div{background:#e6e6e6 url(/images/block_div.gif) right bottom no-repeat; font-size:14px; font-weight:bold; padding:13px 5px 10px 5px; color:#000; overflow:hidden;}
.block div p{margin:0; font-weight:normal;}
.block div img{margin:0px 5px 5px 0px; float:left; overflow:hidden;}

#banners{margin-top:2px;}
#banners img{width:250px; margin:2px 0;}

#reklama div{padding:14px;}

#int {padding:5px 0px 5px 0px;}
.block.blue h2{background:#3396bd url(/images/blue_right.gif) right top no-repeat;}
.block.blue h2 span{background:url(/images/blue_left_top.gif) left top no-repeat; }
.block.blue div{background:#e6e6e6 url(/images/block_div.gif) right bottom no-repeat; font-size:14px; padding:13px 5px 10px 5px; color:#000; overflow:hidden; text-align: left;}
.block.blue div p{margin:0; font-weight:normal; text-align: left;}
.block.blue div img{margin:0px 5px 5px 0px; float:left; overflow:hidden;}



#right{width:250px; padding:0 2px 0 3px; vertical-align:top; right bottom no-repeat;}
#right .block div{padding:10px 8px; font-weight:normal; color:#000;}
#right .block div img{display:block; clear:both;}

#news div{border-bottom:2px solid #002753; background:#e6e6e6; font-weight:normal; color:#000; padding:8px 8px; font-size:14px;}
#news div b{font-size:14px;}
.block .lenta a{color:#fff;}
#news div.lenta{background:#3396bd url(/images/lenta_blue.gif) right bottom no-repeat; border-bottom:none; position:relative; top:-2px; padding:6px 8px;}


                #newstext {
            max-width: 800px;
            margin: 20px auto;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 8px;
            background-color: #f9f9f9;
            overflow: hidden; /* Для правильного отображения при плавающем изображении */
        }

        #newstext h2 {
            font-size: 24px;
            color: #333;
            margin-bottom: 10px;
        }

        #newstext .date {
            font-size: 14px;
            color: #666;
            margin-bottom: 15px;
        }

        #newstext p {
            font-size: 16px;
            line-height: 1.6;
            color: #555;
            margin-bottom: 15px;
        }

        #newstext a {
            color: #007BFF;
            text-decoration: none;
            font-weight: bold;
        }

        #newstext a:hover {
            text-decoration: underline;
        }

        /* Стиль для десктопов */
        @media (min-width: 768px) {
            #newstext img.prime {
                float: right; /* Изображение справа */
                max-width: 30%; /* Занимает 30% ширины контейнера */
                height: auto;
                margin-left: 20px; /* Отступ слева от текста */
                margin-bottom: 20px; /* Отступ снизу */
                border: 1px solid #ddd;
                border-radius: 4px;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }

            /* Выравнивание изображения по дате */
            #newstext .date + img {
                clear: both; /* Убираем влияние предыдущих элементов */
                display: block;
                margin-top: -15px; /* Корректируем вертикальное положение */
            }
        }

        /* Стиль для мобильных устройств */
        @media (max-width: 767px) {
            #newstext img:first-of-type {
                display: block; /* Изображение занимает всю ширину */
                max-width: 100%;
                height: auto;
                margin: 20px 0; /* Отступы сверху и снизу */
                border: 1px solid #ddd;
                border-radius: 4px;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
        }

#newstext .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-top: 20px;
}

#newstext .gallery a {
    display: block;
    background: #fff;
    border-radius: 8px;
    padding: 5px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

#newstext .gallery img {
    width: 100%;
    height: auto;
    max-height: 250px;
    object-fit: contain; /* Изменено с cover на contain */
    border: 1px solid #eee;
    border-radius: 4px;
}

/* Адаптивные настройки */
@media (min-width: 1400px) {
    #newstext .gallery {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (max-width: 1399px) and (min-width: 992px) {
    #newstext .gallery {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 991px) and (min-width: 576px) {
    #newstext .gallery {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 575px) {
    #newstext .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

#newstext .gallery a:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}




#poll {padding:0px 0px 4px 0px; font-weight:normal;}
#poll div {font-weight:normal;}
#poll .form-submit{border-style:solid; border-width:1px; border-color:#000; margin:5px 0 0 0;}
#event1, #event2, #event3{margin:2px 0 0 0;}

#left_footer{background:#002753 url(/images/ball_bottom.jpg) left top no-repeat; height:142px; color:#fff;}
#center{background:#002753; vertical-align:top;}
#right_footer{background:#002753 url(/images/eagle_bot.gif) right top no-repeat; color:#fff;}
#left_footer a, #right_footer a{color:#fff;}
#left_footer div{background:url(/images/itsoft.gif) left top no-repeat; margin:74px 0 0 16px; padding:10px 0 10px 0; text-align:center;}
#center_footer{background:url(/images/hor_stripe.jpg) left top repeat-x;}

#center .block div{padding:8px; background:#f1ebdb; font-weight:normal; color:#000; border-bottom:2px solid #002753;}
#center .block{margin-bottom:2px;}

#events img{margin:0 10px 3px 0;}
#center #events div{background:#f1ebdb;}
#center #events div.lenta{background:#3396bd url(/images/lenta_blue.gif) right bottom no-repeat; border-bottom:none; position:relative; top:-2px; padding:6px 8px;}
.important{font-size:0; clear:both;}

#center #publications div{background:#F1EBDB;}
#center #publications div.lenta{background:#bf0000 url(/images/red_lenta.gif) right bottom no-repeat; border-bottom:none; position:relative; top:-2px; padding:6px 8px;}

#content {
    background: #fff url(/images/block_center_rb.gif) right bottom no-repeat;
    padding: 5px 8px 8px 8px;
    overflow: hidden;
    max-width: 1000px;
    
	min-width:940px;
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.6;
    min-height: calc(100vh - 200px);
    
    --text-primary: #000000;
    --text-secondary: #000000;
    --accent-color: #0d47a1;
}

/* Десктопные размеры по умолчанию */
#content h1 {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 15px;
}

#content h2 {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--text-primary);
}

#content h3 {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--text-secondary);
}

/* Адаптация только для мобильных */
@media (max-width: 992px) {
    #content h1 { font-size: 32px; }
    #content h2 { font-size: 26px; }
    #content h3 { font-size: 22px; }
}

@media (max-width: 768px) {
    #content h1 { font-size: 28px; }
    #content h2 { font-size: 24px; }
    #content h3 { font-size: 20px; }
}

@media (max-width: 576px) {
    #content h1 { font-size: 26px; }
    #content h2 { font-size: 22px; }
}

@media (max-width: 480px) {
    #content h1 { font-size: 24px; }
    #content h2 { font-size: 20px; }
    #content h3 { font-size: 18px; }
}

/* Остальные стили без изменений */
#content p {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-secondary);
}

#content ul {
    margin: 15px 0;
    padding-left: 20px;
}

#content li {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-secondary);
    list-style-type: '- ';
    padding-left: 8px;
}

#content a {
    color: var(--accent-color);
    text-decoration: none;
    border-bottom: 1px solid rgba(13, 71, 161, 0.3);
    font-weight: 500;
    transition: 0.2s;
    line-height: 1.6;
}

#content a:hover {
    color: #1565c0;
    border-bottom-color: currentColor;
}

#content a:has(> img) {
    border-bottom: none;
}

#content .form-submit {
    border: 1px solid #000;
    margin: 5px 0 0 0;
}
#path a{color:#000;}
#path b{font-weight:normal;}
.res_table {font-size:12px; text-align:center;}
.res_hl {padding: 12px; max-width:100%; font-weight:bold; color:#fff; text-align:center; background-color:#006D56;}
.res_hl_orange {width:100%; font-weight:bold; color:#fff; text-align:center; background-color:#c60;}
.res_hl_red {width:100%; font-weight:bold; color:#fff; text-align:center; background-color:#ff1919;}
.hl_blue {width:100%; font-weight:bold; color:#fff; text-align:center; background-color:#36f;}
.hl_vert {font-size:14px; width:100%; text-align:center; font-weight:bold; background-color:#ff9;}
.ul3, .li3 {line-height:18px;}
.table_bold {font-weight:bold; text-align:right;}
table.info {width:100%; font:10px; margin-bottom:10px; border:1px #ddd; border-collapse: collapse;}
table.info th {padding:3px; border:1px solid #ddd;}
table.info td {padding:3px; border:1px solid #ddd;}
table.tour {margin:0; padding:0; text-align:center; border:1px #999; border-collapse: collapse;}
table.tour th {padding:4px; border:1px solid #999;}
table.tour td {font-size:11px; margin:2px; padding:3px; border:1px solid #999;}
.proud {width:160px; margin:10px; float:left;}
.proud b {display:block; clear:both; text-align:center;}

table.bigtour {margin:0; padding:0; text-align:center; border:1px #999; border-collapse: collapse;}
table.bigtour th {padding:6px; border:1px solid #999;}
table.bigtour td {font-size:11px; margin:2px; padding:5px; border:1px solid #999;}

table.loko {font-size: 14px; font-weight: bold; border-radius: 10px; border-spacing: 0; text-align: center;}
table.loko th {background: #245A43; color: white; text-shadow: 0 1px 1px #2D2020; padding: 8px 8px;}
table.loko td {border-style: solid; border-width: 2px 1px 1px 2px; border-color: #C5120A;}
table.loko th:first-child td:first-child {text-align: center;}
table.loko th:first-child {border-top-left-radius: 10px;}
table.loko th:last-child {border-top-right-radius: 10px;border-right: none;}
table.loko td {padding: 10px;background: white;}
table.loko tr td:first-child {border-left: none;}
table.loko tr td:last-child {border-right: none;}
table.loko tr:last-child td {border-bottom: none;}
table.loko tr:nth-child(2) td {border-top: none;}
table.loko td:nth-child(2) {font-size: 12px;}


table.lokod {font-size: 14px; font-weight: bold; border-radius: 10px; border-spacing: 0; text-align: center;}
table.lokod th {background: #C5120A; color: white; text-shadow: 0 1px 1px #2D2020; padding: 8px 8px;}
table.lokod td {border-style: solid; border-width: 2px 2px 2px 2px; border-color: #245A43;}
table.lokod th:first-child td:first-child {text-align: center;}
table.lokod th:first-child {border-top-left-radius: 10px;}
table.lokod th:last-child {border-top-right-radius: 10px;border-right: none;}
table.lokod td {padding: 10px;background: white;}

table.lokod tr td:first-child {border-left: none;}
table.lokod tr td:last-child {border-right: none;}
table.lokod tr:last-child td {border-bottom: none;}
table.lokod tr:nth-child(2) td {border-top: none;}
table.lokod td:nth-child(2) {font-size: 12px;}


table.bzsm {font-size: 14px; font-weight: bold; border-radius: 10px; border-spacing: 0; text-align: center;}
table.bzsm th {background: #191970; color: white; text-shadow: 0 1px 1px #2D2020; padding: 8px 8px; text-align: center;}
table.bzsm td {border-style: solid; border-width: 2px 1px 1px 2px; border-color: #191970;}

table.bzsm th:first-child {border-top-left-radius: 10px;}
table.bzsm th:last-child {border-top-right-radius: 10px; border-right: none;}
table.bzsm td {padding: 10px; background: white;}

table.bzsm tr td:first-child {border-left: none; text-align: center;}
table.bzsm tr td:last-child {border-right: none;}
table.bzsm tr:last-child td {border-bottom: none;}
table.bzsm tr:nth-child(2) td {border-top: none;}
table.bzsm td:nth-child(2) {font-size: 12px;}



table.bzsmd {font-size: 14px; font-weight: bold; border-radius: 10px; border-spacing: 0; text-align: center;}
table.bzsmd th {background: #FFD700; color: #191970; text-shadow: 0 0 0 0 #2D2020; padding: 8px 8px; text-align: center;}
table.bzsmd td {border-style: solid; border-width: 2px 1px 1px 2px; border-color: #FFD700;}

table.bzsmd th:first-child {border-top-left-radius: 10px;}
table.bzsmd th:last-child {border-top-right-radius: 10px; border-right: none;}
table.bzsmd td {padding: 10px; background: white;}

table.bzsmd tr td:first-child {border-left: none; text-align: center;}
table.bzsmd tr td:last-child {border-right: none;}
table.bzsmd tr:last-child td {border-bottom: none;}
table.bzsmd tr:nth-child(2) td {border-top: none;}
table.bzsmd td:nth-child(2) {font-size: 12px;}

table.champ {font-size: 14px; border-radius: 10px; border-spacing: 0; text-align: center;}
table.champ th {background: #0066cc; color: white; text-shadow: 0 1px 1px #2D2020; padding: 8px 8px;}
table.champ td {border-style: solid; border-width: 2px 1px 1px 2px; border-color: #FF0000;}
table.champ th:first-child td:first-child {text-align: center;}
table.champ th:first-child {border-top-left-radius: 10px;}
table.champ th:last-child {border-top-right-radius: 10px;border-right: none;}
table.champ td {padding: 10px;background: white;}

table.champ tr td:first-child {border-left: none;}
table.champ tr td:last-child {border-right: none;}
table.champ tr:last-child td {border-bottom: none;}
table.champ tr:nth-child(2) td {border-top: none;}
table.champ td:nth-child(2) {font-size: 12px;}

table.zsf {font-size: 14px; border-radius: 10px; border-spacing: 0; text-align: center;}
table.zsf th {background: #3b89ac; color: white; text-shadow: 0 1px 1px #2D2020; padding: 8px 8px; text-align: left;}
table.zsf td {border-style: solid; border-width: 2px 1px 1px 2px; border-color: #3b89ac;}
table.zsf th:first-child td:first-child {text-align: center;}
table.zsf th:first-child {border-top-left-radius: 10px;}
table.zsf th:last-child {border-top-right-radius: 10px;border-right: none;}
table.zsf td {padding: 10px;background: white;}
table.zsf tr td:first-child {border-left: none;}
table.zsf tr td:last-child {border-right: none;}
table.zsf tr:last-child td {border-bottom: none;}
table.zsf tr:nth-child(2) td {border-top: none;}
table.zsf td:nth-child(2) {font-size: 12px;}


table.zsf_girls {font-size: 14px; border-radius: 10px; border-spacing: 0; text-align: center;}
table.zsf_girls th {background: #f00; color: white; text-shadow: 0 1px 1px #2D2020; padding: 8px 8px; text-align: left;}
table.zsf_girls td {border-style: solid; border-width: 2px 1px 1px 2px; border-color: #f00;}
table.zsf_girls th:first-child td:first-child {text-align: center;}
table.zsf_girls th:first-child {border-top-left-radius: 10px;}
table.zsf_girls th:last-child {border-top-right-radius: 10px;border-right: none;}
table.zsf_girls td {padding: 10px;background: white;}
table.zsf_girls tr td:first-child {border-left: none;}
table.zsf_girls tr td:last-child {border-right: none;}
table.zsf_girls tr:last-child td {border-bottom: none;}
table.zsf_girls tr:nth-child(2) td {border-top: none;}
table.zsf_girls td:nth-child(2) {font-size: 12px;}


table.mzp {font-size: 14px; border-radius: 10px; border-spacing: 0; text-align: center;}
table.mzp th {background: #006d56; color: white; text-shadow: 0 1px 1px #2D2020; padding: 8px 8px;}
table.mzp td {border-style: solid; border-width: 2px 1px 1px 2px; border-color: #006d56;}
table.mzp th:first-child td:first-child {text-align: center;}
table.mzp th:first-child {border-top-left-radius: 10px;}
table.mzp th:last-child {border-top-right-radius: 10px;border-right: none;}
table.mzp td {padding: 10px;background: white;}
table.mzp td {padding: 10px;background: white;}
table.mzp tr td:first-child {border-left: none;}
table.mzp tr td:last-child {border-right: none;}
table.mzp tr:last-child td {border-bottom: none;}
table.mzp tr:nth-child(2) td {border-top: none;}
table.mzp td:nth-child(2) {font-size: 12px;}



table.format_red {font-size: 14px; border-radius: 10px; border-spacing: 0; text-align: center;}
table.format_red th {background: #C5120A; color: white; padding: 4px 4px;}
table.format_red td {border-style: solid; border-width: 2px 2px 2px 2px; border-color: #C5120A;}
table.format_red th:first-child td:first-child {text-align: center;}
table.format_red th:first-child {border-top-left-radius: 10px;}
table.format_red th:last-child {border-top-right-radius: 10px;border-right: none;}
table.format_red td {padding: 10px; background: white; font-size: 14px;}
table.format_red td:first-child {border-bottom-left-radius: 10px;}
table.format_red td:last-child {border-bottom-right-radius: 10px;}


table.format_blue {font-size: 14px; border-radius: 10px; border-spacing: 0; text-align: center;}
table.format_blue th {background: #0066CC; color: white; padding: 4px 4px;}
table.format_blue td {border-style: solid; border-width: 2px 2px 2px 2px; border-color: #0066CC;}
table.format_blue th:first-child td:first-child {text-align: center;}
table.format_blue th:first-child {border-top-left-radius: 10px;}
table.format_blue th:last-child {border-top-right-radius: 10px;border-right: none;}
table.format_blue td {padding: 10px; background: white; font-size: 14px;}
table.format_blue td:first-child {border-bottom-left-radius: 10px;}
table.format_blue td:last-child {border-bottom-right-radius: 10px;}


@media (min-width: 1199px) {
    table.format_blue {font-size: 14px;}
    table.format_blue td {font-size: 14px;}
    table.format_red {font-size: 14px;}
    table.format_red td {font-size: 14px;}
    }

table.format_vs {font-size: 12px; border-radius: 10px; border-spacing: 0; text-align: center;}
table.format_vs th {background: #FF1717; color: white; padding: 8px 8px;}
table.format_vs td {border-style: solid; border-width: 2px 2px 2px 2px; border-color: #FF1717;}
table.format_vs th:first-child td:first-child {text-align: center;}
table.format_vs th:first-child {border-top-left-radius: 10px;}
table.format_vs th:last-child {border-top-right-radius: 10px;border-right: none;}
table.format_vs td {padding: 10px; background: white; font-size: 11px;}
table.format_vs td:first-child {border-bottom-left-radius: 10px;}
table.format_vs td:last-child {border-bottom-right-radius: 10px;}



 


table.vs {font-size: 14px; font-weight: bold; border-radius: 10px; border-spacing: 0; text-align: center;}
table.vs th {background: #006C54; color: white; text-shadow: 0 1px 1px #2D2020; padding: 8px 8px;}
table.vs td {border-style: solid; border-width: 2px 1px 1px 2px; border-color: #FF1717;}
table.vs th:first-child td:first-child {text-align: center;}
table.vs th:first-child {border-top-left-radius: 10px;}
table.vs th:last-child {border-top-right-radius: 10px;border-right: none;}
table.vs td {padding: 10px;background: white;}
table.vs tr td:first-child {border-left: none;}
table.vs tr td:last-child {border-right: none;}
table.vs tr:last-child td {border-bottom: none;}
table.vs tr:nth-child(2) td {border-top: none;}
table.vs td:nth-child(2) {font-size: 12px;}



        table.test_format {
            font-size: 15px;
            border-spacing: 0;
            text-align: center;
            width: 100%;
        }

        /* Заголовки */
        table.test_format th {
            background: #191970; /* Цвет индиго */
            color: white;
            padding: 5px 5px;
            border: 2px solid #191970; /* Рамка индиго */
        }

        /* Ячейки данных */
        table.test_format td {
            border-style: solid;
            border-width: 2px 2px 2px 2px;
            border-color: #191970; /* Индиго рамка */
            padding: 5px;
            background: white;
            font-size: 14px;
        }



        /* Применяем закругления только для последней строки */
        table.test_format tr:last-child td:first-child {
            border-bottom-left-radius: 10px;
            border-image: linear-gradient(to bottom, #8a7639, #ffd700) 1;
        }

        table.test_format tr:last-child td:last-child {
            border-bottom-right-radius: 10px;
            border-image: linear-gradient(to bottom, #8a7639, #ffd700) 1;
        }

        table.test_format tr:last-child td {
            border-top: 2px solid transparent;
            border-bottom: 2px solid transparent;
            border-left: 2px solid transparent;
            border-right: 2px solid transparent;
            border-image: linear-gradient(to bottom, #8a7639, #ffd700) 1;
        }

        /* Градиент для предпоследней строки */
        table.test_format tr:nth-last-child(2) td:first-child {
            border-bottom-left-radius: 10px;
            border-image: linear-gradient(to bottom, #191970, #8a7639) 1;
        }

        table.test_format tr:nth-last-child(2) td:last-child {
            border-bottom-right-radius: 10px;
            border-image: linear-gradient(to bottom, #191970, #8a7639) 1;
        }

        table.test_format tr:nth-last-child(2) td {
            border-top: 2px solid transparent;
            border-bottom: 2px solid transparent;
            border-left: 2px solid transparent;
            border-right: 2px solid transparent;
            border-image: linear-gradient(to bottom, #191970, #8a7639) 1;
        }

        /* Закругляем верхние углы заголовков */
        table.test_format th:first-child {
            border-top-left-radius: 10px;
        }

        table.test_format th:last-child {
            border-top-right-radius: 10px;
            border-right: none;
        }





/* L25 - Стили таблиц форматов */
.l25-tables-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    max-width: 1200px;
    margin: 0 auto;
}

.l25-first-table .l25-data-row .l25-grid-item:last-child {
    border-right: 2px solid #1e4f3c;
}

.l25-format-grid {
    display: grid;
    grid-template-rows: auto auto;
    min-height: 100%;
}

.l25-header-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background: #1e4f3c;
    color: white;
    border-radius: 15px 15px 0 0;
}

.l25-data-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background: rgba(30, 79, 60, 0.15);
    border-radius: 0 0 15px 15px;
}

.l25-grid-item {
    padding: 12px 8px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 2px solid #1e4f3c;
    min-height: 60px;
}



/* Стили для первого блока */
.l25-first-table .l25-header-row {
    border-radius: 15px 0 0 0;
}
.l25-first-table .l25-data-row {
    border-radius: 0 0 0 15px;
}

/* Стили для второго блока */
.l25-second-table .l25-header-row {
    border-radius: 0 15px 0 0;
}
.l25-second-table .l25-data-row {
    border-radius: 0 0 15px 0;
}

@media (min-width: 1200px) {
    .l25-grid-item {
        padding: 2px 10px;
        font-size: 13px;
    }
    .l25-header-row .l25-grid-item {
        min-height: 70px;
    }
    .l25-data-row .l25-grid-item {
        min-height: 120px;
    }
.l25-second-table .l25-header-row .l25-grid-item:last-child,
.l25-second-table .l25-data-row .l25-grid-item:last-child {
    border-right: none;
}

}

@media (max-width: 1199px) {
    .l25-tables-container {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .l25-format-grid {
        grid-template-columns: 1fr;
    }
    .l25-header-row,
    .l25-data-row {
        grid-template-columns: repeat(5, 1fr);
    }
    .l25-grid-item {
        padding: 12px 6px;
        font-size: 16px;
    }
    .l25-first-table .l25-header-row {
        border-radius: 15px 15px 0 0;
    }
    .l25-first-table .l25-data-row {
        border-radius: 0 0 15px 15px;
    }
    .l25-second-table .l25-header-row {
        border-radius: 15px 15px 0 0;
    }
    .l25-second-table .l25-data-row {
        border-radius: 0 0 15px 15px;
    }

.l25-second-table .l25-header-row .l25-grid-item:last-child,
.l25-second-table .l25-data-row .l25-grid-item:last-child {
    border-right: none;
}

.l25-first-table .l25-header-row .l25-grid-item:last-child,
.l25-first-table .l25-data-row .l25-grid-item:last-child {
    border-right: none;
}
}




        .info-window {
            
            padding: 20px; /* Отступы внутри окна */
            background-color: rgba(0, 108, 84, 0.7); /* Полупрозрачный фон с цветом #006C54 */
            border: 2px solid #006C54; /* Непрозрачная рамка цвета #006C54 */
            border-radius: 15px; /* Закругленные углы */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Добавление тени для эффекта */
            color: white; /* Цвет текста */
            text-align: center; /* Центрирование текста */
        }

        .info-window h2 {
            margin: 0 0 10px; /* Отступ после заголовка */
            font-size: 14px;
        }

        .info-window p {
            margin: 0;
            font-size: 12px;
        }


        .info-window-lokoball {
            
            padding: 20px; /* Отступы внутри окна */
            background-color: rgba(30, 79, 60, 0.2); /* Полупрозрачный фон с цветом #1E4F3C*/
            border: 4px solid #1E4F3C; /* Непрозрачная рамка цвета #1E4F3C*/
            border-radius: 15px; /* Закругленные углы */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Добавление тени для эффекта */
            color: black; /* Цвет текста */
            
        }

        .info-window-lokoball h2 {
            margin: 0 0 10px; /* Отступ после заголовка */
            font-size: 14px;
            text-align: center; /* Центрирование текста */
        }

        .info-window-lokoball p {
            margin: 0;
            font-size: 12px;
            text-align: justify; /* Центрирование текста */

        }
        .info-window-lokoball li {
            text-align: left;
        }









/* Кнопка Ворошиловские стрелки */
.custom-button {
    background-color: #006c54; /* Цвет фона кнопки */
    color: white; /* Цвет текста */
    padding: 15px 30px; /* Внутренние отступы */
    font-size: 18px; /* Размер шрифта по умолчанию */
    font-weight: bold; /* Жирный текст */
    border: none; /* Убираем границу */
    border-radius: 25px; /* Закругленные углы */
    cursor: pointer; /* Курсор в виде указателя */
    transition: background-color 0.3s ease; /* Плавное изменение цвета при наведении */
    display: inline-block; /* Кнопки отображаются как строчно-блочные элементы */
    width: 100%; /* Ширина кнопок */
    max-width: 600px; /* Максимальная ширина кнопок */
    text-align: center; /* Выравнивание текста по центру */
    text-decoration: none; /* Убираем подчеркивание у ссылки */
}

/* Эффект при наведении на кнопку */
.custom-button:hover {
    background-color: #005a46; /* Темный оттенок при наведении */
}

/* Эффект при нажатии на кнопку */
.custom-button:active {
    background-color: #004837; /* Еще более темный оттенок при нажатии */
}

/* Стили для ПК (ширина экрана больше 1024px) */
@media screen and (min-width: 1025px) {
    .custom-button {
        font-size: 14px; /* Размер шрифта для ПК */
    }
}



    /* СЕКЦИИ И КНОПКИ */

    section {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        background: white;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
/* Скрываем все секции по умолчанию 
    section:not(.default-section) {
        display: none;
    }*/

    /* Добавляем класс для активной кнопки */
    .button.active {
        background: #cc0000 !important;
        color: white !important;
    }

    .button {
        background: #1e4f3c;
        color: white;
        padding: 16px 45px; /* Увеличил размер */
        border: 2px #1e4f3c;
        border-radius: 35px;
        font-family: 'Inter';
        font-weight: 500;
        font-size: 16px;
        cursor: pointer;
        letter-spacing: 0.5px;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
        min-width: 180px; /* Фиксированная ширина */
        text-align: center;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
        .button:hover {
        background-color: #994d4d;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    /* Медиа-запросы */


    @media (max-width: 992px) {


        section {
            padding: 25px;
        }
    }

    @media (max-width: 768px) {


        section {
            padding: 20px;
            border-radius: 8px;
        }

        .button {
            padding: 8px 25px;
            font-size: 16px;
        }
    
}
    @media (max-width: 576px) {


        section {
            padding: 15px;
            margin-bottom: 20px;
        }

        .button {
            width: 100%;
            text-align: center;
            padding: 10px 15px;
        }

    }

    @media (max-width: 480px) {

        .button {
            font-size: 16px;
        }
    }
/*СЕКЦИИ КОНЕЦ*/

div.sponsors {width:460px; height:100px; zoom:1; margin:0; padding:0; text-align:center; background:#e6e6e6; vertical-align:middle;}
div.sponsors p {font-size:11px; font-weight:bold;}
div.sponsors ul{list-style:none; margin:5px 0 10px 2px; padding:0; zoom:1; vertical-align:middle;}
div.sponsors ul li{float:left; zoom:1; margin-right:10px; padding:0; text-align:center;}
div.sponsors ul li a{display:block; zoom:1; vertical-align:middle; text-align:center; margin-top:5px;}
div.sponsors ul li a img{filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; vertical-align:middle;}
div.sponsors ul li a:hover img{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

a.newslist {text-decoration:none; color:#000;}
a.newslist:hover, a.newslist:active {text-decoration:underline; color:#0074ba;}

.lb_hl {padding:10px 4px; width:100%; font-weight:bold; color:#fff; text-align:center; background-color:#090;}
.hl_red {padding:2px; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#f00; text-transform:uppercase;}
.hl_red2 {padding:2px; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#C5120A; text-transform:uppercase;}
.hl_jean {padding:2px; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#06c; text-transform:uppercase;}
.hl_bord {padding:12px; max-width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#c00; text-transform:uppercase;}
.hl_bord_b {padding:10px 2px; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#c00;}
.hl_bldust {padding:2px; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#039; text-transform:uppercase;}
.hl_green {padding:2px; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#090; text-transform:uppercase;}
.hl_golive {padding:2px; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#693; text-transform:uppercase;}
.hl_brown {padding:2px; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#633; text-transform:uppercase;}
.hl_grass {padding:2px; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#060; text-transform:uppercase;}
.hl_nefr {padding:2px; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#099; text-transform:uppercase;}
.hl_tblue {padding:2px; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#191970; text-transform:uppercase;}
.hl_yel {padding:2px; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#FFD700; text-transform:uppercase;}
.hl_purp {padding:2px; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#4B0082; text-transform:uppercase;}
.hl_fo {padding:2px; width:100%; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#63cdd7; text-transform:uppercase;}


/* Стили для ПК (ширина экрана больше 1024px) */
@media screen and (min-width: 1025px) {
.lb_hl {padding:10px 14px;}
.hl_red {font-size:14px;}
.hl_red2 {font-size:14px;}
.hl_jean {font-size:14px;}
.hl_bord {font-size:14px;}
.hl_bord_b {font-size:14px;;}
.hl_bldust {font-size:14px;}
.hl_green {font-size:14px;}
.hl_golive {font-size:14px;}
.hl_brown {font-size:14px;}
.hl_grass {font-size:14px;}
.hl_nefr {font-size:14px;}
.hl_tblue {font-size:14px;}
.hl_yel {font-size:14px;}
.hl_purp {font-size:14px;}
.hl_fo {font-size:14px;}
    }
}





table.sch {width:100%; margin:0; padding:0; text-align:left; border:1px #999; border-collapse: collapse;}
table.sch th {padding:5px; border:1px solid #999;}
table.sch td {font-size:12px; margin:3px; padding:7px; border:1px solid #999; vertical-align:top;}

.grey {margin:0 5px; font-size:11px; color:#999;}
.add_red {margin:0 5px; font-size:11px; color:#f33;}
.add_green {margin:0 5px; font-size:11px; color:#690;}
.add_blue {margin:0 5px; font-size:11px; color:#39c;}
#lb_players img{margin:0px 10px 5px 0px; float:left; overflow:hidden;}

table.online {width:100%; margin:0; padding:0; font-size:11px; text-align:left; border:1px #ccc; border-collapse: collapse; background-color:#fff;}
table.online th {padding:7px; border:1px solid #ccc; text-align:center; text-transform:uppercase;}
table.online td {font-size:11px; margin:5px; padding:7px; border:1px solid #ccc; vertical-align:middle;}

.gor_grey {
	background-color: #ccc;
	width: 100%;
	height: 1px;
	margin-top: 10px;
}
.gor_navy {
	background-color: #000080;
	width: 100%;
	height: 1px;
	margin-top: 10px;
}
.gor_gold {
	background-color: #FFD700;
	width: 100%;
	height: 1px;
	margin-top: 10px;
}
#final .small{
	font-size: 11px;
	text-align: center;
}