/* Reset styles
-----------------------------------------------------------------------------*/
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;
}

body { 
    line-height: 1;
}

:focus { 
    outline: 0;
}

ins { 
    text-decoration: none;
}

del { 
    text-decoration: line-through;
}

input, textarea {
	padding: 0;
}


/* Global styles
-----------------------------------------------------------------------------*/
@font-face {
    font-family: 'bicubikregular';
    src: url('/res/fonts/bicubik-webfont.eot');
    src: url('/res/fonts/bicubik-webfont.eot?#iefix') format('embedded-opentype'),
         url('/res/fonts/bicubik-webfont.woff') format('woff'),
         url('/res/fonts/bicubik-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

header, nav, section, article, aside, footer {
	display: block;
}

html {
	height: 100%;
	background: #fff url(/res/img/public/body-bg.png);
}

body {
	background: url(/res/img/public/body-top-bg.png) repeat-x 0 0;
	color: #000000;
	font: 14px Tahoma, Arial, Verdana, sans-serif;
	width: 100%;
	height: 100%;
}

a {
	color: #004fb8;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p {
	margin: 15px 0;
}

h1, h1 a {
	color: #004fb8;
	font-family: 'bicubikregular';
	font-size: 20px;
	font-weight: normal;
	margin: 0px 0 20px 0;
}

h2, h2 a {
	font-size: 17px;
	font-weight: normal;
	color: #626262;
	margin: 10px 0 10px 0;
}

h3, h3 a {
	font-size: 15px;
	font-weight: normal;
	color: #626262;
	margin: 10px 0 10px 0;
}

h4, h4 a {
	font-size: 14px;
	font-weight: normal;
	color: #626262;
	margin: 10px 0 10px 0;
}

h5, h5 a {
	font-size: 13px;
	font-weight: normal;
	color: #626262;
	margin: 10px 0 10px 0;
}

h6, h6 a {
	font-size: 12px;
	font-weight: normal;
	color: #626262;
	margin: 10px 0 10px 0;
}

table { 
    border-collapse: collapse;
    border-spacing: 0;
}

table td, table th {
	border: 1px solid #000;
	padding: 3px;
	text-align: left;
	vertical-align: middle;
}

ul {
	list-style: disc;
	margin: 5px 0 5px 15px;
}

ol {
	list-style: decimal;
	margin: 5px 0 5px 15px;
}

li {margin: 0;}

input {
	vertical-align: middle;
}

hr {
	background: #ccc; 
	color: #ccc;
	border: 0;
	height: 1px;
	margin: 7px auto;
	text-align: center;
	width: 100%;
}

* html hr {
	margin: 0 auto;
}

*+html hr {
	margin: 0 auto;
}

/* for clear floats */
.clear {
	clear: both;
	height: 0;
	font-size: 0;
}

/* Text Align */
.tLeft {text-align: left;}
.tCenter {text-align: center;}
.tRight {text-align: right;}
.tJustify {text-align: justify;}

/* Floats */
.fLeft {float: left;}
.fRight {float: right;}
.fNone {float: none;}


/* Wrapper
-----------------------------------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(/res/img/public/wrapper-bg.jpg) no-repeat center bottom;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 177px;
	position: relative;
}

#header-inner {
	margin: 0 auto;
	height: 176px;
	padding-top: 1px;
	position: relative;
	background: url(/res/img/public/header-bg.jpg) no-repeat center top;
}

#header-inner-in {
	width: 1000px;
	margin: 0 auto;
	height: 176px;
	position: relative;
}

.page-main #header {
	height: 828px;
	background: url(/res/img/public/body-top-main.png) repeat-x 0 112px;
}

.page-main #header-inner {
	background: url(/res/img/public/header-main.jpg) no-repeat center top;
	height: 828px;
}

.logo {
	cursor: pointer;
	position: absolute;
	left: 23px;
	top: 18px;
	text-decoration: none;
}

/* Header Phone */
.h-phone {
	padding-left: 57px;
	height: 60px;
	background: url(/res/img/public/icon-phone.png) no-repeat left top;
	position: absolute;
	left: 330px;
	top: 13px;
}

.h-phone-item {
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 5px;
	background: url(/res/img/public/h-phone-item-border.png) no-repeat 0 90%;
}
* html .h-phone-item {display: inline;}
*+html .h-phone-item {display: inline;}

.h-phone-item:first-child {
	background: none;
}

.h-phone-index {
	color: #656565;
	font: bold 17px/17px 'Myriad Pro', 'Trebuchet MS', sans-serif;
}

.h-phone-number {
	color: #004aaf;
	font: bold 28px/28px 'Myriad Pro', 'Trebuchet MS', sans-serif;
	margin-top: -3px;
}

/* Icon Menu */
.imenu {
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: 5px;
	top: 0;
}

.imenu li {
	float: left;
	margin: 0 6px;
	list-style: none;
}

.imenu li a {
	display: block;
	width: 38px;
	height: 41px;
}

.imenu li a.imenu-home {background: url(/res/img/public/imenu-home.png) no-repeat 0 0;}
.imenu li a.imenu-email {background: url(/res/img/public/imenu-email.png) no-repeat 0 0;}
.imenu li a.imenu-sitemap {background: url(/res/img/public/imenu-sitemap.png) no-repeat 0 0;}

.imenu li a:hover {
	background-position: 0 -41px;
}


/* Top Menu */
.topmenu {
	margin: 0;
	overflow: hidden;
	position: absolute;
	left: 193px;
	top: 98px;
}

.page-main .topmenu {
	top: 764px;
	left: 57px;
}

.topmenu li {
	list-style: none;
	float: left;
}

.topmenu li a {
	display: block;
	width: 102px;
	height: 39px;
	line-height: 39px;
	background: url(/res/img/public/topmenu-item.png) no-repeat 0 0;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}

.page-main .topmenu li a {
	background: url(/res/img/public/topmenu-item-main.png) no-repeat 0 0;
	width: 115px;
}

.topmenu li a:hover, .topmenu li.active a {
	background-position: 0 -39px;
	color: #012b53;
}

/* Header Search */
.page-main .h-search {
	top: 761px;
	right: 46px;
}

.h-search {
	position: absolute;
	right: 3px;
	top: 95px;
}

.h-search input[type=text] {
	font: 16px/29px Tahoma, sans-serif;
	color: #000000;
	width: 213px;
	padding: 0 10px;
	height: 29px;
	line-height: 29px;
	background: #f4f4f4;
	border: 1px solid #afafaf;
	border-radius: 5px;
}

.h-search [type=submit] {
	width: 51px;
	height: 47px;
	cursor: pointer;
	border: 0;
	background: url(/res/img/public/icon-search.png) no-repeat;
	margin-left: 1px;
	margin-top: -3px;
}

/* Page Main Links */
.main-links {

}

.main-links a {
	position: absolute;
	z-index: 50;
	display: block;
	height: 39px;
	font: 12px/11px 'Trebuchet MS', sans-serif;
	text-decoration: none;
	color: #1d3345;
	display: table;
	overflow: hidden;
	text-align: center;
}

.main-links a span {
	padding-left: 32px;
	padding-right: 7px;
	display: table-cell;
	vertical-align: middle;
}

/* Автоматическое пожаротушение */
.mlink1 {
	width: 129px;
	left: 268px;
	top: 103px;
	background: url(/res/img/public/mlink1.png) no-repeat 0 0;
}

/* Охранная сигнализация */
.mlink2 {
	width: 118px;
	left: 453px;
	top: 113px;
	background: url(/res/img/public/mlink2.png) no-repeat 0 0;
}

/* Пожарная сигнализация */
.mlink3 {
	width: 117px;
	left: 604px;
	top: 140px;
	background: url(/res/img/public/mlink3.png) no-repeat 0 0;
}

/* Техническое обслуживание */
.mlink4 {
	width: 131px;
	left: 806px;
	top: 223px;
	background: url(/res/img/public/mlink4.png) no-repeat 0 0;
}

/* Система оповещения о пожаре */
.mlink5 {
	width: 118px;
	left: 193px;
	top: 220px;
	background: url(/res/img/public/mlink5.png) no-repeat 0 0;
}
.mlink5 span {padding-left: 38px !important; padding-right: 3px;}

/* Видеонаблюдение */
.mlink6 {
	width: 148px;
	left: 635px;
	top: 280px;
	background: url(/res/img/public/mlink6.png) no-repeat 0 0;
}

/* Эвакуационное освещение */
.mlink7 {
	width: 124px;
	left: 223px;
	top: 322px;
	background: url(/res/img/public/mlink7.png) no-repeat 0 0;
}

/* План эвакуации */
.mlink8 {
	width: 98px;
	left: 343px;
	top: 384px;
	background: url(/res/img/public/mlink8.png) no-repeat 0 0;
}

/* Проектирование */
.mlink9 {
	width: 135px;
	left: 122px;
	top: 486px;
	background: url(/res/img/public/mlink9.png) no-repeat 0 0;
}

/* Контроль доступа */
.mlink10 {
	width: 91px;
	left: 338px;
	top: 579px;
	background: url(/res/img/public/mlink10.png) no-repeat 0 0;
}

.main-links a:hover {
	background-position: 0 -39px;
	color: #b7d7fb;
}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 122px;
	height: 1%;
	position: relative;
	background: url(/res/img/public/header-bg.jpg) no-repeat 50% -177px;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 0 0 286px;

}

.page-main #middle {
	background: none;
	padding-top: 15px;
}

