* { padding: 0; margin: 0; border: 0; } body, html { width:100%; height:100%; font-family: Verdana, Tahoma, Arial; font-size: 12px; color: #454545; text-align: left; } input, textarea { font-family: Verdana, Tahoma, Arial; } a, img { outline: 0; } h1 { text-align: left; font-size: 12px; font-weight: bold; color: #006aa5; padding: 4px 0px 4px 0px; } h3 { text-align: left; font-size: 12px; font-weight: bold; color: #474747; padding: 3px 0px 3px 0px; } .prompt { position: absolute; margin-top: 1px; *margin-top: 2px; margin-left: 1px; color: #aaa; z-index: 2; float: none; clear: right; font-family: Arial, Verdana, Tahoma; } a { color: #006aa5; font-size: 12px; } a:hover { text-decoration: none; } a:active { } a:visited { } .agray { color: #8d8787; } p { padding: 0px 0px 0px 0px; text-align: left; } input.input, select.select, textarea.textarea { border-top: 1px solid #a5a5a5; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: 1px solid #a5a5a5; padding: 5px; font-size: 11px; color: #636363; } .left { float: left; } .right { float: right; } .center { text-align: center; } .overflow { height: 100%; overflow: hidden; } #main { } #header { width: 996px; overflow: hidden; font-family: Arial, Tahoma, Verdana; } /*#header .logo { height: 116px; float: left; overflow: hidden; }*/ #header .logo { height: 106px; float: left; overflow: hidden; } #header .banner { float: right; padding: 12px 0px 0px 0px; } #header .band { width: 100%; height: 32px; background: url(images/band_bg.png) #575757 repeat-x left top; overflow: hidden; float: left; } #header .band a { font-size: 12px; color: #fff; } #header .band .important { background: url(images/imp_bg.png) #f5da41 repeat-x left top; padding: 9px 15px 9px 20px; float: left; font-size: 12px; font-weight: bold; } #header .band .now { float: left; height: 0px; margin-right: -300px; } #header .band .now-in { width: 600px; float: left; padding: 8px 0px 10px 26px; white-space: nowrap; overflow: hidden; text-align: left; background: url(images/imp_arrow.png) no-repeat left top; } #header .band .nobr { white-space: nowrap; float: right; } #header .band .search { float: right; padding-right: 20px; } #header .band .search .field { width: 224px; background: none; } #header .band .search .b1 { border-top: 1px solid #8c8c8c; border-left: 1px solid #8c8c8c; background: #fff; margin-top: 5px; float: right; } #header .band .search .b2 { padding: 1px 5px 3px 7px; *padding: 0px 5px 2px 7px; border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; } #header .band .search .submit { width: 21px; height: 18px; margin: 7px 6px 6px 10px; float: right; background: url(images/loop.png) no-repeat left top; cursor: pointer; } #header .band .search .shadow { width: 30px; height: 33px; float: right; margin-left: -30px; background: url(images/now_shadow.png) no-repeat left top; } #header .band .username { padding: 8px 17px 8px 10px; float: right; } #header .band .logout { padding: 3px 0px; float: right; overflow: hidden; } #header .band .logout-in { padding: 5px 17px 7px 17px; border-left: 1px solid #303030; } #header .band .username a, #header .band .logout a { text-decoration: none; } #header .band .username a:hover, #header .band .logout a:hover { text-decoration: underline; } #header .menu { width: 100%; height: 72px; padding: 10px 0px 13px 0px; background: url(images/menu_bg.png) #f0f0f0 repeat-x left top; overflow: hidden; float: left; } #header .menu .col1 { height: 72px; padding: 0px 50px 0px 43px; border-right: 1px solid #d4d4d4; float: left; } #header .menu .col2 { height: 72px; padding: 0px 50px; border-right: 1px solid #d4d4d4; float: left; } #header .menu .col3 { padding: 0px 50px; float: left; } #header .menu .col4 { float: right; padding: 5px 40px 0px 0px; } #header .menu ul { float: left; text-align: left; list-style: none; } #header .menu ul.last { padding-left: 20px; } #header .menu ul li { padding-left: 7px; background: url(images/menu_bullet.png) no-repeat left; } #header .menu ul li a { color: #6c6c6c; text-decoration: none; } #header .menu ul li a:hover { text-decoration: underline; } #header .menu ul li a span { color: #2b85b9; } #header .menu .col4 ul li { padding: 2px 10px 3px 7px; background: none; border-bottom: 1px solid #d3d3d3; font-weight: bold; } #header .menu .col4 ul li.last { border-bottom: 0px; } #header .menu H3 a { color: #474747; text-decoration: none; } #header .menu H3 a:hover { color: #474747; text-decoration: underline; } #content { width: 978px; padding: 10px 9px 33px 9px; overflow: hidden; text-align:left;} #content .block_left { width: 720px; overflow: hidden; float: left; } #content .news { margin-bottom: 10px; float: left; } #content .newsblock .photos { width: 1px; margin-right: 449px; height: 300px; float: left; overflow: hidden; } #content .newsblock .photos .img { overflow: hidden; } #content .newsblock .photos .photo { position: absolute; width: 450px; height: 300px; overflow: hidden; margin-left: -4000px; } #content .newsblock .photos .selected { display: block; margin-left: 0px; } #content .newsblock .overlay { position: relative; width: 420px; height: 64px; padding: 9px 18px 9px 12px; margin-top: -82px; float: left; text-align: left; color: #fff; line-height: 15px; background: url(images/black_56.png) repeat left top; overflow: hidden; z-index: 1; } #content .newsblock .overlay .break { width: 1px; height: 30px; float: right; clear: right; } #content .newsblock .overlay .social { padding: 10px 0px 0px 5px; float: right; overflow: hidden; clear: right; } #content .newsblock .list { position: relative; width: 268px; height: 304px; float: left; z-index: 2; } #content .newsblock .list h1 { padding-left: 15px; } #content .newsblock .list .preview { position: relative; height: 64px; border-top: 1px solid #eaeaea; text-align: left; cursor: pointer; } #content .newsblock .list .previews a { color: #5e5e5e; text-decoration: none; } #content .newsblock .list .preview .comments { color: #a1a1a1; } #content .newsblock .list table { border-collapse: collapse; height: 100%; margin: 0px 15px; } #content .newsblock .list .selected .preview { background: #fce256; color: #333; text-decoration: underline; } #content .newsblock .list .selected td, #content .newsblock .list .selected a { color: #333; text-decoration: underline; } #content .newsblock .list .triangle { position: relative; display: none; width: 18px; height: 64px; padding: 0px; margin-left: -18px; border: 0px; background: url(images/news_arrow.png) no-repeat left; float: left; } #content .newsblock .list .selected .triangle { display: block; } #content .newsblock .list .preview .content { display: none; } #content .newsblock .list .controls { padding: 3px 0px 0px 20px; overflow: hidden; } #content .blogs { width: 202px; padding: 7px 13px; float: left; background: url(images/blogs_corner.png) #f6f6f6 no-repeat right top; } #content .blogs h1 { padding: 4px 0px 7px 0px; border-bottom: 1px solid #bebaba; } #content .blogs .blogpost { padding-bottom: 17px; border-bottom: 1px solid #bebaba; overflow: hidden; } #content .blogs .blogpost h3 { padding: 12px 0px 9px 0px; } #content .blogs .blogpost h3 a { color: #000; } #content .blogs .blogpost p { padding: 10px 0px; color: #000; } #content .blogs .blogpost .username { color: #000; text-align: left; line-height: 19px; } #content .blogs .blogpost .username img { margin-right: 10px; margin-bottom: -3px; } #content .blogs .blogpost .username a { color: #535353; } #content .blogs .blogpost .username span { padding-left: 17px; color: #000; color: #535353; } #content .blogs .fresh { display: none; } #content .blogs .controls { padding: 8px 5px 8px 5px; overflow: hidden; } #content .videos, #content .forums { width: 472px; padding: 0px 0px 14px 20px; float: left; overflow: hidden; } #content .videos .controls, #content .forums .controls { height: 23px; padding: 7px 5px 3px 5px; overflow: hidden; border-bottom: 1px solid #eaeaea; } #content .videos .controls .agray, #content .forums .controls .agray { padding-top: 3px; } #content .videos .videoplayer { padding: 16px 0px; } #content .forums { padding-bottom: 7px; } #content .forums table { width: 100%; border-collapse: collapse; color: #474747; text-align: center; margin: 2px 0px 7px 0px; } #content .forums table td { text-align: left; padding: 8px; } #content .forums table thead { color: #8f8f8f; } #content .forums table tr.odd { background: #f6f6f6; } #content .forums table .voices, #content .forums table .views { width: 80px; } #content .forums table .title { text-align: left; } #content .forums table a { color: #474747; } #content .forums table a:hover { text-decoration: none; } #content .articles { width: 720px; padding: 15px 0px 8px 0px; float: left; } #content .articles .controls { height: 23px; padding: 0px 0px 8px 0px; overflow: hidden; } #content .articles .controls h1 { text-decoration: underline; cursor: pointer; } #content .articles .controls .hover { text-decoration: none; } #content .articles .controls .current { text-decoration: none; cursor: auto; } #content .articles .controls .agray { padding-top: 3px; } #content .articles .separator { width: 1px; height: 12px; margin: 5px 15px; float: left; background: #bebaba; } #content .articles .recom .item .img { overflow: hidden; } #content .articles .recom .overlay { position: relative; height: 69px; padding: 9px 18px 9px 12px; margin-top: -87px; text-align: left; color: #fff; line-height: 16px; background: url(images/black_56.png) repeat left top; overflow: hidden; z-index: 1; } #content .articles .recom .overlay .title { padding-bottom: 3px; } #content .articles .recom .overlay .title a { color: #fadb33; font-size: 14px; font-weight: bold; } #content .articles .recom { width: 720px; height: 300px; position:relative; overflow:hidden; clear:both; padding-bottom: 4px; } #content .articles .recom .item { float:left; display:block; width: 720px; height: 300px; font-size:12px; overflow: hidden; color:#eee; } #content .articles .recom .items { float:left; width:20000em; position:absolute; clear:both; margin:0; padding:0; } #content .articles .recom img { border: 0px; z-index: 0; } #content .articles .recom .tabs { position: relative; margin-top: 270px; margin-left: 0px; overflow: hidden; padding: 0; z-index: 3; float: right; } #content .articles .recom .tabs a { height: 31px; font-size:12px; line-height:33px; width: 30px; border: 0; cursor: pointer; float:left; text-align: center; } #content .articles .recom .tabs .next { background: transparent url(images/bnext.png) no-repeat center; } #content .articles .recom .tabs .prev { background: transparent url(images/bprev.png) no-repeat center; } #content .articles .recom .tabs .navi { height:31px !important; float:left; } #content .articles .recom .tabs .navi li { float:left; text-indent:0; list-style-type:none; } #content .articles .recom .tabs .navi li a { background: transparent url(images/dot_empty.png) no-repeat center; display:block; width: 20px; height: 31px; font-size:12px; line-height:33px; color:#000; float:none; text-decoration:none; } #content .articles .recom .tabs .navi a.current { cursor:default; background-image: url(images/dot_fill.png); } #content .articles .fresh { display: none; } #content .articles .fresh .list h1 { padding-top: 18px; } #content .block_right { width: 240px; overflow: hidden; float: right; } #content .block_right .banner { width: 240px; overflow: hidden; } #content .calendar { width: 240px; overflow: hidden; padding-top: 12px; } #content .calendar h1 { padding: 4px 0px 7px 0px; } #content .calendar .event { padding: 23px 0px 20px 0px; border-top: 1px solid #bebaba; overflow: hidden; } #content .calendar .date { width: 61px; height: 47px; padding: 15px 20px 7px 0px; font-family: Arial, Tahoma, Verdana; text-align: center; color: #b4b4b4; background: url(images/calendar_day.png) no-repeat left top; float: left; } #content .calendar .date .day { font-size: 35px; line-height: 22px; padding: 0px 10px; } #content .calendar .date .month { font-size: 15px; margin-top: -10px; } #content .calendar .text { text-align: left; } #content .calendar .text p { padding-top: 3px; } #content .calendar .social { padding: 8px 18px 0px 0px; text-align: right; } #content .calendar .controls { overflow: hidden; } #content .calendar .controls .agray { padding-top: 3px; } #content .headcount { overflow: hidden; padding: 7px 11px 12px 11px; background: #4396c8; text-align: right; } #content .headcount .controls { height: 23px; padding: 0px 5px 2px 5px; overflow: hidden; border-bottom: 1px solid #2f6ba9; } #content .headcount a { color: #fff; padding-top: 3px; } #content .headcount .controls h1 { color: #fff; } #content .headcount p { color: #000; padding: 8px 0px; font-weight: bold; } #content .headcount form { padding-bottom: 11px; text-align: center; color: #fff; } #content .headcount form .radio { width: 20px; float: left; padding-top: 1px; } #content .headcount form .radio input { margin: 0px 0px 0px -7px; *margin: -4px 0px 0px -11px; } #content .headcount form .variant { padding-bottom: 15px; margin-left: 21px; text-align: left; } #content .headcount form .submit { padding: 5px 20px; *padding: 5px 10px; color: #000; background: #fadc34; border: 1px solid #c1b20a; } #footer { width: 996px; padding: 5px 10px 10px 10px; border-top: 1px solid #DDDDDD; text-align: left; overflow: hidden; font-family: Verdana, Arial, Tahoma;} #footer p { padding-top: 8px; } #footer .links span { margin: 0px 11px; color: #006aa5; } #footer .adv a { color: #454545; } #footer .links a { color: #525252; } /* Sprite */ /* общие картинки */ .icon-main-rss { width: 17px; height: 17px; background: no-repeat 0px 0px url(/images/sprite-main.png); font-size: 12px; padding: 0px 0px 5px 23px; margin-left: -2px; } .icon-main-login { background: no-repeat 97px -81px url(/images/sprite-main.png); padding-right: 21px; } .icon-main-logout { width: 14px; height: 14px; background: no-repeat 0px -68px url(/images/sprite-main.png); margin: 0px 0px 0px 10px; border: 0px; vertical-align:middle; cursor: pointer; } .icon-main-profile { background: no-repeat 0px -52px url(/images/sprite-main.png); padding: 0px 0px 1px 16px; vertical-align: middle; } .icon-main-bullet { width: 14px; height: 14px; background: no-repeat 0px -38px url(/images/sprite-main.png); margin-top: 4px; } .icon-main-arrow { width: 12px; height: 11px; background: no-repeat 0px -108px url(/images/sprite-main.png); margin-top: 2px; float: left; } /* картинки для страницы ГЛЦ */ .icon-glc-poputchik { width: 31px; height: 28px; background: no-repeat 0px -31px url(/images/sprite-glcInfo.png); margin: 0px 5px 0px 20px; } .icon-glc-map { width: 16px; height: 16px; background: no-repeat 0px -59px url(/images/sprite-glcInfo.png); float: left; } .icon-glc-webcam { width: 15px; height: 16px; background: no-repeat -16px -59px url(/images/sprite-glcInfo.png); float: left; } .icon-glc-top { width: 8px; height: 13px; background: no-repeat 0px -75px url(/images/sprite-glcInfo.png); float: left; margin-top: 3px; } .icon-glc-goto { width: 11px; height: 11px; background: no-repeat -8px -75px url(/images/sprite-glcInfo.png); float: left; margin: 4px 0px 0px 2px; } #goto-dwells { float: left; background: no-repeat 0px 0px url(/images/sprite-glcInfo.png); padding:7px 0 9px 41px; } /* Login Box */ #LoginButton { position: absolute; right: 1px; top: 7px; z-index: 1; height: 100%; overflow: hidden; } #LoginButton .box { padding: 4px 10px 7px 10px; background-color: #FFFFFF; font-weight: bold; font-size: 12px; float: left; } #LoginButton .box img { margin: 0px 0px -2px 7px; border-width: 0; cursor: pointer; } #LoginButton .img { margin-top: 6px; float: left; } #LoginBox { position:absolute; padding: 0; margin: 0; width:200px; background-color:#FFFFFF; border-style: solid; border-color: #F0F0F0; border-width: 3px; padding: 25px 0px; z-index: 1000001; display: none; } #LoginBoxClose { position:absolute; right: 6px; top: 6px; padding: 0; margin: 0; cursor: pointer; } #LoginBoxBack { position:fixed; top:0px; left:0px; right:0px; bottom:0px; *POSITION: absolute; *HEIGHT: expression($(document).height() + "px"); *WIDTH: expression($(window).width() + "px"); *LEFT: expression($(window).scrollLeft() + "px"); padding: 0; margin: 0; width:100%; height:100%; background-image: URL(/bitrix/templates/main/images/blank.png); background-repeat: repeat; *background-color:#000000; *background-image: none; *filter:alpha(opacity=50); z-index: 10000; display: none; } #LoginBox div { padding: 1px 0px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#25639A; text-align: center; } #LoginBox a { font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #C7CACC; } #LoginBox span { color: #C7CACC; } #LoginBox .submit input { vertical-align: middle; } #LoginBox .inputfield { width: 135px; border: 1px solid #C7CACC; font-size:11px; padding: 2px; } #LoginBox .inputbuttonflat { background-color: #DDF1FF; border: 1px solid #A4CCED; color: #6E96B7; font-family: Verdana,Arial,Helvetica; font-size: 11px; padding: 0px 3px; *padding: 0px; margin-left: 3px; } /* End of Login Box */ .articles,.videoplayer{background:url('//www.nedoma.ru/dwell/images/loading.gif') center center no-repeat} .videoplayer{min-height:200px} #LoginBoxClose{background:url('//www.nedoma.ru/images/sprite-page-main.png') -20px -17px no-repeat;width:10px;height:10px;display:inline-block} .vnr-img{background:url('//www.nedoma.ru/images/sprite-page-main.png') -19px 0 no-repeat;width:47px;height:16px;display:inline-block} .userpic-img{background:url('//www.nedoma.ru/images/sprite-page-main.png') -152px -34px no-repeat;width:12px;height:15px;display:inline-block;margin-bottom: -3px; margin-right: 10px;} #header .band .search .submit{background:url('//www.nedoma.ru/images/sprite-page-main.png') right bottom no-repeat;width:21px;height:18px;display:inline-block} #content .newsblock .list .triangle{background:url('//www.nedoma.ru/images/sprite-page-main.png') 0 0 no-repeat;} #header .band .now-in{background:url('//www.nedoma.ru/images/sprite-page-main.png') -149px 0 no-repeat;} #content .calendar .date{background:url('//www.nedoma.ru/images/sprite-page-main.png') -67px 0 no-repeat;} #header .band .search .shadow{background:url('//www.nedoma.ru/images/sprite-page-main.png') -29px -29px no-repeat;} #content .articles .recom .tabs .prev{background:url('//www.nedoma.ru/images/sprite-page-main.png') -25px -63px no-repeat;} #content .articles .recom .tabs .next{background:url('//www.nedoma.ru/images/sprite-page-main.png') 0px -63px no-repeat;} #content .articles .recom .tabs .navi li a {background:url('//www.nedoma.ru/images/sprite-page-main.png') -75px -63px no-repeat;} #content .articles .recom .tabs .navi a.current{background:url('//www.nedoma.ru/images/sprite-page-main.png') -55px -63px no-repeat;} #header .menu ul li {background:url('//www.nedoma.ru/images/sprite-page-main.png') -162px -52px no-repeat;} #header .band{background-image:url('//www.nedoma.ru/images/page-main-bg.png');background-position:0 -96px} #header .band .important{background-image:url('//www.nedoma.ru/images/page-main-bg.png');background-position:0 -130px} #header .menu{background-image:url('//www.nedoma.ru/images/page-main-bg.png');background-position:0 0} /* links in footer */ .podval td a:hover {text-decoration:none;} .podval td a{ background:url(//www.nedoma.ru/images/sprite-top.png); background-repeat:no-repeat; padding:2px 0px 5px 23px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; color:#555 } .podval td a.nobg {background: none; padding-left:0px;} .podval td a.sprite-top-dwell{background-position: 0 0px;} .podval td a.sprite-top-glc{background-position:0 -22px;} .podval td a.sprite-top-poputchik{background-position:0 -44px;} .podval td a.sprite-top-sneg{background-position:0 -66px;} .podval td a.sprite-top-star{background-position:0 -88px;} .podval td a.sprite-top-news{background-position:0 -110px;} .podval td a.sprite-top-calendar{background-position:0 -132px;} .podval td a.sprite-top-articles{background-position:0 -154px;} .icon-glc-webcam2 { background: url("//www.nedoma.ru/images/sprite-top.png") 1px -197px no-repeat; display:inline-block; vertical-align: bottom; height: 16px; width: 17px ; }