body.tree { background: url(../images/i/bg/0.gif) #FFF 50% 0 repeat-y; }

img.logo { background-color: #ED4E8D;}
img.deactive { background-color: #3E3E3E; }
a, a:hover, .colored { color: #ED4E8D; }
a.colored img { border: 1px solid #FFF; }
a.colored:hover img { border: 1px solid #ED4E8D; background: #F3F3F3; }

span.capacity { text-transform: none; }
span.dimension { text-transform: lowercase; }

div.menu div.menu-wrap { position: absolute; z-index: 101; }
div.menu ul { background-color: #fff; margin: 0; padding: 0 10px 5px 10px; font-weight: bold; }
* html div.menu ul { height: 1em; }
div.menu ul li { background: none; margin: 3px 0 0 0; padding: 0; display: none; }
div.menu ul.active li { display: block; }
div.menu ul li.active { margin: 0; display: inline; cursor: default; } 


/*----------------------------------- tree -----------------------------------*/
div.scroll-top, div.scroll-bottom { text-align: center; }
div.scroll-top img, div.scroll-bottom img { cursor: pointer; }

#top { background: url(../images/i/bg/0.gif) #FFF 50% 0 repeat-y; padding-top: 20px; height: 110px; }
#top div.top { height: 90px; }
#middle { position: relative; overflow: hidden; }
#bottom { background: url(../images/i/bg/0.gif) #FFF 50% 0 repeat-y; height: 105px; }

#tree-scroll { position: absolute; top: 0; width: 100%; }

#head {
	background: url(../images/i/bg/1.gif) 0 0.1em no-repeat;
	margin-left: 50%;
	width: 49%; height: 40px;
	text-transform: uppercase;
}
#head div.head-wrap { padding-left: 46px; }
#head h1 { float: left; }
#head div.menu { float: left; }

#options {
	background: url(../images/i/bg/2.gif) 100% 0.1em no-repeat;
	width: 50%; height: 45px;
	text-transform: uppercase;
}
#options div.options-wrap { padding-right: 79px; }
#options h2 { float: right; cursor: default; }
#options div.menu { float: right; }
#options div.menu div.menu-wrap { margin-left: -150px; width: 150px; text-align: right; }
#options div.menu ul { float: right; }

#footer {
	background: url(../images/i/bg/4.gif) 0 12px no-repeat;
	margin-left: 50%;
	width: 49%;
	font-size: 9px; font-family: tahoma,verdana,sans-serif,arial;
}
#footer a, #footer a:hover { color: #535152; }
#footer div.footer { padding-left: 138px; }
#footer td.logo { padding-right: 9px; vertical-align: top; }

#tree h1, #tree h2 { margin: 0; font-size: 12px; font-weight: normal; text-transform: uppercase; }
#tree div.spacer { clear: both; height: 0; line-height: 0; font-size: 0; }

#tree div.title { position: absolute; z-index: 100; background-color: #fff; display: none; white-space: nowrap; }
#tree div.item:hover div.title, #tree div.hover div.title { z-index: 200; display: block; }

#tree dl { margin: 0; padding: 0; text-transform: uppercase; }
#tree dl dt { margin: 0; padding: 0; width: 50%; height: 50px; font-size: 10px; }
#tree dl dt span.branch-wrap { display: block; padding-top: 5px; }
#tree dl dt.branch-odd { text-align: right; }
#tree dl dt.branch-odd span.branch-wrap { padding-right: 20px; }
#tree dl dt.branch-even {  margin-left: 50%; width: 49%; }
#tree dl dt.branch-even span.branch-wrap { padding-left: 20px; }
#tree dl dd { margin: -50px 0 0 0; padding: 0; width: 50%; min-height: 90px; }
* html #tree dd { height: 90px; }
#tree dl dd.branch-odd { background: url(../images/i/bg/3.gif) 0 0 no-repeat; margin-left: 50%; width: 49%; }
#tree dl dd.branch-odd div.branch-wrap { padding-left: 68px; }
#tree dl dd.branch-odd div.item { margin: 0 8px 8px 0; float: left; }   
#tree dl dd.branch-even { background: url(../images/i/bg/3.gif) 100% 0 no-repeat; }
#tree dl dd.branch-even div.branch-wrap { padding-right: 68px; text-align: right; }
#tree dl dd.branch-even div.branch-wrap div.img { text-align: left; }
#tree dl dd.branch-even div.item { margin: 0 0 8px 8px; float: right; }

#tree-list div.title { margin-top: 15px; padding-top: 5px; text-transform: uppercase; }
#tree-list div.img, #tree-list div.img img { background: #fff; width: 50px; height: 50px; }
/*
#tree-list div.img {
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
*/
#tree-list div.img img {
	position: absolute; z-index: 100;
	visibility: hidden;
}
/*
#tree-list div.item:hover div.img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
*/
#tree-list div.item:hover div.img img, #tree-list div.hover div.img img {
	z-index: 200;
	margin-left: -12px;
	width: 66px; height: 66px;
	border-left: 4px solid #fff; border-right: 4px solid #fff; border-bottom: 4px solid #fff;
	visibility: visible;
}

#tree-contacts dd.branch-even { text-align: right; }
#tree-contacts dd div.branch-wrap { padding-top: 3px; }


/*---------------------------------- blocks ----------------------------------*/
#navpage { padding: 3px 0 3px 10px; }
#navpage span, #navpage a { margin-right: 10px; }

#project-doc { background: #fff; color: #757475; }
#project-doc h1 { margin: 0; padding: 3px 10px; float: right; }
#project-doc div.img { overflow: hidden; }
#project-doc div.img, #project-doc div.img td { width: 750px; height: 500px; text-align: center; }
#project-doc div.container { margin-bottom: 5px; height: 495px; overflow: auto; }
#project-doc div.txt { padding: 40px 40px 5px 40px; font-size: 11px; }
#project-doc div.txt h1 { margin-bottom: 7px; padding: 0; float: none; }
#project-doc table.info { margin-bottom: 15px; }
#project-doc table.info th { vertical-align: top; white-space: nowrap; text-transform: uppercase; }
#project-doc table.info td { padding-left: 20px; vertical-align: top; }

#news-doc { background: #fff; color: #757475; }
#news-doc h1 { margin-bottom: 5px; }
#news-doc div.datetime { margin-bottom: 15px; }
#news-doc div.container { margin-bottom: 5px; height: 495px; overflow: auto; }
#news-doc div.txt { padding: 40px 40px 5px 40px; font-size: 11px; }
#news-doc div.txt img { margin-bottom: 3px; }

#vacancy-doc { background: #fff; color: #757475; }
#vacancy-doc div.item { margin-bottom: 5px; }
#vacancy-doc div.btn { margin-top: 15px; }
#vacancy-doc div.container { height: 230px; overflow: auto; }
#vacancy-doc div.container2 { width: 390px; height: 295px; overflow: auto; }
#vacancy-doc div.txt { padding: 40px 40px 0 40px; font-size: 11px; }
#vacancy-doc form { padding: 30px 40px 0 40px; font-size: 11px; }
#vacancy-doc div.error, #vacancy-doc div.done { padding: 100px 40px; text-align: center; }
#vacancy-doc table.form td { vertical-align: top; }
#vacancy-doc table.form td.right { width: 390px; }

#team-doc div.team-doc-spacer { position: absolute; top: 0; left: 0; z-index: 100; width: 750px; height: 525px; }
#team-doc td { width: 750px; height: 525px; text-align: center; }