/******************** RESET ********************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;} html { font-size: 100.1%; } body { font-family: Arial, Helvetica, sans-serif; color: #35373C; font-size: 0.625em; background-color: #E4E8EF; min-width:1000px; padding: 25px 0; } /******************** LAYOUT ********************/ #outer { max-width: 1040px; margin: 0 auto; background-color: #FFF; } * html #outer { width: expression(document.body.clientWidth > 1040 ? '1040' : 'auto'); } #centered { width: 960px; padding: 20px; margin: 0 auto; } /******************** HEADER ********************/ #header { padding-bottom: 21px; z-index: 95; position: relative; zoom: 1; } #header .logo { width: 651px; padding: 80px 0 0 75px; background: url(/assets/logo.gif) left top no-repeat; text-decoration: none; font-size: 1.6em; color: #005AAA; } .en #header .logo { background-image: url(/assets/eng/logo.gif?); } #header .helper { width: 200px; padding-top: 55px; } #home, #sitemap, #contacts { line-height: 0; float: left; width: 11px; height: 11px; background-repeat: no-repeat; background-image: url(/assets/helper-navigation.gif?1); margin-right: 20px; } #home { background-position: 0 0; } #home:hover, .main #home { background-position: -36px 0; } .main #home { cursor: default; } #sitemap { background-position: -12px 0; } #sitemap:hover { background-position: -48px 0; } #contacts { background-position: -24px 0; } #contacts:hover { background-position: -60px 0; } #search_top_link { line-height: 0; float: left; width: 11px; height: 11px; background-repeat: no-repeat; background-image: url(/assets/btn-search.gif); margin-right: 20px; } #header .helper .lang { float: right; font-size: 1.1em; } #header .helper .lang a { margin-left: 15px; } .ru #header .ru, .en #header .eng { color: #35373C; text-decoration: none; cursor: text; } #header .navigation { font-size: 1.2em; margin: 20px 0 0; float: left; } #header .navigation li { float: left; display: inline; border-left: 1px solid #F2F2F4; position: relative; } #header .navigation li:first-child { border-left: 0; } * html #header .navigation li { border-left-width: expression(previousSibling==null ? '0' : '1px'); } #header .navigation a { text-decoration: none; color: #FFF; /*padding: 6px 15px 5px;*/ padding: 6px 22px 5px; display: block; background: url(/assets/header-navigation-gradient.gif) repeat-x top #005AAA; } .en #header .navigation a { padding-left: 67px; padding-right: 66px; } #header .navigation a:hover, #header .navigation li.current a, #header .navigation li.hover a { background: url(/assets/header-navigation-gradient.gif) repeat-x 0 -26px #E4E8EF; color: #000; } #header .navigation ul { display: none; position: absolute; top: 25px; *top: 26px; left: 0; padding: 25px 30px; background-color: #E4E8EF; } .en #header .navigation ul { padding-left: 60px; padding-right: 60px; } #header .navigation li:hover ul, #header .navigation li.hover ul { display: block; z-index: 100; } #header .navigation ul li { float: none; display: list-item; margin: 0; padding: 5px 0; border-left: 0; } #header .navigation ul a { color: #005AAA; padding: 0!important; display: inline; white-space: nowrap; background: transparent!important; } #header .navigation li.current ul a, #header .navigation li.hover ul a { color: #005AAA; } #header .navigation ul a:hover { color: #000!important; text-decoration: underline; } #header .navigation ul li.current a { font-weight: bold; color: #000; text-decoration: underline; } #route { font-size: 1.1em; color: #9EA5B5; margin-top: 20px; } #route a { color: #9EA5B5; } #header .print-btn { margin-top: 20px; padding-left: 15px; background: url(/assets/print-btn.gif) left center no-repeat; font-size: 1.1em; } #wrapper { padding: 0 0 20px; font-size: 1.2em; line-height: 150%; } #content { float: right; width: 726px; } #content a:visited { color: #002D7B; } /******************** SIDEBAR ********************/ #sidebar { width: 200px; float: left; } #sidebar div.navigation { background-color: #F2F2F4; margin-bottom: 35px; } #sidebar div.navigation a.caption { color: #FFF; font-size: 1.33em; background-color: #BFC3CE; font-weight: bold; display: block; padding: 10px 10px 10px 16px; text-decoration: none!important; } #sidebar div.navigation ul { padding: 16px; font-size: 1.166em; line-height: 120%; } #sidebar div.navigation li { margin-bottom: 8px; } #sidebar div.navigation a { text-decoration: none; } #sidebar div.navigation a:hover { text-decoration: underline; } #sidebar div.navigation li.current a { text-decoration: underline; color: #35373C; font-weight: bold; } #sidebar .banner { font-size: 0.92em; line-height: 125%; color: #9EA5B5; margin-top: 35px; } #sidebar .banner img { margin-bottom: 5px; } #sidebar .presentation { font-size: 0.92em; line-height: 125%; margin-top: 35px; margin-left: 17px; } #sidebar .presentation a { display:block; margin-top: 3px; height: 15px; } #search { margin-top: 7px; } #search .wrapper { border: 1px solid #9EA5B5; width: 180px; } #search .wrapper input { padding: 1px 2px; *padding: 0 2px; color: #35373C; border: 0; width: 174px; font-size: 1.166em; font-family: Arial; } #search .wrapper input.placehold { color: #9EA5B5; } #search input.right { margin-top: 5px; } /******************** FOOTER ********************/ #footer { border-top: 1px solid #9EA5B5; font-size: 1.1em; padding-top: 20px; color: #9EA5B5; } #departments { margin-bottom: 20px; } #departments p { color: #000; display: inline; } #departments ul { display: inline; padding-left: 15px; } #departments li { display: inline; padding: 0 15px; border-left: 1px solid #9EA5B5; } * html #departments li { border-left: expression(previousSibling==null ? 'none' : '1px solid #9EA5B5'); } #departments li:first-child { border-left: none; } #footer .copy a, #footer .techart a { text-decoration: none; color: #9EA5B5; } #footer .copy a:hover, #footer .techart a:hover { text-decoration: underline; } #footer .copy { width: 400px; } #footer .counters { margin-top: 13px; } /******************** MAIN PAGE ********************/ .main #content { float: left; } .main #sidebar { float: right; } #sidebar ul.navigation { font-size: 1.25em; height: 257px; } #sidebar ul.navigation li { margin-bottom: 12px; } .main #search { margin-top: 0; } #sidebar .project { font-size: 0.92em; } #sidebar .project h2 { margin: 36px 0 21px; } #sidebar .project li { display: none; } #sidebar .project li:first-child { display: list-item; } * html #sidebar .project li { display: expression(previousSibling==null ? 'list-item' : 'none'); } .main #content img.intro { margin: 0; } #lents, #about { width: 49%; margin-top: 23px; } #lents .ui-tabs-panel { width: 342px; padding-left: 4px; padding-right: 4px; } .en #lents .ui-tabs-nav li a { padding: 3px 26px; } #about .ui-tabs-nav { float: right; } #about .ui-tabs-panel { width: 327px; float: right; } #about { font-size: 0.92em; } .ru #about .ui-tabs-nav li a { padding: 3px 20px; } .en #about .ui-tabs-nav li a { padding: 3px 25px; } #news { height: 100%; overflow: hidden; } /******************** HELPERS ********************/ .left { float: left; display: inline; } .right { float: right; display: inline; } .clear { clear: both; line-height: 0; } .clear-wrapper { width: 100%; overflow: hidden; } .rss { padding-left: 15px; background: url(/assets/feed-icon.png?2) left center no-repeat; } .promo { background-color: #F2F2F4; padding: 5px 10px; font-size: 1.2em; } .marked { color: #B2254E!important; } .no-margin { margin: 0!important; } /* filetypes */ .filetype { padding: 1px 0 1px 22px !important; background-repeat: no-repeat; background-position: left top !important; } .pdf { background-image: url(/assets/fileicons/pdf.png) !important; } .doc { background-image: url(/assets/fileicons/doc.png); } .rar { background-image: url(/assets/fileicons/rar.png); } .ppt { background-image: url(/assets/fileicons/ppt.png); } .rtf { background-image: url(/assets/fileicons/rtf.png); } .txt { background-image: url(/assets/fileicons/txt.png); } .xls { background-image: url(/assets/fileicons/xls.png); } .zip { background-image: url(/assets/fileicons/zip.png); } /******************** BASIC ELEMENTS ********************/ a { color: #005AAA; text-decoration: underline; outline: none; } a:hover { color: #35373C; } img { margin-bottom: 12px; } img.left { margin-right: 12px; } img.right { margin-left: 12px; } strong { font-weight: bold; } p { margin: 0 0 12px; } big { font-size: 1.33em; } /******************** LIST ********************/ dl { margin: 0 0 12px; } dt { color: #9EA5B5; } dd { margin: 0 0 12px; } dl.list { margin: 10px 0 0; } dl.list dt { color: #35373C; font-weight: bold; margin-top: 15px; } dl.list dd { margin: 0 0 12px 20px; } #content ul { margin: -12px 0 12px; padding-left: 15px; } #content ul li { padding-left: 10px; background-image: url(/assets/list-marker.gif); background-position: left 6px; background-repeat: no-repeat; } #content ul ul { margin: 0; padding-left: 20px; list-style-type: circle; } #content ul ul li { padding-left: 0; background-image: none; } #content ul li.ali { cursor:pointer; } #content ol { margin: -16px 0 16px; padding-left: 32px; list-style-type: decimal; } #content ol ol { margin: 0; padding-left: 22px; list-style-type: lower-alpha; } ul.standalone, ol.standalone { margin: 0 0 12px; } ul.inside, ol.inside { list-style-position: inside; } #content ul.years { padding: 0 0 6px; margin: 0 0 24px; font-size: 1.25em; border-bottom: 1px solid #005AAA;} #content ul.years li { color: #9EA5B5; padding: 0; background-image: none; display: inline; padding-right: 20px; } #content ul.years a { text-decoration: none; } #content ul.years li.current a { font-weight: bold; } #content ul.months { margin: -24px 0 24px; padding: 0; font-size: 1.25em; color: #9EA5B5; width: 100%; overflow: hidden; } #content ul.months li { padding: 4px 6px; background-image: none; display: inline; float: left; text-transform: capitalize; } #content ul.months a { text-decoration: none; } #content ul.months li.current { background-color: #005AAA; padding: 4px 5px; color: #FFF; } #content ul.months li.current a { color: #FFF; font-weight: bold; } #content ul.certificates { margin: 0 0 12px -24px; padding: 0; overflow: hidden; height: 100%; } #content ul.certificates li { padding: 0; background: none; float: left; display: inline; width: 339px; margin: 0 0 12px 24px; } #content ul.certificates a.hidden { display: none; } #content ul.certificates li img { border: 1px solid #acacac } #content ul.gallery { margin: 0 0 12px; padding: 0; } #content ul.gallery li { padding: 0; margin: 0 0 24px; background: none; height: 100%; overflow: hidden; } #content ul.gallery a { font-size: 1.33em; } #content .gallery-images { overflow: hidden; } #content .gallery-images ul { margin: 0 0 12px -15px; padding: 0; height: 100%; overflow: hidden; width: 740px; } #content .gallery-images li { padding: 0; background: none; float: left; display: inline; margin: 0 0 15px 15px; } #content .gallery-images img { margin: 0; display: block; } #content ul.sitemap { padding-left: 0; width: 48%; } #content ul.sitemap li { padding: 0; background: none; margin-bottom: 15px; } #content ul.sitemap a { color: #35373C!important; font-size: 1.3em; font-weight: bold; text-decoration: none; } #content ul.sitemap ul { padding-left: 12px; margin-top: 3px; list-style-type: none; } #content ul.sitemap ul li { margin-bottom: 3px; } #content ul.sitemap ul a { color: #005AAA!important; font-size: 1em; font-weight: normal; } #content ul.simple { margin: 0 0 12px; padding: 0; } #content ul.simple li { padding: 0; background: none; margin: 0 0 24px; } /******************** TABLES ********************/ table { margin: 0 0 12px; } table.datatbl { border-collapse: separate; border-spacing: 2px; scrollbar-face-color: expression(runtimeStyle.scrollbarFaceColor='#FFF', cellSpacing = parseInt(currentStyle['border-spacing'])); margin: -12px 0 12px; } table.datatbl th, table.datatbl td { padding: 10px; vertical-align: top; background-color: #F2F2F4; } table.datatbl th { font-weight: bold; text-align: center; } table.datatbl thead th { background-color: #BFC3CE; color: #FFF; vertical-align: middle; } #content table.datatbl thead p { margin: 0; } table.middle td, table.middle th, table .middle { vertical-align: middle; } table.top td, table.top th, table .top { vertical-align: top; } table.projects { } table.projects th, table.projects td { padding-bottom: 24px; } table.projects th { padding-right: 12px; } table.projects td a { font-size: 1.33em; } table.projects td img { display: block; } table.responces {} table.responces th, table.responces td { padding-bottom: 16px; } table.responces th { padding-right: 16px; } table.responces th img { margin: 0 auto; display: block; } table.project { } table.project .logo { padding-right: 12px; } table.project .gallery { padding-right: 24px; width: 1%; } table.project .responces a.hidden { display: none; } .navigator { text-align: right; margin: 12px 0; } h1, h2, h3, h4, h5 { line-height: 100%; } h1 { font-size: 20px; color: #005AAA; margin: 7px 0 23px; } h2 { margin: 24px 0 15px; color: #005AAA; font-size: 16px; font-weight: bold; } h3 { margin: 24px 0 12px; font-weight: bold; font-size: 1.16em; } h4 { margin: 12px 0; font-weight: bold; }