/* common markup */
body, html { margin: 0; padding: 0; height: 100% !important; }
body { margin: 0 1px; font: 12px Arial, Tahoma, "Times New Roman", Helvetica, sans-serif; color: #868789; background: #020202; }
form { margin: 0; padding: 0; border: 0; font-size: 100%; }
#main {
height: 100%;
min-height: 100%;
margin: 0 auto -235px auto;
background: #082934 url("/img/body-bg.jpg") left top repeat;
}
html>body #main{height:auto;}
a { position: relative; font: 12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #d40981; cursor: pointer; }
a:hover { text-decoration: none; }
a:focus { outline: none; border: none; }
/* a:focus { outline: expression(hideFocus="true"); } */
a img { border: none; }
h1 { font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #ffffff; line-height: 30px; }
h2 { font: bold 18px Arial, Helvetica, sans-serif; color: #333333; line-height: 18px; }
h3 { font: bold 12px Arial, Helvetica, sans-serif; color: #333333; }
h3 a { font: bold 12px Arial, Helvetica, sans-serif; color: #333333; line-height: 14px; }
.no-screen { display: none; }
.nowrap { white-space: nowrap; }
.clear { clear:both; }
#clear{ clear:both; height: 235px; }
.width_range { min-width: 1240px; max-width: 1240px; }
/********* Header *********/
#layout-head { position: relative; margin: 0 auto; width: 100%; height: 838px; /*background: url("/img/head-bg.jpg") left top no-repeat;*/ z-index: 1; }
#layout-head .poster { position: absolute; left: 0; bottom: 0; width: 100%; height: 287px; background: url("/img/poster-bg-red.png") left top repeat-x; }
#layout-head h2 { font: 24px Verdana, Tahoma; color: #ffffff; text-transform: uppercase; }
#layout-head .poster div.both { padding: 10px 50px; height: 267px; font: 12px Verdana, Tahoma; color: #ffffff; overflow: hidden; }
#layout-head .poster div.both p { margin-top: 5px; padding: 10px 0; font: 18px Verdana, Tahoma; color: #ffffff; }
#layout-head .poster div.both ul { list-style: none; white-space: nowrap; overflow: hidden; }
#layout-head .poster div.both ul li { margin: 0 0 10px 0; list-style: none; background: url("/img/bg-ndash.gif") left 7px no-repeat; padding-left: 15px; overflow: hidden; }
#layout-head .poster div.both ul li a { font: 12px Verdana, Tahoma; color: #ff0096; }
#layout-head .poster div.both a.link { float: left; margin-top: 10px; width: 189px; height: 43px; text-align: center; font: 18px Verdana, Tahoma; color: #ff0096; font: 18px Verdana, Tahoma; color: #ffffff; line-height: 36px; text-transform: uppercase; background: url("/img/bg-promo-link.png") top left no-repeat; text-decoration: none; }
#layout-head .poster div.both a.link:hover { text-decoration: underline; }
#layout-head .poster div.r-side { float: right; width: 506px; background: url("/img/poster-bg-blue.png") left top no-repeat; }
#layout-head .poster div.poster-box { float: left; margin-right: 18px; width: 138px; overflow: hidden; }
#layout-head .poster div.poster-box a { float: left; font: 11px Verdana, Tahoma; color: #ffffff; text-align: center; }
#layout-head .poster div.poster-box a.time { width: 44px; margin: 0 auto; height: 21px; line-height: 18px; }
#layout-head .poster div.poster-box a.time_sel { width: 44px; margin: 0 auto; height: 21px; line-height: 20px; background: url("/img/poster-bg-time.png") left top no-repeat; }
#layout-head .poster div.poster-box a.img { clear: both; margin: 5px 0 0 0; width: 132px; }
#layout-head .poster div.poster-box a.img img { margin: 3px; }
#layout-head .poster div.poster-box a.img img.sel { margin: 0; border: solid 3px #05d2ff; }
#layout-head .poster div.poster-box a.title { clear: both; padding-left: 5px; width: 132px; text-align: left; }
#layout-head .layout-left-head { float: left; width: 305px; }
#layout-head .layout-left-head a.logo { float: left; margin: 25px 0 0 35px; width: 265px; height: 118px; overflow: hidden; background: url("/img/logo.png") left top no-repeat; cursor: pointer; }
#layout-head .layout-left-head .screen_head { clear: both; float: left; margin: 50px 0 7px 60px; text-align: center; }
#layout-head .layout-left-head .screen_head a { font: 30px Verdana, Tahoma; color: #ffffff; }
#layout-head .layout-left-head .screen { clear: both; float: left; margin: 0 0 0 35px; width: 267px; height: 277px; font: 12px Verdana, Tahoma; color: #9d9d9d; background: url("/img/screen-bg.png") left top no-repeat; }
#layout-head .layout-left-head .screen .info { padding-left: 30px; height: 30px; }
#layout-head .layout-left-head .screen .info a { color: #ff28a6; line-height: 26px; }
#layout-head .layout-left-head .screen .seans { padding: 5px 0 1px 30px; }
#layout-head .layout-left-head .screen .time { padding: 0 0 0 25px; font: 48px Verdana, Tahoma; color: #ffffff; line-height: 48px; }
#layout-head .layout-left-head .screen a.link { display: block; margin: 21px auto 10px auto; width: 222px; height: 51px; text-align: center; font: 18px Verdana, Tahoma; color: #ff0096; font: 18px Verdana, Tahoma; color: #ffffff; line-height: 44px; text-transform: uppercase; background: url("/img/bg-screen-link.png") top left no-repeat; text-decoration: none; }
#layout-head .layout-left-head .screen a.link:hover { text-decoration: underline; }
#layout-head .layout-left-head .screen .other { padding-left: 30px; }
#layout-head .layout-left-head .screen .times { padding-left: 30px; }
#layout-head .layout-left-head .screen .times a { padding-right: 10px; color: #ffffff; line-height: 20px; }
#layout-head .layout-middle-wrap-head { float: left; width: 100%; height: 200px; margin-left: -305px; background: url("/img/bg-body-menu.png") left top repeat-x; overflow: hidden; }
#layout-head .layout-middle-head { position: relative; margin-left: 305px; height: 136px; background: url("/img/head-bg-middle.jpg") right top no-repeat; }
#layout-head .layout-middle-head .service { position: relative; margin: 15px 0 5px 70px; list-style: none; white-space: nowrap; overflow: hidden; }
#layout-head .layout-middle-head .l-side { float: left; width: 140px; height: 25px; }
#layout-head .layout-middle-head .service .l-side a { margin-right: 30px; color: #ff28a6; }
#layout-head .layout-middle-head .r-side { float: right; width: 565px; height: 50px; overflow: hidden; }
#layout-head .layout-middle-head .r-side .phone { float: left; margin: 0 59px 0 0; padding-top: 15px; font: 15px Verdana, Tahoma; color: #ffffff; }
#layout-head .layout-middle-head .r-side .phone a{ color: #ffffff; text-decoration:none;}
#layout-head .layout-middle-head .r-side .phone span { padding-right: 5px; font: 24px Verdana, Tahoma; color: #5a5a5a; }
#layout-head .layout-middle-head ul.menu { position: relative; display: inline; margin: 10px 0 0 0; padding: 0 0 0 70px; list-style: none; overflow: hidden; }
#layout-head .layout-middle-head ul.menu li { display: inline; padding: 0 4% 0 0; list-style: none; white-space: nowrap; overflow: hidden; }
#layout-head .layout-middle-head ul.menu li a { font: 14px Verdana, Tahoma; color: #ffffff; line-height: 26px; text-decoration: underline; }
#layout-head .layout-middle-head ul.menu li a:hover { text-decoration: none; }
#layout-head .bgImageTweenfaderContent { margin: 0 auto; width: 100%; height: 838px; }
/********* Content *********/
#layout-content { position: relative; clear: both; margin: -560px 120px 20px 120px; padding: 0; background: #fff url("/img/content-bg.gif") right top no-repeat; z-index: 999; overflow: hidden; }
#layout-content h1 { clear: both; margin: 10px 0; padding: 0 10px; font: 30px Verdana, Tahoma; color: #ffffff; line-height: 50px; background: #ff28a6; }
#layout-content .layout-middle-wrap { float: left; width: 100%; background: url("/img/content-bg-down.gif") left bottom no-repeat; min-height: 600px; overflow: hidden; }
#layout-content .layout-middle { position: relative; clear: both; margin: 30px 30px 100px 30px; font: 12px Verdana, Tahoma; color: #000000; }
#layout-content .layout-middle p { margin: 5px 0; padding: 0; }
#layout-content .layout-middle ul { margin: 5px 0; padding: 0; }
#layout-content .layout-middle ul li { margin: 3px 0 0 15px; list-style-type: square; }
#layout-content .news_items img { max-width: 100%; }
#layout-content .error404 { clear: both; margin: 120px 0 300px 0; text-align: center; }
#layout-content .navigate-block { margin: 0; height: 1%; font: 11px Verdana; color: #06070b; overflow: hidden; }
#layout-content .navigate-block a { font: 11px Verdana; color: #ff28a6; }
#layout-content .navigate-block a.last { font: 11px Verdana; color: #06070b; text-decoration: none; }
.pushkinid {
background: url(../img/pushka.png) no-repeat center;
background-size: auto;
width: 75px;
height: 35px;
display: inline-block;
background-size: 100%;
}
/********* Footer *********/
#footer { clear: both; position: relative; margin: -235px auto 0 auto; padding-top: 17px; height: 218px; overflow: hidden; }
#footer .bg-tip { position: absolute; top: -5px; right: 100px; width: 27px; height: 42px; background: url("/img/footer-bg-tip.png") left top no-repeat; }
#footer .layout-left-footer { float: left; padding: 18px 0 0 50px; width: 250px; }
#footer .layout-left-footer a { position: relative; float: left; clear: both; margin: 0 10px 16px 0; width: 210px; }
#footer .layout-left-footer div { position: relative; float: left; margin: 8px 10px 0 0; font: 11px Verdana, Tahoma; color: #90adc5; line-height: 16px; }
#footer .layout-left-footer div a { color: #90adc5; line-height: 16px; }
#footer .layout-left-footer div#copyright { width: 250px; white-space: nowrap; margin-right: 0; }
#footer .layout-left-footer div#copyright span { float: left; white-space: nowrap; margin-right: 0; }
#footer .layout-left-footer div#copyright a.copyright_link { clear: none; float: left; margin: 0 0 0 10px; width: auto; font: 11px Verdana; }
#footer .layout-left-footer form { float: left; margin: 11px 0 12px 0; }
#footer .layout-middle-wrap-footer { float: left; width: 100%; margin-left: -250px; margin-right: -120px; overflow: hidden; }
#footer .layout-middle-footer { margin-left: 250px; margin-right: 120px; padding: 20px 0 0 72px; font: 11px Tahoma; color: #000000; overflow: hidden; }
#footer .layout-middle-footer .phone { float: left; margin: 16px 0 0 0; font: 24px Verdana, Tahoma; color: #ffffff; }
#footer .layout-middle-footer .phone span { padding-right: 5px; font: 24px Verdana, Tahoma; color: #5a5a5a; }
#footer .layout-middle-footer .social_icons { position: relative; float: left; margin: 16px 0 0 25px; width: 120px; height: 37px; }
#footer .layout-middle-footer .social_icons a.facebook_link { position: relative; float: left; width: 42px; height: 37px; background: url("/img/social.png") -41px 0 no-repeat; text-decoration: none; }
#footer .layout-middle-footer .social_icons a.vk_link, #layout-head .social_icons a.vk_link { position: relative; float: left; width: 42px; height: 37px; background: url("/img/social.png") 0 0 no-repeat; text-decoration: none; }
#footer .layout-middle-footer .social_icons a.youtube_link { position: relative; float: left; width: 36px; height: 37px; background: url("/img/social.png") -80px 0 no-repeat; text-decoration: none; }
#footer .layout-middle-footer .social_icons a.twitter_link { position: relative; float: left; width: 36px; height: 37px; background: url("/img/social.png") -125px 0 no-repeat; text-decoration: none; }
#footer .layout-middle-footer .counters_block { position: relative; float: right; margin: 38px 0 0 0; height: 50px; text-align: right; }
#footer .layout-middle-footer .dev { float: right; margin: 48px 0 0 20px; width: 210px; height: 37px; }
#footer .layout-middle-footer a { float: left; color: #90adc5; }
#footer .layout-middle-footer a.text { line-height: 25px; }
#footer .layout-middle-footer a.text:hover { }
#footer .layout-middle-footer span { float: left; color: #90adc5; line-height: 25px; }
/* News style */
div.news-item { clear: both; margin: 0 10px 20px 0; font: 12px Verdana; color: #000000; overflow: hidden; }
div.news-item img.preview { float: left; margin-right: 10px; }
div.news-item h3 { margin: 0 0 5px 0; }
div.news-item h3 a { font: 14px Verdana; color: #ff28a6; text-decoration: underline; }
div.news-item h3 a:hover { text-decoration: none; }
div.news-item p.date { margin: 0 !important; padding: 0; font: 11px Verdana; color: #06070b; }
div.news-item a.title { font: 18px Verdana; color: #ff28a6; text-decoration: underline; }
div.news-item a.title:hover { text-decoration: none; }
table.schedule-item { margin-bottom: 40px; width: 100%; }
table.schedule-item .preview{ max-width: 125px;height: auto; }
table.schedule-item td { padding-right: 40px; }
table.schedule-item a.title { font: 18px Verdana; color: #ff28a6; text-decoration: underline; }
table.schedule-item a.title:hover { text-decoration: none; }
/* Options */
.f-blue { color: #10B9ED; }
.f-grey { color: #7F7F7F; }
p.schedule-descr { font: 12px Arial; color: #090909; letter-spacing: 0px; }
p.schedule-descr span { color: #10B9ED; }
p.error { padding-bottom: 5px !important; font: 14px Tahoma; color: #bb0000; }
p.error a { font: 14px Tahoma; }
.blue-rounded {
float: left;
margin: 0 0 5px 0;
padding: 21px 25px;
text-align: justify;
font: 11px Verdana, Tahoma, Arial;
color: #ffffff;
line-height: 18px;
border: 1px solid #2b506e;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #2b506e;
behavior: url("/js/PIE.htc");
}
.linear-stripe {
float: left;
margin: 2px 5px 0 0;
text-align: center;
width: 200px;
height: 11px;
background: #950b5c;
background: -webkit-gradient(linear, left 0, 0 0, from(#950b5c), to(#D50983 ));
background: -webkit-linear-gradient(#950b5c, #D50983 );
background: -moz-linear-gradient(#950b5c, #D50983 );
background: -ms-linear-gradient(#950b5c, #D50983 );
background: -o-linear-gradient(#950b5c, #D50983 );
background: linear-gradient(#950b5c, #D50983 );
-pie-background: linear-gradient(#950b5c, #D50983 );
behavior: url("/js/PIE.htc");
}
.content-shadow {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: #666 0px 2px 5px;
-moz-box-shadow: #666 0px 2px 5px;
box-shadow: #666 0px 2px 5px;
behavior: url("/js/PIE.htc");
}
.pink78 { font: 78px Verdana; color: #ff28a6; line-height: 70px; }
.pink78 span { font: 60px Verdana; }
.black30 { font: 30px Verdana; color: #05060a; }
.black12 { font: 12px Verdana; color: #05060a; }
a.schedule-cals { display: block; margin: 0 auto; padding-top: 4px; width: 102px; height: 31px; font: 11px Verdana; color: #868789; text-decoration: none; }
a.schedule-cals:hover { color: #ffffff; background: url('/images/bg-week-day.gif') center center no-repeat; }
/*
a.schedule-cals-s { display: block; margin: 0 auto; padding-top: 4px; width: 102px; height: 31px; font: 11px Verdana; color: #ffffff; background: url('/images/bg-week-day.gif') center center no-repeat; text-decoration: none; }
*/
span.schedule-cals-s { display: block; margin: 0 auto; padding-top: 4px; width: 102px; height: 31px; font: 11px Verdana; color: #ffffff; background: url('/images/bg-week-day.gif') center center no-repeat; text-decoration: none; }
.layout-middle div.news_item { clear: both; margin: 0 0 12px 0; font: 11px Verdana, Tahoma; color: #ffffff; overflow: hidden; }
.layout-middle div.news_item img.preview { float: left; margin-right: 10px; }
.layout-middle div.news_item a { }
.layout-middle div.news_item .date { margin: 10px 0; font: 11px Verdana, Tahoma; color: #868789; }
.layout-middle div.news_all_item { margin: 30px 0 0 0; }
.pages { position: relative; margin: 5px 0; text-align: right; font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #666;}
.pages a { font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #666; }
.pages a:hover { color: #d40981; }
.pages a.current { color: #d40981; text-decoration: none; }
/********* Forms *********/
form label { cursor: pointer; }
form#main-filter { padding: 10px 0 0 10px; height: 35px; border-left: solid 1px #FFB636; }
form#main-filter label { font: bold 11px Tahoma; color: #000000; cursor: pointer; }
form#main-filter span { font: bold 11px Tahoma; color: #000000; }
form#main-filter .case { float: left; margin: 3px 50px 0 0; white-space: nowrap; }
form#main-filter .txt { margin-right: 3%; }
form#main-filter .w100 { width: 100px; }
form#main-filter .btn-search { float: left; width: 23px; height: 25px; background: url("/img/btn-search-filter.gif") right 2px no-repeat; border: none; cursor: pointer; }
form#page-limiter { float: left; padding-top: 8px; width: 135px; height: 30px; overflow: hidden; }
form#feedback input.simple_text { width: 500px; }
form#feedback textarea { width: 500px; height: 100px; }
form input.btn { margin: 5px 0 0 40px; padding: 0; width: 100px; height: 24px; text-align: center !important; font: bold 11px Tahoma; color: #ffffff; line-height: 11px; background: url("/img/btn-orange.gif") top left no-repeat; border: none; cursor: pointer; }
form input.btn-hover { margin: 5px 0 0 40px; padding: 0; width: 100px; height: 24px; text-align: center !important; font: bold 11px Tahoma; color: #ffffff; line-height: 11px; background: url("/img/btn-orange-hover.gif") top left no-repeat; border: none; cursor: pointer; }
form input.btn-recount { width: 175px; height: 36px; background: url("/images/but_recount.jpg") top left no-repeat; border: none; cursor: pointer; }
form input.btn-buy { width: 175px; height: 36px; background: url("/images/but_buy.jpg") top left no-repeat; border: none; cursor: pointer; }
form.auth label { float: left; width: 50px; }
form.auth input { width: 150px; }
/*form.auth p { width: 250px !important; }*/
form.auth p.button_position { padding-top: 5px !important; width: 170px !important; }
form.auth input.button-red { width: 93px; margin-right: 5px; }
form.auth input.box { padding: 0; margin: 0; width: auto !important; }
form#search { width: 100%; }
form#search .keyword { position: relative; float: left; padding: 2px; width: 191px; height: 17px; font: 12px Verdana, Tahoma; color: #878787; line-height: 20px; border: none; }
form#search .btn-search { position: relative; float: left; padding-left: 4px; width: 22px; height: 21px; background: url("/img/btn-search.png") right top no-repeat; border: none; cursor: pointer; }
form#top-search { width: 100%; margin-top: 19px; }
form#top-search .keyword { position: relative; float: left; padding: 2px; width: 191px; height: 17px; font: 12px Verdana, Tahoma; color: #878787; line-height: 20px; border: none; }
form#top-search .btn-search { position: relative; float: left; padding-left: 4px; width: 22px; height: 21px; background: url("/img/btn-search.png") right top no-repeat; border: none; cursor: pointer; }
form input.w600brd { padding: 0 5px; width: 600px; height: 18px; font: 12px Arial; color: #000; border: 1px solid #B6BFC2; }
form textarea.w600brd { padding: 5px; width: 600px; height: 100px; font: 12px Arial; color: #000; border: 1px solid #B6BFC2; }
form p.button_position_l { width: 615px; text-align: right; }
form p.button_position_l input.button-blue { width: 222px; height: 51px; text-align: center; font: 18px Verdana, Tahoma; color: #ffffff; line-height: 24px; text-transform: uppercase; background: url("/img/bg-screen-link.png") top left no-repeat; text-decoration: none; border: none; cursor: pointer; }
form p.button_position_l input.button-blue:hover { text-decoration: underline; }
form p.button_position_l a.link { display: block; margin: 21px 0 10px auto; width: 222px; height: 51px; text-align: center; font: 18px Verdana, Tahoma; color: #ff0096; font: 18px Verdana, Tahoma; color: #ffffff; line-height: 44px; text-transform: uppercase; background: url("/img/bg-screen-link.png") top left no-repeat; }
/*
form p.button_position_l input.button-blue { float: right; width: 189px; height: 49px; text-align: center; font: 18px Verdana, Tahoma; color: #ff0096; line-height: 44px; text-transform: uppercase; background: url("/img/bg-promo-link.png") top left no-repeat; text-decoration: none; }
*/
.case-photo {
display: none; /* �� ��������� ������ ��� ����� */
}
.case-photo.visible {
display: block; /* �� ��������� ���������� ������ ���� */
}
.schedule__session-time {
font: bold 16px Verdana;
color: #fff;
text-decoration: none;
display: block;
}
#fancybox-wrap { }