html {height: 100%;} * html body {height: 100%;} body { min-height: 100%; position: relative; } div.holder { padding-bottom: 173px; min-width: 1000px; overflow: hidden; } header{ height: 128px; /*padding: 0 3px 0 2px;*/ margin: 2px 0; min-width: 1000px; overflow: hidden; cursor: default; } header a, header div, header li{ position: relative; z-index: 10; } header a.logo{ display: block; width: 128px; height: 128px; float: left; margin: 0 2px; /*background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-2972bd-bg.png") left top repeat; */ /*background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/bg_menu_80.png") left top repeat;*/ background: #2972BD; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } header a.logo:hover{ background: #fff; } header a.logo div.vesti-link{ position: relative; width: 128px; height: 128px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/vesti-link.png") 22px 20px no-repeat; } header a.logo:hover div.vesti-link{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/vesti-link-hover.png") 22px 20px no-repeat; } header nav{ width: 455px; height: 82px; float: left; } header nav ul{ height: 82px; } header nav ul li{ position: relative; display: block; height: 82px; width: 63px; margin-right: 2px; float: left; } header nav ul li div.nav-bg{ position: absolute; display: block; top: 0; bottom: 19px; width: 63px; height: 63px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/background-opacity-70.png") left top repeat; z-index: 3; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } li.bg-active div{ background: #fff !important; } header nav ul li div.inversed{ background: #fff; } header nav ul li:hover div.nav-bg{ background: #fff; } header nav ul li a{ position: absolute; display: block; z-index: 5; padding-top: 63px; width: 63px; height: 19px; text-align: center; } header nav ul li a{ color: #fff; text-decoration: none; } a.nav-1{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-8.png") right top no-repeat; } a.nav-2{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-2.png") left top no-repeat; } a.nav-3{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-3.png") left top no-repeat; } a.nav-4{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-4.png") left top no-repeat; } a.nav-5{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-5.png") left top no-repeat; } a.nav-6{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-6.png") left top no-repeat; } a.nav-7{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-7.png") left top no-repeat; } li.bg-active a.nav-1{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-8.png") left top no-repeat; } li.bg-active a.nav-2{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-2.png") right top no-repeat; } li.bg-active a.nav-3{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-3.png") right top no-repeat; } li.bg-active a.nav-4{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-4.png") right top no-repeat; } li.bg-active a.nav-5{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-5.png") right top no-repeat; } li.bg-active a.nav-6{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-6.png") right top no-repeat; } li.bg-active a.nav-7{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-7.png") right top no-repeat; } header nav ul li:hover a.nav-1{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-8.png") left top no-repeat; } header nav ul li:hover a.nav-2{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-2.png") right top no-repeat; } header nav ul li:hover a.nav-3{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-3.png") right top no-repeat; } header nav ul li:hover a.nav-4{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-4.png") right top no-repeat; } header nav ul li:hover a.nav-5{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-5.png") right top no-repeat; } header nav ul li:hover a.nav-6{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-6.png") right top no-repeat; } header nav ul li:hover a.nav-7{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-7.png") right top no-repeat; } header nav ul li a span{ font: normal 11px 'Tahoma'; text-transform: lowercase; } header div.instruments{ height: 63px; width: 195px; float: right; } header nav ul li:last-child{ margin-right: 0; } div.instruments ul{ height: 63px; } div.instruments ul li{ position: relative; height: 63px; width: 63px; margin-right: 2px; float: left; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/background-opacity-70.png") left top repeat; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } div.instruments ul li:hover{ background: #fff; } div.instruments ul li a{ display: block; width: 63px; height: 63px; } div.instruments ul li.inst-0 a{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/vesti.jpg") left top no-repeat; } div.instruments ul li.inst-1 a{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/inst-1.png") left top no-repeat; } div.instruments ul li.inst-1 a:hover{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/inst-1.png") right top no-repeat; } div.instruments ul li.inst-2 a{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/inst-2.png") left top no-repeat; } div.instruments ul li.inst-2 a:hover{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/inst-2.png") right top no-repeat; } li.inst-2-active{ background: #fff !important; } div.instruments ul li.inst-2-active a{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/inst-2.png") right top no-repeat; } li.search-opened{ background: #fff !important; } li.search-opened a{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/inst-1.png") right top no-repeat !important; } div.social-buttons{ background: #333333; display: none; position: absolute; width: 63px; height: 260px; top: 67px; right: 2px; z-index: 55; } div.social-buttons ul{ position: relative; display: block; width: 63px; } div.social-buttons ul li{ width: 63px; height: 63px; clear: both; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/social-bg.png") left top repeat; margin-bottom: 2px; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } div.social-buttons ul li:hover{ background: #fff; } div.social-buttons ul li a{ display: block; position: relative; width: 63px; height: 63px; background-repeat: no-repeat; background-image: url("/web/20161218141435im_/http://hitech.vesti.ru/i/social.png"); } div.social-buttons ul li a.sb-soc1{ background-position: left top; } div.social-buttons ul li a.sb-soc1:hover{ background-position: right top; } div.social-buttons ul li a.sb-soc2{ background-position: left -65px; } div.social-buttons ul li a.sb-soc2:hover{ background-position: right -65px; } div.social-buttons ul li a.sb-soc3{ background-position: left -130px; } div.social-buttons ul li a.sb-soc3:hover{ background-position: right -130px; } div.social-buttons ul li a.sb-soc4{ background-position: left -195px; } div.social-buttons ul li a.sb-soc4:hover{ background-position: right -195px; } div.page-content{ margin-left: 2px; min-width: 998px; max-width: 1630px; cursor: default; } /*���������� ����*/ div.page-content section.tag-list{ max-width: 1630px; min-width: 1000px; width: 100%; } section.tag-list div.tag-list-holder{ width: 1000px; } div.tag-list-holder h3{ position: relative; z-index:10; font: normal 12px 'Tahoma'; color: #fff; padding: 7px 15px; width: 98px; height: 17px; margin-right: 2px; float: left; background: #2972BD; } div.tag-list-holder nav.t-list{ width: 868px; float: left; position: relative; z-index: 10; } div.tag-list-holder nav.t-list ul{ } div.tag-list-holder nav.t-list ul li{ position: relative; display: block; margin: 0 2px 2px 0; float: left; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/bg_menu_80.png") left top repeat; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } li.topic-active{ background: #fff !important; } li.topic-active a{ color: #000 !important; } div.tag-list-holder nav.t-list ul li:hover{ background: #fff; } div.tag-list-holder nav.t-list ul li:last-child{ margin-right: 0px; } div.tag-list-holder nav.t-list ul li a{ display: block; padding: 7px 16px; font: normal 12px 'Tahoma'; color: #fff; min-height: 17px; text-decoration: none; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } div.tag-list-holder nav.t-list ul li a:hover{ color: #000; } div.page-content section.commercial{ max-width: 1630px; min-width: 1000px; width: 100%; height: 99px; margin-bottom: 2px; } section.commercial div.commercial-title-holder{ width: 1000px; height: 7px; margin-bottom: 2px; } div.commercial-title-holder div.commercial-title-side{ height: 7px; float: left; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-ffffff-bg.png") left top repeat; } div.commercial-title-holder div.commercial-title-text{ font: normal 9px 'Tahoma'; text-transform: uppercase; color: #fff; float: left; height: 7px; margin-top: -3px; } div.commercial-title-holder div.commercial-title-wide{ width: 941px; margin-right: 3px; } div.commercial-title-holder div.commercial-title-short{ width: 7px; margin-left: 3px; } section.commercial div.commercial-banner-picture{ width: 1000px; height: 90px; position: relative; z-index: 6; } /** * Content Styles */ section.content-holder{ min-width: 1000px; max-width: 1630px; width: 100%; margin-bottom:20px; } section.content-holder div.cwp{ min-width: 1000px; max-width: 1630px; width: 100%; } div.cwp div.content-wrapper{ width: 100%; float: left; } div.content-wrapper section.content{ margin-right: 244px; } section.content div.title{ margin-right: 0 !important; } /*������������ ������*/ section.content-holder aside.v-banner{ width: 242px; margin-left: -242px; float: left; } aside.v-banner div.vertical-banner-top{ width: 240px; height: 7px; margin: 24px 0 2px 0; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-ffffff-bg.png") left top repeat; } aside.v-banner div.vertical-banner{ width: 240px; /*height: 400px;*/ margin-bottom: 2px; } aside.v-banner div.interesting{ width: 100%; } div.interesting h3{ width: 143px; height: 24px; padding: 7px 0 0 16px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/interesting-bg.png") left top no-repeat; font: normal 12px 'Tahoma'; text-transform: uppercase; color: #fff; margin-bottom: 2px; } div.interesting ul{ width: 240px; } div.interesting ul li{ display: block; width: 214px; min-height: 24px; padding-left: 26px; margin-bottom: 2px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/interesting-marker.png") left top no-repeat; } div.interesting ul li div.interesting-item{ padding: 5px 18px; width: 178px; min-height: 12px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-ffffff-bg.png") left top repeat; } div.interesting-item p:first-child{ font: normal 12px 'Tahoma'; } div.interesting-item p:first-child a{ font-size: 12px !important; color: #fff; text-decoration: none; } div.interesting-item p.ann a{ text-decoration:none; color: #bbb; } div.interesting-item p{ font: normal 12px 'Tahoma'; color: #fff; margin-bottom: 3px; } div.interesting-item p a{ font-size: 11px; color: #2972bd; } div.page-content section.low-feed{ max-width: 1708px; min-width: 1000px; width: 100%; float: right; margin-bottom: 2px; overflow: hidden; } ul.feed-items{ display: block; margin-right: 2px; min-width: 1000px; } ul.feed-items li{ display: block; height: 97px; position:relative; float: left; margin-top: 2px; margin-right: 2px; } /*body{background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/body-bg.gif") repeat #000;}*/ @media screen and (max-width: 1000px){ ul.feed-items li{ width: 332px; min-width: 332px; max-width: 332px; } .no-margin-1{ width: 330px !important; } article{ width: 465px; } } @media screen and (min-width: 1440px) { body{ /*background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/dell-brand-bg-several.jpg") right top no-repeat #000; */ } } @media screen and (min-width: 1210px) and (max-width:1439px){ body{ /*background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/dell-brand-bg-middle.jpg") right top no-repeat #000; */ } } @media screen and (max-width: 1209px){ body{ /* background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/dell-brand-bg-small.jpg") right top no-repeat #000; */ } } body{ background-color: #000; } @media screen and (min-width: 1001px) and (max-width: 1339px){ ul.feed-items li{ min-width: 332px; max-width: 443px; width: 33.1%; } .no-margin-3{ min-width: 331px !important; max-width: 442px !important; width: 33.2% !important; } } @media screen and (min-width: 1340px) and (max-width: 1708px) { ul.feed-items li{ min-width: 330px; max-width: 425px; width: 24.8%; } .no-margin-4{ margin-right: 0 !important; min-width: 336px !important; max-width: 431px !important; width: 24.9% !important; } } @media screen and (min-width: 1709px) and (max-width: 1920px) { ul.feed-items li{ min-width: 324px; max-width: 339px; width: 2%; } .no-margin-3{ max-width: 339px !important; } .no-margin-4{ max-width: 339px !important; } .no-margin-5{ margin-right: 0 !important; max-width: 339px !important; } } ul.feed-items li.size1{ width: 332px; min-width: 332px; max-width: 332px; } .size1-no-margin-3{ width: 330px !important; } section.art-view{ width: 240px !important; min-width: 240px !important; max-width: 240px !important; float: none !important; clear: both; } section.art-view ul.feed-items li{ float: none; clear: both; min-width: 240px; max-width: 240px; width: 240px; } div.feed-item-header{ position: relative; width: 100%; height: 7px; margin: 0 0 2px 0; overflow: hidden; } div.feed-item-header-left{ width: 7px; height: 7px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-484848-bg.png") left top repeat; float: left; } div.feed-item-header-right{ position: relative; margin-left: 7px; width: 100%; height: 7px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-f1f1f1-bg.png") left top repeat; } div.feed-item-date{ height: 15px; margin: 0 2px 2px 0; float: left; padding: 4px 16px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-4685c6-bg.png") left top repeat; font: normal 11px 'Tahoma'; color: #fff; } article div.feed-item-date{ background: #2972bd; } div.feed-item-date a{ color: #fff; text-decoration: none; } div.feed-item-inner{ position: relative; width: 100%; height: 63px; } div.mark-wrapper{ float: left; width: 100%; } div.mark-column{ margin-left: 65px; height: 63px; position: relative; } .v-banner div.mark-column div.v-net-content { top:7px; height: 41px; font-size: 13px; } div.v-net-wrapper{ height: 63px; float: left; width: 100%; } div.v-net-center{ height: 63px; margin: 0 96px 0 17px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/v-net-center.png") left top repeat-x; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } ul.feed-items li:hover div.v-net-center{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/rev-left-hover.png") left top repeat-x !important; } div.v-net-left{ height: 63px; float: left; width: 17px; margin-left: -100%; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/v-net-left.png") left top no-repeat; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } ul.feed-items li:hover div.v-net-left{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/v-net-left-hover.png") left top no-repeat; } div.v-net-right{ height: 63px; float: left; width: 96px; margin-left: -96px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/v-net-right.png") left top no-repeat; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } ul.feed-items li:hover div.v-net-right{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/v-net-right-hover.png") left top no-repeat; } div.mark-ico{ float: left; width: 65px; height: 63px; margin-left: -100%; } div.mark-ico-bg{ width: 63px; height: 63px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-2972bd-bg.png") left top repeat; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } ul.feed-items li:hover div.mark-ico-bg{ background: #fff; } div.mark-ico-arrow{ width: 63px; height: 63px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-7.png") left top no-repeat; } ul.feed-items li:hover div.mark-ico-arrow{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/nav-7.png") right top no-repeat; } div.v-net-content{ position: absolute; display: block; width: auto; height: 34px; left: 16px; right: 10px; top: 12px; bottom: 22px; overflow: hidden; font-family: 'Ubuntu', 'Arial', sans-serif; font-weight: 300; } .review div.v-net-content{ height: 46px !important; } div.v-net-content a{ color: #fff; text-decoration: none; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } ul.feed-items li:hover div.v-net-content a{ color: #000; } /*/������ ���*/ /*�����.Net*/ section.vesti-net{ } div.v-net{ float: left; } div.vesti-net-ico{ width: 32px; height: 32px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/vesti-net-ico.png") left top no-repeat; margin-left: 2px; margin-right: -1px; float: left; } /*/�����.Net*/ /*Review*/ section.review:first-child{ margin-bottom: -1px; } section.review div.title-decorator-bottom, div.article-feed-inner div.title-decorator-bottom, div.article-feed div.title-decorator-bottom{ margin-top: 7px; } section.review ul.feed-items li{ height: 104px !important; } section.review div.feed-item-inner, section.review div.mark-wrapper, section.review div.mark-column, section.review div.mark-ico{ height: 104px !important; } section.review div.mark-column{ margin-left: 116px !important; } section.review div.mark-ico{ width: 116px !important; } section.review div.v-net-wrapper{ height: 78px !important; } section.review div.v-net-center{ margin: 0 41px 0 17px !important; height: 78px !important; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/rev-center.png") left top repeat-x !important; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } section.review ul.feed-items li:hover div.v-net-center{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/rev-left-hover.png") left top repeat-x !important; } section.review div.v-net-left{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/rev-left.png") left top no-repeat !important; height: 78px !important; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } section.review ul.feed-items li:hover div.v-net-left{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/rev-left-hover.png") left top no-repeat !important; } section.review div.v-net-right{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/rev-right.png") left top no-repeat !important; height: 78px !important; width: 41px !important; margin-left: -41px !important; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } section.review ul.feed-items li:hover div.v-net-right{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/rev-right-hover.png") left top no-repeat !important; } section.review div.v-net-content{ top: 38px !important; bottom: 13px !important; } section.review div.feed-item-header{ width: 114px !important; } section.review div.rev-photo-frame{ width: 106px; height: 79px; padding: 4px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/review-photo-frame.png") left top no-repeat; } /*/Review*/ div.title{ position: relative; margin-right: 2px; height: 31px; overflow: hidden; } div.title h1{ display: block; float: left; font: normal 12px 'Tahoma'; color: #fff; text-transform: uppercase; padding: 8px 16px 9px 16px; background: #2972BD; } h1.v-article-x{ -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; padding-right: 0 !important; } h1.v-article-x a{ display: block; text-decoration: none; color: #fff; font: normal 12px 'Tahoma'; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; height: 23px; width: 100%; margin-top: -8px; padding-top: 8px; padding-left: 16px; margin-left: -16px; padding-right: 16px; } h1.v-article-x:hover{ background: #fff; } h1.v-article-x a:hover{ color: #000; } div.title h2{ display: block; float: left; font: normal 12px 'Tahoma'; color: #fff; text-transform: uppercase; padding: 8px 16px 9px 16px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-2972bd-bg.png") left top repeat; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } div.title h2:hover{ background: #fff; } div.title h2 a{ text-decoration: none; color: #fff; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } div.title h2 a:hover{ color: #000; } div.title div.title-decorator{ height: 14px; position: relative; float: right; margin-top: 17px; } div.title-decorator div.title-decorator-top{ height: 7px; position: relative; clear: both; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-4685c6-bg.png") left top repeat; } div.title-decorator div.title-decorator-bottom{ height: 7px; position: relative; clear: both; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/background-opacity-70.png") left top repeat; } /*�����*/ footer { position: absolute; width: 100%; bottom: 0; height: 140px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-footer.png") left top repeat; } footer div.footer-inner{ max-width: 1757px; min-width: 998px; width: 100%; height: 80px; padding: 0 2px; font: normal 11px 'Tahoma'; color: #fff; margin-top: 19px; float: right; } footer div.footer-inner p{ display: block; width: 722px; color: #999; } div.footer-inner p a{ color: #999; text-decoration: underline; } /*/�����*/ /*Content*/ /*Index*/ div.is-holder{ position: relative; width: 100%; overflow: hidden; } ul.index-slider{ position: relative; left: 0; } ul.index-slider li{ zoom: 1; } ul.today-photos{ display: block; width: 100%; } ul.today-photo li{ display: block; width: 100%; position: relative; } div.item-id{ height: 7px; margin-right: 2px; margin-bottom: 2px; position: relative; } div.item-id-mark{ width: 7px; height: 7px; float: left; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-484848-bg.png") left top repeat; margin-right: 2px; } div.item-id-text{ height: 7px; width: 24px; margin-right: 2px; float: left; font: normal 8px 'Tahoma'; color: #7D7D7D; margin-top: -2px; } div.item-id-other{ height: 7px; width: 100%; left: 35px; right: 0; width: auto; position: absolute; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-ffffff-bg.png") left top repeat; } a.item-title{ display: block; margin-right: 2px; margin-top: 0px; margin-bottom: 1px; /*font: normal 17px 'Myriad Pro';*/ font-family: 'Ubuntu', 'Arial', sans-serif; /*font-size: 1em;*/ font-weight: normal; line-height: 32px; color: #fff; text-decoration: none; /* -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; */ position: relative; top: -1px; margin-bottom: 0px; margin-left: 36px; } a.item-title span{ position: relative; background: #2972BD; padding: 6px 0px 6px 0px; /*-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;*/ left: -36px; } a.item-title span span {left: 36px; position: relative; padding:6px 0px 6px 0; } a.item-title span span span {left: -18px;background: #2972BD; padding:6px 2px 6px 0; position: relative; } a.item-title:hover{ color: #000; } a.item-title:hover span{ /* background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/item-title-hover.gif") left top repeat; */ background: #fff; } a.item-title:hover span span {left: 36px;} a.item-title:hover span span span {left: -18px; background: #fff; padding:6px 2px 6px 0; } div.item-content{ position: relative; margin-right: 2px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-item-content-bg.png") left top repeat; font: normal 12px 'Tahoma'; color: #bbb; line-height: 16px; padding: 8px 18px 22px 18px; min-height: 1px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } div.item-content:hover{ background: #fff; color: #000; } div.item-content a{ display: block; } div.item-content a:link{ text-decoration:none; color: #bbb; } div.item-content a:visited{ text-decoration:none; color: #bbb; } div.item-content a:hover{ text-decoration:none; color: #000; } div.item-content a:active{ text-decoration:none; color: #bbb; } a.item-content-marker{ display: block; position: absolute; right: 0; bottom: 0; width: 23px; height: 23px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/item-content-marker.png") left top no-repeat; } div.item-photo{ position: relative; margin-right: 2px; padding: 4px; margin-bottom: 2px; height: 171px; width:auto; height:auto; } div.item-photo-top { position: absolute; height: 2px; left: 0px; right: 0px; width: auto; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-ffffff-bg.png") left top repeat; top: 0; } div.item-photo-bottom { position: absolute; height: 2px; left: 0px; right: 0px; width: auto; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-ffffff-bg.png") left top repeat; bottom: 0; } div.item-photo-left { position: absolute; width: 2px; top: 2px; bottom: 2px; height: auto; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-ffffff-bg.png") left top repeat; left: 0; } div.item-photo-right { position: absolute; width: 2px; top: 2px; bottom: 2px; height: auto; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-ffffff-bg.png") left top repeat; right: 0; } div.today-photos-holder{ position: relative; margin: 0 2px 2px 0; /*28.09.12*/ /*height: 349px;*/ height: 464px; overflow: hidden; } ul.today-photos{ position: absolute; top: 0; width: 100%; } ul.today-photos li{ display: block; clear: both; /*28.09.12*/ /*height: 349px;*/ text-align: center; height: 464px; width: 100%; position: relative; } ul.today-photos li a img{ /*position: absolute; left: 50%; top: 50%; margin-left: -310px; margin-top: -*/ } div.today-items{ position: relative; margin-right: 2px; } div.today-items ul{ position: relative; display: block; width: 100%; } div.today-items ul li{ position: relative; display: block; margin-bottom: 2px; width: 100%; min-height: 61px; } div.today-items ul div.today-items-content, div.today-items ul div.today-items-date{ -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } div.today-items ul li:hover div.today-items-content, div.today-items ul li:hover div.today-items-date{ background: #fff; } div.today-items ul li div.today-items-content a, div.today-items ul li div.today-items-date a{ -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } div.today-items ul li:hover div.today-items-content a, div.today-items ul li:hover div.today-items-date a{ color: #000; } div.today-items-content{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-4685c6-bg.png") left top repeat; margin-left: 65px; line-height: 18px; font-family: 'Ubuntu','Arial',sans-serif; padding: 7px 18px 10px 18px; min-height: 44px; width: 100%; } div.today-items-content a{ display: block; } div.today-items-content a, div.today-items-date a{ color: #fff; text-decoration: none; display: block; position: absolute; top:0; bottom:0; height: auto; } div.today-items-content a{ margin-bottom:8px; margin-top: 10px; } div.today-items-date a{ width: 63px; } div.today-items-date{ position: absolute; left: 0; width: 63px; top: 0px; bottom: 0px; height: auto; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-4685c6-bg.png") left top repeat; color: #fff; text-align: center; } div.today-items-date div{ position: absolute; left: 0; right: 63px; width: auto; } li.today-first div.today-items-date, li.today-first div.today-items-content{ background: #2972BD !important; } li.today-first:hover div.today-items-date, li.today-first:hover div.today-items-content{ background: #fff !important; } div.today-items-date div{ position: absolute; height: 40px; top: 50%; margin-top: -24px; width: 63px; } div.today-items-date span.num{ font-family: 'PT Sans Narrow', 'Arial', sans-serif; font-size: 31px; } div.today-items-date span.mon{ font: normal 9px 'Tahoma'; text-transform: uppercase; } /*/Index*/ /*Article*/ section.content-type-article{ position: relative; width: 100%; margin-top: 2px; /* height: 600px;*/ } div.cta-wrapper{ float: left; width: 100%; } div.cta-column{ position: relative; margin: 0 33px 0 33px; } div.art-link-nav{ position: absolute; width: 243px; height: 181px; background: #194471; border: 2px solid #2871bd; z-index: 44; display: none; } div.art-link-prev{ left: -2px; top: 0px; border-left: 0; } div.art-link-next{ right: -2px; top: 0px; border-right: 0; } div.art-link-nav div{ width: 206px; margin-left: 16px; margin-top: 64px; font-family: 'Ubuntu', 'Arial', sans-serif; } div.art-link-nav div a{ color: #fff; text-decoration: none; } div.cta-left{ float: left; width: 33px; margin-left: -100%; } div.cta-right{ float: left; width: 33px; margin-left: -33px; } div.article-feed{ position: relative; width: 464px; bottom: 0; } div.mini-photo{ position: absolute; width: 114px; left: 0; } div.mini-photo ul li{ display: block; clear: both; margin-bottom: 2px; width: 114px; height: 96px; cursor: pointer; } div.mini-photo-holder{ width: 114px; height: 87px; position: relative; } div.mini-photo-item{ position: relative; width: 106px; margin-left: 4px; padding-top: 4px; } div.mini-photo-item div.video-item-marker{ position: absolute; left: 37px; top: 23px; width: 31px; height: 31px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/video-item-marker.png") left top no-repeat; } div.article-big-photo{ position: relative; margin-right: 2px; height: 361px; margin-bottom: 2px; zoom:1; overflow: hidden; } div.article-big-photo div.item-id{ margin-right: 0; } div.article-big-holder{ position: relative; width: 100%; padding-top: 4px; height: 348px; } div.article-big-photo-list{ width: 456px; height: 344px; overflow: hidden; margin: 0 0 0 4px; zoom:1; } div.article-big-photo-list ul{ position: relative; top: 0; } article div.article-inner{ max-width: 932px; /*min-width: 376px;*/ width: 100%; } article div.article-bg { background: #fff; padding: 40px 40px; } article h1{ position: relative; width: 100%; font-family: 'NeoSansPro Regular', 'Ubuntu', 'Arial', sans-serif; font-size: 24px; font-weight: 400; color: #000; line-height: 38px; padding: 0; margin: 20px 0; } div.article-inner div.feed-item-date{ margin-bottom: 0px; } article h1 span{ /*background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/article-h1.png") left top repeat-x; */ background: #2972BD; line-height: 49px; padding: 1px 0px 6px 0px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; position: relative; left: -16px; } article h1 span span{left: 16px; padding: 1px 0px 6px 0px;background: #2972BD; } article h1 span span span{ left: -8px;padding: 1px 0px 6px 0px;background: #2972BD;} article div.article-text{ position: relative; /*padding: 45px 40px; background: #fff; border-top: 1px solid #efefef; */ margin-bottom: 2px; } article .soc-grey { background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-ffffff-bg.png") repeat scroll left top transparent; padding: 14px 16px; margin: 2px 0; height: 23px; } div.article-text p{ font: normal 14px 'Tahoma'; color: #333; margin-bottom: 23px; } div.article-text p:last-child{ margin-bottom: 0; } div.article-text ul {margin-left: 15px;} div.article-text ul li {list-style: disc; margin-bottom: 3px; color: #333333; font: 14px 'Tahoma';} div.article-text ol {padding-left: 40px; margin-bottom: 23px;} div.article-text ol li {margin-bottom: 3px; color: #333333; font: 14px 'Tahoma';} .article-author{ display: block; margin-right: 2px; margin-top: 0px; margin-bottom: 1px; /*font: normal 17px 'Myriad Pro';*/ font-family: 'Ubuntu', 'Arial', sans-serif; /*font-size: 1em;*/ font-weight: normal; line-height: 28px; color: #fff; text-decoration: none; position: relative; top: -1px; margin-bottom: 1px; margin-left: 36px; } .article-author span{ position: relative; background: #224E7B; padding: 4px 0px 6px 0px; left: -36px; } .article-author span span {left: 36px; position: relative; padding:4px 0px 6px 0; } .article-author span span span {left: -18px;background: #224E7B; padding:4px 2px 6px 0; position: relative; color: #fff; font: 11px 'Tahoma'; } .article-author span span span a { color: #fff; font: 11px 'Tahoma'; text-decoration: none; } .article-author:hover{ color: #000; } .article-author:hover span{ /* background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/item-title-hover.gif") left top repeat; */ background: #fff; } .article-author:hover span span {left: 36px;} .article-author:hover span span span {left: -18px; background: #fff; padding:4px 2px 6px 0; color: #000;} .article-author:hover span span span a{ color: #000; } div.auth h3{ width: auto; margin-bottom: 2px; } div.auth h3 a{ color: #fff; text-decoration: none; } ul.red-choise li{ display: inline-block; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/hi-tech-ffffff-bg.png") left top repeat; margin-right: 2px; margin-bottom: 2px; font: normal 12px 'Tahoma'; padding: 7px 18px 8px 18px; } ul.red-choise li:first-child{ margin-top: 2px; } ul.red-choise li a{ color: #fff; text-decoration: none; } /*/Article*/ /*/Content*/ /*UI*/ div.controller{ position: relative; width: 31px; height: 185px; cursor: pointer; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/background-opacity-70.png") left top repeat; } div.controller:hover{ background: #2972bd; } div.controller-left{ margin-right: 2px; float: left; } div.controller-right{ margin-left: 2px; float: right; } div.controller div.controller-left-arrow{ width: 9px; height: 13px; margin-top: 86px; margin-left: 11px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/controller-arrow-sprite.png" ) left top no-repeat; } div.controller div.controller-right-arrow{ width: 9px; height: 13px; margin-top: 86px; margin-left: 11px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/controller-arrow-sprite.png" ) right top no-repeat; } div.ctrl-disabled{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/ctrl-disabled-bg.png") left top repeat; cursor: default; } div.ctrl-disabled:hover{ background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/ctrl-disabled-bg.png") left top repeat; cursor: default; } div.ctrl-disabled div.controller-left-arrow{ width: 9px; height: 13px; margin-top: 86px; margin-left: 11px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/controller-arrow-sprite-disabled.png" ) left top no-repeat; cursor: default; } div.ctrl-disabled div.controller-right-arrow{ width: 9px; height: 13px; margin-top: 86px; margin-left: 11px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/controller-arrow-sprite-disabled.png" ) right top no-repeat; cursor: default; } /*/UI*/ .article-big-photo-list li{ width: 456px; height: 347px; } /*Search Form*/ div.header-search-form{ height: 63px; width: 0px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/social-bg.png") left top repeat; position: absolute; right: 67px; overflow: hidden; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } #serch-form{ position: relative; display: block; left: -50px; } #search-form-input{ display: block; float: left; height: 25px; width: 187px; border: 1px solid #fff; padding-left: 9px; text-transform: capitalize; margin-top: 17px; margin-left: 17px; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/social-bg.png") left top repeat; font: 11px normal 'Tahoma'; color: #1a4474; } #search-form-submit{ background: #fff; color: #1a4474; display: block; float: left; font: 11px 'Tahoma'; /* padding: 7px 16px 10px;*/ text-transform: capitalize; width: 53px; border: 0; height: 29px; cursor: pointer; margin-top: 17px; -webkit-transition: all 0.6s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.6s ease-out; /* Firefox 4-15 */ -o-transition: all 0.6s ease-out; /* Opera 10.5–12.00 */ transition: all 0.6s ease-out; /* Firefox 16+, Opera 12.50+ */ } #search-form-submit:hover{ background: #fff; color: #000; } div.progress-bar{ position: absolute; height: 7px; width: 0; background: url("/web/20161218141435im_/http://hitech.vesti.ru/i/social-bg.png") left top repeat; top: 0; left: 65px; /*-webkit-transition: background 0.6s ease-out; -moz-transition: background 0.6s ease-out; -o-transition: background 0.6s ease-out; transition: background 0.6s ease-out;*/ } div.today-items ul li:hover div.progress-bar{ background: #000; } /** Media Queries * All @media placed here */ @media screen and (max-width: 1000px){ ul.index-slider li.today-news{ width: 460px !important; } ul.index-slider li{ width: 230px; overflow: hidden; display: block; float: left; } } @media screen and (min-width: 1001px) and (max-width: 1262px) { ul.index-slider li.today-news{ min-width: 460px; width: 66.7%; } ul.index-slider li{ min-width: 230px !important; width: 33.3%; overflow: hidden; display: block; float: left; } } @media screen and (min-width: 1263px) and (max-width: 1341px){ ul.index-slider li.today-news{ min-width: 473px !important; width:50%; } ul.index-slider li{ min-width: 236px; width: 25%; overflow: hidden; display: block; float: left; } } @media screen and (min-width: 1342px) and (max-width: 1476px) { div.page-content{ margin-left: 131px; margin-right: 131px; } ul.index-slider li.today-news{ min-width: 382px; width: 50%; } ul.index-slider li{ min-width: 191px !important; width: 25%; overflow: hidden; display: block; float: left; } } @media screen and (min-width: 1477px) and (max-width: 1709px) { div.page-content{ margin-left: 131px; margin-right: 131px; } ul.index-slider li.today-news{ min-width: 358px; width: 40%; } ul.index-slider li{ min-width: 179px !important; width: 20%; overflow: hidden; display: block; float: left; } } @media screen and (min-width: 1710px) { div.page-content{ margin-left: 131px; margin-right: 131px; } ul.index-slider li.today-news{ min-width: 382px; width: 33.3%; } ul.index-slider li{ min-width: 189px !important; width: 16.65%; overflow: hidden; display: block; float: left; } } @media screen and (min-width: 1500px){ div.art-wrapper{ float: left; width: 100%; position: relative; } article{ margin-left: 582px; } div.article-big-container{ position: relative; float: left; width: 466px; padding-left: 116px; margin-left: -100%; zoom:1; } .nopad div.article-big-container{ padding-left: 0px; } .nopad .mini-photo{ display: none; } .nopad article { margin-left: 466px; } } @media screen and (max-width: 1499px){ div.article-big-container{ position: absolute; width: 466px; padding-left: 116px; position: relative; } .nopad div.article-big-container{ padding-left: 0px; } .nopad .mini-photo{ display: none; } .nopad article { margin-left: 0px; } div.art-wrapper{ position: relative; width: 100%; clear: both; } article{ width: 100%; } article div.article-inner { max-width: 100% !important; } } @media screen and (max-width: 1500px){ div.article-left-slot{ display: none; } } /*.pixel { width: 1px; height: 1px; text-indent: -9999px; } .branding { width: 100%; height: 300px; display: block; position: absolute; z-index:5;} */ .fb_iframe_widget_lift{ z-index: 1334 !important; } /* FILE ARCHIVED ON 14:14:35 Dec 18, 2016 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 23:12:13 May 19, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 449.59 exclusion.robots: 0.097 exclusion.robots.policy: 0.089 cdx.remote: 0.068 esindex: 0.009 LoadShardBlock: 105.734 (3) PetaboxLoader3.datanode: 127.811 (5) CDXLines.iter: 17.02 (3) PetaboxLoader3.resolve: 146.424 (3) load_resource: 217.912 (2) */