@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic&subset=latin,cyrillic);

html {
    font-family: 'Open Sans', sans-serif !important;
}

#menutop,#menutop ul {
	list-style: none;
	margin: 0px;
	width: 100%;
	padding: 4px 25px 10px;
    box-sizing: border-box;
    display: table;
}
#menutop li{
	display: table-cell;
    padding: 0px 10px;
    text-align: center;
}
#menutop li ul{
	display: none;
	position: absolute;
}

#menutop a {
	color:#FFF;
	text-decoration: none;
	outline: none;
	display: block;
	padding: 10px 0px;
}
#menutop a:hover {
    background:url(images/menu/menu.png);
    text-decoration: underline;
}
#menutop li:hover {
	
}
#menutop li li a {
  width: 118px;
  background: none;
  
}
#menutop li:hover ul {
  display: block;
}

#menutop li:hover li ul {
  display: none;
}
#menutop li:hover li:hover ul {
  display: block;
}








#menufooter {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 1024px;
	height: 20px;
	position: relative;
}
#menufooter a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menufooter a:hover {
	background-position: left bottom;
}
#menufooter .homefooter {
	width: 85px;
	height: 20px;
	background: url(images/menu/homefooter.png) no-repeat;
	left: 60px;
	top: 0px;
}
#menufooter .aboutfooter {
	width: 99px;
	height: 20px;
	background: url(images/menu/aboutfooter.png) no-repeat;
	left: 195px;
	top: 0px;
}
#menufooter .servicefooter {
	width: 113px;
	height: 20px;
	background: url(images/menu/servicefooter.png) no-repeat;
	left: 318px;
	top: 0px;
}
#menufooter .katalogfooter {
	width: 110px;
	height: 20px;
	background: url(images/menu/katalogfooter.png) no-repeat;
	left: 465px;
	top: 0px;
}
#menufooter .newsfooter {
	width: 70px;
	height: 20px;
	background: url(images/menu/newsfooter.png) no-repeat;
	left: 601px;
	top: 0px;
}

#menufooter .partnersfooter {
	width: 82px;
	height: 20px;
	background: url(images/menu/partnersfooter.png) no-repeat;
	left: 735px;
	top: 0px;
}
#menufooter .contfooter {
	width: 82px;
	height: 20px;
	background: url(images/menu/contactfooter.png) no-repeat;
	left: 868px;
	top: 0px;
}






#sidebar1 {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 253px;
	height: 1000px;

	position: relative;
}

#sidebar1 a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#sidebar1 a:hover {
	background-position: left bottom;
}

#sidebar1 .innovation {
	width: 200px;
	height: 200px;
	background: url(images/sidebar/innovation.png) no-repeat;
	left: 20px;
	top: 0px;
}
#sidebar1 .gruz {
	width: 200px;
	height: 200px;
	background: url(images/sidebar/gruz.png) no-repeat;
	left: 20px;
	top: 200px;
}
#sidebar1 .metal {
	width: 200px;
	height: 200px;
	background: url(images/sidebar/metal.png) no-repeat;
	left: 20px;
	top: 400px;
}
#sidebar1 .metform {
	width: 200px;
	height: 200px;
	background: url(images/sidebar/metform.png) no-repeat;
	left: 20px;
	top: 600px;
}
#sidebar1 .neft {
	width: 200px;
	height: 200px;
	background: url(images/sidebar/neft.png) no-repeat;
	left: 20px;
	top: 800px;
}




#sidebar2 {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 1224px;
	height: 260px;

	position: relative;
}

#sidebar2 a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#sidebar2 a:hover {
	background-position: left bottom;
}

#sidebar2 .gruztop {
	width: 260px;
	height: 260px;
	background: url(images/sidebar/gruztop.png) no-repeat;
	left: 15px;
	top: 0px;
}
#sidebar2 .metaltop{
	width: 260px;
	height: 260px;
	background: url(images/sidebar/metaltop.png) no-repeat;
	left: 277px;
	top: 0px;
}
#sidebar2 .metformtop {
	width: 260px;
	height: 260px;
	background: url(images/sidebar/metformtop.png) no-repeat;
	left: 520px;
	top: 0px;
}
#sidebar2 .nefttop {
	width: 260px;
	height: 260px;
	background: url(images/sidebar/nefttop.png) no-repeat;
	left: 760px;
	top: 0px;
}
#sidebar2 .niokr {
	width: 260px;
	height: 260px;
	background: url(/images/sidebar/niokr.png) no-repeat;
	left: 1000px;
	top: 0px;
}





/************************************************************/

#logo_nav_home {
    display: table;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 30px;
}

#logo_nav_left {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

#logo_nav_home li {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    width: 16.6%;
}   /* 100% / 6 кнопок = 16.6% */

#logo_nav_left li {
    display: block;
    text-align: center;
    width: 200px;
    margin: 0px auto;
}

#logo_nav_home li a:before,
#logo_nav_left li a:before {
	display: block;
    height: 180px;
    vertical-align: middle;
    content: "";
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 400px;
}

#logo_nav_home li a:hover:before,
#logo_nav_left li a:hover:before {
    background-position: -200px 0px;
}

#logo_nav_home .gruz:before,
#logo_nav_left .gruz:before { background-image: url("../../images/logo_nav/gruz.png"); }

#logo_nav_home .metall:before,
#logo_nav_left .metall:before { background-image: url("../../images/logo_nav/metall.png"); }

#logo_nav_home .opory:before,
#logo_nav_left .opory:before { background-image: url("../../images/logo_nav/opory.png"); }

#logo_nav_home .uslugi:before,
#logo_nav_left .uslugi:before { background-image: url("../../images/logo_nav/uslugi.png"); }

#logo_nav_home .nakonechniki:before,
#logo_nav_left .nakonechniki:before { background-image: url("../../images/logo_nav/nakonechniki.png"); }

#logo_nav_home .innovacii:before,
#logo_nav_left .innovacii:before { background-image: url("../../images/logo_nav/innovacii.png"); }
    
#logo_nav_home li a,
#logo_nav_left li a {
    display: block;
	font-size: 16px;
	font-weight: bold;
	color: #0748ae;
	text-decoration: none;
}

#logo_nav_home .innovacii,
#logo_nav_left .innovacii { color: rgb(150, 25, 62); }