.zah{
	background: url(../images/zah.png);
	width: 900px;
	height: 340px;
	position: relative;
	margin-left: 19%;
}



* {
	padding: 0;
	margin: 0;
}

td {
	vertical-align: top;
}

.clr {
	clear: both;
}

body {

background: url(../images/bg.jpg) repeat ;


}
#wrapper {
	width: 1024px;
	margin: 0 auto;
	position: relative;
}




.info
{
	padding-top: 93px;
	font-family: Futura;
	font-size: 13px;
/*	text-transform: uppercase;*/
	text-align: center;
	/*letter-spacing: 1px;*/
}

.pad {
	margin-left: 200px;
	margin-top: 80px;
	.block {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		
		
		
		.tap:hover {
		opacity: 1;
		
		
		
			.box {
			display: block;
				opacity:1;
				background-color: #fff;
				
				-webkit-transition: all 0.9s ease-out;  /* Chrome 1-25, Safari 3.2+ */
				     -moz-transition: all 0.9s ease-out;  /* Firefox 4-15 */
				       -o-transition: all 0.9s ease-out;  /* Opera 10.50–12.00 */
				          transition: all 0.9s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
				  		
					  }
		
		}
		
		
		
		.tap {
		opacity: 0.8;
			position: relative;
			float: left;
			width: 100px;
			height: 120px;
			margin: 0px 10px 9px 10px;
			cursor: pointer;
			background: url(../images/button_off.png) no-repeat center center;
			background-size: 95px;
			overflow: visible;
			
			
			
			.box{ z-index: 1000;
				position: absolute;
				margin-left: 0px;
				margin-top: 130px;
				background-color: #fff;
				border: 1px solid #333;
				padding: 10px;
				font-size: 13px;
				font-family: Futura;
				opacity: 0.0;
				display: none;
			}
			
			
			
			.active {
				display: none;
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100px;
				height: 120px;
				background: url(../images/button_on.png) no-repeat center center;
				background-size: 95px;
			}
			i {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				font-family: CirceRegular;
				font-size: 20px;
				color: #fff;
				line-height: 95px;
				text-transform: uppercase;
				text-align: center;
				right: 0;
				bottom: 0;
				font-style: normal;
				z-index: 2;
			}
			.active i {
				display: none;
			}
		}
	}
}