/* common */
html, body { font-family:arial,tahoma; }
h1 { color:#686868; font-size:24px; margin:0 0 10px 0; }
h2 { font-size:20px; margin:0 0 5px 0; }
a { color:#298dc4 }
a:hover { color:#f29c12; }
p { margin:0 0 10px 0; }
ul { line-height:150%; }
li { margin:0 0 10px 0; }
#mainWrap { background:#fff; margin:0 auto; min-width:980px; max-width:1280px; width:auto !important; width:980px; min-height:100%; height:auto !important; height:100%; position:relative; color:#494949; font-size:12px; }
/* header */
#headerWrap { height:258px; position:relative; overflow:hidden; }
a#headerLogo { position:absolute; top:10px; left:40px; }
/* cities */
a#citySalekhard { text-decoration:none; display:block; position:absolute; top:31px; right:232px; width:69px; height:21px; }
a#cityKhantyMansiysk { text-decoration:none; display:block; position:absolute; top:95px; right:163px; width:107px; height:21px; }
a#cityTobolsk { text-decoration:none; display:block; position:absolute; top:95px; right:324px; width:66px; height:21px; }
a#cityTyumen { text-decoration:none; display:block; position:absolute; top:150px; right:396px; width:63px; height:23px; }
a#cityIshim { text-decoration:none; display:block; position:absolute; top:209px; right:431px; width:47px; height:21px; }
/* nav */
#navWrap { position:absolute; top:220px; right:70px; }
#navWrap a { display:inline-block; width:25px; height:25px; overflow:hidden; background:url(../img/nav.png) no-repeat; text-decoration:none; margin:0 5px; }
#navWrap #navHome:hover { background-position:0 -25px; }
#navWrap #navEmail { background-position:-25px 0; }
#navWrap #navEmail:hover { background-position:-25px -25px; }
#navWrap #navSitemap { background-position:-50px 0; }
#navWrap #navSitemap:hover { background-position:-50px -25px; }
/* parts */
#headerPartsWrap { height:258px; width:100%; table-layout:fixed; }
#headerPart1 { height:258px; width:269px; background:url(../img/header-01.jpg) no-repeat; }
#headerPart2 { height:258px; background:url(../img/header-02.jpg) repeat-x; }
#headerPart3 { height:258px; width:211px; background:url(../img/header-03.jpg) no-repeat; }
#headerPart4 { height:258px; background:url(../img/header-04.jpg) repeat-x; }
#headerPart5 { height:258px; width:503px; background:url(../img/header-05.jpg) no-repeat; }
/* cols */
#colsWrap { min-height:200px; background:url(../img/content-back.jpg) top right no-repeat; }
#leftColWrap { position:relative; float:left; width:269px; z-index:100; }
#centerColWrap { position:relative; padding:0 20px 0 290px; z-index:1; }
#rightColWrap { float:right; width:200px; }
#contentWrap { margin:0 220px 0 0; }
#content { width:100%; float:left; }
/* menu */
#menuWrap { font-size:13px; background:url(../img/menu-back.jpg) left center repeat-y; }
#menuTop { position:relative; background:url(../img/menu-top.jpg) left top no-repeat; }
#menuBottom { position:relative; background:url(../img/menu-bottom.jpg) left bottom no-repeat; padding:10px 0 70px 33px; min-height:300px; height:auto !important; height:300px; }
#menuBottom li { position:relative; line-height:100%; }
#menuBottom a { display:block; position:relative; }
/* menu level 1 */
#menuBottom > ul > li { padding:0 10px 0 0; margin:0 0 5px 0; }
#menuBottom > ul > li > a { color:#5e5e5e; text-decoration:none; padding:5px 8px; max-height:60px; overflow:hidden; }
#menuBottom > ul > li > a:hover { color:#fff; }
#menuBottom > ul > li:hover { }
#menuBottom > ul > li:hover > a { color:#fff; background:url(../img/menu-hover.png) center no-repeat; }
#menuBottom span { display:none; line-height:1px; font-size:1px; width:10px; height:10px; position:absolute; background:url(../img/menu-hover-corners.png) no-repeat; z-index:2; }
#menuBottom span.tl { top:0; left:0; background-position:top left; }
#menuBottom span.tr { top:0; right:10px; background-position:top right; }
#menuBottom span.bl { bottom:0; left:0; background-position:bottom left; }
#menuBottom span.br { bottom:0; right:10px; background-position:bottom right; }
#menuBottom > ul > li:hover > span { display:block; }
/* menu level 2 */
#menuBottom > ul > li:hover ul { /*visibility:visible;*/ }
#menuBottom ul ul { visibility:hidden; position:absolute; left:236px; top:0; border-left:3px solid #c6dfe4; }
#menuBottom ul ul li { background:#e8e8e9; padding:3px 15px; margin:0; min-width:250px; max-width:500px; }
#menuBottom ul ul li.top { background:url(../img/submenu.png) top right no-repeat; padding:0; }
#menuBottom ul ul li.bottom { background:url(../img/submenu.png) bottom right no-repeat; padding:0; }
#menuBottom ul ul li a { /*white-space:nowrap;*/ color:#5e5e5e; text-decoration:none; padding:2px 5px; }
#menuBottom ul ul li a:hover { color:#1e82b9; }
/* search */
#leftColWrap .searchFormWrap { margin:10px 0 10px 20px; text-align:center; }
#leftColWrap .searchFormWrap .searchFormQuery { width:150px; outline-style:none; }
/* news */
.newsListWrap .news { border-top:1px dotted #908d7b; padding:10px 0; }
.newsListWrap .news .date { font-size:12px; color:#2387bf; }
.newsListWrap .news .title { color:#f29c12; font-size:14px; }
.newsListWrap .news .title a { color:#f29c12; text-decoration:none; }
.newsListWrap .news .title a:hover { text-decoration:underline; }
.newsListWrap .news .image { float:left; margin:3px 10px 5px 0; }
.newsListWrap .news .anons { font-size:11px; line-height:150%; }
.newsViewWrap .news .date { font-size:12px; color:#2387bf; margin:0 0 10px 0; }
/* content */
#content { overflow:hidden; }
#contentWrap table, #contentWrap th, #contentWrap td { border-color:#999; }
/* footer */
#fakeFooter { height:90px; clear:both; }
#footerWrap { margin:0 auto; min-width:980px; max-width:1280px; width:auto !important; width:980px; position:relative; margin-top:-70px; color:#4f5964; font-size:11px; }
#footerLeft { position:relative; background:url(../img/footer-left.png) left bottom no-repeat; }
#footerRight { position:relative; background:url(../img/footer-right.png) right bottom no-repeat; }
#footer { height:70px; position:relative; background:url(../img/footer-top.png) left top no-repeat; }
#counter { position:absolute; left:20px; top:23px; width:200px; text-align:center; }
#counter img { margin:0 5px; }
#copyright { position:absolute; left:290px; top:30px; }
#autograph { position:absolute; right:30px; top:30px; }