#header {
	height:119px;
}
#header #submenu {
	height: 37px;
}
#header #submenu ul {
	float: right;
	margin-top: 12px;
}
#header #submenu ul li {
	float: left;
	padding: 0px 20px;
	line-height: 17px;
	height: 17px;
	border-right: 1px solid #c5c5c5;
}
#header #submenu ul li:last-child {
	border: none;
	padding-right: 0px;
}
#header #submenu ul li a {
	font-size: 12px;
	line-height: 17px;
	color: #4f4f4f;
	text-decoration: none;
}
#header #menu {
	background: url(../images/footer.png) repeat;
	height: 82px;
}
#header #menu.fixed {
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 100;
}

#page-preloader{
position: fixed;
left: 0;
top: 0;
right:0;
bottom:0;
background: rgba(232,232,232,1.00);
z-index: 12000;}


.contpre small{font-size:18px;}
 
.contpre{
width: 250px;
height: 300px;
position: absolute;
left: 50%;top: 35%;
margin-left:-125px;
margin-top:-75px;
color:#000;
font-size:18px;
letter-spacing:0px;
text-align:center;
line-height:35px;}

/**********
  Reset
**********/
* {
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
	font-style: normal;
	font-weight: normal;
}
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	line-height: 1em;
	background-color: #f4f4f4;
}
ol, ul {
	list-style: none;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
img {
	border: 0;
}
a:hover {
	text-decoration: none !important;
	border-bottom: 0 !important;
}
a:hover i {
	border-bottom: 0 !important;
}
/**********/


body {
	font-family: 'Roboto Slab', serif;
	background: #fff;
	font-size: 14px;
	line-height: 170%;
	color: #1f2f38;
	min-width: 1000px;
}
#page {
	position: relative;
	min-height: 100%;
	height: auto;
	width: 100%;
	min-width: 1000px;
}
#footer {
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 10;
	width: 100%;
	min-width: 988px;
	height: 77px;
	background: url(../images/footer.png) repeat-x;
	text-align: center;
	z-index: 100;
}
.container {
	position: relative;
	z-index: 2;
	width: 100%;
	min-width: 988px;
	min-height: 100%;
}
.main-wrapper {
	overflow: hidden;
}
.block-wrapper {
	position: relative;
	width: 100%;
	min-height: 500px;
	overflow: hidden;
}
.block-container {
	position: relative;
	left: 0;
	top: 0;
	width: 6000px;
	height: 5000px;
}
.block-dragarea {
	position: relative;
	width: 9999px;
	height: 9999px;
}
.block {
	position: absolute;
	width: 1000px;
	min-height: 600px;
	z-index: 50;
}
.block .block-adress {
	position: absolute;
	right: 50px;
	width: 250px;
	top:50px;
}
.block .block-logo {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
.block .block-title h2 {
	font-size: 30px;
	margin-bottom: 20px;
	line-height: 1;
	font-family: 'Roboto Slab', serif;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center
}
.block .half-block {
	width: 450px;
	float: left;
}
.block .half-block:last-child {
	float: right;
}
.block .block-content ul {
	margin: 0px;
	padding: 0px;
}
.block .block-content ul li {
	padding-left: 20px;
	line-height: 24px;
	font-size: 14px;
	position: relative;
}
.block .block-content ul li a { color: #1f2f38; text-decoration:none ; -webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;}
.block .block-content ul li a:hover { text-decoration:underline !important;}
.block .block-content ul li:after {
	content: "—";
	line-height: 24px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}
.main-menu {
	margin: 0px auto;
	display: inline-block;
	margin-top: 30px;
}
.main-menu li {
	float: left;
	padding: 0px 33px 0px 25px;
	background: url(../images/menu-divider.png) no-repeat right center;
	display: block;
}
.main-menu li:last-child {
	background: none;
}
.main-menu li a {
	font-size: 16px;
	color: #1f2f38;
	text-decoration: none;
}
.blockbackground {
	width: 6000px;
	height: 5000px;
	position: relative;
}
.blockbackground #layer_02 {
	position: absolute;
	left: 1392px;
	top: 2498px;
	z-index: 48;
}
.blockbackground #layer_03 {
	position: absolute;
	left: 3223px;
	top: 3664px;
	z-index: 47;
}
.blockbackground #layer_04 {
	position: absolute;
	left: 3601px;
	top: 3230px;
	z-index: 46;
}
.blockbackground #layer_05 {
	position: absolute;
	left: 4052px;
	top: 2502px;
	z-index: 45;
}
.blockbackground #layer_06 {
	position: absolute;
	left: 1337px;
	top: 1184px;
	z-index: 44;
}
.blockbackground #layer_07 {
	position: absolute;
	left: 4027px;
	top: 2620px;
	z-index: 43;
}
.blockbackground #layer_08 {
	position: absolute;
	left: 1792px;
	top: 2527px;
	z-index: 42;
}
.blockbackground #layer_09 {
	position: absolute;
	left: 4096px;
	top: 3395px;
	z-index: 41;
}
.blockbackground #layer_10 {
	position: absolute;
	left: 2982px;
	top: 2933px;
	z-index: 40;
}
.blockbackground #layer_11 {
	position: absolute;
	left: 3128px;
	top: 2536px;
	z-index: 39;
}
.blockbackground #layer_12 {
	position: absolute;
	left: 2668px;
	top: 1168px;
	z-index: 38;
}
.blockbackground #layer_13 {
	position: absolute;
	left: 475px;
	top: 1326px;
	z-index: 37;
}
.blockbackground #layer_14 {
	position: absolute;
	left: 2312px;
	top: 3189px;
	z-index: 36;
}
.blockbackground #layer_15 {
	position: absolute;
	left: 2661px;
	top: 2735px;
	z-index: 35;
}
.blockbackground #layer_16 {
	position: absolute;
	left: 3479px;
	top: 1600px;
	z-index: 34;
}
.blockbackground #layer_17 {
	position: absolute;
	left: 2089px;
	top: 1128px;
	z-index: 33;
}
.blockbackground #layer_18 {
	position: absolute;
	left: 2308px;
	top: 443px;
	z-index: 32;
}
.blockbackground #layer_19 {
	position: absolute;
	left: 2132px;
	top: 772px;
	z-index: 31;
}
.blockbackground #layer_20 {
	position: absolute;
	left: 4814px;
	top: 2082px;
	z-index: 30;
}
.blockbackground #layer_21 {
	position: absolute;
	left: 2100px;
	top: 3417px;
	z-index: 29;
}
.blockbackground #layer_22 {
	position: absolute;
	left: 1479px;
	top: 1360px;
	z-index: 28;
}
.blockbackground #layer_23 {
	position: absolute;
	left: 4733px;
	top: 2497px;
	z-index: 27;
}
.blockbackground #layer_24 {
	position: absolute;
	left: 1531px;
	top: 2745px;
	z-index: 26;
}
.blockbackground #layer_25 {
	position: absolute;
	left: 1374px;
	top: 1417px;
	z-index: 25;
}
.blockbackground #layer_26 {
	position: absolute;
	left: 4879px;
	top: 2329px;
	z-index: 24;
}
.blockbackground #layer_27 {
	position: absolute;
	left: 5167px;
	top: 1874px;
	z-index: 23;
}
.blockbackground #layer_28 {
	position: absolute;
	left: 1839px;
	top: 1110px;
	z-index: 22;
}
.blockbackground #layer_29 {
	position: absolute;
	left: 1272px;
	top: 2586px;
	z-index: 21;
}
.blockbackground #layer_30 {
	position: absolute;
	left: 1773px;
	top: 3616px;
	z-index: 20;
}
.blockbackground #layer_31 {
	position: absolute;
	left: 3307px;
	top: 1391px;
	z-index: 19;
}
.blockbackground #layer_32 {
	position: absolute;
	left: 2387px;
	top: 1775px;
	z-index: 18;
}
.blockbackground #layer_33 {
	position: absolute;
	left: 2464px;
	top: 1493px;
	z-index: 17;
}
.blockbackground #layer_34 {
	position: absolute;
	left: 3747px;
	top: 1080px;
	z-index: 16;
}
.blockbackground #layer_35 {
	position: absolute;
	left: 4113px;
	top: 1212px;
	z-index: 15;
}
.blockbackground #layer_36 {
	position: absolute;
	left: 3776px;
	top: 3730px;
	z-index: 14;
}
.blockbackground #layer_37 {
	position: absolute;
	left: 1291px;
	top: 2260px;
	z-index: 13;
}
.blockbackground #layer_38 {
	position: absolute;
	left: 4274px;
	top: 2192px;
	z-index: 12;
}
.blockbackground #layer_39 {
	position: absolute;
	left: 500px;
	top: 2446px;
	z-index: 11;
}
.blockbackground #layer_40 {
	position: absolute;
	left: 1047px;
	top: 2465px;
	z-index: 10;
}
.blockbackground #layer_41 {
	position: absolute;
	left: 1182px;
	top: 2640px;
	z-index: 9;
}
.blockbackground #layer_42 {
	position: absolute;
	left: 1105px;
	top: 2830px;
	z-index: 8;
}
.blockbackground #layer_43 {
	position: absolute;
	left: 3094px;
	top: 1094px;
	z-index: 7;
}
.blockbackground #layer_44 {
	position: absolute;
	left: 3547px;
	top: 894px;
	z-index: 6;
}
.blockbackground #layer_45 {
	position: absolute;
	left: 3158px;
	top: 607px;
	z-index: 5;
}
.blockbackground #layer_46 {
	position: absolute;
	left: 3314px;
	top: 404px;
	z-index: 4;
}
.blockbackground #layer_47 {
	position: absolute;
	left: 3469px;
	top: 421px;
	z-index: 3;
}
.blockbackground #layer_48 {
	position: absolute;
	left: 3609px;
	top: 503px;
	z-index: 2;
}
.blockbackground #layer_49 {
	position: absolute;
	left: 2113px;
	top: 1386px;
	z-index: 1;
}
#block-main {
	height: 280px;
	width: 270px;
	padding-top: 130px;
}
#block-main .whrapper {
	width: 270px;
	height: 260px;
	text-align: center;
	margin: 0px auto;
	display: inline-block;
}
#block-main h4 {
	font-size: 18px;
	line-height: 1;
}
#block-main h3 {
	font-size: 30px;
	line-height: 1;
}
#block-1 p {
	font-size: 14px;
	margin-bottom: 20px;
	color: #1f2f38;
	line-height:1;
}
#block-1 h3 {
	font-size: 14px;
	margin-bottom: 10px;
	color: #1f2f38;
	line-height:1;
	font-weight:bold;
}
.block p { font-size:14px; line-height:18px; margin-bottom:20px;  }
.block li { font-size:14px; line-height:21px;} 

