html,
body  {
	margin: 0;
	background: #95ba1c;
	font-size: 10pt;
/*         font-family: Comic Sans MS,Arial,Tahoma,sans-serif; */
	font-family: Arial,Tahoma,sans-serif;
	padding: 5px 5px;
}

a {
        font-weight: normal;
        font-size: 15px;
        color: #712215;
        text-decoration: none;
}

a:hover {
        font-weight: normal;
        font-size: 15px;
        color: #712215;
        text-decoration: underline;
}

a.link_pages {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #065091;
    TEXT-DECORATION: NONE;
}

a.link_pages:hover {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #065091;
    TEXT-DECORATION: UNDERLINE;
}

a.aleft {
    display: block;
    width: 45px;
    height: 34px;
    background: url('/files/images/aleft_w.jpg');
}

a.aleft:hover {
    background: url('/files/images/aleft.jpg');
    text-decoration: none;
}

a.aright {
    display: block;
    width: 47px;
    height: 34px;
    background: url('/files/images/aright_w.jpg');
}

a.aright:hover {
    background: url('/files/images/aright.jpg');
    text-decoration: none;
}

.link_lang  {
        font-family: Comic Sans MS,Arial,Tahoma,sans-serif;
        font-weight: normal;
        font-size: 15px;
        color: #712215;
        text-decoration: none;
}

.link_lang:hover  {
        font-family: Comic Sans MS,Arial,Tahoma,sans-serif;
        font-weight: normal;
        font-size: 15px;
        color: #712215;
        text-decoration: underline;
}

.link_email {
        font-weight: normal;
        font-size: 10px;
        color: #712215;
        text-decoration: none;
}

.link_email:hover {
        font-weight: normal;
        font-size: 10px;
        color: #712215;
        text-decoration: underline;
}

.link_menu  {
        font-family: Comic Sans MS,Arial,Tahoma,sans-serif;
        font-weight: normal;
        font-size: 15px;
        color: #ffffff;
        text-decoration: none;
}

.link_menu:hover  {
        font-family: Comic Sans MS,Arial,Tahoma,sans-serif;
        font-weight: normal;
        font-size: 15px;
        color: #ffffff;
        text-decoration: underline;
}

.menu_selected{
        font-family: Comic Sans MS,Arial,Tahoma,sans-serif;
        color: #627b15;
        font-weight: bold;
}

.line_between{
        background: #95ba1c;
}

.td_preview{
        width: 160px;
        height: 150px;
}

.td_banners{
        width: 50%;
        text-align: center;
}

.date {
        color: #000000;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
}

.run_string {
        font-family: Comic Sans MS,Arial,Tahoma,sans-serif;
        font-size: 15px;
        color: #000000;
        font-weight: normal;
}

.publication  {
        font-weight: normal;
        font-size: 15px;
        color: #000000;
}

.publication_title{
        font-weight: normal;
        font-size: 19px;
        color: #000000;
        text-align: left;
        text-decoration: underline;
}

h1{
        font-weight: normal;
        font-size: 19px;
        color: #000000;
        text-align: left;
        text-decoration: underline;
}

.title_letter {
        font-weight: bold;
        font-size: 25px;
        color: #000000;
        text-align: center;
}

.footer {
        color: #000000;
        font-size: 10px;
        font-weight: normal;
        text-align: center;
        padding: 2px;
}

.error {
        COLOR: #FF0000;
        FONT-SIZE: 13px;
        FONT-WEIGHT: bold;
        TEXT-ALIGN: center;
}

.login  {
        font-family: Comic Sans MS,Arial,Tahoma,sans-serif;
        font-weight: normal;
        font-size: 15px;
        color: #ffffff;
        text-decoration: none;
}

.response_title {
        background: #95ba1c;
        color: #000000;
        font-size: 15px;
        font-weight: normal;
        text-decoration: none;
        height: 25px;
        text-align: center;
}

.response {
        color: #000000;
        font-size: 15px;
        font-weight: normal;
        text-decoration: none;
        padding: 0px 12px 12px 12px;
}

.response_answer {
        color: #000000;
        font-size: 15px;
        font-weight: normal;
        text-decoration: none;
        padding: 0px 12px 12px 30px;
}
.comments {
        color: #95ba1c;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
/*         text-align: center; */
}
.comments_title {
        background: #95ba1c;
        color: #000000;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
/*         text-align: center; */
}
.date_comment {
        color: #000000;
        font-size: 10px;
/*         font-weight: bold; */
        text-decoration: none;
}
.comments_annonce{
        color: #6b6a6a;
        font-size: 13px;
        font-weight: normal;
        text-decoration: none;
        padding: 5px 0px 5px 0px;
}
.remark {
        COLOR: #FF0000;
        FONT-SIZE: 13px;
        FONT-WEIGHT: bold;
}
.rating_letter {
  cursor:pointer;
}

