body,td {
font-family:Montserrat, Verdana, sans-serif;
font-size:18px;
color:#333;
margin:0;
padding:0;
}
.top {
width:100%;
}
.container {
width:100%;
table-layout:fixed;
word-wrap:break-word;
border-radius:8px;
box-shadow:0 0 10px rgba(0,0,0,0.1);
padding:10px;
}
.table-container {
width:100%;
max-width:600px;
border-collapse:collapse;
text-align:left;
}

.table-container td,.table-container th {
border:1px solid #ccc;
padding:10px;
}

.table-container td img {
max-width:100%;
height:auto;
display:block;
}

.gallery {
width:150px;
height:200px;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
}

.logo {
float:left;
}

.main-table {
width:100%;
border-collapse:collapse;
margin-bottom:20px;
}

.container td {
vertical-align:top;
padding:15px;
}

.container img,img {
max-width:100%;
height:auto;
border-radius:4px;
}

.name {
font-weight:700;
color:#333;
background:rgba(247,247,247,0.8);
text-align:center;
}

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

.info-item {
border : #ccc solid 1px;
padding : 10px;
flex : 1 0 300px;
box-sizing : border-box;
text-align : center;
}
.info-item h3 {
margin-top : 0;
}
p {
  font-size: 18px;
  text-align: justify;
  margin: 0 20px;
}
.red {
color : #FF0000;
font-size : 2em;
font-weight : bold;
text-align : justify;
margin-top : 10px;
margin-left : 20px;
margin-right : 20px;
margin-bottom : 10px;
}
p:first-letter {
  font-size: 1.2em;
  font-weight: bold;
  color: #2B796C;
}
a {
  text-decoration: none;
  color: #3366CC; /* Синий цвет для обычных ссылок */
  padding-left: 12px;
}

a:hover {
  color: #FF0000; /* Красный при наведении */
  text-decoration: underline;
}

a:active {
  color: #FFA500; /* Оранжевый при нажатии */
}

a:visited {
  color: #28746A; /* Зеленый для посещенных ссылок */
}
h1, h3, h4, h5, h6 {
  text-align: center;
  margin: 10px 20px;
  color: #fff;
}
h1 {
  background: #2B796C;
  font-size: 1.1em;
}
h2 {
  background: #F7F7F7;
    text-align: center;
  font-size: 1em;
    color: #000;
}
h3 {
  background: #dddddd;
  color: #000;
}
h4, h5 {
  background: #D0E1DE;
  color: #000;
  font-size: 0.83em;
  font-weight: bold;
}
h6 {
  background: #053263;
  font-size: 0.75em;
}
.leftname {
font-size : 16px;
text-align : center;
background : #2B796C;
color : #fff;
}
.text img {
width : 180px;
}
.text {
background : #F7F7F7;
width : 190px;
text-align :left;
}

hr {
border : none;
color : #cccccc;
background-color : #f1f8f5;
height : 1px;
}
.left {
background : #fff;
width : 80%;
border : #95bcb4 solid 3px;
border-radius : 35px 5px;
padding : 7px;
font-size : 0.8em;
}
.dengy {
background : #F1F8F5;
width : 60%;
border : #95bcb4 solid 3px;
border-radius : 35px 5px;
padding : 7px;
text-align : center;
}
.error {
background : #FF0000;
width : 80%;
border : #000 solid 3px;
border-radius : 35px 5px;
padding : 7px;
color : #FFFFFF;
}
.header, .logo, .menutop {
  background: url(/images/bg2.gif) left no-repeat;
  max-width: 100%;
}
.okna {
background-image : url(/images/okna.gif);
background-repeat : no-repeat;
}
.price {
background : #FCFEFD;
width : 50%;
border : #999999 solid 2px;
border-width : 0 0 0 3px;
border-radius : 5px 25px;
text-indent : 10px;
}

.content-wrapper {
    display: flex;
    flex-direction: column; /* Располагаем элементы вертикально */
    align-items: center; /* Центрируем по горизонтали */
    text-align: center; /* Центрируем текст внутри */
    width: 100%; /* Растягиваем контейнер */
}

.name {
    color: #333333;
    font-size: 0.8em;
    background: rgba(247, 247, 247, 0.8);
    text-align: center;
    margin-top: 20px;
    padding: 1px;
    width: max-content; /* Подстраивает ширину под содержимое */
}

.links {
    color: #0080C0;
    font-size: 0.8em;
    width: 120px;
    background: #FCFEFD;
    padding: 10px;
    line-height: 10px;
    border: #008040 solid 2px;
    border-radius: 5px;
    text-align: center;
    margin-top: 10px;
    white-space: nowrap; /* Запрещает перенос текста */
}


.links:hover {
    background: #E0F7FA;
}

.links:active {
    background: #B2EBF2;
}
.logo {
background : #f2f9fe;
background : url(/images/bg2.gif) left no-repeat;
}
.fon {
max-width : 100%;
text-align: left;
background :#FCFCFC
}
.menutop {
background : url(/images/bg2.gif);
max-width : 100%;
}
img {
max-width : 100%;
height : auto;
border : 0;
}
.desleft {
background : url(/images/bg4.gif);
width : 292px;
}