.page-main #content .content-inner {
	padding-top: 20px;
}

.content-inner {
	background: url(/res/img/public/content-bg.png);
	border-radius: 10px;
	padding: 17px 30px;
}

.content-inner p {
	text-align: justify;
}

.imgLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-top: 5px;
	border: 1px solid #dcdcdc;
}

.imgRight {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 5px;
	border: 1px solid #dcdcdc;
}

#content h1 {
	background: url(/res/img/public/arrow-right.png) no-repeat right bottom;
}

#content h1 span {
	display: inline-block;
	padding-right: 7px;
	background: #fff;
}

.text-clip{
	padding: 20px 0;
	padding-left: 80px;
	padding-right: 50px;
	background: url(/res/img/public/clip-left.png) no-repeat 40px 50%;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	font-size: 14px;
	color: #575757;
	word-spacing: 4px;
	margin: 5px 0 15px;
}

.text-cloud {
	display: inline-block;
	vertical-align: top;
	width: 228px;
	padding: 10px 20px;
	height: 86px;
	background: url(/res/img/public/cloud.png) no-repeat;
	text-align: 
}

.text-cloud p {
	color: #656565;
	font-size: 14px;
	margin: 0;
}

.text-cloud-title {
	font-size: 14px;
	color: #004fb8;
	display: block;
	margin: 0;
	margin-bottom: 3px;
}

