html, body, form, ul, li, dl, dd, dt, fieldset, form, blockquote { margin:0; padding:0; border:0 none; } ul, dl, dd, dt { list-style:none; } table, tbody, tr, td, th { margin:0; padding:0; border:0 none; border-collapse:collapse; border-spacing:0; vertical-align:top; } input, select, textarea { font: 12px Arial, Helvetica, sans-serif; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } html, body { width:100%; height: 100%; } body { position: relative; font: 12px/17px Arial, Helvetica, sans-serif; color:#5B5C5F; background: #EDF1F8; } h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color: #000000; } h1, h2 { font-weight: normal; } p { margin:0 0 16px 0; } a { color:#000000; } a:hover { text-decoration: none; } a img, fieldset { border:0 none; } .fl_l { float: left; } .fl_r { float: right; } object { outline:none; display:block; } .block2 .filling ul { margin: 0 0 17px 35px; } .block2 .filling ul li { margin-bottom: 9px; padding-left: 16px; font-style: italic; background: url('../img/li.gif') no-repeat 0 8px; } #container { position: relative; min-height: 100%; margin-bottom: -74px; /*overflow: hidden;*/ z-index: 1; } #container2 { position: relative; width: 100%; overflow: hidden; z-index: 1; } * html #container { height: 100%; } #mainwrap { position: relative; width: 990px; margin: 0 auto; padding: 0 0 114px 0; } #mainwrap:after { position: relative; display: block; content: ' '; clear: both; overflow: hidden; height: 0; } /*путеводитель*/ #site_navigate_top { position: absolute; top: 0; left: 0; width: 100%; height: 185px; z-index: 99999; overflow:hidden; background: #282C36; } #site_navigate_top #maincont { position: relative; width: 990px; margin: 0 auto; } #site_navigate_top #maincont .logo { position: absolute; top: 61px; left: 15px; width: 190px; height: 70px; margin: 0; overflow: hidden; text-indent: -999px; background: url('../img/logo2.gif') no-repeat 0 0; } #site_navigate_top #maincont a.close { display: block; position: absolute; top: 6px; right: 30px; width: 9px; height: 9px; text-decoration: none; background: url('../img/close.gif') no-repeat 0 0; } #site_navigate_top #maincont a.close span { display: block; position: absolute; top: -5px; right: 15px; font-size: 10px; color: #282C36; white-space: nowrap; cursor: default; } #site_navigate_top #maincont a.close:hover span { color: #5A5D66; } #site_navigate_top #maincont .descr { position: absolute; top: 30px; left: 370px; width: 548px; height: 150px; overflow: hidden; font-size: 14px; color: #FFFFFF; line-height: 18px; } #site_navigate_top #maincont .descr h2 { margin-bottom: 16px; font-size: 20px; color: #FFFFFF; line-height: 21px; } #site_navigate_top #maincont .descr a { color: #888B95; } #site_navigate_top #maincont .descr a.onpage { text-decoration: none; background: url('../img/point2_x.gif') repeat-x 0 14px; } #site_navigate_top #maincont .descr a.onpage:hover { background: none; } #site_navigate_top #maincont ul.slides { position: absolute; top: 140px; left: 15px; width: 350px; height: 50px; overflow: hidden; } #site_navigate_top #maincont ul.slides li { position: relative; float: left; width: 9px; font-size: 8px; margin-right: 1px; color: #282C36; z-index: 0; } #site_navigate_top #maincont ul.slides li div.line { position: absolute; top: 14px; left: 0; width: 9px; height: 50px; overflow: hidden; background: #ffffff; } #site_navigate_top #maincont ul.slides li div.num { position: absolute; top: 23px; left: -2px; width: 12px; height: 22px; font-size: 11px; text-align: center; z-index: 10; background: #282C36 !important; } #site_navigate_top #maincont ul.slides li div.all { position: absolute; top: -5px; left: -2px; width: 12px; font-size: 11px; color: #ffffff; text-align: center; z-index: 10; } #site_navigate_top #maincont ul.slides li.act { z-index: 1; } #site_navigate_top #maincont ul.slides li.act .sl1{ color: #004C90; } #site_navigate_top #maincont ul.slides li.act .sl2 { color: #08609E; } #site_navigate_top #maincont ul.slides li.act .sl3 { color: #1A88BA; } #site_navigate_top #maincont ul.slides li.act .sl4 { color: #219BCA; } #site_navigate_top #maincont ul.slides li.act .sl5 { color: #21A2B9; } #site_navigate_top #maincont ul.slides li.act .sl6 { color: #119E95; } #site_navigate_top #maincont ul.slides li.act .sl7 { color: #079B79; } #site_navigate_top #maincont ul.slides li.act .sl8 { color: #33A75F; } #site_navigate_top #maincont ul.slides li.act .sl9 { color: #81BE3F; } #site_navigate_top #maincont .prev, #site_navigate_top #maincont .next { display: block; position: absolute; text-indent: -999px; overflow: hidden; background: url('../img/arrow2_lr.gif') no-repeat 0 0; } #site_navigate_top #maincont .prev { top: 88px; left: 305px; width: 11px; height: 21px; } #site_navigate_top #maincont .next { top: 74px; right: 14px; width: 25px; height: 49px; background-position: 0 -30px; } /*лента*/ #lenta_bg { position: relative; width: 100%; height: 42px; background: #CDD2D6; margin-bottom: -72px; } #lenta_cont { position: relative; //-margin-left: -4px; width: 100%; height: 72px; //z-index: 1000; } #cont_fix { position: relative; width: 990px; margin: 0 auto; } #lenta { position: absolute; top: 30px; left: -352px; //-left: -355px; width: 10000px; //zoom: 1; } #lenta:after { display: block; content: ' '; height: 0; overflow: hidden; clear: both; } #lenta .def{ position: relative; float: left; width: 412px; height: 42px; margin-right: 1px; //z-index: 1000; } #lenta .def .w { position: absolute; top: 0; left: 0; width: 412px; height: 42px; overflow: hidden; z-index: 1000; //cursor: hand; cursor: pointer; } #lenta .def .w img { position:relative; margin-top: -118px; } #lenta .def .w a{ display: block; margin-left: 40px; padding-top: 9px; font-size: 11px; color: #929292; line-height: 15px; text-decoration: none; } #lenta .def .w a span { display: block; margin-bottom: 1px; font-size: 15px; color: #000000; line-height: 15px; } #lenta .def .w a:hover span { text-decoration: underline; } #lenta .def .flashko { display:none; position:absolute; top:-30px; left:0; width:412px; height:277px; z-index:2001; } #lenta .def .nav_block { display: none; position: absolute; top: -30px; left: 0; width: 412px; height: 277px; z-index: 1500; } #lenta .def .nav_block .video, #lenta .def .nav_block .work, #lenta .def .nav_block .slide { position: absolute; top: 0; width: 206px; height: 277px; } #lenta .def .nav_block .video .bg, #lenta .def .nav_block .work .bg, #lenta .def .nav_block .slide .bg, #lenta .def .nav_block .video .link, #lenta .def .nav_block .work .link, #lenta .def .nav_block .slide .link, #lenta .def .nav_block .video .link span, #lenta .def .nav_block .work .link span, #lenta .def .nav_block .slide .link span { position: absolute; top: 0; left: 0; width: 100%; height: 277px; } #lenta .def .nav_block .video .bg, #lenta .def .nav_block .work .bg, #lenta .def .nav_block .slide .bg { z-index: 0; } #lenta .def .nav_block .video .link, #lenta .def .nav_block .work .link, #lenta .def .nav_block .slide .link { font-size: 11px; color: #ffffff; z-index: 2; } #lenta .def .nav_block .video .link .ic, #lenta .def .nav_block .work .link .ic, #lenta .def .nav_block .slide .link .ic { position: absolute; top: 68px; left: 46px; height: 148px; overflow: hidden; z-index: 0; } #lenta .def .nav_block .video .link .ic div, #lenta .def .nav_block .work .link .ic div, #lenta .def .nav_block .slide .link .ic div { width: 431px; height: 148px; text-indent: -999px; overflow: hidden; background: url('../img/icon_nav.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/icon_nav.png", sizingMethod="crop"); } #lenta .def .nav_block .video .link span, #lenta .def .nav_block .work .link span, #lenta .def .nav_block .slide .link span { z-index: 10; //cursor: hand; cursor: pointer; } /*видео*/ #lenta .def .nav_block .video { left: 0; } #lenta .def .nav_block .video .bg { background: #000000; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } #lenta .def .nav_block .video .link .ic { width: 120px; } /*о работе*/ #lenta .def .nav_block .work { left: 206px; } #lenta .def .nav_block .work .bg { background: #000000; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } #lenta .def .nav_block .work .link .ic { width: 137px; } #lenta .def .nav_block .work .link .ic div { margin-left: -149px; } /*слайды*/ #lenta .def .nav_block .slide { left: 0; } #lenta .def .nav_block .slide .bg { background: #000000; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } #lenta .def .nav_block .slide .link .ic { width: 131px; } #lenta .def .nav_block .slide .link .ic div { margin-left: -300px; } #slide_play { position: absolute; top: 235px; left: 0; width: 412px; height: 42px; z-index: 1600; } #slide_play .bg { position: absolute; top: 0; left: 0; width: 412px; height: 42px; z-index: 1; background: #000000; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } #slide_play ul { position: absolute; top: 14px; left: 14px; height: 13px; z-index: 2; } #slide_play ul li { float: left; width: 16px; height: 13px; overflow: hidden; cursor:pointer; //-cursor: hand; } #slide_play ul li span { display: block; margin-top: -15px; width: 16px; height: 28px; text-indent: -999px; overflow: hidden; background: url('../img/circle3.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/circle3.png", sizingMethod="crop"); } #slide_play ul li.act span { margin-top: 0; } #slide_play a { position: absolute; top: 9px; right: 10px; width: 94px; height: 24px; overflow: hidden; z-index: 2; } #slide_play a span { display: block; margin-left: -450px; width: 544px; height: 148px; text-indent: -999px; cursor:pointer; //-cursor: hand; overflow: hidden; background: url('../img/icon_nav.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/icon_nav.png", sizingMethod="crop"); } #slide_line { position:absolute; top:0; left:0; width:412px; height:277px; z-index:100; overflow:hidden; cursor:pointer; //-cursor: hand; } #slide_line div { position:relative; top:0; left:0; width:412px; height:277px; z-index:100; } #slide_line div img { display:block; float:left; width:412px; } /*только о работе*/ #lenta .def .nav_block .wone { left: 0; width: 412px; } #lenta .def .nav_block .wone .bg { background: #2191C2; } #lenta .def .nav_block .wone .link .ic { left: 149px; } #page_works2 .def .nav_block .wone .bg { background: #000000; } {} #lenta_cont #cont_fix .prev, #lenta_cont #cont_fix .next { display: block; position: absolute; top: 0; width: 22px; height: 22px; text-indent: -999px; overflow: hidden; } #lenta_cont #cont_fix .prev { left: 421px; } #lenta_cont #cont_fix .next { left: 444px; } #lenta_cont #cont_fix a.prev { background: url('../img/arrow_lr.gif') no-repeat 0 0; } #lenta_cont #cont_fix a.next { background: url('../img/arrow_lr.gif') no-repeat 100% 0; } #lenta_cont #cont_fix a.noclick_p { cursor: default; background-position: 0 -23px; } #lenta_cont #cont_fix a.noclick_n {cursor: default; background-position: 100% -23px; } .logo { position: relative; height: 127px; margin: 0 auto; width: 990px; } .logo a, .logo span { display: block; position: absolute; top: 61px; left: 15px; width: 190px; height: 27px; } .logo span { background: url('../img/logo.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/logo.png", sizingMethod="crop"); } .logo a { z-index: 10; overflow: hidden; text-indent: -999px; } .menu1 { position: relative; height: 1px; margin: 0 auto; width: 990px; z-index: 2000; } .menu1 ul { position: absolute; top: 87px; left: 15px; height: 101px; padding: 0; } .menu1 ul li { display: block; position: absolute; overflow: hidden; } .menu1 ul li.line1, .menu1 ul li.line2 { width: 11px; height: 30px; background: url('../img/line_sm.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/line_sm.png", sizingMethod="crop");} .menu1 ul li.line1 { top: 9px; left: 133px; } .menu1 ul li.line2 { top: 36px; left: 86px; } .menu1 ul li a { display: block; position: relative; text-indent: -999px; overflow: hidden; z-index: 2; } .menu1 ul li span.b, .menu1 ul li div { display: block; position: absolute; top: 0; left: 0; width: 1250px !important; height: 251px !important; z-index: 0; background: url('../img/menu.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/menu.png", sizingMethod="crop"); } .menu1 ul li.about { top: 15px; left: 0; width: 130px; height: 19px; } .menu1 ul li.about a { width: 130px; height: 19px; } .menu1 ul li.about span.b { top: -15px; } .menu1 ul li.about span.over { left: -200px; } .menu1 ul li.work { top: 15px; left: 149px; width: 97px; height: 19px; } .menu1 ul li.work a { width: 97px; height: 19px; } .menu1 ul li.work span.b { top: -65px; } .menu1 ul li.work span.over { left: -200px; } .menu1 ul li.life { top: 42px; left: 0; width: 83px; height: 19px; } .menu1 ul li.life a { width: 83px; height: 19px; } .menu1 ul li.life span.b { top: -115px; } .menu1 ul li.life span.over { left: -200px; } .menu1 ul li.project { top: 42px; left: 99px; width: 112px; height: 19px; } .menu1 ul li.project a { width: 112px; height: 19px; } .menu1 ul li.project span.b { top: -165px; } .menu1 ul li.project span.over { left: -200px; } .menu1 ul li.contact { top: 69px; left: 0; width: 126px; height: 19px; } .menu1 ul li.contact a { width: 126px; height: 19px; } .menu1 ul li.contact span.b { top: -215px; } .menu1 ul li.contact span.over { left: -200px; } /*активные пункты*/ .menu1 ul.about li.about { top: 0; width: 244px; height: 34px; } .menu1 ul.about li.about a { width: 244px; height: 34px; } .menu1 ul.about li.about span.b { top: 0; left: -400px; } .menu1 ul.about li.about span.over { left: -700px; } .menu1 ul.about li.work { left: 263px; } .menu1 ul.about li.line1 { top: -6px; left: 246px; width: 16px; height: 43px; background: url('../img/line_big.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/line_big.png", sizingMethod="crop"); } .menu1 ul.about li.about div { width: 244px; height: 34px; left: -1000px; top: 0; } .menu1 ul.work li.work { top: 0; width: 182px; height: 34px; } .menu1 ul.work li.work a { width: 182px; height: 34px; } .menu1 ul.work li.work span.b { top: -50px; left: -400px; } .menu1 ul.work li.work span.over { left: -700px; } .menu1 ul.work li.line1 { top: -6px; width: 16px; height: 43px; background: url('../img/line_big.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/line_big.png", sizingMethod="crop");} .menu1 ul.work li.work div { width: 182px; height: 34px; left: -1000px; top: -50px; } .menu1 ul.life li.life { top: 42px; width: 157px; height: 34px; } .menu1 ul.life li.life a { width: 157px; height: 34px; } .menu1 ul.life li.life span.b { top: -100px; left: -400px; } .menu1 ul.life li.life span.over { left: -700px; } .menu1 ul.life li.project { top: 57px; left: 176px; } .menu1 ul.life li.line2 { top: 36px; left: 159px; width: 16px; height: 43px; background: url('../img/line_big.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/line_big.png", sizingMethod="crop");} .menu1 ul.life li.contact { top: 84px; } .menu1 ul.life li.life div { width: 157px; height: 34px; left: -1000px; top: -100px; } .menu1 ul.project li.project { top: 42px; width: 210px; height: 34px; } .menu1 ul.project li.project a { width: 210px; height: 34px; } .menu1 ul.project li.project span.b { top: -150px; left: -400px; } .menu1 ul.project li.project span.over { left: -700px; } .menu1 ul.project li.life { top: 57px; } .menu1 ul.project li.line2 { top: 36px; left: 84px; width: 16px; height: 43px; background: url('../img/line_big.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/line_big.png", sizingMethod="crop"); } .menu1 ul.project li.contact { top: 84px; } .menu1 ul.project li.project div { width: 210px; height: 34px; left: -1000px; top: -150px; } .menu1 ul.contact li.contact { top: 69px; width: 240px; height: 34px; } .menu1 ul.contact li.contact a { width: 240px; height: 34px; } .menu1 ul.contact li.contact span.b { top: -200px; left: -400px; } .menu1 ul.contact li.contact span.over { left: -700px; } .menu1 ul.contact li.contact div { width: 240px; height: 34px; left: -1000px; top: -200px; } ul.menu2 { position: relative; margin: 0 0 50px 15px; padding: 0; //zoom: 1; } ul.menu2:after, ul.pager:after { display: block; content: ' '; height: 0; overflow: hidden; clear: both; } ul.menu2 li, ul.pager li { float:left; margin: 0 1px 1px 0; padding: 0; font-size: 11px; color: #ffffff; background: #24A3CD; } ul.menu2 li a, ul.pager li a { display: block; padding: 3px 12px 2px 12px; //padding: 2px 12px 3px 12px; color: #ffffff; text-decoration: none; white-space: nowrap; } ul.menu2 li a:hover, ul.pager li a:hover { background: #86C7E0; } ul.menu2 li.act, ul.pager li.act { padding: 3px 12px 2px 12px; //padding: 2px 12px 3px 12px; background: #86C7E0; } ul.menu2 li.act a { padding: 0; } ul.menu2.pad_t { padding-top: 0; } ul.menu3 { margin: 0 0 52px 36px; padding: 0; } ul.menu3 li { margin: 0 0 3px 0; padding: 0; } .block2 .filling ul li { padding-left: 16px; font-style: italic; background: url('../img/li.gif') no-repeat 0 8px; } /*нумерация*/ ul.pager { margin: 0 !important; padding: 0 !important; //zoom: 1; } ul.pager li { width: 22px; padding-left: 0 !important; font-style: normal !important; overflow: hidden; text-align: center; } .block1 ul.pager { margin-left: 15px !important; } ul.pager li.act , ul.pager li a { padding-left: 0; padding-right: 0; } .general_cont { position: relative; //zoom: 1; } .general_cont:after { display: block; content: ' '; height: 0; overflow: hidden; clear: both; } .block1 { position: relative; float: left; width: 266px; padding-top: 161px; } .block1 h2 { margin: 0 52px 12px 15px; font: 19px/16px Tahoma, Arial, Helvetica; letter-spacing: -1px; font-weight: bold; color: #000000; text-transform: lowercase; } .block1 .text { margin: 0 56px 52px 36px; } .block2 { position: relative; float: right; width: 677px; } .block2 .filling { padding: 0 40px 43px 161px; } .block2 h1 { margin: 0 0 11px 0; font-size: 22px; line-height: 20px; color: #000000; } .block2 ul.info { margin: 0; padding: 0; } .block2 ul.info li { margin: 0 0 12px 0; padding: 0; } .block2 ul.info li span { padding: 2px 7px 4px 6px; background: #ffffff; line-height: 23px; } .block2 ul.info li span a { padding: 0 0 3px 20px; color: #24A3CD; } .block2 .textcompany { margin-bottom: 42px; } .block2 .textscreen { margin: -33px 0 34px 0; padding-top: 10px; } .block2 .screen { position: relative; //display:inline-block; margin: 0 -25px 34px -158px; } .block2 .screen img { display: block; } .block2 .screen img { display: block; } .block2 .screen dl { position: absolute; top: 59px; left: -280px; width: 195px; } .block2 .screen dl dt, .block1 dl.first_comment dt { position: relative; margin: 0 0 13px 88px; font-size: 11px; line-height: 13px; } .block2 .screen dl dt a, .block1 dl.first_comment dt a { text-decoration: none; } .block2 .screen dl dt img, .block1 dl.first_comment img { display: block; position: absolute; top: -56px; left: -88px; width: 80px; height: 80px; } .block2 .screen dl dd, .block1 dl.first_comment dd { position: relative; } .block2 .screen dl dd ul, .block1 dl.first_comment dd ul{ margin-left: 0; } .block1 dl.first_comment { position: relative; margin-left: 36px; padding-top: 56px; } .block2 .screen .shad { position: relative; overflow:hidden; width: 658px; } .block2 .screen .shad .t { position: absolute; top: 0; left: 0; width: 658px; height: 2500px; z-index:0; background:url('../img/shad_pic.png') 0 0 no-repeat; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/shad_pic.png", sizingMethod="crop"); } .block2 .screen .shad img { display: block; position: relative; margin: 4px 0 0 12px; z-index: 2; } .block2 .screen .b { position: relative; overflow:hidden; width: 658px; height: 15px; } .block2 .screen .b div { position: absolute; top: -2485px; left: 0; width: 658px; height: 2500px; background:url('../img/shad_pic.png') no-repeat top left; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/shad_pic.png", sizingMethod="crop"); } .block2 .screen .cols2 { position: relative; //zoom: 1; } .block2 .screen .cols2:after { display: block; content: ' '; height: 0; overflow: hidden; clear: both; } .block2 .screen .cols2 .fl_l, .block2 .screen .cols2 .fl_r { position: relative; width: 320px; overflow: hidden; } .block2 .screen .cols2 .shad, .block2 .screen .cols2 .shad .t, .block2 .screen .cols2 .b, .block2 .screen .cols2 .b div { width: 320px; } .block2 .screen .cols2 .shad .t, .block2 .screen .cols2 .b div { background:url('../img/shad_pic2.png') no-repeat top left; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/shad_pic2.png", sizingMethod="crop"); } .block2 .screen .cols2 .shad img { width: 295px; } /*список работ*/ .block1 dl.works_list { margin: 0 0 27px 15px; } .block1 dl.works_list dt { font-size: 14px; } .block1 dl.works_list dt a { text-decoration: none; } .block1 dl.works_list dt a:hover { text-decoration: underline; } .block1 dl.works_list dd { margin-bottom: 14px; font-size: 11px; color: #919191; line-height: 13px; } /*разбивка на 4 колонки*/ .block3 { margin: 0 0 69px 36px; } .block3 .cols { float: left; width: 198px; margin-right: 49px; padding-top: 13px; font-style: italic; } .block3 .last { margin-right: 0; } .block3 .cols img { display: block; margin-top: 9px; } /*листалка по проектам*/ .nav_project { margin: 40px 17px 0 15px; padding: 17px 0 18px 0; border-top: 1px solid #C8CBD1; border-bottom: 1px solid #C8CBD1; } .nav_project a { display: block; min-height: 22px; //-height: 22px; font-size: 14px; text-decoration: none; line-height: 14px; } .nav_project a span { display: block; font-size: 11px; color: #5B5C5F; } .nav_project a.prev { float: left; padding-left: 21px; background: url('../img/arrow_l_w.gif') no-repeat 0 3px; } .nav_project a.next { float: right; padding-right: 21px; text-align: right; background: url('../img/arrow_r_w.gif') no-repeat 100% 3px; } /*список постов*/ dl.post_list { margin-bottom: 20px; // border-bottom: 1px solid #ffffff; } dl.post_list dt { position: relative; min-height: 80px; //-height: 80px; margin-bottom: 14px; padding: 0 175px 4px 0; border-bottom: 1px solid #ffffff; } dl.post_list dt a { display: block; margin-bottom: 4px; font-size: 27px; line-height: 30px; text-decoration: none; } dl.post_list dt a:hover { text-decoration: underline; } dl.post_list dt i { display: block; font-size: 11px; color: #000000; } dl.post_list dt .tags { display: block; margin: 0; } dl.post_list dt .tags a { display: inline; font-size: 11px; line-height: 18px; margin: 0; text-decoration: underline; } dl.post_list dt .tags a:hover { text-decoration: none; } dl.post_list dt .avatar { display: block; position: absolute; bottom: 1px; //-bottom: 0px; left: 545px; width: 80px; height: 80px; font-size: 11px; line-height: 13px; margin: 0; font-style: italic; } dl.post_list dt .avatar a { position: absolute; bottom: 6px; right: 88px; font-size: 11px; line-height: 13px; margin: 0; text-decoration: none; white-space: nowrap; } dl.post_list dt .avatar a:hover { text-decoration: underline; } dl.post_list dt .avatar img { display: block; width: 80px; height: 80px; } dl.post_list dd { padding-bottom: 50px; font-size: 14px; line-height: 18px; width: 100%; overflow: hidden;} dl.post_list dd img { display: block; } dl.post_list dd .pic_t { margin: 6px 0 16px 0; } dl.post_list dd .pic_b { margin: 16px 0 4px 0; } dl.post_list dd.movement { margin-bottom: 41px; padding: 4px 0 8px 0; font-size: 11px; } dl.post_list dd.movement span { margin: 0 6px; } /*теги*/ .tags { margin-bottom: 41px; } .tags, .tags a { font-size: 11px; color: #919191; line-height: 18px; } /*календарь*/ .calendar { margin: 0 0 85px 15px; } .calendar h2 { margin: 0 0 6px 0; letter-spacing: 0; font-size: 11px; font-weight: normal; text-transform: none; } .calendar ul { width: 161px; margin: 0; padding: 0; //zoom: 1; } .calendar ul:after { display: block; content: ' '; height: 0; overflow: hidden; clear: both; } .calendar ul li { float:left; width: 22px; margin: 0 1px 1px 0; padding: 0; font-size: 11px; color: #ffffff; overflow: hidden; text-align: center; } .calendar ul li a { display: block; padding: 3px 0 2px 0; //padding: 2px 0 3px 0; color: #ffffff; text-decoration: none; white-space: nowrap; } .calendar ul li.jan { background: #169E9D; } .calendar ul li.feb { background: #86C7E0; } .calendar ul li.mar { background: #4ABFAE; } .calendar ul li.apr { background: #108799; } .calendar ul li.may { background: #169E8A; } .calendar ul li.jun { background: #1A6B5F; } .calendar ul li.jul { background: #576160; } .calendar ul li.aug { background: #4ABFAE; } .calendar ul li.sep { background: #4ABFAE; } .calendar ul li.oct { background: #4ABFAE; } .calendar ul li.nov { background: #4ABFAE; } .calendar ul li.dec { background: #4ABFAE; } /*список людей*/ .avatar_list { margin: 0 0 85px 15px; //zoom: 1;} .avatar_list:after { display: block; content: ' '; height: 0; overflow: hidden; clear: both; } /*.avatar_list a { display: block; float: left; margin: 0 1px 1px 0; }*/ .avatar_list img { display: block; float: left; margin: 0 1px 1px 0; width: 80px; height: 80px; } /*подвал*/ #footer { position: relative; height: 74px; width: 990px; margin: 0 auto; z-index: 1; } #footer a { text-decoration: none; } #footer dfn { display: block; float:left; margin-left: 15px; font-size: 11px; color: #000000; font-style: normal; line-height: 16px; } #footer div.conts { position:absolute; float:right; right:15px; font-size:11px; color:#000000; font-style:normal; line-height:16px; } #footer div.conts span { display:block; float:right; margin-left:40px; } #footer div.conts span a { display:block; float:right; } #footer div.conts span.email a:hover { text-decoration: underline; } #footer div.icons { clear:both; padding-left:10px; } #footer div.icons div.icon { float:left; margin-right:8px; margin-top:6px; } #footer .icon, #footer .icon a { display: block; width: 24px; height: 24px; } #footer .icon { background-position: 0px 0px; } #footer .icon_over { background-position: 0px 24px; } #footer .icon_rss { background-image: url(../img/icon_rss.png); } #footer .icon_twit { background-image: url(../img/icon_twit.png); } #footer .icon_facebook { background-image: url(../img/icon_facebook.png); } #footer .icon_kz { background-image: url(../img/icon_kz.png); } #footer .icon_AIA { background-image: url(../img/icon_AIA.png); } #footer .icon_YouTube { background-image: url(../img/icon_YouTube.png); } body.shadow { background: #333333; } body.shadow #lenta_bg { background: #444444; } body.shadow #lenta .def .w { opacity: 0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); } body.shadow #lenta .current .w { opacity: 1; filter:none; } body.shadow .prezent_block { display: none; } /*--------------для главной страницы------------*/ #page_index #header { position: relative; width: 990px; height: 372px; margin: 0 auto; z-index: 1000; } #page_index .logo { position: absolute; top: 61px; left: 15px; width: 433px; height: auto; margin: 0; padding-top: 33px; font-size: 11px; color: #929292; line-height: 15px; z-index: 3; background: url('../img/logo.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/logo.png", sizingMethod="crop"); } #page_index .line_site { position: absolute; top: 0; left: 0; width: 100%; z-index: 0; } #page_index .line_site div { width: 990px; margin: 0 auto; z-index: 0; background: url('../img/line_site.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/line_site.png", sizingMethod="crop"); } #page_index #mainwrap { padding-top: 245px; } /*путеводитель*/ #page_index .site_navigate { position: absolute; top: 108px; left: 507px; width: 460px; color: #919191; font-size: 11px; line-height: 15px; } /*кружечек*/ #page_index .site_navigate .circle { position: absolute; top: -7px; left: 55px; width: 36px; height: 36px; z-index: 100; } #page_index .site_navigate .circle .c1 { display: block; position: absolute; top: 6px; left: 7px; width: 25px; height: 25px; z-index: 1; background: url('../img/circle1.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/circle1.png", sizingMethod="crop"); } #page_index .site_navigate .circle .c2 { display: none; position: absolute; top: 0; left: 0; width: 36px; height: 36px; z-index: 1; background: url('../img/circle2.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/circle2.png", sizingMethod="crop"); } #page_index .site_navigate .circle .show_nav, #page_index .site_navigate .circle .play, #page_index .site_navigate .circle .send { //cursor: hand; cursor: pointer; } #page_index .site_navigate .circle .show_nav { position: absolute; top: 6px; left: 7px; z-index: 100; width: 25px; height: 25px; overflow: hidden; } #page_index .site_navigate .circle .play, #page_index .site_navigate .circle .send { display: none; position: absolute; top: 0; left: 0; width: 36px; height: 36px; z-index: 100; overflow: hidden; } #page_index .site_navigate .circle .play img { margin-top: -36px; } #page_index .site_navigate .circle .send img { margin-top: -72px; } #page_index .site_navigate h2 { position: relative; margin: 0 0 18px 92px; width: 131px; height: 49px; overflow: hidden; //-cursor: hand; } #page_index .site_navigate h2 a { position: absolute; top: 0; left: 0; width: 500px; height: 49px; display: block; text-decoration: none; outline: none; text-indent: -999px; overflow: hidden; //-cursor: hand; background: url('../img/h_navigator.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/h_navigator.png", sizingMethod="crop"); } #page_index .site_navigate h2.act a { left: -150px; } #page_index .site_navigate h2.act a:hover { left: -300px; } /*блок с кнопками*/ #page_index .site_navigate .menu_nav { display: none; } /*число слайдов в каждой категории*/ #page_index .site_navigate .menu_nav ul li span { display: none; } #page_index .site_navigate ul { position: relative; margin: 0 0 13px 92px; padding: 0; height: 92px; z-index: 1; } #page_index .site_navigate ul li { position: absolute; margin: 0; padding: 3px 0 4px 0; color: #000000; text-align: center; background: #CDD2D6; //cursor: hand; cursor: pointer; } #page_index .site_navigate ul li.act { color: #ffffff; } #page_index .site_navigate ul li#m1 { top: 0; left: 0; width: 100px; } #page_index .site_navigate ul li#m2 { top: 0; left: 101px; width: 108px; } #page_index .site_navigate ul li#m3 { top: 23px; left: 21px; width: 89px; } #page_index .site_navigate ul li#m4 { top: 23px; left: 111px; width: 60px; } #page_index .site_navigate ul li#m5 { top: 23px; left: 172px; width: 83px; } #page_index .site_navigate ul li#m6 { top: 23px; left: 256px; width: 64px; } #page_index .site_navigate ul li#m7 { top: 46px; left: 0; width: 113px; } #page_index .site_navigate ul li#m8 { top: 46px; left: 114px; width: 87px; } #page_index .site_navigate ul li#m9 { top: 69px; left: 0; width: 121px; } #page_index .site_navigate ul li#m10 { top: 25px; left: -23px; padding: 0; color: #919191; background: none; cursor:default; } #page_index .site_navigate ul li.act#m1, #site_navigate_top #maincont ul.slides li.past div.sl1, #site_navigate_top #maincont a.sl1 { background-color: #004C90; } #page_index .site_navigate ul li.act#m2, #site_navigate_top #maincont ul.slides li.past div.sl2, #site_navigate_top #maincont a.sl2 { background-color: #08609E; } #page_index .site_navigate ul li.act#m3, #site_navigate_top #maincont ul.slides li.past div.sl3, #site_navigate_top #maincont a.sl3 { background-color: #1A88BA; } #page_index .site_navigate ul li.act#m4, #site_navigate_top #maincont ul.slides li.past div.sl4, #site_navigate_top #maincont a.sl4 { background-color: #219BCA; } #page_index .site_navigate ul li.act#m5, #site_navigate_top #maincont ul.slides li.past div.sl5, #site_navigate_top #maincont a.sl5 { background-color: #21A2B9; } #page_index .site_navigate ul li.act#m6, #site_navigate_top #maincont ul.slides li.past div.sl6, #site_navigate_top #maincont a.sl6 { background-color: #119E95; } #page_index .site_navigate ul li.act#m7, #site_navigate_top #maincont ul.slides li.past div.sl7, #site_navigate_top #maincont a.sl7 { background-color: #079B79; } #page_index .site_navigate ul li.act#m8, #site_navigate_top #maincont ul.slides li.past div.sl8, #site_navigate_top #maincont a.sl8 { background-color: #33A75F; } #page_index .site_navigate ul li.act#m9, #site_navigate_top #maincont ul.slides li.past div.sl9, #site_navigate_top #maincont a.sl9 { background-color: #81BE3F; } #page_index .site_navigate .txt1, #page_index .site_navigate .txt2 { margin-left: 45px; line-height: 15px; } #page_index .site_navigate .txt1 a { text-decoration: none; background: url('../img/point_x.gif') repeat-x 0 12px; } #page_index .site_navigate .txt1 a:hover { background: none; } #page_index .site_navigate .txt2 { display: none; } /*форма отправки презентации*/ #page_index .site_navigate .form_nav { display: none; position: relative; margin: 0 0 0 8px; width: 438px; height: 147px; background: url('../img/bg_form.png') no-repeat 100% 0; } #page_index .site_navigate .form_nav .close { display: block; position: absolute; top: 5px; right: 4px; width: 9px; height: 9px; overflow: hidden; text-indent: -999px; background: url('../img/close.gif') no-repeat 0 0; } #page_index .site_navigate .form_nav input, #page_index .site_navigate .form_nav textarea { display: block; position: absolute; padding: 2px 0 4px 7px; //padding: 1px 0 3px 8px; font-size: 11px; color: #81848E; border: 1px solid #888B95; background: none; } #page_index .site_navigate .form_nav label { display: block; position: absolute; cursor: text; z-index: 2; } #page_index .site_navigate .form_nav input#fname { top: 16px; left: 81px; width: 151px; //width: 141px; } #page_index .site_navigate .form_nav label.fname { top: 17px; left: 90px; } #page_index .site_navigate .form_nav input#femail { top: 16px; left: 242px; width: 178px; //width: 168px; } #page_index .site_navigate .form_nav label.femail { top: 17px; left: 251px; } #page_index .site_navigate .form_nav textarea { top: 48px; left: 82px; width: 339px; //width: 329px; height: 82px; //height: 76px; } #page_index .site_navigate .form_nav label.textar { top: 49px; left: 91px; width: 329px; //width: 296px; } #page_index .site_navigate .form_nav span { display: block; font-size: 14px; color: #ffffff; padding: 60px 0 0 84px; } /*лента*/ #page_index #lenta_bg { margin-bottom: -160px; } #page_index #lenta_cont { margin-bottom: -97px; } #page_index #lenta { top: 118px; } #page_index #lenta_cont #cont_fix .prev, #page_index #lenta_cont #cont_fix .next { top: 88px; z-index: 1000; } #page_index #lenta .def .nav_block, #page_index #lenta .def .flashko { top: -118px; } #page_index .menu1 { position: relative; height: 1px; margin: 0 auto; width: 990px; z-index: 2000; } #page_index .menu1 ul { position: absolute; top: 171px; left: 15px; width: 500px; margin: 0; padding: 0; z-index: 2000; } #page_index .menu1 ul li { display: block; position: absolute; overflow: hidden; } #page_index .menu1 ul li.line3, #page_index .menu1 ul li.line4 { width: 19px; height: 53px; background: url('../img/line_big2.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/line_big2.png", sizingMethod="crop"); } #page_index .menu1 ul li.line3 { top: -13px; left: 251px; } #page_index .menu1 ul li.line4 { top: 42px; left: 163px; } #page_index .menu1 ul li a { display: block; position: relative; text-indent: -999px; overflow: hidden; z-index: 2; } #page_index .menu1 ul li span.b, #page_index .menu1 ul li div { display: block; position: absolute; top: 0; left: 0; width: 1250px !important; height: 251px !important; z-index: 0; background: url('../img/menu.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/menu.png", sizingMethod="crop"); } #page_index .menu1 ul li.about { top: 0; left: 0; width: 244px; height: 34px; } #page_index .menu1 ul li.about a { width: 244px; height: 34px; } #page_index .menu1 ul li.about span.b { top: 0; left: -400px; } #page_index .menu1 ul li.about span.over { left: -700px; } #page_index .menu1 ul li.work { top: 0; left: 275px; width: 182px; height: 34px; } #page_index .menu1 ul li.work a { width: 182px; height: 34px; } #page_index .menu1 ul li.work span.b { top: -50px; left: -400px; } #page_index .menu1 ul li.work span.over { left: -700px; } #page_index .menu1 ul li.life { top: 51px; left: 0; width: 157px; height: 34px; } #page_index .menu1 ul li.life a { width: 157px; height: 34px; } #page_index .menu1 ul li.life span.b { top: -100px; left: -400px; } #page_index .menu1 ul li.life span.over { left: -700px; } #page_index .menu1 ul li.project { top: 51px; left: 190px; width: 210px; height: 34px; } #page_index .menu1 ul li.project a { width: 210px; height: 34px; } #page_index .menu1 ul li.project span.b { top: -150px; left: -400px; } #page_index .menu1 ul li.project span.over { left: -700px; } #page_index .menu1 ul li.contact { top: 101px; left: 0; width: 240px; height: 34px; } #page_index .menu1 ul li.contact a { width: 240px; height: 34px; } #page_index .menu1 ul li.contact span.b { top: -200px; left: -400px; } #page_index .menu1 ul li.contact span.over { left: -700px; } #page_index .contacts { position: absolute; top: 308px; left: 15px; color: #000000; } #page_index .contacts a { margin-left: 29px; text-decoration: none; } #page_index .contacts a:hover { text-decoration: underline; } #page_index .partners { position: relative; margin-left: 15px; width: 385px; font-size: 11px; line-height: 15px; color: #919191; } #page_index .partners img { position: absolute; top: 0; left: 0; } #page_index .partners a { color: #919191; text-decoration: none; cursor: default; } #page_index .partners a:hover { color: #000000; } #page_index .partners span { font-size: 15px; color: #000000; } #page_index .partners a.other { text-decoration: underline; //cursor: hand; cursor: pointer; } #page_index .partners a.other:hover { text-decoration: none; } #page_index .partners div.logocont { position:relative; width:107px; height:50px; margin-bottom: 20px; overflow: hidden; } #page_index .partners div.logocont div { width:107px; height:667px; top:0; overflow:hidden; position:relative; background: url('../img/partner_logos.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/partner_logos.png", sizingMethod="crop"); } /*--------------работы в картинках------------*/ #page_works_pic #header { position: relative; width: 990px; height: 136px; margin: 0 auto; } #page_works_pic #header .logo { display: block; position: absolute; top: 61px; left: 15px; width: 190px; height: 27px; margin: 0; overflow: hidden; text-indent: -999px; background: url('../img/logo.gif') no-repeat 0 0; } #page_works_pic .back { display: block; position: absolute; top: 74px; right: 0; font-size: 11px; color: #24A3CD; } #page_works_pic #header div { padding: 73px 0 0 215px; font-size: 14px; color: #000000; } #page_works_pic .work_list { //display: inline-block; } #page_works_pic .work_list div { float: left; width: 412px; height: 277px; margin: 0 1px 1px 0; overflow: hidden; //cursor: hand; cursor: pointer; } /*--------------цвета для меню ссылок и нумерации---------------------*/ #page_life .block2 { margin-top: -68px; } #page_life .block1 { width: 282px; padding-top: 219px; } #page_life .block2 .filling { padding: 0 16px 43px 36px; } #page_life ul.pager li { background: #169E9D; } #page_life ul.pager li a:hover, #page_life ul.pager li.act { background: #7CC1C4; } #page_life dl.post_list dd a { color: #169E9D; } #page_life dl.post_list dd.movement a { color: #000000; } #page_life .block1 .tags { margin-left: 15px; } /**/ #page_works2 .block2 { margin-top: 223px; } /**/ #page_works .block2 .filling { padding: 268px 37px 0 35px; } #page_works .block2 .filling h1 { margin: 0 0 17px -15px; font: 19px/16px Tahoma, Arial, Helvetica; letter-spacing: -1px; font-weight: bold; color: #000000; text-transform: lowercase; } /*разбивка текста по колонкам*/ #page_works .txtcol1, #page_works .txtcol3 { position: relative; width: 186px; } #page_works .txtcol1 { min-height: 270px; //-height: 270px; margin-left: 28px; font-size: 11px; line-height: 16px; overflow: hidden; } #page_works .txtcol1 h4 { margin-bottom: 2px; font-size: 12px; line-height: 16px; } #page_works .txtcol1 img { display: block; } #page_works .txtcol2 { width: 388px; margin-bottom: 16px; } #page_works .cols2 { margin: 0 0 31px 27px; } #page_works .cols2 ul, #page_works .cols2_1 div { margin: 0; width: 47%; } #page_works .txtcol1 .prezent_block { position: relative; width: 3162px; } #page_works .txtcol1 .prezent_block:after { display: block; content: ' '; clear: both; height: 0; overflow: hidden; } #page_works .txtcol1 .prezent_block .prezent { float: left; width: 186px; } #page_works .txtcol1 .prezent_block .bg { position: relative; width: 170px; height: 163px; overflow: hidden; background: url('../img/prezent.jpg') no-repeat 0 0; } #page_works .txtcol1 #p2 .bg { background-position: 0 -170px; } #page_works .txtcol1 #p3 .bg { background-position: 0 -340px; } #page_works .txtcol1 #p4 .bg { background-position: 0 -510px; } #page_works .txtcol1 #p5 .bg { background-position: 0 -680px; } #page_works .txtcol1 #p6 .bg { background-position: 0 -850px; } #page_works .txtcol1 #p7 .bg { background-position: 0 -1020px; } #page_works .txtcol1 #p8 .bg { background-position: 0 -1190px; } #page_works .txtcol1 #p9 .bg { background-position: 0 -1360px; } #page_works .txtcol1 #p10 .bg { background-position: 0 -1530px; } #page_works .txtcol1 #p11 .bg { background-position: 0 -1700px; } #page_works .txtcol1 #p12 .bg { background-position: 0 -1870px; } #page_works .txtcol1 #p13 .bg { background-position: 0 -2040px; } #page_works .txtcol1 #p14 .bg { background-position: 0 -2210px; } /**/ #page_contact .bg_map { position: absolute; top: 0; left: 0; width: 100%; height: 850px; z-index: 0; overflow: hidden; } #page_contact .bg_map .cont { position: relative; width: 990px; margin: 0 auto; } #page_contact .bg_map .cont img { position: absolute; top: 0; left: 80px; width: 1115px; height: 910px; } #page_contact #container2 { height: 850px; } #page_contact .block1 { padding-top: 219px; } #page_contact .block1 dl { margin-left: 15px; padding-bottom: 18px; } #page_contact .block1 dl dt { margin-bottom: 5px; } #page_contact .block1 dl dd { margin-bottom: 37px; font-size: 19px; line-height: 16px; letter-spacing: -1px; font-weight: bold; color: #000000; } #page_contact .block1 dl dd a { text-decoration: none; } #page_contact .block1 dl dd a:hover { text-decoration: underline; } #page_contact .block1 a.print { margin-left: 15px; } /*#page_contact .block1 dl dt { margin-bottom: 14px; font-size: 19px; line-height: 16px; letter-spacing: -1px; font-weight: bold; color: #83BC37; } #page_contact .block1 dl dd { margin-left: 19px; }*/ /*#page_contact .block1 .phone, #page_contact .block1 .email { position: absolute; top: 19px; left: 15px; white-space: nowrap; } #page_contact .block1 .phone span, #page_contact .block1 .email a { display: block; padding-top: 4px; font-size: 19px; line-height: 21px; letter-spacing: -1px; font-weight: bold; color: #000000; text-decoration: none; } #page_contact .block1 .email a:hover { text-decoration: underline; } #page_contact .block1 .email { left: 205px; }*/ #page_contact .block2 { margin-top: -68px; } #page_contact .block2 .filling { padding: 5px 44px 0 102px; } #page_contact .block2 .filling .map_block { position: relative; margin: 0 -22px 41px -21px; width: 574px; height: 350px; } #page_contact .block2 .filling .map_block .map { width: 574px; height: 350px; overflow: hidden; } #page_contact .block2 .filling .map_block .house { display: none; position: absolute; top: 0; left: 0; z-index: 10000; } #page_contact .block2 .filling .map_block .house_sm { display: block; position: absolute; top: 272px; left: 398px; z-index: 10000; border: 3px solid #000000; } #page_contact .block2 .filling h2 { margin: 0 0 14px -21px; font: 19px/16px Tahoma, Arial, Helvetica; letter-spacing: -1px; font-weight: bold; color: #000000; } #page_contact .block2 .filling h2 a { text-decoration: none; } #page_contact .block2 .filling h2 a:hover { color: #83BC37; } #page_contact .block2 .filling b { color: #000000; } #page_contact ul.menu2 { margin-bottom: 23px; } #page_contact ul.menu2 li { background: #97c259; } #page_contact ul.menu2 li a:hover, #page_contact ul.menu2 li.act { background: #b5d392; } /**/ #page_project .block1 { padding-top: 219px; } #page_project .block2 { margin-top: -68px; } #page_project .block2 .filling { padding: 0 16px 0 146px; font-size: 17px; line-height: 23px; color: #000000; } #page_project ul.menu2 { margin-bottom: 23px; } #page_project ul.menu2 li { clear: left; } #page_project ul.menu2 li, #page_project ul.pager li { background: #21A368; } #page_project ul.menu2 li a:hover, #page_project ul.pager li a:hover, #page_project ul.menu2 li.act, #page_project ul.pager li.act { background: #34B77B; } #page_project .projects_block { padding-top:40px; } #page_project .projects_block .block { position: relative; float: left; margin: 0 1px 1px 0; width: 319px; padding-bottom: 15px; overflow: hidden; cursor: pointer; //cursor: hand; } #page_project .projects_block .block .bg { position: absolute; top: 0; left: 0; width: 319px; height: 1000px; z-index: 0; background: #ffffff; } #page_project .projects_block .block .txtBlock { position: relative; margin: 0 25px 0 50px; z-index: 1; } #page_project .projects_block .block .p_logo { display: block; position: relative; margin: 35px auto 40px auto; height: 88px; text-indent: -999px; overflow: hidden; } #page_project .projects_block .block .txt { height: 279px; overflow: hidden; } #page_project .projects_block .block .links { text-align: center; } #page_project .projects_block .block .links a { display: inline-block; width: 24px; height: 24px; text-indent: -999px; overflow: hidden; } #page_project .projects_block .block .links a.twitter { background: url('../img/icon_twit.png') no-repeat 0 0; } #page_project .projects_block .block .links a.facebook { background: url('../img/icon_facebook.png') no-repeat 0 0; } #page_project .projects_block .block .links a:hover { background-position: 0 -24px; } #page_project .projects_block .project1 .txt, #page_project .projects_block .project2 .txt, #page_project .projects_block .project3 .txt { height: 340px; } #page_project .project1 .bg { opacity: 0.23; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=23); } #page_project .project2 .bg { opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } #page_project .project3 .bg { opacity: 0.34; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=34); } #page_project .project4 .bg { opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); } #page_project .project5 .bg { opacity: 0.23; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=23); } #page_project .project1 .p_logo { width: 74px; background: url('../img/p_logo1.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/p_logo1.png", sizingMethod="crop"); } #page_project .project2 .p_logo { width: 108px; background: url('../img/p_logo2.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/p_logo2.png", sizingMethod="crop"); } #page_project .project3 .p_logo { width: 189px; background: url('../img/p_logo3.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/p_logo3.png", sizingMethod="crop"); } #page_project .project4 .p_logo { width: 124px; background: url('../img/p_logo4.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/p_logo4.png", sizingMethod="crop"); } #page_project .project5 .p_logo { width: 189px; background: url('../img/p_logo5.png') no-repeat 0 0; //-background:none; //-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/p_logo5.png", sizingMethod="crop"); } #page_project .pics_project, #page_project .pic_project1, #page_project .pic_project2, #page_project .pic_project3, #page_project .pic_project4, #page_project .pic_project5 { position: fixed; /*position: absolute;*/ visibility:hidden; top: 0; left: 0; width: 100%; z-index: 0; } /*#page_project .pic_project1, #page_project .pic_project2, #page_project .pic_project3 { display: none; }*/ #page_project .pic_project1 { background: url('../img/pic_projec1.jpg') no-repeat center center; } #page_project .pic_project2 { background: url('../img/pic_projec2.jpg') no-repeat center top; } #page_project .pic_project3 { background: url('../img/pic_projec3.jpg') no-repeat center top; } #page_project .pic_project4 { background: url('../img/pic_projec4.jpg') no-repeat center center; } #page_project .pic_project5 { background: url('../img/pic_projec5.jpg') no-repeat center center; } /**/ #page_about .block1, #page_prize .block1, #page_aboutKZ .block1 { padding-top: 204px; } #page_about .block2, #page_prize .block2, #page_aboutKZ .block2 { margin-top: -68px; } #page_about .block2 .filling, #page_aboutKZ .block2 .filling { padding: 0 16px 62px 106px; } #page_about .block2 .filling blockquote, #page_prize .block2 .filling blockquote, #page_aboutKZ .block2 .filling blockquote { margin: 0 0 52px 38px; font-size: 17px; line-height: 23px; color: #000000; } #page_about ul.menu2 li, #page_prize ul.menu2 li, #page_about ul.pager li, #page_prize ul.pager li, #page_aboutKZ ul.menu2 li, #page_aboutKZ ul.pager li { background: #0F66A4; } #page_about ul.menu2 li a:hover, #page_about ul.pager li a:hover, #page_prize ul.menu2 li a:hover, #page_prize ul.pager li a:hover, #page_about ul.menu2 li.act, #page_prize ul.menu2 li.act, #page_about ul.pager li.act, #page_prize ul.pager li.act, #page_aboutKZ ul.menu2 li a:hover, #page_aboutKZ ul.pager li a:hover, #page_aboutKZ ul.menu2 li.act, #page_aboutKZ ul.pager li.act { background: #7EABCD; } #page_about .block2 dl { position: relative; margin: 40px 0 0 -99px; } #page_about .block2 dl dt { position: relative; margin: 0 0 16px 0; padding: 20px 32px 0 40px; font-size: 16px; line-height: 22px; color: #000000; border-top: 1px solid #FFFFFF; //zoom: 1;} #page_about .block2 dl dt:after { display: block; content: ' '; height: 0; clear: both; overflow: hidden; } #page_about .block2 dl dt img { display: block; float: left; width: 80px; height: 80px; } #page_about .block2 dl dt span.txt { display: block; position: relative; height: 80px; margin-left: 97px; padding-left: 3px; //-display: inline-block; //-padding-left: 0; } #page_about .block2 dl dt span.txt span { position: absolute; bottom: -5px; left: 0px; } #page_about .block2 dl dt span.name { display: block; position: absolute; top: 77px; left: -178px; width: 200px; text-align: right; font-size: 11px; font-style: italic; line-height: 13px; } #page_about .block2 dl dt span.name em { display: block; color: #5B5C5F; } #page_about .block2 dl dd { margin: 0 0 36px 40px; font-size: 12px; line-height: 17px; } #page_about .block2 .filling .txt_l { position: relative; margin-left: -59px; } #page_about .block2 .filling .txt_l2 { position: relative; margin: -21px 0 40px 40px; } #page_about .block2 .filling .txt_l2 h2 { margin: 0 0 11px -20px; font-size: 17px; font-weight: bold; } #page_about .block2 .filling .technology { margin-left: -404px; padding: 23px 0 31px 0; } #page_about .block2 .filling .technology .editor { float: left; width: 615px; padding-top: 29px; min-height: 224px; background: #FBFCFE; } #page_about .block2 .filling .technology .bitriks { float: right; width: 343px; padding-top: 29px; min-height: 224px; //-height: 195px; background: #F6F8FC; } #page_about .block2 .filling .technology .editor div, #page_about .block2 .filling .technology .bitriks div { padding: 54px 20px 22px 0; background: url('../img/techn_logo.gif') no-repeat 28px 0; } #page_about .block2 .filling .technology .editor div { padding-left: 28px; } #page_about .block2 .filling .technology .bitriks div { padding-left: 28px; background-position: 23px -350px; } #page_about .block2 .filling ul.we_use { margin: 0 -16px 19px 0; //zoom: 1; } #page_about .block2 .filling ul.we_use:after { display: block; content: ' '; height: 0; clear: both; overflow: hidden; } #page_about .block2 .filling ul.we_use li { float: left; width: 137px; padding: 0 20px 0 0; font-size: 11px; color: #A8B0BD; line-height: 13px; font-style: normal; background: none; } #page_about .block2 .filling ul.we_use li b, #page_about .block2 .filling ul.we_use li strong { display: block; font-size: 19px; line-height: 19px;} #page_about .block2 .filling ul.we_use li.other { width: auto; padding-top: 14px; color: #656669; font-style: italic; } #page_about .block2 .filling ul.last_line { margin-bottom: 32px; } #page_about .block2 .filling .review_block { position: relative; padding-top: 92px; margin-left: -99px; } #page_about .block2 .filling .review { position: relative; padding-top: 16px; margin-bottom: 36px; border-top: 1px solid #FFFFFF; //zoom: 1; } #page_about .block2 .filling .review:after { display: block; content: ' '; height: 0; clear: both; overflow: hidden; } #page_about .block2 .filling .review .txt { position: relative; margin-left: 138px; padding-left: 3px; //-padding-left: 0; //-display: inline-block; } #page_about .block2 .filling .review .firm { position: relative; float: left; width: 172px; margin: -3px 0 0 -72px; text-align: right; font-size: 11px; font-style: italic; line-height: 16px; } #page_about .block2 .filling .review .firm div { margin-bottom: 14px; } #page_about .block2 .filling .review .firm div span { display: block; color: #000000; } #page_about .block2 .filling .review .firm div.logos { height: 50px; margin-bottom: 0; } #page_about .block2 .filling .review .firm div.logos img { display: block; margin: 0 0 0 auto; } #page_prize #mainwrap { min-height: 542px; //-height: 542px; background: url('../img/prize.jpg') no-repeat center top; } #page_prize .block2 .filling { padding: 0 16px 62px 288px; } #page_about .block2 .filling .area { margin: 0 -16px 0 -404px; padding-top: 9px; } #page_about .block2 .filling .area h2 { position: relative; //-display: inline-block; margin: 0 30px 11px -20px; font-size: 17px; font-weight: bold; } #page_about .block2 .filling .area div { float: left; width: 29%; margin-right: 50px; padding-bottom: 18px; } #page_about .block2 .filling .area div.last { margin-right: 0; } #page_about .block2 .filling .area div ul, #page_about .block2 .filling .txt_l2 ul { position: relative; //display: inline-block; margin: 0 0 0 -16px; } #page_about .block2 .filling .area div ul li, #page_about .block2 .filling .txt_l2 ul li { margin-bottom: 9px; } .iSupport .txt_l2 { margin: -5px 0 31px 39px !important; } .iSupport h1 { position: relative; margin: 0 0 35px -234px; font: 88px/88px Tahoma, Arial, Helvetica; letter-spacing: -1px; font-weight: bold; color: #000000; text-transform: lowercase; //zoom: 1; } .iSupport .txtTreeColumn { margin: 0 0 35px -229px; padding-top: 9px; } .iSupport .txtTreeColumn div { float: left; width: 236px; margin-right: 32px; } .iSupport .txtTreeColumn div.last { margin-right: 0; } .iSupport .txtTreeColumn div h2 { position: relative; //-display: inline-block; margin: 0 0 11px -20px; font-size: 17px; font-weight: bold; } .iSupport .note { position: relative; margin: 0 0 35px -374px; padding: 21px 26px 24px 31px; background: #fdfefe; //zoom: 1; } #page_project .shift, #page_about .shift, #page_prize .shift, #page_life .shift { margin-top: 82px; } .maxlink { text-decoration:none; color:#5B5C5F; } .awards { margin-left: 14px; width: 266px; font-size: 16px; line-height: 18px; color: #000000; font-weight: bold; z-index: 10; } .awards img { display: block; } .vcard .org, #footer .vcard .org { display: none; } iframe.facebook { margin: 0 0 0 15px !important; background: #ffffff !important; height:260px !important; } .linksBlock { margin: 0 0 19px 0; //zoom: 1; } .linksBlock:after { display: block; content: ' '; height: 0; clear: both; overflow: hidden; } .linksBlock .likeBlock { float: left; width:560px; } .linksBlock .likeBlock a.like { padding: 3px 8px 5px 8px; color: #a7a7a7; line-height: 23px; background: #ffffff; } .linksBlock .likeBlock div { margin-top: 6px;color: #919191; } .linksBlock .twitterLink { float: right; text-align: right; } .commentsListBlock h2 { margin: 0 0 31px 0; font-size: 24px; line-height: 24px; color: #000000; } .commentsListBlock h2 span { font-size: 18px; color: #aca9a9; } .block2 .filling ul.commentsList { margin: 0 0 0 0; } .block2 .filling ul.commentsList li { padding: 4px 0 12px 0; font-style: normal; border-top: 1px solid #ffffff; background: none; //zoom: 1; } ul.commentsList li:after { display: block; content: ' '; height: 0; clear: both; overflow: hidden; } ul.commentsList li .descr, .facebookForm .descr { float: left; width: 457px; } ul.commentsList li .name, .facebookForm .name { float: right; width: 140px; overflow: hidden; } ul.commentsList li .name .date, .facebookForm .name .date { display: block; margin-top: -2px; font-size: 11px; color: #919191; } ul.commentsList li .name a, .facebookForm .name a { text-decoration: none; } ul.commentsList li .name a:hover, .facebookForm .name a:hover { text-decoration: underline; } .facebookDoor { width: 180px; padding: 15px 20px 15px 60px; font-size: 13px; color: #85868b; background: #ffffff url('../img/iFacebook.png') no-repeat 17px 17px; } .facebookForm { margin-top: 30px; //zoom: 1; } .facebookForm:after { display: block; content: ' '; height: 0; clear: both; overflow: hidden; } .facebookForm textarea { display: block; width: 457px; //width: 451px; height: 123px; //height: 117px; } .facebookForm .but { margin-top: 14px; clear: both; text-align: right; } .ibutton { display: inline-block; //zoom: 1; //display: inline; width: auto; vertical-align: baseline; outline: none; cursor: pointer; //cursor: hand; text-align: center; text-decoration: none; color: #414c5f; font: 12px/100% Arial, Helvetica, sans-serif; padding: 5px 15px 7px 15px; //padding: 8px 15px 6px 15px; min-height: 16px; text-shadow: 0 1px 0 #ffffff; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0 1px 2px #4d4d4d; -moz-box-shadow: 0 1px 2px #4d4d4d; box-shadow: 0 1px 2px #4d4d4d; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; border: 0 none; background: url('../img/bgButton.gif') repeat-x 0 0; //overflow: visible; } .ibutton:hover { background: #d8dfe5; } .ibutton:active { position: relative; top: 1px; } a.ibutton { height: 15px; padding: 7px 15px 5px 15px; //padding: 9px 15px 3px 15px; } div.ibutton { height: 15px; padding: 7px 15px 5px 15px; //padding: 9px 15px 3px 15px; } .post_list .more { line-height: 23px; } .post_list .comments { margin-right: 8px; padding: 2px 6px 8px 6px; line-height: 23px; color: #ffffff !important; text-decoration: none; font-weight: bold; background: #149f9c url('../img/bg01.gif') no-repeat left bottom; } .iOfficeKz h1 { position: relative; margin: 0 0 41px -65px; font: 55px/56px Tahoma, Arial, Helvetica; letter-spacing: -1px; font-weight: bold; color: #000000; //zoom: 1; } .iOfficeKz .twoColumn { margin: 0 0 0 -251px; //zoom: 1; } .iOfficeKz .twoColumn:after { display: block; content: ' '; height: 0; clear: both; overflow: hidden; } .iOfficeKz .address { position: relative; float: left; width: 200px; margin: 47px 89px 0 0; } .iOfficeKz .address a { text-decoration: none; } .iOfficeKz .address a:hover { text-decoration: underline; } .iOfficeKz .address dl.name { position: relative; margin-bottom: 58px; padding-left: 90px; min-height: 82px; //-height: 82px; } .iOfficeKz .address dl.name dt, .iOfficeKz .address dl.name dd { font-size: 11px; line-height: 13px; font-style: italic; } .iOfficeKz .address dl.name dt { color:#000000; } .iOfficeKz .address dl.name dd { color:#5b5c5f; } .iOfficeKz .address dl.name dt img { display: block; position: absolute; top: 2px; left: 0; width: 80px; height: 80px; } .iOfficeKz .address dl.inf dt { margin-bottom: 5px; } .iOfficeKz .address dl.inf dd { margin-bottom: 37px; font-size: 19px; line-height: 16px; letter-spacing: -1px; font-weight: bold; color: #000000; } .iOfficeKz .address dl.inf dd a { text-decoration: none; } .iOfficeKz .address dl.inf dd a:hover { text-decoration: underline; } .iOfficeKz .worksBlock { float: left; width: 480px; } .iOfficeKz .worksBlock ul.filtr { margin: 0 0 19px 0; height: 24px; } .iOfficeKz .worksBlock ul.filtr li { float: left; width: 45px; height: 24px; padding-left: 0; font-size: 11px; line-height: 24px; font-style: normal; background: none; } .iOfficeKz .worksBlock ul.filtr li.h { margin-right: 12px; width: auto; line-height: 24px; } .iOfficeKz .worksBlock ul.filtr li span { display: block; width: 45px; height: 24px; text-indent: -999px; overflow: hidden; background: url('/static/img/bg02.png') no-repeat 0 0; } .iOfficeKz .worksBlock ul.filtr li.img span.cur { background-position: 0 -25px; } .iOfficeKz .worksBlock ul.filtr li.list span { background-position: -45px 0; } .iOfficeKz .worksBlock ul.filtr li.list span.cur { background-position: -45px -25px; } .iOfficeKz .worksList dt { font-size: 14px; } .iOfficeKz .worksList dt a { text-decoration: none; } .iOfficeKz .worksList dt a:hover { text-decoration: underline; } .iOfficeKz .worksList dd { margin-bottom: 14px; font-size: 11px; color: #919191; line-height: 13px; } .iOfficeKz .worksListImg { width: 480px; overflow: hidden; } .iOfficeKz .worksListImg .list { margin-bottom: 24px; width: 505px; //zoom: 1; } .iOfficeKz .worksListImg .list:after { display: block; content: ' '; height: 0; clear: both; overflow: hidden; } .iOfficeKz .worksListImg .block { float: left; display: block; width: 228px; margin-right: 23px; font-size: 15px; line-height: 17px; } .iOfficeKz .worksListImg .block a { display: block; text-decoration: none; } .iOfficeKz .worksListImg .block a:hover { text-decoration: underline; } .iOfficeKz .worksListImg .block span { display: block; font-size: 11px; color: #919191; } .iOfficeKz .worksListImg .block img { display: block; margin-bottom: 4px; width: 228px; height:154px; } .facebookLinkPost { background: white; display: none; position: absolute; width: 600px; z-index: 200; } #fbPostSelectList { overflow: scroll; height: 200px; margin: 5px; padding: 15px; border: 1px solid silver; } ul.songList { margin: 0 !important; } ul.songList li { margin: 0 0 10px 0 !important; padding: 0 !important; font-style: normal !important; background: none !important; } ul.songList li a { text-decoration: none; } ul.songList li a:hover { text-decoration: underline; } .ownBanners { position: absolute; top: 81px; left:485px; width: 400px; height: 154px; } .ownBanners .transp { position: absolute; top: 0; left: -90px; width: 200px; height: 154px; z-index: 2; background: url('../img/transp.png') no-repeat 0 0; } .ownBanners .block { display: none; position: absolute; top: 0; left: 0; width: 400px; height: 154px; z-index: 10; overflow: hidden; } .ownBanners .block a { display: block; height: 154px; font-size: 12px; line-height: 14px; color: #818285; text-decoration: none; } .ownBanners .block dfn { display: block; margin: 0 0 14px 200px; /*margin: 0 0 14px -400px;*/ padding-top: 33px; font-size: 16px; line-height: 13px; color: #000000; font-weight: bold; font-style: normal; } .ownBanners .block span { display: block; margin-left: 200px; /*margin-left: -400px;*/ } .ownBanners .block img { display: block; position: absolute; top: 0; left: 46px; /*left: -400px;*/ }