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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*			стили для отдельных тегов		*/
body, html { width: 100%; height: 100%; }
body {
	font-family: Verdana, 'DejaVu Sans', Tahoma, Arial, sans-serif;
}
.no-js body {
	background: url(img/bg-pic-2.jpg) 50% 0 no-repeat #5D5349;
	background-attachment: fixed;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
#bgpic {
	position: fixed;
	z-index: 0;
}
.no-js #bgpic {
	display: none;
}
a {
	text-decoration: underline;
	color: #000;
}
a:hover {
	text-decoration: none;
}
h1 {
	font-weight: normal;
}
h2 {
	font-weight: normal;
}

em {
	text-decoration: underline;
	font-style: italic;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*			Вспомогательные классы		*/

.clearing {
	float:none;
	clear: both;
	height: 0px;
	font-size: 1px;
}

/*			Элементы разметки страницы		*/
	#header-wrapper, #footer-wrapper {
		width: 100%;
		background: #92b6c7;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	#header-wrapper {
		border-bottom: 4px solid #598aa1;
		box-shadow: 0 3px 15px 0 rgba(2,43,64,0.8);
		position: absolute;
		z-index: 1;
	}
	#header-wrapper-2 {
		width: 100%;
		border-bottom: 1px solid #9fc1d2;
	}
/* 	Тень под заголовком и подвалом в IE < 9 и др браузерах без box-shadow	 */
		.lt-ie8 #header-wrapper .ie7-box-shadow, .no-boxshadow #header-wrapper:before, .lt-ie8 #footer-wrapper .ie7-box-shadow, .no-boxshadow #footer-wrapper:before {
			position: absolute;
			width: 100%;
			left: 0;
			content: '';			
		}
		.lt-ie8 #header-wrapper .ie7-box-shadow, .no-boxshadow #header-wrapper:before {
			top: 75px;
			background: url(img/ie8-header-shadow.png) 0 0 repeat-x;
			height: 18px;
		}
		.lt-ie8 #footer-wrapper .ie7-box-shadow, .no-boxshadow #footer-wrapper:before {
			top: -18px;
			background: url(img/ie8-footer-shadow.png) 0 0 repeat-x;
			height: 14px;
		}
	header, footer {
		position: relative;
		width: 990px;
		height: 70px;
		margin: 0 auto;
		text-align: left;
	}
		#logo {					/*			Логотип компании			*/
			display: block;
			float: left;
			background: url('img/logo.png') 0 50% no-repeat;
			width: 156px; height: 100%;
			margin-left: 12px;
		}
		.communications {		/*			Адреса и телефоны			*/
			float: left;
			position: relative;
			text-align: left;
			height: 60px;
			color: #205c77;
			padding: 7px 10px 0 44px;
			max-width: 279px;
		}
		.communications:before {	/* 	Наклонная черта перед контактами	 */
			position: absolute;
			top: 12px; left: 8px;
			height: 50px; width: 26px;
			font-size: 24px;
			content: '';
			background: url(img/header-before-picture.png) 0 0 no-repeat;
		}
			.communications span, .communications a, .communications span.ie-shadow {
				line-height: 20px;
				font-size: 12px;
				display: inline-block;
				vertical-align: middle;
				position: relative;
				z-index: 2;
				text-shadow: 0 1px 0 #c1dbe7;
			}
			header .communications a, footer .communications a {
				color: #205c77;
			}
			.communications span.ie-shadow {		/* 	тень под текстом для IE < 10	 */
				position: absolute;
				z-index: 0;
				top: 15px;	left: 106px;
				color: #c1dbe7;
			}
			.lt-ie9 .communications span.ie-shadow {
				top: 16px;
			}
			
			.communications img {
				display: inline-block;
				vertical-align: middle;
				margin-top: 4px;
				margin-right: 5px;
			}
	#body-bg-container {	/* 	Точечный фон над фоновой картинкой в body	 */
		background: url(img/body-bg-overlay.png) fixed repeat;
 		min-height: 100%;
 		position: relative;
	}
