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

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, a, img, form, textarea, input, dl, dt, dd  {margin: 0px; padding: 0px;}
html {height: 100%; }
body {font: 13px/17px  'ubunturegular';  color: #6e6e6e; /* min-width: 1000px;*/ display: table; width: 100%; margin: 0 auto;  position: relative; height: 100%; background: #fff;}

input{outline: none;}

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

p {padding:0 0 20px;}
h1, h2, h3, h4, h5, h6 {font: 28px  'ubuntumedium'; color: #3295f2; padding: 0 0 14px;}
h1 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 18px}
h4 {font-size: 16px;}
h5 {font-size: 15px;}
h6 {font-size: 14px;}
ul, ol {padding:0 0 20px 30px;}
ul li {list-style: disc outside; padding:5px;}
ol li{padding:5px;}

.wrap_header:before, .wrap_header:after, .social:before, .social:after, .page:before, .page:after, .descript:before, .descript:after, .votes:before, .votes:after, .block_filters ul:before, .block_filters ul:after, .blocks_bl:before, .blocks_bl:after, .bl1:before, .bl1:after, .counts:before, .counts:after, .block_counts:before, .block_counts:after, .promo_contacts:before, .promo_contacts:after, .block_menu_foot ul:before, .block_menu_foot ul:after {content: ""; display: table;}
.wrap_header:after, .social:after, .page:after, .descript:after, .votes:after, .block_filters ul:after,.blocks_bl:after, .bl1:after, .counts:after,.block_counts:after, .promo_contacts:after, .block_menu_foot ul:after {clear: both;}
.wrap_header, .social, .page, .descript, .votes, .block_filters ul, .blocks_bl, .bl1, .counts, .block_counts, .promo_contacts, .block_menu_foot ul {zoom:1;}


@font-face {
    font-family: 'ubuntubold';
    src: url('ubuntu-b-webfont.eot');
    src: url('ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
    url('ubuntu-b-webfont.woff') format('woff'),
    url('ubuntu-b-webfont.ttf') format('truetype'),
    url('ubuntu-b-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;

    }




@font-face {
    font-family: 'ubuntubold_italic';
    src: url('ubuntu-bi-webfont.eot');
    src: url('ubuntu-bi-webfont.eot?#iefix') format('embedded-opentype'),
    url('ubuntu-bi-webfont.woff') format('woff'),
    url('ubuntu-bi-webfont.ttf') format('truetype'),
    url('ubuntu-bi-webfont.svg#ubuntubold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

    }




@font-face {
    font-family: 'ubuntulight';
    src: url('ubuntu-l-webfont.eot');
    src: url('ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
    url('ubuntu-l-webfont.woff') format('woff'),
    url('ubuntu-l-webfont.ttf') format('truetype'),
    url('ubuntu-l-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;

    }




@font-face {
    font-family: 'ubuntulight_italic';
    src: url('ubuntu-li-webfont.eot');
    src: url('ubuntu-li-webfont.eot?#iefix') format('embedded-opentype'),
    url('ubuntu-li-webfont.woff') format('woff'),
    url('ubuntu-li-webfont.ttf') format('truetype'),
    url('ubuntu-li-webfont.svg#ubuntulight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

    }




@font-face {
    font-family: 'ubuntumedium_italic';
    src: url('ubuntu-mi-webfont.eot');
    src: url('ubuntu-mi-webfont.eot?#iefix') format('embedded-opentype'),
    url('ubuntu-mi-webfont.woff') format('woff'),
    url('ubuntu-mi-webfont.ttf') format('truetype'),
    url('ubuntu-mi-webfont.svg#ubuntumedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

    }




@font-face {
    font-family: 'ubuntumedium';
    src: url('ubuntu-m-webfont.eot');
    src: url('ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'),
    url('ubuntu-m-webfont.woff') format('woff'),
    url('ubuntu-m-webfont.ttf') format('truetype'),
    url('ubuntu-m-webfont.svg#ubuntumedium') format('svg');
    font-weight: normal;
    font-style: normal;

    }




@font-face {
    font-family: 'ubunturegular';
    src: url('ubuntu-r-webfont.eot');
    src: url('ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
    url('ubuntu-r-webfont.woff') format('woff'),
    url('ubuntu-r-webfont.ttf') format('truetype'),
    url('ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;

    }




@font-face {
    font-family: 'ubuntuitalic';
    src: url('ubuntu-ri-webfont.eot');
    src: url('ubuntu-ri-webfont.eot?#iefix') format('embedded-opentype'),
    url('ubuntu-ri-webfont.woff') format('woff'),
    url('ubuntu-ri-webfont.ttf') format('truetype'),
    url('ubuntu-ri-webfont.svg#ubuntuitalic') format('svg');
    font-weight: normal;
    font-style: normal;

    }


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


.header {display:table-header-group;}
.header1 {background: #171717; *zoom:1;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#171717), to(#252626));
    background: -webkit-linear-gradient(#171717, #252626);
    background: -moz-linear-gradient(#171717, #252626);
    background: -ms-linear-gradient(#171717, #252626);
    background: -o-linear-gradient(#171717, #252626);
    background: linear-gradient(#171717, #252626);
    -pie-background: linear-gradient(#171717, #252626); margin: 0 0 80px; }
.header2 {background: url(../images/eco.png); position: relative;}
.header3 { width: 1000px; margin: 0 auto; padding: 0 0 4px;}
 .bot_fon {position: absolute; height: 6px; width: 100%; bottom: 0;left:0; background: url(../images/eco_fon_header_b.png)  repeat-x;}
 .top_head {background: url(../images/top_head.png) left bottom repeat-x; padding: 0 0 4px; -webkit-border-radius: 0 0 3px 3px;
     -moz-border-radius: 0 0 3px 3px;
     border-radius: 0 0 3px 3px; position: relative;}

 .wrap_header {padding: 18px 0 4px;}
 .block_search { background: #3c3c3c url(../images/fon_searche.png) repeat-x;  height: 29px; width: 543px; border-right: 1px solid #2d2d2d; position: relative;-webkit-border-radius:5px;
     -moz-border-radius:5px;
     border-radius:5px; float: left; margin: 8px 0 0; }
        .block_search a {display: block; position: absolute; background: url(../images/searche.png) no-repeat; width: 25px; height: 25px; top:3px; right: 1px;}
        .block_search input[type="text"] {background: url(about:blanck); color: #f7f7f7; font: 13px Arial; height: 29px; line-height: 29px; position: absolute; left:12px; width: 496px; padding: 0;border: none;}
.block_search input[type="text"]::-webkit-input-placeholder {color: #f7f7f7; line-height: 29px;}
.block_search input[type="text"]:-moz-placeholder,
.block_search input[type="text"]::-moz-placeholder { color: #f7f7f7;}
.block_search input[type="text"]:-ms-input-placeholder { color: #f7f7f7;}
        .social {float: right; width: 196px; padding: 10px 0 0;}
            .social h6 {float: left; text-transform: uppercase; font-size: 12px; color: #fff; padding: 6px 10px 0 0; width: 114px;}
            .soc {float: left; width: 70px; overflow: hidden; display: block}
             .soc a {display: block; background: url(../images/social.png) no-repeat; width: 24px; height: 24px; float: left; margin:0 11px 0 0; }
                .soc .soc1 { float: left;}
                .soc .soc2 { background-position: -35px 0;}

 .logo {float: left; width: 212px; padding: 0 31px 0 0;}
 .logo a {display: block; background: url(../images/logo.png) no-repeat; width: 212px; height: 60px;}

.content {display: table-row;}
    .contentarea {display: table-cell; *zoom:1;}
    .page {width: 1000px; margin: 0 auto;padding: 0 0 30px;}
    .part1  { width: 765px; float: left;}
        .wrap_descript {padding: 0 0 0 0; border: 1px solid #e2e2e2; position: relative;-webkit-border-radius:5px;
            -moz-border-radius:5px;
            border-radius:5px; margin: 0 0 23px;}
        .descript {position: relative;}
            .im_bl { width: 197px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; text-align: center; padding: 20px 10px; float: left;}
                .im_bl img {max-width:197px; }
            .txt_bl { width: 515px;float: right; padding: 16px 11px 20px 18px; }
                    .votes {padding: 0 0 13px; }
                        .votes img {padding: 0 5px 0 0;}
                    .num_votes { display: inline-block; padding: 0 0 0 10px; font: 15px 'ubuntumedium'; color: #565656; }
                    .lte7 {display: inline; zoom:1;}
                    .votes * {vertical-align: middle; }
                    .stars_block {overflow: hidden;}
                    .rating-cancel {display: none !important;}
                   /* div.rating-cancel a, div.star-rating a {width: 17px; background: url(../images/etoiles.png) 0 -18px no-repeat; height: 18px;}*/
                    /*div.star-rating-on a {background-position: 0 0;}*/
                .text_area { margin: 0 0 8px;}
                .more_but {padding: 0 12px 0 0; text-align: right ;}
                .more_but a {font-size: 12px;}
                .bl_up {height: 70px; overflow: hidden;}
                .bl_down {height: auto;}

                .block_filters { border-top:1px solid #e2e2e2; background: #f2f2f2; width: 100%; overflow: hidden; padding: 7px 0 6px; position: relative; top:-1px; margin: 0 0 -1px; }
                    .block_filters ul {padding: 0 0 0 12px ; width: 110%;}
                        .block_filters ul li {float: left; padding: 0; margin: 0 9px 0 0; list-style: none;}
                            .block_filters ul li a {display: block; padding: 0 13px; min-width: 48px; text-align: center; text-transform: uppercase; text-decoration: none; color: #6f6f6f; height:23px; font-size: 10px;line-height: 25px; font-family: 'ubuntubold'; background: #fff; border: 1px solid #bdbdbd; position: relative;-webkit-border-radius:5px;
                                -moz-border-radius:5px;
                                border-radius:5px; }
                            .lte8 .block_filters ul li a {/*letter-spacing: 0.001em; *//*font-weight: 500;*/}
                    .block_filters ul .current {margin: 1px 10px 0 1px;}
                    .block_filters ul .current a { background: #3094f1; border: none; color: #fff; text-shadow: 0 1px 1px #186fc5}

                .item_block {background: #fff; border: 1px solid #e2e2e2; position: relative;-webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    border-radius:5px; padding: 0 0 0 0; margin: 0 0 18px;}


                .blocks_bl { position: relative;}
                    .bl1,.bl1_im {float: left; width: 155px; /*border-right: 1px solid #e2e2e2;*/ /*margin: 0 18px 0 0;*/ padding: 35px 0 0 7px;}
                   /* .bl1_im {float: left; width: 155px;border-right: 1px solid #e2e2e2; margin: 0 18px 0 0; padding: 35px 0 38px 7px;}*/
                        .hand1 {float: left; padding: 31px 10px 0 0; width: 21px;}
                            .hand1 a {display: block; background: url(../images/hand1.png) no-repeat; width: 21px; height: 24px;}
                        .hand2 {float: left; width: 21px; padding: 37px 0 0;}
                            .hand2 a {display: block; background: url(../images/hand2.png) no-repeat; width: 21px; height: 24px;}
                        .value_sale {background: #a7e500; text-align: center; width: 80px; padding: 0 0 0 8px; float: left; height: 88px;position: relative;-webkit-border-radius:44px;
                            -moz-border-radius:44px;
                            border-radius:44px; font: 30px 'ubuntumedium'; color: #fff; line-height: 88px; margin: 0 8px 0 0;}
                            .value_sale span {font: 35px  'ubuntubold';  }
                    .bl2{float: left; width: 360px; padding: 17px 0 42px 19px; border-left: 1px solid #e2e2e2;}
                    .bl2 h2 {padding: 0 0 25px;}
                    .bl3 {width: 180px; float: right; padding: 22px 19px 0  0;}
                        .period {background: url(../images/clock.png) left center no-repeat; padding: 0 0 0 36px; margin: 0 0 0 3px; color: #313131; height: 21px; font-size: 13px; line-height: 21px;}
                        .last_d {color: #f80017;}
                .but_open {position: absolute; bottom: 15px; right: 19px; width: 179px; background: url(../images/sprite1.png) 0 -40px no-repeat; padding: 9px 0 0;}
                .but_open:hover {background-position: 0 0; }
                    .but_open a {display: block; width: 159px; height: 29px; padding: 0 10px; text-align: center; font: 13px  'ubuntubold'; text-decoration: none; line-height: 29px; text-indent: -999px; overflow: hidden;}
                .go_to {position: absolute; bottom: 17px; right: 18px; width: 179px;}
                .go_to  a { display:block; background: url(../images/sprite1.png) 0 -258px no-repeat; height: 30px; width: 179px; }
                    .go_to  a:hover {background-position: 0 -220px;}

                   .best_propos {position: absolute;background: url(../images/sprite1.png) 0 -176px no-repeat; width: 180px; height: 35px; top:-3px; left:-7px;}
                   .foot_item_block {background: #f2f2f2; padding: 6px 18px 0 17px; border-top:1px solid #e2e2e2;}
                   .counts { padding: 0 0 4px;}
                   .pod {/*float: left;*/display:inline-block; padding: 1px 18px 0 0; font-size: 13px; color: #6e6e6e;}
                    .lte7 .pod {display: inline; zoom:1;}
                   .block_counts {/*float: left;*/ display: inline-block; padding: 0 36px 0 0;}
                   .lte7 .block_counts {display: inline; zoom:1;}
                    .block_counts a {display: block; background: url(../images/social2.png) no-repeat; width: 22px; height: 23px; float: left; margin: 0 9px 0 0}
                        .block_counts .count1 {background-position: 0 0 ;}
                        .block_counts .count2 {background-position: -31px 0;}
                        .block_counts .count3 {background-position: -62px 0;}
                        .block_vk {padding: 6px 0 20px;}
                     .comments {float: right; /*display: inline-block;*/ margin: 3px 0 0; padding: 0;   width: 165px; }
                     .comments a {background: url(../images/comments.png) left center no-repeat; padding: 0 0 0 33px; color: #6e6e6e; display: inline-block; height: 16px; font-size:12px; line-height: 16px;  }
                     .lte7 .comments a {display: inline; zoom:1;}



    .part2  { width: 217px; float: right;}

    .collegs {}
    .item_coleg { padding: 16px 19px 17px ;position: relative; border: 1px solid #e2e2e2;-webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px; margin: 0 0 17px; /*min-height: 190px;*/}
    .item_coleg h5 {font-size: 15px; color: #565656;}
    .logo_col {text-align: center; padding: 0 0 19px; min-height: 95px;}
        .logo_col i {display: inline-block; width: 1px; height: 95px;}
        .lte7 .logo_col i {display: inline; zoom:1;}
            .logo_col a *{vertical-align: middle;}
        .logo_col img {max-width: 176px;}
    .see {}
    .see a {background: url(../images/sprite1.png) 0 -134px no-repeat; width: 177px; height: 28px; display: block;}

.footer {display: table-row; height: 1px;}
.promo-cell {display:table-cell; padding: 5px 0 0;}
.footer1 {background: #171717;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#171717), to(#252626));
    background: -webkit-linear-gradient(#171717, #252626);
    background: -moz-linear-gradient(#171717, #252626);
    background: -ms-linear-gradient(#171717, #252626);
    background: -o-linear-gradient(#171717, #252626);
    background: linear-gradient(#171717, #252626);
    -pie-background: linear-gradient(#171717, #252626); position: relative; font-size: 13px;}
.footer2 {background: url(../images/eco.png); position: relative;}
.pr_fon_top {height: 5px; position: absolute; top:-5px; left:0; width: 100%; background:url(../images/eco_fon_top.png) repeat-x;}
.footer3 { margin: 0 auto;  padding-top: 20px; width: 1000px; color: #32373B;}
    .promo_block1 {background: #f2f4f6; padding: 16px 25px; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin-bottom: 5px; position: relative;}
    .promo_block1 h2 { color: #32373B; font: 24px; text-align: center; padding: 0;}
    .promo_block1 h3 {color:#32373B; font-size: 15px; }
    .promo_contacts {color: #fff; padding: 25px 0;font-size: 11px; line-height: 12px;}
        .copy {float: left; width: 300px; }
        .block_menu_foot {float: right;}
        .block_menu_foot ul {padding: 0; }
        .block_menu_foot ul li {float: left; border-left: 1px solid #fff; padding:  0 6px; list-style: none;}
                .block_menu_foot ul li:first-child {border: none;}
            .block_menu_foot ul li a {color: #fff;}

     .vse_materiali {color: #ADADAD; font-size: 11px;  padding: 0 0 20px;}


     .content_part {float: right; width: 765px; }
     .bl1_im {text-align: center; padding: 10px; width: 142px;}
            .bl1_im i {display: inline-block; width: 1px; height: 141px;}
                .bl1_im img {max-width: 141px; max-height: 128px;}
            .lte7 .bl1_im i {display: inline; zoom:1;}
               .bl1_im a *{vertical-align: middle;}
       .percent {color: #818181; font: 15px 'ubuntumedium'; width: 55px; /*float: left;*/ display: inline-block; zoom:1; height: 24px; margin: 0 30px 0 0;}
            .percent a {background: url(../images/hand1_2.png) left center no-repeat; display: inline-block; width: 17px; height: 18px; margin:0 6px 0 0;}
            .lte7 .percent a {display: inline; zoom:1;}
            .percent * {vertical-align: middle;}
            .percent span {display: inline-block; padding: 3px 0 0;}
            .lt7 .percent span {display: inline; zoom:1;}
            .content_part .comments {display: inline-block; float: none;}
            .lte7 .content_part .comments {display: inline; zoom:1;}
            .more_promo {text-align: right; /*float: right;*/ display: inline-block; width: 240px; font-size: 12px; padding: 4px 0 0;}
            .lte7 .more_promo {display: inline; zoom:1;}
            .opened { background-position: 0 -83px;}
            .opened:hover {background-position: 0 -83px;}
            .opened a {text-indent: 0;}
            .counts * {vertical-align: middle;}
     .side_bar {float: left; width: 216px;}
     .block_menu {}
     .block_menu h3 {display: block; padding: 8px 16px 4px; -webkit-border-radius: 5px 5px 0 0;
         -moz-border-radius:  5px 5px 0 0;
         border-radius:  5px 5px 0 0;
         background: #52A8DD;
         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#52A8DD), to(#308ace));
         background: -webkit-linear-gradient(#52A8DD, #308ace);
         background: -moz-linear-gradient(#52A8DD, #308ace);
         background: -ms-linear-gradient(#52A8DD, #308ace);
         background: -o-linear-gradient(#52A8DD, #308ace);
         background: linear-gradient(#52A8DD, #308ace);
         -pie-background: linear-gradient(#52A8DD, #308ace); font: 13px Arial; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #2481c4; position: relative;}

    .table_menu {background: #fafafa; border: 1px solid #d6d6d6; border-top: none; position: relative; -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius:  0 0 5px 5px;
        border-radius:   0 0 5px 5px; margin: 0 0 19px; padding: 4px 0 22px;}
     .table_menu table {border-collapse: collapse;}
        .table_menu td {padding: 6px 5px 6px 5px; background: none; width: 44px; text-align: center; vertical-align: middle;}
                .table_menu td:first-child {width: 140px; padding:6px 4px 6px 16px; text-align: left;}
        .table_menu td a {text-decoration: none; color: #595959;}
            .table_menu tr:hover td {background: #e4e4e4;}
            .table_menu tr.active td {background: #e4e4e4;}


    .pagination {text-align: center; color: #33575D;}
    .pagination ul {padding:0; font-size: 0; line-height: 0; display: table; width: 100%;}
        .pagination ul li {display: inline-block;font-size: 16px; line-height: normal; padding: 0 4px;}
        .lte7 .pagination ul li {display: inline; zoom:1;}
            .pagination ul .page_label {font-size: 12px;}
            .pagination ul li a  {text-decoration: none;}
                .pagination ul li a span {text-decoration: underline;}
                .pagination ul li a:hover span {text-decoration: none;}

                .bl_txt {}
                .wrap_bl_txt .bl_up {height: 54px; overflow: hidden;}
                .wrap_bl_txt .bl_down {height: auto;}
                .link_more {text-align: right; font-size: 12px;}    
© TrueDev.org