html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
body { text-align: center; background-color: #000; background-image: url(fon_test_6.jpg); background-position: 50% 0%; background-repeat: repeat-y; }
body, h1, h2, h3, h4, h5, h6, td, div, p, ul, li { color: #d0d0d0; font-family: Arial; font-size: 11px; line-height: 13px; font-weight: normal; margin: 0; padding: 0; }
body { margin-top: 13px; }
table { border-collapse: collapse; }
td { padding: 0; }
ul { list-style-type: none; }
a { color: #a2a2a2; outline: none; border: none; }
a:hover { color: #fff; }
img, iframe { border: none; outline: none; }
.clear { clear: both; }

#wrapper { width: 960px; margin: auto; text-align: left; }
.main { width: 700px; float: left; }
.sidebar { width: 240px; float: right; }

.spacer-1 { margin-top: 13px; }

#logo { width: 130px; height: 67px; margin: 0; padding: 0; }
#logo a { display: block; background-image: url(35mm-logo-130x67.png); width: 130px; height: 67px; }
#logo span { position: absolute; left: -999em; }

#address { text-align: right; }
#languages { margin-top: 13px; float: right; }
#languages li { float: left; border-right: 1px solid #a2a2a2; padding: 0 5px; }
#languages li.last { padding-right: 0; border-right: none; }
#languages li.selected a { text-decoration: none; color: #fff; }

#nav { margin-top: 13px; }
#nav li { float: left; background-image: url(nav-bg.jpg); margin-left: 2px; }
#nav a { text-decoration: none; text-transform: uppercase; font-size: 11px; line-height: 20px; padding: 0 7px; }
#nav li.first { margin-left: 0; }
#nav a:hover { color: #fff; }

#social-links { margin-top: 13px; float: right; }
#social-links li { float: left; margin-left: 10px; }

#header { margin-bottom: 20px; }

h1 { text-transform: uppercase; font-size: 20px; line-height: 26px; color: #fff; font-weight: normal; }
h2 { text-transform: uppercase; font-size: 15px; line-height: 18px; color: #92BF1E; font-weight: normal; }

h3 { margin: 20px 0 13px; border-left: 2px solid #92BF1E; height: 12px; background-repeat: no-repeat; background-position: 11px 0px; }
h3 span { position: absolute; left: -999em; }
h3.must-see-ru { background-image: url(must-see-ru.png); width: 165px; }
h3.must-see-en { background-image: url(must-see-en.png); width: 92px; border-color: #92BF1E; }

h3.subscribe-ru { background-image: url(subscribe-ru.png); width: 135px; border-color: #009DE1; }
h3.subscribe-en { background-image: url(subscribe-en.png); width: 125px; border-color: #009DE1; }

h3.schedule-ru { background-image: url(schedule-ru.png); width: 121px; border-color: #009DE1; }
h3.schedule-en { background-image: url(schedule-en.png); width: 95px; border-color: #009DE1; }
h3.comments-ru { background-image: url(comments-ru.png); width: 143px; border-color: #FBC100;}
h3.comments-en { background-image: url(comments-en.png); width: 109px; border-color: #FBC100; }
h3.shows-ru { background-image: url(shows-ru.png); width: 109px; border-color: #AF4308;}
h3.shows-en { background-image: url(shows-en.png); width: 72px; border-color: #AF4308; }
h3.contacts-ru { background-image: url(contacts-ru.png); width: 100px; }
h3.contacts-en { background-image: url(contacts-en.png); width: 112px; }
h3.booking { background-image: url(booking.png); width: 148px; border-color: #FBC100; }
h3.halls-ru { background-image: url(halls-and-prices-ru.png); width: 123px; }
h3.halls-en { background-image: url(halls-and-prices-en.png); width: 159px; }
h3.prices-ru { background-image: url(prices-ru.png); width: 59px; }
h3.prices-en { background-image: url(prices-en.png); width: 68px; }
h3.partnership-ru { background-image: url(partnership-ru.png); width: 167px; }
h3.partnership-en { background-image: url(partnership-en.png); width: 125px; }
h3.q-and-a { background-image: url(q-and-a.png); width: 46px; }

.text h4 { color: #AF4308; display: inline; font-size: 12px; line-height: 15px; }
h4 { margin: 14px 0 5px; font-size: 14px; line-height: 18px; text-transform: uppercase; }
h4 a, h4 a:hover { color: #009DE1; }

div#big-image { width: 700px; height: 394px; position: relative; }
#trailer-player { width: 700px; height: 394px; position: absolute; background-color: #000; top: 0; left: 0; }
#big-image .image { display: block; width: 700px; height: 394px; background-color: #000; position: absolute; top: 0; left: 0; }
#livestreamPlayer { display: none; width: 700px; height: 394px; position: absolute; }

#under-image { background-image: url(big-image-title-bg.jpg); background-repeat: repeat-x; background-position: 0% 0%; margin-bottom: 13px; border-left: 2px solid #92BF1E; padding: 0px 13px; width: 672px; }
#under-image table { height: 60px; width: 100%; }
#under-image td { vertical-align: middle; }

#under-image .trailer { width: 45px; text-align: center; }
#under-image .trailer .icon { margin: 0 auto 2px; display: block; background-image: url(trailer.png); width: 31px; height: 31px; }
#under-image .trailer a { display: block; color: #555555; text-decoration: none; font-size: 10px; }

#under-image .livestreamPlayer { width: 45px; text-align: center; }
#under-image .livestreamPlayer .icon { margin: 0 auto 2px; display: block; background-image: url(trailer.png); width: 31px; height: 31px; }
#under-image .livestreamPlayer a { display: block; color: #555555; text-decoration: none; font-size: 10px; }

.text { margin: 13px; font-size: 12px; line-height: 15px; }
.text p { margin: 13px 0 13px; font-size: 12px; line-height: 15px; }
.orange { color: #AF4308; }
.text b { color: #fff; }
.text h4 { text-transform: none; margin: 0; }
.text h3 { border: none; color: #FBC100; font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 20px 0 13px; }

#highlights-2 {  }
#highlights-2 li { margin-top: 5px; font-size: 0px; line-height: 0px; }
#highlights-2 li.first { margin-top: 0; }
#highlights-2 tr.caption { width: 100%; height: 23px; background-image: url(small-image-title-bg.jpg); background-repeat: repeat-x; }
#highlights-2 td { font-size: 0px; line-height: 0px;  }
#highlights-2 td p { margin: 0 5px; }
#highlights-2 td p a { text-decoration: none; font-size: 10px; line-height: 11px; color: #fff; }

ul.schedule-days { float: left; width: 674px; }
li.schedule-day { width: 100%; float: left; padding: 11px 13px; background-image: url(schedule-title-bg.jpg); background-repeat: repeat-x; } 
li.schedule-day a { display: block; float: left; width: 100px; color: #009DE1; font-size: 12px; line-height: 13px; text-decoration: none; text-transform: uppercase; }
ul.schedule-times { float: left;  }
li.schedule-time { float: left; display: block; margin-left: 20px; }
li.schedule-time.first { margin-left: 0; }
li.schedule-time a { color: #fff; width: auto; float: none; text-decoration: underline; }
.schedule-time div { float: left; }
.schedule-time .tickets { width: 57px; height: 17px; margin-left: 5px; margin-top: -2px; }
.schedule-time .tickets a { display: block; width: 100%; height: 100%; border: none; outline: none; text-indent: -9999px; background-position: 0 -17px; }
.schedule-time .tickets.ru a { background-image: url(tickets-ru.jpg); }
.schedule-time .tickets.en a { background-image: url(tickets-en.jpg); }
.schedule-time .tickets a:hover { background-position: 0 0; }
.schedule-time.past div { color: #595959; }

#footer { margin: 30px 0 60px 0; border-top: 1px dotted #333; padding-top: 10px; color: #555; font-size: 10px; }
#footer div { font-size: 10px; }
#footer a { color: #a2a2a2; font-size: 10px; }

.event { font-size: 0px; line-height: 0px; text-decoration: none; }
.event-head { outline: none; height: 35px; width: 100%; background-image: url(schedule-title-bg.jpg); background-repeat: repeat-x; }
.event-head td, .event-head h5 { color: #e8e8e8; font-size: 12px; line-height: 14px; }
.event.past .event-head td, .event.past .event-head h5, .event.past .event-head h5 a { color: #595959; }
.event-head .time { width: 47px; text-align: right; cursor: pointer; }
.event-head .time a { text-decoration: none; }
.event-head .time a:hover { text-decoration: underline; }

.event-head .title { padding-left: 12px; cursor: pointer; }
.event-head .language { text-align: right; font-size: 10px; cursor: pointer; }
.event-head .tickets { width: 57px; padding: 0 0 0 10px; }
.event-head .tickets a { display: block; width: 57px; height: 17px; border: none; outline: none; text-indent: -9999px; background-position: 0 -17px; }
.event-head .tickets.ru a { background-image: url(tickets-ru.jpg); }
.event-head .tickets.en a { background-image: url(tickets-en.jpg); }
.event-head .tickets a:hover { background-position: 0 0; }

.event-head .arrow, .event-head .q-and-a-arrow { width: 30px; text-align: center; }
.event-head .arrow div, .event-head .q-and-a-arrow div { margin: auto; width: 10px; height: 10px; background-repeat: no-repeat; background-image: url(schedule-arrow-2.png); background-position: 0px 0px; font-size: 0; line-height: 0; }
.event.opened .arrow div, .event.opened .q-and-a-arrow div { background-position: 0px -10px; }
.event-head .q-and-a-arrow div { background-image: url(schedule-arrow-q-and-a.png); }
.event-body { background-image: url(schedule-expanded-bg.jpg); background-repeat: repeat-x; background-position: 0% 0%; background-color: #3f3f3f; }
.event-body table { width: 100%; }
.event-body .line { width: 2px; background-color: #009DE1; background-image: url(schedule-expanded-blue-bg.jpg); background-repeat: no-repeat; }
.event-body .items { float: left; width: 100%; }
.event-item, .event-item-q-and-a { padding: 12px 0; float: left; width: 100%; }
.event-item-q-and-a { background-color: #ca0000; }
.event-item-q-and-a.q-and-a-first { background-image: url(schedule-expanded-q-and-a.jpg); background-repeat: repeat-x; }
.event-body .image { float: left; width: 167px; padding-left: 59px; }
.event-body .description { float: left; width: 350px; margin-left: 16px; }
.event-body .description h6 { font-size: 11px; line-height: 15px; font-weight: bold; color: #fff; margin: 0 0 11px; }
.event-body .description p { margin-bottom: 11px; }
.event-item-q-and-a .description p { color: #000; }
.event-item-q-and-a .description a { color: #333; }
.q-and-a-icon { background-image: url(q-and-a-icon.jpg); width: 69; height: 42px; float: right; margin-right: 12px; }
.event .more { text-transform: lowercase; display: block; margin-top: 5px; }

ul.subnav { margin-bottom: 10px; float: left; }
ul.subnav li { float: left; padding: 0 7px; border-left: 1px solid #333; text-transform: uppercase; font-size: 10px; line-height: 10px; }
ul.subnav li a { text-decoration: none; }
ul.subnav li.selected a { color: #009DE1; }
ul.subnav li.selected a:hover { color: #fff; }
ul.subnav li.first { padding-left: 0; border: none; }
ul.subnav li.last { text-transform: lowercase; }
ul.subnav li.last a { text-decoration: underline; }

#highlights-3 li { float: left; margin-left: 10px; display: block; width: 167px; margin-bottom: 7px; }
#highlights-3 li.column-0 { margin-left: 1px; }
#highlights-3 table { width: 167px; }
#highlights-3 td { background-image: url(tiny-image-title-bg.jpg); height: 39px; background-repeat: repeat-x; vertical-align: middle; }
#highlights-3 td { font-size: 0px; line-height: 0px; }
#highlights-3 td p { padding: 0 7px;  }
#highlights-3 td p a { font-size: 11px; line-height: 14px; }
#highlights-3 p a { display: inline; }