/* CSS Document */ /* Author: Astronim* [http://astronim.com] */ html {height: 100%; } body { background: #026fb0 url(../i/bg.jpg) top center; font-family: Arial, Helvetica, sans-serif; font-size: 0.84em; height: 100%; min-height: 700px; } #main { background: url(../i/bg_index.jpg) top center no-repeat; min-height: 100%; position:relative; } *html #main { height: 100%; } a { color: #80d7f9; } a:hover { color: #ffffff; } #main { min-width: 990px; width: expression(document.body.clientWidth >990 ? "100%" : "990px"); position:relative; z-index: 9; } #header { position: relative; width: 100%; z-index: 991; } #top { width: 100%; position:relative; z-index: 990; } #home { color: #7adaff; height: 14px; display: block; position: absolute; top: 24px; left: 28px; padding-left: 20px; background:url(../i/icon_fb.png) left bottom no-repeat; z-index: 999; } #home:hover {color: #fff; text-decoration: none;} #poll, #search { position: absolute; top: -1px; right: 101px; width:300px; z-index: 996; zoom: 1; } #search { right:31px; z-index: 995;} #poll .header, #search .header{ position: absolute; top: -24px; height: 26px; left: 35px; cursor: pointer; cursor: hand; } #poll .header span, #search .header span { display: block; height: 26px; padding-left: 11px; background: none; width: 85px; } #search .header span { width: 115px; } #poll.opened .header span, #search.opened .header span {background: url(../i/bg_sl.png) -29px -316px no-repeat; } #poll .header span span, #search .header span span { padding-right: 11px; background:none; width: auto; } #poll.opened .header span span, #search.opened .header span span { background: url(../i/bg_sl.png) 100% -900px no-repeat; } #poll .header span span span, #search .header span span span { background: none; padding-top: 4px; height: 22px; } #poll.opened .header span span span, #search.opened .header span span span { background: #fff url(../i/bg_sl.png) 100% -1194px no-repeat; } #poll .header span span span b, #search .header span span span b { display: inline; padding: 0 0 0 0 !important; color: #d2effa; border-bottom: #68d4ff dashed 1px; font-weight: bold; font-size: 12px;} #poll .header span span span b {position: relative; } #search .header span span span b { font-weight: normal; border-bottom: none; background: url(../i/bg_sl.png) 0 -1221px no-repeat; padding: 0 0 0 20px !important; } #poll.opened .header span span span b, #search.opened .header span span span b { color: #0098d9; border-bottom: none; } #poll .inner1, #search .inner1 { padding-left: 51px; background: url(../i/bg_sl.png) 0 -1253px no-repeat; } #poll .inner2, #search .inner2 { display: none; padding-right: 51px; background: url(../i/bg_sl.png) 100% -1589px no-repeat; } #poll .inner3, #search .inner3 { background: #fff; padding: 10px 0 10px 0; } #search .inner3 { height: 40px; padding: 20px 0 10px 0; } #poll.opened .inner2, #search.opened .inner2 {display: block; } #search .input { width: 192px; height: 18px; border: none; background: url(../i/bg_search.png) no-repeat; padding: 1px 23px 0 7px; position: relative; margin-right: -30px; } #search input.text { border: none; background:#fff; width: 190px; font-size: 11px; color: #019edf; } #search .input a {position: absolute; top: 1px; right: 5px;} #poll a:hover, #poll a { color:#0E36A7 } #poll a:hover { text-decoration:none } #poll p { margin: 8px 0 0 20px; position: relative; } #poll form {padding: 0 0 0 5px; font-size: 11px; color: #0e36a7; } #poll p .input { position: absolute; top: 2px; left: -25px; } #poll p .checkbox { position: absolute; top: -1px; left: -25px; } #poll form a img { margin: 6px 0 0 15px; font-size: 14px; font-style:italic; font-weight: bold; } #menuTop { color: #ffffff; font-size: 18px; width: 56%; line-height: 110%; padding: 60px 0 15px 30px; float:left; } #menuTop a { color: #80d7f9; font-weight: bold; font-style: italic; text-decoration:none; white-space:nowrap; } #menuTop a:hover { text-decoration: underline; } #menuTop a.current { color: #fff; } #subMenuTop {color: #ffffff; font-size: 14px; margin: 10px 0 0 0; padding: 0 0 0 8px; background: url(../i/bg_sl.png) 0 -1138px no-repeat; } #subMenuTop div { border-top: 1px solid #48bdf2; padding: 2px 5px; } #subMenuTop a { font-weight:normal; margin:0 2px; } #logo { float: right; margin: 45px 0 30px 0; width: 350px; background: url(../i/bg_sl.png) 0 0 no-repeat; height: 66px; padding-left: 17px; position:relative; } #logo .inner { height: 66px; background: #0e36a7; font-size: 30px; font-style:italic; color: #fff; } #logo .inner img { margin: 15px 0 0 15px; } #logo .slogan { width: 322px; height: 23px; font-size: 24px; font-style:italic; color: #fff; position:absolute; top: 82px; left: -10px;} #lang { left: 570px; position:absolute; display:block; color: #70d6fe; font-size:11px; text-decoration:none; width: 32px; height: 16px; padding: 23px 0 0 10px; background:url(../i/bg_sl.png) 0 -67px no-repeat; } #lang:hover { color: #fff; } #news { padding: 0 0 0 0; } #news .item { padding: 0 0 10px 0; } #news .date { font-size: 11px; padding: 0 0 0 10px; background:#ffffff url(../i/bg_sl.png) 0 -1164px no-repeat; line-height: 11px; float: left; } #news .date div { padding: 3px 15px 3px 5px; background:url(../i/bg_sl.png) 100% -1177px no-repeat;} #news .title { padding: 0 0 0 12px; font-size: 1.1em; font-weight: normal; font-weight: bold; font-style:italic; } #news .title a { font-size: 1em; color:#0E36A7 } #news .text { padding: 10px 0 0 0; } #news h3 {padding-top: 0; margin-top: 0; padding-bottom: 15px; } #center { padding: 0px 0 0 0; width: 100%; } #topSlogans {height: 66px; position: relative; margin-top: 20px; overflow:hidden; } #sloganFirst { height: 66px; position: absolute; top: 0; left: -260px; /* left: 0; */ width: 560px; z-index: 56; } #sloganFirst a {position: absolute; top: 0; right: 0; display: block; height: 66px; width: 290px; background: url(../i/i_secondSlogan1_sl.png) no-repeat 100% 0; } #sloganFirst a:hover {background-position: 100% -66px; } #sloganFirst .ban { position: absolute; top: 0; left: 0; width: 320px; height: 66px; display: none; background: #0E36A7;} #sloganFirst.current .ban {display: block;} #sloganFirst.current a {background-position: 100% -132px !important; } #sloganSecond { height: 66px; position: absolute; top: 0; right: -60px; width: 710px; z-index: 55; } #sloganSecond a {position: absolute; top: 0; right: 0px; display: block; height: 66px; width: 405px; background: url(../i/i_secondSlogan2_sl.png) no-repeat 20px 0; } #sloganSecond a:hover {background-position: 20px -66px; } #sloganSecond .ban { position: absolute; top: 0; left: 0; width: 320px; height: 66px; display: none;} #sloganSecond.current .ban {display: block;} #sloganSecond.current a {background-position: 20px -132px !important; background-color: #fff;} #visCenter {position: absolute; top: 0; left: 50%; width: 420px; height: 66px; margin-left: -225px; /* background: url(../i/i_secondTop.png) no-repeat ; */ z-index: 57;} #menuFirst { background: url(../i/bg_sl.png) right -118px no-repeat; width: 95%; min-height: 66px; position:relative; z-index: 22;display:none;} *html #menuFirst {height: 66px; } #menuFirst a { color: #80d7f9; text-decoration: none; text-transform:uppercase; font-size: 10px; line-height: 14px; } #menuFirst a:hover, #menuFirst div.hover a, #menuFirst a.current { color: #fff;} #menuFirst .inner { margin-right: 51px; border-left: solid 23px #0e36a7; } #menuFirst table{ background:#0e36a7; height: 66px; width: 100%; } #menuFirst td {padding: 14px 5px 0 5px; vertical-align: top; } #menuFirst td div.item { display:inline; } #menuFirst td div { position: relative; } #menuFirst td div ul { border-top: 4px solid #0660c4; position: absolute; top: 30px; width: 210px; left: 0; display:none; padding: 6px 16px 0 12px; } #menuFirst td div ul li { padding:0 0 4px 0;} #menuFirst td div ul a { text-transform:none; font-size: 11px; color: #fff; text-decoration: none !important; line-height: 11px !important; } #menuFirst td div ul a:hover, #menuFirst td div ul a.here { color: #9ce3ff; } #menuSecond { background:url(../i/bg_sl3.png) 0 -316px no-repeat; min-height: 66px; width: 70%; margin-left: -20px; position:relative; z-index: 21; display:none;} *html #menuSecond { height: 66px; } #menuSecond a { color: #0e36a7; text-decoration: none; text-transform:uppercase; font-size: 10px; line-height: 14px; } #menuSecond a:hover, #menuSecond div.hover a, #menuSecond a.current { color: #00a3e4; } #menuSecond .inner { margin-left: 51px; border-right: solid 23px #fff; margin-right: 51px; } *html #menuSecond .inner {margin-right: 27px;} #menuSecond .inner2 { background: url(../i/bg_sl31.png) 100% -900px no-repeat; } #menuSecond table { background:#fff; height: 66px; width: 100%; } #menuSecond table.hover { /*border-bottom: #00a5e6 1px dashed; */ background: #fff url(../i/dash.png) bottom repeat-x; } #menuSecond td { padding: 14px 7px 0 7px; vertical-align: top;} #menuSecond td div.item { display:inline; } #menuSecond td div { position: relative; } #menuSecond td div ul { border-top: 4px solid #d5f3ff; position: absolute; top: 30px; width: 210px; left: 0; display:none; padding: 6px 16px 0 12px; } #menuSecond td div ul li { padding:0 0 4px 0;} #menuSecond td div ul a { text-transform:none; font-size: 11px; color: #00a5e6; text-decoration: none !important; line-height: 11px !important; } #menuSecond td div ul a:hover, #menuSecond td div ul .here { color: #0e36a7; } #informer { float: left; width: 29%; min-height: 120px; padding-top: 35px; margin: 0 -100px 0 30px; } * html #informer { height: 120px; margin-left:15px;} #informer .table { padding: 0 15px; } #informer table {font-size: 11px; color: #fff; width: 100%; } #informer th { background: #0e36a7; padding: 9px 0 9px 8px; font-size: 12px; text-align:left; } #informer th b { color: #70d6ff; } #informer td { padding: 3px 8px; } #informer td.nbrb { color: #70d6ff; } #informer .line { background:url(../i/bg_sl.png) 0 -514px no-repeat; padding-left: 15px; margin-bottom: -30px; } #informer .line div { background:url(../i/bg_sl.png) 100% -544px no-repeat; padding-right: 15px; } #informer .line div div { padding-right: 0; background: #0e36a7; height: 30px; } #menuBottom {color: #84dcff; padding: 10px 0 115px 0;} #menuBottom .inner { padding: 0 70px; } #menuBottom table {width: 100%;} #menuBottom a {color: #84dcff; font-weight: bold; font-size: 12px; font-style: italic; text-decoration: none; display:block; width: 94px; background: 10px 0 no-repeat; margin: 0 auto; } #menuBottom a span { display:block; padding: 5px 0 5px 34px; background:url(../i/bg_sl.png) 10px -644px no-repeat; cursor: pointer; cursor: hand; } #menuBottom a:hover { color:#fff; } #menuBottom a:hover span { background-position:10px -744px; } #centerBody { margin-top:60px; background: #fff;} *html #centerBody {position: relative;} #centerBody.corporate { background: #b6eaff;} #centerBody .container {margin-left: 250px; } * html #centerBody .container { height: 1%; } #centerBody .container .leftSide {margin: -40px -5px 30px -250px; float: left; width: 250px; padding-bottom: 30px; } * html #centerBody .container .leftSide {position:relative;} #centerBody .container .leftSide .leftSideTop { padding-left: 10px; background: url(../i/bg_sl.png) -41px -315px no-repeat; } #centerBody.corporate .container .leftSide .leftSideTop { background: url(../i/bg_sl.png) -41px -1098px no-repeat; } #centerBody .container .leftSide .leftSideTop div{ height: 40px; background: #fff; } #centerBody.corporate .container .leftSide .leftSideTop div{ background: #b6eaff; } #centerBody .container .rightSide { float: right; width: 100%; background: #fff; margin: -40px 0 0 0; position:relative;} #centerBody.corporate .container .rightSide { background: #b6eaff;} #centerBody .container .leftSide .banLeft { margin: 30px 0 30px 30px;} #path { color: #939393; padding: 18px 0 0 10px; } #path a {color: #6884d2; text-decoration: underline; } #path a:hover {text-decoration: none; } #menuLeft { padding: 14px 0 0 10px; margin-top: -8px; position:relative; } #menuLeft ul { margin: 10px 0 15px 0;} #menuLeft a {color: #172197; line-height: 1.1em; font-size: 1em; font-weight: bold; font-style: italic;} .chast #menuLeft a {color: #1c84cf;} #menuLeft a:hover { text-decoration: none; } #menuLeft li{ padding: 0 25px 10px 30px; } #menuLeft li.current { padding: 0 0 5px 0;} #menuLeft li.current a {color: #fff; zoom: 1; text-decoration: none ; } #menuLeft li.current span { background: url(../i/bg_menuSel.png) no-repeat 0 0; display: block; padding: 3px 40px 3px 30px;} .corporate #menuLeft li.current span { background: url(../i/bg_menuSel.png) no-repeat 0 -200px; } .chast #menuLeft li.current span { background: url(../i/bg_menuSel.png) no-repeat 0 -400px; } #menuLeft li.current ul{ margin-left: 15px;} #menuLeft li.current li a {color: #172197; font-size: 0.94em; font-weight: normal; font-style: normal; display: inline; background:none; text-decoration: underline ; } .chast #menuLeft li.current li a {color: #1c84cf;} #menuLeft li.current li.current a { color: #fff; text-decoration: none ; } #menuLeft li.current li.current span { background: url(../i/bg_menuSel.png) no-repeat 0 -100px; } .corporate #menuLeft li.current li.current span { background: url(../i/bg_menuSel.png) no-repeat 0 -300px; } .chast #menuLeft li.current li.current span { background: url(../i/bg_menuSel.png) no-repeat 0 -500px; } #footer { position:relative; font-size: 11px; width: 100%; height: 110px; position: relative; margin-top: -110px; min-width: 990px; width: expression(document.body.clientWidth > 990 ? "100%" : "990px"); z-index: 800; } * html #footer {margin-top: -110px; } #footer .inner {padding: 0 30px 0 30px; } #footer a { color: #fff; } #footer a:hover { color: #bbebff; } #address { padding: 30px 0 20px 84px; min-height: 40px; background:url(../i/bg_sl.png) 27px -764px no-repeat; color: #bbebff; line-height: 130%; } * html #address { height: 40px; } #address a { color: #bbebff; text-decoration: underline; } #address a:hover { color: #fff; } a#sitemap, a#feedback, a#feedback2 { display: block; position: absolute; bottom: 33px; left: 445px; } a#feedback { left: 535px; } a#feedback2 { left: 645px; } a#astronim { position: absolute; bottom: 23px; right: 30px; display: block; width: 175px; height: 40px; padding-right: 10px; /* float: right; margin-top: 100px; */ } a#astronim span { text-decoration: underline; float: left; display: block; width: 60px; padding-top: 3px; text-align:right; } a#astronim img { float: right; } a#astronim:hover { text-decoration: none; } #footer .line { padding-right: 7px; border-right: 6px solid #0e36a7; width: 64%; } #footer .line div{ height: 13px; overflow: hidden; background: #0e36a7; } #center404 { width: 212px; width: 67%; position: relative; float: right; top: 200px; background:url(../i/404.png) 0 0 no-repeat; } * html #center404 {height: 600px; } #center404 .inner { height: 212px; margin-left: 659px; background: #0e36a7; } #center404 a { position:absolute; top: 222px; left: 485px; color: #9ce3ff; text-decoration:underline; font-size: 1.1em; font-weight: bold; font-style:italic;} #center404 a:hover { text-decoration:none; color: #fff; } .gallery a { position: relative; cursor: pointer; cursor: hand; } .gallery a img { position: relative; z-index: 899; } .gallery .descr { padding: 3px 0 0 0; width: 155px; position: relative; color: #0e36a7; font-size: 13px; font-style:italic; font-weight:bold; } #content .gallery .descr p { padding: 2px 0; } #content .gallery table { width: 100%; } #content .gallery table td { vertical-align: top; padding-top: 25px; } #thickbox {z-index: 999;} .sstr { font-weight:bold} .print { text-align:left; margin-top:35px } #content #dateSelector div , #content #dateSelector td { vertical-align: middle; padding: 0 0; font-size: 16px; font-weight: bold; font-style: italic; } /*#content #dateSelector td.date { text-align: right; } #content #dateSelector .dp-choose-date { line-height: 1000; font-size: 1px; } #content #dateSelector input.date { width: 70px; float:left; margin: 0 0 0 -5px; } #content #dateSelector .submit { padding-top: 10px; } */ .jqTransformInputWrapper { float:left; } .mapblock { width: 350px; float: left; padding-right: 40px; } .mapblock UL LI A { font-weight: bold; text-decoration:none } .mapblock UL LI LI A { font-weight: normal; text-decoration:underline } .creditSelect {margin:15px 0 0;} .creditSelect th {width:25px;text-align:left;vertical-align:top;} .creditSelect td {vertical-align:top;padding:1px 0 0;} .addInfo {font:11px Arial;margin:0 30px;} .creditInfo {margin:10px 0 0;} .creditInfo td {padding:4px 8px;vertical-align:top;border:1px solid #cfcfcf;} .radio_type_credit {margin: 15px 0 !important} .itog_credit .star {margin: 0px !important;} .itog_credit .right_td {padding-left: 5px;} .itog_credit .snoska { font-size:11px; color: #858687;} table td.lefttd { padding:3px 0; width:300px }