/* ------------- */ /* Common frames */ /* ------------- */ /* Whole frame */ div.frame-whole { position: relative; //width: 100%; margin: 0px; padding: 0px; background: transparent;} div.frame-whole-tl, div.frame-whole-tr, div.frame-whole-br, div.frame-whole-bl { position: absolute; width: 6px; height: 6px; background: transparent;} div.frame-whole-tl { top: 0px; left: 0px; background: transparent url('/i/corners/frame-whole-tl.png') 0 0 no-repeat; background: expression('none');filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/corners/frame-whole-tl.png', sizingMethod='crop');} div.frame-whole-tr { top: 0px; right: 0px; background: transparent url('/i/corners/frame-whole-tr.png') 0 0 no-repeat; background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/corners/frame-whole-tr.png', sizingMethod='crop');} div.frame-whole-br { bottom: 0px; right: 0px; background: transparent url('/i/corners/frame-whole-br.png') 0 0 no-repeat; background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/corners/frame-whole-br.png', sizingMethod='crop');} div.frame-whole-bl { bottom: 0px; left: 0px; background: transparent url('/i/corners/frame-whole-bl.png') 0 0 no-repeat; background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/corners/frame-whole-bl.png', sizingMethod='crop');} * html div.frame-whole-tr, * html div.frame-whole-br { right: expression( this.parentNode && this.parentNode.offsetWidth % 2 ? -1 : -0 ); } * html div.frame-whole-br, * html div.frame-whole-bl { bottom: expression( this.parentNode && this.parentNode.offsetHeight % 2 ? -1 : -0 ); } /* Hollow frame */ div.frame-hollow { border: 1px solid #E1E1E1; position: relative; //width: 100%; } div.frame-hollow-tl, div.frame-hollow-tr, div.frame-hollow-br, div.frame-hollow-bl { position: absolute; width: 6px; height: 6px; } div.frame-hollow-tl { top: -1px; left: -1px; background: transparent url('/i/corners/frame-hollow-tl.gif') 0 0 no-repeat; background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/corners/frame-hollow-tl.gif', sizingMethod='crop');} div.frame-hollow-tr { top: -1px; right: -1px; background: transparent url('/i/corners/frame-hollow-tr.gif') 100% 0 no-repeat; background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/corners/frame-hollow-tr.gif', sizingMethod='crop');} div.frame-hollow-br { bottom: -1px; right: -1px; background: transparent url('/i/corners/frame-hollow-br.gif') 100% 100% no-repeat; background:expression('none');FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/corners/frame-hollow-br.gif', sizingMethod='crop');} div.frame-hollow-bl { bottom: -1px; left: -1px; background: transparent url('/i/corners/frame-hollow-bl.gif') 0 100% no-repeat; background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/corners/frame-hollow-bl.gif', sizingMethod='crop');} * html div.frame-hollow-tr, * html div.frame-hollow-br { right: expression( this.parentNode && this.parentNode.offsetWidth % 2 ? -2 : -1 ); } * html div.frame-hollow-br, * html div.frame-hollow-bl { bottom: expression( this.parentNode && this.parentNode.offsetHeight % 2 ? -2 : -1 ); } /* ---------- */ /* Layout */ /* ---------- */ body { font-family: "Trebuchet MS"; font-size: 75%; } body { margin: 0px; padding: 0px; } #layout { min-width: 996px; width: 100%; width: expression( document.getElementsByTagName('body')[0] && document.getElementsByTagName('body')[0].clientWidth < 996 ? '996px' : '100%' ); overflow: hidden; } #layout-content {position: relative; width: 980px;} img { border-width: 0px; } div.clearer { clear: both; width: 0px; height: 0px; } #centering { position: relative; width: 100%; background: #000000 url('/i/bg-all.jpg') center top no-repeat;} #home-page #header { height: 143px; } /* content */ #content { padding-bottom: 50px; padding-top: 15px; background-color: #ffffff; } #content div.layout.row { position: relative; float: left; overflow: hidden; } #home-page #content div.layout.row.a { width: 710px; } #home-page #content div.layout.row.b { width: 259px; } #content div.layout.row div.reducer { position: relative; } #home-page #content div.layout.row.a div.reducer { margin-left: 16px; } #home-page #content div.layout.row.b div.reducer { margin-left: 12px;margin-top: 2px; } #home-page #content div.layout.row.a div.reducer #pressa{ position: relative; width: 190px; float: left;overflow: hidden; } #home-page #content div.layout.row.a div.reducer #news{ position: relative; width: 475px; float: left; margin-left: 22px;overflow: hidden;} #home-page #content div.layout.row.a div.reducer #left{ position: relative; width: 190px; float: left;overflow: hidden; } #home-page #content div.layout.row.a div.reducer #center{ position: relative; width: 475px; float: left; margin-left: 21px;overflow: hidden;} #center div.abstract{ line-height: 140%; margin-right: 15px; } /* Left row */ div.left-banner {margin: 0px 0px 15px 0px; } #left-banner {margin: 0px 0px 15px 0px; } #left-banner-adriver{ margin: 25px 0px 0px 0px; width: 240px; height:400px; position: relative; border: 1px solid #D1D1D1; padding:2px;} div.more-link { text-align: right; margin: 5px 0px 15px 0px; } /* Right row */ div.row.c .container { margin-bottom: 16px;} /* pic-slider-container */ #pic-slider-container {position: relative; height:170px; background: transparent url('/i/pic-slider-container.jpg') left no-repeat; margin:10px 0 25px 0px;} #pic-slider-container div.slider{ position: relative; top:0px; left:0px; width: 694px; } #pic-slider-container div.title{padding: 13px 0 6px 15px; color: #6D6D6D; font-weight: bold; font-size: 91%;} #pic-slider-container div.title a{color: #6D6D6D;} #pic-slider-container div.title a:hover {color: #6D6D6D; text-decoration: none;} #pic-slider-container div.item div.title {padding: 2px 0 0px 7px;} #pic-slider-container div.item { position: relative; float: left; margin:0px;} #pic-slider-container div.str { position: relative; float: left;} #pic-slider-container div.bg-projet-preview { width: 160px; height: 105px; background: transparent url(/i/bg-project-prew.png) left top no-repeat; background:expression('none');FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg-project-prew.png', sizingMethod='crop'); } div.bg-projet-preview img { position: relative; left: 8px; top: 8px; } #pic-slider-container div.item div.name a { margin-left: 7px; margin-top: 3px;font-weight: bold; width: 150px; line-height: 100%;font-size: 90%;} /* prj-pic-container */ #prj-pic-container { width: 691px; height: 225px; background: transparent url(/i/bg_prj-border.gif) left top no-repeat; margin-top:2px; } #prj-pic-container img { margin-left: 6px; margin-top: 6px; } /* per-pic-container */ #per-pic-container { width: 190px; height: 230px; background: transparent url(/i/bg_per-border.gif) left top no-repeat; margin-top:2px; } #per-pic-container img { position: relative; left: 6px; top: 6px; } /* pic-slider-container2 */ #gallerey {position: relative; width: 480px;} #gallerey div.item { position: relative; float: left; margin:0px;} #gallerey div.bg-prj-preview { width: 157px; height: 110px; background: transparent url(/i/bg-project-prew.png) left top no-repeat; background:expression('none');FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg-project-prew.png', sizingMethod='crop'); } div.bg-prj-preview img { position: relative; left: 8px; top: 8px; } #gallerey div.item div.name a {padding-left: 10px; font-weight: bold; width: 147px; } /* prj-pic-container2 */ #prj-pic-container2 { width: 475px; height: 225px; background: transparent url(/i/bg_prj-border.gif) left top no-repeat;margin-top:2px;} #prj-pic-container2 img { position: relative; left: 6px; top: 6px; } /* navigation */ #navigation { position: relative; height: 70px; left: 12px; top: 50px; width:980px; } #navigation ul { margin: 0px; padding: 0px; list-style-type: none;} #navigation ul li { position: relative; float: left; margin:0px; padding: 0 1px 0 1px;} #navigation a { color: #ffffff; font-family: "Trebuchet MS"; font-size: 95%; font-weight: bold; cursor: hand;} /* navigation2 */ #navigation2 { position: absolute; height: 25px; left: 10px; top: 116px; width:980px; } #navigation2 ul { margin: 0px; padding: 0px; list-style-type: none;} #navigation2 ul li { position: relative; float: left; margin:2px 5px 0 5px; padding: 0px; color: #8b8b8b; font-size: 96%;} #navigation2 a { color: #78838c; font-family: "Trebuchet MS"; font-weight: normal; cursor: hand;} #navigation2 a.active { color: #3d3d3d; font-family: "Trebuchet MS"; font-weight: normal; cursor: hand; } div.teaser, div.teaser div.img { position: relative; } div.teaser.big {border-bottom: 1px solid #E0E0E0;} div.teaser-rows { margin-top: 20px; border-bottom: 1px solid #E0E0E0; } div.teaser.big div.img { width: 475px; } div.teaser-rows div.img { width: 135px; float: left; margin:0 15px 10px 0px;} div.teaser-rows div.img-prs { width: 70px; float: left; margin:0 15px 10px 0px;} div.teaser table.category { margin-top: 10px; } div.teaser.big table.category { margin-top: 13px; } div.teaser div.abstract, div.teaser-rows div.abstract { line-height: 140%; text-align: justify;} div.teaser div.author { margin:10px 0px 25px 0px; } div.teaser div.author2 { margin:10px 0px 10px 0px;} div.author, div.comments, div.author2 { color: #898989; } div.teaser-rows div.author { margin:10px 0px 0px 0px; font-size: 91%; } div.teaser-rows div.author, div.teaser-rows div.comments { line-height: 120%; } div.abstract_param{ line-height: 170%;} .param {color: #6d6d6d} div.teaser-rows { padding-bottom: 2em; } div.teaser-rows div.teaser { position: realtive; width: 215px; float: left; } div.teaser-rows div.teaser.right { top: 0px; left: 21px; } div.teaser-more-link { margin-bottom: 2em; } div.back {border-top: 1px solid #E0E0E0; padding: 10px 0 10px 0; margin: 10px 0 10px 0;} div.teaser table.category div.frame-content { line-height: 140%; } div.teaser table.category div.frame.init span { padding-right: 7px; background: transparent url('/i/arrow-right-gray.gif') right center no-repeat; } div.teaser table.category div.frame.active span { padding-right: 7px; background: transparent url('/i/arrow-right-white.gif') right center no-repeat; } div.short-image-teasers { margin: 0px 3px 30px 2px; } div.short-image-teasers div.frame-hollow { border-color: #eaeaea; } div.short-image-teasers div.teaser { position: relative; background: #F9F9F9 url('/i/bg-cute.gif') right bottom repeat-x; height:50px;} div.img-png{ position: relative; float:left; margin:5px 7px 5px 5px; padding:0px; width: 50px; height: 40px; background: transparent;} div.text-p {padding:11px 7px 7px 15px;} div.text-p div.name {font-size: 95%;} div.short-image-teasers div.name, div.short-image-teasers div.note { line-height: 120%; } div.short-image-teasers div.note {font-size: 91%; color: #A5A5A5;} div.short-image-teasers div.title {padding: 12px 0 9px 9px; color: #6D6D6D; font-weight: bold; font-size: 91%;border-bottom: #eaeaea 1px solid; background: #e3e4e4 url('/i/bg-cute.gif') right bottom repeat-x;} div.short-image-teasers div.title a{color: #6D6D6D;} div.short-image-teasers div.title a:hover{color: #6D6D6D; text-decoration: none;} div.submenu-teaser { margin-bottom: 20px; } div.submenu-teaser div.frame-hollow { border-color: #dfdfdf; } div.submenu-teaser div.submenu { position: relative; background: #f7f7f7 url('/i/bg-submenu.gif') right bottom repeat-x; padding:10px;} div.submenu-teaser div.submenu div.name { line-height: 120%; margin-bottom: 7px; } div.submenu-teaser div.submenu div.name a.active{ color: #000000;} div.submenu-teaser div.submenu div.name A{color: #4b63af;} /* Specific inpage central row */ #new div.frame-hollow {margin-bottom: 10px; border-color: #dfdfdf; background-color: #f3f3f3; } #new div.frame-hollow div.news { margin-left: 10px; } #new div.label { position: absolute; width: 69px; height: 69px; right: 0px; top: 0px; background: transparent url('/i/label-top5.gif') left top no-repeat; } * html #new div.label { right: expression( this.parentNode && this.parentNode.offsetWidth % 2 ? -1 : -0 ); } #new div.item {} #new div.item.first {} #new div.item div.left { position: relative; float: left;} #new div.item div.left-pic { position: relative; margin: 10px; float: left; } #new div.item div.right { position: relative; margin: 17px 15px 15px 0px; float: right; width: 335px;} #new div.item div.right div.title { font-size: 158%;margin-bottom: 12px;} #new div.item div.right div.note1, #new div.item div.right div.note2 { color: #6D6D6D; margin-bottom: 2px;} #new div.item div.right div.note2 { margin-top: 7px; } #new div.item div.separator { position: relative; height: 11px; margin-left:0px; margin-top:10px; background: transparent url('/i/bg-circles.gif') left top repeat-x; } #new div.item.last div.separator { display: none; } /* Background for preview images */ div.bg-image-p { width: 85px; height: 96px; background: transparent url(/i/bg-image-p.gif) center top no-repeat;} div.bg-image-p img { position: relative; left: 8px; top: 8px; } #tv-program-today { position: relative;} #tv-program-today div.title, #tv-program-today div.item div.where { font-size: 91%;} #tv-program-today div.title, #tv-program-today div.item { padding: 10px 10px; color: #6D6D6D; //width: 100%; line-height: 120%;} #tv-program-today div.title a{color: #6D6D6D;} #tv-program-today div.title a:hover {color: #6D6D6D; text-decoration: none;} #tv-program-today div.item div.where { padding: 5px 0px; color: #898989;} #tv-program-today div.title { text-transform: uppercase; font-weight: bold; background-color: #E8E8E8; } #tv-program-today div.title { border: 1px solid #D1D1D1; border-width: 1px 1px 1px 1px; position: relative; } #tv-program-today div.item { border: 1px solid #D1D1D1; border-width: 0px 1px 1px 1px; position: relative; } #tv-program-today div.title div.tl, #tv-program-today div.title div.tr { position: absolute; width: 6px; height: 6px; } #tv-program-today div.title div.tl {top: -1px; left: -1px; background: url('/i/corners/tv-program-tl.gif') 0 0 no-repeat;} #tv-program-today div.title div.tr {top: -1px; right: -1px; background: url('/i/corners/tv-program-tr.gif') 100% 0 no-repeat;} * html #tv-program-today div.title div.tr { right: expression( this.parentNode && this.parentNode.offsetWidth % 2 ? -2 : -1 ); } #tv-program-today div.item.last { border-bottom-width: 0px; line-height: 120%;} #tv-program-today div.b { position: relative; width: 100%; height: 10px; background: transparent url('/i/corners/tv-program-b.gif') left top no-repeat; } #tv-program-tomorrow { padding: 8px 10px; } #tv-program-today div.item div.what { padding-bottom:2px; } #tv-program-today div.item div.what span {} #tv-program-today div.author { margin:10px 0px 7px 0px; color: #898989; font-size: 91%; } #tv-program-today div.what {margin:0px 0px 4px 0px;} /* BG Footer */ #bg-footer { background: transparent url(/i/shadow-b_2.png) center top no-repeat; background:expression('none');FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/shadow-b_2.png', sizingMethod='crop'); position: relative; height: 25px; } /* Footer */ #footer { text-align: left; } #footer ul#bottom-navigation { margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; font-size: 92%; } #footer ul li.item { position: relative; float: left; width: 160px; margin-top: 21px; } #footer ul li.item div.title { margin-bottom: 4px; } #footer ul li.item div.title, #footer ul li.item div.title a { color: #A5A5A5; text-transform: uppercase; } #footer ul li.item ul, #footer ul li.item ul a { color: #616161; } #footer ul li.item div.title, #footer ul li.item ul li { margin-left: 20px; padding-right: 0px; } #footer ul li.item ul { margin: 0px; padding: 0px; list-style-type: none; } #copyright { color: #6D6D6D; margin: 35px 10px 25px 21px; font-size: 92%; line-height: 140%; } #copyright a { color: #6D6D6D; } /* Background for preview images */ div.bg-image-preview { width: 70px; height: 50px; background: transparent url(/i/bg-image-preview.png) center top no-repeat; background:expression('none');FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg-image-preview.png', sizingMethod='crop'); } div.bg-image-preview img { position: relative; left: 9px; top: 9px; } /* Common HTML */ h1 { font-size: 200%; padding: 0px; margin:0 0 10px 0; } h2 { font-size: 175%; padding: 0px; margin-top:0; font-weight: normal; } div.teaser-rows h2 { font-size: 125%; margin: 0px 0px 15px 0px; } div.teaser.big h2 { font-size: 175%; margin: 0px 0px 10px 0px; } a, a:visited, a:hover { color: #2277c2; } a, a:visited { text-decoration: none; } a:hover { text-decoration: underline; } div.teaser a div.frame, #sub-navigation a { text-decoration: none; } #sub-navigation a div.frame { color: #FFFFFF; } #sub-navigation a div.frame.init { color: #6D6D6D; } div.teaser a div.frame.init { color: #535353; } div.teaser a div.frame.active { color: #FFFFFF; } div.author a, div.author2 a, div.author a:visited, div.author a:hover, div.comments a, div.comments a:visited, div.comments a:hover { color: #898989; } div.more-link a, div.more-link a:visited, div.more-link a:hover { font-size: 91%; color: #898989;} div.more {font-size: 91%; color: #898989; margin-top: 10px;} .qa-date{font-size: 91%;} #pager { padding: 10px 0 10px 0; margin: 15px 0 25px 0; color: #898989;} /* ----------------------------------------------------------------- */ /* Super shadow */ /* Based on a shadow by Vladimir Tokmakov */ /* http://www.artlebedev.ru/tools/technogrette/html/shadows/new/ */ /* ----------------------------------------------------------------- */ .framed { position: relative; margin: 0; padding:0; left: 0px; top: 0px; background-color: #ffffff;} * html .framed .f_r, * html .framed .f_b, * html .framed .f_l { height: 0; } * html .framed .f_tt, * html .framed .f_rr, * html .framed .f_bb, * html .framed .f_bb *, * html .framed .f_ll, * html .framed .f_ll * { display: block; position: absolute; left: 0; top: 0; } /* Исправляем неправильный расчет позиции при "нечетной ширине" */ * html .framed .f_rr, * html .framed .f_bb * { right: expression( this.parentNode.offsetWidth % 2 ? -1 : 0 ); left: auto; } * html .framed .f_ll, * html .framed .f_ll *, * html .framed .f_bb, * html .framed .f_bb * { bottom: expression( this.parentNode.offsetHeight % 2 ? -1 : 0 ); top: auto; }