@import 'rss.css';
html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, object, address, form, input, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt { margin: 0; padding: 0; border: none; }
body { color: #64645d; font-size: 12px; font-family: Arial; background: #f9f9f7 url(../images/bg.png) repeat-x; }
#site { width: 983px; margin: 0 auto; padding: 0 0 70px 0;}
h1 { font-size: 16px; }
h2 { font-size: 12px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }
h5 { font-size: 10px; }
ul, ol { list-style: none; }
a { color: #454545; text-decoration: none; }
a:hover, a.active { color: #514134; }
#header { position: relative; height: 148px; background: url(../images/header.jpg) no-repeat right top; }
#header li { float: left; margin: 0 1px 0 0; border-left: 1px #c73737 solid; height: 47px; }
#banner-small { width: 468px; height: 60px; overflow: hidden; position: absolute; right: 1px; top: 19px; }
#header ol { display: block; overflow: hidden; position: absolute; bottom: 0; width: 100%; background: url(../images/menu.gif) repeat-x; border: 1px #fff solid; }
    #header ol a { height: 17px; line-height: 17px; display: block; text-indent: -999em; overflow: hidden; margin: 16px 6px 0 6px; }
    #header ol a:hover, #header a.active { background-position: 0 -17px; margin-top: 9px; height: 30px; }
    .menu1 { width: 51px; background: url(../images/start.png) no-repeat; }
    .menu2 { width: 54px; background: url(../images/p2p_tv.png) no-repeat; }
    .menu3 { width: 86px; background: url(../images/download.png) no-repeat; }
    .menu4 { width: 59px; background: url(../images/pomoc.png) no-repeat; }
    .menu5 { width: 66px; background: url(../images/kontakt.png) no-repeat; }
    #header ol a.bonus { width: 284px; background: url(../images/bonus.png) no-repeat; margin: 0 0 0 166px; height: 47px; }
    #header .logo { display: block; width: 260px; height: 62px; position: absolute; left: 0; top: 15px; display: block; overflow: hidden; text-indent: -999em; }
.banner-bg { height: 131px; overflow: hidden; padding: 8px 1px 0 1px; }
    .banner-bg a { display: block; overflow: hidden; }
    #types { float: left; width: 210px; }
    #types .type { font-weight: bold; }
    #types a { width: 100%; text-align: center; }
    #types td a { width: auto; display: inline; color: #64645d; font-weight: normal; font-size: 11px; }
    #types td a:hover { color: #44443d; }
    #types div { height: 85px; background: #f6f5f2; border: 1px #cecdc3 solid; padding: 13px 4px 0 4px; font-weight: bold; }
    #types td { height: 18px; font-size: 11px; text-align: right; padding: 0 8px 0 0; border-top: 1px #bebcaf dashed; width: 20px; }
    #types td:first-child { text-align: left; font-weight: normal; width: auto; padding: 0 0 0 8px; }
    #types span { display: block; padding: 0 0 8px 8px; line-height: 12px; }
    #banner-h { width: 750px; text-align: center; overflow: hidden; position: relative; height: 123px; float: right; }
    #banner-h span.text { display: block; text-align: center; color: #B30303; }
    #banner-h span.text a, #types a { font-size: 12px; font-weight: bold; color: maroon; }
#bar { line-height: 31px; height: 31px; border: 1px #0e7cb1 solid; background: url(../images/bar.gif) repeat-x; margin: 0 0 6px 0; color: #fff; }
    #bar span, #bar ol, #bar li { float: left; }
    #bar span { padding: 0 63px 0 19px; }
    #site #bar a, #site #bar b { line-height: 23px; height: 23px; display: block; background-position: 0 2em; }
    #bar a { color: #fff; margin: 5px 7px 0 7px; background: url(../images/day-left.gif) no-repeat; padding: 0 0 0 7px; }
    #bar b { background: url(../images/day-right.gif) no-repeat; padding: 0 8px 0 0; font-size: 14px; }
    #site #bar a:hover, #site #bar a.active { color: #cbeff4; background-position: 0 0; }
    #site #bar a:hover b, #site #bar a.active b { background-position: top right; }
#content { overflow: hidden; padding: 0 1px; }
table { border-collapse: collapse; width: 100%; }
.tv .separator td { padding: 6px; border: none; }
.tv .separator a { color: maroon; background: none; text-align: right; display: block; width: 100%; }
.tv .separator h4 { cursor: pointer; }
h2, .tv td.match { background: #424241; border: 1px #2a2a2a solid; height: 26px; padding: 0 0 0 19px; color: #fff; font: bold 14px/26px Arial; }
h2 { padding: 0; margin: -8px 0 8px 0; }
#side-center h2 { margin-top: 0; padding: 0 0 0 10px; }
.tv th { text-align: center; height: 27px; border-bottom: 1px #bebcaf solid; }
table.tv td.match { height: 28px; width: auto; }
table.tv td span.ballon { height: 16px; width: 16px; background: url(../images/balloon-ellipsis.png) no-repeat; display: inline-block; margin: 1px 0 0 3px; }
tr.even td { background: #edeae0; }
.tv td { font-weight: bold; border-bottom: 1px #bebcaf dashed; border-left: 1px #d4d2c9 solid; height: 30px; text-align: center; }
.tv td:first-child, th:first-child { padding: 0 0 0 21px; text-align: left; border-left: none; width: 150px; }
.tv td a { width: 14px; height: 14px; margin: 2px; display: inline-block; background: url(../images/play.png) no-repeat; }
.tv td a.perm { float: right; background: none; color: #fff; }
.tv td h3 { float: left; font-size: 14px; }
.tv td.banner { text-align: center; height: 70px; width: auto; }
    .tv td.banner a { display: block; height: auto; overflow: hidden; width: auto; background: none; text-align: center; }
#side-left { width: 199px; float: left; }
    #side-left > div { margin: 0 0 7px 0; background: #e4e2db; text-align: center; border-bottom: 1px #bebcaf solid; padding: 8px 0 20px 0; overflow: hidden; }
    #side-left > div li { text-align: left; border-bottom: 1px #bebcaf dashed; margin: 0 6px; }
    #side-left li a { padding: 0 0 0 15px; height: 24px; line-height: 24px; display: block; }
    #side-left li a:hover { background: url(../images/menu-hover.gif) repeat-x; font-weight: bold; }
    #side-left li b { padding: 0 0 0 14px; background: url(../images/arrow.gif) left no-repeat; display: block; }
#side-center { width: 773px; float: right; }
#footer { background: #5a4c40 url(../images/footer.png) repeat-x; height: 43px; line-height: 43px; border-left: 1px #e4e2db solid; border-right: 1px #e4e2db solid; padding: 0 19px; clear: both; }
    #footer div { float: right; }
    #footer div:first-child { float: left; }
    #footer span, #footer a { color: #1aa8e5; font-weight: bold; }
#tagi, #tagi + p { font-size: 9px; display: block; padding: 10px 0 0 0; }
#tagi + p { font-size: 11px; text-align: center; }
#tagi a { color: #4f4f4f; }
#dhtmltooltip { position: absolute; width: 200px; border: 1px #d4d2c9 solid; padding: 5px; visibility: hidden; z-index: 100; background: #ececec; }
.pagenav { color: #535353; font-size: 11px; margin: 10px 0 0 10px; }
.pagenav a, .pagenav span { padding: 0 2px; }
.pagenav strong { font-weight: bold; color: #95174d; }
.today { font-size: 20px; font-weight: bold; padding: 10px 0 0 0; display: block; text-align: center; }
#float { position: fixed; bottom: 0; left: 0; width: 100%; }
    #float iframe { width: 1000px; }
    #float div { margin: 0 auto; width: 1000px; border: none; position: relative; }
    #float img { position: absolute; right: 0; top: 0; cursor: pointer; }