#modal h3 {
	line-height: 1;
	margin-bottom: 15px;
	font-size: 18px;
}
#modal p {
	font-size: 14px;
	margin: 0px;
	line-height: 23px;
}
#modal p.phonep {
	font-size: 18px;
}
#modal p.emailp {
	font-size: 18px;
}
#modal p.emailp a {
	color: #1f2f38
}
.block-modal1, .block-modal2 {
	margin-bottom: 14px;
}
#modal .block-form p {
	margin-bottom: 9px;
}
::-webkit-input-placeholder {color:#b8b9b9;}
::-moz-placeholder {color:#b8b9b9;} 
.block-form input {
	width: 100%;
	height: 50px;
	border: none;
	margin-bottom: 9px;
-webkit-box-shadow:inset 1px 1px 3px 1px rgba(0,0,0,0.3);
box-shadow:inset 1px 1px 3px 1px rgba(0,0,0,0.3);
	padding: 0px 20px;
	line-height: 50px;
	box-sizing: border-box;
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	color: #000;
}
.block-form textarea {
	width: 100%;
	height: 75px;
	border: none;
	margin-bottom: 8px;
-webkit-box-shadow:inset 1px 1px 3px 1px rgba(0,0,0,0.3);
box-shadow:inset 1px 1px 3px 1px rgba(0,0,0,0.3);
	padding: 20px;
	box-sizing: border-box;
	line-height: 24px;
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	color: #000;
	resize: none;
}

.modal-input.error, .modal-textarea.error  { background: rgba(244,62,65,1.00); color:#fff;}


.block-form button {
	border: 2px solid #1f2f38;
	height: 50px;
	width: 100%;
	line-height: 46px;
	text-align: center;
	background: #1f2f38;
	color: #fff;
	font-size: 18px;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	box-sizing:border-box;
}
.block-form button:hover {
	background: none;
	color: #1f2f38;
}
#modal .left-modal {
	width: 433px;
	float: left;
}
#modal .right-modal {
	width: 501px;
	float: right;
}
#block-main h3 { margin-bottom:20px;}
#block-main .modalopener { height:26px; line-height:26px; display:inline-block; padding:0px 10px; font-size:14px; color:#fff; background:#0D2B35; text-decoration:none; border:2px solid #0D2B35 !important;   }
#block-main .modalopener:hover { background:none; color:#0D2B35}

.block-adress h4 { font-size:18px !important ; font-weight:bold !important ; margin-bottom:10px !important ;  }
.block-adress h3 { font-size:28px !important; font-weight:normal  !important; line-height:1  !important; margin-bottom:20px !important;}
.block-adress p { text-align:center; }
.block-adress p a.modalopener { height:26px; line-height:26px; display:inline-block; padding:0px 10px; font-size:14px; color:#fff; background:#0D2B35; text-decoration:none; border:2px solid #0D2B35 !important;   }
.block-adress p a.modalopener:hover { background:none; color:#0D2B35}

.block li a {
	-webkit-transition: color 0.3s linear; 
	-moz-transition: color 0.3s linear; 
	-o-transition: color 0.3s linear; 
	transition: color 0.3s linear; 
	}
#block-pozharnayabezopasnost li a:hover{ color:#ec3800; text-decoration:none;}
#block-okhranatruda li a:hover { color:#ff8a00; text-decoration:none;}
#block-ekologiya li a:hover { color:#77a640; text-decoration:none;}
#block-uchebnyytsentr li a:hover { color:#0071da; text-decoration:none;}
#block-elektrotekhnicheskayalaboratoriya li a:hover { color:#ffba00; text-decoration:none;}
#block-yuridicheskayapodderzhka li a:hover { color:#a356d9; text-decoration:none;}

ul.main-menu li:nth-child(1) > a.activemenu { color:#ec3800}
ul.main-menu li:nth-child(2) > a.activemenu { color:#ff8a00}
ul.main-menu li:nth-child(3) > a.activemenu{ color:#77a640}
ul.main-menu li:nth-child(4) > a.activemenu{ color:#0071da}
ul.main-menu li:nth-child(5) > a.activemenu { color:#ffba00}
ul.main-menu li:nth-child(6) > a.activemenu { color:#a356d9}


@media (max-width: 1400px) {
.main-menu li {
	padding: 0px 25px 0px 15px;
}
.main-menu li:first-child {
	padding-left: 0px;
}
.main-menu li:last-child {
	padding-right: 0px;
}
.main-menu li a {
	font-size: 14px;
}
.block-logo img {
	height: 140px;
}
#block-main img {
	height: auto;
}
}
