@charset "windows-1251";
/* CSS Document. Ver. 1.0 (19.03.2007)*/ 



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

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



/* Default
-----------------------------------------------------------------------------*/

* {padding:0; margin:0; font-size:12pt; line-height:12pt; text-align:left}
html, body {background:url(../img/fon.jpg) top left repeat-x #00307A; color:#FFF; cursor:default; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center}
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:#6BD03D; font-size:20px; font-weight:normal; margin-top:-30px; padding-bottom:30px}
h2 {padding:10px 0 4px 0; font-weight:normal; color:#93ACC7}
h3 {font-weight:normal; padding:10px 0 4px 0; font-size:14pt}
h4 {font-weight:normal; padding:0 0 10px 0; color:#6BD03D; font-size:11pt}
h5 {font-size:14pt; color:#6BD03D; padding:25px 0 20px 0; font-weight:normal}
h6 {font-size:12px; color:#4A99A1; padding-bottom:2px}

p {padding-bottom:16px; color:#FFF; font-size:90%; line-height:130%}
p.green {color:/* #6BD03D */#8AED5E}
p.strong {color:/* #93ACC7 */#8BCBD1; font-size:95%}
p.indent,
p.indent2 {margin-left:40px; font-size:85%}
p.indent2 {margin-left:70px}

h2 a,
h2 a:hover,
h2 a:visited {color:#93ACC7}

textarea, input, select, button {padding:0 1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%}
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}

sup {font-size:7pt}

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

.link_detailed {text-decoration:underline; cursor:pointer}
.link_detailed.nolink {color:#FFF; text-decoration:none; cursor:default}

.sorry {display:none} 

/*Grid
===============================================================================================================================*/

.page {min-width:900px; position:relative}

.main_menu {margin-right:75px; height:74px; position:relative; z-index:1000; background:url(../img/fon.jpg) top left repeat-x}
.main_menu li {display:inline; list-style:none}
.main_menu li a,
.main_menu li span {display:block; height:60px; line-height:70px; font-size:85%; padding:0 20px; color:#FFF; text-decoration:underline; color:#FFF; float:right}
.main_menu li a:hover {text-decoration:none}
.main_menu li a:visited {color:#EEE}
.main_menu li span {color:#0B0531; background:url(../img/tab.jpg) bottom right no-repeat #FFF; text-decoration:none}

.logo {text-decoration:none; position:absolute; width:191px; height:74px; top:56px; left:43px; z-index:2000; background:url(../img/logo.gif)}

.logo.en {background:url(../img/logo_en.gif)}

/* Content
--------------------------------------------------------------------------------------*/
.main {_padding-right:1px}



.icons {width:34px; position:absolute; left:0; top:368px; z-index:5000}
.icons a,
.icons span {width:34px; height:21px; display:block; text-decoration:none; background-position:top; background-repeat:no-repeat; margin:0 0 20px 0}
.icons span {background-position:bottom}

/* left
......................................................................................*/
.left {float:left; width:23%; position:relative; padding-top:40px; margin-top:294px}
.left .menu2 {position:absolute; top:-180px; left:50px; width:170px; background:url(../img/menu2_top.jpg) top left no-repeat #091E3D; padding-top:30px}
.left .menu2 ul li {margin:0 16px 0 14px; padding:16px 0 0 0; text-align:right; font-size:14pt; color:#6BD03D; list-style:none}
.left .menu2 ul li a {font-size:14pt}
.left .menu2 ul li ul li {font-size:9pt; color:#6BD03D; padding:10px 0 4px 0; margin:0}
.left .menu2 ul li ul li a {font-size:9pt}
.left .menu2 div {position:absolute; bottom:-78px; left:0; height:78px; width:170px; background:url(../img/menu2_btm.png) top left no-repeat}


/* right
......................................................................................*/

.photo {height:284px; right:0; width:30%; position:absolute; top:74px; border-bottom:10px solid #FFF; background-position:center top /*bottom left*/; background-repeat:no-repeat; z-index:4000}
.photo em {position:absolute; left:0; top:0; z-index:10; background:url(../img/rownd_r.png); height:85px; width:82px}
.photo h2 {position:absolute; bottom:0; left:14px; line-height:22px; height:22px; width:132px; background:url(../img/projects.png); z-index:1000; font-size:16px; color:#4A99A1; text-align:center; padding:0}



.right {float:right; width:30%; overflow:hidden; margin-top:294px;}
.right .fon {margin-left:62px; background:url(../img/right_fon.jpg) bottom repeat-x #0D1841; position:relative; min-height:200px; padding-top:40px; top:0}
.right .fon em {position:absolute; left:-62px; height:1000px; bottom:0; width:62px; background:url(../img/right_fon_rownd.png) bottom no-repeat}

/* center
......................................................................................*/
.center {margin:0 33% 0 26%; padding-top:40px}



div.detailed {position:relative}
div.detailed img {position:absolute; left:-60px; height:140px; width:112px; z-index:10; top:6px}


/* Footer
......................................................................................*/
.foo {position:relative; margin-bottom:-1px}
.foo .left {background:url(../img/foo_line.jpg) bottom repeat-x; position:absolute; left:0; bottom:0; margin-top:0}
.foo .right {margin-top:0}
.foo .address {margin-left:80px; font-size:85%; line-height:130%; padding-bottom:24px}
.foo .copy {margin-left:80px; font-size:60%; line-height:110%; background:url(../img/copy.gif) left bottom no-repeat; height:24px; line-height:24px; padding-left:36px}
.copy .creator {float:right; margin-right:-30px; height:24px; line-height:24px; color:#4A99A1; letter-spacing:-1px; font-size:10px}
.copy .creator a,
.copy .creator a:hover,
.copy .creator a:visited {color:#4A99A1; font-size:10px}


/* For index page
......................................................................................*/
#index .photo {width:74%; right:auto; margin:0 0 0 auto; position:relative; background:none; top:auto; overflow:hidden; z-index:100; padding-left:12px}
#index .photo .right {height:284px; right:0; width:40%; z-index:1; position:absolute; background-position:bottom left; background-repeat:no-repeat}
#index .photo .left {height:284px; left:0; width:60%; z-index:3; padding-right:2px; position:absolute; background-position:right top; background-repeat:no-repeat}
#index .photo div em {position:absolute; left:0; top:0; z-index:10}
#index .photo .right em {background:url(../img/rownd_r.png); height:85px; width:82px}
#index .photo .right h2 {position:absolute; bottom:0; left:14px; line-height:22px; height:22px; width:132px; background:url(../img/projects.png); z-index:1000; font-size:16px; color:#4A99A1; text-align:center; padding:0}
#index .photo .left em {background:url(../img/rownd_l.png); height:284px; width:270px}

#index .center p {margin-left:80px; text-indent:-80px}
#index .center p strong {font-weight:normal; font-size:135%}

#index .left,
#index .right {margin-top:0}



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

ul.company li {font-size:80%; line-height:130%; padding-bottom:20px; color:#93ACC7; position:relative; z-index:100; margin:0 20px 0 -20px; list-style:none}
ul.company li a,
ul.company li span {display:block; margin-left:-10px; font-size:110%; padding-bottom:10px}
ul.company li span {color:#6BD03D}

.center ul {list-style:disc; margin-left:16px; padding-bottom:16px}
.center ol {list-style:decimal; margin-left:22px; padding-bottom:16px}
.center ul li,
.center ol li {font-size:85%; padding:0 0 6px 0}

.hidden {display:none}

table {border-collapse:separate; border-spacing:1px; margin:10px 0}
table td, table th {font-size:9pt; font-weight:normal; padding:2px 4px; vertical-align:bottom; color:#93ACC3}
table td {background:#002252; word-spacing:-2px; padding:4px; vertical-align:top; color:#FFF}
table td.name {word-spacing:normal; padding:4px 0 4px 4px}

.url {padding-bottom:30px; margin-top:-18px}
.url a,
.url a:visited {color:#8CACC4; text-decoration:underline; font-size:9pt}
.url a:hover {color:#FFF; text-decoration:none}

.icons div {padding-top:70px; margin-left:8px}
.icons div a,
.icons div span {background:none; width:auto; height:auto; font-size:0.65em; text-transform:uppercase; margin:0 0 30px 0}
.icons div span {color:#FFF}
.icons div a {color:#CCC; text-decoration:underline}