@import url(base.css);
@import url(content.css);

* {background-repeat: no-repeat; margin: 0; }
BODY {background: #586da4 url(../i/body-pattern.gif) center top; color: #222; position: relative; min-width: 990px; }



#canvas {background: #2e385d; margin: 0 auto; position: relative; width: 990px; }



#top {background: #273051 url(../i/visual.jpg) right top no-repeat; border-top: 31px solid #2f395d; height: 90px; }



#logo {background-image: url(../i/logo.png); position: absolute; left: 0; top: 0; }

#logo,
#logo A {display: block; overflow: hidden; padding-top: 122px; width: 151px; height: 0; }

#logo A {margin-top: -122px; position: relative; z-index: 5; }



#mnu {font-family: Arial, Tahoma, sans-serif; font-weight: bold; padding-left: 3px; text-transform: uppercase; }

#mnu UL {float: right; }

#mnu LI,
#mnu LI A {float: left; }

#mnu LI A {background-image: url(../i/mnu-separ.gif); background-position: 0 48%; color: #c4d1df; padding: .6em 10px .65em; text-decoration: none; }
#mnu LI:first-child A {background: none; }

#mnu LI A.cur {color: #fad40b; }
#mnu LI A:hover {color: #efefff; }



#cities {font-size: .9167em; font-weight: bold; position: absolute; right: 0; top: 0; }

#cities LI,
#cities LI A {float: left; }

#cities LI A {background-image: url(../i/mnu-separ.gif); background-position: 0 48%; color: #c4d1df; padding: 8px 10px; text-decoration: none; }
#cities LI:first-child A {background: none; }

#cities LI A:hover {color: #efefff; }



#main {background: #1c233a; padding: 15px 0; }



#content-n-app {float: left; margin-right: -310px; width: 100%; }
#content-n-app-a {margin-right: 310px; }



#content {float: right; font-size: 1.25em; margin-left: -180px; width: 100%; }
#content-a {margin-left: 180px; }
#content-b {background: #fff; border: 2px solid #2e385d; border-top: none; }
#content-d {padding: 0 10px 10px; min-height: 646px; }



.app .blk {background: #c4d1df; margin-top: 10px; }
.app .blk:first-child {margin-top: 0; }
.app .blk DT.blk-item {background: #2e385d; font-weight: bold; padding: .4em 11px; text-transform: uppercase; }

.app .blk DT.blk-item {color: #fff; }
.app .blk DT.blk-item A {color: #fad40b; }

.app .blk DT.blk-item A {background-image: url(../i/app-blk-header-bull.gif); background-position: 0 .2em; display: block; padding-left: 13px; text-decoration: none; }
.app .blk DT.blk-item A:hover {color: #fff; }
.app .blk DD.blk-item {border: 2px solid #2e385d; border-top: none; padding: 9px; }
.app .blk DL DT {font-weight: bold; margin-bottom: .2em; }



.app .live .blk-item A {background-image: url(/images/app/live.jpg); display: block; padding-top: 105px; text-transform: uppercase; }
.app .live DD.blk-item {min-height: 142px; text-align: center; }



.app .now DD.blk-item {padding: 0; min-height: 143px; }



/*
.app .projects DL {text-align: center; }
.app .projects DL DT {background-image: url(/images/app/jazz.jpg); background-position: center top; }
.app .projects DL DT A {display: block; padding-top: 105px; }
*/
.app .projects DD.blk-item {text-align: center; min-height: 209px; }
.app .projects DD.blk-item IMG {vertical-align: top; }



.app .articles DD.blk-item {min-height: 92px; }
.app .articles DD.blk-item:after {clear: both; content: "."; display: block; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.app .articles .pic {float: left; margin: 0 5px 0 0; padding-top: .2em; }
.app .articles .pic IMG {vertical-align: top; }



#app-1 {float: left; width: 180px; }
#app-1 .app-a {margin: 0 10px 0 3px; }



#app-2 {float: right; width: 310px; }
#app-2 .app-a {margin: 0 3px 0 10px; }



#bot-bn {text-align: center; padding: 5px 0; } /* height: 90px;  */



#bot {background: #283051; }
#bot P {margin: 0; }



#copy {float: left; font-size: .9167em; margin-right: 20px; padding: 7px 15px; }

#copy,
#copy A {color: #fff; }



#counters {float: right; }
#counters DT {overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }
#counters IMG {vertical-align: top; }



#yandex-map {margin-bottom: 1em; width: 476px; height: 400px; }



BODY.home #content-b {background: none; border: none; }
BODY.home #content-d {padding: 0; min-height: 0; }

BODY.home #content .blk {background: #fff; border: 2px solid #2e385d; border-top: none; margin-top: 10px; }
BODY.home #content .blk:first-child {margin-top: 0; }
BODY.home #content .blk-a {padding: 0 10px 10px; }



BODY.home #content .news,
BODY.home #content .news DL DT A {color: #000; }

BODY.home #content .news {background: #fff url(../i/home-news-grad.png) left bottom repeat-x; font-size: 15px; }
BODY.home #content .news H2 {margin-bottom: 20px; }
BODY.home #content .news .items {position: relative; height: 340px; }

BODY.home #content .news DL {line-height: 1.4; margin: 0; overflow: hidden; position: absolute; left: 0; top: 0; width: 0; height: 0; }
BODY.home #content .news DL.cur {padding-top: 210px; width: 476px; height: 60px; }

BODY.home #content .news DL DT,
BODY.home #content .news DL DD {padding: 0 10px; }

BODY.home #content .news DL DT {font-size: 1.2em; font-weight: normal; line-height: 1.2; margin-bottom: .2em; overflow: hidden; white-space: nowrap; width: 100%; }
BODY.home #content .news DL DD {font-size: .8em; }
BODY.home #content .news DL DD.pic {position: absolute; left: 0; top: 0; text-align: center; width: 100%; }
BODY.home #content .news DL DD.pic A {display: block; }
BODY.home #content .news DL DD.pic IMG {display: block; margin: 0 auto; height: 200px; }

BODY.home #content .news UL {list-style: none; margin: 0; position: absolute; left: -6px; top: 280px; }

BODY.home #content .news UL LI,
BODY.home #content .news UL LI A {float: left; }

BODY.home #content .news UL LI {background-image: url(../i/home-news-thumb-shadow.png); background-position: right bottom; margin-left: 16px; padding: 0 4px 5px 0; }
BODY.home #content .news UL LI IMG {border: 1px solid #fff; vertical-align: top; }
BODY.home #content .news UL LI A {overflow: hidden; width: 50px; height: 50px; }

BODY.home #content .news UL LI.cur A IMG,
BODY.home #content .news UL LI A:hover IMG {border-color: #394044; }

BODY.home #content .news UL LI.button {background: none !important; margin-left: 50px; padding: 4px 0 0; }
BODY.home #content .news UL LI.button A {background-image: url(../i/home-play-pause.png); overflow: hidden; padding-top: 40px; width: 40px; height: 0; }
BODY.home #content .news UL LI.play A {background-position: 0 0; }
BODY.home #content .news UL LI.play A:hover {background-position: 0 -40px; }

BODY.home #content .news UL LI.pause A {background-position: -40px 0; }
BODY.home #content .news UL LI.pause A:hover {background-position: -40px -40px; }



BODY.home #content .recommends DL {float: left; font-size: .8em; margin: 0 -1px 0 0; position: relative; padding-top: 90px; width: 33%; min-height: 117px; }
BODY.home #content .recommends DL DT {margin: 0 10px .2em 0; min-height: 2.46em; }
BODY.home #content .recommends DL DT A {color: #283051; }
BODY.home #content .recommends DL DD {margin: 0 10px 0 0; }
BODY.home #content .recommends DL DD.pic {margin: 0; position: absolute; left: 0; top: 0; }
BODY.home #content .recommends DL DD.pic IMG {vertical-align: top; }



BODY.team #content-b {background: #c4d1df; }



/* 2010-03-29 */
.app .live DD.blk-item {min-height: 157px; }



.app .now DD.blk-item {min-height: 158px; }



.app .projects DD.blk-item {min-height: 145px; }



.app .recommends DL {text-align: center; }
.app .recommends DL DT {background-position: center top; }
.app .recommends DL DT A {display: block; padding-top: 105px; }
.app .recommends DD.blk-item {min-height: 139px; }
/* /2010-03-29 */