html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;} ol li{list-style:decimal}

html, body {margin:0; padding:0; height:100%; background:white; behavior:url('csshover.htc')}
body {height:100%; padding: 0px; margin: 0px; text-align: center;}
* {font-size:12px; font-family:tahoma, verdana, sans-serif; color:#262525}
a:hover {text-decoration:none}
.empty {width:100%; height:73px}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block; }
/* Hides from IE-mac \*/
.clear {display: block;}
.clear a {position: relative; cursor:pointer; color:#4486AB; font-size:13px}
/* End hide from IE-mac */

/************* Блок прижимает футер к низу *************/
#all {position:relative; width:998px;  min-height:100%; margin: 0 auto; text-align: left; background:#F1F1F1; border-left: 1px solid #9F9F9F; border-right: 1px solid #9F9F9F; }
* html #all {height:100%}

h1 { color: #4486AB; padding:2px 0 10px; font-size:13px; font-weight:bold }
h1.center { width: 100%; text-align: center; }
h2 { width:234px; height: 17px; padding:2px 0 0 26px; margin-bottom:15px; background: #D5D5D5 url(i/arr1.gif) no-repeat 18px 7px; color: #4486AB; }
#sidebar1 h3 { width:234px; height: 17px; padding:2px 0 0 26px; background: #D5D5D5 url(i/arr1.gif) no-repeat 18px 7px; color: #4486AB; }
#sidebar2 h3 { width:214px; height: 17px; padding:2px 0 0 26px; background: #D5D5D5 url(i/arr1.gif) no-repeat 18px 7px; color: #4486AB; }
h4 { color: #4486AB; padding:2px 0 10px; font-size:11px; font-weight:bold }

#header { position: relative; width:998px; height:73px; background:#F1F1F1; border-bottom:4px solid #4486AB}
#header strong { position: absolute; top: 10px; left: 20px; color: #4486AB; font-size: 40px; font-family: Tahoma; }
#header .contacts { position: absolute; top: 10px; right: 20px; padding-left:24px; color: #9F9F9F; font-size: 13px; font-family: Tahoma; background: url(i/contacts.gif) no-repeat left center; line-height: 1; }
#header .contacts a { color: #9F9F9F; font-size: 13px; font-family: Tahoma; text-decoration: none; }
#header .contacts a:hover { color: #4486AB;}

.pict { position: relative; width: 998px; height: 171px; background: url(i/pict.jpg) no-repeat; }
.pict a.logo { position: absolute; left:0; bottom:0; width: 1000px; height: 150px; display: block; cursor: pointer; }

#icons { position: absolute; top:4px; left: 11px; overflow: hidden; }
#icons li { float:left; width: 51px; height: 13px; margin-left:-1px; text-align: center; background: url(i/ic_line.gif) no-repeat left;   }

#menu { width:798px; height: 19px; padding:0 0 0 200px; background: #4486AB; }

#menu ul {position:relative; height:19px; z-index:100;}
#menu ul li {position:relative; float:left; height:17px; padding:2px 0 0 14px; margin:0 13px 0 0; background:url(i/menu_line.gif) no-repeat left 5px; display:block }
#menu ul li.first {background:none;}
#menu ul li a {position:relative; color:white; text-decoration:none; font-size:12px; font-weight: bold;}
#menu ul li span {display:none; cursor:hand; position:absolute; margin:-3px 0 0 -50px; width:160px; height:24px;}
#menu ul li.jshover span,
#menu ul li:hover span {display:block;}
#menu ul ul { display:none; position:absolute; left:0; margin-top:3px; list-style:none; background:#EDEEEB; z-index:10000; border-top:1px solid #256A8D;}
*html #menu ul ul {width:214px; margin-top:17px;}
*:first-child+html #menu ul ul {margin-top:17px;}
#menu ul ul li {float:left; position:relative; display:block; width:214px; margin:0; background:#4486AB; border-bottom:1px solid #256A8D}
#menu ul ul li:hover,
#menu ul ul li.jshover { background: #6EB0D5;}
#menu ul ul li a {display:block; padding:0; font-size:11px; color:#545454; text-decoration:none;  text-transform:none; font-size:10px; font-weight:bold; color:white}
#menu ul ul li a:hover {}
#menu ul ul li a.jshover,
#menu ul ul a:hover {display:block; }
#menu ul li:hover ul,
#menu ul li.jshover ul {display:block; }
#menu ul li:hover li:hover a,
#menu ul li.jshover li.jshover a {}
#menu ul li:hover li:hover li a,
#menu ul li.jshover li.jshover li a {}
#menu ul li:hover li ul,
#menu ul li.jshover li ul {display:none; position:absolute; left:0; margin-left:228px; margin-top:-15px; border-left:1px solid #256A8D; }
#menu ul li:hover li:hover ul,
#menu ul li.jshover li.jshover ul {display:block;}

#main { width: 998px; margin-top:13px; }

#sidebar1 { float: left; display: inline; margin-left:7px; width: 260px;}
#sidebar1 .serv { width: 260px; overflow: hidden; }
#sidebar1 .serv li { padding-top:14px; margin:-1px 0 16px; background: url(i/line1.gif) repeat-x top; }
#sidebar1 .serv a { display: block; cursor:pointer; color:#ADADAD }
#sidebar1 .serv a img { float:left; margin:0 8px 14px 0 }
#sidebar1 .serv a:hover img {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6}
#sidebar1 .serv a span { display: block; color:#696969; font-size: 13px; }
#sidebar1 .serv a em { padding:15px 0 0 14px; color:#999999; font-size: 9px; background: url(i/more1.gif) no-repeat left bottom;  }

#sidebar2 { float: left; margin-left:20px; width: 240px;}
#sidebar2 .news { width: 240px; overflow: hidden; }
#sidebar2 .news li { padding-top:10px; margin:-1px 0 16px; background: url(i/line1.gif) repeat-x top; }
#sidebar2 .news a { position: relative; cursor:pointer; color:#000000; text-decoration: none; font-size: 14px; font-weight: 700}
#sidebar2 .news a span { padding:8px 0; display: block; color:#000000; font-size: 14px; }
#sidebar2 .news a em { padding:0 0 0 0; color:#999999; font-size: 10px; text-decoration:underline  }
#sidebar2 .news a:hover span { color:#696969 }
#sidebar2 .news a:hover em { color:#696969 }

#content_index { float: left; width: 445px; margin-left:20px;}



#content_index p { margin-bottom:20px; color:#4486AB; font-size: 13px; text-align: justify; }
/* text-align: justify; */
#content_index p img { /*float: right;*/ margin:10px}
#content_index p.grey { background: #D5D5D5; padding:15px 20px; color:#696969}



#content { float: left; width: 630px; margin-left:50px  }
#content .grey { margin-bottom:30px; padding-bottom:15px; background: #EBEBEB; font-size:35px }
#content .grey a { float:left; margin:15px 0 15px 35px  }
#content .grey a:hover img {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6 }

.response { margin-bottom:30px }
.response1 { width:593px; position: relative; padding:30px 17px 17px 20px; margin-bottom:3px; background: #EBEBEB;}
.response1 p { color:#696969; text-align: justify; }
.response1 .name { position:absolute; top:6px; left:20px; color:#4486AB }
.response1 .date { position:absolute; top:6px; right:17px; color:#4486AB }
.response2 { width:593px; position: relative; padding:30px 17px 17px 20px; margin-bottom:3px; background: #DFDFDF;}
.response2 p { color:#696969; text-align: justify; }
.response2 .name { position:absolute; top:6px; left:20px; color:#4486AB }
.response2 .date { position:absolute; top:6px; right:17px; color:#4486AB }

.list { width: 100%; margin-bottom:30px }
.list th { height:23px; padding:0 10px 0; background:#4486AB; color: white; border: 1px solid #EBEBEB;  }
.list th.left { width: 90px;}
.list th.center { width: 390px;}
.list th.right { width: 150px;}
.list td { height: 28px; background: #EBEBEB; border:1px solid #F1F1F1;}
.list tr:hover td { background:#DFDFDF }
.list tr td a { cursor: pointer; display: block; height: 68px; padding:10px 10px 0; text-decoration: none; color: #696969;}

.article {margin-bottom:20px }
.article img {margin:10px;}
.article p { color:#696969; text-align: justify; }

.news_our { overflow: hidden; position: relative;  }
.news_our li { position: relative; padding: 15px 0 15px 15px; margin-top:-1px; background: url(i/line2.gif) repeat-x top; }
.news_our li a { color: #9A9A9A; font-size:9px;}
.news_our li p { margin: 5px 0; color: #696969; font-size:11px; text-align: justify;}

#contacts { padding-bottom:20px }
#contacts .info { padding-left:20px; background: url(i/line3.gif) repeat-y left center; color: #4486AB; }
#contacts .info a { color: #4486AB; text-decoration: none; }
#contacts .info a:hover { color: #696969; }
#contacts .map { float:left; margin:10px 30px 0 0 }
#contacts form { color: #696969; font-size:11px;  }
#contacts form .text { width: 198px; height: 11px; padding:0 0 0 4px; border: 1px solid #C1C5CB; margin-bottom:4px; font-size:11px; background: #EBEBEB; color: #696969; font-size:10px  }
#contacts form textarea { width: 198px; height: 45px; padding:0 0 0 4px; border: 1px solid #C1C5CB; margin-bottom:7px; font-size:11px; background: #EBEBEB; color: #696969; font-size:10px  }
#contacts form .bn { width: 57px; height: 10px; margin-left:145px; border:0; cursor: pointer; background: url(i/bn.gif) no-repeat; }
#contacts form .bn:hover { background: url(i/bn_on.gif) no-repeat; }

.article2 {margin-bottom:20px }
.article2 p {font-size:12px; color:#3F3F3F; text-align: justify;}
.article2 p a.first {color:#3F3F3F}
.article2 p a.second {color:#3F3F3F; text-decoration:none; font-weight:bold}
.article2 p a.second:hover {color:#4486AB;}
.article2 p strong {color:#4486AB; font-size:12px; font-weight:bold}
.article2 p em {color:#4486AB; font-size:12px;}
.article2 .center {width:100%; text-align:center;}
.article2 .center img {margin:5px 4px}
.article2 ol.first li {margin-left:25px; font-size:12px; color:#3F3F3F}
.article2 ol.second li {margin-left:95px; font-size:12px; color:#3F3F3F}

/* Футер */
#footer {position:relative; width:998px; height:73px; margin:-73px auto 0; background: #C2C2C2; text-align: left; border:1px solid #9F9F9F; border-bottom:0 }
#footer .content { float: left; width: 600px; height: 73px;}
#footer .content .top3 { position: absolute; width:320px; top: 22px; left: 24px; color:#696969; font-size: 10px; }
#footer .content .top3 a { color:#696969; font-size: 10px; text-decoration: none; }
#footer .content .top3 a:hover { color:black; }
#footer .content .counters { position: absolute; width:200px; height: 32px; top: 20px; left: 418px;}
#footer .phone { float: right; width: 338px; height: 65px; padding: 8px 0 0 60px; background: #696969 url(i/tel.gif) no-repeat 25px 10px; color: white; }
#footer .phone a { color:white; text-decoration:none;  }
#footer .phone a:hover { color:#C2C2C2; }

ol.ollist {
	margin-left:20px;
	margin-bottom:20px;
	padding-left:5px;
}
ol.ollist li {
	color:#4486AB;
}
ol.ollistgrey {
	background:#D5D5D5;
	padding:15px 20px;
}
ol.ollistgrey li {
	color:#696969;
	margin-left:20px;
}

ol.article {
	clear:both;
	margin-left:20px;
	color:#696969;
	padding-left:10px;
}

ol.article li {
	color:#696969;
}
ol.article li ul {
	color:#696969;
	margin-left:20px;
}
ol.article li ul li {
	list-style:circle;
}
ul.article {
	margin-left:20px;
	color:#696969;
	padding-left:5px;
}

ul.article li {
	color:#696969;
	list-style:circle;
}
ul.article li ul {
	color:#696969;
	margin-left:20px;
}
ul.article li ul li {
	list-style:disc;
}