/* ===== ДИЗАЙН САЙТА ДУДУ2.РУ ===== */
/* ===== ОСНОВНЫЕ СТИЛИ И СБРОС ===== */
body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.3;
    color: #333;
    background-color: none;
    background-image: url('/img/fon_b.gif');
    overflow-y: scroll;
    overflow-x: hidden;
}

img {
    border: none;
}

a {
    color: none;
    text-decoration: none;
    transition: all 0.2s ease;
}

a:hover {
    color: none;
    text-decoration: underline;
}

a:visited {
    color: none;
}

/* ===== ОСНОВНЫЕ ТАБЛИЦЫ ===== */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    border: 1px solid none;
    padding: 4px 6px;
    background-color: none;
    vertical-align: top;
	font-size: 11px; /* или 10px для ещё меньшего */
    line-height: 1.2;
}

/* ===== СТИЛИ КОНТЕЙНЕРОВ ===== */
.main {
    border: 2px solid none;
    border-radius: 8px;
    background-color: none;
    margin: 8px auto;
    padding: 12px;
    box-shadow: 0 2px 8px rgba(255, 149, 0, 0.15);
}

.main2 {
    border: 1px solid none;
    border-radius: 6px;
    background-color: none;
    padding: 10px;
    margin: 6px 0;
}

/* ===== МЕНЮ-ТАБЛИЦА ===== */
.menu-table {
    width: 100%;
    margin: 8px 0;
}

.menu-table td {
    border: none;
    padding: 2px;
    background: transparent;
}

.menu-button {
    display: block;
    padding: 6px 8px;
    background: linear-gradient(to bottom, none, none);
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    border: 1px solid none;
    border-radius: 4px;
    text-align: center;
    transition: all 0.2s ease;
}

.menu-button:hover {
    background: linear-gradient(to bottom, none, none);
    border-color: none;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* ===== ЗАГОЛОВОЧНЫЕ СЕКЦИИ ===== */
.menu td[class="menu"] {
    background: linear-gradient(to bottom, none, none);
    border: 1px solid none;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 8px;
}

.menu td[class="menu"] img {
    vertical-align: middle;
}

/* ===== СЕКЦИИ С КНОПКАМИ-ИКОНКАМИ ===== */
.main2 table {
    width: 100%;
}

.main2 td {
    text-align: center;
    padding: 8px 4px;
    border: 1px solid none;
    background: #fff;
}

.main2 td:hover {
    background-color: #FFF0E0;
}

.main2 a {
    display: block;
    padding: 4px;
}

.main2 a:hover {
    background-color: #FFE6CC;
    border-radius: 4px;
}

/* ===== НОВОСТНАЯ СЕКЦИЯ ===== */
.main2 tr td {
    padding: 6px 8px;
    border-bottom: 1px solid #FFD9B3;
}

.main2 tr:last-child td {
    border-bottom: 1px solid none;
}

.main2 tr:hover td {
    background-color: #FFF5EB;
}

/* Стиль для новых новостей */
.main2 tr td font[size="2"] b {
    color: none;
}

/* Иконка "new" */
.main2 tr td img[align="right"] {
    margin-left: 8px;
}

/* ===== СПЕЦИАЛЬНЫЕ КЛАССЫ ===== */
.none {
    border: 0 !important;
    background: transparent !important;
    padding: 2px !important;
}

.blu { background-color: #C4D2E4; }
.red { background-color: #FF4444; color: #000; }
.or { background-color: none; color: #000; }
.or_2 { background-color: #FF8040; color: #000; }
.gr { background-color: #00FF00; color: #000; }
.gr_t { background-color: #00C100; color: #000; }
.gr_t2 { background-color: #00DD00; color: #000; }
.gr_t3 { background-color: #00F200; color: #000; }
.zhe { background-color: #FFE600; color: #000; }

/* ===== РАЗДЕЛ С БАННЕРОМ ===== */
form[name="bannerForm"] {
    margin: 10px 0;
}

form[name="bannerForm"] input {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    background: linear-gradient(to bottom, none, none);
    color: #fff;
    text-align: center;
    border: 1px solid none;
    border-radius: 4px;
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
	width: 500px !important;
    max-width: 500px;
}

/* ===== ФУТЕР И СЧЁТЧИКИ ===== */
pre {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #666;
    margin: 10px 0;
}

/* Стили для баннеров в футере */
img[src*="banner"] {
    margin: 2px;
    border: 1px solid none;
    border-radius: 3px;
}

/* ===== АДАПТИВНОСТЬ ДЛЯ 800px ===== */
@media (max-width: 800px) {
    .main, .main2 {
        width: 95% !important;
        margin: 6px auto;
    }
    
    td {
        padding: 3px 4px;
    }
    
    .menu-button {
        padding: 4px 6px;
        font-size: 10px;
    }
}

/* ===== УТИЛИТЫ ДЛЯ ВЫРАВНИВАНИЯ ===== */
td[align="center"] {
    text-align: center;
}

td[align="left"] {
    text-align: left;
}

td[align="right"] {
    text-align: right;
}

td[align="20%"], td[align="80%"] {
    text-align: left;
}

/* ===== СТИЛИ ДЛЯ ТЕКСТОВОГО БЛОКА ПРИВЕТСТВИЯ ===== */
.menu .none td.none font {
    line-height: 1.4;
}

.menu .none td.none font b {
    color: #770000;
    font-size: 13px;
}

/* ===== РАЗДЕЛИТЕЛИ ===== */
hr {
    border: none;
    height: 1px;
    background-color: none;
    margin: 8px 0;
}

.hr_menu {
    background-color: none;
    height: 2px;
}

/* ===== СТИЛИ ДЛЯ ИЗОБРАЖЕНИЙ В СЕТКЕ ===== */
.main2 img {
    max-width: 100%;
    height: auto;
    transition: transform 0.2s ease;
}

.main2 a:hover img {
    transform: scale(1.05);
}

/* ===== КОМПАКТНЫЕ СЕКЦИИ ===== */
.table-compact td {
    padding: 2px 3px;
    font-size: 11px;
}

/* Специальные стили для ячеек с иконками */
td[width="33%"] {
    padding: 6px 4px;
}

/* Стили для заголовков разделов */
td[colspan="3"].menu {
    font-weight: bold;
    font-size: 13px;
}