@charset "utf-8";

/* Стили для формы добавления голосования */
.dobavlenie-golosovania {
    position: fixed;
    top: 62px;
    left: 0;
    right: 0;
    z-index: 10000;
    overflow: visible;
}

.soderjanie-golosovania {
    width: 900px;
}

#soderjanie-formi-golosovania {
    display: none;
    margin-left: 60px;
    padding-top: 5px;
    width: 630px;
    background: #fff;
    border: 1px solid #000;
}

#soderjanie-formi-golosovania h2 {
    margin: 0 5px 0 5px;
    padding-left: 10px;
}

#soderjanie-formi-golosovania h3 {
    margin: 0 5px 0 5px;
}

.fon-kartinki {
    width: 200px;
    height: 83px;
    background-color: #e6edfd;
    padding-top: 57px;
}

.text-vnutri-kartinki {
    color: #CCC;
    font-size: 24px;
    text-align: center;
}

.nameofvariant {
    font-weight: bold;
}

.add_button {
		font-size: 14px;
    padding: 3px 5px;
    margin: 5px;
    cursor: pointer;
}

#addload {
    display: none;
}

/* Стили для индикатора загрузки */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loader {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top-color: #5190b2;
    animation: spin 1s infinite linear;
    margin: 0 auto;
}

/* Стили для верхнего меню */
.topbar {
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    overflow: visible;
    background: #000 url(../images/topfon.png) repeat-x;
}

.soderjimoe-topmenu {
    width: 900px;
    height: 60px;
}

.soderjimoe-topmenu ul {
    padding-left: 30px;
    padding-top: 20px;
}

.soderjimoe-topmenu li {
    float: left;
    padding-left: 60px;
}

.soderjimoe-topmenu a {
    color: #d2d2d1;
    font-size: 14px;
    text-decoration: none;
}

.soderjimoe-topmenu a:hover {
    color: #fff;
    text-decoration: none;
}

/* Дополнительные стили */
#vs {
    position: relative;
    left: 0;
    top: 0;
    height: 90px;
}

.clear {
    clear: both;
    font-size: 1px;
    height: 1px;
    display: block;
} 
/* ------------------------------------------------------------------
 * Старые браузеры (IE5/IE6), 23.09.2026.
 * position:fixed там не работает - шапка и форма добавления ставятся
 * position:absolute: шапка у верхнего края (без отступа), форма всплывает
 * поверх страницы и ничего не сдвигает. Отличие от современных браузеров
 * одно: в IE6 шапка уезжает при прокрутке вместе со страницей.
 * «* html» видят только IE5-IE6, современные браузеры эти правила пропускают.
 * ------------------------------------------------------------------ */
* html .topbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
* html .dobavlenie-golosovania {
    position: absolute;
    top: 62px;
    left: 0;
    width: 100%;
}
.logotip {
    display: block;
}
.soderjimoe-topmenu a:hover .logotip {
    background-position: center -60px;
}
/* IE5 не центрирует блок через margin:auto */
* html body {
    text-align: center;
}
* html #page,
* html .soderjanie-golosovania {
    text-align: left;
}
/* два варианта по 50% в IE6 не помещаются в строку из-за округления */
* html .brand {
    width: 49.9% !important;
}

/* Комментарии без JavaScript (Comments::staticHtml) - для старых браузеров */
#bvo_comments {
    font-size: 12px;
    text-align: left;
}
.bvo_head {
    padding: 5px 4px;
    color: #45688e;
    background-color: #dae1e8;
    border-bottom: 1px solid #c5cfd9;
}
.bvo_err {
    padding: 6px 4px;
}
.bvo_form {
    padding: 8px 4px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #dae1e8;
}
.bvo_label {
    color: #777777;
    padding-right: 6px;
    white-space: nowrap;
}
.bvo_trap {
    display: none;
}
.bvo_item {
    padding: 8px 4px;
    border-bottom: 1px solid #e7e8ec;
}
.bvo_reply {
    padding: 6px 0 0 0;
}
.bvo_name {
    color: #2b587a;
}
.bvo_empty,
.bvo_nav {
    padding: 8px 4px;
    color: #777777;
}
.bvo_res_name {
    font-size: 16px;
    text-align: right;
}
.bvo_res_num {
    font-size: 20px;
    color: #77a235;
}

/* Комментарии без JS - в цветах виджета comments.js (Tahoma 11px, шапка #dae1e7,
   форма #f7f7f7, поля #c0cad5, кнопка #6d8fb4). Классы, а не input[type] - для IE6. */
#bvo_comments, #bvo_comments td { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; }
#bvo_comments .bvo_head { font-size: 11px; line-height: 25px; padding: 0 6px; color: #45688e; background-color: #dae1e7; border-bottom: 1px solid #cfd6dd; }
#bvo_comments .bvo_form { padding: 10px 10px 8px 10px; background-color: #f7f7f7; border-bottom: 1px solid #dae1e7; }
#bvo_comments .bvo_label { color: #777777; padding: 5px 8px 0 0; vertical-align: top; }
#bvo_comments .bvo_in, #bvo_comments .bvo_ta { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; padding: 3px 4px; background-color: #ffffff; border: 1px solid #c0cad5; color: #000000; }
#bvo_comments .bvo_in { width: 220px; }
#bvo_comments .bvo_ta { width: 400px; height: 60px; overflow: auto; }
#bvo_comments .bvo_btn { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; padding: 3px 14px; color: #ffffff; background-color: #6d8fb4; border: 1px solid #5b7fa6; cursor: pointer; overflow: visible; margin-top: 4px; }
#bvo_comments .bvo_item { padding: 8px 10px; }
#bvo_comments .bvo_empty, #bvo_comments .bvo_nav { padding: 10px; color: #777777; }
#bvo_comments .bvo_name { color: #2b587a; font-weight: bold; }