@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/18px  Arial, Helvetica, sans-serif;  color: #b4b4b4;  min-width: 940px;  position: relative; height: 100%; background: #0d0d0d url(../images/fon.png) repeat;  }

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

p {padding:0 0 18px;}
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;  color: #fff; padding: 0 0 15px; line-height: normal; font-weight:bold;}
h1, h2 {font-size: 20px; padding: 0 0 11px; background: url(../images/pxl.png) left bottom repeat-x; margin: 0 0 18px;}
h3 {font-size: 15px;}
h4 {font-size: 14px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}

ol {padding:0 0 20px 30px;}
ul {padding: 0 0 20px 0; }
ul li {list-style:none; padding: 2px 0 2px 13px; background: url(../images/list_marker.png) left 10px no-repeat; /*line-height: normal;*/ }
ol li{padding:5px;}

.footer_area:before, .footer_area:after, .home_info:before, .home_info:after, .header:before, .header:after, .breadcrumps ul:before, .breadcrumps ul:after, .contentarea:before, .contentarea:after, .block_info li:before, .block_info li:after, .catalog > ul > li:before, .catalog > ul > li:after,  .menu ul:before,  .menu ul:after,  .news_item:before, .news_item:after , .new_equipment > ul > li:before, .new_equipment > ul > li:after {content: ""; display: table;}
.footer_area:after, .home_info:after, .header:after, .breadcrumps ul:after, .contentarea:after, .block_info li:after, .catalog > ul > li:after,  .menu ul:after,  .news_item:after, .new_equipment > ul > li:after {clear: both;}
.footer_area, .home_info, .header, .breadcrumps ul, .contentarea, .block_info li, .catalog > ul > li,  .menu ul, .news > ul > li, .news_item {zoom:1;}