.coment {
background : #FAFBFC;
padding : 5px 10px;
}
.content {
background : #fff;
width : 95%;
padding : 5px;
margin-bottom : 10px;
border : #95bcb4 solid 3px;
border-radius : 5px 25px;
}
#navbar {
margin : 0;
padding : 0;
list-style-type : none;
border-radius : 5px 25px;
}
#navbar li {
display : inline;
}
#navbar {
padding : 0;
list-style-type : none;
border : #000 solid 2px;
width : 95%;
text-align : center;
background-color : #28746A;
}
#navbar a {
color : #fff;
padding : 5px 10px;
text-decoration : none;
display : inline-block;
width : 200px;
font-size : 20px;
}
#navbar a:hover {
background-color : #95BCB3;
border-radius : 20px 5px;
}
#navbar1 {
margin : 0;
padding : 0;
list-style-type : none;
border : #FF0000 solid 2px;
width : 200px;
text-align : center;
background-color : #000;
border-radius : 20px 5px;
font-size : 20px;
}
#navbar1 a {
color : #fff;
padding : 2px 2px;
text-decoration : none;
display : inline-block;
width : 200px;
font-size : 20px;
}
#navbar1 a:hover {
border-radius : 20px 5px;
background-color : #28746A;
border-radius : 20px 5px;
}

.info {
width : 100%;
border-collapse : collapse;
background : #FCFEFD;
width : 100%;
border : #999999 solid 2px;
border-width : 0 0 0 3px;
border-radius : 5px 25px;
font-size : 20px;
}
.info td, .info th {
border : #ddd solid 1px;
padding : 8px;
}
.info tr:nth-child(even) {
background-color : #f2f2f2;
}
.info tr:hover {
background-color : #ddd;
}
.down {
background : #F7F7F7;
width : 95%;
font-size : 0.8em;
padding : 10px;
text-align : justify;
}
table.center {
margin-left : auto;
margin-right : auto;
}
.otv {
color : #2B796C;
}
dropbtn {
background-color : #3498DB;
color : white;
padding : 16px;
border : none;
cursor : pointer;
border : #FFF solid 2px;
width : 90%;
border-radius : 20px 5px;
font-size : 20px;
font-weight : bold;
}
.dropbtn:hover, .dropbtn:focus {
background-color : #D0E1DE;
display : inline-block;
}
.dropdown {
position : relative;
display : inline-block;
}
.dropdown-content {
display : none;
position : absolute;
background-color : #28746A;
min-width : 160px;
overflow : auto;
box-shadow : 0 8px 16px 0 rgb(0, 0, 0, 0.2);
z-index : 1;
}
.dropdown-content a {
color : black;
padding : 12px 16px;
text-decoration : none;
display : block;
}
.dropdown a:hover {
background-color : #ddd;
}
.show {
display : block;
}
.center_id img {
border-top : 3px solid #95BCB4;
}
td.multiline {
  white-space: pre-wrap;
  word-wrap: break-word;
}


@media screen and (max-width: 600px) {
  td.multiline {
    white-space: pre-wrap;
  }
}

@media (max-width: 768px) {
    .container {
        display: flex;
        flex-wrap: wrap;
    }
    .container tr,
    .container td {
        display: block;
        width: 100%;
        text-align: center;
    }
    .gallery {
        width: 40%;
        display: inline-block;
        vertical-align: top;
    }
    .gallery img {
        max-width: 100%;
        height: auto;
    }
    .text {
        width: 55%;
        display: inline-block;
        text-align: left;
    }
    .fon {
        width: 100%;
    }
}
 @media (max-width: 768px) {
.table-container, .table-container tr, .table-container td {
display: block;
                width: 100%;
                text-align: center;
            }
            .table-container td img {
                max-width: 80px; 
                margin: auto;
            }
            .split-cell {
                display: flex;
                flex-direction: column;
                width: 100%;
            }
            .split-cell div {
                flex: 1;
                padding: 10px;
                border-top: 1px solid #ccc;
            }
        }
		@media (max-width: 600px) {
.info, .info thead, .info tbody, .info th, .info td, .info tr {
display : block;
}
.info tr {
margin-bottom : 15px;
}
.info td {
text-align : right;
position : relative;
padding-left : 50%;
}
.info td::before {
content : attr(data-label);
position : absolute;
left : 10px;
width : calc(50% - 20px);
padding-right : 10px;
white-space : nowrap;
text-align : left;
}
}
@media (max-width: 768px) {
    .container td {
        display: block;
        width: 100%;
    }
    .gallery img {
        max-width: 100%;
        height: auto;
    }
    .content-wrapper {
        text-align: center;
    }
}

@media (max-width: 600px) {
.info-item {
flex : 1 0 100%;
}
}
@media (max-width: 600px) {
.info-item {
flex-basis : 100%;
}
}
/* Медиа-запрос для мобильных устройств */
@media (max-width: 480px) {
    .links {
        width: 140px; /* Увеличиваем ширину */
        font-size: 0.8em; /* Уменьшаем шрифт чуть-чуть */
        padding: 12px; /* Чуть больше отступов */
    }
}
@media only screen and (max-width: 480px) {
text img {
width : 100%;
}
}