#canvas {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 2500px;
  height: 320px;
  z-index: 6;
  pointer-events: auto;
  
}

.popi_head { 
  position: relative;
  top: -290px;
  right: -650px;  
  width: 300px;
  z-index: 5;
}
.popi_feet {
   position: relative;
  top: -34px;
  right: -650px;  
  width: 300px;
  z-index: 5;
}
.popi_eye1 {
 
  position: absolute;
  bottom: 59.9%;
  left: 35%; 
  text-align: center;
  pointer-events: none;
	
}
.popi_eye2 {
 
  position: absolute;
  bottom: 59.9%;
  left: 49%; 
  text-align: center;
  pointer-events: none;
 
}

.titulo_cuentos {
	width: 1000px;
	height: 77px;
	float:left;	
	margin-left: 80px;
	background-image: url('../img/titulo_cuentos.png');
	background-repeat: no-repeat;
	display: block;
	clear: both;
}
.titulo_canciones {
	width: 1000px;
	height: 77px;
	float:left;	
	margin-left: 80px;
	background-image: url('../img/titulo_canciones.png');
	background-repeat: no-repeat;
	display: block;
	clear: both;
}
.titulo_documentales {
	width: 1000px;
	height: 77px;
	float:left;	
	margin-left: 80px;
	background-image: url('../img/titulo_documentales.png');
	background-repeat: no-repeat;
	display: block;
	clear: both;
}
.titulo_materiales {
	width: 1000px;
	height: 77px;
	float:left;	
	margin-left: 80px;
	background-image: url('../img/titulo_materiales.png');
	background-repeat: no-repeat;
	display: block;
	clear: both;
}
.titulo_web {
	width: 1000px;
	height: 77px;
	float:left;	
	margin-left: 80px;
	background-image: url('../img/titulo_web.png');
	background-repeat: no-repeat;
	display: block;
	clear: both;
}
.titulo_pop {
	width: 1000px;
	height: 77px;
	float:left;	
	margin-left: 80px;
	background-image: url('../img/titulo_pop.png');
	background-repeat: no-repeat;
	display: block;
	clear: both;
}
.titulo_pd {
	width: 1000px;
	height: 77px;
	float:left;	
	margin-left: 80px;
	background-image: url('../img/titulo_pd.png');
	background-repeat: no-repeat;
	display: block;
	clear: both;
}
.titulo_kar {
	width: 1000px;
	height: 77px;
	float:left;	
	margin-left: 80px;
	background-image: url('../img/titulo_kar.png');
	background-repeat: no-repeat;
	display: block;
	clear: both;
}
.btn_home {
	position: absolute;
	width: 100px;
	height: 77px;
	float:left;	
	background-image: url('../img/home.png');
	background-repeat: no-repeat;
	display: block;
	
}

.pin_desplazar{
	
	height: 64px;
	background-image: url('../img/pin_desplazar.png');
	background-repeat: no-repeat;
	text-align:left;
	padding-left:84px;
	padding-top:18px;
	text-transform: none;
}

.pin_adhesivo{
	
	height: 64px;
	background-image: url('../img/pin_adhesivo.png');
	background-repeat: no-repeat;
	text-align:left;
	padding-left:84px;
	padding-top:18px;
	text-transform: none;
}

.pin_cancion{
	
	height: 64px;
	background-image: url('../img/pin_cancion.png');
	background-repeat: no-repeat;
	text-align:left;
	padding-left:84px;
	padding-top:18px;
	text-transform: none;
}

.pin_cuentos{
	
	height: 64px;
	background-image: url('../img/pin_cuentos.png');
	background-repeat: no-repeat;
	text-align:left;
	padding-left:84px;
	padding-top:18px;
	text-transform: none;
}
.pin_imagen{
	
	height: 64px;
	background-image: url('../img/pin_imagen.png');
	background-repeat: no-repeat;
	text-align:left;
	padding-left:84px;
	padding-top:18px;
	text-transform: none;
}
.pin_puzzle{
	
	height: 64px;
	background-image: url('../img/pin_puzzle.png');
	background-repeat: no-repeat;
	text-align:left;
	padding-left:84px;
	padding-top:18px;
	text-transform: none;
}
.pin_sonido{
	
	height: 64px;
	background-image: url('../img/pin_sonido.png');
	background-repeat: no-repeat;
	text-align:left;
	padding-left:84px;
	padding-top:18px;
	text-transform: none;
}
.pin_video{
	
	height: 64px;
	background-image: url('../img/pin_video.png');
	background-repeat: no-repeat;
	text-align:left;
	padding-left:84px;
	padding-top:18px;
	text-transform: none;
}
.pin_bola{
	
	height: 64px;
	background-image: url('../img/bola_amarilla.png');
	background-repeat: no-repeat;
	text-align:left;
	padding-left:84px;
	padding-top:18px;
	text-transform: none;
}
.pin_maletin{
	
	height: 30px;
	background-image: url('../img/maletin.png');
	background-repeat: no-repeat;
	text-align:left;
	padding-left:43px;
	padding-top:10px;
	text-transform: none;
	display:block;
}
.pin_PDF{
	
	height: 64px;
	background-image: url('../img/pd_pdf.png');
	background-repeat: no-repeat;
	text-align:left;
	padding-left:70px;
	padding-top:28px;
	text-transform: none;
	display:block;
}
.pin_DOC{
	
	height: 64px;
	background-image: url('../img/pd_doc.png');
	background-repeat: no-repeat;
	text-align:left;
	padding-left:70px;
	padding-top:28px;
	text-transform: none;
	display:block;
}
.pin_EXCEL{
	
	height: 64px;
	background-image: url('../img/pd_excel.png');
	background-repeat: no-repeat;
	text-align:left;
	padding-left:70px;
	padding-top:28px;
	text-transform: none;
	display:block;
}
.pin_ODT{
	
	height: 64px;
	background-image: url('../img/pd_odt.png');
	background-repeat: no-repeat;
	text-align:left;
	padding-left:70px;
	padding-top:28px;
	text-transform: none;
	display:block;
}

#corn1{
 display: none;
  visibility: hidden;
}
#corn2{
 display: none;
  visibility: hidden;
}
#corn3{
 display: none;
  visibility: hidden;
}
#corn4{
 display: none;
  visibility: hidden;
}
#corn5{
 display: none;
  visibility: hidden;
}