.inside{
  position: relative;
  width: 1024px;
	height:0;
  padding-top: 768px;
  margin: 0;
	background: url('ApertoBackground.jpg');
  overflow: hidden;
}
.inside.loading
{
  background: url('loading.gif') no-repeat;
  background-position: center;
}
#zone1{
	position: absolute;
  /*
	margin-left: 422px;
	margin-top: 234px;
  */
  top: 30.46%;
  left: 41.21%;
  width: 19.53%;
  height: 26.04%;

	z-index: 2;
}
#zone2{
	position: absolute;
  /*
	margin-left: 624px;
  */
  top: 0;
  left: 60.94%;
  /* width: 39.16%; */
  height: 100%;
	z-index: 3;
}
#zone3{
	position: absolute;
  top: 0;
	left:0;
  /* width: 41.40%; */
  height: 100%;
	z-index: 1;
}
#zone4{
	position: absolute;
  /*
	margin-top: 338px;
	margin-left: 175px;
  */
  top: 44.01%;
  left: 17.09%;
  width: 75.78%;
  height: 56.25%;
	z-index: 4;
}
@media screen and (max-width: 1124px)
{
  .inside{
    width: 100%;
    padding-top: 75%;
    background-size: 100%;
  }
  #zone1 img,
  #zone4 img
  {
    position: relative;
    width: 100%;
  }
  #zone2 img,
  #zone3 img
  {
    height: 100%;
    width: auto;
  }
}