/******
RESET
******/

* { margin: 0; padding: 0; }
*:focus {outline: none;}

html, body { height: 100%;	}
body { font: 12px Arial, Helvetica, sans-serif; color: #242424; background: #fff; }
a { outline: none; text-decoration: underline; color: #242424; }
a:hover { text-decoration: none; }
ul { list-style: none; }
img { border: none; }

/******
TEMPLATES
******/

input[type="text"],
input[type="password"],
textarea { padding: 3px 10px; border: solid 1px #c3c3c3; font: italic 12px Arial, Helvetica, sans-serif; color: #ababab; background: #fff url(img/input.png) repeat-x top; position: relative;
border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; behavior: url(../js/PIE.htc); }
input[type="text"],
input[type="password"] { height: 12px; }
textarea { resize: none; }

.banner { }
.banner img { display: block; }

.header { position: relative; background: url(img/grey.png) repeat-x 50% 65%; color: #666; margin: 0px 0px 10px; overflow: hidden; }
.header h2 { display: inline; font-size: 18px; line-height: 18px; padding: 0px 3px 0px 0px; background: #fff; }
.header a { color: #666; text-decoration: none; }
.header a:hover,
.header h2.hover a { text-decoration: underline; color: #242424; }
.header a.arrs { display: block; width: 18px; height: 9px; position: absolute; right: 0px; top: 50%; margin-top: -2px; background: url(img/arrs.png) no-repeat 0px 0px; }
.header a.arrs:hover,
.header a.arrs.hover { background-position: 0px 100%; }
.header .icons { display: inline; padding: 0px 0px 0px 10px; background: #fff; position: relative; left: -5px; }
.header .icons img { margin: 0px 5px 0px 0px; position: relative; top: 2px; }
.header span.date { position: absolute; right: 0px; top: 50%; margin-top: -7px; background: #fff; padding: 0px 0px 0px 5px; }

h3 { font-size: 14px; margin: 0px 0px 20px; }
h4 { font-size: 14px; margin: 0px 0px 7px; }

table.typical { width: 100%; border-collapse: collapse; margin: 0px 0px 18px; }
table.typical td { padding: 3px 10px; vertical-align: top; border: solid 1px #c8cfd5; background: #fff url(img/td.png) repeat-x bottom; }
table.typical td.country { white-space: nowrap; }
table.typical td.country img { border: solid 1px #c3c3c3; margin: -2px 3px -2px 0px; position: relative; top: -1px; }
table.typical thead td { color: #fff; font-weight: bold; background: #6e6e6e url(img/thead-td.png) repeat-x bottom; }
table.typical thead td.active { background: #373737 url(img/thead-td-act.png) repeat-x bottom; }
table.typical tbody tr.colored td { background: #d4d4d4 url(img/td-hover.png) repeat-x bottom; }
table.typical tr.black td { color: #000; font-weight: bold; }
table.typical tr.em td { color: #666; font-style: italic; }

/******
MAIN BLOCKS
******/

.clear { clear: both; font-size: 0; line-height: 0; height: 0; }

#wrapper { width: 990px; min-height: 100%; position: relative; margin: 0px auto; background: url(img/bg.jpg) no-repeat 0px 0px; }

/******
MAIN PAGE
******/

.lenta { }
.lenta .days { height: 16px; line-height: 16px; width: 918px; margin: 0px 0px 0px 36px; color: #666; font-size: 11px; }
.lenta .days .day { float: left; height: 16px; text-align: center; background: url(img/day.png) no-repeat 100% 0px; }
.lenta .days .day div { height: 16px; background: url(img/day-left.png) no-repeat 0px 0px; }
.lenta .days .day span { padding: 0px 5px; background: #fff; }
.lenta .carousel { height: 88px; position: relative; border: solid 1px #c3c3c3; background: #fff url(img/shad-left.png) no-repeat 32px 4px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; behavior: url(../js/PIE.htc); }
.lenta .carousel i { display: block; width: 20px; height: 20px; cursor: pointer; position: absolute; top: 35px; background: url(img/slide-arrs.png); }
.lenta .carousel i.prev { left: 6px; background-position: 0px 0px; }
.lenta .carousel i.prev:hover { background-position: 0px 100%; }
.lenta .carousel i.next { right: 6px; background-position: 100% 0px; }
.lenta .carousel i.next:hover { background-position: 100% 100%; }
.lenta .carousel > div { height: 88px; background: url(img/shad-right.png) no-repeat 97% 4px; }
.lenta .carousel > div > div { height: 88px; width: 918px; overflow: hidden; margin: 0px 0px 0px 35px; }
.lenta .carousel > div > div > div { width: 918px; height: 88px; overflow: hidden; margin-left: -1px; }
.lenta .carousel ul { }
.lenta .carousel ul li { float: left; height: 88px; width: 123px; position: relative; padding: 0px 15px; background: url(img/lenta-sep.png) no-repeat 0px 50%; }
.lenta .carousel ul li .top { font-weight: bold; border-bottom: solid 1px #c3c3c3; line-height: 25px; }
.lenta .carousel ul li .left { float: left; }
.lenta .carousel ul li .right { float: right; }
.lenta .carousel ul li table { width: 100%; }
.lenta .carousel ul li tr.blue td { font-weight: bold; color: #2b8acd; }
.lenta .carousel ul li tr td.num { text-align: right; }
.lenta .carousel ul li td { padding: 4px 0px 0px; color: #444; }
.lenta .carousel ul li a { color: #444; padding: 0px 0px 0px 10px; font-size: 11px; }
.lenta .carousel ul li a.text { background: url(img/text.png) no-repeat 0px 70%; }
.lenta .carousel ul li a.video { background: url(img/video.png) no-repeat 0px 65%; }
.lenta .carousel ul li a:hover { color: #d40000; text-decoration: underline; }
.lenta .carousel ul li a.text:hover { background-image: url(img/text-hover.png); }
.lenta .carousel ul li a.video:hover { background-image: url(img/video-hover.png); }
.lenta .carousel ul li:hover { background-color: #f9f9f9; }
.lenta .carousel ul li span.label { display: block; width: 16px; height: 14px; padding-left: 2px; line-height: 14px; font-weight: bold; font-size: 10px; text-align: center; color: #5e5e5e; text-transform: uppercase; position: absolute; right: 0px; top: 43px; background: url(img/lenta-label.png) no-repeat 0px 0px; }

/******
ONLINE TRANSLATING 2013
******/
.online-trans { background: #fff !important; }
.online-trans .trans-header { height: 80px; position: relative; }
.online-trans .trans-header img.logo { position: absolute; left: 10px; top: 13px; }
.online-trans .trans-header .hgroup { text-align: center; padding: 25px 0px 0px; }
.online-trans .trans-header .hgroup h1 { font-size: 16px; line-height: 20px; font-weight: bold; text-transform: uppercase; }
.online-trans .trans-header .hgroup h2 { font-size: 12px; line-height: 18px; font-weight: normal; }
.online-trans .trans-header .describe { position: absolute; top: 25px; right: 0px; line-height: 16px; text-align: right; }

.online-trans .trans-footer { padding: 10px 0px 55px; }
.online-trans .trans-footer p { padding: 0px 0px 10px; }
.online-trans .trans-footer .counters { }
.online-trans .trans-footer .counters .counter { float: left; margin: 0px 5px 5px 0px; }
.online-trans .trans-footer .counters .counter img { display: block; }

.online-trans .main-menu { display: table; height: 30px; margin: 0px 0px 10px; width: 100%; text-align: center; color: #2b3847; font-size: 14px; line-height: 28px; text-shadow: #fff 0px 1px; }
.online-trans .main-menu ul { display: table-row; height: 30px; }
.online-trans .main-menu ul li { display: table-cell; border-top: solid 1px #f1f1ee; border-bottom: solid 1px #dad9d6; border-left: solid 1px #ededec; border-right: solid 1px #cdcdc9; background: #e5e4e1;
background: -moz-linear-gradient(top, #f1f1ee, #dad9d6);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1ee), color-stop(100%,#dad9d6));
background: -webkit-linear-gradient(top, #f1f1ee, #dad9d6);
background: -o-linear-gradient(top, #f1f1ee, #dad9d6);
background: -ms-linear-gradient(top, #f1f1ee, #dad9d6);
background: linear-gradient(top, #f1f1ee, #dad9d6); }
.online-trans .main-menu ul li a,
.online-trans .main-menu ul li span { display: block; height: 28px; color: #2b3847; text-decoration: none; }
.online-trans .main-menu ul li.active span,
.online-trans .main-menu ul li a:hover { background: #f9f9f8; }
.online-trans .main-menu ul li:first-child,
.online-trans .main-menu ul li:first-child a { border-left: none;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px; }
.online-trans .main-menu ul li:last-child,
.online-trans .main-menu ul li:last-child a { border-right: none;
-moz-border-radius: 0px 5px 5px 0px;
-webkit-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px; }

.online-trans .trans-carousel { height: 78px; margin: 0px 0px 8px; position: relative; border: solid 1px #cecece;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }
.online-trans .trans-carousel > div { height: 78px; width: 930px; margin: 0px auto; border-left: solid 1px #ececec; overflow: hidden; }
.online-trans .trans-carousel i { display: block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; cursor: pointer; background: url(img/slide-arrs.png) no-repeat 0% 0%; }
.online-trans .trans-carousel i.prev { left: 5px; }
.online-trans .trans-carousel i.prev:hover { background-position: 0% 100%; }
.online-trans .trans-carousel i.next { right: 4px; background-position: 100% 0%; }
.online-trans .trans-carousel i.next:hover { background-position: 100% 100%; }
.online-trans .trans-carousel ul { height: 78px; }
.online-trans .trans-carousel ul li { float: left; height: 78px; width: 122px; padding: 0px 16px; border-right: solid 1px #ececec; }
.online-trans .trans-carousel table { width: 100%; border-collapse: collapse; color: #686868; }
.online-trans .trans-carousel table td { padding: 3px 0px 0px 10px; line-height: 17px; }
.online-trans .trans-carousel table td.num { text-align: right; }
.online-trans .trans-carousel table tr.winner td { font-weight: bold; color: #349dd7; }
.online-trans .trans-carousel table tr.count td { height: 28px; padding-top: 0px; line-height: 28px; border-bottom: solid 1px #cecece; font-weight: bold; color: #303030; }
.online-trans .trans-carousel table tr.count span { margin-right: 2px; }

.online-trans > .header { margin: 0px 0px 10px; }
.online-trans > .header h2 { padding: 0px 10px; }

.online-trans .count-title { height: 26px; text-align: center; margin: 0px 0px 10px; }
.online-trans .count-title span { display: inline-block; margin: 0px 5px; height: 26px; font-size: 20px; line-height: 26px; font-weight: bold; color: #fff; padding: 0px 8px; background: #646467; }
.online-trans .count-title span.team { min-width: 160px; }

.online-trans .grey-block { padding: 0px 10px 10px; margin: 0px 0px 10px; background: #f6f6f5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }
.online-trans .grey-block .head { text-align: center; }
.online-trans .grey-block .head p { padding: 0px 0px 10px; }
.online-trans .grey-block .head strong { font-size: 14px; }

.online-trans .tabs-block { }
.online-trans .tabs-block ul.tabs { height: 27px; }
.online-trans .tabs-block ul.tabs li { float: left; height: 26px; padding: 0px 10px; margin: 0px 2px 0px 0px; border: solid 1px #a4a4a4; border-bottom: none; font-size: 14px; line-height: 26px; color: #7a7a7a; background: #fff; cursor: pointer; position: relative; z-index: 5; }
.online-trans .tabs-block ul.tabs li.current,
.online-trans .tabs-block ul.tabs li:hover { padding-top: 2px; top: -2px; }
.online-trans .tabs-block ul.tabs li.current { padding-bottom: 1px; cursor: default; font-weight: bold; }
.online-trans .tabs-block ul.tabs li:hover { border-bottom: solid 1px #a4a4a4; }
.online-trans .tabs-block ul.tabs li.current:hover { border-bottom: none; }
.online-trans .tabs-block .box { display: none; clear: both; position: relative; top: -3px; padding: 10px; border: solid 1px #a4a4a4; background: #fff;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px; }
.online-trans .tabs-block .box.visible { display: block; }

.online-trans table.trans-table { width: 100%; border-collapse: collapse; }
.online-trans table.trans-table td { padding: 4px 0px 5px; }
.online-trans table.trans-table td.time { width: 52px; }
.online-trans table.trans-table td.time,
.online-trans table.trans-table .red { color: #bf052c; font-weight: bold; }
.online-trans table.trans-table tr.end td { font-weight: bold; }
.online-trans table.trans-table tr.end td.time { color: #303030; }
.online-trans table.trans-table tr.separator td { padding: 0px; border-bottom: solid 1px #e0e0e0; }

.online-trans .yandex-direct { margin: 0px 0px 10px; border: solid 1px #a4a4a4; }
.online-trans .yandex-direct img { display: block; }