.klok_section{
	display: block;
	width: 709px;
	height: 380px;
	position: relative;
}

.section_1{
	background: url(../images/fondo.png) no-repeat center center;
}

.piezas{
	width: 200px;
	height: auto;
	position: absolute;
	display:block;
	bottom: 10px;
	text-align: center;
	right: 0px;
}

.ph{
	position: absolute;
	display: block;
}

.op1{
	width: 111px;
	height: 88px;
	left: 395px;
	top: 0px;
}

.op2{
	width: 111px;
	height: 88px;
	left: 395px;
	top: 265px;
}

.op3{
	width: 111px;
	height: 88px;
	left: 10px;
	top: 265px;
	
}

.op4{
	width: 111px;
	height: 88px;
	left: 10px;
	top: 0px;
}

.fa1{
	width: 80px;
	height: 64px;
	left: 255px;
	top: 85px;
}

.fa2{
	width: 80px;
	height: 64px;
	left: 275px;
	top: 190px;
}

.fa3{
	width: 80px;
	height: 64px;
	left: 164px;
	top: 200px;
}

.fa4{
	width: 80px;
	height: 64px;
	left: 160px;
	top: 103px;
}



.piezas img{
	cursor: pointer;
	float: left;
}

#alert{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 1001;
}

#alert_txt{
	position: absolute;
	width: 371px;
	padding: 10px;
	font-family:'avenir';
	font-size: 16px;
	text-align: center;
	line-height: 18px;
	color: #FFFFFF;
	text-overflow: clip;
	text-shadow: #414b1d 0px 1px 0px;
	margin-top: -50px;
}

#alert_cont{
	background:  url(../images/retroalimentacion.png);
	position: relative;
}

#cerrar{
	position: absolute;
	top:-8px;
	right:-8px;
	cursor: pointer;
}

#msg{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 1000;
}

#reiniciar{
	display: none;
}