body { margin:0; padding:0; font-family: Arial, sans-serif; font-size:12px; color:#617698; background:url(/pic/bg.gif) left top repeat #02080f;}
html, body {
  width:100%;
  height:100%;
}
#hfix {
  width:980px; padding:0 9px; margin:0 auto;
  background:url(/pic/content-bg.png) center top repeat-y;
  position: relative; z-index:10;
  min-height: 100%;
}
* html #hfix{
  height: 100%;
}

.clr { font-size:1px; line-height:1px; height:1px; clear:both;}

a, a:link, a:visited, a:active { color:#0067ff; text-decoration:underline; outline:none;}
a:hover { text-decoration:none;}

p { margin:0; padding:0 0 15px 0;}
img { border:0;}
form { margin:0; padding:0;}

h1 { font-size:20px; font-weight:normal; color:#7894c1; margin:0; padding:0 0 15px 18px; font-family: Arial, sans-serif;}
h2 { font-size:18px; font-weight:normal; color:#7894c1; margin:0; padding:0 0 15px 18px; font-family: Arial, sans-serif;}
h3 { font-size:16px; font-weight:normal; color:#7894c1; margin:0; padding:0 0 15px 18px; font-family: Arial, sans-serif;}

#light-bg { position:absolute; left:0; top:0; z-index:1; height:489px; width:100%; background:url(/pic/light-bg.png) left top repeat-x;
width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 998)?"998px" : "100%");
min-width:998px;
}

#header { height:242px; position:relative; background:url(/pic/header-bg.jpg) left top no-repeat;}
a#logo, a#logo:link, a#logo:visited, a#logo:active, a#logo:hover { display:block; width:254px; height:62px; position:absolute; left:38px; top:21px; text-decoration:none; text-indent:-6000px;}

#topmenu { position:absolute; left:0; top:165px; width:100%; font-size:13px; color:#ffffff; font-family: Verdana, Arial, sans-serif;}
#topmenu ul { padding:0 0 0 14px; margin:0; list-style:none;}
#topmenu ul li { float:left; padding:0 20px 0 0; margin:0;}
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:active { display:block; float:left; padding:0 0 0 22px; background:url(/pic/link-bg.png) left top no-repeat; color:#ffffff; text-decoration:none;}
#topmenu a:hover, #topmenu ul li.active a { text-decoration:none; color:#f69b12;}

#icons { position:absolute; left:43px; top:111px;}
#icons a { padding:0 20px 0 0;}

#content { padding:15px 58px 125px 114px;}

#footer { position:relative; height:85px; overflow:hidden; margin-top:-85px!important; z-index:20;
width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 998)?"998px" : "100%");
min-width:998px;
}
#footerin { height:85px; background:url(/pic/footer-bg.png) center bottom no-repeat; width:830px; padding:0 36px 0 114px; margin:0 auto; position:relative;}

#fleft { float:left; width:49%; font-size:11px; color:#accdff; line-height:20px; position:relative;}

#fright { float:right; width:49%; font-size:12px; line-height:20px; color:#accdff; text-align:right; position:relative;}
#copyr { font-size:11px; line-height:16px; color:#ffffff; padding:8px 0 0 0;}
#copyr a, #copyr a:link, #copyr a:visited, #copyr a:active { color:#ffffff; text-decoration:none;}
#copyr a:hover { text-decoration:underline;}
#copyr img { position:relative; top:7px; margin:0 0 0 10px;}

/* feedback*/	

span.feed { font: normal 12px Arial; color: #A7A7A7;}
sup { font: normal 11px Arial; color: #FF0000;  }
table.feedback { width: 570px; }
table td.left { white-space: nowrap; padding:0 10px 15px 0; vertical-align: top; font: normal 13px Arial; color: #E4E4E4 }
table td.right { width: 100%; padding:0 10px 15px 0; vertical-align: top; font: normal 13px Arial; color: #E4E4E4}
table td input { width: 100%; height: 16px; background: #CCF2FE; border: 0; font: normal 13px Arial; }
table td textarea { width: 100%; height: 100px; margin-top:5px; background: #CCF2FE; border: 0; font: normal 13px Arial; }
.bn { width: 185px; height: 27px; margin: 30px 0 0 0; overflow: visible; cursor: pointer; background: url(../pic/bn3.gif) no-repeat; border: 0; font: bold 14px Tahoma; color: white }


/* request form */ 
.fon {margin: 20px 0 0 0; padding: 10px; background:url(/pic/f-bg.gif) left top repeat-x;}
.req			{ font: normal 14px Arial; margin: 0 0 13px 0;}
.req textarea	{ border: 1px solid #ccc; overflow: auto; width: 300px; height: 100px;}
.adress {margin: 15px 0 0 0;}
input.text		{ width: 450px; border: 1px solid #ccc;}
.city {margin: 10px 0; width: 450px;}
#city {width: 100px;}
input.do		{ width: 300px; border: 1px solid #ccc;}
input.text_cat	{ width: 60px; border: 1px solid #ccc; text-align: right; background: #CCF2FE;}
input.mark { width: 20px; background: #F7F7F7;}
.req td		{ padding: 0 11px 11px 0; vertical-align: top;}
span.comm		{ display: block; color: #999; font-size: 80%; width: 300px;}
span #city {width: 100px;}
input.le {width: 10px; height:10px;}

/* Логин */

input.login { width: 181px; height: 18px; border: 1px solid #00D8FF; background-color: #CCF2FE; color: #000000; font: normal 14px Arial;}
input.captcha { width: 128px; height: 30px; border: 1px solid #00D8FF; background-color: #CCF2FE; color: #000000; font: normal 23px Arial;}

#button { padding: 20px 0px 0px 150px;}
.ta {
	background-color: #C8EFFF; 
	border-color: #0C4975; 
	border-style: solid;
	border-width: 1px;
	scrollbar-face-color: #076C97;
	scrollbar-3dlight-color: #A9E5FF;
	scrollbar-highlight-color: #076C97;
	scrollbar-shadow-color: #C8EFFF;
	scrollbar-darkshadow-color: #A9E5FF;
	scrollbar-arrow-color: #C8EFFF;
	scrollbar-track-color: #C8EFFF;"/ }

.questions_input {
    margin:  3px 3px 3px 5px;
    padding: 0;}