.arreglo > div{
	position:absolute;
	top: 280px;
	left: 140px;
	height: 210px;
	display: inline-block;   	
}

.ubica{
	margin-left:60px;
	cursor: pointer;
}

#boton1{
	position: absolute;
	background: url('../img/03_04_btn1.png') no-repeat;
	width: 205px;
	height: 205px;
}
#boton1:hover{
	background: url('../img/03_04_btn1sobre.png') no-repeat;
	top: 10px;
}

#boton2{
	position: absolute;
	left: 260px;
	background: url('../img/03_04_btn2.png') no-repeat;
	width: 205px;
	height: 205px;
}
#boton2:hover{
	background: url('../img/03_04_btn2sobre.png') no-repeat;
	top: 10px;
}

#boton3{
	position: absolute;
	left: 510px;
	background: url('../img/03_04_btn3.png') no-repeat;
	width: 205px;
	height: 205px;
}
#boton3:hover{
	background: url('../img/03_04_btn3sobre.png') no-repeat;
	top: 10px;
}

#boton4{
	position: absolute;
	left: 760px;
	background: url('../img/03_04_btn4.png') no-repeat;
	width: 205px;
	height: 205px;
}
#boton4:hover{
	background: url('../img/03_04_btn4sobre.png') no-repeat;
	top: 10px;
}

.ejemplo1{
	background: url('../img/03_04_ejemplo.png') no-repeat;
	width: 238px;
	height: 55px;
	cursor:pointer;
	position:absolute;
	right: 38px;
	bottom: 33px;
}
.ejemplo1:active{
	background: url('../img/03_04_ejemplosobre.png') no-repeat;
}