.img {      padding: 0px 0px 0 12px;    padding-top: 12px;}
.img2 {padding:1px;}

#logon {background:url(./img/button_sign_in_1-1_semg.c.png) no-repeat; background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/button_sign_in_1-1_semg.c.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/button_sign_in_1-1_semg.c.png', sizingMethod='scale')";}
#logon:active {background:url(./img/button_sign_in_1-1push_semg.c.png) no-repeat; background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/button_sign_in_1-1push_semg.c.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/button_sign_in_1-1push_semg.c.png', sizingMethod='scale')";}
#pass {background:url(./img/button_sign_in_1-2_semg.c.png) no-repeat; background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/button_sign_in_1-2_semg.c.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/button_sign_in_1-2_semg.c.png', sizingMethod='scale')";}
#pass:active {background:url(./img/button_sign_in_1-2push_semg.c.png) no-repeat; background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/button_sign_in_1-2push_semg.c.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/button_sign_in_1-2push_semg.c.png', sizingMethod='scale')";}
#si {background:url(./img/button_sign_in_1-3_semg.c.png) no-repeat; background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/button_sign_in_1-3_semg.c.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/button_sign_in_1-3_semg.c.png', sizingMethod='scale')";}
#si:active {background:url(./img/button_sign_in_1-3push_semg.c.png) no-repeat; background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/button_sign_in_1-3push_semg.c.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/button_sign_in_1-3push_semg.c.png', sizingMethod='scale')";}
#mailto { width:66px; height:77px;}
#mailto:active { width:66px; height:77px;}
a {border:none;}
a img {border:none;}

a.erchref {display:block;     margin-left: 16px;    margin-top: -1px; background:url(/img/button_sign_in_1-4_semg.c.png); width: 312px; height: 22px; background-size: 312px;}

a.erchref:active {background:url(/img/button_sign_in_1-4push_semg.c.png); background-size: 312px;}

.cssload-container *, .cssload-container *:before, .cssload-container *:after{
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}

.cssload-container {
	    margin: 7px auto;
    width: 231px;
    height: 61px;
}
.cssload-container > div {
	float: left;
	background: rgb(0,0,0);
	height: 100%;
	width: 20px;
	margin-right: 3px;
	display: inline-block;
}

.cssload-container .cssload-shaft1 {
	animation-delay: 0.11s;
		-o-animation-delay: 0.11s;
		-ms-animation-delay: 0.11s;
		-webkit-animation-delay: 0.11s;
		-moz-animation-delay: 0.11s;
}
.cssload-container .cssload-shaft2 {
	animation-delay: 0.22s;
		-o-animation-delay: 0.22s;
		-ms-animation-delay: 0.22s;
		-webkit-animation-delay: 0.22s;
		-moz-animation-delay: 0.22s;
}
.cssload-container .cssload-shaft3 {
	animation-delay: 0.33s;
		-o-animation-delay: 0.33s;
		-ms-animation-delay: 0.33s;
		-webkit-animation-delay: 0.33s;
		-moz-animation-delay: 0.33s;
}
.cssload-container .cssload-shaft4 {
	animation-delay: 0.44s;
		-o-animation-delay: 0.44s;
		-ms-animation-delay: 0.44s;
		-webkit-animation-delay: 0.44s;
		-moz-animation-delay: 0.44s;
}
.cssload-container .cssload-shaft5 {
	animation-delay: 0.55s;
		-o-animation-delay: 0.55s;
		-ms-animation-delay: 0.55s;
		-webkit-animation-delay: 0.55s;
		-moz-animation-delay: 0.55s;
}
.cssload-container .cssload-shaft6 {
	animation-delay: 0.66s;
		-o-animation-delay: 0.66s;
		-ms-animation-delay: 0.66s;
		-webkit-animation-delay: 0.66s;
		-moz-animation-delay: 0.66s;
}
.cssload-container .cssload-shaft7 {
	animation-delay: 0.77s;
		-o-animation-delay: 0.77s;
		-ms-animation-delay: 0.77s;
		-webkit-animation-delay: 0.77s;
		-moz-animation-delay: 0.77s;
}
.cssload-container .cssload-shaft8 {
	animation-delay: 0.88s;
		-o-animation-delay: 0.88s;
		-ms-animation-delay: 0.88s;
		-webkit-animation-delay: 0.88s;
		-moz-animation-delay: 0.88s;
}
.cssload-container .cssload-shaft9 {
	animation-delay: 0.99s;
		-o-animation-delay: 0.99s;
		-ms-animation-delay: 0.99s;
		-webkit-animation-delay: 0.99s;
		-moz-animation-delay: 0.99s;
}
.cssload-container .cssload-shaft10 {
	animation-delay: 1.1s;
		-o-animation-delay: 1.1s;
		-ms-animation-delay: 1.1s;
		-webkit-animation-delay: 1.1s;
		-moz-animation-delay: 1.1s;
}

.cssload-container > div {
	height: 7px;
	animation: cssload-wave 2.2s infinite ease-in-out;
		-o-animation: cssload-wave 2.2s infinite ease-in-out;
		-ms-animation: cssload-wave 2.2s infinite ease-in-out;
		-webkit-animation: cssload-wave 2.2s infinite ease-in-out;
		-moz-animation: cssload-wave 2.2s infinite ease-in-out;
	transform: translateY"("-34px")";
		-o-transform: translateY"("-34px")";
		-ms-transform: translateY"("-34px")";
		-webkit-transform: translateY"("-34px")";
		-moz-transform: translateY"("-34px")";
}



@keyframes cssload-wave {
	50% {
		background: rgb(255,128,0);
		transform: translateY"("34px")";
	}
}