.wrap {min-height: 100%; position: relative;}
.page {padding: 0 0 250px; width: 940px; margin: 0 auto;}
    .header{ padding: 25px 0 34px; position: relative;}
        .logo { float: left; width: 200px;}
        .logo a {display: block; background: url(../images/logo.png) no-repeat; text-decoration: none; width: 200px; height: 40px;}
        .menu {float: right; width: 700px; text-align: right; font-size: 14px; font-weight: bold; padding: 14px 0 0 10px; position: relative; }
        .menu ul {padding: 0; text-align: right; position: absolute; right: 0;}
        .menu li {background: none; float: left; padding: 0 0 0 32px;}
            .menu li a {color: #fff; text-decoration: none;}
                .menu li a:hover {text-decoration: underline;}
                .menu .active a {color: #82d026;}
    .fon {padding: 0 0 15px;}
    .breadcrumps { color: #565555; font-size: 11px; padding: 0 0 21px;}
    .breadcrumps ul {padding: 0;}
    .breadcrumps li { list-style: none; float: left; background: url(../images/bread_cr_fon.png) left center no-repeat; padding: 0 6px 0 11px;}
        .breadcrumps li:first-child {background: none; padding: 0 6px 0 0;}
        .breadcrumps li a {color: #565555;}

    .contentarea {}
    .content {width: 620px; float: left; }
        .block_info { color: #fff; font-size: 14px; padding: 0 0 45px; line-height: normal; position: relative;}
        .block_info table {border-collapse: collapse; width: 100%; /*width: 620px;*/}
            .block_info th {padding: 11px 12px 9px; background: url(../images/pxl.png) repeat; text-align: left;}
            .block_info td { vertical-align: middle; padding: 12px 12px 9px; background: url(../images/bottom_border.png) left bottom repeat-x;}
            .block_info .price {width: 79px !important; padding-right: 19px; padding-left:4px;   text-align: right;}
            .block_info .img {width: 93px; padding-right: 7px;}
                .block_info .img img {max-width: 93px; padding: 0 0 4px;}
            .block_info .item_info { font-size: 12px; line-height: 18px; color: #b4b4b4;}
            .block_info .item_info h4 {padding: 0 0 5px;}
            .block_info .item_info h4 a {color: #fff; text-decoration: none;}
                .block_info .item_info h4 a:hover {text-decoration: underline;}
    .side_bar { width: 300px; float: right;}
         .list_news {padding: 0 0 20px; line-height: normal;}
          .item_news {padding: 0 0 16px;}
        .item_news .date {font-size: 11px; color: #b4b4b4; padding: 0 0 5px;}
        .item_news .news {font-size: 13px; line-height: 20px; margin: 0;}


.footer {background: url(../images/footer_fon.png) repeat-x; position: relative; margin-top: -176px; height: 176px; color: #404040;}
    .footer_area {width: 940px; margin: 0 auto; padding: 49px 0 0; }
        .copy {float:left; width: 300px; background: url(../images/copy.png) left center no-repeat; padding: 0 0 0 40px; margin: 10px 0 0; line-height: 16px; font-size: 12px;}
        .home_info {color: #929292; float: right; width: 600px;}
            .phone {font-size: 28px; background: url(../images/footer_bord.png) right center no-repeat; padding: 0 40px 0 0; float: right; width: 250px; text-align: right; height: 47px; line-height: 47px;}
            .adr {font-size: 11px; line-height: 16px; float: right; width:232px; padding: 8px 0 0 10px; }
                .adr big {font-size: 13px; font-weight: bold;}

                /*portfolio*/

.catalog {}
.catalog > ul {padding: 0; background: url(../images/bottom_border.png) left bottom repeat-x;}
.catalog > ul > li {background: none; padding: 0 0 30px;}
.block_image {width: 201px; float: left;text-align: center;}
    .block_image img {max-width: 200px; }
    .block_image a i {display: inline-block; width: 1px; height: 200px;}
    .lte7 .block_image a i {display: inline; zoom:1;}
        .block_image a * {vertical-align: middle;}
.info_item_catalog {width: 400px; float: right; font-size: 13px;}
    .info_item_catalog h3 {font-size: 16px; padding: 0 0 7px; line-height: 22px; margin-top: -3px;}
        .info_item_catalog h3 a {text-decoration: none;}
            .info_item_catalog h3 a:hover {text-decoration: underline;}
        .info_item_catalog li a {text-decoration: none; color:#b4b4b4;}
        .info_item_catalog .link {background: none; padding-left:0; }

    .navigation {position: relative; padding: 28px 0 10px; /*left: 50%; float: left;*/}
    .navigation ul {text-align: center; position: relative; /*line-height: 0; font-size: 0;*/  padding: 0 94px;/* left: -50%; float: left;*/}
    .navigation li { background: none;  display:inline-block; font-size: 12px; line-height: normal; position: relative; color: #b4b4b4; margin-left: -0.36em; padding: 0 8px;}
        .navigation li:first-child {margin: 0;}
    .lte7 .navigation li {display: inline; zoom:1; margin: 0;}
   .navigation .pred, .navigation .next {position: absolute; left:0; top:0; color: #b4b4b4; padding: 0 8px 0 0;}
    .navigation .next {left:auto; right: 0; padding: 0 0 0 8px; }



    /*news*/
.news {}
.news  {margin-top: -16px;}
    .news .news_item {background: url(../images/bottom_border.png) left bottom repeat-x; padding: 16px 0 17px;}
        .news_picture {width: 97px; float: left;}
            .news_picture a i {display: inline-block; width: 1px; height: 96px;}
               .news_picture a img {max-width: 96px;}
            .lte7 .news_picture a i {display: inline; zoom:1;}
            .news_picture a * {vertical-align: middle;}
        .news_info {float: right; width: 512px; }
            .news_info h3 {padding: 0 0 10px; margin-top:-3px;}
            .news_info h3 a {text-decoration: none;}
                .news_info h3 a:hover{text-decoration: underline;}
            .text {padding: 0 0 3px;}
            .date_news {color: #fff; font-size: 11px; font-weight: bold;}

    .our_works { width: 300px; overflow: hidden; padding: 0 0 25px;}
        .our_works ul {padding: 0; width: 306px;}
        .our_works ul li {background: none; list-style: none; float: left; padding: 0 6px 6px 0;}
        .our_works ul li a img {width: 96px; height: 96px; float: left;}

    .new_equipment {padding: 0 0 18px;}
    .new_equipment > ul {padding: 0; margin-top: -16px;}
    .new_equipment > ul > li {background: url(../images/bottom_border.png) left top repeat-x; padding: 16px 0 17px;}
        .new_equipment > ul > li:first-child {background: none;}
       .new_equipment .image {width: 93px; float: left; }
            .new_equipment .image img {max-width: 93px;}
            .new_equipment .equipment {float: right; width: 188px; line-height: normal; font-size: 12px;}
            .new_equipment .equipment h4 {margin-top: -3px; padding: 0 0 6px;}

 /*inner_text*/
blockquote {width:422px; padding: 19px; background: #212121; font-size: 14px ;line-height: 20px; font-style: italic; margin: 0 0 20px;}



/*index*/
.slider {padding: 0 0 24px;}
.block1, .block2 {width: 300px; float: left; }
.block1 {margin: 0 20px 0 0;}    
© TrueDev.org