/* 	Содержание всей страницы	 */
	#container {
		width: 990px;
		background: #fff;
		position: relative;
		margin: 0 auto;
		box-shadow: 0 0 25px 6px rgba(1,52,76,0.3);
  		min-height: 100%;
  		padding-bottom: 75px;
	}
			/* 	Тень под содержанием в IE и др браузерах без box-shadow	 */
	.lt-ie8 #container .ie7-box-shadow-l, .no-boxshadow #container:before, .lt-ie8 #container .ie7-box-shadow-r, .no-boxshadow #container:after {
		position: absolute;
		width: 28px;
		height: 100%;
		top: 0;
		content: '';
	}
	.lt-ie8 #container .ie7-box-shadow-l, .no-boxshadow #container:before {
		background: url(img/ie8-container-l-shadow.png) 0 0 repeat-y;
		left: -28px;
	}
	.lt-ie8 #container .ie7-box-shadow-r, .no-boxshadow #container:after {
		background: url(img/ie8-container-r-shadow.png) 0 0 repeat-y;
		right: -28px;
	}

		#navigation-block {
			height: auto;
			background: #fff;
			padding: 75px 0 20px;
		}
/* 	Блок с менюшками в виде карты ж/д путей	 */
			#navigation {
				width: 286px;
				height: 312px;
				background: url(img/navigation-map.png) 10px -14px no-repeat;
				padding-left: 15px;
				position: relative;
			}
			
			#main-menu, #about-menu,.about-menufooter li , #contacts-menu {
				position: absolute;	
				list-style: none;
			}
			#main-menu {	/* 	Главная, О компании и т.д.	 */
				top: 29px;
				left: 16px;
			}
			#contacts-menu {		/* 	Внедрение, Контакты, Карта сайта	 */
				top: 213px;
				right: 148px;
				text-align: right;
			}
			#about-menu ,.about-menufooter{		/* 	Компания, История и т.д.	 */
				top: 100px;
				right: 8px;
				text-align: right;
			}
			
			
			

				#main-menu li, #about-menu li, #contacts-menu li,.about-menufooter li {
					background: url(img/navigation-map-item.png) 0 50% no-repeat;
					padding: 0 0 0 4px;
					margin: 0 0 14px;
					display: block;
					height: 16px;
					text-align: left;
				}
				#about-menu li,.about-menufooter li , #contacts-menu li {
					background-position: 100% 50%;
					padding: 0 4px 0 0;
					margin: 0 0 23px;
					text-align: right;
				}
				.lt-ie8 #main-menu li {
					margin: 0 0 12px;
				}
				.lt-ie8 #about-menu li, .lt-ie8 #contacts-menu li {
					margin: 0 0 20px;
				}
					#main-menu li a, #about-menu li a,.about-menufooter  li a, #contacts-menu li a {
						display: inline-block;
						color: #486edf;
						font-size: 11px;
						line-height: 11px;
						text-decoration: none;
						text-transform: uppercase;
						vertical-align: top;
						padding: 2px 26px 3px 17px;
						border-radius: 0 10px 10px 0;
					}
					#about-menu li a, .about-menufooter  li a, #contacts-menu li a {
						padding: 2px 17px 3px 26px;
						border-radius: 10px 0 0 10px;
					}
					.lt-ie8 #main-menu li a, .lt-ie8 #about-menu li a,.about-menufooter  li a, .lt-ie8 #contacts-menu li a {
						padding-bottom: 4px;
						padding-top: 1px;
					}
					#main-menu li:hover, #about-menu li:hover,.about-menufooter  li:hover, #contacts-menu li:hover {
						background: none;
					}
					#main-menu li:hover a, #about-menu li:hover a,.about-menufooter  li:hover, #contacts-menu li:hover a {
						color: #fff;
						background-color: #486edf;
					}
				
					.no-borderradius #main-menu li:hover a {
						background: url(img/navigation-map-item-bg-l.png) 100% 0 no-repeat #486edf;
					}
					.no-borderradius #about-menu li:hover a, .no-borderradius #contacts-menu li:hover a,.no-borderradius .about-menufooter  li:hover a {
						background: url(img/navigation-map-item-bg-r.png) 0 0 no-repeat #486edf;
					}