/* ============================================
   АДАПТИВНЫЕ СТИЛИ
   ============================================ */

/* Базовые адаптивные стили для таблиц */
table {
  max-width: 100%;
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
}

/* Классы для адаптивной верстки */
.responsive-wrapper {
  width: 100%;
  box-sizing: border-box;
}

.responsive-left {
  width: 230px;
  vertical-align: top;
}

.responsive-center {
  vertical-align: top;
}

.responsive-right {
  width: 230px;
  vertical-align: top;
}

/* Скрытие элементов на мобильных */
.mobile-hide {
  display: block;
}

.desktop-hide {
  display: none;
}

/* Адаптивные стили для основного контента */
body {
  padding: 5px;
}

/* Адаптивные размеры шрифтов */
@media screen and (max-width: 768px) {
  html, body {
    font-size: 9pt;
    padding: 3px;
  }
  
  a {
    font-size: 13px;
  }
  
  .link_lang, .link_menu {
    font-size: 13px;
  }
  
  .publication_title, h1 {
    font-size: 16px;
  }
  
  .title_letter {
    font-size: 20px;
  }
  
  .td_preview {
    width: 120px;
    height: 110px;
  }
  
  .td_banners {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  
  .footer {
    font-size: 9px;
  }
  
  .date {
    font-size: 11px;
  }
  
  .publication, .response, .response_answer, .comments, .comments_title {
    font-size: 13px;
  }
  
  .comments_annonce {
    font-size: 12px;
  }
}

/* Стили для мобильных устройств (до 480px) */
@media screen and (max-width: 480px) {
  html, body {
    font-size: 8pt;
    padding: 2px;
  }
  
  a {
    font-size: 12px;
  }
  
  .link_lang, .link_menu {
    font-size: 12px;
  }
  
  .publication_title, h1 {
    font-size: 14px;
  }
  
  .title_letter {
    font-size: 18px;
  }
  
  .td_preview {
    width: 100px;
    height: 90px;
  }
  
  .footer {
    font-size: 8px;
  }
  
  .date {
    font-size: 10px;
  }
  
  .publication, .response, .response_answer, .comments, .comments_title {
    font-size: 12px;
  }
  
  .comments_annonce {
    font-size: 11px;
  }
  
  .response {
    padding: 0px 8px 8px 8px;
  }
  
  .response_answer {
    padding: 0px 8px 8px 20px;
  }
}

/* Адаптивные стили для планшетов (768px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  html, body {
    font-size: 9.5pt;
  }
  
  .td_preview {
    width: 140px;
    height: 130px;
  }
}

/* Стили для больших экранов (более 1200px) */
@media screen and (min-width: 1200px) {
  body {
    max-width: 1400px;
    margin: 0 auto;
  }
}

/* Адаптивные классы для мобильных */
@media screen and (max-width: 768px) {
  .mobile-hide {
    display: none;
  }
  
  .desktop-hide {
    display: block;
  }
  
  .responsive-left,
  .responsive-center,
  .responsive-right {
    width: 100% !important;
    display: block;
    margin-bottom: 15px;
  }
}

/* Адаптивные стили для табличной верстки header */
@media screen and (max-width: 768px) {
  /* Адаптация шапки сайта */
  table[width="100%"] {
    display: block;
  }
  
  table[width="100%"] tr {
    display: block;
    width: 100%;
  }
  
  table[width="100%"] td[rowspan] {
    display: block;
    width: 100% !important;
    height: auto !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
  
  /* Адаптация основного контента */
  table[cellpadding="5"] {
    display: block;
  }
  
  table[cellpadding="5"] tr {
    display: block;
    width: 100%;
  }
  
  table[cellpadding="5"] td[style*="width: 230px"] {
    display: block;
    width: 100% !important;
    margin-bottom: 10px;
  }
  
  table[cellpadding="5"] td[valign="top"]:not([style*="width: 230px"]) {
    display: block;
    width: 100% !important;
  }
  
  /* Адаптация левого меню */
  table[width="100%"] td[style*="background: url(/files/images/38.jpg)"] {
    display: none;
  }
  
  table[width="100%"] td[style*="background: url(/files/images/43.jpg)"] {
    display: none;
  }
  
  table[width="100%"] td[style*="background: url(/files/images/10.jpg)"] {
    display: none;
  }
  
  table[width="100%"] td[style*="background: url(/files/images/11.jpg)"] {
    display: none;
  }
  
  table[width="100%"] td[style*="background: url(/files/images/12.jpg)"] {
    display: none;
  }
  
  table[width="100%"] td[style*="background: url(/files/images/13.jpg)"] {
    display: none;
  }
  
  table[width="100%"] td[style*="background: url(/files/images/14.jpg)"] {
    display: none;
  }
  
  /* Адаптация центрального контента */
  table[width="100%"] td[style*="background: url(/files/images/15.jpg)"] {
    display: none;
  }
  
  table[width="100%"] td[style*="background: url(/files/images/17.jpg)"] {
    display: none;
  }
  
  table[width="100%"] td[style*="background: url(/files/images/18.jpg)"] {
    display: none;
  }
  
  table[width="100%"] td[style*="background: url(/files/images/19.jpg)"] {
    display: none;
  }
  
  table[width="100%"] td[style*="background: url(/files/images/20.jpg)"] {
    display: none;
  }
  
  table[width="100%"] td[style*="background: url(/files/images/21.jpg)"] {
    display: none;
  }
  
  table[width="100%"] td[style*="background: url(/files/images/22.jpg)"] {
    display: none;
  }
  
  /* Адаптация правой колонки */
  table[cellpadding="5"] td[style*="width: 0px"] {
    display: none;
  }
  
  table[cellpadding="5"] td[style*="width: 230px"][valign="top"]:last-child {
    display: block;
    width: 100% !important;
    margin-top: 10px;
  }
}

/* Дополнительные стили для мобильных устройств */
@media screen and (max-width: 480px) {
  /* Скрытие декоративных элементов на очень маленьких экранах */
  table[width="100%"] td[style*="background: url"] {
    min-height: 0 !important;
  }
  
  /* Адаптация таблиц с контентом */
  table[width="97%"] {
    width: 100% !important;
  }
  
  table[width="97%"] td {
    display: block;
    width: 100% !important;
  }
  
  table[width="97%"] td[colspan] {
    display: block;
  }
  
  /* Адаптация превью изображений */
  .td_preview {
    width: 100% !important;
    height: auto !important;
    text-align: center;
  }
  
  .td_preview img {
    max-width: 100%;
    height: auto;
  }
  
  /* Адаптация шапки сайта */
  table[width="100%"][style*="margin-bottom: 5px"] td[rowspan] {
    width: 100% !important;
    height: auto !important;
    min-height: 100px;
    background-size: cover !important;
    background-position: center !important;
  }
  
  table[width="100%"][style*="margin-bottom: 5px"] td[rowspan] img {
    width: 100%;
    height: auto;
  }
  
  /* Адаптация бегущей строки */
  marquee {
    font-size: 12px !important;
  }
  
  /* Адаптация таблиц с шириной 97% */
  table[width="97%"] {
    width: 100% !important;
    margin: 0 auto;
  }
}

/* Стили для планшетов */
@media screen and (min-width: 481px) and (max-width: 768px) {
  table[width="97%"] {
    width: 95% !important;
  }
  
  table[cellpadding="5"] td[style*="width: 230px"] {
    width: 100% !important;
    display: block;
    margin-bottom: 15px;
  }
  
  table[cellpadding="5"] td[valign="top"]:not([style*="width: 230px"]):not([style*="width: 0px"]) {
    width: 100% !important;
    display: block;
  }
}

/* Адаптивные стили для меню */
@media screen and (max-width: 768px) {
  /* Адаптация меню в левой колонке */
  table[width="100%"] table[width="100%"] {
    width: 100% !important;
  }
  
  table[width="100%"] table[width="100%"] tr {
    display: block;
    width: 100%;
  }
  
  table[width="100%"] table[width="100%"] td {
    display: block;
    width: 100% !important;
    text-align: left !important;
    padding: 8px 5px !important;
    height: auto !important;
  }
  
  table[width="100%"] table[width="100%"] td[style*="background: url(/files/images/37.jpg)"] {
    display: block;
    height: 2px !important;
    margin: 5px 0;
  }
  
  /* Улучшение отображения ссылок меню на мобильных */
  .link_menu {
    display: block;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  
  .link_menu:last-child {
    border-bottom: none;
  }
  
  /* Адаптация формы поиска */
  .yandexform {
    width: 100% !important;
  }
  
  .yandexform form {
    width: 100% !important;
  }
  
  .yandexform input[type="text"] {
    width: 70% !important;
    max-width: 200px;
  }
  
  .yandexform input[type="submit"] {
    width: 25% !important;
    max-width: 80px;
  }
}

/* Дополнительные стили для меню на очень маленьких экранах */
@media screen and (max-width: 480px) {
  .link_menu {
    font-size: 11px;
    padding: 6px 8px;
  }
  
  /* Адаптация формы входа */
  table[width="90%"] input[type="text"],
  table[width="90%"] input[type="password"] {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }
  
  table[width="90%"] input[type="submit"] {
    width: 100% !important;
    margin-top: 5px;
  }
}

/* Адаптивные стили для страниц публикаций и отзывов */
@media screen and (max-width: 768px) {
  /* Адаптация таблиц публикаций */
  table[width="100%"][border="0"].publication {
    width: 100% !important;
  }
  
  table[width="100%"][border="0"].publication td {
    display: block;
    width: 100% !important;
    padding: 5px 0;
  }
  
  /* Адаптация формы комментариев */
  table[align="center"][border="0"] input[type="text"],
  table[align="center"][border="0"] textarea {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }
  
  table[align="center"][border="0"] input[type="text"][size="52"] {
    width: 100% !important;
    max-width: 100%;
  }
  
  table[align="center"][border="0"] textarea[rows="10"][cols="50"] {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }
  
  /* Адаптация таблиц с отзывами и комментариями */
  table[width="90%"][align="center"] {
    width: 100% !important;
  }
  
  table[width="90%"][align="center"] td {
    display: block;
    width: 100% !important;
  }
  
  /* Адаптация декоративных элементов в комментариях */
  table[width="100%"] td[style*="background: url(/files/images/top_left.jpg)"],
  table[width="100%"] td[style*="background: url(/files/images/top_right.jpg)"],
  table[width="100%"] td[style*="background: url(/files/images/bottom_left.jpg)"],
  table[width="100%"] td[style*="background: url(/files/images/bottom_right.jpg)"],
  table[width="100%"] td[style*="background: url(/files/images/center_left.jpg)"],
  table[width="100%"] td[style*="background: url(/files/images/center_right.jpg)"] {
    display: none;
  }
  
  /* Адаптация внутренних таблиц комментариев */
  table[width="97%"][align="center"] td {
    display: block;
    width: 100% !important;
    text-align: left !important;
  }
  
  table[width="97%"][align="center"] td[class="response_title"] {
    display: inline-block;
    width: auto !important;
    margin-right: 10px;
    margin-bottom: 5px;
  }
  
  table[width="97%"][align="center"] td[colspan] {
    display: block;
    width: 100% !important;
  }
  
  /* Адаптация таблицы "Другие статьи раздела" */
  table[width="100%"][border="0"] td[width="150px"] {
    width: 100% !important;
    display: block;
    text-align: left !important;
    margin-bottom: 5px;
  }
  
  /* Адаптация рейтинга и кнопок соцсетей */
  table[width="100%"][border="0"] td[align="left"][valign="top"],
  table[width="100%"][border="0"] td[align="right"][valign="top"] {
    display: block;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 10px;
  }
}

/* Дополнительные стили для мобильных устройств */
@media screen and (max-width: 480px) {
  /* Улучшение отображения форм на маленьких экранах */
  table[align="center"][border="0"] input[type="text"][size="52"] {
    font-size: 14px;
  }
  
  table[align="center"][border="0"] textarea {
    font-size: 14px;
  }
  
  /* Адаптация таблиц с отзывами */
  table[width="90%"][align="center"] td[class="response_title"] {
    font-size: 11px;
    padding: 3px;
  }
  
  /* Адаптация пагинации */
  table[bgcolor="#ffffff"] td[colspan] {
    font-size: 11px;
    padding: 5px;
  }
  
  /* Адаптация футера */
  .footer {
    font-size: 8px;
    padding: 5px 2px;
  }
  
  /* Адаптация баннеров в футере */
  table[width="100%"] td[class="td_banners"] {
    width: 100% !important;
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
}

/* Дополнительные улучшения для планшетов */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* Оптимизация для планшетов */
  table[cellpadding="5"] td[style*="width: 230px"] {
    width: 200px !important;
  }
  
  table[cellpadding="5"] td[valign="top"]:not([style*="width: 230px"]):not([style*="width: 0px"]) {
    width: auto !important;
  }
}