/* 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: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #d40981; cursor: pointer; }
a:hover { text-decoration: none; }
a:focus { outline: none !important; border: none !important; }
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;*/ }
#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 0 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; }
#layout-head .poster div.r-side { float: right; width: 560px /* 506px */; background: url("/img/poster-bg-blue.png") left top no-repeat; padding-left: 25px; }
#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 !important; color: #ffffff !important; text-align: center; text-decoration: none; }
#layout-head .poster div.poster-box a.no-time { width: 1px; margin: 0 auto; height: 21px; line-height: 18px !important; }
#layout-head .poster div.poster-box a.time { width: 44px; margin: 0 auto; height: 21px; line-height: 18px !important; }
#layout-head .poster div.poster-box a.time:hover { width: 44px; margin: 0 auto; height: 21px; line-height: 18px !important; /* background: url("/img/poster-bg-time.png") left top no-repeat; */ }
#layout-head .poster div.poster-box a.time_sel { width: 44px; margin: 0 auto; height: 21px; line-height: 20px !important; 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; max-width: 125px;height: auto;}
#layout-head .poster div.poster-box a.img img.sel { margin: 0; border: solid 3px #05d2ff;max-width: 125px;height: auto; }
#layout-head .poster div.poster-box a.title { position: relative; clear: both; padding-left: 0; width: 132px; text-align: left; text-decoration: underline; }
#layout-head .poster div.poster-box a.title:hover { text-decoration: none; }
#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 { position: absolute; top: 180px; left: 35px; width: 1100px; height: 40px;}/* margin: 50px 0 7px 60px; */
#layout-head .layout-left-head .screen_head a { padding: 3px; font: 30px Verdana, Tahoma; color: #ffffff; background: url("/img/screen-bg-head.png") left bottom repeat; }
#layout-head .layout-left-head .screen { clear: both; float: left; margin: 90px 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; line-height: 26px; }
#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; white-space: nowrap; }
#layout-head .layout-left-head .screen img { padding: 0; margin: 0 0 0 10px; }
#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; }
#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; }
#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; padding-top: 25px; 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 span { font: 15px Verdana, Tahoma; color: #5a5a5a; }
#layout-head .layout-middle-head .r-side .phone a { font: 15px Verdana, Tahoma; color: #fff; text-decoration:none;}
#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 { clear: both; margin: 0 auto 20px auto; padding: 0; overflow: hidden; }
#layout-content .layout-left { float: left; margin-top: 35px; padding: 0 0 0 50px; width: 350px !important; overflow: hidden; }
#layout-content h2 { font: 18px Verdana, Tahoma; color: #b5bfc2; text-transform: uppercase; }
#layout-content .layout-left .poster { clear: both; float: left; overflow: hidden; }
#layout-content .layout-left .poster img{ max-width: 125px;height: auto; }
#layout-content .layout-left .poster div.poster-box { float: left; margin-right: 18px; width: 145px !important; overflow: hidden !important; }
#layout-content .layout-left .poster div.poster-box a { position: relative; font: 11px Verdana, Tahoma; color: #ffffff; text-align: center; overflow: hidden !important; }
#layout-content .layout-left .poster div.poster-box .time { padding: 10px 0 0 0; }
#layout-content .layout-left .poster div.poster-box a.img { clear: both; margin: 5px 0; }
#layout-content .layout-left .poster div.poster-box a.title { clear: both; text-align: left; }
#layout-content .layout-left .all_news { clear: both; float: left; margin: 30px 0 0 0; color: #d40981; white-space: nowrap; }
#layout-content .layout-middle-wrap { float: left; width: 100%; margin-left: -400px; margin-right: -370px; }
#layout-content .layout-middle { margin: 35px 370px 20px 400px; padding: 0 0 0 20px; font: 11px Verdana, Tahoma; color: #ffffff; overflow: hidden; }
#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 .layout-right { margin-top: 35px; float: left; width: 370px; font: 11px Verdana, Tahoma; color: #ffffff; overflow: hidden; }
#layout-content .layout-right .question { margin-top: 22px; }
#layout-content .layout-right .answer { margin: 13px 0 5px 0 !important; font-size: 14px; }
#layout-content .layout-right .figure { float: left; width: 30px; color: #868789; }
/********* 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; overflow: hidden; }
#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; }
/* Options */
ul#mycarousel { margin-top: 3px !important; }
#slider_schedule { position: relative; height: 250px; overflow: hidden; }
#slider_schedule .viewport { position: relative; float: left; width: 460px; height: 250px; overflow: hidden; }
#slider_schedule .buttons { display: block; position: relative; float: left; border: none; overflow: hidden; /*background: url("/images/buttons.png") no-repeat scroll 0 -38px transparent;*/ }
#slider_schedule .next { margin: 100px 0 0 10px; width: 30px; height: 30px; background: url('/images/gallery_nav_right.png') no-repeat 0 0; text-decoration: none; }
#slider_schedule .prev { margin: 100px 0 0 10px; width: 30px; height: 30px; background: url('/images/gallery_nav_left.png') no-repeat 0 0; text-decoration: none; }
#slider_schedule .disable { visibility: hidden; }
#slider_schedule .overview { position: absolute; padding: 0; margin: 0; left: 0; top: 0; list-style: none !important; }
#slider_schedule .overview li { float: left; margin: 0; padding: 0; width: 140px; height: 250px; list-style: none inside none !important; background-image: none !important; }
.blue-rounded {
float: left;
margin-bottom: 5px;
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 !important;
behavior: url("/js/PIE.htc");
}
.linear-stripe {
float: left;
margin: 2px 5px 0 0;
text-align: center;
width: 200px !important;
height: 11px !important;
background: #950b5c !important;
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");
}
.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; }
/********* 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 !important; width: 191px; height: 17px !important; 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; }
.case-photo {
display: none; /* �� ��������� ������ ��� ����� */
}
.case-photo.visible {
display: block; /* �� ��������� ���������� ������ ���� */
}
#slider { background: white url(../images/slider-bg.jpg); height: 227px; overflow: hidden;
position: relative; margin: 50px 0; }
#mover { width: 2880px; position: relative; }
.slide { padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1 { font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
color: #ac0000; }
.slide p { color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img { position: absolute; top: 20px; left: 400px; }
#slider-stopper { position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
.all_schedule {
color: #fff;
font-size: 16px;
position: absolute;
right: 20px;
top: 20px;
}