/* 	Карусель с рекламными картинками		 */
			#carousel-wrapper {
				padding: 0;
				width: 690px;
				height: 310px;
				position: absolute;
				right: 0; top: 75px;
			}
		/*		Рекламные картинки - просмотр картинок в карусели		*/
				.list_carousel {
					position: relative;
					width: 690px;
					height: 310px;
					background: #fff;
					overflow: hidden;  
				}
				.no-borderradius .list_carousel {
					margin: 0;
					width: 690px;
				}
					.list_carousel ul {
						margin: 0;
						padding: 0;
						list-style: none;
						display: block;
					}
						.list_carousel li {
							background-color: #fff;
							display: block;
							float: left;
							overflow: hidden;
							width: 690px;
							height: 310px;
						}
				.list_carousel.responsive {
					width: auto;
					margin-left: 0;
				}
				.clearfix {
					float: none;
					clear: both;
				}
				.prev, .next {
					position: absolute;
					top: 100px;
					width: 51px; height: 51px;
					text-decoration: none;
				}
				.prev {
					background: url(img/leftArr.png) 0 0 no-repeat;
					left: 18px;
				}
				.next {
					background: url(img/rightArr.png) 0 0 no-repeat;
					margin-left: 620px;
				}
				.prev:hover, .next:hover {
					background-position:0 -51px;
				}


/* 	Текст над каждой картинкой 	 */
			#carousel-overlay {
				position: absolute;
				bottom: 0;
				z-index: 2;
				width: 100%;
				padding: 8px 0 12px 0;
				background: url(img/carousel-overlay-bg.png);
				border-top: 1px solid transparent;
				border-image: url(img/carousel-overlay-border.png) 1 0 0 0 repeat;
			}
				/* 	Отображение прозрачного бордюра в браузерах без borderimage		 */
			#carousel-overlay .ie-tsparent-border { display: none }
			.no-borderimage #carousel-overlay .ie-tsparent-border {
				display: block;
				position: absolute;
				top: -1px; left: 0;
				width: 100%; height: 1px;
				background: url(img/carousel-overlay-border.png) 0 0 repeat-x;
			}
				#carousel-overlay h1 {
					font-size: 18px;
					color: #e8eff2;
					margin-bottom: 5px;
					margin-left: 30px;
				}
				#carousel-overlay p {
					color: #e8eff2;
					font-size: 12px;
					line-height: 14px;
					max-width: 400px;
					margin-left: 30px;
				}
/*  Cодержание страницы  	*/
	#content {
		width: 960px;
		margin: 0 auto;
		padding: 20px 15px;
		background: #fff;
		position: relative;
	}
		#content h1 {
			font-size: 20px;
			line-height: 22px;
			padding: 8px 0;
		}

/* 	Системы "Диалог"	 */
	#services-wrap {
		float: left;
		width: 69%;
	}
		nav#services {
			text-align: left;
			padding: 10px 0;
		}
			nav#services a {
				display: inline-block;
				width: 315px;
				margin: 0 11px 15px 0;
				vertical-align: top;
				font-size: 12px;
				line-height: 16px;
				color: #3b4f8d;
			}
				nav#services a .service-image {
					width: 100px;
					height: 65px;
					margin: 0 10px 0 0;
					float: left;
				}
/* 	Новости	 */
	#news-wrap {
		float: left;
		width: 28%;
	}
		#news {
			text-align: left;
			padding: 10px 0;
		}
			#news a {
				display: block;
				width: 300px; min-height: 81px;
				margin: 0 0 20px 0;
				font-size: 12px;
				line-height: 16px;
				color: #606060;
				text-decoration: none;
			}
				#news a .news-image {
					margin: 0 10px 0 0;
					float: left;
					clear: left;
					overflow: hidden;
					width: 81px; height: 81px;
					position: relative;
				}
					#news a .news-image img {
						
					}
					#news a .news-image .news-image-overlay {
						background: url(img/news-overlay.png) 0 0 no-repeat;
						position: absolute;
						top: 0; left: 0;
						z-index: 1;
						width: 81px;
						height: 81px;
					}
