.menu { background:url(menu.png) no-repeat; background-size: 2980px 1000px; width:986px; white-space: nowrap; overflow:hidden; height:32px;}
@media (min-width: 1200px) { .menu { background:url(menu.png) no-repeat; background-size: 3538px 1188px; width:1140px; white-space: nowrap; overflow:hidden; height:36px;} }
div.menu ul { list-style: none; margin: 0px; padding: 0px;}
div.menu ul a li, div.menu ul li.active { display:list-item; }
div.menu ul li { display:none; float:left; height:39px; width:1px; color: #494949; }
div.menu ul:hover .active { position:relative; left:-6px; }
div.menu ul .active:hover { position:relative; left:0px !important;}
div.menu ul .m1 { width: 69px; } div.menu ul .m1:hover, div.menu ul .m1.active  { width:75px; background:url(menu.png); background-position:-5px -50px; background-size: 2980px 1000px; }

@media (min-width: 1200px) {div.menu ul .m1 { width: 82px; } div.menu ul .m1:hover, div.menu ul .m1.active  { width:89px; background:url(menu.png); background-position:-5px -59px; background-size: 3538px 1188px; }}
div.menu ul .m2 { width: 61px; } div.menu ul .m2:hover, div.menu ul .m2.active  { width:67px; background:url(menu.png); background-position:-5px -100px; background-size: 2980px 1000px; }

@media (min-width: 1200px) {div.menu ul .m2 { width: 72px; } div.menu ul .m2:hover, div.menu ul .m2.active  { width:80px; background:url(menu.png); background-position:-5px -119px; background-size: 3538px 1188px; }}
div.menu ul .m3 { width: 58px; } div.menu ul .m3:hover, div.menu ul .m3.active  { width:64px; background:url(menu.png); background-position:-5px -150px; background-size: 2980px 1000px; }

@media (min-width: 1200px) {div.menu ul .m3 { width: 69px; } div.menu ul .m3:hover, div.menu ul .m3.active  { width:76px; background:url(menu.png); background-position:-5px -178px; background-size: 3538px 1188px; }}
div.menu ul .m4 { width: 114px; } div.menu ul .m4:hover, div.menu ul .m4.active  { width:120px; background:url(menu.png); background-position:-5px -200px; background-size: 2980px 1000px; }

@media (min-width: 1200px) {div.menu ul .m4 { width: 135px; } div.menu ul .m4:hover, div.menu ul .m4.active  { width:143px; background:url(menu.png); background-position:-5px -237px; background-size: 3538px 1188px; }}
div.menu ul .m5 { width: 100px; } div.menu ul .m5:hover, div.menu ul .m5.active  { width:106px; background:url(menu.png); background-position:-5px -250px; background-size: 2980px 1000px; }

@media (min-width: 1200px) {div.menu ul .m5 { width: 119px; } div.menu ul .m5:hover, div.menu ul .m5.active  { width:126px; background:url(menu.png); background-position:-5px -297px; background-size: 3538px 1188px; }}
div.menu ul .m6 { width: 92px; } div.menu ul .m6:hover, div.menu ul .m6.active  { width:98px; background:url(menu.png); background-position:-5px -300px; background-size: 2980px 1000px; }

@media (min-width: 1200px) {div.menu ul .m6 { width: 109px; } div.menu ul .m6:hover, div.menu ul .m6.active  { width:116px; background:url(menu.png); background-position:-5px -356px; background-size: 3538px 1188px; }}
div.menu ul .m7 { width: 74px; } div.menu ul .m7:hover, div.menu ul .m7.active  { width:80px; background:url(menu.png); background-position:-5px -350px; background-size: 2980px 1000px; }

@media (min-width: 1200px) {div.menu ul .m7 { width: 88px; } div.menu ul .m7:hover, div.menu ul .m7.active  { width:95px; background:url(menu.png); background-position:-5px -416px; background-size: 3538px 1188px; }}
div.menu ul .m8 { width: 130px; } div.menu ul .m8:hover, div.menu ul .m8.active  { width:136px; background:url(menu.png); background-position:-5px -400px; background-size: 2980px 1000px; }

@media (min-width: 1200px) {div.menu ul .m8 { width: 154px; } div.menu ul .m8:hover, div.menu ul .m8.active  { width:162px; background:url(menu.png); background-position:-5px -475px; background-size: 3538px 1188px; }}
div.menu ul .m9 { width: 92px; } div.menu ul .m9:hover, div.menu ul .m9.active  { width:98px; background:url(menu.png); background-position:-5px -450px; background-size: 2980px 1000px; }

@media (min-width: 1200px) {div.menu ul .m9 { width: 109px; } div.menu ul .m9:hover, div.menu ul .m9.active  { width:116px; background:url(menu.png); background-position:-5px -534px; background-size: 3538px 1188px; }}
div.menu ul .m10 { width: 82px; } div.menu ul .m10:hover, div.menu ul .m10.active  { width:88px; background:url(menu.png); background-position:-5px -500px; background-size: 2980px 1000px; }

@media (min-width: 1200px) {div.menu ul .m10 { width: 97px; } div.menu ul .m10:hover, div.menu ul .m10.active  { width:105px; background:url(menu.png); background-position:-5px -594px; background-size: 3538px 1188px; }}
div.menu ul .m11 { width: 101px; } div.menu ul .m11:hover, div.menu ul .m11.active  { width:107px; background:url(menu.png); background-position:-5px -550px; background-size: 2980px 1000px; }

@media (min-width: 1200px) {div.menu ul .m11 { width: 120px; } div.menu ul .m11:hover, div.menu ul .m11.active  { width:127px; background:url(menu.png); background-position:-5px -653px; background-size: 3538px 1188px; }}