/* ==========================================================================
   Портал «Финансы.ДуДу2»
   Стиль: HTML 4.01 Transitional / Internet Explorer 5.5+ Compatible
   Классический стиль финансового портала 2000-х (Rambler/РБК 2004 Ultra)
   ========================================================================== */

body {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

a {
    color: #004488;
    text-decoration: underline;
}

a:hover {
    color: #CC0000;
}

/* Верхняя шапка */
.header-top {
    background-color: #004488;
    height: 54px;
    padding: 0 15px;
}

.logo {
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

.logo span {
    color: #FFCC00;
}

.logo:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.orange-line {
    background-color: #FF6600;
    height: 5px;
    font-size: 1px;
}

.ticker-bar {
    background-color: #061930;
    color: #FFFFFF;
    padding: 4px 15px;
    font-size: 11px;
    border-bottom: 1px solid #002244;
}

.ticker-bar a {
    color: #FFCC00;
    text-decoration: none;
}

.ticker-bar a:hover {
    text-decoration: underline;
}

.sub-nav {
    background-color: #F0F0F0;
    border-bottom: 1px solid #CCCCCC;
    padding: 6px 15px;
    font-size: 11px;
    color: #333333;
}

.sub-nav a {
    color: #004488;
    font-weight: bold;
    text-decoration: none;
    margin-right: 12px;
}

.sub-nav a:hover {
    color: #CC0000;
    text-decoration: underline;
}

.sub-nav a.active {
    color: #FF6600;
}

/* Макет страниц (Табличная верстка) */
.layout-tbl {
    width: 100%;
    border-collapse: collapse;
}

.left-side {
    width: 190px;
    background-color: #F7F7F7;
    border-right: 1px solid #CCCCCC;
    vertical-align: top;
    padding: 12px;
}

.main-side {
    vertical-align: top;
    padding: 15px 18px;
    background-color: #FFFFFF;
}

.right-side {
    width: 250px;
    background-color: #F7F7F7;
    border-left: 1px solid #CCCCCC;
    vertical-align: top;
    padding: 12px;
}

/* Заголовки блоков */
.block-h {
    background-color: #EEEEEE;
    border-left: 5px solid #FF6600;
    padding: 4px 8px;
    font-weight: bold;
    color: #004488;
    margin: 12px 0 8px 0;
    font-size: 12px;
    text-transform: uppercase;
}

.block-h-first {
    margin-top: 0;
}

/* Таблицы данных и котировок */
.data-tbl {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px;
    font-size: 11px;
}

.data-tbl td, .data-tbl th {
    padding: 5px 6px;
    border-bottom: 1px solid #EEEEEE;
}

.data-tbl th {
    background-color: #E6EEF8;
    color: #004488;
    text-align: left;
    font-weight: bold;
}

.val-bold {
    font-weight: bold;
    font-size: 13px;
    color: #CC0000;
    text-align: right;
}

.val-green {
    font-weight: bold;
    color: #008800;
}

/* Блоки форм калькулятора */
.f-box {
    background-color: #FFFDEE;
    border: 1px solid #E5C453;
    padding: 12px;
    margin-bottom: 16px;
}

.inp {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    padding: 3px 5px;
    border: 1px solid #7F9DB9;
    background-color: #FFFFFF;
    color: #000000;
}

.btn {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #004488;
    color: #FFFFFF;
    border: 1px solid #002244;
    padding: 3px 10px;
    cursor: pointer;
}

.btn:hover {
    background-color: #003366;
}

.res-text {
    color: #CC0000;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 8px;
    display: block;
}

.res-box-big {
    background-color: #E8F4FF;
    border: 1px solid #82B2E6;
    padding: 10px 14px;
    margin-bottom: 14px;
}

/* Новости и статьи */
.n-item {
    margin-bottom: 14px;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 10px;
}

.n-date {
    font-size: 10px;
    font-weight: bold;
    color: #888888;
}

.n-source {
    font-size: 10px;
    background-color: #E6EEF8;
    color: #004488;
    padding: 1px 4px;
    font-weight: bold;
}

.n-title {
    font-size: 13px;
    font-weight: bold;
    display: block;
    margin: 3px 0;
    color: #004488;
}

.n-desc {
    font-size: 11px;
    color: #444444;
    line-height: 1.45;
}

/* Полная статья */
.article-full-box {
    padding: 10px 0;
}

.article-h1 {
    font-size: 20px;
    font-weight: bold;
    color: #004488;
    margin: 0 0 10px 0;
    line-height: 1.3;
}

.lead-p {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    background-color: #F7F7F7;
    border-left: 4px solid #004488;
    padding: 8px 10px;
    margin-bottom: 14px;
}

/* Подвал */
.site-footer {
    background-color: #F0F0F0;
    border-top: 1px solid #CCCCCC;
    padding: 15px 20px;
    font-size: 11px;
    color: #666666;
}

.site-footer a {
    color: #444444;
}

.rate-badge {
    background-color: #004488;
    color: #FFFFFF;
    padding: 8px 10px;
    font-size: 11px;
    margin-bottom: 12px;
}

.rate-badge b {
    color: #FFCC00;
    font-size: 15px;
}