@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;}