/* 	Основное содержание страницы	 */
	article {
		padding: 0 0 15px 0;
		font-size: 12px;
		line-height: 17px;
	}
		article h1 {
			font-size: 20px;
			line-height: 22px;
			padding: 8px 0;
		}
			article p img.article-image {
				margin: 7px 20px 20px 0;
				position: relative;
				float: left;
			}
		article p {
			margin: 2px 0 18px;
		}
		article.index-page p {
			line-height: 20px;
			margin: 0;
		}
		article strong, article b {
			font-weight: bold;
		}
		article i {
			font-style: italic;
		}
		article ul {
			list-style: disc;
		}
		article ol {
			list-style: decimal;
		}
		article ol, article ul {
			padding-left: 40px;
			margin-bottom: 20px;
		}
/* 	Выделение абзаца серым фоном со скруглёнными уголками	 */
		article p.emphasis {
			font-style: italic;
			font-size: 13px;
			line-height: 18px;
			color: #5a431f;
			background: #f2f2f1;
			padding: 14px 36px 25px;
			margin: 22px 0;
			border-radius: 9px;
		}
					
/*  	Подвал страницы	  */
	#footer-wrapper {
		border-top: 4px solid #598aa1;
		box-shadow: 0 0 15px 0 rgba(2,43,64,0.8);
		position: absolute;
		z-index: 1;
		margin-top: -74px;
	}
.adminButton {
	background:transparent;
	border:1px dotted #000;
	color:#000;
	font-size:9px;
}


#actright a{

	color: #fff !important;
	border-radius: 0 10px 10px 0!important;
	background-color: #486edf!important;
}

#actleft a{

	color: #fff !important;
	border-radius: 10px 0 0 10px!important;
	background-color: #486edf!important;
}
		
.breadcr 
{
	text-align:right;
    margin-top: 0px;
    position: inherit;

}


.breadcr a 
{
	font-size:10px;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	height: 14px;	
}
.breadcr span
{
	font-size:10px;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	height: 14px;	
}



	#main-menu li {
	*display: inline-block; /* Строчно-блочный элемент */
	position: relative; /* Относительное позиционирование */
	clear:rigth;
	
   }	
		
/*	#main-menu li :hover::after {
    content: attr(data-title);
    position: absolute;
    left: 100%; top: 30%;
    background: rgba(159,193,210,0.9);
    font-family: Arial, sans-serif;
    font-size: 11px;
    padding: 5px 10px;
    border: 1px solid #333;
	color: #16149b;
	min-width:110px;

	 line-height: 1.5;
	z-index:100000000;
	-webkit-border-radius: 5px;
	text-align: center;
  -moz-border-radius: 5px;

  -khtml-border-radius: 5px;

  border-radius: 5px;

   } */
   span.data-title {
   	display: block;
   	position: absolute; /* Абсолютное позиционирование */
    left: 100%; top: 30%; /* Положение подсказки */  
    background: rgba(159,193,210,0.9); /* Полупрозрачный цвет фона */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 11px; /* Размер текста подсказки */
    padding: 5px 10px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
	color: #16149b;
	min-width:110px;

	 line-height: 1.5;
	z-index:100000000;
	-webkit-border-radius: 5px; /* Закругляем уголки */
	text-align: center;
  -moz-border-radius: 5px;

  -khtml-border-radius: 5px;

  border-radius: 5px;
  display: none;
   }
   
   
   	#contacts-menu li {
	*display: inline-block; /* Строчно-блочный элемент */
	position: relative; /* Относительное позиционирование */
	clear:rigth;
	
   }	
		
/*	#contacts-menu li :hover::after {
    content: attr(data-title); 
    position: absolute;
    left: 100%; top: 30%;
    background: rgba(159,193,210,0.9);
    font-family: Arial, sans-serif;
    font-size: 11px;
    padding: 5px 10px;
    border: 1px solid #333;
	color: #16149b;
	min-width:110px;
	line-height: 1.5;
	text-align: center;
	z-index:100000000;
		-webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -khtml-border-radius: 5px;

  border-radius: 5px;
   } */
   

  .portfolio_list {
        margin: 0 -40px 0 -15px;
    }
        .portfolio_item {
        width: 123px;
        min-height: 123px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 10px 16px 22px;
        zoom: 1;
        *display: inline;
        _height: 123px;
        }