/*---------------------------- Стандартные классы ----------------------------*/
* {
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;/* переключаем Mozillaвскую блочную модель на IE'шную (тут ругается валидатор) */
}
html,body {
width:100%;
height:100%;
}
table {/* шобы не писать cellspacing="0" cellpadding="0", ширина таблицы всегда 100% - и это правильно :) */
width:100%;
border-collapse:collapse;

}
tr,td,ul,li { /* шобы всё было чётко и чтобы списки не пёрло в IE5 */
text-align:left;
vertical-align:top;
}
a {
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
ul {
list-style:none; /* чистим список от точек */
}
img { /* этому тегу IE'шная блочная модель не по нраву в Mozilla, пропускаем */
box-sizing:content-box;
-moz-box-sizing:content-box;
}
body {
text-align:center;
background:#3D4A5B;
}
h1 {
width:170px;
padding:35px 0px;
font:24px tahoma;
color:#467f05;
text-align:left;
background:#e2eca9;
}

#bg {
width:100%;
height:390px;
position:absolute;
top:0px;
left:0px;
z-index:1;
}
#bg img {
width:100%;
height:390px;
display:block;
}

/*------------------------------------- header -------------------------------*/
#header {
width:100%;
height:120px;
margin-bottom:-120px;
min-width:1000px;
position:relative;
z-index:3;
text-align:center;
}
#logo {
width:223px;
height:66px;
position:absolute;
top:71px;
left:50px;
}
#logo img {
width:235px;
height:65px;
display:block;
}
#header ul {
width:340px;
padding-top:92px;
margin:0px auto;
overflow:hidden;
text-align:left;
}
#header ul li {
padding:0 14px;
float:left;
font:12px arial;
color:#647183;
}
#header ul li a {
color:#647183;
}
#buttons {
position:absolute;
top:92px;
right:57px;
}
#home img {
width:11px;
height:10px;
}
#mail img {
width:12px;
height:10px;
margin:0 30px;
}
#map img {
width:11px;
height:9px;
}
/*------------------------------------- footer -------------------------------*/
#container {
width:980px;
min-height:100%;
min-width:1000px;
margin:0px auto;
position:relative;
z-index:2;
text-align:left;
background:url('images/container.jpg') 0% 0% no-repeat;
}
* html #container {
height:100%;
}
#header_space {
width:100%;
height:120px;
}
#footer_space {
width:100%;
height:140px;
}
#line {
width:1px;
height:160px;
display:block;
position:absolute;
bottom:140px;
left:470px;
z-index:3;
}
.menu {
float:left;
overflow:hidden;
}
.first {
width:166px;
margin-right:20px;
}
.second {
width:170px;
}
.menu a {
text-decoration:none;
}
.menu a:hover {
text-decoration:underline;
}
.menu li {
width:100%;
padding:2px 0;
float:left;
clear:both;
font:12px arial;
color:#fff;
}
.menu li a.active {
background:url('images/menu_li_a_active.gif') #5b6675 0% 0% no-repeat;
}
.menu li.title {
padding:0 0 0 20px;
background:url('images/menu_li_title.gif') #c32000 0% 0% repeat-y;
}
#content .menu li a {
width:100%;
padding:0px 0 0px 20px;
display:block;
color:#fff;
background:url('images/menu_li_a.gif') 10px 4px no-repeat;
}
.menu li ul li {
padding:2px 0 2px 10px;
font:11px arial;
color:#b3bbc5;
}
.menu li ul li a.active {
background:url('images/menu_li_ul_li_a_active.gif') #4c5868 0% 0% no-repeat;
}
#content .menu li ul li a {
color:#b3bbc5;
}
#content {
width:100%;
padding:200px 0 50px 0;
position:relative;
overflow:hidden;
z-index:4;
}
#left {
width:471px;
padding:30px 0 0 50px;
float:left;
overflow:hidden;
background:url('images/left.jpg') 225px 0px no-repeat;
}
#text {
width:459px;
padding:30px 0px 0 0;
float:left;
overflow:hidden;
font:12px arial;
color:#bbc7d7;
}
#content p {
padding-top:5px;
text-indent:10px;
text-align:justify;
}
#content a {
color:#bbc7d7;
}
#text ul {
padding:5px;
}
#text ul li {
padding-left:15px;
background:url('images/text_ul_li.gif') 6px 6px no-repeat;
}
#text h2 {
margin-bottom:25px;
font:bold 12px arial;
color:#ffffff;
}
img.pix {
border:1px solid #76747b;
margin:0 5px 5px 0;}
h4 {
margin:7px 0;
font:bold 12px arial;
color:#c9cdd2;
}
/*------------------------------------- footer -------------------------------*/
#footer {
width:100%;
height:140px;
min-width:1000px;
margin-top:-140px;
position:relative;
z-index:4;
text-align:left;
background:url('images/footer.jpg') 50% 0% no-repeat;
}
#contacts {
width:300px;
height:100%;
padding-left:70px;
float:left;
color:#a2b2c4;
font:bold 12px arial;
}
#phone1 {
padding-top:20px;
color:#a2b2c4;
font:bold 19px arial;
}
#copyright {
width:300px;
height:100%;
padding:20px 70px 0 0;
float:right;
color:#596777;
font:bold 12px arial;
text-align:right;
}
#ost {
padding-top:20px;
color:#a2b2c4;
font:12px arial;
}
#ost a {
color:#596777;
text-decoration:none;
}
#ost a:hover {
text-decoration:underline;
}
#ost a img {
width:115px;
height:32px;
}
#counter_top {
position:absolute;
top:1px;
left:1px;
width:1px;
height:1px;
}
#counter_bottom {
position:absolute;
bottom:25px;
right:250px;
z-index:30;
}
.form_validation { color: #7beeff;}