@charset "windows-1251";

/*==========================================================*/
/*	CSS Document. Aerate (aerate@aerate.ru). (18.03.2008)	*/ 
/*==========================================================*/


@import url("hack.css");		/*	for Firefox, Opera and Safari	*/

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5.css'; /*"}		/*	for IE5	*/	
}/* */


/* Default
====================================================================================================*/


* {padding:0; margin:0; font-size:100%; line-height:100%; text-align:left}
html,
body {background:#FFF; color:#8A8A8A; cursor:default; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center}
html {overflow-y:scroll}
table,
td,
th,
img {border:0; vertical-align:top; border-spacing:0; border-collapse:collapse}
table {empty-cells:show}
img {font-size:9pt; color:#DDD}

h1 {color:#002767; font:normal 1.1em Verdana, Arial, Helvetica, sans-serif}
h2 {padding-bottom:16px; color:#002767; font:normal 1.1em Verdana, Arial, Helvetica, sans-serif}
h2.grey {color:#5C5C5C; font-weight:normal}
h3 {padding-bottom:10px}
h4 {}
h5 {}
h6 {font-size:0.8em}

p {padding-bottom:20px; font-size:0.85em; color:#535353; line-height:120%}

textarea, input, select, button {padding:0 1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em}
input[type=button],
input[type=reset],
input[type=submit],
input[type=image],
button,
.btn {cursor:pointer; text-align:center}

input[type=checkbox],
input[type=radio] {width:auto}

fieldset {padding-bottom:2px; border:1px solid #CCC}

a {color:#002767; text-decoration:underline; cursor:pointer}
a:hover {color:#002790; text-decoration:none}
a:visited {color:#002750; text-decoration:underline}
a:visited:hover {color:#002790; text-decoration:none}

*:focus {outline:none}

acronym,
abbr {cursor:help; letter-spacing:1px; border-bottom:1px dashed green}

ul {list-style:none}
ul li {}
ul li:before {content:'\2014\a0'; margin-left:-1.4em}

sup,
sub {position:relative; font-size:10px; bottom:0.3em; vertical-align:baseline}
sub {bottom:-0.2em}


/* Layout
========================================================================================================================*/

.temporary {overflow:hidden; position:absolute; left:36px; top:4px; z-index:4000; font-size:11px; color:red; line-height:11px}
.temporary li {float:left; border-left:1px solid #878787; padding:0 0 1px 8px; margin:0 16px 0 -8px; line-height:11px; white-space:nowrap}
.temporary li:before {content:''; margin-left:0}


.min {min-width:950px}

/* right column
------------------------------------------------------------------------------------------------*/

.right {float:right; width:244px; background:#FFF; position:relative; z-index:100}

.right ul.lang {height:38px; line-height:38px; margin:0 30px 0 60px; padding:0}
.right ul.lang li {float:left; height:38px; line-height:38px; padding:0 10px 0 0; margin:0; font-size:0.70em}
.right ul li:before {content:''; margin-left:0} 
.right ul.lang li.login {float:right; padding-right:0}
.right ul.lang li.login a {text-align:right; padding-left:10px; background:url(../img/login.gif) left no-repeat; height:38px; line-height:38px}

.right ul.menu {background:#E8E8E8; padding:20px 0 20px 0; margin:0; position:relative; min-height:258px}
.right ul.menu li {margin:0 20px 7px 60px; font-size:0.9em; padding:0; color:#5B5B5B; font-weight:bold}
.right ul.menu li:before {content:''; margin-left:0} 
.right ul.menu li ul {padding:6px 0 0 0}
.right ul.menu li ul li {margin:0 0 0 16px; padding:2px 0 4px 0; font-size:0.75em; font-weight:normal}

.right ul.menu li.logo {position:absolute; margin:0; padding:0; height:80px; width:80px; left:-40px; top:0; z-index:200}
.right ul.menu li:before {color:''; margin:0}
.right ul.menu li.logo a {text-decoration:none}
.right ul.menu li.logo img {height:80px; width:80px}

form.search {white-space:nowrap; padding-top:16px; height:40px}
form.search input {width:140px; margin-left:22px; display:block; float:left}
form.search input.btn {width:53px; height:19px; margin:0 0 0 6px}

.right .info {margin:0 20px 0 60px; padding:0; font-size:0.65em}
.right .info h6 {font-size:1em; padding:22px 0 14px 0}
.right .info a img {margin:0 4px 12px 0}
.right .info a {color:#A8A8A8; text-decoration:none}
.right .info a:hover {color:#002790}


/* left column
------------------------------------------------------------------------------------------------*/

.left {margin-right:244px; position:relative}
.left h1 {height:36px; white-space:nowrap; margin-left:36px; padding-top:40px}
.left .fla {height:298px; border:1px solid #CCC}


/* rainbow menu
------------------------------------------------------------------------------------------------*/

.left .menu {width:100%; position:relative}
.left .menu td {vertical-align:middle; width:12%}
.left .menu td a,
.left .menu td span {font-size:0.70em; text-decoration:none; color:#FFF; display:block; padding:8px 0 10px 0; text-align:center}
.left .menu td span {color:#002767}
.left .menu td div {position:relative; font-size:1px; line-height:1px; float:right; }
.left .menu td div ul {position:absolute; left:34px; top:-22px}
.left .menu td div ul li {padding:0 0 42px 26px; font-size:12px; white-space:nowrap; background:url(../img/arrow_gr_l.gif) 0 3px no-repeat; font-weight:bold; color:#757575; position:relative}
.left .menu td div ul li:before {content:''; margin:0}
.left .menu td li a {color:#B0B0B0; font-size:12px; display:inline}
.left .menu td li a:hover {color:#002767; display:inline}

/* content layouts
------------------------------------------------------------------------------------------------*/

.layout_a,
.layout_b,
.layout_c {padding:25px 0 20px 0; margin-right:20px; position:relative}
.layout_b {padding-bottom:100px; min-height:360px}
.layout_a div,
.layout_b div,
.layout_c div,
.address ul {font-size:0.8em; float:left; margin-left:36px; width:23%; line-height:120%}
.layout_a .third,
.layout_b .third,
.layout_c .third  {float:right; margin-left:0; width:38%}

.layout_b .third {margin-right:20px; width:37%}

.layout_c .second {width:41%}
.layout_c .first,
.layout_c .third {width:23%}
.layout_c .third em {font-size:0.8em; display:block; padding-top:6px; color:#A8A8A8; line-height:120%}

.layout_b .menu {padding:0 0 14px 0; color:#535353; font-size:105%}
.layout_b .menu li:before {content:''; margin:0}
.layout_b .menu li a {text-decoration:underline}
.layout_b .menu li a:hover {text-decoration:none}
.layout_b .menu li a,
.layout_b .menu li span {font-size:0.8em; padding:0 18px 7px 0; display:block; text-align:left; line-height:1.3em}
.layout_b .menu li span {background:url(../img/arrow_gr_r.gif) right top no-repeat}
.layout_b .menu li span.address {font-size:0.9em; letter-spacing:0}

.layout_b .first p {color:#8A8A8A; font-size:1.05em; line-height:120%}

.layout_b .third img {margin-bottom:20px}
.layout_b .third.img {font-style:italic; font-size:0.7em}
.layout_b .third.img img {margin-bottom:6px}

.layout_b.minheight {padding-bottom:30px; min-height:1px}

.left .titles {margin:-16px 0 0 36px; float:none; width:auto}
.left .titles h1 {position:relative; margin:0; font-size:2.4em; font-weight:normal; color:#5C5C5C; font-family:"Times New Roman", Times, serif; padding:0 0 14px 0; height:auto}
.left .titles h2 {position:relative; margin:0; font-size:0.9em; padding:0 0 6px 0}

.layout_b .first .titles,
.layout_b .third .titles {margin:0; font-size:1.1em}
.layout_b .third.large {width:65%; margin-right:20px}
.layout_b .third.large .titles {margin-bottom:40px}
.layout_b .third.large .titles h1 {margin-right:50px; padding-bottom:0; white-space:normal; line-height:0.9em}

.layout_b .third.portfolio div {float:none; margin:0; width:auto}
.layout_b .third.large .title {font-size:1.05em}
.layout_b .third.large .title strong {margin-right:30px}
.layout_b .third.large .left {margin:30px 44% 0 0; font-size:1.05em}
.layout_b .third.large .right {float:right; width:35%; margin:30px 5% 0 0; font-style:italic; color:#A9A9A9}
.layout_b .third.large .right strong {display:block; padding-bottom:12px; font-style:normal; color:#777}
.layout_b .third.large .overview {padding-top:30px; font-style:italic; font-size:0.85em; color:#A9A9A9}
.layout_b .third.large .overview strong {font-style:normal; color:#777}
.layout_b .third.large .overview span {padding-bottom:16px; display:block}
.layout_b .third.large .overview em {display:block;}
.layout_b .third.large .overview a,
.layout_b .third.large .overview a:visited {text-decoration:none}
.layout_b .third.large .overview a img {margin:0 0 6px 0}

.layout_b .third.clients ul,
.layout_b .third.sitemap ul {margin:0 2% 0 0; padding:0; vertical-align:top; width:30%; height:auto; float:left}
.layout_b .third.clients li,
.layout_b .third.sitemap li {margin:0; padding:0; font-size:0.85em; padding:0; margin:0 10px 7px 0; line-height:110%; display:block; color:#002767}
.layout_b .third.clients li:before,
.layout_b .third.sitemap li:before {content:''; margin:0}

.layout_b .third.sitemap li {margin-left:10px}
.layout_b .third.sitemap li:first-child,
.layout_b .third.sitemap li.first-child {font-weight:bold; font-size:1em; margin-left:0}


.layout_b .first .titles {margin-bottom:30px; margin-left:-36px; position:relative}
.layout_b .first .titles h1 {color:#FFF; padding-bottom:0; margin-left:36px; letter-spacing:-1px; font-size:1.8em; white-space:normal}



/* foo
------------------------------------------------------------------------------------------------*/

.foo {margin-left:31px; padding:26px 0 22px 0}

ul.foo_menu li {float:left; border-right:1px solid #878787; font-size:0.7em; padding:0 5px 0 0; margin-left:5px; letter-spacing:-1px}
ul.foo_menu li:before {content:''; margin:0}
ul.foo_menu li.third {padding-left:0; border:none; margin-left:0; position:relative; width:1px}
ul.foo_menu li.third div {position:absolute; width:auto; left:-220px; top:0; font-size:11px; white-space:nowrap}
.functional a {padding-left:18px; margin-left:20px; background-position:left center; background-repeat:no-repeat}

/* Elements 
========================================================================================================================*/

.ins_outs {width:99%}
.ins_outs td {background:#F0F0F0;  font-size:0.8em}
.ins_outs td.left {color:#002767; background:#D8D8D8; white-space:nowrap; padding:5px 5px 4px 5px; border-bottom:1px solid #E6E6E6; cursor:pointer}
.ins_outs td.left.active {background:#F0F0F0; color:#000; border-bottom:1px solid #F0F0F0; cursor:default}
.ins_outs td.graph {background:url(../img/graph.gif) center no-repeat #F0F0F0; width:100%}

.course {padding:20px 20px 0 0; color:#535353; width:40%}
.course h6 {white-space:nowrap; color:#000; padding-bottom:10px}
.course li {white-space:nowrap; padding:2px 0 4px 0; font-size:0.9em}
.course li:before {content:''; margin:0}
.course li strong {color:red; float:right; font-weight:normal; padding-left:10px}

.first.card {color:#7A7A7A; font-size:0.75em}
.first.card h2 {font-size:1.15em}
.first.card strong {display:block; padding:2px 0 20px 0; line-height:120%}

.address ul li {white-space:nowrap; position:relative; line-height:120%}
.address ul li:before {content:''; margin:0}
.address ul li em {position:absolute; left:50px; top:1px; font-style:normal; word-spacing:-3px}

.form {padding-top:20px}
.form ul li {margin:0 0 12px 0; padding:0; position:relative; width:65%}
.form ul li:before {content:''; margin:0}
.form ul li input,
.form ul li textarea {width:96%; font-size:1em}
.form ul li textarea {width:97%}
.form ul li input.btn {width:auto}
.form ul li label {position:absolute; text-align:right; top:2px; left:-200px; width:190px; font-size:0.9em}

.layout_b .search .btn {position:absolute; left:100%; margin-left:4px; top:0}


dt {color:#002767; font-size:1.1em; padding:10px 0 4px 0}
dd {font-size:0.8em; color:#AAA}
dd p {color:#666; font-size:1em; padding:2px 0 8px 0; width:90%}


.sorry {display:none} 


/* Index page
========================================================================================================================*/

#index .layout_a div.third p {font-style:italic; padding:0}
#index .layout_a div.third span {font-style:normal; display:block; color:#A8A8A8; padding:20px 0 4px 0; font-size:0.9em}
#index ul.foo_menu li.third div {position:absolute; width:auto; left:-180px; top:0; font-size:12px; white-space:nowrap}


/* Photo popup window
========================================================================================================================*/

#photo {text-align:left}
#photo h1 {position:absolute; top:40px; left:37px}
#photo .logo {position:absolute; top:34px; right:47px}
#photo table {background:#D3E7FB; margin:76px 0 0 0; width:530px; height:460px}
#photo table .label {font-size:0.75em; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; width:110px; padding:0 0 0 10px; text-align:left; vertical-align:middle; line-height:120%}
#photo h2 {font-family:"Times New Roman", Times, serif; font-size:2em; line-height:90%; padding:0 0 4px 10px}
#photo table td {vertical-align:middle; text-align:center}
#photo .bar {height:40px; width:410px; margin-left:120px; background:url(../img/bar_fon.jpg) top left repeat-y #071641; position:relative}
#photo .bar em {width:12px; height:11px; background:url(../img/bar_arrow.gif) top right no-repeat; position:absolute; cursor:pointer; top:15px; right:15px}
#photo .bar em:first-child,
#photo .bar em.first-child {right:auto; left:15px; background-position:left}
#photo .functional {font-size:0.7em; width:690px; position:absolute; bottom:10px; left:35px; height:auto}

#photo.certificate {height:auto; padding-bottom:40px; position:relative; border:1px solid #FFF}
#photo.certificate table {margin:76px 0 0 10px; border:10px solid #D3E7FB; width:590px; height:auto; background:#FFF}
#photo.certificate .bar {margin:0 0 0 10px; width:590px}
#photo.certificate .functional {width:590px; left:0; position:relative; margin-top:20px;}


/* Color
========================================================================================================================*/

td.ind,
.titles.ind,
.ind h2 span {background:#EDB27D}
td.ret,
.titles.ret,
.ret h2 span {background:#FF8F17}
td.res,
.titles.res,
.res h2 span {background:#15E8C8}
td.off,
.titles.off,
.off h2 span {background:#00E397}
td.mix,
.titles.mix,
.mix h2 span {background:#8AC2FF}
td.hot,
.titles.hot,
.hot h2 span {background:#4180C4}
td.edu,
.titles.edu,
.edu h2 span {background:#FF173A}
td.inf,
.titles.inf,
.inf h2 span {background:#E3004C}

.hot h2 {color:#67A5DC}

.left .fastlink {position:absolute; white-space:nowrap; z-index:100; left:36px; top:10px; font-size:7.5pt}
.left .fastlink a,
.left .fastlink span {text-decoration:none; padding-left:12px; background-position:left center; background-repeat:no-repeat; margin-right:20px}


ul.lang li{
/* border:1px solid #ff0000;*/
   vertical-align: middle;
}
ul.lang li a{
   display: block;
/* border:1px solid #00ff00;*/
   margin-top: 8px;
}
ul.lang li span{
   display: block;
/* border:1px solid #00ff00;*/
   margin-top: 8px;
}