.icono1 {
  position: relative;
  max-width: 100%;
	top: 10%;
	left: 1%;
	z-index: 990;   
}

.icono2 {
  position: relative;
  max-width: 100%;
	top: 50%;
	left: 25%;
	z-index: 999;   
}


.icono3 {
  position: relative;
  max-width: 100%;
	top: 10%;
	left: 1%;
	z-index: 990;   
}

.icono4 {
  position: relative;
  max-width: 100%;
	top: 50%;
	left: 12%;
	z-index: 999;   
}


.icono5 {
  position: relative;
  max-width: 100%;
	top: 10%;
	left: 1%;
	z-index: 990;   
}

.icono6 {
  position: relative;
  max-width: 100%;
	top: 50%;
	left: 30%;
	z-index: 999;   
}

/** pregunta1 MARKUP **/

.pregunta1 {
	/** Default pregunta1 to hidden */
	display: none;
	/** Position and style */
	position: relative;
	z-index: 999;
	width: 50%;
	height: 50%;
	top: 1%;
	left: 25%;
	background: transparent;
}

.pregunta1 img {
	/** Pad the pregunta1 image */
	max-width: 50%;
	max-height: 80%;
	margin-top: 0%;
}

.pregunta1:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide pregunta1 **/
	display: block;
}



.respuesta1 {
	/** Default pregunta1 to hidden */
	display: none;
	/** Position and style */
	position: relative;
	z-index: 999;
	width: 100%;
	height: 100%;
	top: 1%;
	left: 160%;
	background: transparent;
}

.respuesta1 img {
	/** Pad the pregunta1 image */
	max-width: 100%;
	max-height: 100%;
	margin-top: 0%;
}

.respuesta1:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide pregunta1 **/
	display: block;
}