@-o-keyframes cssload-wave {
	50% {
		background: rgb(255,128,0);
		-o-transform: translateY"("34px")";
	}
}

@-ms-keyframes cssload-wave {
	50% {
		background: rgb(255,128,0);
		-ms-transform: translateY"("34px")";
	}
}

@-webkit-keyframes cssload-wave {
	50% {
		background: rgb(255,128,0);
		-webkit-transform: translateY"("34px")";
	}
}

@-moz-keyframes cssload-wave {
	50% {
		background: rgb(255,128,0);
		-moz-transform: translateY"("34px")";
	}
}
.hidescreen,
 .load_page {
  position: fixed;
  display: none; /*изначально блоки скрыты*/
 }
 .hidescreen {
  z-index: 10; 
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 1;
  filter: alpha(opacity=70);
  left:0;
  top:0;
 }
 .load_page {
         z-index: 11;
    width: 228px;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    margin-left: -114px;
    margin-top: -55px;
    text-align: center;
    height: 110px;
  
   
 }
 

div#rotator {position:relative; }
div#rotator ul li { position:absolute; list-style: none;}
div#rotator ul li.show {z-index:-1;}

 a.knopmal {}
  a.knopmal:hover {}
 #mailto {background: url(/img/button_5_semg.c.png); display:block; width:70px; height:82px;    background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/button_5_semg.c.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/button_5_semg.c.png', sizingMethod='scale')";}
#mailto:active {
	background: url(/img/button_5push_semg.c.png); 
	background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/button_5push_semg.c.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/button_5push_semg.c.png', sizingMethod='scale')";}
 
 a.my1 {    color: black;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    font-family: tahoma;
    vertical-align: bottom;
    position: relative;
    top: 2px;}
 a.my1:hover {color:#00a3e4;}
 
 
 a.erchref1 {display:block;     margin-left: 15px;    margin-top: -1px; background:url(/img/button_1-1_energy_products_semg.c.png); width: 540px; height: 28px; background-size: 540px;     margin: 0 auto; margin-top: 28px;}
a.erchref1:active {background:url(/img/button_1-1push_energy_products_semg.c.png); background-size: 540px;}

 a.erchref2 {display:block;     margin-left: 15px;    margin-top: -1px; background:url(/img/button_1-2_metals_&_minerals_semg.c.png); width: 540px; height: 28px; background-size: 540px;     margin: 0 auto; margin-top: 28px;}
a.erchref2:active {background:url(/img/button_1-2push_metals_&_minerals_semg.c.png); background-size: 540px;}

 a.erchref3 {display:block;     margin-left: 15px;    margin-top: -1px; background:url(/img/button_1-3_engineering_&_equipment_semg.c.png); width: 540px; height: 28px; background-size: 540px;     margin: 0 auto; margin-top: 28px;}
a.erchref3:active {background:url(/img/button_1-3push_engineering_&_equipment_semg.c.png); background-size: 540px;}

 a.erchref4 {display:block;     margin-left: 15px;    margin-top: -1px; background:url(/img/button_1-4_development_&_construction_semg.c.png); width: 540px; height: 28px; background-size: 540px;     margin: 0 auto; margin-top: 28px;}
a.erchref4:active {background:url(/img/button_1-4push_development_&_construction_semg.c.png); background-size: 540px;}

 a.erchref5 {display:block;     margin-left: 15px;    margin-top: -1px; background:url(/img/button_1-5_industry_semg.c.png); width: 540px; height: 28px; background-size: 540px;     margin: 0 auto; margin-top: 28px;}
a.erchref5:active {background:url(/img/button_1-5push_industry_semg.c.png); background-size: 540px;}

 a.erchref6 {display:block;     margin-left: 15px;    margin-top: -1px; background:url(/img/button_1-6_ecology_semg.c.png); width: 540px; height: 28px; background-size: 540px;     margin: 0 auto; margin-top: 28px;}
a.erchref6:active {background:url(/img/button_1-6push_ecology_semg.c.png); background-size: 540px;}

 a.erchref7 {display:block;     margin-left: 15px;    margin-top: -1px; background:url(/img/button_1-7_marketing_&_trading_semg.c.png); width: 540px; height: 28px; background-size: 540px;     margin: 0 auto; margin-top: 28px;}
a.erchref7:active {background:url(/img/button_1-7push_marketing_&_trading_semg.c.png); background-size: 540px;}

a.dsfww1:after {      display: inline-block;
    position: absolute;
    top: 0px;
    
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    opacity: .20;
    z-index: 1;
    background: #000;
    content: '';}

a.dsfww1 {    position: relative;
    width: 79px;
    display: inline-block;
    height: 108px;
    margin: 0px 0;
    float: left;}

	a.dsfww1:hover::after {  -webkit-transform:scale(1);transform:scale(1)}
	
	
	
	a.dsfww2:after {      display: inline-block;
    position: absolute;
    top: 0px;
    
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    opacity: .1;
    z-index: 1;
    background: #000;
    content: '';}

a.dsfww2 {    position: relative;
    width: 170px;
    display: inline-block;
    height: 233px;
    margin: 0px 0;
    float: left;}

	a.dsfww2:hover::after {  -webkit-transform:scale(1);transform:scale(1)}


a.dsfww:after {      display: inline-block;
    position: absolute;
    top: 0px;
    
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    opacity: .20;
    z-index: 1;
    background: #000;
    content: '';}

a.dsfww {    position: relative;
    width: 170px;
    display: inline-block;
    height: 108px;
    margin: 0px 0;
    float: left;}

	a.dsfww:hover::after {  -webkit-transform:scale(1);transform:scale(1)}