/* ==========================================================================
 МедиаПортал «Кино & ТВ ДуДу2» — Главная таблица стилей
 ========================================================================== */

/* Сброс и базовые стили */
body {
 margin: 0;
 padding: 0;
 background: #e8e2d5 url('data:image/gif;base64,R0lGODlhBAAEAIAAAP///////yH5BAAAAAAALAAAAAAEAAQAAAIEhI8JBQA7') repeat;
 font-family: Verdana, Tahoma, "Segoe UI", Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #332b24;
 line-height: 1.4;
 text-align: center; /* Центрирование в IE6 */
}

table, td, th {
 font-family: inherit;
 font-size: inherit;
 color: inherit;
}

a {
 color: #9c4b12;
 text-decoration: underline;
}

a:hover {
 color: #c45b14;
 text-decoration: none;
}

a:focus {
 outline: none;
}

img {
 border: 0;
 vertical-align: middle;
}

/* Главный контейнер (центрированная таблица) */
.portal-layout {
 width: 960px;
 table-layout: fixed;
 margin: 15px auto;
 background: #ffffff;
 border: 1px solid #baa894;
 border-collapse: collapse;
 text-align: left;
 box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
}

/* Верхняя полоса (Шапка) */
.top-header {
 background: #f7f1e6;
 background: -webkit-gradient(linear, left top, left bottom, from(#fdf9f2), to(#ebd9c2));
 background: -moz-linear-gradient(top, #fdf9f2, #ebd9c2);
 background: linear-gradient(to bottom, #fdf9f2 0%, #ebd9c2 100%);
 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fdf9f2', endColorStr='#ebd9c2');
 border-bottom: 3px solid #b65a19;
 padding: 12px 20px 8px 20px;
}

.logo-cell {
 vertical-align: middle;
}

.logo-main {
 font-size: 28px;
 font-weight: bold;
 letter-spacing: -1px;
 line-height: 1.1;
}

.logo-main a {
 color: #a04910;
 text-decoration: none;
 text-shadow: 1px 1px 0 #fff, 2px 2px 0 #edd9c2;
}

.logo-main a:hover {
 color: #c6580f;
 text-decoration: none;
}

.logo-slogan {
 font-size: 11px;
 color: #6d5b4b;
 margin-top: 3px;
 font-weight: normal;
}

.header-badges {
 text-align: right;
 vertical-align: middle;
}

.badge-pill {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 background: #fff;
 border: 1px solid #cbbaaa;
 padding: 3px 8px;
 font-size: 11px;
 color: #554433;
 margin-left: 5px;
 text-decoration: none;
 border-radius: 3px;
 box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}

.badge-pill:hover {
 background: #faf4eb;
 border-color: #b89c80;
 text-decoration: none;
}

.badge-pill strong {
 color: #a04910;
}

.badge-live {
 background: #d94a38;
 color: #ffffff;
 font-weight: bold;
 border: 1px solid #b33222;
 padding: 2px 6px;
 font-size: 10px;
 text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

/* Строка поиска */
.search-bar-row {
 background: #f1ebdE;
 background: -webkit-gradient(linear, left top, left bottom, from(#faf6ee), to(#e5dbcb));
 background: -moz-linear-gradient(top, #faf6ee, #e5dbcb);
 background: linear-gradient(to bottom, #faf6ee 0%, #e5dbcb 100%);
 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#faf6ee', endColorStr='#e5dbcb');
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #c8b9a6;
 padding: 10px 20px;
}

.search-input {
 width: 220px;
 border: 1px solid #aa9782;
 background: #ffffff;
 padding: 5px 6px;
 font-size: 12px;
 color: #222222;
 box-shadow: inset 0 1px 3px rgba(0,0,0,0.12);
 vertical-align: middle;
}

.search-input:focus {
 border-color: #a04910;
 background: #fffff8;
}

.search-select {
 border: 1px solid #aa9782;
 background: #ffffff;
 padding: 5px 6px;
 font-size: 12px;
 color: #333333;
 margin-left: 4px;
}

.btn-retro {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 border: 1px solid #9c5c24;
 background: #faecd6;
 background: -webkit-gradient(linear, left top, left bottom, from(#fef8ed), to(#ebd0ad));
 background: -moz-linear-gradient(top, #fef8ed, #ebd0ad);
 background: linear-gradient(to bottom, #fef8ed 0%, #ebd0ad 100%);
 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fef8ed', endColorStr='#ebd0ad');
 color: #553311;
 font-weight: bold;
 padding: 5px 15px;
 cursor: pointer;
 font-size: 12px;
 text-shadow: 0 1px 0 #fff;
 box-shadow: 0 1px 3px rgba(0,0,0,0.12);
 text-decoration: none;
 vertical-align: middle;
}

.btn-retro:hover {
 background: #f7e0be;
 color: #2b1805;
 text-decoration: none;
 border-color: #824716;
}

.btn-retro-primary {
 background: #d8681e;
 background: -webkit-gradient(linear, left top, left bottom, from(#eb7e34), to(#be520b));
 background: -moz-linear-gradient(top, #eb7e34, #be520b);
 background: linear-gradient(to bottom, #eb7e34 0%, #be520b 100%);
 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eb7e34', endColorStr='#be520b');
 color: #ffffff;
 border-color: #923a04;
 text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.btn-retro-primary:hover {
 background: #e27226;
 color: #ffffff;
 border-color: #7b3103;
}

/* Главная навигация */
.nav-row {
 background: #733c16;
 background: -webkit-gradient(linear, left top, left bottom, from(#8f4c1c), to(#5c2f0f));
 background: -moz-linear-gradient(top, #8f4c1c, #5c2f0f);
 background: linear-gradient(to bottom, #8f4c1c 0%, #5c2f0f 100%);
 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#8f4c1c', endColorStr='#5c2f0f');
 border-top: 1px solid #a35d28;
 border-bottom: 2px solid #3d1f0a;
 padding: 0;
}

.nav-table {
 width: 100%;
 border-collapse: collapse;
 table-layout: fixed;
}

.nav-item {
 padding: 8px 6px;
 font-weight: bold;
 font-size: 12px;
 text-align: center;
 border-right: 1px solid #5a2e10;
 border-left: 1px solid #a25c2b;
 white-space: nowrap;
}

.nav-item a {
 color: #fff6ed;
 text-decoration: none;
 display: block;
 text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.nav-item a:hover {
 color: #ffe09e;
 text-decoration: underline;
}

.nav-item.active {
 background: #fffdf9;
 border-top: 2px solid #e06d1f;
 margin-top: -1px;
}

.nav-item.active a {
 color: #8c3f0c;
 text-shadow: none;
}

/* Сетка контента и боковая колонка */
.main-content-td {
 width: 710px;
 padding: 14px 16px;
 background: #fffdfa;
 vertical-align: top;
 overflow: hidden;
}

.sidebar-td {
 width: 250px;
 background: #f8f4ec;
 border-left: 1px solid #dec8b2;
 padding: 12px 12px;
 vertical-align: top;
 overflow: hidden;
}

/* Заголовки секций */
.section-header {
 background: #f4ecdf;
 background: -webkit-gradient(linear, left top, left bottom, from(#fdf8f0), to(#e9ddcb));
 background: -moz-linear-gradient(top, #fdf8f0, #e9ddcb);
 background: linear-gradient(to bottom, #fdf8f0 0%, #e9ddcb 100%);
 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fdf8f0', endColorStr='#e9ddcb');
 border: 1px solid #d5c3af;
 border-bottom: 2px solid #b65a19;
 padding: 7px 12px;
 margin: 12px 0 10px 0;
 color: #7b380b;
 font-size: 14px;
 font-weight: bold;
 text-shadow: 0 1px 0 #fff;
 overflow: hidden;
 zoom: 1;
}

.section-header-link {
 float: right;
 font-size: 11px;
 font-weight: normal;
 color: #8f4c1c;
 margin-top: 2px;
 display: inline;
}

.section-header-link a {
 color: #8f4c1c;
 text-decoration: underline;
}

.section-header-link a:hover {
 color: #b65a19;
}

/* Сетка ТВ каналов */
.channel-table {
 width: 100%;
 border-collapse: collapse;
 table-layout: fixed;
}

.channel-cell {
 width: 25%;
 padding: 5px 4px;
 vertical-align: top;
 text-align: center;
}

.channel-card {
 background: #ffffff;
 border: 1px solid #d8ccbd;
 padding: 6px 4px;
 display: block;
 text-decoration: none;
 color: #332b24;
 position: relative;
 box-shadow: 0 1px 3px rgba(0,0,0,0.06);
 transition: all 0.15s ease;
 zoom: 1;
 overflow: hidden;
}

.channel-card:hover {
 border-color: #b85b1a;
 background: #fffcf7;
 box-shadow: 0 2px 8px rgba(184, 91, 26, 0.2);
 text-decoration: none;
}

.channel-logo-wrap {
 width: 100%;
 height: 60px;
 line-height: 60px;
 text-align: center;
 background: #fbf9f5;
 border: 1px solid #eae2d6;
 margin-bottom: 5px;
 overflow: hidden;
}

.channel-logo-wrap img {
 max-width: 100px;
 max-height: 52px;
 height: 48px;
 width: auto;
 vertical-align: middle;
}

.channel-card-title {
 font-size: 11px;
 font-weight: bold;
 color: #8a3f0e;
 height: 28px;
 overflow: hidden;
 line-height: 14px;
 word-wrap: break-word;
}

.channel-card-cat {
 font-size: 10px;
 color: #7b6d5f;
 margin-top: 2px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

/* Сетка фильмов */
.films-grid-table {
 width: 100%;
 border-collapse: collapse;
 table-layout: fixed;
}

.film-cell {
 width: 25%;
 padding: 6px 4px;
 vertical-align: top;
 text-align: center;
}

.film-card {
 background: #ffffff;
 border: 1px solid #d8ccbd;
 padding: 5px 5px 7px 5px;
 box-shadow: 0 1px 4px rgba(0,0,0,0.08);
 text-align: center;
 position: relative;
 zoom: 1;
 overflow: hidden;
}

.film-card:hover {
 border-color: #b65a19;
 box-shadow: 0 3px 10px rgba(0,0,0,0.18);
}

.film-poster-wrap {
 position: relative;
 background: #ece4d8;
 border: 1px solid #ccc1b2;
 overflow: hidden;
 height: 185px;
 line-height: 185px;
 text-align: center;
 zoom: 1;
}

.film-poster-wrap img {
 width: 100%;
 height: 185px;
 object-fit: cover;
 vertical-align: middle;
 display: block;
}

.film-rating-badge {
 position: absolute;
 top: 4px;
 right: 4px;
 background: #f39c12;
 background: -webkit-gradient(linear, left top, left bottom, from(#f5b041), to(#d68910));
 background: -moz-linear-gradient(top, #f5b041, #d68910);
 background: linear-gradient(to bottom, #f5b041 0%, #d68910 100%);
 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f5b041', endColorStr='#d68910');
 color: #ffffff;
 font-size: 10px;
 font-weight: bold;
 padding: 1px 4px;
 border: 1px solid #b77609;
 text-shadow: 0 1px 1px rgba(0,0,0,0.4);
 line-height: 1.2;
}

.film-title-link {
 font-size: 11px;
 font-weight: bold;
 line-height: 1.3;
 height: 28px;
 overflow: hidden;
 margin: 5px 0 2px 0;
 word-wrap: break-word;
}

.film-title-link a {
 color: #9c4b12;
 text-decoration: none;
}

.film-title-link a:hover {
 text-decoration: underline;
 color: #c45b14;
}

.film-submeta {
 font-size: 10px;
 color: #6d5f52;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

/* Боковая панель: Виджеты */
.sidebar-box {
 background: #ffffff;
 border: 1px solid #d4c4b2;
 margin-bottom: 15px;
}

.sidebar-box-title {
 background: #efe5d6;
 background: -webkit-gradient(linear, left top, left bottom, from(#f8f3ec), to(#e5d8c4));
 background: -moz-linear-gradient(top, #f8f3ec, #e5d8c4);
 background: linear-gradient(to bottom, #f8f3ec 0%, #e5d8c4 100%);
 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f8f3ec', endColorStr='#e5d8c4');
 border-bottom: 1px solid #cbbaaa;
 padding: 6px 10px;
 font-weight: bold;
 font-size: 12px;
 color: #7b380b;
}

.sidebar-box-body {
 padding: 8px 10px;
}

.sidebar-menu-list {
 list-style: none;
 margin: 0;
 padding: 0;
}

.sidebar-menu-list li {
 padding: 4px 0;
 border-bottom: 1px dashed #e8ded2;
}

.sidebar-menu-list li:last-child {
 border-bottom: none;
}

.sidebar-menu-list a {
 color: #553e2a;
 text-decoration: none;
}

.sidebar-menu-list a:hover {
 color: #a04910;
 text-decoration: underline;
}

/* Страница плеера телеканала */
.tv-player-wrap {
 background: #000000;
 border: 2px solid #824716;
 margin: 10px 0;
 text-align: center;
 position: relative;
 box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}

.tv-player-container {
 width: 100%;
 height: 480px;
 background: #000000;
}

.tv-channel-info-table {
 width: 100%;
 background: #fbf7ef;
 border: 1px solid #d9ccbe;
 margin: 10px 0;
 padding: 10px;
}

.tv-channel-logo-big {
 width: 120px;
 text-align: center;
 vertical-align: top;
 padding-right: 15px;
}

.tv-channel-details {
 vertical-align: top;
}

.tv-channel-title {
 font-size: 20px;
 font-weight: bold;
 color: #8c3f0c;
 margin: 0 0 6px 0;
}

/* Пульт переключения каналов */
.remote-control-bar {
 background: #ede3d4;
 border: 1px solid #c9b9a6;
 padding: 8px 10px;
 margin-top: 15px;
}

.remote-control-title {
 font-weight: bold;
 color: #6f3408;
 margin-bottom: 6px;
 font-size: 12px;
}

.remote-channels-table {
 width: 100%;
}

.remote-item {
 text-align: center;
 padding: 4px;
}

.remote-item img {
 border: 1px solid #baaa98;
 background: #fff;
 padding: 2px;
 width: 60px;
 height: 42px;
}

.remote-item a:hover img {
 border-color: #a04910;
}

/* Страница фильма */
.film-detail-table {
 width: 100%;
 margin-bottom: 15px;
}

.film-detail-poster-td {
 width: 220px;
 vertical-align: top;
 padding-right: 20px;
}

.film-detail-poster {
 border: 2px solid #c2b19e;
 background: #fff;
 padding: 3px;
 width: 200px;
 box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.film-detail-info-td {
 vertical-align: top;
}

.film-title-h1 {
 font-size: 24px;
 font-weight: bold;
 color: #803708;
 margin: 0 0 4px 0;
 line-height: 1.2;
}

.film-title-original {
 font-size: 13px;
 color: #6d5b4b;
 font-style: italic;
 margin-bottom: 10px;
}

.film-rating-box {
 background: #fbf6ec;
 border: 1px solid #d9ccbc;
 padding: 8px 12px;
 margin: 10px 0;
}

.rating-score-kp {
 font-size: 18px;
 font-weight: bold;
 color: #e67e22;
}

.rating-score-imdb {
 font-size: 18px;
 font-weight: bold;
 color: #d4ac0d;
 margin-left: 15px;
}

.meta-table {
 width: 100%;
 margin: 8px 0;
 font-size: 12px;
}

.meta-table td {
 padding: 3px 0;
 vertical-align: top;
}

.meta-label {
 width: 110px;
 color: #6d5b4b;
 font-weight: bold;
}

.film-desc-box {
 margin-top: 12px;
 line-height: 1.5;
 font-size: 13px;
 color: #2b221a;
 background: #ffffff;
 border: 1px solid #e2d7c9;
 padding: 10px 14px;
}

/* Вкладки плеера */
.player-tabs-header {
 background: #e5dac9;
 border-bottom: 2px solid #b65a19;
 padding: 6px 10px 0 10px;
 margin-top: 15px;
}

.player-tab-btn {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 background: #d4c5b2;
 border: 1px solid #bba894;
 border-bottom: none;
 padding: 6px 14px;
 color: #493320;
 font-weight: bold;
 text-decoration: none;
 margin-right: 4px;
 font-size: 12px;
}

.player-tab-btn:hover {
 background: #e9decb;
 color: #2b1805;
 text-decoration: none;
}

.player-tab-btn.active {
 background: #ffffff;
 color: #8c3f0c;
 border-color: #b65a19;
 border-bottom: 1px solid #ffffff;
 margin-bottom: -1px;
}

.player-tab-body {
 border: 1px solid #d5c6b5;
 border-top: none;
 background: #000000;
 min-height: 440px;
}

.player-tab-body iframe {
 width: 100%;
 height: 480px;
 border: 0;
 display: block;
}

/* Сообщения и Fallback */
.player-fallback-box {
 background: #fcf9f2;
 color: #4d3b2c;
 padding: 25px 20px;
 text-align: center;
 border: 1px solid #d8ccbd;
}

.player-fallback-box h3 {
 margin-top: 0;
 color: #9c4b12;
}

/* Таблицы админки */
.admin-table {
 width: 100%;
 border-collapse: collapse;
 table-layout: fixed;
 background: #ffffff;
 border: 1px solid #cfc0b0;
 margin-top: 10px;
}

.admin-table th {
 background: #ecd9c3;
 border: 1px solid #bfaea0;
 padding: 6px 8px;
 font-size: 12px;
 color: #553311;
 text-align: left;
}

.admin-table td {
 border: 1px solid #e4dacd;
 padding: 6px 8px;
 vertical-align: middle;
}

.admin-table tr:hover {
 background: #fdfaf5;
}

/* Пагинация */
.pagination {
 margin: 15px 0;
 text-align: center;
}

.pagination a, .pagination span {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 padding: 4px 9px;
 margin: 0 2px;
 border: 1px solid #cab9a6;
 background: #ffffff;
 color: #7b380b;
 text-decoration: none;
 font-size: 12px;
}

.pagination span.current {
 background: #b65a19;
 color: #ffffff;
 font-weight: bold;
 border-color: #8c3f0c;
}

.pagination a:hover {
 background: #f4ecdf;
 border-color: #8c3f0c;
}

/* Нижний колонтитул */
.portal-footer {
 background: #ebd8c0;
 background: -webkit-gradient(linear, left top, left bottom, from(#f5ebd9), to(#ded0be));
 background: -moz-linear-gradient(top, #f5ebd9, #ded0be);
 background: linear-gradient(to bottom, #f5ebd9 0%, #ded0be 100%);
 filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f5ebd9', endColorStr='#ded0be');
 border-top: 2px solid #b65a19;
 padding: 12px 20px;
 font-size: 11px;
 color: #5a4b3d;
}

.portal-footer-links {
 text-align: right;
}

/* Формы */
.form-table td {
 padding: 5px 8px;
}

.input-text {
 width: 350px;
 border: 1px solid #aa9782;
 padding: 5px 6px;
 font-size: 12px;
}

.input-textarea {
 width: 95%;
 height: 80px;
 border: 1px solid #aa9782;
 padding: 5px 6px;
 font-family: inherit;
 font-size: 12px;
}

/* Оповещения */
.alert-box {
 padding: 8px 12px;
 margin-bottom: 12px;
 border: 1px solid #e0d0b8;
 font-size: 12px;
}

.alert-success {
 background: #eafaf1;
 border-color: #a9dfbf;
 color: #196f3d;
}

.alert-danger {
 background: #fdedec;
 border-color: #f5b7b1;
 color: #922b21;
}

.alert-info {
 background: #ebf5fb;
 border-color: #aed6f1;
 color: #21618c;
}

/* ==========================================================================
  Специфические исправления для Internet Explorer 6 (* html)
  ========================================================================== */
* html body {
 text-align: center;
}

* html .portal-layout {
 width: 960px;
 table-layout: fixed;
 text-align: left;
}

* html .main-content-td {
 width: 710px;
 overflow: hidden;
}

* html .sidebar-td {
 width: 250px;
 overflow: hidden;
}

* html .channel-card {
 width: 145px;
}

* html .film-card {
 width: 145px;
}

* html .film-poster-wrap {
 width: 145px;
 height: 185px;
}

* html .film-poster-wrap img {
 width: 145px;
 height: 185px;
}

* html .channel-logo-wrap {
 width: 145px;
 height: 60px;
}

* html .channel-logo-wrap img {
 height: 48px;
 width: auto;
}

* html .btn-retro {
 display: inline;
 zoom: 1;
}

* html .badge-pill {
 display: inline;
 zoom: 1;
}

* html .player-tab-btn {
 display: inline;
 zoom: 1;
}

* html .sidebar-box {
 zoom: 1;
}