@charset "windows-1251";

/*==============================================================*/
/*	Main CSS document. Aerate (aerate@aerate.ru) 23.09.2008		*/ 
/*==============================================================*/


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


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

* {padding:0; margin:0; text-align:left}
html,
body {background:#0A0A0A; color:#8A898D; cursor:default; font-family:"Lucida Grande","Lucida Sans Unicode",Lucida, Verdana, Arial, Helvetica, sans-serif; text-align:center; height:100%}
html {font-size:100.01%; line-height:100%.01%; overflow-y:scroll}
body {font-size:62.5%}
table,
td,
th,
img {border:0; vertical-align:top; border-spacing:0; border-collapse:collapse}
table {empty-cells:show; border-spacing:0}
img {font-size:1em; color:#DDD}

h1, h2, h3, h4, h5, h6 {font:normal 150% "Times New Roman", Times, serif; padding:0 0 0.28em 0; line-height:1em}

h1 {font-size:2.7em; color:#888}
h2 {font-size:2.4em; color:#AAA}
h3 {font-size:2.2em; color:#CCC}
h4 {font-size:2em; color:#DDD}
h5 {font-size:1.8em; color:#EEE}
h6 {font-weight:bold; color:#FFF}

p {font-size:10px; line-height:12px; padding-bottom:1em}

textarea, input, select, button {padding:0 1px; font:normal 1.3em Verdana, Arial, Helvetica, sans-serif; vertical-align:middle}
input, button {overflow:visible}
textarea {vertical-align:top}
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}

a {}
a:link {cursor:pointer; text-decoration:underline; color:#FFF}
a:visited {text-decoration:underline; color:#DDD}
a:hover, 
a:active, 
a:focus {text-decoration:none; outline:none; color:#FFF}

a[href^="http://"] {padding-right:12px; background:url(/img/out.gif) right 60% no-repeat}
a[href$=".pdf"] {}	/* for file link (pdf) work in IE7!! */

*:focus {outline:none}

fieldset {border-width:1px; border-style:solid}
legend {padding:0 4px; margin-left:-4px}

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

ul {list-style:none; padding-bottom:1em}
ol {padding-bottom:1em}
ol li {list-style-type:decimal}
ol li,
ul li {vertical-align:bottom}

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

object {}


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

.sorry,
.screen,
.print,
.pda {display:none; visibility:hidden} 

.access {display:block; visibility:visible}


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

.wrapper {text-align:center; min-height:100%; position:relative; }
.box {width:875px; margin:0 auto; position:relative}


/* header
----------------------------------------------------------------------------------------*/

.head {padding-top:0px;}
.fullHead{ height:157px; width:999px; background-image:url(/img/top.jpg); background-position:0 0; background-repeat:no-repeat; margin:0 auto;}

#logo {height:108px; width:999px;font-size:0px; line-height:0px; position:relative; }
#logo a {position:absolute; bottom:6px; height:108px; width:999px; overflow:hidden; display:block; color:#000 !important; text-decoration:none}

.menu1 {height:58px; font-size:0px; line-height:0px; position:relative; background-image:url(/img/menu1.gif); background-repeat:no-repeat}
.menu1 a {position:absolute; bottom:0px; height:26px; overflow:hidden; display:block; color:#000 !important; text-decoration:none}

#menu1_1 {width:80px}
#menu1_2 {left:306px; width:86px}
#menu1_3 {left:406px; width:42px}
#menu1_4 {left:460px; width:68px}
#menu1_5 {left:540px; width:80px}
#menu1_6 {left:632px; width:56px}
#menu1_7 {left:700px; width:84px}
#menu1_8 {right:0; width:74px}

.menu1 ul {position:absolute; top:104%; font-size:12px; z-index:10; left:0;}
.menu1 ul li {display:inline; white-space:nowrap; text-transform:uppercase; padding:0 20px 0 0; line-height:14px; word-spacing:-2px}
.menu1 ul li a {position:static; display:inline; color:#FFF !important; height:auto; bottom:auto; padding:0; height:auto}

body.first .menu1 {background-position:0 0}
body.first #menu1_1 {display:none}

body.second .menu1 {background-position:0 -58px}
body.second #menu1_2 {display:none}
body.second #menu1_3 {left:410px}
body.second .menu1 ul {left:90px}

body.third .menu1 {background-position:0 -117px}
body.third #menu1_2 {left:106px}
body.third #menu1_3 {display:none}
body.third #menu1_4 {left:400px}
body.third #menu1_5 {left:495px}
body.third #menu1_6 {left:600px}
body.third #menu1_7 {left:686px}
body.third .menu1 ul {left:0px; right:90px; text-align:right; font-size:9px; letter-spacing:0px;font-family:Geneva, Arial, Helvetica, sans-serif}
body.third .menu1 ul li {padding:0 0 0 10px}

body.fourth .menu1 {background-position:0 -175px}
body.fourth #menu1_2 {left:100px}
body.fourth #menu1_3 {left:202px}
body.fourth #menu1_4 {display:none}
body.fourth #menu1_5 {left:526px}
body.fourth #menu1_6 {left:626px}
body.fourth .menu1 ul {left:270px}

body.fifth .menu1 {background-position:0 -234px}
body.fifth #menu1_2 {left:90px}
body.fifth #menu1_3 {left:186px}
body.fifth #menu1_4 {left:242px}
body.fifth #menu1_5 {display:none}
body.fifth .menu1 ul {left:auto; right:260px; text-align:right}
body.fifth .menu1 ul li {padding:0 0 0 20px}

body.sixth .menu1 {background-position:0 -292px}
body.sixth #menu1_2 {left:95px}
body.sixth #menu1_3 {left:197px}
body.sixth #menu1_4 {left:260px}
body.sixth #menu1_5 {left:352px}
body.sixth #menu1_6 {display:none}
body.sixth #menu1_7 {left:684px}
body.sixth .menu1 ul {left:auto; right:218px; text-align:right}
body.sixth .menu1 ul li {padding:0 0 0 20px}

body.seventh .menu1 {background-position:0 -350px}
body.seventh #menu1_2 {left:86px}
body.seventh #menu1_3 {left:180px}
body.seventh #menu1_4 {left:234px}
body.seventh #menu1_5 {left:312px}
body.seventh #menu1_6 {left:404px}
body.seventh #menu1_7 {display:none}
body.seventh .menu1 ul {left:0px; right:90px; text-align:right; font-size:9px; letter-spacing:0px;font-family:Geneva, Arial, Helvetica, sans-serif}
body.seventh .menu1 ul li {padding:0 0 0 10px}

body.eighth .menu1 {background-position:0 -409px}
body.eighth #menu1_2 {left:90px}
body.eighth #menu1_3 {left:190px}
body.eighth #menu1_4 {left:248px}
body.eighth #menu1_5 {left:330px}
body.eighth #menu1_6 {left:428px}
body.eighth #menu1_7 {left:500px}
body.eighth #menu1_8 {display:none}
body.eighth .menu1 ul {left:auto; right:0; text-align:right}
body.eighth .menu1 ul li {padding:0 0 0 20px}


/* main
----------------------------------------------------------------------------------------*/

.content {padding-bottom:100px; margin-top:67px}

body.second .content {height:373px}
body.second .content img.large {float:right}
body.second .content .main {margin:0 270px 0 240px; width:360px; height:375px; overflow:hidden; padding-top:4px}
body.second .content .main a {border-width:0 5px; border-color:#0A0A0A; border-style:solid; float:left; margin:3px 0 15px 0}
/*body.second .content .main span {border:3px solid #969696; float:left; margin:-4px 2px 19px 2px}*/
body.second .content .main .selected {border:3px solid #969696; float:left; margin:0 2px 12px 2px}

body.second .content .up,
body.second .content .down {width:22px; height:12px; font-size:1px; line-height:1px; right:245px; position:absolute; background-image:url(/img/scroll.gif); cursor:pointer}
body.second .content .up {bottom:120px; background-position:0 24px}
body.second .content .down {bottom:100px; background-position:0 12px}
body.second .content .up.off {background-position:0 0; cursor:default}
body.second .content .down.off {background-position:0 36px; cursor:default}
body.second .content .left {position:absolute; bottom:90px; left:90px; width:145px}
body.second .content .icons {position:absolute; top:0; left:90px; text-align:center}
body.second .content .icons img {margin-bottom:10px}


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

.foo {height:100px; position:relative; margin:-100px auto; width:999px; text-align:center}
.foo .copy {height:34px; line-height:40px; padding-left:65px; background:url(/img/copy.gif) 0 0 no-repeat; white-space:nowrap; position:absolute; left:465px; top:40px}

.content1{}

.content1 p
{color:#F0F0F0; line-height:14px; font-size:11px; text-align:justify;}

.loginForm a
{
color:#C2C2C2;
text-decoration:none;
line-height:15px;
}


.contacts
{

}
.contacts .data
{
padding-top:0px;
font-size:12px;
padding-left:20px;
}
.contacts .data span
{
font-size:19px;
}
.contacts .data a
{
text-decoration:none;
}

.contacts .heads
{
text-align:right;
font-size:18px;
}


#logoMain
{
position:absolute;
left:0; top:160px;
}
#imgMain
{
position:absolute; left:184px; z-index:50; top:0px; width:284px; height:513px;
}
#imgMain img
{
position:absolute; z-index:0; display:block;
}
#menuMain
{
position:absolute; left:415px;top:49px;
width:310px;
height:391px;
background:url(/img/content/index/menuW.jpg) no-repeat;
z-index:10;
}

#one,#two,#three,#four,#five,#six,#seven,#eith
{
display:block;
background-image:url(/img/content/index/menuG.gif);
background-position:2240px 0px;
background-repeat:no-repeat;
}
#menuMain a:link{}
#menuMain a:visited{}
#menuMain a:hover{ }
#menuMain a:active, 
#menuMain a:focus{}

#one{ width:308px;height:49px;}
#oneDiv a:hover{ background-position:0px 0px;}
#two{ height:57px; width:318px; position:absolute; }
#twoDiv a:hover	{ background-position:-309px 0px; }
#three{ height:49px; width:150px; }
#threeDiv a:hover{ background-position:-641px 0px; }
#threeDiv{margin-top:49px;}
#four{ height:48px; width:244px;}
#fourDiv a:hover{ background-position:-810px 0px;}
#five{ height:49px; width:309px;}
#fiveDiv a:hover{ background-position:-1072px 0px;}
#fiveDiv{margin-bottom:1px;}
#six{ height:48px; width:200px;}
#sixDiv a:hover{ background-position:-1386px 0px; }
#seven{ height:49px; width:320px;}
#sevenDiv a:hover{ background-position:-1615px 0px; }
#eith{ height:49px; width:320px;}
#eithDiv a:hover{ background-position:-1950px 0px;}

#divs
{ 
position:absolute; z-index:80; width:310px;height:391px;left:415px;top:49px;
}
#divs a{ display:block;}
#oneW,#oneD{  width:308px;height:49px;}
#twoW,#twoD{ height:50px; width:318px; }
#threeW,#threeD{ height:49px; width:150px; }
#fourW,#fourD{ height:48px; width:244px;}
#fiveW,#fiveD{ height:49px; width:309px;}
#sixW,#sixD{ height:48px; width:200px;}
#sevenW,#sevenD{ height:49px; width:320px;}
#eithW,#eithD{ height:49px; width:320px;}

/*scroller 1*/
body.first .content {height:373px}
body.first .content .main { margin:0 20px 0 0px; width:160px; height:375px; overflow:hidden; padding-top:4px}
body.first .content .main a { margin-bottom:7px;display:block; color:#858585; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; height:19px;}
body.first .content .main a.select{font-size:16px; font-weight:bold}

body.first .content .up,
body.first .content .down {width:22px; height:12px; font-size:1px; line-height:1px; left:160px; position:absolute; background-image:url(/img/scroll.gif); cursor:pointer}
body.first .content .up {bottom:120px; background-position:0 24px}
body.first .content .down {bottom:100px; background-position:0 12px}
body.first .content .up.off {background-position:0 0; cursor:default}
body.first .content .down.off {background-position:0 36px; cursor:default}

/*scroller 2*/
body.first .content .main1 { font-size:12px; line-height:14px; margin:0 20px 0 200px; width:160px; height:375px; overflow:hidden; padding-top:4px; position:absolute; top:0px;}
body.first .content .main1 a { margin-bottom:0px;color:#fff; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
body.first .content .main1 a.select{font-size:16px; font-weight:bold; color:#707070;}

body.first .content .up1,
body.first .content .down1 {width:22px; height:12px; font-size:1px; line-height:1px; left:360px; position:absolute; background-image:url(/img/scroll.gif); cursor:pointer}
body.first .content .up1 {bottom:120px; background-position:0 24px}
body.first .content .down1 {bottom:100px; background-position:0 12px}
body.first .content .up1.off1 {background-position:0 0; cursor:default}
body.first .content .down1.off1 {background-position:0 36px; cursor:default}


body.first .content .main2 { font-size:12px; line-height:14px;margin:0 20px 0 400px; width:360px; height:375px; overflow:hidden; padding-top:4px; position:absolute; top:0px;color:#fff}
body.first .content .main2 a { color:#fff; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; display:block;}
body.first .content .main2 a.select{font-size:16px; font-weight:bold; color:#707070;}

#print
{
position:absolute; left:780px; top:180px;
}

#scrollSmalImg
{
position:absolute;
left:720px;top:170px;
width:100px;
z-index:150;
height:300px;
}
#scrollSmalImg a
{
display:block;
margin-bottom:2px;
}
#scrollSmalImg .selected
{
border:3px solid #535352;
}
/*scroller*/
/*
.text ul,
.text ol {font-size:1.35em; margin-left:4em}
.text ul li,
.text ol li {margin:0.6em 0}
.text ul li ul,
.text ol li ul {font-size:0.9em; padding-bottom:0.1em}
.text ul li:before {content:'\2014\a0'; margin-left:-1.4em}
*/