/* css зона карты */
    /* Основные стили */
    #map_zone {
        width: 100%;
        height: 60vh;
        background: gray;
 
        overflow: hidden;
    }

    #track_list {
        display: flex;
        flex-direction: column;
        margin-right: 20px;
        background: #08254F; 
        width: 20%;
    }

    /* Стили только для ссылок внутри track_list */
    #track_list a {
	font-weight:400;
        margin: 5px 0;
        color: white; /* Цвет текста по умолчанию */
        text-decoration: none; 
        padding: 10px; 
        background: #072959; 
     
        text-align: center; 
        transition: all 0.3s; /* Плавный переход для всех изменений */
        border-bottom: 3px solid transparent; /* Прозрачная линия по умолчанию */
    }

    #track_list a:hover {
        background: #0079FE; 
    }

    /* Зависимость класса active от родительского элемента */
    #track_list a.active {
        color: #0079FE; /* Меняем цвет шрифта на красный */
        border-bottom: 3px solid #0079FE; /* Красная рамка снизу активной кнопки */
		background:white;
    }

    #map, #map_2 {
        width:100%;
		height:100%;
        padding: 10px; 
        background: white; 
        border-radius: 0; 
        overflow: auto; 
    }
	
#main_photo {float:left; margin-right:4%; margin-bottom:6%; width:46%;display:inline-block;}	
#main_photo img{width:100%;} 
.osnownoje p {font-size:16px; color:gray; line-height: 1.2;  }	

.osnownoje h1, .osnownoje p {width:100%; }	

.osnownoje  {  width:94%; margin-left:3%; display:inline-block; margin-top:5%;}	

@media screen and (max-width: 768px) {
#main_photo {float:none; margin-right:%; margin-bottom:6%; width:96%;}	
.osnownoje  { width:94%; padding:2%; }
.osnownoje  h1 .osnownoje p {width:100%; }

}




/* css списков конструкций  */

 .telo {
	padding:2vw;
    margin: 5% 0;
}
.telo a{
	color:#2C5277;
}

.telo img {
    width: 33%;
}

.liver {
    background-color: #f0f0f0; /* Цвет фона блоков */
 
	display:inline-block;
    width: 29%; /* Установите ширину 30% для трех блоков в ряд */
	min-height:200px;
    margin: 1%; /* Добавьте небольшой отступ между блоками */
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

#insignificant p {
  color: #B3B3B3 !important;
}

@media screen and (max-width: 768px) {
 .telo img {
    width: 100%; margin-bottom:3%;
}
.liver {
 
    float: none; 
    width: 98%; /* Установите ширину 30% для трех блоков в ряд */
    margin: 2%; /* Добавьте небольшой отступ между блоками */
	margin-bottom:5%;
	min-height:auto;
}


}