.text-after-cloud {
	display: inline-block;
	vertical-align: top;
	width: 360px;
	margin-left: 20px;
	font-size: 14px;
}

/* Contacts */
.c-contacts {
	padding-left: 10px;
}

.c-contacts p {
	margin: 0;
	padding: 14px 0;
	padding-left: 35px;
}

.c-contacts .c-address {background: url(/res/img/public/c-address.png) no-repeat 0 9px;}
.c-contacts .c-phone {background: url(/res/img/public/c-phone.png) no-repeat 0 9px;}
.c-contacts .c-email {background: url(/res/img/public/c-email.png) no-repeat 0 9px;}


/* Form Feedback */
.form-feedback {
	overflow: hidden;
	margin-top: 30px;
	margin-left: 40px;
	display: inline-block;
	vertical-align: top;
}

.form-feedback-title {
	font-size: 17px;
	color: #626262;
	margin-bottom: 10px;
}

.form-feedback label {
	color: #000000;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	width: 100px;
	margin-right: 15px;
}

.form-feedback input[type=submit], .form-feedback input[type=reset] {
	width: 96px;
	height: 34px;
	background: url(/res/img/public/input-submit.png) no-repeat;
	text-align: center;
	line-height: 34px;
	cursor: pointer;
	border: 0;
	color: #ffffff;
	font-size: 14px;
}
.form-feedback input[type=reset] {
	background: url(/res/img/public/input-reset.png) no-repeat;
	color: #191919;
	font-size: 14px;
	text-shadow: 1px 1px 1px #fff;
}

.form-feedback input[type=text] {
	width: 348px;
	padding: 0 5px;
	height: 19px;
	border: 1px solid #909090;
	color: #000000;
	font: 14px Tahoma, Arial, Verdana, sans-serif;
}

