/* gta.gyes.ru — мобильная версия: та же разметка содержимого, одна колонка, цвета сайта */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #16284e url(/i/bg_gta.gif); color: #fff; font: 15px/1.45 Verdana, Arial, sans-serif; overflow-x: hidden; }
a { color: #ffcc00; }
img { max-width: 100%; height: auto; }
.mhead { background: #02122e url(/i/bg_gta.gif); text-align: center; border-bottom: 2px solid #000; }
.mlogo img { width: 240px; height: auto; display: block; margin: 0 auto; }
.msearch { display: flex; gap: 6px; padding: 8px 12px; background: #02122e; }
.msearch input { flex: 1; min-width: 0; padding: 8px; border: 1px solid #967144; background: #0f4279; color: #fff; font-size: 15px; }
.msearch button { padding: 8px 12px; background: gold; border: 2px solid #000; font-weight: bold; }
.mnav { background: #02122e; padding: 0 12px 8px; }
.mnav .mtop { display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 6px 0; }
.mnav .mtop a { font-weight: bold; color: #fff; text-decoration: none; }
.mblock { border-top: 1px solid #16284e; }
.mblock summary { padding: 10px 0; font-weight: bold; color: #ffcc00; cursor: pointer; }
.mblock a { display: block; padding: 7px 0 7px 14px; color: #fff; text-decoration: none; border-top: 1px dotted #16284e; }
.mblock a.sub { padding-left: 28px; font-size: 13px; }
.mbanner { text-align: center; padding: 6px 0; overflow: hidden; }
.mcrumbs { padding: 8px 12px 0; font-size: 13px; color: #637b94; }
.mtitle { margin: 4px 12px 8px; font-size: 22px; text-shadow: 2px 2px 0 #000; text-transform: uppercase; }
.mcont { background: #0f4279; padding: 10px 12px; border-top: 2px solid #000; border-bottom: 2px solid #000; overflow: hidden; }
.mcont table { max-width: 100%; }
.mcont table[width="501"], .mcont table[width="100%"] { width: 100% !important; }
.mcont td { word-break: break-word; }
.mcont .box, .mcont .box200 { height: auto; max-height: 200px; overflow: auto; }
.mcont img[src*="divider"] { width: 100%; height: auto; }
.mcont input.formbg, .mcont textarea.formbg, .mcont select.formbg { width: 100%; font-size: 15px; padding: 6px; }
.mfoot { padding: 12px; font-size: 12px; color: #a9b8c2; }
.ia, #ia { color: #637b94; }
.dl1 { background: #ffd700; border: 3px inset gold; } .dl1 a, a.bl { color: #000; }
.sorted { background: #000; }
#or { background: orange; }
.mcont td { word-break: normal; overflow-wrap: break-word; }
.mweeks { display: flex; flex-wrap: wrap; gap: 4px; margin: 8px 0; }
.mweeks a, .mweeks b { padding: 5px 8px; background: #02122e; font-size: 13px; }
.mweeks .cur { background: #165faf; }
.mcard td { border-bottom: 1px solid #16284e; vertical-align: top; }
.mcard td:first-child { color: #a9b8c2; width: 40%; }
.mdl { text-align: center; } .mdl a { display: inline-block; background: #ffd700; border: 3px inset gold; padding: 8px 14px; text-decoration: none; }
.mdesc { margin: 10px 0; }
.mcont select { max-width: 100%; }
.mfile { padding: 7px 0; border-bottom: 1px solid #16284e; } .mfile .ia { font-size: 12px; }
.mmoney img { vertical-align: middle; } .mmoney { font-size: 14px; }
.mcont td[nowrap], .mcont th[nowrap] { white-space: normal !important; }
.mnews { margin-bottom: 16px; border-bottom: 1px solid #16284e; padding-bottom: 8px; }
.mnh { background: #16284e; padding: 5px 7px; }
.mnm { padding: 4px 7px; font-size: 12px; }
.mnews .ntext { padding: 4px 7px; }
/* 04.10.2026: «10 горячих / 10 популярных» — друг под другом; недели — сеткой 2×2 + архив во всю ширину */
.mtop10 { margin: 8px 0; border: 1px solid #000; }
.mtop10 .mt10h { padding: 6px 8px; background: #165faf; font-size: 13px; }
.mtop10 .mt10l { padding: 6px 8px; background: #0f4279; line-height: 1.5; }
.mweeks { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.mweeks a, .mweeks b { display: block; text-align: center; padding: 8px 4px; white-space: nowrap; }
.mweeks .arch { grid-column: 1 / -1; background: #0f4279; }
.mtop10 .mt10i { position: relative; padding: 2px 0 2px 11px; }
.mtop10 .mt10i:before { content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 9px; background: url(/i/arrows_sel.gif) no-repeat; }
.mweeks .arch b { display: inline; padding: 0; background: none; }
/* 04.10.2026: телефон — одна колонка. Таблицы-раскладки оригинала (картинка | текст, две колонки ссылок и т.п.)
   раскладываются в строки: ячейка под ячейкой. Таблицы «название — значение» (.mcard) остаются строками. */
.mcont table:not(.mcard):not(.mkeep), .mcont table:not(.mcard):not(.mkeep) > tbody, .mcont table:not(.mcard):not(.mkeep) > tbody > tr,
.mcont table:not(.mcard):not(.mkeep) > tbody > tr > td, .mcont table:not(.mcard):not(.mkeep) > tbody > tr > th,
.mcont table:not(.mcard):not(.mkeep) > tr, .mcont table:not(.mcard):not(.mkeep) > tr > td { display: block; width: auto !important; height: auto !important; }
.mcont table:not(.mcard):not(.mkeep) > tbody > tr > td:empty { display: none; }
.mcont td[align=right] { text-align: left; }
.mcont [align=justify], .mcont div[align=justify], .mcont p[align=justify], .mcont td[align=justify] { text-align: left !important; }
.mcont p, .mcont div { text-align: left; }
.mcont center, .mcont [align=center] { text-align: center; }
.mbuttons { text-align: center; padding: 8px 0; } .mbuttons img { max-width: none; }
/* карты: карта прокручивается вбок внутри своей рамки, картинка карты не ужимается (значки стоят по точным точкам) */
.mwide { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 10px -12px 0; padding: 0 12px; }
.mwide img { max-width: none !important; height: auto; }
.mwide .mapcats td { display: block; }