body {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #505050; background: #ffffff;}
table, td, th {border-collapse: collapse; border-spacing: 0;}
* {margin: 0; padding: 0;}
img {border: 0;}
input, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 100%;}

a {color: #852c78; text-decoration: none;}
a:hover {color: #0c319e; text-decoration: underline;}

/* globals */
.g-clear {clear: both; height: 0; overflow: hidden;}
ul.g-layout {list-style: none;}
.g-button {display: inline-block; padding-left: 4px; background: url(images/button_left.gif) no-repeat; line-height: 1em;}
.g-button span {display: inline-block; padding-right: 4px; background: url(images/button_right.gif) no-repeat 100% 0;}
.g-button span span {height: 14px; padding: 5px 4px 6px; background: #c7cde7 url(images/button_bgr.gif) repeat-x;}
.g-button, .g-button:hover {color: #43599b; text-decoration: none; }

.g-plus {position: relative; display: inline-block; width: 13px; height: 13px; overflow: hidden; background: url(images/plus.png) no-repeat; cursor: pointer;}

.g-label {padding-right: .5em;}
.g-input {width: 285px; padding: 1px 2px 2px 2px;}
.g-input-empty {background: #f5eed1;}
.g-select, .g-input[type='file'] {width: 293px;}
textarea.g-input {height: 150px;}

.g-error {color: #ff0000;}

.g-ast {font-weight: bold; color: #43599b;}

/* layout */
.main {width: 952px; margin: 0 auto;}
.main-top {position: relative; z-index: 10; height: 57px; padding-top: 18px; background: #ffffff;}

.main-left {float: left; width: 179px; padding-left: 20px; margin-top: 25px;}
.main-right {margin-left: 270px; padding-right: 25px;}
.main-left, .main-right {padding-bottom: 100px;}
.main-right-content {float: left; width: 100%; padding-bottom: 50px;}

.top-logo {float: left; width: 103px; padding: 4px 0 0 12px;}

.top-menu {float: left; width: 483px; margin-top: 33px; line-height: .9em;}
.top-menu-box {float: right;}
.top-menu-item {float: left; height: .9em; margin-left: 13px; padding-left: 13px; border-left: 1px solid #dadada; _overflow: hidden;}
.top-menu-item.top-menu-first {margin-left: 0; padding-left: 0; border-left: none;}
.top-menu a, .top-menu-submenu a {display: block; color: #7a4578; white-space: nowrap; text-decoration: none; text-transform: uppercase;}
.top-menu a {height: 24px; _float: left;}
.top-menu a:hover, .top-menu-submenu a:hover {color: #d91582;}

.top-menu-submenu {position: absolute; z-index: -1; display: none; top: 50px; margin-left: -43px;}
.submenu-box {padding-left: 11px; background: url(images/dropdown_left.png) no-repeat 0 100%;}
.submenu-box2 {padding-right: 11px; background: url(images/dropdown_right.png) no-repeat 100% 100%;}
.submenu-box3 {padding: 38px 24px 1px 18px; background: url(images/dropdown_bgr.png); _background: #ffffff; _padding-bottom: 10px;}
.submenu-bot {padding-left: 23px; background: url(images/dropdown_left_bot.png) no-repeat; _display: none;}
.submenu-bot div {padding-right: 23px; background: url(images/dropdown_right_bot.png) no-repeat 100% 0;}
.submenu-bot div div {background: url(images/dropdown_bot.png) repeat-x;}
.submenu-bot div div div {height: 23px; background: none;}
.submenu-item {padding-bottom: 8px; padding-left: 14px; background: url(images/arrow_submenu.gif) no-repeat 0 4px;}

.top-nav {float: left; margin-left: 60px;}

.top-nav-menu {height: 24px; font-size: 9px; line-height: .9em; text-transform: uppercase;}
.top-nav-menu li {float: left; margin-left: 19px; padding-left: 14px; background: url(images/arrow_nav_menu.gif) no-repeat 8px 1px; border-left: 1px solid #7f7f7f;}
.top-nav-menu li.top-nav-menu-first {margin-left: 0; border-left: none;}
.top-nav-menu a {color: #555555; text-decoration: none;}

.top-nav-search {float: left; width: 198px; height: 23px; padding-left: 16px; padding-right: 18px; background: #ffffff url(images/search_bgr.gif) no-repeat;}
.top-nav-search-input {float: left; width: 137px; margin-top: 4px; color: #8e8e8e; border: 0; background: #f1f1ec;}
.top-nav-search-input-focused {color: #505050;}
.top-nav-search-button {float: left; width: 24px; height: 23px; margin-left: 22px; padding: 5px 5px 0; border: 0; background: url(images/search_button.gif) no-repeat 5px 5px; cursor: pointer;}
.top-nav-search-button span {position: relative; z-index: -2;}

.top-nav-lang {float: left; margin-top: 4px;}
.nav-lang-item {color: #d1007b;}
.nav-lang-item a {color: #c1c1c1; text-decoration: none;}

.left-title {margin-bottom: 25px; font-size: 16px;}
.left-title, .left-title a {color: #a0a9ce;}
.left-title a {text-decoration: underline;}
.left-menu {margin-bottom: 35px; padding-bottom: 1px;}
.left-menu li {margin: 0 4px; padding: 1px 0 2px; background: url(images/blue_dots.gif) repeat-x bottom; \ padding-bottom: 0; _padding-bottom: 1px; _position: relative;}
.left-menu a {display: block; margin: -1px -4px -1px -4px; font-size: 14px; color: #852c78; text-decoration: none;}
.left-menu a span {display: block;}
.left-menu a span span {padding: 4px 9px 6px 18px;}

li.left-menu-active {padding: 0 0 1px;}
.left-menu-active a {position: relative; color: #1c3170; background: #dadeef url(images/menu_pad_bgr.gif) repeat-x bottom !important; text-decoration: none !important;}
.left-menu-active a span {background: url(images/menu_pad_top.gif) no-repeat !important;}
.left-menu-active a span span {background: url(images/menu_pad_bot.gif) no-repeat 0 100% !important;}

.left-menu a:hover {color: #22439d; background: #f6f7fb; text-decoration: underline;}
.left-menu a:hover span {background: url(images/menu_pad_top_over.gif) no-repeat;}
.left-menu a:hover span span {background: url(images/menu_pad_bot_over.gif) no-repeat 0 100%;}

.left-news {font-size: 12px;}
.left-news-item {margin-bottom: 10px; padding-bottom: 13px; background: url(images/blue_dots.gif) repeat-x bottom;}
.left-news-item-pic {margin-bottom: 15px;}
.left-news-button {margin-top: 17px;}

.main-footer {clear: both; padding: 20px 7px 20px 9px;}
.main-footer-in {padding-right: 30px;}
.main-footer, .footer-menu a, .footer-info a {color: #606060; text-decoration: none;}
.footer-copyright {float: left; font-size: 10px;}
.footer-copyright-text {float: left; padding-left: 5px;}
.footer-copyright-logo {float: left; position: relative; margin-top: -2px; padding-left: 10px;}
.footer-menu {margin-left: 330px; margin-top: 3px; font-size: 9px; line-height: .9em; text-transform: uppercase;}
.footer-menu li, .footer-info-menu li {float: left; padding-left: 15px; margin-left: 15px; border-left: 1px solid #b0b0b0;}
li.footer-menu-first {padding-left: 0; margin-left: 0; border-left: none;}
.footer-lang {margin-left: 723px; margin-top: -4px;}
.main-footer-in .footer-lang {margin-left: 693px;}
.footer-info {float: right; margin-top: 1px; font-size: 9px; text-align: right; text-transform: uppercase; _width: 150px;}
.footer-info ul {_float: right;}
.footer-info-menu {margin-bottom: 4px;}
.footer-info-dev a {color: #b3b3b3;}

/* main page */
.main-banner {height: 291px; overflow: hidden; margin-bottom: 10px; background: #e8e7e2;}

.banner-left {float: left; width: 603px; overflow: hidden;}
.banner-left-frame {position: absolute; z-index: 1; display: block; width: 604px; height: 291px; background: url(images/main_pic_frame.gif) no-repeat;}
.banner-left-box {padding: 1px;}
.banner-right {float: left; width: 330px; height: 285px; overflow: hidden; padding: 6px 7px 0 12px; background: url(images/banner_right_bgr.gif) no-repeat 100% 0;}
.banner-right-content {height: 271px;}
.banner-right-content-changer {position: absolute; display: none;}
.banner-right-first, .banner-right-second {height: 129px; overflow: hidden;}
.banner-right-first {padding-bottom: 7px;}
.banner-right-second {padding-bottom: 6px;}
.banner-right-step a {display: block; float: left; height: 7px; overflow: hidden; margin-right: 2px; background: url(images/banner_step.gif) no-repeat 50% 0;}
.banner-right-step a.banner-right-step-first {background-position: 0 0;}
.banner-right-step a.banner-right-step-last {margin-right: 0; background-position: 100% 0;}
.banner-right-step a:hover {background-position: 50% -7px;}
.banner-right-step a.banner-right-step-first:hover {background-position: 0 -7px;}
.banner-right-step a.banner-right-step-last:hover {background-position: 100% -7px;}
.banner-right-step .banner-right-step-active a {background-position: 50% -14px; cursor: default;}
.banner-right-step .banner-right-step-active a.banner-right-step-first {background-position: 0 -14px;}
.banner-right-step .banner-right-step-active a.banner-right-step-last {background-position: 100% -14px;}

.bot-banner-left {float: left; width: 221px; height: 125px; overflow: hidden; margin-right: 14px; padding: 12px 13px 12px 23px; background: #fdfdfa url(images/banner_text_pad.gif) no-repeat;}
.bot-banner-left-title {margin-bottom: 7px;}
.bot-banner-left-plus {margin-top: 6px; float: right;}

.bot-banner-brand {float: left; width: 326px; height: 126px; overflow: hidden; margin-right: 12px; padding: 12px 3px 12px; background: url(images/banner_brand_pad.jpg) no-repeat;}
.bot-banner-brand-title {padding-left: 31px;}

.bot-banner-brand-prev, .bot-banner-brand-next {position: absolute; display: block; z-index: 10; width: 20px; height: 22px; margin-top: 39px; cursor: pointer;}
.bot-banner-brand-prev {background: url(images/brand_prev.png) no-repeat; \ margin-left: -19px;}
.bot-banner-brand-next {margin-left: 306px; background: url(images/brand_next.png) no-repeat; \ margin-left: 288px;}
.bot-banner-brand-side {margin-top: 30px;}
.bot-banner-brand-wrap {position: relative; width: 284px; height: 98px; overflow: hidden; margin-left: 19px; margin-bottom: 7px; white-space: nowrap; _width: 260px; _padding-left: 13px;}
.bot-banner-brand-items {position: absolute; width: 20000em;}
.bot-banner-brand-wrap a {display: inline-block; vertical-align: middle; padding: 0 5px;}
.bot-banner-vertical-aligner {display: inline-block; width: 0; height: 98px; overflow: hidden; vertical-align: middle;}
.bot-banner-brand-wrap a img {width: 68px; _width: 120px;}
.bot-banner-brand-wrap a.bot-banner-brand-item-mid img {width: 120px;}
.bot-banner-brand-left, .bot-banner-brand-right {width: 69px;}
.bot-banner-brand-center {width: 122px; text-align: center;}
.bot-banner-brand-right {text-align: right;}
.bot-banner-brand-items-wrap {display: inline-block;}

.bot-banner-brand-plus {position: absolute; z-index: 20; margin-top: 97px; margin-left: 155px; \ margin-left: 136px;}

.bot-banner-news {float: left; width: 337px; height: 126px; overflow: hidden; padding: 12px 0; background: url(images/banner_news_pad.jpg) no-repeat;}
.bot-banner-news-title {margin-bottom: 8px;}
.bot-banner-news-item {min-height: 50px; _height: 50px; padding: 0 10px 12px 90px; background: url(images/news_calendar.gif) no-repeat 23px 0;}
.bot-banner-news-item .g-plus {vertical-align: bottom; margin-top: 3px; margin-left: 1em;}
.bot-banner-news-item-first {margin-bottom: 12px; border-bottom: 1px solid #e8ebeb; background-position: 23px 3px;}
.bot-banner-news-item-first .bot-banner-news-date {margin-top: 11px;}
.bot-banner-news-date {position: absolute; margin: 8px 0 0 -57px;}
.bot-banner-news-date-day {font-size: 14px; font-weight: bold; color: #7a7a7a;}
.bot-banner-news-date-mon {position: absolute; margin-left: -1px; font-size: 9px; font-weight: bold; color: #ababab; line-height: 1.1em;}

/* content */
.news, .news td {border: none !important;}
.news-line {height: 1px; overflow: hidden; margin-bottom: 1em; padding-bottom: 1em; background: url(images/blue_dots.gif) repeat-x bottom;}
.news-item-title {margin-bottom: 7px; font-size: 18px;}
.news-item-pic {min-width: 140px; _width: 140px; text-align: center; vertical-align: top;}
.news-item-text-pic {padding-left: 20px;}
.news-back {padding-top: 1.5em; background: url(images/blue_dots.gif) repeat-x; \ padding-top: 1em;}

.faq-folder {padding-top: 1em; padding-bottom: 1em;}
.faq-item {padding-bottom: 2em;}
.faq-item-question {margin-bottom: 10px; font-size: 18px;}
.faq-item-question a {border-bottom: 1px dashed #852c78;}
.faq-item-question a:hover {border-bottom: 1px dashed #0c319e; text-decoration: none;}
.faq-item-question-open a, .faq-item-question-open a:hover {color: #0c319e; border-bottom: 1px solid #0c319e;}
.faq-item-answer {display: none; padding-left: 50px;}
.faq-form-table td {padding-bottom: 10px; vertical-align: top;}
.faq-header {margin-bottom: 1em;}

.vacancy-item {padding-bottom: 1em;}
.vacancy-item-title {margin-bottom: 1.5em; font-size: 18px;}
.vacancy-item-title a {border-bottom: 1px dashed #852c78;}
.vacancy-item-title a:hover {border-bottom: 1px dashed #0c319e; text-decoration: none;}
.vacancy-item-title-open a, .vacancy-item-title-open a:hover {color: #0c319e; border-bottom: 1px solid #0c319e;}
.vacancy-item-body {display: none; padding-left: 50px;}
.vacancy-item-body-link {margin-bottom: 2em;}

.product-folder {margin-bottom: 15px; font-size: 12px;}
.product-folder-title {clear: left; margin-bottom: 15px; font-size: 18px;}
.product {clear: left;}
.product-title {margin-bottom: 2px; font-size: 18px;}
.product-title, .product-title a {color: #a1017d;}
.product-title a {border-bottom: 1px dashed #a1017d;}
.product-title a:hover, .product-open .product-title a {color: #304593; border-bottom: 1px solid #304593; text-decoration: none;}
.product-pic {float: left; clear: left; width: 162px; padding: 15px 0; text-align: center;}
.product-text {margin-left: 162px;  padding: 15px 0; line-height: normal;}
.product-body {display: none; padding-top: 20px; color: #999999; \ zoom: 1}
.product-body p {margin-bottom: .7em !important;}

.product-folder-rows .product {display: table-row;}
.product-folder-rows .product-pic {display: table-cell; float: none; \ float: left;}
.product-folder-rows .product-text {display: table-cell; vertical-align: middle;}

.product-folder-cols {margin-top: -15px;}
.product-folder-cols .product {float: left; clear: none; width: 290px; padding: 0 35px 0 0; vertical-align: top;}
.product-folder-cols .product-even {clear: left;}
.product-folder-cols .product-pic {display: block; float: none; height: 100px; line-height: 100px; text-align: left;}
.product-folder-cols .product-pic img {vertical-align: bottom;}
.product-folder-cols .product-text {display: block; margin-left: 0; padding: 0 0 15px 0;}
.product-folder-cols .product-open {display: block; width: auto;}

.form-hint {padding-left: 5px; color: #b3b3b3;}

.foto-item {float: left; margin-right: 4px; margin-bottom: 4px; padding: 4px; background: #eef0f8;}
.foto-item-annotation {width: 140px; padding: 5px; font-size: 12px; color: #6278b7;}

.sitemap-block {float: left; width: 40%; margin-bottom: 1em; padding-right: 40px; vertical-align: top;}
.sitemap-title {margin-bottom: 1em; font-size: 18px;}
