.bigButton {width: 100%; display: block; position: relative; overflow: hidden; float: left; clear: both;}
.bigButton img {max-width: 100%; float: left; visibility: visible; position: relative;}
.bigButton span {float: left; display: block; background-repeat: no-repeat; background-position: top right; width: 100%; overflow: hidden; position: relative;}
.bigButton span span {background-position: top left; height: 170px; width: 245px; position: absolute; top: 0px; left: 0px;}

@media only screen and (min-width: 930px) {
	.bigButton img {visibility: hidden;}
}
.bigButton img {visibility: hidden;}

.b_01 {background-image: url('images/bigButtons/bigButton_01_bg.png');}
.b_01 span {background-image: url('images/bigButtons/bigButton_01_r.png');}
.b_01 span span {background-image: url('images/bigButtons/bigButton_01.png');}
.b_02 {background-image: url('images/bigButtons/bigButton_02_bg.png');}
.b_02 span {background-image: url('images/bigButtons/bigButton_02_r.png');}
.b_02 span span {background-image: url('images/bigButtons/bigButton_88.png');}
.b_03 {background-image: url('images/bigButtons/bigButton_03_bg.png');}
.b_03 span {background-image: url('images/bigButtons/bigButton_03_r.png');}
.b_03 span span {background-image: url('images/bigButtons/bigButton_03.png');}


.scale {
    transition: 0.5s; /* Время эффекта */
   }
   .scale:hover {
    transform: scale(1.1); /* Увеличиваем масштаб */
   }



.button {display: block; text-decoration: none; float: left;}
.button span {background-image: url('images/button.png'); background-repeat: no-repeat; display: block; height: 56px; position: relative; cursor: pointer;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.button .l {float: left; background-position: 0px 0px; width: 30px; margin-right: -30px;}
.button .r {float: right; background-position: -30px 0px; width: 30px; margin-left: -30px;}
.button .m {color: white; text-decoration: none; font-size: 20px; line-height: 54px; padding: 0px 0px; background-repeat: repeat-x; background-position: 0px -56px; margin: 0px 30px; text-align: center;  white-space: nowrap;}
.button .m input {height: 20px; line-height: 20px; font-size: 20px; border: none; outline: none; font-family: "PT Sans", sans-serif; background: transparent;}
.button:hover .m {color: white; background-position: 0px -112px;}
.button:hover .l {background-position: -60px 0px;}
.button:hover .r {background-position: -90px 0px;}
.button:active .m {color: white; background-position: 0px -168px !important;}
.button:active .l {background-position: -120px 0px !important;}
.button:active .r {background-position: -150px 0px !important;}


.b_small span {background-image: url('images/buttonsmall20x40px.png'); height: 40px;}
.b_small .l {background-position: 0px 0px; width: 20px; margin-right: -20px;}
.b_small .r {background-position: -20px 0px; width: 20px; margin-left: -20px;}
.b_small .m {font-size: 14px; font-family: "Arial", "Helvetica", sans-serif; font-weight: bold; line-height: 40px; background-position: 0px -40px; margin: 0px 20px;}
.b_small:hover .m {background-position: 0px -80px;}
.b_small:hover .l {background-position: -40px 0px;}
.b_small:hover .r {background-position: -60px 0px;}
.b_small:active .m {background-position: 0px -120px !important;}
.b_small:active .l {background-position: -80px 0px !important;}
.b_small:active .r {background-position: -100px 0px !important;}


.b_small_yellow span {background-image: url('images/buttonsmall_yellow20x40px.png'); height: 40px;}
.b_small_yellow .l {background-position: 0px 0px; width: 20px; margin-right: -20px;}
.b_small_yellow .r {background-position: -20px 0px; width: 20px; margin-left: -20px;}
.b_small_yellow .m {font-size: 14px; font-family: "Arial", "Helvetica", sans-serif; font-weight: bold; line-height: 40px; background-position: 0px -40px; margin: 0px 20px;}
.b_small_yellow:hover .m {background-position: 0px -80px;}
.b_small_yellow:hover .l {background-position: -40px 0px;}
.b_small_yellow:hover .r {background-position: -60px 0px;}
.b_small_yellow:active .m {background-position: 0px -120px !important;}
.b_small_yellow:active .l {background-position: -80px 0px !important;}
.b_small_yellow:active .r {background-position: -100px 0px !important;}


.b_verysmall span {background-image: url('images/buttonsmall20x20px.png'); height: 24px;}
.b_verysmall .l {background-position: 0px 0px; width: 20px; margin-right: -20px;}
.b_verysmall .r {background-position: -20px 0px; width: 20px; margin-left: -20px;}
.b_verysmall .m {font-size: 10px; font-family: "Arial", "Helvetica", sans-serif; font-weight: bold; line-height: 23px; background-position: 0px -24px; margin: 0px 10px;}
.b_verysmall:hover .m {background-position: 0px -48px;}
.b_verysmall:hover .l {background-position: -40px 0px;}
.b_verysmall:hover .r {background-position: -60px 0px;}
.b_verysmall:active .m {background-position: 0px -72px !important;}
.b_verysmall:active .l {background-position: -80px 0px !important;}
.b_verysmall:active .r {background-position: -100px 0px !important;}



.b_small_inactive span {cursor: default;}
.b_small_inactive .m {background-position: 0px -160px;}
.b_small_inactive .l {background-position: -120px 0px;}
.b_small_inactive .r {background-position: -140px 0px;}
.b_small_inactive:hover .m {background-position: 0px -160px !important;}
.b_small_inactive:hover .l {background-position: -120px 0px !important;}
.b_small_inactive:hover .r {background-position: -140px 0px !important;}


.button_23x46 span {background-image: url('images/button_skyblue_23x46px.png'); height: 46px;}
.button_23x46 .l {background-position: 0px 0px; width: 23px; margin-right: -23px;}
.button_23x46 .r {background-position: -23px 0px; width: 23px; margin-left: -23px;}
.button_23x46 .m {font-size: 14px; font-family: "Arial", "Helvetica", sans-serif; font-weight: normal; line-height: 46px; background-position: 0px -46px; margin: 0px 23px;}
.button_23x46:hover .m {background-position: 0px -92px;}
.button_23x46:hover .l {background-position: -46px 0px;}
.button_23x46:hover .r {background-position: -69px 0px;}
.button_23x46:active .m {background-position: 0px -138px !important;}
.button_23x46:active .l {background-position: -92px 0px !important;}
.button_23x46:active .r {background-position: -115px 0px !important;}

.button_sky_blue span {background-image: url('images/button_skyblue_23x46px.png');}
.button_orange span {background-image: url('images/button_orange_23x46px.png'); font-weight: bold !important;}