.form-feedback textarea {
	width: 348px;
	padding: 5px;
	height: 69px;
	border: 1px solid #909090;
	color: #000000;
	font: 14px Tahoma, Arial, Verdana, sans-serif;
}

.form-item {
	margin: 10px 0;
}

.form-captcha {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	width: 360px;
}
* html .form-captcha {display: inline;}
*+html .form-captcha {display: inline;}

.form-captcha-label {
	float: left;
}

.form-captcha-inner {
	float: right;
}

.form-captcha-inner img {
	vertical-align: middle;
}

.form-captcha-inner input[type=text] {
	width: 105px;
	vertical-align: middle;
	height: 32px;
	line-height: 32px;
}

/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	float: left;
	width: 266px;
	margin-left: -100%;
	position: relative;
	padding-top: 165px;
}

.page-main #sideLeft {
	padding-top: 0;
}

.sidebar h3 {
	color: #004fb8;
	font-family: 'bicubikregular';
	font-size: 20px;
	font-weight: normal;
	margin: 0px 0 5px 0;
	background: url(/res/img/public/arrow-right-side.png) no-repeat right center, url(/res/img/public/side-h.png) no-repeat right center;
	width: 187px;
	height: 62px;
	line-height: 22px;
	padding-right: 85px;
	
	display: table;
}

.sidebar h3 span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 32px;
	background: #fff url(/res/img/public/side-h.png) no-repeat left center;
}

.sidebar h3 span em {
	font-style: normal;
	
	padding-right: 10px;
	background: #fff url(/res/img/public/side-h.png) no-repeat left center;
}

.sidebar .arrow-right {
	
	padding: 0;
}

.md-title {
	color: #004fb8;
	font: 14px/16px Tahoma, sans-serif;
	text-transform: uppercase;
	padding-left: 5px;
	margin-bottom: 15px;
	border-left: 1px solid #004fb8;
	display: block;
	margin-left: 15px;
	margin-top: 1px;
}

.md-image {
	padding-left: 15px;
}

.md-text {
	font-size: 14px;
	color: #000;
	display: block;
	margin: 0;
	margin-top: 5px;
	padding-left: 10px;
	margin-left: 5px;
	background: url(/res/img/public/md-icon.png) no-repeat 0 5px;
}

.moduletable {
	background: url(/res/img/public/module-bg.png);
	border: 1px solid #eaeaea;
	border-left: 0;
	border-radius: 0 10px 10px 0;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 30px;
	width: 255px;
	margin-bottom: 6px;
}

/* Sidebar Menu */
.sidemenu-title {
	margin: 0;
	width: 219px;
	height: 37px;
	line-height: 37px;
	background: url(/res/img/public/sidemenu-title.png) no-repeat;
	margin-bottom: -1px;
	text-align: center;
	color: #fff;
	font-family: 'bicubikregular';
	font-size: 20px;
	font-weight: normal;
}

.sidemenu {
	margin: 0;
}

.sidemenu li {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 42px;
}

.sidemenu li a {
	display: block;
	width: 202px;
	padding: 0;
	margin: 0;
	padding-left: 18px;
	padding-right: 4px;
	height: 42px;
	background: url(/res/img/public/sidemenu-item.png) no-repeat 0 2px;
	text-decoration: none;
	font-size: 14px;
	color: #3f4144;
	display: table;
	margin-top: -2px;
}

.sidemenu li a span {
	display: table-cell;
	vertical-align: middle;
}

.sidemenu li a:hover span {
	text-decoration: underline;
}


/* Sidebar News */
.news-wrapper {
	padding-right: 15px;
}

.news-item {
	padding: 10px 0 18px;
	border-top: 1px dashed #999999;
}

.news-item:first-child {
	border-top: 0;
}

.news-date {
	display: block;
}

.news-day {
	color: #004fb8;
	font-size: 29px;
	font-weight: bold;
	font-family: 'bicubikregular';
	display: inline-block;
	vertical-align: top;
	padding-right: 19px;
	background: url(/res/img/public/news-day.png) no-repeat right center;
}

.news-my {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	color: #004fb8;
	font-weight: bold;
	font-family: 'bicubikregular';
	color: #004fb8;
	padding-top: 5px;
}

.news-month {
	display: block;
}

.news-year {
	display: block;
}

