/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 31 2026 | 14:58:07 */
.categorygrid {
    display: none;
}
/*
html, body {
  scroll-behavior: smooth;
}
*/


.principiocosasflotan {
    position: absolute;
	top: 100px;
	    z-index: 2;
}
div#inicio {
    top: -100px;
}


/* PARA MOB */

.semueveuno {
	 position: relative;
    max-width: 154px;
   left: 0;
top: 0;
	animation: semueveunoanima 3s ease-in-out infinite;	
}

@keyframes semueveunoanima {
	0% {
		top: 0;
		left: 0;
				
	}
	50% {
		top: -30px;
		left: 30px;
	}
	100% {
		top: 0px;
		left: 0px;
	}
}



.semuevedos {
	 position: relative;
    max-width: 154px;
   left: 0;
top: 0;
	animation: semuevedosanima 4s ease-in-out infinite;	
}

@keyframes semuevedosanima {
	0% {
		top: 0;
		left: 0;
				
	}
	50% {
		top: -30px;
		left: 30px;
	}
	100% {
		top: 0px;
		left: 0px;
	}
}





.semuevetres {
	 position: relative;
    max-width: 154px;
   left: 0;
top: 0;
	animation: semuevetresanima 2.5s ease-in-out infinite;	
}

@keyframes semuevetresanima {
	0% {
		top: 0;
		left: 0;
				
	}
	50% {
		top: -30px;
		left: 30px;
	}
	100% {
		top: 0px;
		left: 0px;
	}
}




.semuevecuatro {
	 position: relative;
    max-width: 154px;
   left: 0;
top: 0;
	animation: semuevecuatroanima 3.5s ease-in-out infinite;	
}

@keyframes semuevecuatroanima {
	0% {
		top: 0;
		left: 0;
				
	}
	50% {
		top: -30px;
		left: 30px;
	}
	100% {
		top: 0px;
		left: 0px;
	}
}






/*FIN MOB*/

#container {
    position: relative;
    max-width: 300px;
   left: 480px;
top:-100px;
	
	 animation: containerprimero 3s ease-in-out infinite;	 
}


@keyframes containerprimero {
	0% {
		top: -100px;
		left: 480px;
				
	}
	50% {
		top: -80px;
		left: 450px;
	}
	100% {
		top: -100px;
		left: 480px;
	}
}

#containerdos {
    position: relative;
    max-width: 300px;
    left: 863px;
    top: -300px;
	animation: containersegundo 4s ease-in-out infinite;
}

@keyframes containersegundo {
	0% {
		top: -300px;
		left: 863px;
				
	}
	50% {
		top: -310px;
		left: 873px;
	}
	100% {
		top: -300px;
		left: 863px;
	}
}

#containertres {
    position: relative;
    max-width: 300px;
    left: 440px;
    top: -350px;
	animation: containertercero 4s ease-in-out infinite;
}

@keyframes containertercero {
	0% {
		top: -350px;
		left: 440px;
				
	}
	50% {
		top: -330px;
		left: 420px;
	}
	100% {
		top: -350px;
		left: 440px;
	}
}

#containercuatro {
    position: relative;
    max-width: 300px;
    left: 800px;
    top: -533px;
	animation: containercuartoo 2s ease-in-out infinite;
}

@keyframes containercuartoo {
	0% {
		top: -533px;
		left: 800px;
				
	}
	50% {
		top: -543px;
		left: 780px;
	}
	100% {
		top: -533px;
		left: 800px;
	}
}


.textobajouno {
font-size:18px;
color:#2D4A69;
  font-family: 'roobert-regular';
}

.textobajodos {
font-size:18px;
color:#2D4A69;
  font-family: 'roobert-regular';
}

.textobajotres {
font-size:18px;
color:#2D4A69;
  font-family: 'roobert-regular';
}

.textobajocuatro {
font-size:18px;
color:#2D4A69;
  font-family: 'roobert-regular';
}




div#imagkkuno {
    position: relative;
left:100px;
}

div#imagkkdos {
    position: relative;
left:100px;
}

div#imagkktres {
    position: relative;
left:100px;
}

div#imagkkcuatro {
    position: relative;
left:100px;
}