/* Main
======================================= */
html, body {height: 100%; width: 100%;}
body, html, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, fieldset, td, th, caption, address, textarea, legend {margin: 0; padding: 0;}
a img, fieldset {border: 0;}
table {border-collapse: collapse;}
td, th {vertical-align: top;}
body {font: 12px Arial, sans-serif; line-height: 1.2; color: #fff; background: #111;}
a {color: #fff;}

.page:after, .faq-slider-block:after, .footer:after, .help-top:after {content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; font-size: 0;}
.page {min-width: 996px; position: relative; overflow: hidden;} 
.bg {height: 472px; width: 100%; position: absolute; left: 0; top: 0;}
.block {height: 271px; width: 1065px; position: absolute; left: 50%; top: 201px; margin: 0 0 0 -533px; background: url(../i/block.png) no-repeat;}
.wrap {position: relative; width: 996px; margin: 0 auto;}
/* disabled navigational button */
.disabled {visibility:hidden !important;}
.preload {position: absolute; left: -2000px; top: -2000px;}


/* 404
======================================= */
.errorContainer {overflow: hidden; padding: 24px 0 0; clear: both; height: 700px; margin: 0 0 23px; position: relative;}
.errorWrap {position: relative; width: 996px; height: 800px; margin: 0 auto;}
.errorPage {min-width: 996px; height: 1000px; position: relative; overflow: hidden;} 
.errorMiddleBg {height: 195px; width: 100%; position: absolute; left: 0; top: 0; margin: 322px 0 0 0 ;}
.errorPlumb {height: 464px; width: 364px; position: absolute; left: 0; top: 0; margin: 250px 0 0 0 ;}
.error404 {height: 56px; width: 263px; position: absolute; left: 0; top: 0; margin: 218px 0 0 709px ;}
.errorText {height: 70px; width: 574px; position: absolute; left: 0; top: 0; margin: 347px 0 0 400px ;}
.errorMainButton {height: 51px; width: 296px; position: absolute; left: 0; top: 0; margin: 440px 0 0 400px; background: url(../i/404/mainButton.png) no-repeat;}
.errorMainButton:hover {background-position: 0 -50px;}
.errorLBButton {height: 50px; width: 279px; position: absolute; left: 0; top: 0; margin: 440px 0 0 696px;background: url(../i/404/logbookButton.png) no-repeat;}
.errorLBButton:hover {background-position: 0 -50px;}

/* Live
======================================= */
.live-block {position: absolute; right: -262px; top: 214px; z-index: 100; width: 291px;}
.live {outline: none; cursor: pointer; float: left; width: 29px; margin: 65px 0 0;}
.live img {width: 29px; height: 132px; display: block;}
.live-block-inner {float: left; width: 262px; height: 454px; background: url(../i/live-block.png) no-repeat;}

.live-nav {width: 229px; padding: 16px 0 8px 22px; background: url(../i/live-header.png) no-repeat 13px 12px; overflow: hidden; position: relative;}
.live-nav a {float: left; height: 38px; outline: none;}
.live-chat-button {width: 55px; background: url(../i/title/ru/live-chat.png) no-repeat;}
.live-mail-button {width: 77px; background: url(../i/title/ru/live-mail.png) no-repeat;}
.live-button-current {background-position: 0 -38px;}

.live-chat {width: 225px; padding: 6px 0 0 18px; display: none; position: relative;}
.live-user {width: 199px; height: 69px; padding: 14px 13px 15px; background: url(../i/live-user.png) no-repeat; margin: 0 0 13px;}
.live-user img {float: left; margin: 0 10px 0 0;}
.live-user p {color: #6b6560; font-size: 11px; padding: 18px 0 2px;}
.live-user span {font-size: 15px; font-weight: bold; color: #000;}
.live-window {background: #fff; height: 211px; overflow: hidden; margin: 0 0 14px;}
.live-mess {padding: 0; margin: 0; font-size: 11px; color: #a0a0a0; font-family: Arial, sans-serif; padding: 4px 7px; width: 205px; display: block;}
.live-mail {padding: 0 0 0 18px; width: 234px; position: relative;}
.live-mail p {color: #e1b999; font-size: 11px; padding: 0 0 10px;}
.live-mail textarea {padding: 0; margin: 10px 0 13px; font-size: 11px; height: 210px; color: #a0a0a0; font-family: Arial, sans-serif; padding: 4px 7px; width: 209px; display: block;}

.live-mail-ok {width: 225px; text-align: center; position: relative; display: none; }

/* Header
======================================= */
.header {position: relative; overflow: hidden; padding: 52px 10px 0 3px;}
.logo {float: left; margin: 0 58px 0 0;}
.logo div, .logo img, .logo span {display: block; width: 194px; height: 42px; color: #fff; text-decoration: none; font-size: 24px; position: relative;}
.logo a {display: block; outline: none; width: 224px; height: 77px; position: relative;}
.logo div {padding: 9px 17px 26px 13px;}
.logo a:hover {background: url(/i/logo-hover.png) no-repeat;}


/* Title
======================================= */
.title {padding: 13px 0 23px 288px; height: 30px; overflow: hidden; clear: both; font-weight: normal; color: #fff; font-size: 28px;}
.ru .title span, .ru .title img {display: block; width: 353px; height: 30px;}


/* Navigation
======================================= */
.nav {float: left; width: 676px; height: 42px; background: url(../i/nav.png) no-repeat; margin: 9px 0 0; padding: 11px 0 0 15px;}
.nav-yellow {float: left; width: 676px; height: 42px; background: url(../i/nav-yellow.png) no-repeat; margin: 9px 0 0; padding: 11px 0 0 15px;}
.nav-green {background: url(../i/nav-green.png) no-repeat;}
.nav-grey {background: url(../i/nav-grey.png) no-repeat;}

.nav a {display: block; outline: none;}
.nav a span {display: block;}
.nav-yellow a {display: block; outline: none;}
.nav-yellow a span {display: block;}
.nav-separator {width: 1px; padding: 2px 0;}
.nav-separator span {display: block; height: 20px; width: 1px; background: url(../i/nav-separator.png) no-repeat;}
.nav-center a {padding: 6px 3px 0; height: 18px;}
.nav-left {padding: 0 0 0 11px;}
.nav-right {padding: 0 10px 0 0;}
.nav-left a {width: 9px; height: 24px;}
.nav-right a {width: 9px; height: 24px;}
.nav-current-left a {background: url(../i/nav-current-left.png) no-repeat !important;}
.nav-current-center a {background: url(../i/nav-current-center.png) repeat-x !important; padding-left: 7px; padding-right: 7px;}
.nav-current-right a {background: url(../i/nav-current-right.png) no-repeat !important;}
.nav-yellow-left a {background: url(../i/nav-yellow-left.png) no-repeat !important;}
.nav-yellow-center a {background: url(../i/nav-yellow-center.png) repeat-x !important; padding-left: 7px; padding-right: 7px;}
.nav-yellow-right a {background: url(../i/nav-yellow-right.png) no-repeat !important;}
.nav-green .nav-current-left a {background: url(../i/nav-left-green.png) no-repeat !important;}
.nav-green .nav-current-center a {background: url(../i/nav-center-green.png) repeat-x !important; padding-left: 7px; padding-right: 7px;}
.nav-green .nav-current-right a {background: url(../i/nav-right-green.png) no-repeat !important;}
.nav-current-left, .nav-current-right {padding: 0;}
.nav-separator-current span {background: none !important;}
.hover .nav-left a {background: url(../i/nav-left.png) no-repeat;}
.hover .nav-center a {background: url(../i/nav-center.png) repeat-x;}
.hover .nav-right a {background: url(../i/nav-right.png) no-repeat;}


/* Demo
======================================= */
.demo-container {clear: both; background: url(../i/demo.png) repeat-x; margin: 0 35px 23px 16px;}
.demo {background: url(../i/demo.jpg) no-repeat right -96px;}
.demo-inner {background: url(../i/demo.jpg) no-repeat 0 -48px; height: 30px; padding: 18px 0 0 25px;}
.demo-inner img {float: left; margin: 0 7px 0 0; font-size: 14px;}
.demo-inner a {float: left; overflow: hidden; height: 15px; text-decoration: none; outline: none;}
.demo-inner a img {margin: 0;}
.demo-inner a:hover img {margin: -15px 0 0;}
.demo-inner span {display: block; width: 16px; height: 15px; float: left; background: url(../i/popup.png) no-repeat right 0; padding: 0 14px 0 0;}


/* FAQ
======================================= */
.faq-container {background: url(../i/faq-bot.png) no-repeat 0 bottom; clear: both; margin: 0 0 30px;}
.faq {padding: 8px 0; background: url(../i/faq-top.png) no-repeat;}
.faq-inner {border-left: 1px solid #1f1f1f; border-right: 1px solid #1f1f1f; background: #171817; position: relative;}
.faq-inner h3 {padding: 12px 50px 0; height: 40px; color: #747474; font-size: 22px; font-weight: normal;}
.faq-inner ul {padding: 2px 0 6px; clear: both; text-align: center;}
.faq-inner li {cursor: pointer; display: inline; list-style: none; font-size: 22px; line-height: 16px; color: #747474;}
.faq-inner li.active, .faq-inner li.active:hover {color: #fff;}
.faq-inner li:hover {color: #c0c0c0;}
.faq-slider-prev, .faq-slider-next {position: absolute; top: 50%; margin: -25px 0 0; cursor: pointer;}
.faq-slider-prev, .faq-slider-next, .faq-slider-prev img, .faq-slider-next img {width: 23px; height: 31px; display: block;}
.faq-slider-prev {left: -1px; padding: 10px 10px 10px 0;}
.faq-slider-next {right: -1px; padding: 10px 0 10px 10px;}
.scrollable {position: relative; overflow: hidden; width: 893px; height: 270px; margin: 0 50px;}
.faq-slider {width: 20000em; position: absolute; clear: both;}
.faq-slider-block {float: left;}
.faq-slider-inner {float: left; width: 280px; padding: 0 18px 0 0;}
.faq-slider-inner a {color: #c9ecff;}
.faq-slider-inner h4 {font-size: 17px; font-weight: normal; color: #c9ecff; padding: 0 0 8px;}
.faq-slider-inner p {font-size: 13px; line-height: 15px; padding: 0 0 8px;}


/* Registration
======================================= */
.reg-bg {position: fixed; left: 0; top: 0; width: 100%; height: 100%;}
.reg {width: 658px; position: relative; margin: 0 auto; padding: 39px 0 95px;}
.reg-nav {height: 91px; overflow: hidden; background: url(../i/reg-top.png) no-repeat; clear: both;}
.reg-nav ul {list-style: none; overflow: hidden; padding: 21px 18px 0 16px; height: 70px;}
.reg-nav li {float: left; width: 215px; height: 70px;}
.reg-nav li div {width: 215px; height: 70px;}
.reg-nav li a {display: block; padding-top: 18px; height: 52px;}
.reg-nav li span, .reg-nav li img {display: block;}
.reg1-sel div {background: url(../i/reg1.png) no-repeat;}
.reg1 a {padding-left: 18px;}
.reg-nav li.reg2 a {padding-left: 10px;}
.reg3 a {padding-left: 23px;}
.reg3-sel div {background: url(../i/reg3.png) no-repeat;}
.reg-nav li.reg2, .reg-nav li.reg2 div {width: 194px;}
.reg-nav li.reg2 a {width: 184px;}
.reg .logo {padding-bottom: 5px;}

.reg-body {clear: both; overflow: hidden; background: url(../i/reg-center.png) repeat-y;}
.reg-body-inner {margin: 0 18px 0 16px; padding: 15px 18px 10px; background: #111;}
.reg-body-inner h2 {padding: 0 0 10px; height: 30px;}
.reg-body-inner p {font-size: 14px; padding: 0 0 18px;}
.reg-body-inner p a {color: #b5e9fa; text-decoration: none;}
.reg-body-inner p a:hover {text-decoration: underline;}
.reg-footer {height: 81px; overflow: hidden; background: url(../i/reg-bot.png) no-repeat; clear: both;}
.reg-footer a {display: block; width: 193px; height: 30px; background: url(../i/reg-button.png) no-repeat; float: right; cursor: pointer; position: relative; outline: none;}
.reg-footer div {padding: 30px 18px 0; overflow: hidden;}
.reg-footer a img {display: block; margin: 8px 0 0 22px;}

.reg-block {border-top: 1px solid #222933; padding: 18px 25px 18px 18px;}
.reg-body-inner h3 {height: 26px;}
.reg-body-inner h4 {font-size: 13px; padding: 0 0 7px; font-weight: normal;}
.reg-adr {overflow: hidden; padding: 0 0 10px;}
.reg-adr input {float: left; margin: 0 9px 0 0; width: 234px;}
.reg-adr img {float: left; margin: 4px 0 0;}
.reg-mail input {margin-right: 22px; color: #888;}
.reg-mail span {float: left; color: #959595; width: 230px; line-height: 13px; margin: -2px 0 0; position: relative;}
.reg-block-inner {float: left; margin: 0 22px 0 0;}
.reg-block-inner input {width: 234px; display: block; margin: 0 0 14px;}
.reg-block-inner select {width: 234px;}
.reg-about {clear: both;}
.reg-about input {width: 496px; display: block; margin: 0 0 18px;}
.reg-licen {font-size: 11px;}
.reg-licen input {float: left; margin: 0 6px 0 -2px;}
.reg-licen a {color: #7bc0d1;}
.reg-licen a:hover, .reg-tarifplan-inner a:hover {color: #fff;}
.reg-tarifplan {overflow: hidden; padding: 18px 17px 16px 18px;}
.reg-tarifplan-inner {overflow: hidden; padding: 0 0 12px;}
.reg-tarifplan-inner h3 {float: left;}
.reg-tarifplan-inner a {float: right; font-size: 11px; color: #9c9c9c; margin: 3px 0 0;}

.reg-tarif-blue {width: 589px; height: 60px; padding: 11px 0 0; background: url(../i/reg-blue.jpg) no-repeat;}
.reg-tarif-blue strong {font-size: 11px; display: block; font-weight: normal; color: #abc4e3; padding: 0 0 3px;}
.reg-tarif-blue p {font-size: 13px;}
.reg-tarif-blue span {color: #abc4e3;}
.reg-tarif-blue div {float: left;}
.reg-tarif-blue div span {font-size: 11px; display: block;}
.reg-tarif-blue div p {padding: 0 0 4px;}
.reg-tarif-blue div b {font-size: 17px; font-weight: bold; line-height: 19px; padding: 0 0 3px; display: block;}
.reg-tarif-blue div em {line-height: 16px; font-style: normal; padding: 1px 0 0; display: block;}
.reg-tarif-blue .tarif-select-pay {padding-left: 34px;}
.reg-tarif-blue .tarif-select-first {color: #abc4e3; padding: 19px 0 0;}
.reg-tarif-yel {background: url(../i/reg-yel.jpg) no-repeat;}
.reg-tarif-yel span, .reg-tarif-yel .tarif-select-first {color: #ebb464;}
.reg-tarif-yel strong {color: #e0bb85;}
.reg-tarif-red {background: url(../i/reg-red.png) no-repeat;}
.reg-tarif-red span, .reg-tarif-red .tarif-select-first {color: #e48481;}
.reg-tarif-red strong {color: #c8908e;}




/* Pay Info
======================================= */
.pay-info {overflow: hidden; padding: 0 22px 0 18px; clear: both; margin: 0 0 38px;}
.pay-info h3 {padding: 0 0 16px; clear: both; font-size: 20px; color: #707070; font-weight: normal;}
.pay-info h3 img {float: none;}
.pay-info img {float: left; margin: 1px 10px 0;}
.pay-info div {margin: 2px 0 0 302px; color: #b8b8b8; font-size: 13px; line-height: 15px;}
.pay-info div p {padding: 0 0 10px;}


/* Index
======================================= */
.index-container {overflow: hidden; padding: 24px 0 0; clear: both; height: 470px; margin: 0 0 23px; position: relative;}
.index-shadow {position: absolute; top: 431px; left: 16px; background: url(../i/index-shadow.png) no-repeat; width: 950px; height: 42px;}
.index-nav {float: left; width: 272px; padding: 38px 35px 0 16px;}
.index-nav h2 {height: 76px; clear: both; font-size: 30px; font-weight: normal;}
.index-nav p {font-size: 13px; padding: 0 0 18px;}
.index-more {font-size: 13px; padding: 0 0 20px;}
.index-more a {color: #91eeff;}
.index-more a:hover {color: #fff;}
.index-demo {width: 258px; height: 42px; display: block; background: url(/i/en/try-demo-sprite.png) no-repeat; margin: 0 0 6px;}
.index-pricing {width: 258px; height: 42px; display: block; background: url(/i/en/index-signup-sprite.png) no-repeat; margin: 0 0 6px;}

.index-slider {float: left; width: 650px; position: relative;}
.index-prev, .index-next {cursor: pointer; width: 72px; height: 72px; position: absolute; top: 160px;}
.index-prev {left: 0; background: url(../i/slide-prev.png) no-repeat;}
.index-next {right: 0; background: url(../i/slide-next.png) no-repeat;}
.index-prev:hover {background: url(../i/slide-prev-hover.png) no-repeat;}
.index-next:hover {background: url(../i/slide-next-hover.png) no-repeat;}
.index-slides {position: relative; width: 484px; height: 378px; margin: 0 auto; background: url(../i/slides-block.png) no-repeat;}

.index-slides-nav {width: 166px; clear: both; left: 240px; list-style: none; padding: 9px 0 0 10px; height: 40px; position: absolute; z-index: 100;}
.index-slides-nav li {float: left; width: 83px; height: 40px;}
.index-slides-nav li.current, .index-slides-nav li.current:hover {background: url(../i/slider-current.png) no-repeat;}
.index-slides-nav li:hover {background: url(../i/slider-hover.png) no-repeat 6px 0;}
.index-slides-nav a {display: block; padding: 9px 0 0; height: 31px; outline: none;}
.index-slides-nav span, .index-slides ul img {display: block;}
.index-slides-nav a.index-pics {padding-left: 19px; cursor: pointer;}
.index-slides-nav a.index-video {padding-left: 21px; cursor: pointer;}
.index-effect {position: absolute; left: 0; top: 39px; width: 481px; height: 339px; overflow: hidden;}
.index-effect .items {position: absolute; width: 20000em;}
.index-effect .items div {float: left;}
.index-effect .items div img, .index-effect .items div a {display: block;}

/* Vision
======================================= */
.vision-container {overflow: hidden; padding: 0 0 40px 16px;}
.vision-descr {float: left; width: 237px; padding: 45px 30px 0 0;}
.vision-descr h3 {height: 364px;}
.vision-descr h3 span, .vision-descr h3 img {display: block;}
.vision-descr p {font-size: 13px; padding: 0 0 16px;}

.vision-block {padding: 18px 0 0; width: 706px; float: left; position: relative;}
.vision-block-bg {width: 706px; height: 362px; position: absolute; left: 0; top: 18px; background: url(../i/vision-block.png) no-repeat;}
.vision-book-block {overflow: hidden; height: 198px; width: 650px; position: relative; z-index: 10; padding: 26px 0 0 23px;}
.vision-book-cover {float: left;}

.vision-book-cover-span {overflow: hidden; height: 144px; width: 103px; display: block; background: url(../i/book-cover.png) no-repeat;}
.vision-book-cover-span:hover {background-position: 0 -144px;}

.vision-download {float: left; padding: 0 55px 0 34px; width: 145px;}
.vision-download h2 {height: 112px;}
.vision-download h2 span, .vision-download h2 img {display: block;}
.vision-links-block {float: left; width: 272px;}
.vision-links-block-what{float: right; width: 100px; padding: 25px 48px 0 0;}
.vision-links-block-one-img{float: left;}
.vision-links-block-one-text{float: left; padding: 1px 0 0 12px;}
.vision-links-block-one-link{float: left; margin: -36px 0 0 128px; width:190px; height:19px; background: url(../i/vision-links-block-one-link.png) no-repeat;}
.vision-links-block-one-link:hover{background-position: 0 -19px;}
.vision-links-block-two-img{float: left;}
.vision-links-block-two-text{float: left; padding: 1px 0 0 12px;}
.vision-links-block-two-link{float: left; margin: -35px 0 0 127px; width:93px; height:18px; background: url(../i/vision-links-block-two-link.png) no-repeat;}
.vision-links-block-two-link:hover{background-position: 0 -18px;}
.vision-links-block-space{float: left; width: 266px; padding: 5px 0 25px 0;}
.vision-text p {margin: 0 0 16px;}

.vision-load-book {display: block; width: 105px; height: 36px;}
.vision-read-book {display: block; width: 72px; height: 36px; margin: -36px 105px 0;}

.vision-chapter {position: relative; padding: 0 36px 0 48px;}
.vision-chapter h2 {padding: 0 0 3px;}
.book-parts {border-top: 1px solid #1f2829;}
.books-part-block :first-child {border: 0;}
.book-parts div {padding: 0 30px 15px 51px; display: none;}
.book-parts p {font-size: 13px; padding: 0 0 16px;}
.book-parts-title {display: block; padding: 14px 0; outline: none;}
.book-parts-title span {display: block; height: 15px; overflow: hidden; cursor: pointer;}
.book-parts-title span img {display: block; cursor: pointer;}
.book-parts-title:hover span img {margin: -15px 0 0;}
.book-parts-title:hover {border: 0;}
.book-parts div span {color: #888; font-size: 11px;}
.book-parts div span a {padding: 0 0 0 21px; color: #3489c5; background: url(../i/pdf.png) no-repeat; margin: 0 0 0 4px;}
.book-parts div span a:hover {color: #bde4ff;}


/* About
======================================= */
.about-container {overflow: hidden; height: 336px; padding: 37px 0 30px;}
.about-address {float: left; width: 268px; padding: 5px 40px 0 0;}
.about-address h2 {padding: 0 0 0 16px; height: 48px;}
.about-address h2 span, .about-address h2 img {display: block;}
.about-contacts {font-size: 14px; line-height: 18px; font-style: normal; padding: 0 0 26px 16px;}
.about-contacts b {display: block; padding: 9px 0 0;}
.about-email {width: 268px; height: 123px; background: url(../i/contacts-block.png) no-repeat; display: block;}
.about-email dl {padding: 17px 0 0 18px; position: relative;}
.about-email img {display: block;}
.about-email dt img {display: block; cursor: pointer;}
.about-email dd {overflow: hidden; padding: 6px 0 0;}
.about-email dd a {display: block; height: 13px; float: left; position: relative;}
.about-shadow {width: 266px; height: 57px; background: url(../i/about-shadow.png) no-repeat;}
.about-email dd.about-email-support {padding-bottom: 23px;}

.about-company {float: left; width: 680px;}
.about-company h2 {clear: both; height: 52px;}
.about-company h2 *, .about-company div h3 * {display: block;}
.about-company div {float: left; width: 49%;}
.about-company div h3 {height: 40px;}
.about-company div p {font-size: 13px; padding: 0 20px 16px 0;}


/* Team
======================================= */
.team-container {clear: both; overflow: hidden; padding: 0 0 34px;}
.team-journal {width: 264px; float: left; padding: 0 37px 0 0;}
.team-journal-top, .team-journal-bot {width: 264px; height: 18px;}
.team-journal-bot {background: url(../i/journal-bot.png) no-repeat;}
.team-journal-top {background: url(../i/journal-top.png) no-repeat;}
.team-journal-block {width: 272px; height: 268px; background: url(/i/journal-body.png) no-repeat;}
.team-journal-prew-one{width: 80px; height: 100px; padding: 20px 0 0 16px;}
.team-journal-prew-two{width: 80px; height: 104px; padding: 19px 0 0 16px;}
.team-journal-prew-one-text {float: right; width: 155px; padding: 0 0 0 0;}
.team-journal-prew-one-text img {display: block; margin: 20px 0 0 -9px;}
.team-journal-prew-one-text-link{width: 100px; margin: -16px 0 0;}
.team-journal-prew-two-text {float: right; width: 155px; padding: 0 0 0 0;}
.team-journal-prew-two-text img {display: block; margin: 18px 0 0 -9px;}
.team-journal-prew-two-text-link{width: 100px; margin: -34px 84px 0;}
/*.team-journal-block {border-left: 1px solid #292929; border-right: 1px solid #292929; padding: 8px 14px 6px 22px;}
.team-journal-block h3 {height: 28px;}
.team-journal-block h4 {font-size: 17px; color: #a7dd97; padding: 0 0 4px; font-weight: normal;}
.team-journal-block span {display: block; font-size: 13px; padding: 0 0 6px;}
.team-journal-block p {font-size: 13px; line-height: 18px;}
.team-journal-block p a {color: #f1ff7e;}
.team-journal-block p a:hover {color: #fff;}*/

.team-block {float: left; position: relative; width: 681px;}
.team-block h2 {height: 41px; padding: 0 0 0 16px;}
.team-block dl {position: relative;}
.team-block dt {position: relative; width: 236px; z-index: 20;}
.team-block dt a {display: block; padding: 13px 0 13px 16px; outline: none; position: relative;}
.team-block dt i {height: 33px; display: block; overflow: hidden; font-style: normal; cursor: pointer;}
.team-block dt img {display: block; cursor: pointer;}
.team-block dt span {position: absolute; width: 253px; height: 65px; left: 0; top: -4px; background: url(../i/team-current.png) no-repeat; display: none;}
.team-block dt a:hover img {margin: -66px 0 0;}
.team-block dt.team-current span {display: block;}
.team-block dt.team-current img, .team-block dt.team-current a:hover img {margin: -33px 0 0;}

.team-block dd {position: absolute; right: 0; top: -41px; width: 429px; background: url(../i/team-bot.png) no-repeat 0 bottom; padding: 0 0 10px; display: none;}
.team-top {padding: 10px 0 0; background: url(../i/team-top.png) no-repeat;}
.team-inner {border-left: 1px solid #202020; border-right: 1px solid #202020; background: #171817; padding: 13px 5px 2px 27px; overflow: hidden;}
.team-quote {float: left; width: 240px; padding: 0 12px 0 0;}
.team-quote p {padding: 0 0 16px;}
.team-photo {float: left; width: 140px;}
.team-photo img {display: block; margin: 0 0 20px;}
.team-inner address {font-style: normal;}
.team-inner address a {color: #9ee6f2;}
.team-inner address a:hover {color: #fff;}


/* Tour
======================================= */
.tour-container {padding: 13px 0 0; position: relative; background: url(../i/tour-bot.png) no-repeat 0 301px;}
.tour-slider-bg {position: absolute; left: 0; top: 13px; background: url(../i/tour.png) no-repeat; width: 996px; height: 288px;}

.tour-info-block {overflow: hidden; padding: 46px 0 50px 76px; position: relative;}
.tour-info-inner {float: left; width: 410px; padding: 0 35px 0 0; color: #cfcfcf;}
.tour-info-inner h2 {height: 40px;}
.tour-info-inner h3 {font-size: 15px; color: #cfca80; font-weight: normal; padding: 0 110px 10px 0;}
.tour-info-inner p {font-size: 13px; padding: 0 0 10px;}
.tour-info-inner p a {font-size: 12px; color: #84f2ff;}
.tour-info-inner p a:hover {color: #fff;}
.tour-info-inner dl {padding: 0 0 8px;}
.tour-info-inner dt {font-size: 15px; color: #cfca80;}
.tour-info-inner dd {padding: 0 0 10px; font-size: 13px;}
.tour-test {font-size: 17px; color: #84f2ff;}
.tour-test:hover {color: #fff;}
.tour-info-inner table {width: 380px; margin: 0 0 30px; font-size: 12px; background: url(../i/tour-tbl.png) no-repeat;}
.tour-info-inner td {color: #406914; border-bottom: 1px solid #181818; padding-top: 4px; padding-bottom: 3px; text-align: center; vertical-align: middle;}
.tour-info-inner td.tour-null {color: #6a6a6a;}
.tour-info-inner th {color: #707070; text-align: left; font-weight: normal; border-bottom: 1px solid #181818; padding-top: 4px; padding-bottom: 3px; width: 133px; vertical-align: middle;}
.tour-info-tbl th {text-align: center; border: 0; padding-left: 9px; padding-right: 9px; width: auto; padding-top: 7px; padding-bottom: 7px;}
.tour-info-inner li {margin: 0 0 0 18px; font-size: 13px;}
.tour-info-tblbot th, .tour-info-tblbot td {border: 0;}

.tour-prev, .tour-next {width: 43px; height: 46px; display: block; position: absolute; top: 279px; cursor: pointer;}
.tour-prev {background: url(../i/tour-prev.png) no-repeat; left: 12px;}
.tour-next {background: url(../i/tour-next.png) no-repeat; right: 12px;}

.tour-tabs {overflow: hidden; list-style: none; position: relative; z-index: 50; padding: 18px 0 0 36px;}
.tour-tabs li {float: left; position: relative;}
.tour-tabs li div {float: left; display: block; height: 49px; padding: 17px 0 0 26px; width: 161px; position: relative; cursor: pointer;}
.tour-tabs li span, .tour-tabs li img {display: block; position: relative;}
.tour-tabs li i {position: absolute; top: 0; left: -9px; height: 65px; width: 203px; background: url(../i/tour/center.png) no-repeat; display: none;}
.tour-tabs li i.tour-first {left: 0;width: 193px;background: url(../i/tour/first.png) no-repeat;}
.tour-tabs li i.tour-last {right: 15px; left: auto; width: 192px; background: url(../i/tour/last.png) no-repeat;}
.tour-tabs li b {display: none;}
.tour-tabs li.active b {display: block; position: relative;}
.tour-tabs li.active span {display: none;}
.tour-tabs li.active i {display: block;}
.tour-tabs li s {display: block; position: absolute; right: 0; top: 14px; background: url(../i/tour/separator.png) no-repeat; width: 1px; height: 31px;}

.tour-slider {position: relative; margin: 0 75px 20px; height: 473px; width: 840px; overflow: hidden;}
.tour-slider-block {float: left; width: 840px; font-size: 14px; padding: 35px 0 0;}
.tour-slider-block a {outline: none;}
.tour-slider-block1 h3 {height: 80px; clear: both;}
.tour-slider-block1 div {float: left; width: 400px;}
.tour-slider-block1 div p {padding: 30px 0 0;}
.tour-slider-block1-margin {margin: 0 40px 0 0;}
.tour-slider-block2-top {overflow: hidden; padding: 0 0 16px;}
.tour-slider-block2-top h3 {float: left; width: 415px;}
.tour-slider-block2-bot {overflow: hidden;}
.tour-slider-block2-bot a, .tour-slider-block2-bot p {float: left;}
.tour-slider-block2-para1 {width: 160px; padding: 0 60px 0 30px;}
.tour-slider-block2-para2 {width: 180px; padding: 0 0 0 30px;}
.tour-slider-block3-left {float: left; padding: 0 8px 0 0; width: 407px;}
.tour-slider-block3-left h3 {height: 164px;}
.tour-slider-block3-left p {padding: 0 0 25px; width: 340px;}
.tour-slider-block3-right {float: left; width: 422px;}
.tour-slider-block3-right p {padding: 18px 0 0 25px;}
.tour-slider-block4-top {overflow: hidden; padding: 0 0 33px;}
.tour-slider-block4-top h3 {float: left; width: 415px;}
.tour-slider-block4-bot p, .tour-slider-block4-bot a {float: left;}
.tour-slider-block4-para1 {padding: 0 45px 0 25px; width: 185px;}
.tour-slider-block4-para2 {padding: 0 0 0 25px; width: 140px;}
.tour-slider-block5-left {width: 356px; padding: 0 60px 0 0; float: left;}
.tour-slider-block5-left h3 {height: 211px;}
.tour-slider-block5-left p {padding: 30px 0 0;}
.tour-slider-block5-right {width: 422px; float: left;}
.tour-slider-block5-right p {padding: 0 0 20px 23px;}
.tour-slider-block5-right div {padding: 0 0 20px;}
.tour-slider-inner {clear: both; position: absolute; width: 20000em;}


/* Help
======================================= */
.help-top {padding: 17px 0 0; height: 341px; clear: both; position: relative;}
.help-shadow {position: absolute; bottom: 10px; left: 286px; width: 704px; height: 41px; background: url(../i/help-shadow.png) no-repeat}
.help-prev, .help-next {width: 15px; height: 75px; position: absolute; z-index: 50; top: 115px; cursor: pointer;}
.help-prev {left: 0; background: url(../i/help-left.png) no-repeat;}
.help-next {right: 0; background: url(../i/help-right.png) no-repeat;}
.help-popular {width: 286px; float: left; position: relative; width: 286px; height: 308px;}
.help-popular h3 {padding: 26px 0 0 34px; height: 40px; position: relative;}
.help-popular h3 span, .help-popular h3 img {display: block;}
.help-popular-inner {overflow: hidden; height: 210px; position: relative; width: 216px; margin: 0 38px 0 34px;}
.help-popular-block {position: absolute; width: 20000em; clear: both;}
.help-popular dl {float: left; height: 210px; width: 217px; position: relative;}
.help-popular dt {padding: 0 0 6px;}
.help-popular dt.help-separator {height: 1px; overflow: hidden; padding: 0; margin: 0 0 12px; background: url(../i/help-separator.png) no-repeat;}
.help-popular dt a {font-size: 14px; line-height: 16px; color: #84f2ff; text-decoration: none;}
.help-popular dd {font-size: 13px; padding: 0 0 14px;}
.help-popular dd a {color: #84f2ff; text-decoration: none;}
.help-popular ul {text-align: center; padding: 5px 0 0; position: relative;}
.help-popular li {display: inline; font-size: 22px; line-height: 16px; color: #86b3bd; cursor: pointer;}
.help-popular li.active {color: #fff;}
.help-slider {position: absolute; width: 286px; height: 308px; background: url(../i/help-slider.png) no-repeat; left: 0; top: 0;}
.help-more {display: block; width: 153px; height: 44px; outline: none; overflow: hidden;}
.help-more span, .help-more img {display: block;}
.help-more:hover .help-more1, .help-more-selected .help-more .help-more1 {display: none;}

.help-more-block {position: relative;}
.help-more-podmenu {position: absolute; left: 2px; top: 47px; z-index: 50; display: none;}
.help-more-block table div {width: 9px; height: 9px; overflow: hidden;}
.help-lt div {background: url(../i/help-lt.png) no-repeat;}
.help-rt div {background: url(../i/help-rt.png) no-repeat;}
.help-lb div {background: url(../i/help-lb.png) no-repeat;}
.help-rb div {background: url(../i/help-rb.png) no-repeat;}
.help-white {background: #fff;}
.help-more-block table ul {list-style: none; font-size: 12px; padding: 4px 0 0;}
.help-more-block table a {display: block; color: #6e6e6e; text-decoration: none; white-space: nowrap;}
.help-more-block table a:hover {background: url(../i/help-podmenu-right.png) no-repeat right 0; color: #fff;}
.help-more-block table span {display: block; padding: 4px 10px 5px; cursor: pointer;}
.help-more-block table a:hover span {background: url(../i/help-podmenu-left.png) no-repeat;}


.help-lessons {float: left; width: 190px; padding: 0 20px 0 35px; position: relative;}
.help-lessons h2 {padding: 23px 0 0; height: 140px;}
.help-lessons h2 span, .help-lessons h2 img {display: block;}
.help-lessons p {padding: 0 0 16px; font-size: 13px; width: 150px;}
.help-video-block {position: relative; padding: 15px;}
.help-video-block span, .help-video-block img {display: block;}
.help-video {position: relative; width: 458px; height: 298px; float: left;}
.help-video-bg {position: absolute; left: 0; top: 0; width: 458px; height: 298px; background: url(../i/help-video.png) no-repeat;}

.help-bot {padding: 23px 0; overflow: hidden; clear: both;}
.help-search {float: left; width: 300px;}
.help-search form {height: 90px; width: 252px; padding: 27px 0 0 35px; background: url(../i/search-bg.png) no-repeat; margin: 0 0 15px;}
.help-search form h3 {height: 30px;}
.help-search form div {float: left; width: 154px; height: 24px; padding: 4px 4px 0; background: url(../i/search.png) no-repeat; margin: 2px 1px 0 0;}
.help-search form div input {outline: none; border: 0; margin: 0; padding: 0; font-size: 16px; width: 150px;}
.help-que {width: 252px; padding: 26px 0 0 35px; height: 83px; background: url(../i/que-bg.png) no-repeat; margin: 0 0 15px;}
.help-que h3 {height: 28px;}
.help-que a {display: block; width: 195px; height: 32px; background: url(../i/title/ru/add.png) no-repeat 2px 2px; outline: none;}
.help-que a:hover {background: url(../i/title/ru/add.png) no-repeat 0 -32px;}

.help-faq {float: left; width: 695px;}
.help-faq h2 {padding: 7px 0 0 25px; height: 45px;}
.help-faq-block {clear: both; overflow: hidden; padding: 0 0 12px;}
.help-faq-block div {float: left; width: 206px; display: inline; border-bottom: 1px solid #1f2829; padding: 0 0 10px; margin: 0 0 0 25px; color: #757575;}
.help-faq-block div h4 {font-size: 15px; font-weight: normal;}
.help-faq-block div h4 a {color: #84f2ff; text-decoration: none;}
.help-faq-block div h4 a:hover {color: #fff; text-decoration: underline;}
.help-border div {border: 0;}


/* Help Inner
======================================= */
.help-container {overflow: hidden; padding: 19px 0 20px;}
.help-left-block {float: left; padding: 20px 0 0; width: 300px;}
.help-left-block h2 {height: 36px; padding: 0 0 0 35px;}
.help-razdel {list-style: none; height: 435px; width: 215px; padding: 0 0 0 35px;}
.help-razdel li {position: relative;}
.help-razdel a {display: block; color: #84f2ff; font-size: 13px; text-decoration: none; padding: 5px 0 4px; position: relative; z-index: 10;}
.help-razdel a:hover {color: #fff; text-decoration: underline;}
.help-razdel span {display: block; height: 1px; overflow: hidden; background: url(../i/help-line.png) no-repeat;}
.help-razdel i {display: none;}
.help-razdel-current i {display: block; position: absolute; left: -10px; top: 2px; width: 226px; height: 21px; background: url(../i/help-current.png) no-repeat;}
.help-razdel-current span {display: none;}
.help-razdel-current a, .help-razdel-current a:hover {color: #111; text-decoration: none;}

.help-right-block {float: right; position: relative; width: 691px;}
.help-right-bg {background: url(../i/help-block.png) no-repeat; position: absolute; width: 710px; height: 460px; left: -16px; top: 0;}
.help-right-block-inner {position: relative; z-index: 15;}
.help-right-block h2 {padding: 28px 10px 0 35px; float: left;}
.help-right-block h2 p {font-weight: normal; font-size: 15px; color: #778990; padding: 1px 0 0;}
.help-right-block h2 span, .help-right-block h2 img, .help-back span, .help-back img, .help-left-block h2 span, .help-left-block h2 img {display: block;}
.help-back {float: right; margin: 34px 20px 0 0; display: inline;}
.help-right-block-inner dl {clear: both; padding: 50px 47px 0 37px;}
.help-right-block-inner dt {color: #9af4fe; font-size: 17px; padding: 0 0 10px;}
.help-right-block-inner dd {font-size: 13px; padding: 0 0 5px; border-bottom: 1px solid #293436; margin: 0 0 18px;}
.help-right-block-inner dd p {padding: 0 0 15px;}











/* Footer
======================================= */
.footer {
	clear: both;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 38px;
	padding-left: 18px;
}
.footer address {float: left; font-size: 11px; line-height: 12px; font-style: normal; padding-top: 4px;}
.copy {color: #414141; width: 565px; padding-right: 20px;}
.copy a {color: #578390;text-decoration: none;}
.copy a:hover {color: #fff;}
.contacts {color: #808080; padding-right: 25px;}
.contacts a {color: #588692; text-decoration: none;}
.contacts a:hover {color: #fff;}

.lang-container {float: left; position: relative;}
.lang-current {display: block; width: 180px; padding: 10px 0 0 17px; height: 23px; background: url(../i/lang.png) no-repeat; outline: none; text-decoration: none;}
.lang-current span {color: #9e9e9e; margin: 0 18px 0 0;}
.lang-current em {font-style: normal; color: #e5e5e5; padding: 0 0 0 27px;}
.lang-menu {position: absolute; left: 0; bottom: 40px; width: 176px; display: none; z-index: 100;}
.lang-menu div {height: 9px;}
.lang-menu ul {list-style: none; border-left: 1px solid #323232; border-right: 1px solid #323232; background: #2d2d2d; padding: 0 6px 0 7px;}
.lang-menu ul a {display: block; text-decoration: none;}
.lang-menu ul a span {display: block; padding: 5px 0 4px 36px;}
.lang-menu ul a:hover {background: url(../i/lang-hover.png) no-repeat;}
.lang-top {background: url(../i/lang-top.png) no-repeat;}
.lang-bot {background: url(../i/lang-bot.png) no-repeat;}


/* LightBox
======================================= */
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../i/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;

}

span#fancy_right_ico {
	right: -9999px;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;

}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
}

td#fancy_title_main {
	height: 32px;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
}