#hardrocksvg:hover{
cursor: pointer;

}

#magmasvg:hover{
cursor: pointer;
}




#banana_point{
  transition: 0.7s;
}
#bananasvg:hover{
cursor: pointer;
}

/*Filter styles*/
.saturate {-webkit-filter: saturate(3); filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%); filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%); filter: opacity(50%);}
/*pointers*/
#papagayo_point {
    opacity:0;
    transition: all 2.0s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
	
}
#hardrock_point{
    opacity:0;
    transition: all 2.0s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
#magma_point {
    opacity:0;
    transition: all 2.0s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
#banana_point {
    opacity:0;
    transition: all 2.0s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

/*icons*/
#hardrocksvg {
    transition: all 2.0s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
	width:187px;
	height:138px;
	
}
#magmasvg{
    transition: all 2.0s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

#bananasvg {
    transition: all 2.0s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
		width:170px;
	height:190px;
}


#papagayosvg:hover{
cursor: pointer;
}

#papagayosvg {
    transition: all 2.0s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

#banana_point{
    cursor:pointer;
}
#papagayo_point{
    cursor:pointer;
}
#magma_point{
    cursor:pointer;
}
#hardrock_point{
    cursor:pointer;
}




/*

transform-origin: 500px 500px;
		animation: boatmove 4s infinite;
		animation-delay:0.25s;
____________________

 -webkit-animation:floating 2s ease-in-out 0s infinite alternate;
		 animation: floating 2s ease-in-out 0s infinite alternate;
 */
 
 
#isola-totale{

		animation: boatmove 4s ease-in-out 0s infinite;
		animation-delay:0.80s;
}

@keyframes boatmove{
		0% {transform: translate(0px,0px)}
		25% {transform:translate(-15px,0px)  }
		50% {transform:translate(10px, 0px) }
		75% {transform:translate(-20px,0px)}
		100%{transform:translate(0px,0px)}
		}
		
		
@-webkit-keyframes floating {
	
  0% {bottom: -100px;}
  100% {bottom: -120px;}
} 
@keyframes floating {
  0% {bottom: -100px;}
  100% {bottom: -120px;}
} 


@keyframes show {
  0% { opacity: 0; }
  25% { opacity: 0.25; }
  50% { opacity: 0.5; }
  75% { opacity: 0.75; }
  100% { opacity: 1; }
} 

@keyframes hide {
  0% { opacity: 1; }
  25% { opacity: 0.75; }
  50% { opacity: 0.5; }
  75% { opacity: 0.25; }
  100% { opacity: 0; }
}