.news-text {
	font-size: 14px;
	color: #004fb8;
	text-decoration: underline;
	display: block;
	margin-top: -3px;
}
.news-text:hover {
	text-decoration: none;
	color: #000000;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin: -82px auto 0;
	height: 82px;
	position: relative;
	color: #fff;
	overflow: hidden;
}

#footer a {
	color: #fff;
}

#footer-inner {
	width: 1000px;
	margin: 0px auto 0;
	height: 82px;
	position: relative;
}

.copyright {
	font-size: 12px;
	position: absolute;
	left: 25px;
	top: 23px;
}

.fmenu {
	margin: 0;
	position: absolute;
	top: 20px;
	left: 190px;
}

.fmenu li {
	list-style: none;
	display: inline;
}

.fmenu li:before {
	content: '\00A0\00A0/\00A0\00A0\00A0\00A0';
}

.fmenu li:first-child:before{ 
	content: "";
}

.fmenu li a {
	font-size: 12px;
	text-decoration: none;
}

.fmenu li.active a {
	font-weight: bold;
}

.fmenu li a:hover {
	text-decoration: underline;
}

.f-phone {
	font-size: 12px;
	position: absolute;
	right: 165px;
	top: 12px;
}

.f-phone span {
	font-weight: bold;
	font-size: 20px;
}

.link-feedback {
	font-size: 12px;
	position: absolute;
	right: 51px;
	top: 16px;
}

.extra_message{
	display: none;
	position: absolute;
	left: 9999px;
}

.object_block{
	background: #F3F3F3;
	overflow: hidden;
	margin-bottom: 20px;
}
	.object_block .image{
		padding-top: 20px;
		width: 180px;
		display: inline-block;
	}
	.object_block .description{
		vertical-align: top;
		width: 50%;
		display: inline-block;
		position: relative;
		overflow: hidden;
		padding: 0 20px 20px 20px;
	}
	
	
	
/* start pagination */

.pagination{
	margin: 0 auto;
	display: inline-block;
	font-family: "Tahoma", Arial, sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
	text-transform: uppercase;
}

.pagination .dots {
	bottom: -6px;
	color: #606060;
	position: relative;
}

.pagination a, .pagination .dots {
	display: inline-block;
	margin-right: 2px;
	padding: 2px 8px;
}
div.pagination a {
text-decoration:none !important;
}
div.pagination a:hover {
	color: #303030;
}

div.pagination a:active {
	color: #585858;
}

.pagination a.number {
	border: 1px solid #ddd;	
	
	/* CURVED CORNERS */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

.pagination a.number:hover {
	border-color: #d0d0d0;
	
	/* DROP SHADOWS */
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	text-decoration:none;
}

.item-wrap p {
font-size:11px;
font-weight:bold;
margin-bottom:10px !important;
}

.item-wrap {
width: 100%;
border-bottom:1px solid #E0E0E0;
padding:20px 20px 10px;
}

.pagination.white, .pagination.white a {
	color: #606060; 
}

.pagination.white a.number.current {
	background-color: #e0e0e0;
	border-color: #ddd #d8d8d8 #c4c4c4;
	color: #606060;
	text-shadow: 0px 1px 0px #fff;
	
	background: -moz-linear-gradient(top,
		#fff,
		#f4f4f4 50%,
		#e0e0e0
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.5, #f4f4f4),
		to(#e0e0e0)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f4f4f4', EndColorStr='#e0e0e0');
}

.pagination.white a.number.current:hover {
	background-color: #ebebeb;
	border-color: #dbdbdb #d4d4d4 #c0c0c0;
	
	background: -moz-linear-gradient(top,
		#fff,
		#f8f8f8 65%,
		#ebebeb
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.65, #f8f8f8),
		to(#ebebeb)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f8f8f8', EndColorStr='#ebebeb');
}

.pagination.white a.number.current:active {
	border-color: #c0c0c0 #d4d4d4 #dbdbdb;
	text-shadow: 0px -1px 0px #fff;
	
	background: -moz-linear-gradient(top,
		#ebebeb,
		#f4f4f4 50%,
		#fff
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#ebebeb),
		color-stop(0.5, #f4f4f4),
		to(#fff)
	);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f4f4f4', EndColorStr='#ffffff');
} 

/* end pagination */