@charset "utf-8";
/* CSS Document */

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, a, img, form  {margin: 0px; padding: 0px;}
html {height: 100%;  }
body {font: 13px/20px  Arial, Helvetica, sans-serif;  color: #666666;  min-width: 944px;  position: relative; height: 100%; background: #fff;  }

img {border: none;}
a {cursor: pointer; text-decoration: underline; color: #25587b;}
a:hover {text-decoration: none;}

p {padding:0 0 23px;}
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;  color: #222222; padding: 0 0 16px; line-height: normal; }
h1, h2 { font-size: 24px; line-height:30px; font-family: "ElektraLightProBold";}

h3 {font-size: 16px; line-height: 24px; font-weight: normal; padding: 0 0 20px;}
h4 {font-size: 15px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}
b {color: #222;}
ol {padding:0 0 20px 30px;}
ul {padding: 0 0 20px 0; }
ul li {list-style:none; padding: 0px 0 22px 30px; background: url(../images/list_marker.png) left 2px no-repeat; /*line-height: normal;*/ }
ol li{padding:5px;}

.footer_area:before, .footer_area:after, .links ul:before, .links ul:after, .counts ul:before, .counts ul:after, .counts:before, .counts:after, .header_area1:before, .header_area1:after, .menu ul:before, .menu ul:after, .block_info:before, .block_info:after, .blocks:before, .blocks:after, .page:before, .page:after, .block_about:before, .block_about:after, .about_us:before, .about_us:after {content: ""; display: table;}
.footer_area:after, .links ul:after, .counts ul:after, .counts:after, .header_area1:after, .menu ul:after, .block_info:after, .blocks:after, .page:after, .block_about:after, .about_us:after {clear: both;}
.footer_area, .links ul, .counts ul, .counts, .header_area1, .menu ul, .block_info, .blocks, .page, .block_about, .about_us{zoom:1;}


@font-face {
    font-family: 'ElektraLightProBold'; /*use*/
    src: url('elektralightbold-webfont.eot');
    src: url('elektralightbold-webfont.eot?#iefix') format('eot'),
    url('elektralightbold-webfont.woff') format('woff'),
    url('elektralightbold-webfont.ttf') format('truetype'),
    url('elektralightbold-webfont.svg#ElektraLightProBold') format('svg');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: 'ElektraLightProRegular';/*use*/
    src: url('elektralight-webfont.eot');
    src: url('elektralight-webfont.eot?#iefix') format('eot'),
    url('elektralight-webfont.woff') format('woff'),
    url('elektralight-webfont.ttf') format('truetype'),
    url('elektralight-webfont.svg#ElektraLightProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }



@font-face {
    font-family: 'ElektraMediumProRegular';/*use*/
    src: url('elektramedium-webfont.eot');
    src: url('elektramedium-webfont.eot?#iefix') format('eot'),
    url('elektramedium-webfont.woff') format('woff'),
    url('elektramedium-webfont.ttf') format('truetype'),
    url('elektramedium-webfont.svg#ElektraMediumProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

    }




.wrap {min-height: 100%; position: relative; width: 100%;}

.header {background: url(../images/fon_header.png) repeat; padding: 14px 0 14px; border-bottom: 1px solid #071118;}
    .header_area1 {width: 940px; margin: 0 auto; position: relative; color: #fff;}
    .header_area1 .counts {padding: 5px 0 0 10px;}
    .logo {float: left; width: 194px; padding: 0 10px 0 0;}
        .logo a {display: block; height: 34px; width: 194px; background: url(../images/logo.png) no-repeat;}
    .info_block {position:absolute; width: 250px; padding: 9px 10px 0; left: 401px; font-family:"ElektraLightProRegular"; font-size: 18px; }
        .info_block span {font-size: 20px; font-family: "ElektraLightProBold";}

    .info_area {background: url(../images/fon_header2.png) repeat; position: relative; line-height: normal;}
   .block_fon {background: url(../images/fon_header4.png) center top no-repeat;}
        .menu_area {background: url(../images/border_menu.png) center 59px no-repeat;}
        .inner {height: 60px;}
            .menu {width: 940px; margin: 0 auto; position: relative; font:13px "ElektraMediumProRegular" !important; padding: 25px 0 0 0;}
            .menu ul {padding: 0;}
            .menu li {float: left; padding: 0 0 19px 0; margin: 0 28px 0 0; background: none;}
                .menu li a {color: #fff; text-decoration: none;}
                    .inner .menu .active {padding: 0 0 27px; background: url(../images/marker_active.png) center bottom no-repeat;}
                    .menu .active a {color: #76d8fc;}
                    .menu li a:hover {text-decoration: underline;}
            .block_info { padding: 43px 18px 24px; width: 940px; margin: 0 auto; position: relative;}
                .block1 {float: left; color: #fff; font-size: 18px; line-height: 26px; padding: 100px 0 15px; width: 235px; }
                .slogan { padding: 0 0 17px; line-height: 24px;}
                    .block1 h2 {font-size:38px; line-height: normal; color: #fff; font-family: "ElektraLightProRegular", sans-serif; padding: 0 0 0px 0;}
                    .block1 h2 span {font-family: "ElektraLightProBold", sans-serif;}
                    .btn {}
                         .btn a {display: inline-block; background: url(../images/fon_button.png) repeat; height: 47px; line-height: 47px; border-top: 1px solid #d0f560; border-bottom: 1px solid #d0f560;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #16364b 0px 2px 3px; -moz-box-shadow: #9f9f9f 0px 2px 3px;box-shadow: #16364b 0px 2px 3px; padding: 0 18px; font-family: "ElektraLightProBold"; text-decoration: none; color: #333333; font-size: 24px; text-shadow: 1px 1px 1px #cae673; position: relative; }
                .lte7 {display: inline; zoom:1;}
                .block2 {float: right; width: 716px; text-align: center; margin-right: -18px;}
                .block2 i {height: 392px; width:1px; display: inline-block; }
                .lte7 .block2 i {display: inline; zoom:1;}
                    .block2 *{ vertical-align: middle;}
                .block2 img {max-width: 715px; max-height: 392px;}
            .wrap_blocks {background: url(../images/fon_header3.png) repeat;}
            .shadow_block {background: url(../images/header_shadow2.png) center top no-repeat; padding: 8px 0 0;}
            .blocks {width: 940px; margin: 0 auto; padding: 28px 0 23px; }
            .item_block {width: 300px; padding: 0 20px 20px 0; float: left; color: #fff; line-height: 18px; font-size: 13px;}
            .item_block_last {padding: 0 0 20px 0;}
            .item_block h2 {color: #fff; text-shadow: 0px -2px 1px #000; padding: 0 0 8px; font-family: "ElektraMediumProRegular";}



.page {padding:54px 0 150px; width: 940px; margin: 0 auto; }
.inner_part {padding: 40px 0 150px; }
 .content_part {float: left; width: 700px;}
 .inner_part .content_part {width: 660px;}
 .title {border-bottom: 1px solid #cccccc; padding: 0 0 12px; margin: 0 0 40px; font-family: "ElektraLightProRegular"; font-weight: normal;}
        .title b {font-family:"ElektraLightProBold"; }

  .about_us {margin-right:-20px; padding: 0 0 17px;}
    .block_about { width: 340px; float: left; padding: 0 20px 18px 0;}
    .image {float: left; width: 84px; padding: 0 20px 0 0; margin: -12px 0 0 -12px; }
    .info_image {padding: 12px 0 0; color: #777777; font-size: 12px; line-height: 18px; overflow: hidden;}
         .info_image h3 {padding: 0 0; font-weight: bold;}
    .text {color: #333333;}
 .side_bar {float: right; width: 220px;}
    .navigation {}
    .navigation ul {padding: 0 0 0 10px;}
    .navigation li {background: url(../images/navig_marker.png) left 8px no-repeat; padding: 0 0 20px 12px;}
    .navigation .active {background-image: url(../images/navig_marker_active.png); font-weight: bold;}
    .navigation .active a {color: #222; text-decoration: none;}
    .inner_part .side_bar {width: 208px; margin-top: -40px; background: url(../images/side_bar_border.png) left top no-repeat; padding: 40px 0 0 33px; min-height: 606px;}
    .inner_part .navigation h2 {border: none; margin: 0; padding: 0 0 28px;}
        .inner_part .navigation ul {padding: 0;}
.footer {height: 80px; margin-top: -80px; background: #f5f5f5 url(../images/fon_footer.png) repeat; position: relative; color: #b4b4b4; font-size: 11px; }
.wrap_footer_area {background: url(../images/footer_shadow.png) center top no-repeat; padding: 32px 0 0;}
.footer_area {width:940px; margin: 0 auto; }
    .copy {width: 420px; padding: 3px 17px 0 4px; float: left;}
    .links {float: left; padding: 3px 0 0 0;}
    .links ul {padding: 0;}
        .links ul li {padding: 0 42px 0 0; background: none; float: left;}

    .counts {float: right; padding: 0 0 0 10px; width: 170px; text-align: right;}
        .counts ul {padding: 0; float: right; }
            .counts li {background: none; float: left; padding: 0 0 0 11px;}