﻿@font-face {
	font-family: myriad; /* Имя шрифта */
	src: url(/font/MyriadPro-Regular.otf); /* Путь к файлу со шрифтом */
}
@font-face {
	font-family: futuris; /* Имя шрифта */
	src: url(/font/FUT_O.TTF); /* Путь к файлу со шрифтом */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
p {
	margin-bottom:7px;
}
a:hover{
text-decoration: none;
}
:focus {
outline: 0;
}
*{
margin:0;
padding:0;
}

html{
 height:100%;
}
 body{
font-family: Arial,Verdana,Tahoma, sans-serif;
width:100%;
height:100%;
background-color: #231f20;
font-size:14px;
 }
 ul{list-style-type:none;}

 .wrap{
 width:100%;
position:relative;
	overflow:hidden;
 }
 .in-header,.menu,.in-footer,.menu2{
 width: 1020px;
	margin: 0px auto;
	overflow:hidden;
	position:relative;
 }
 .header{
 width:100%;
 height:110px;
 background: url(images/bg-header.gif) 0 0 repeat;
 }
.in-header{
	 height:110px;
}
 .logo{
	position:absolute; top:38px;
	width:236px; height: 60px;
 }
 .phone{
	position:absolute; top:27px; right:0px;
 height:25px;
 padding-left: 20px;
 background: url(images/phone.png) 0 70% no-repeat;
 }
  .phone span{
  display:block;
  font-family:Verdana;
  font-size: 16px;
  color: #000;
  padding: 3px 0 3px 10px;
  }
  .bm{
	position:absolute; top:42px; right:0px;
  width:700px;
   margin: 35px 0 0 0;
  }
 .top-menu{
 float:right;
 margin-right:-20px;
 }
 .top-menu li{
 float:left;
 padding: 4px 20px;

 }
 .border{ border-left:1px solid #000;}
 .top-menu li a{
 font-size:12px;
 color: #000;
 text-transform:uppercase;
 text-decoration: none;
 }
.top-menu li a.active{
	color: #51a3a1;
	border-bottom: 2px solid #51a3a1;
}
 .top-menu li a:hover{
 color: #51a3a1;
 border-bottom: 2px solid #51a3a1;
 }
 .main-menu{
 width:100%;
 height:197px;
 background: url(images/mm-bg.png) 0 0 repeat-x;
 }
  .main-menu2{
 width:100%;
 height:120px;
 background: url(images/line_sub.png) 0 0 repeat-x;
 }
 .menu{
 height: 197px;

 }

 .menu ul{
 float:left;
 width: 1040px;
 }
 .menu ul li{
 float:left;
 }
 .menu ul li a{
 height:72px;
 display:block;
 font-size:14px;
 color: #fff;
 text-align:center;
 text-decoration: none;
 margin-top: 99px;
 }
 .menu ul li .active{ border-bottom: 5px solid #fbc378;}
 .menu ul li a:hover{
 border-bottom: 5px solid #fbc378;
 }
.menu ul li.ico_line1 {
	width:2px;
	height: 130px;
 	background: url(images/line1.gif) 0 0 no-repeat;
	margin: 45px 0 0 10px;
}
.menu ul li.ico_line2 {
	width:34px;
	height: 130px;
	background: url(images/line2.gif) 0 0 no-repeat;
	margin: 45px 0 0 10px;
}
 .menu2 ul{
 float:left;
 width: 1040px;
 }
 .menu2 ul li{
 float:left;
 }
 .menu2 ul li a{
 height:38px;
 display:block;
 font-size:12px;
 color: #fff;
 text-align:center;
 text-decoration: none;
	margin-top:45px;
 }
.menu2 ul li a.exx{
	margin-top: 77px;
}
 .menu2 .m1{ padding-left:70px;margin-right: 15px;}
 .menu2 .m2{ padding-left:69px;margin-right: 15px;}
 .menu2 .m3{ padding-left:72px;margin-right: 15px;}
 .menu2 .m4{ padding-left:76px;margin-right: 15px;}
 .menu2 .m5{ padding-left:56px;margin-right: 15px;}
 .menu2 .m6{ padding-left:82px;}

 .menu2 ul li .active{ border-bottom: 5px solid #fbc378;}
 .menu2 ul li a:hover{ border-bottom: 5px solid #fbc378;}

 .ico1{width:137px; height: 176px;background: url(images/ico24.jpg) 50% 0 no-repeat; margin: 21px  40px 0 0;}
 .ico2{width:136px; height: 176px;background: url(images/ico21.jpg) 50% 0 no-repeat; margin: 21px 40px 0 0;}
 .ico3{width:137px; height: 176px;background: url(images/ico22.jpg) 50% 0 no-repeat; margin: 21px 40px 0 0;}
 .ico4{width:137px; height: 176px;background: url(images/ico25.jpg) 50% 0 no-repeat; margin: 21px 40px 0 0;}
 .ico5{width:137px; height: 176px;background: url(images/ico23.jpg) 50% 0 no-repeat; margin: 21px 40px 0 0;}
 .ico6{width:136px; height: 176px;background: url(images/ico26.jpg) 50% 0 no-repeat; margin: 21px 0px 0 0;}
 .ico7{width:100px; height: 176px;background: url(images/ico27.jpg) 50% 0 no-repeat; margin: 21px 30px 0 0;}
 .ico8{width:100px; height: 176px;background: url(images/ico28.jpg) 50% 0 no-repeat; margin: 21px 0 0 0;}

.ico_sub1{width:155px; height: 88px;background: url(images/sub_menu4.jpg) 50% 0 no-repeat; margin: 32px  30px 0 0;}
.ico_sub2{width:140px; height: 88px;background: url(images/sub_menu1.jpg) 50% 0 no-repeat; margin: 32px 30px 0 0;}
.ico_sub3{width:140px; height: 88px;background: url(images/sub_menu2.jpg) 50% 0 no-repeat; margin: 32px 30px 0 0;}
.ico_sub4{width:155px; height: 88px;background: url(images/sub_menu5.jpg) 50% 0 no-repeat; margin: 32px 30px 0 0;}
.ico_sub5{width:140px; height: 88px;background: url(images/sub_menu3.jpg) 50% 0 no-repeat; margin: 32px 30px 0 0;}
.ico_sub6{width:140px; height: 88px;background: url(images/sub_menu6.jpg) 50% 0 no-repeat; margin: 32px 0px 0 0;}
.ico_sub7{width:114px; height: 120px;background: url(images/sub_menu7.jpg) 50% 0 no-repeat; margin: 0 0 0 0;}
.ico_sub8{width:103px; height: 120px;background: url(images/sub_menu8.jpg) 50% 0 no-repeat; margin: 0 0 0 0;}

.icom1{width:100px;}
.icom2{width:100px;}
.icom3{width:100px;}
.icom4{width:100px;}
.icom5{width:100px;}
.icom6{width:100px;}
.icom7{width:100px;}
.icom8{width:100px;}
 .main{
 width:100%;
	overflow:hidden;
	background: url(images/bg-header.gif) 0 0 repeat;
 }
.in-main{
	width:1020px;
	margin: 0 auto;
	overflow:hidden;
}
 .main .column{
	float:left;
	width:485px;
}
 .main .column.left{
	margin:  0 30px 0 10px;
}
 .main .column .list{
	margin: 10px 0 0 0;
	width: 443px;
	padding: 10px 20px;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
 .main .column .list ul li{
	font-size:14px;
	color:#000;
	margin: 0 0 7px 0;
	padding: 0 0 0 20px;
}
.uslugi{
	width:100%;
	overflow:hidden;
	background: url(images/content-bg.gif) 0 0 repeat;
}
.in-uslugi{
	width:1020px;
	margin: 0 auto;
	overflow:hidden;
}
.uslugi .column{
	float:left;
	width:230px;
}
.uslugi .blue{margin-right:30px;}
.uslugi .blue h2 {color:#66aec2;}
.uslugi .blue li{background: url(images/marker2.gif) 0 7px no-repeat;}
.uslugi .green{margin-right:30px;}
.uslugi .green h2{color:#9aa834;}
.uslugi .green li{background: url(images/marker1.gif) 0 7px no-repeat;}
.uslugi .gray{margin-right:30px;}
.uslugi .gray h2{color:#95979a;}
.uslugi .gray li{background: url(images/marker4.gif) 0 7px no-repeat;}
.uslugi .orange{margin-right:0;}
.uslugi .orange h2{color:#dca961;}
.uslugi .orange li{background: url(images/marker3.gif) 0 7px no-repeat;}

.uslugi ul li{
	font-size:14px;
	color:#000;
	margin: 0 0 7px 0;
	padding: 0 0 0 20px;
}
.uslugi ul li a{
    color:#000;
}
 .content {
 float:left;
		margin: 20px auto 30px;
 }
.content h1{
font-family:futuris;
font-size:30px;
color: #000;
font-weight:500;
margin-bottom: 5px;
}
.content h2{
		font-family:futuris;
		font-size:24px;
		color: #275b84;
		margin: 0;
}
.column h2{
		font-size:28px;
		color: #000;
		font-weight:500;
		margin-bottom: 15px;
}

.content h3{		
		font-size:20px;
		color: black;
		margin: 10px 0;
}
.content h4{
		font-family:futuris;
		font-size:16px;
		color: #275b84;
		font-weight:500;
		margin: 15px 0 10px;
		font-weight:600;
}
.content h5{
	font-weight:bold;
	margin: 15px 0 0;
}
.content .info{
width:760px;
	float: left;
border-left:1px solid #231f20;
border-right:1px solid #231f20;
margin:30px 0;
}
.content .in-info{
		width:700px;
		margin:0 auto;
}
.content .info p{
line-height:1.4em;
margin: 0 0 10px 0;
}
.content .info ul{
		margin: 0 0 10px 0;
}
.content .info li{
		padding-left: 20px;
		background: url(images/marker2.gif) 0 7px no-repeat;
		margin: 0 0 4px 0;}
.content  .info li.i-green{
padding-left: 20px;
background: url(images/marker1.gif) 0 7px no-repeat;
margin: 0 0 4px 0;
}


  .footer{
  clear:both;
  background:#231f20;
position: relative;
	overflow:hidden;
  }
  .in-footer{
  width: 1020px;
  margin: 30px auto;
	overflow:hidden;
	position:relative;

  }
  .footer .arrow{
  display:block;
  float:left;
  width:31px;
  height:31px;
  }
  .footer .f-menu{
 float:left;
  padding: 0px 10px;
  border-left: 1px solid #575354;
  border-right: 1px solid #575354;
  margin: 0 0 0 30px;
  }
 .footer .f-menu ul{
  max-width: 180px;
  float:left;
  padding: 0 30px;
 }
 .footer .f-menu ul li {margin-bottom: 5px;}
.footer .f-menu ul li a,.cp,.done a{
font-size: 11px;
color: #a5a6a8;
text-decoration: none;
}
.footer .f-menu ul li a:hover, .done a:hover{
		font-size: 11px;
		color: white;
		text-decoration: none;
}
.cp{
float:Left;
margin: 0 0 0 30px;
}
.cp span{
font-size: 11px;
color: #fff;
}
.done{
float:right;
height:64px;
padding: 20px 0 20px 70px;
background: url(images/fogeron.gif) 0 0 no-repeat;
color:#6d6e70;
font-size: 11px;
}
#biblio{
	margin-top:20px;
}
#biblio a{
	color:#000;
	font-size:16px;
	text-decoration: none;
	}
#biblio a:hover{
	text-decoration: underline;
}

#biblio ul{
	margin:0px;
}
#biblio li{
	background:none;
	padding:0px;
	margin-bottom:0px
}
#biblio li div{
	margin-bottom:10px
}

.content .sub_menu {
		float: left;
	width: 224px;
	padding-right: 32px;
	margin: 30px 0; }
.content .sub_menu ul li {
	text-align: center;
	margin-bottom: 1px;
	font-size: 1.1em;
	border-bottom: 1px solid #000;
}
.content .sub_menu ul li a, .content .sub_menu ul li span {
	display: block;
	padding: 5px 0;
	color: #000;
	text-decoration: none;
	transition: 0.2s;
	cursor: pointer;
}
.content .sub_menu ul li a:hover, .content .sub_menu ul li span:hover {
	background: #DDD; }
.content .sub_menu ul li ul {
	display: none; }
.content .sub_menu ul li ul li a {
	color: #231f20;
	text-decoration: underline;
	background: none; }
.content .sub_menu ul li ul li a:hover {
	text-decoration: none;
	background: none; }

.content .sub_menu ul li.active span, .content .sub_menu ul li.active > a {
	font-weight:bold;
}
.content .sub_menu ul li ul li.active a {
	background: none;
	color: #f05a28;
}
.content .sub_menu ul li.active ul {
	display: block; }
.content .sub_menu ul li:last-child {
	margin-bottom: 0; }