html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; height: 100%; width: 100%; color: #000; background: #fff; font-family: Times New Roman, Georgia, serif;}
#body {text-align: left; width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 700)? "700px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1360)? "1360px" : "100%"); min-width: 700px; max-width: 1360px;}
*html #body {height: 100%;}/*min-height for IE*/
img {border: 0;}
img.png {//background-image: none !important; behavior: url('png.htc');}
img.bnr {background: #ddd;}
a {color: #1255b3;} /*2d64b3*/
.direct {color: #1255b3; border-bottom: 1px dashed #1255b3; cursor: pointer; cursor: hand;}
.nobr {white-space: nowrap;}
.clear {height: 1px; width: 100%; clear: both;}
.divider {height: 1px; width: 100%; background: #bbb; margin-bottom: 8px;}
p {font-size: 90%; padding: 0; margin: 0 0 1em 0;}
.prelist {margin-bottom: 0.6em;}
ul, ol {font-size: 90%; padding: 0; margin: 0 0 1em 0;}
ul li {list-style: none; background: no-repeat 0 0.7em url('/design2007/img/li.gif'); margin: 0 0 0.3em 0; padding-left: 20px;}
ol li {margin: 0 0 0.3em 37px; position: relative;}
li p {font-size: 100%;}
h1 {font-size: 145%; margin: 7px 0 0 20px;}
/*table h1 a:hover, table h1 a:active {color: #1255b3;}*/
h2 {font-size: 100%; margin: 0 0 0.05em 0;}
h3 {font-size: 105%; margin: 1.4em 0 0.7em 0;}
h4 {font-size: 90%; padding: 0; margin: 1.4em 0 0.7em 0;;}
.first {margin-top: 0;}
table {border: 0; border-collapse: collapse;}
form {margin: 0;}
.star {color: #cc2229; position: absolute; margin-left: -12px; font-size: 160%;}
input, select, textarea {font-size: 100%; font-family: Times New Roman, Georgia, serif; margin: 0;}
input.error, textarea.error, #archive input.error, #search input.error {border: 2px solid #bd3240;}
div.error {color: #bd3240;}
.btn {cursor: pointer; cursor: hand;}
.material {padding: 13px 20px 15px 20px; border-top: 1px solid #fff;}
.material_first {padding: 10px 20px 15px 20px;}
/*.material_first#main {border-bottom: 1px solid #fff;}*/
.material p, .material_first p {margin: 0;}
img.photo {margin: 5px 15px 5px -20px; clear: left;}
.material a:visited, .material_first a:visited, #hot a:visited {color: #733eb3;}
.material a:hover, .material a:active, .material_first a:hover, .material_first a:active, #hot a:hover, #hot a:active {background: #ffef69;}
p.info {font-size: 80%; margin: 0 0 0.3em 0;}
.rubric, a.rubric:visited {color: #bd3240; margin-left: -5px;}
a.rubric:hover, a.rubric:active {color: #fff; background: #bd3240; text-decoration: none;}
span.time {float: right; color: #333;}
span.ñomments {float: right; margin-right: 1em; color: #65a9a4; display: block; background: #fff; width: 26px; height: 22px; text-align: center; background: no-repeat url('/design2007/img/ico_comments.gif');}
span.name {color: #318c85;}
.material div.bnr, .material_first div.bnr {padding: 12px 0 0 0;}
#material_open {padding: 11px 20px 15px 20px; margin: -1px 0 -1px 0;}
#material_open h1 {color: #666; font-size: 145%; margin: 0 0 0.4em 0;}
#material_open h2 {color: #666; font-size: 135%; margin: 0 0 0.4em 0;}
#material_open h3 {color: #666; font-size: 125%; margin: 0 0 0.4em 0;}
#material_open p {font-size: 100%;}
#material_open p.info {font-size: 80%;}
#material_open .photos {position: relative; left: -20px; float: left; width: 240px; margin: 0 -5px 0 0;}
#material_open .photos img.photo {margin: 5px 0;}
#material_open .photo_comment {font-size: 80%; color: #666; width: 180px; margin-left: 20px;}
.lid {color: #333; margin-right: 120px}
.reference {color: #333; font-size: 90%; background: #f9f2c7; padding: 10px 20px; margin-bottom: 1.4em;}
.comment {color: #333; font-size: 90%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px 20px; margin-bottom: 1.4em;}
.comment img.photo {margin: 0 15px 0 0; float: right;}
.material#counter a, .material#counter a:visited, .material#counter a:active {color: #333; padding: 2px 7px 3px 7px;}
.material#counter a:hover, .material#counter a:hover, .material#counter a:active {background: none;}
.material#counter strong {color: #fff; font-weight: normal; background: #79c040; padding: 2px 7px 3px 7px;}
.material#counter span {padding: 2px 7px 3px 7px;}
.material#counter h2.news a, .material#counter h2.news a:visited {color: #d8a235;}
.news {background: #f2edda;} /*#f2f0e9;*/
h1.news {color: #d8a235;} /*#949288;*/
h1.news a, h1.news a:hover {color: #d8a235;}
.anal {background: #e1ebdf;} /*#ebf2ec;*/
h1.anal {color: #609d51;} /*#8d9990;*/
h1.anal a, h1.anal a:hover {color: #609d51;}
.inter {background: #e1e7ed;} /*#edf1f5;*/
h1.inter {color: #607cb3;} /*#969da3;*/
h1.inter a, h1.inter a:hover {color: #607cb3;}
.video {background: #fff;}
h1.video {color: #a09e92; margin-left: 0;}
.video .material {padding: 0 0 10px 0;}
.video .material_first {padding: 10px 0;}
.video h1 a, .video h1 a:hover {color: #a09e92;}
.video .material a, .video .material_first a {display: block; width: 120px; height: 90px;}
.video .material a img, .video .material_first a img {width: 12px; height: 23px; margin: 34px 54px 33px 54px;}
.video p {display: block; margin: -90px 0 0 130px; min-height: 90px;} *html .video p {height: 90px;}
.video p.info {margin: 0 0 0.3em 0; min-height: 1em;} *html .video p.info {height: 1em;}
.video span.time {float: none;}
.other {background: #fff;}
.other h1 {margin: 7px 0 0 0;}
.other .material {color: #333; padding: 0 0 20px 0; border: 0;}
.other p {margin-top: 0.5em;}
.other p.note {color: #666; font-size: 83%; margin: 1em 0 0 1em;}
/*
.other ul {margin: 0;}
.other li {margin-top: 0.5em; padding: 0;}
*/
.other ul {margin-bottom: 0;}
.other li {margin-bottom: 0;}
#voting h1 {color: #74aec2;} /*9bb8c2*/
#voting h1 a {color: #74aec2;}
#voting table {font-size: 90%; color: #000; margin: 0.5em 0 0 0;}
#voting table td {padding: 0.1em 0; border: 0; vertical-align: middle;}
#voting table label {display: block; margin-left: 0.5em;}
#voting table .btn {margin-top: 0.5em;}
#voting ul {margin: 0;}
#voting li {margin-top: 0.5em; background: none;}
#voting div {color: #ffffff; padding: 1px 20px 2px 10px; font-size: 80%;}
#day h1 {color: #74aec2;}
#day h1 a {color: #74aec2;}
#currency h1 {color: #d9c477;} /*d9cda3*/
#currency h1 a {color: #d9c477}
#currency table {font-size: 90%; color: #000; margin: 0.5em 0 0 0;}
#currency table td {padding: 0.1em 1em 0.1em 0; border: 0; vertical-align: middle;}
#currency table td span {color: #666;}
#weather h1 {color: #d9c477;}
#weather h1 a {color: #d9c477;}
#event h1 {color: #74aec2;}
.about {background: #f0efeb;}
h1.about {color: #959181;}
.bnrs {background: #fff;}
.bnrs .bnr {padding: 18px 0 8px 0;}
.see_also {background: #fff; padding-top: 10px;}
.see_also h1 {color: #a09e92;}
.see_also .material {border: 0;}
.comments {background: #fff; padding-top: 20px;}
.arr_comments {position: absolute; margin: -4px 0 0 -24px;}
.comments p {font-size: 80%; color: #333;}
.comments span.time {color: #999;}
#show_comments, #hide_comments {font-weight: bold; color: #318c85; border-bottom: 1px dashed #318c85; cursor: pointer; cursor: hand;}
.comments form div {position: relative; width: 90%; font-size: 90%; color: #000; margin: 1.5em 0 0 0; background: #f0faf9;}
.lt {position: absolute;}
.rt {position: absolute; right: 0;}
.lb {position: absolute; bottom: 0;}
.rb {position: absolute; right: 0; bottom: 0;}
#code {margin: 0.5em 25px 0 25px;}
#code img {width: 18px; height: 18px;}
.comments form input, .comments form textarea {width: 75%; color: #999; margin: 0.5em 25px 0 25px;}
.comments #comments_name {margin-top: 25px;}
.comments form .btn {color: #000; margin: 0.5em 25px 25px 25px;}
.comments div.error {color: #bd3240; margin: 0 25px;}
div.bnr {padding: 0 0 8px 0;}
#bnr_top {text-align: center; padding: 10px 0 0 0;}
/*#bnr_top a {display: block; background: #ddd; width: 100%;}*/
#bnr_menu {text-align: center; padding: 0 0 10px 0;}
#header {position: relative; margin: 20px 20px 12px 20px; border-collapse: collapse;}
#header td {vertical-align: top;}
#logo {width: 25%; vertical-align: top;}
#logo img {width: 156px; height: 121px;}
#today {width: 37.5%; font-size: 83%; height: 42px; vertical-align: top;}
span.archive {font-size: 110%; font-weight: bold; color: #1255b3; border-bottom: 1px dashed #1255b3; cursor: pointer; cursor: hand;}
a.old {font-size: 110%; font-weight: bold;}
#search {width: 37.5%;}
#search_active {position: absolute; right: 0; background: #eee; padding: 10px; border: 2px solid #fff; margin: -10px 4px 10px 4px;}
#search table {margin-top: 5px;}
#search td {vertical-align: middle;}
#search label {margin-right: 5px; font-size: 90%;}
#search input {border: 1px solid #bd3240; width: 200px; color: #999; font-size: 90%;}
#search input.btn {width: 30px; border: none; background: no-repeat 5px 0 url('/design2007/img/ico_enter.gif');}
#search div.error {font-size: 83%; text-align: left;}
#archive {position: absolute; background: #eee; padding: 10px; border: 2px solid #fff; margin: 4px 10px;}
#archive td {vertical-align: middle;}
#archive input {border: 1px solid #1255b3; font-size: 110%; color: #999;}
#archive_dd, #archive_mm {width: 1.5em;}
#archive_yyyy {width: 3em;}
#archive input.btn {width: 30px; border: none; background: no-repeat 5px 0 url('/design2007/img/ico_enter.gif');}
#archive label {color: #666;}
.ear {vertical-align: top;}
.ear img {width: 100px; height: 74px;}
.ear p {display: block; font-size: 83%; margin: -70px 60px 0 110px;}
.ear p a, .ear p a:visited {color: #444;}
#menu {padding: 0 0 20px 17px;}
#menu ul {margin: 0; padding: 0; font-size: 100%; line-height: 2.2em;}
#menu li {float: left; white-space: nowrap; margin: 0 17px 0 0; padding: 0; background: none;}
#menu li a {color: #bd3240; padding: 2px 5px 3px 5px;} /*#b34b55*/
#menu li strong, #menu li a:hover, #menu li a:active {color: #fff; padding: 2px 5px 3px 5px; background: #bd3240; text-decoration: none; font-weight: normal;}
#menu2 {width: 100%; margin-bottom: -6px;}
#menu2 table {border-right: 20px solid #fff; border-left: 20px solid #fff; width: 100%; border-collapse: separate;}
#menu2 td {border: 0;}
#menu2 h2 {margin: 0 0 0 10px;}
#menu2 .news h2, #menu2 .news h2 a {color: #d8a235;}
#menu2 .anal h2, #menu2 .anal h2 a {color: #609d51;}
#menu2 .inter h2, #menu2 .inter h2 a {color: #607cb3;}
#main_materials {margin: 0 10px; border-collapse: separate;}
#main_materials td {vertical-align: top; border-right: 10px solid #fff; border-left: 10px solid #fff;}
#hot {padding: 20px 17px;}
#hot ul {margin: 0; padding: 0;}
#hot li {float: left; width: 19%; margin: 0; padding: 0; background: none;}
#hot span {font-size: 40px; color: #bd3240;}
#hot p {font-size: 100%; display: block; margin: -40px 25px 0 30px;}
#other_materials {margin: 0 10px; border-collapse: separate;}
#other_materials td {vertical-align: top; border-right: 10px solid #fff; border-left: 10px solid #fff;}
#onetype_materials {margin: 0 10px; border-collapse: separate;}
#onetype_materials td {vertical-align: top; border-right: 10px solid #fff; border-left: 10px solid #fff;}
#onetype_materials td .photo {float: left;}
#onetype_materials table {margin: 0; border-collapse: collapse;}
#onetype_materials table td {border: 0;}
#onetype_materials .material {border: none;}
#onetype_materials .material#counter {border-top: 1px solid #fff;}
#open_materials {margin: 0 10px; border-collapse: separate;}
#open_materials td {vertical-align: top; border-right: 10px solid #fff; border-left: 10px solid #fff;}
#open_materials td .photo {float: left;}
#open_materials table {border-collapse: collapse;}
#open_materials table td {border: 0;}
#links {padding: 45px 20px 0 20px;}
#links .bnr {float: left; padding: 0;}
#links ul {margin: 0; padding: 0;}
#links li {float: left; white-space: nowrap; margin: 0; padding: 0 0 0 40px; background: none;}
#links li strong {font-weight: normal;}
#bnr_bottom {padding: 0 20px;}
#bnr_bottom .bnr {float: left; margin: 0 20px 0 0; padding: 20px 0 0 0;}
#bnr_bottom #guesswho {float: right;}
#footer {padding: 45px 40px; font-size: 83%;}
#contacts {color: #333; float: left; width: 28%;}
#copyrights {color: #666; float: left; width: 72%;}
#ukrnet {color: #666;}
#ukrnet h2 {color: #666; clear: both; margin-bottom: 0.3em;}
#ukrnet h2 a, #ukrnet h2 a:hover {color: #666; background: none; font-size: 100%;}
#ukrnet a {font-size: 90%;}
#ukrnet ul li a {font-size: 100%;}
#kinoukrnet br {font-size:5px;}
.list {float:left}
.list.cover {position:relative;margin-left:10px;}
.list.cover a {display:block;position:absolute;left:0;top:0;height:100%;width:100%;z-index:100;}
.list.cover div {position:relative;z-index:1;}
.bnr_top_withref {overflow:hidden;_zoom:1;}