copas15.css

body {
	background-color: rgba(2,2,2,0.96);
}

.tela {
	position: relative;
	margin: auto;
	width: 1300px;
	height: 230px;
	border: 1px solid rgba(200,200,200,0.0);
	background: rgba(200,200,200,0.0);
}

.barras {
	position: relative;
	margin: auto;
	width: 1300px;
	height: 700px;
	border: 1px solid rgba(200,200,200,0.0);
	background: rgba(200,200,200,0.0);
}

.quadro {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	height: 220px;
	border: 1px solid white;
	background: green;
	opacity: 0.2;
}

#conteudo-left {
	width: 10px;
	height: 220px;
	float: left;
	margin-top: 10px;
	margin-left: 80px;
}

#conteudo-right {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	height: 220px;
	float: right;
}

/* #footer {
	width: 1200px;
	height: 10px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
	float: left;
} */

.eixoy{
	color: rgba(255,255,255,0.3);
	float: right;
	font-size: 22px;
	width: 10px;
	height: 200px;
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
}

.eixox{
	color: grey;
	float: right;
	font-size: 17px;
	width: 1200px;
	height: 20px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: right;
}

/* x1 {

} */

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% MARCACOES %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.m0{
    cursor: pointer;
	position: relative;
	width: 1200px;
	height: 2px;
	background-color: rgba(2,2,2,0);
	animation: posicao_m0 1s infinite;
}

@keyframes posicao_m0 {
	0% {
		top: 0px;
	}
	100%{
	  	top: 0px;
	}
}

.m1{
    cursor: pointer;
	position: relative;
	width: 1200px;
	height: 2px;
	background-color: white;
	animation: posicao_m1 1s infinite;
}

@keyframes posicao_m1 {
	0% {
		top: 22px;
	}
	100%{
	  	top: 22px;
	}
}

.m2{
    cursor: pointer;
	position: absolute;
	width: 1200px;
	height: 2px;
	background-color: white;
	animation: posicao_m2 1s infinite;
}

@keyframes posicao_m2 {
	0% {
		top: 66px;
	}
	100%{
	  	top: 66px;
	}
}

.m3{
    cursor: pointer;
	position: absolute;
	width: 1200px;
	height: 2px;
	background-color: white;
	animation: posicao_m3 1s infinite;
}

@keyframes posicao_m3 {
	0% {
		top: 110px;
	}
	100%{
	  	top: 110px;
	}
}

.m4{
    cursor: pointer;
	position: absolute;
	width: 1200px;
	height: 2px;
	background-color: white;
	animation: posicao_m4 1s infinite;
}

@keyframes posicao_m4 {
	0% {
		top: 154px;
	}
	100%{
	  	top: 154px;
	}
}

.m5{
    cursor: pointer;
	position: absolute;
	width: 1200px;
	height: 2px;
	background-color: white;
	animation: posicao_m5 1s infinite;
}

@keyframes posicao_m5 {
	0% {
		top: 198px;
	}
	100%{
	  	top: 198px;
	}
}

.n1{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n1 1s infinite;
}

@keyframes posicao_n1 {
	0% {
		top: -4px;
		left: 25px;
	}
	100%{
		top: -4px;
	  	left: 25px;
	}
}

.n2{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n2 1s infinite;
}

@keyframes posicao_n2 {
	0% {
		top: -224px;
		left: 75px;
	}
	100%{
		top: -224px;
	  	left: 75px;
	}
}

.n3{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n3 1s infinite;
}

@keyframes posicao_n3 {
	0% {
		top: -444px;
		left: 125px;
	}
	100%{
		top: -444px;
	  	left: 125px;
	}
}

.n4{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n4 1s infinite;
}

@keyframes posicao_n4 {
	0% {
		top: -664px;
		left: 175px;
	}
	100%{
		top: -664px;
	  	left: 175px;
	}
}

.n5{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n5 1s infinite;
}

@keyframes posicao_n5 {
	0% {
		top: -884px;
		left: 225px;
	}
	100%{
		top: -884px;
	  	left: 225px;
	}
}

.n6{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n6 1s infinite;
}

@keyframes posicao_n6 {
	0% {
		top: -1104px;
		left: 275px;
	}
	100%{
		top: -1104px;
	  	left: 275px;
	}
}

.n7{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n7 1s infinite;
}

@keyframes posicao_n7 {
	0% {
		top: -1324px;
		left: 325px;
	}
	100%{
		top: -1324px;
	  	left: 325px;
	}
}

.n8{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n8 1s infinite;
}

@keyframes posicao_n8 {
	0% {
		top: -1544px;
		left: 375px;
	}
	100%{
		top: -1544px;
	  	left: 375px;
	}
}

.n9{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n9 1s infinite;
}

@keyframes posicao_n9 {
	0% {
		top: -1764px;
		left: 425px;
	}
	100%{
		top: -1764px;
	  	left: 425px;
	}
}

.n10{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n10 1s infinite;
}

@keyframes posicao_n10 {
	0% {
		top: -1984px;
		left: 475px;
	}
	100%{
		top: -1984px;
	  	left: 475px;
	}
}

.n11{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n11 1s infinite;
}

@keyframes posicao_n11 {
	0% {
		top: -2204px;
		left: 525px;
	}
	100%{
		top: -2204px;
	  	left: 525px;
	}
}

.n12{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n12 1s infinite;
}

@keyframes posicao_n12 {
	0% {
		top: -2424px;
		left: 575px;
	}
	100%{
		top: -2424px;
	  	left: 575px;
	}
}

.n13{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n13 1s infinite;
}

@keyframes posicao_n13 {
	0% {
		top: -2644px;
		left: 625px;
	}
	100%{
		top: -2644px;
	  	left: 625px;
	}
}

.n14{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n14 1s infinite;
}

@keyframes posicao_n14 {
	0% {
		top: -2864px;
		left: 675px;
	}
	100%{
		top: -2864px;
	  	left: 675px;
	}
}

.n15{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n15 1s infinite;
}

@keyframes posicao_n15 {
	0% {
		top: -3084px;
		left: 725px;
	}
	100%{
		top: -3084px;
	  	left: 725px;
	}
}

.n16{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n16 1s infinite;
}

@keyframes posicao_n16 {
	0% {
		top: -3304px;
		left: 775px;
	}
	100%{
		top: -3304px;
	  	left: 775px;
	}
}

.n17{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n17 1s infinite;
}

@keyframes posicao_n17 {
	0% {
		top: -3524px;
		left: 825px;
	}
	100%{
		top: -3524px;
	  	left: 825px;
	}
}

.n18{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n18 1s infinite;
}

@keyframes posicao_n18 {
	0% {
		top: -3744px;
		left: 875px;
	}
	100%{
		top: -3744px;
	  	left: 875px;
	}
}

.n19{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n19 1s infinite;
}

@keyframes posicao_n19 {
	0% {
		top: -3964px;
		left: 925px;
	}
	100%{
		top: -3964px;
	  	left: 925px;
	}
}

.n20{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n20 1s infinite;
}

@keyframes posicao_n20 {
	0% {
		top: -4184px;
		left: 975px;
	}
	100%{
		top: -4184px;
	  	left: 975px;
	}
}

.n21{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n21 1s infinite;
}

@keyframes posicao_n21 {
	0% {
		top: -4404px;
		left: 1025px;
	}
	100%{
		top: -4404px;
	  	left: 1025px;
	}
}

.n22{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n22 1s infinite;
}

@keyframes posicao_n22 {
	0% {
		top: -4624px;
		left: 1075px;
	}
	100%{
		top: -4624px;
	  	left: 1075px;
	}
}

.n23{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n23 1s infinite;
}

@keyframes posicao_n23 {
	0% {
		top: -4844px;
		left: 1125px;
	}
	100%{
		top: -4844px;
	  	left: 1125px;
	}
}

.n24{
    cursor: pointer;
	position: relative;
	width: 2px;
	height: 220px;
	background-color: white;
	animation: posicao_n24 1s infinite;
}

@keyframes posicao_n24 {
	0% {
		top: -5064px;
		left: 1175px;
	}
	100%{
		top: -5064px;
	  	left: 1175px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% BRASIL %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.bra1{
    cursor: pointer;
	position: absolute;
	background-color: green;
	width: 40px;
	height: 30px;
	animation: posicao_bra1 1s infinite;
}

@keyframes posicao_bra1 {
	0% {
		left: 355px;
		top: 183px;
	}
	100%{
	  	left: 355px;
	  	top: 183px;
	}
}

.bra2{
    cursor: pointer;
	position: absolute;
	background-color: green;
	width: 40px;
	height: 30px;
	animation: posicao_bra2 1s infinite;
}

@keyframes posicao_bra2 {
	0% {
		left: 405px;
		top: 139px;
	}
	100%{
	  	left: 405px;
	  	top: 139px;
	}
}

.bra3{
    cursor: pointer;
	position: absolute;
	background-color: green;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_bra3 1s infinite;
}

@keyframes posicao_bra3 {
	0% {
		left: 505px;
		top: 95px;
	}
	100%{
	  	left: 505px;
	  	top: 95px;
	}
}

.bra4{
    cursor: pointer;
	position: absolute;
	background-color: green;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_bra4 1s infinite;
}

@keyframes posicao_bra4 {
	0% {
		left: 805px;
		top: 51px;
	}
	100%{
	  	left: 805px;
	  	top: 51px;
	}
}

.bra5{
    cursor: pointer;
	position: absolute;
	background-color: green;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_bra5 1s infinite;
}

@keyframes posicao_bra5 {
	0% {
		left: 905px;
		top: 7px;
	}
	100%{
	  	left: 905px;
	  	top: 7px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ITALIA %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.ita1{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ita1 1s infinite;
}

@keyframes posicao_ita1 {
	0% {
		left: 55px;
		top: 183px;
	}
	100%{
	  	left: 55px;
	  	top: 183px;
	}
}

.ita2{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ita2 1s infinite;
}

@keyframes posicao_ita2 {
	0% {
		left: 105px;
		top: 139px;
	}
	100%{
	  	left: 105px;
	  	top: 139px;
	}
}

.ita3{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ita3 1s infinite;
}

@keyframes posicao_ita3 {
	0% {
		left: 655px;
		top: 95px;
	}
	100%{
	  	left: 655px;
	  	top: 95px;
	}
}

.ita4{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ita4 1s infinite;
}

@keyframes posicao_ita4 {
	0% {
		left: 955px;
		top: 51px;
	}
	100%{
	  	left: 955px;
	  	top: 51px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ESPANHA %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.esp1{
    cursor: pointer;
	position: absolute;
	background-color: red;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_esp1 1s infinite;
}

@keyframes posicao_esp1 {
	0% {
		left: 1005px;
		top: 183px;
	}
	100%{
	  	left: 1005px;
	  	top: 183px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% INGLATERRA %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.ing1{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ing1 1s infinite;
}

@keyframes posicao_ing1 {
	0% {
		left: 455px;
		top: 183px;
	}
	100%{
	  	left: 455px;
	  	top: 183px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% FRANCA %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.fra1{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_fra1 1s infinite;
}

@keyframes posicao_fra1 {
	0% {
		left: 855px;
		top: 183px;
	}
	100%{
	  	left: 855px;
	  	top: 183px;
	}
}

.fra2{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_fra2 1s infinite;
}

@keyframes posicao_fra2 {
	0% {
		left: 1105px;
		top: 139px;
	}
	100%{
	  	left: 1105px;
	  	top: 139px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ARGENTINA %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.arg1{
    cursor: pointer;
	position: absolute;
	background-color: skyblue;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_arg1 1s infinite;
}

@keyframes posicao_arg1 {
	0% {
		left: 605px;
		top: 183px;
	}
	100%{
	  	left: 605px;
	  	top: 183px;
	}
}

.arg2{
    cursor: pointer;
	position: absolute;
	background-color: skyblue;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_arg2 1s infinite;
}

@keyframes posicao_arg2 {
	0% {
		left: 705px;
		top: 139px;
	}
	100%{
	  	left: 705px;
	  	top: 139px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% URUGUAI %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.uru1{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_uru1 1s infinite;
}

@keyframes posicao_uru1 {
	0% {
		left: 5px;
		top: 183px;
	}
	100%{
	  	left: 5px;
	  	top: 183px;
	}
}

.uru2{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_uru2 1s infinite;
}

@keyframes posicao_uru2 {
	0% {
		left: 255px;
		top: 139px;
	}
	100%{
	  	left: 255px;
	  	top: 139px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ALEMANHA %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.ale1{
    cursor: pointer;
	position: absolute;
	background-color: black;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ale1 1s infinite;
}

@keyframes posicao_ale1 {
	0% {
		left: 305px;
		top: 183px;
	}
	100%{
	  	left: 305px;
	  	top: 183px;
	}
}

.ale2{
    cursor: pointer;
	position: absolute;
	background-color: black;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ale2 1s infinite;
}

@keyframes posicao_ale2 {
	0% {
		left: 555px;
		top: 139px;
	}
	100%{
	  	left: 555px;
	  	top: 139px;
	}
}

.ale3{
    cursor: pointer;
	position: absolute;
	background-color: black;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ale3 1s infinite;
}

@keyframes posicao_ale3 {
	0% {
		left: 755px;
		top: 95px;
	}
	100%{
	  	left: 755px;
	  	top: 95px;
	}
}

.ale4{
    cursor: pointer;
	position: absolute;
	background-color: black;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ale4 1s infinite;
}

@keyframes posicao_ale4 {
	0% {
		left: 1055px;
		top: 51px;
	}
	100%{
	  	left: 1055px;
	  	top: 51px;
	}
}

































/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% BRASIL %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.brasil2 {
	opacity: 0.2;
}

.brasil2:hover {
	opacity: 1;
}

.bra1_{
    cursor: pointer;
	position: absolute;
	background-color: green;
	width: 40px;
	height: 30px;
	animation: posicao_bra1_ 1s infinite;
}

@keyframes posicao_bra1_ {
	0% {
		left: 456px;
		top: 184px;
	}
	100%{
	  	left: 456px;
	  	top: 184px;
	}
}

.bra2_{
    cursor: pointer;
	position: absolute;
	background-color: green;
	width: 40px;
	height: 30px;
	animation: posicao_bra2_ 1s infinite;
}

@keyframes posicao_bra2_ {
	0% {
		left: 506px;
		top: 140px;
	}
	100%{
	  	left: 506px;
	  	top: 140px;
	}
}

.bra3_{
    cursor: pointer;
	position: absolute;
	background-color: green;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_bra3_ 1s infinite;
}

@keyframes posicao_bra3_ {
	0% {
		left: 606px;
		top: 96px;
	}
	100%{
	  	left: 606px;
	  	top: 96px;
	}
}

.bra4_{
    cursor: pointer;
	position: absolute;
	background-color: green;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_bra4_ 1s infinite;
}

@keyframes posicao_bra4_ {
	0% {
		left: 906px;
		top: 52px;
	}
	100%{
	  	left: 906px;
	  	top: 52px;
	}
}

.bra5_{
    cursor: pointer;
	position: absolute;
	background-color: green;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_bra5_ 1s infinite;
}

@keyframes posicao_bra5_ {
	0% {
		left: 1006px;
		top: 8px;
	}
	100%{
	  	left: 1006px;
	  	top: 8px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ITALIA %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.italia2 {
	opacity: 0.2;
}

.italia2:hover {
	opacity: 1;
}

.ita1_{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ita1_ 1s infinite;
}

@keyframes posicao_ita1_ {
	0% {
		left: 156px;
		top: 184px;
	}
	100%{
	  	left: 156px;
	  	top: 184px;
	}
}

.ita2_{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ita2_ 1s infinite;
}

@keyframes posicao_ita2_ {
	0% {
		left: 206px;
		top: 140px;
	}
	100%{
	  	left: 206px;
	  	top: 140px;
	}
}

.ita3_{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ita3_ 1s infinite;
}

@keyframes posicao_ita3_ {
	0% {
		left: 756px;
		top: 96px;
	}
	100%{
	  	left: 756px;
	  	top: 96px;
	}
}

.ita4_{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ita4_ 1s infinite;
}

@keyframes posicao_ita4_ {
	0% {
		left: 1056px;
		top: 52px;
	}
	100%{
	  	left: 1056px;
	  	top: 52px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ESPANHA %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.espanha2 {
	opacity: 0.2;
}

.espanha2:hover {
	opacity: 1;
}

.esp1_{
    cursor: pointer;
	position: absolute;
	background-color: red;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_esp1_ 1s infinite;
}

@keyframes posicao_esp1_ {
	0% {
		left: 1106px;
		top: 184px;
	}
	100%{
	  	left: 1106px;
	  	top: 184px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% INGLATERRA %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.inglaterra2 {
	opacity: 0.2;
}

.inglaterra2:hover {
	opacity: 1;
}

.ing1_{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ing1_ 1s infinite;
}

@keyframes posicao_ing1_ {
	0% {
		left: 556px;
		top: 184px;
	}
	100%{
	  	left: 556px;
	  	top: 184px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% FRANCA %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.franca2 {
	opacity: 0.2;
}

.franca2:hover {
	opacity: 1;
}

.fra1_{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_fra1_ 1s infinite;
}

@keyframes posicao_fra1_ {
	0% {
		left: 956px;
		top: 184px;
	}
	100%{
	  	left: 956px;
	  	top: 184px;
	}
}

.fra2_{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_fra2_ 1s infinite;
}

@keyframes posicao_fra2_ {
	0% {
		left: 1206px;
		top: 140px;
	}
	100%{
	  	left: 1206px;
	  	top: 140px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ARGENTINA %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.argentina2 {
	opacity: 0.2;
}

.argentina2:hover {
	opacity: 1;
}

.arg1_{
    cursor: pointer;
	position: absolute;
	background-color: skyblue;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_arg1_ 1s infinite;
}

@keyframes posicao_arg1_ {
	0% {
		left: 706px;
		top: 184px;
	}
	100%{
	  	left: 706px;
	  	top: 184px;
	}
}

.arg2_{
    cursor: pointer;
	position: absolute;
	background-color: skyblue;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_arg2_ 1s infinite;
}

@keyframes posicao_arg2_ {
	0% {
		left: 806px;
		top: 140px;
	}
	100%{
	  	left: 806px;
	  	top: 140px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% URUGUAI %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.uruguai2 {
	opacity: 0.2;
}

.uruguai2:hover {
	opacity: 1;
}

.uru1_{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_uru1_ 1s infinite;
}

@keyframes posicao_uru1_ {
	0% {
		left: 106px;
		top: 184px;
	}
	100%{
	  	left: 106px;
	  	top: 184px;
	}
}

.uru2_{
    cursor: pointer;
	position: absolute;
	background-color: white;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_uru2_ 1s infinite;
}

@keyframes posicao_uru2_ {
	0% {
		left: 356px;
		top: 140px;
	}
	100%{
	  	left: 356px;
	  	top: 140px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% ALEMANHA %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.alemanha2 {
	opacity: 0.2;
}

.alemanha2:hover {
	opacity: 1;
}

.ale1_{
    cursor: pointer;
	position: absolute;
	background-color: black;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ale1_ 1s infinite;
}

@keyframes posicao_ale1_ {
	0% {
		left: 406px;
		top: 184px;
	}
	100%{
	  	left: 406px;
	  	top: 184px;
	}
}

.ale2_{
    cursor: pointer;
	position: absolute;
	background-color: black;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ale2_ 1s infinite;
}

@keyframes posicao_ale2_ {
	0% {
		left: 656px;
		top: 140px;
	}
	100%{
	  	left: 656px;
	  	top: 140px;
	}
}

.ale3_{
    cursor: pointer;
	position: absolute;
	background-color: black;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ale3_ 1s infinite;
}

@keyframes posicao_ale3_ {
	0% {
		left: 856px;
		top: 96px;
	}
	100%{
	  	left: 856px;
	  	top: 96px;
	}
}

.ale4_{
    cursor: pointer;
	position: absolute;
	background-color: black;
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ale4_ 1s infinite;
}

@keyframes posicao_ale4_ {
	0% {
		left: 1156px;
		top: 52px;
	}
	100%{
	  	left: 1156px;
	  	top: 52px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% SEDES %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.uru_sede1930{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_uru_sede1930 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_uru_sede1930 {
	0% {
		left: 106px;
		top: 229px;
		opacity: 0.3;
	}
	0.25% {
		left: 106px;
		top: 229px;
		opacity: 1;
	}
	1.25% {
		left: 106px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 106px;
		top: 229px;
	}
}

.ita_sede1934{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ita_sede1934 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_ita_sede1934 {
	0% {
		left: 156px;
		top: 229px;
	}
	2.25% {
		left: 156px;
		top: 229px;
		opacity: 0.3;
	}
	2.75% {
		left: 156px;
		top: 229px;
		opacity: 1;
	}
	3.25%{
		left: 156px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 156px;
		top: 229px;
	}
}

.fra_sede1938{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_fra_sede1938 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_fra_sede1938 {
	0% {
		left: 206px;
		top: 229px;
	}
	4.25% {
		left: 206px;
		top: 229px;
		opacity: 0.3;
	}
	4.75% {
		left: 206px;
		top: 229px;
		opacity: 1;
	}
	5.25% {
		left: 206px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 206px;
		top: 229px;
	}
}

.sede1942{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 0px;
	animation: posicao_fra_sede1942 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_fra_sede1942 {
	0% {
		left: 256px;
		top: 224px;
	}
	100%{
		left: 256px;
		top: 224px;
	}
}

.sede1946{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 0px;
	animation: posicao_sede1946 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_sede1946 {
	0% {
		left: 306px;
		top: 224px;
	}
	100%{
		left: 306px;
		top: 224px;
	}
}

.guerra{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 100px;
	height: 0px;
	animation: posicao_guerra 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_guerra {
	0% {
		left: 256px;
		top: 244px;
	}
	100%{
		left: 256px;
		top: 244px;
	}
}

.bra_sede1950{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_bra_sede1950 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_bra_sede1950 {
	0% {
		left: 356px;
		top: 229px;
	}
	6.25% {
		left: 356px;
		top: 229px;
		opacity: 0.3;
	}
	6.75% {
		left: 356px;
		top: 229px;
		opacity: 1;
	}
	7.25% {
		left: 356px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 356px;
		top: 229px;
	}
}

.sui_sede1954{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_sui_sede1954 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_sui_sede1954 {
	0% {
		left: 406px;
		top: 229px;
	}
	7.25% {
		left: 406px;
		top: 229px;
		opacity: 0.3;
	}
	7.75% {
		left: 406px;
		top: 229px;
		opacity: 1;
	}
	8.25% {
		left: 406px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 406px;
		top: 229px;
	}
}

.sue_sede1958{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_sue_sede1958 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_sue_sede1958 {
	0% {
		left: 456px;
		top: 229px;
	}
	8.25% {
		left: 456px;
		top: 229px;
		opacity: 0.3;
	}
	8.75% {
		left: 456px;
		top: 229px;
		opacity: 1;
	}
	9.25% {
		left: 456px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 456px;
		top: 229px;
	}
}

.chi_sede1962{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_chi_sede1962 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_chi_sede1962 {
	0% {
		left: 506px;
		top: 229px;
	}
	10.25% {
		left: 506px;
		top: 229px;
		opacity: 0.3;
	}
	10.75% {
		left: 506px;
		top: 229px;
		opacity: 1;
	}
	11.25% {
		left: 506px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 506px;
		top: 229px;
	}
}

.ing_sede1966{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ing_sede1966 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_ing_sede1966 {
	0% {
		left: 556px;
		top: 229px;
	}
	12.25% {
		left: 556px;
		top: 229px;
		opacity: 0.3;
	}
	12.75% {
		left: 556px;
		top: 229px;
		opacity: 1;
	}
	13.25% {
		left: 556px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 556px;
		top: 229px;
	}
}

.mex_sede1970{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_mex_sede1970 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_mex_sede1970 {
	0% {
		left: 606px;
		top: 229px;
	}
	14.25% {
		left: 606px;
		top: 229px;
		opacity: 0.3;
	}
	14.75% {
		left: 606px;
		top: 229px;
		opacity: 1;
	}
	15.25% {
		left: 606px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 606px;
		top: 229px;
	}
}

.ale_sede1974{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ale_sede1974 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_ale_sede1974 {
	0% {
		left: 656px;
		top: 229px;
	}
	16.25% {
		left: 656px;
		top: 229px;
		opacity: 0.3;
	}
	16.75% {
		left: 656px;
		top: 229px;
		opacity: 1;
	}
	17.25% {
		left: 656px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 656px;
		top: 229px;
	}
}

.arg_sede1978{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_arg_sede1978 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_arg_sede1978 {
	0% {
		left: 706px;
		top: 229px;
	}
	17.25% {
		left: 706px;
		top: 229px;
		opacity: 0.3;
	}
	17.75% {
		left: 706px;
		top: 229px;
		opacity: 1;
	}
	18.25% {
		left: 706px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 706px;
		top: 229px;
	}
}

.esp_sede1982{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_esp_sede1982 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_esp_sede1982 {
	0% {
		left: 756px;
		top: 229px;
	}
	18.25% {
		left: 756px;
		top: 229px;
		opacity: 0.3;
	}
	18.75% {
		left: 756px;
		top: 229px;
		opacity: 1;
	}
	19.25% {
		left: 756px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 756px;
		top: 229px;
	}
}

.mex_sede1986{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_mex_sede1986 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_mex_sede1986 {
	0% {
		left: 806px;
		top: 229px;
	}
	19.25% {
		left: 806px;
		top: 229px;
		opacity: 0.3;
	}
	19.75% {
		left: 806px;
		top: 229px;
		opacity: 1;
	}
	20.25% {
		left: 806px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 806px;
		top: 229px;
	}
}

.ita_sede1990{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ita_sede1990 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_ita_sede1990 {
	0% {
		left: 856px;
		top: 229px;
	}
	21.25% {
		left: 856px;
		top: 229px;
		opacity: 0.3;
	}
	21.75% {
		left: 856px;
		top: 229px;
		opacity: 1;
	}
	22.25% {
		left: 856px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 856px;
		top: 229px;
	}
}

.eua_sede1994{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_eua_sede1994 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_eua_sede1994 {
	0% {
		left: 906px;
		top: 229px;
	}
	23.25% {
		left: 906px;
		top: 229px;
		opacity: 0.3;
	}
	23.75% {
		left: 906px;
		top: 229px;
		opacity: 1;
	}
	24.25% {
		left: 906px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 906px;
		top: 229px;
	}
}

.fra_sede1998{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_fra_sede1998 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_fra_sede1998 {
	0% {
		left: 956px;
		top: 229px;
	}
	24.25% {
		left: 956px;
		top: 229px;
		opacity: 0.3;
	}
	24.75% {
		left: 956px;
		top: 229px;
		opacity: 1;
	}
	25.25% {
		left: 956px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 956px;
		top: 229px;
	}
}

.cor_sede2002{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_cor_sede2002 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_cor_sede2002 {
	0% {
		left: 1006px;
		top: 229px;
	}
	26.25% {
		left: 1006px;
		top: 229px;
		opacity: 0.3;
	}
	26.75% {
		left: 1006px;
		top: 229px;
		opacity: 1;
	}
	27.25% {
		left: 1006px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 1006px;
		top: 229px;
	}
}

.jap_sede2002{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_jap_sede2002 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_jap_sede2002 {
	0% {
		left: 1006px;
		top: 266px;
	}
	26.25% {
		left: 1006px;
		top: 266px;
		opacity: 0.3;
	}
	26.75% {
		left: 1006px;
		top: 266px;
		opacity: 1;
	}
	27.25% {
		left: 1006px;
		top: 266px;
		opacity: 0.3;
	}
	100%{
		left: 1006px;
		top: 266px;
	}
}

.ale_sede2006{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ale_sede2006 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_ale_sede2006 {
	0% {
		left: 1056px;
		top: 229px;
	}
	27.25% {
		left: 1056px;
		top: 229px;
		opacity: 0.3;
	}
	27.75% {
		left: 1056px;
		top: 229px;
		opacity: 1;
	}
	28.25% {
		left: 1056px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 1056px;
		top: 229px;
	}
}

.afr_sede2010{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_afr_sede2010 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_afr_sede2010 {
	0% {
		left: 1106px;
		top: 229px;
	}
	28.25% {
		left: 1106px;
		top: 229px;
		opacity: 0.3;
	}
	28.75% {
		left: 1106px;
		top: 229px;
		opacity: 1;
	}
	29.25% {
		left: 1106px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 1106px;
		top: 229px;
	}
}

.bra_sede2014{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_bra_sede2014 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_bra_sede2014 {
	0% {
		left: 1156px;
		top: 229px;
	}
	29.25% {
		left: 1156px;
		top: 229px;
		opacity: 0.3;
	}
	29.75% {
		left: 1156px;
		top: 229px;
		opacity: 1;
	}
	30.25% {
		left: 1156px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 1156px;
		top: 229px;
	}
}

.rus_sede2018{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_rus_sede2018 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_rus_sede2018 {
	0% {
		left: 1206px;
		top: 229px;
	}
	30.25% {
		left: 1206px;
		top: 229px;
		opacity: 0.3;
	}
	30.75% {
		left: 1206px;
		top: 229px;
		opacity: 1;
	}
	31.25% {
		left: 1206px;
		top: 229px;
		opacity: 0.3;
	}
	100%{
		left: 1206px;
		top: 229px;
	}
}

.cat_sede2022{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_cat_sede2022 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_cat_sede2022 {
	0% {
		left: 1256px;
		top: 229px;
	}
	0% {
		left: 1256px;
		top: 229px;
	}
	0% {
		left: 1256px;
		top: 229px;
	}
	0% {
		left: 1256px;
		top: 229px;
	}
	100%{
		left: 1256px;
		top: 229px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% BARRAS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.ale_bolas{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ale_bolas 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_ale_bolas {
	0% {
		left: 100px;
		top: 110px;
	}
	1.25%{
		left: 100px;
		top: 110px;
	}
	2%{
		left: 100px;
		top: 180px;
	}
	3.25%{
		left: 100px;
		top: 180px;
	}
	4%{
		left: 100px;
		top: 250px;
	}
	11.25%{
		left: 100px;
		top: 250px;
	}
	12%{
		left: 100px;
		top: 320px;
	}
	22.25%{
		left: 100px;
		top: 320px;
	}
	23%{
		left: 100px;
		top: 250px;
	}
	100%{
		left: 100px;
		top: 250px;
	}
}

.arg_bolas{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_arg_bolas 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_arg_bolas {
	0% {
		left: 100px;
		top: 180px;
	}
	1.25%{
		left: 100px;
		top: 180px;
	}
	2%{
		left: 100px;
		top: 250px;
	}
	3.25%{
		left: 100px;
		top: 250px;
	}
	4%{
		left: 100px;
		top: 320px;
	}
	9.25%{
		left: 100px;
		top: 320px;
	}
	10%{
		left: 100px;
		top: 390px;
	}
	13.25%{
		left: 100px;
		top: 390px;
	}
	14%{
		left: 100px;
		top: 460px;
	}
	20.25%{
		left: 100px;
		top: 460px;
	}
	21%{
		left: 100px;
		top: 390px;
	}
	100%{
		left: 100px;
		top: 390px;
	}
}

.bra_bolas{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_bra_bolas 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_bra_bolas {
	0% {
		left: 100px;
		top: 250px;
	}
	1.25%{
		left: 100px;
		top: 250px;
	}
	2%{
		left: 100px;
		top: 320px;
	}
	3.25%{
		left: 100px;
		top: 320px;
	}
	4%{
		left: 100px;
		top: 390px;
	}
	9.25%{
		left: 100px;
		top: 390px;
	}
	10%{
		left: 100px;
		top: 320px;
	}
	11.25%{
		left: 100px;
		top: 320px;
	}
	12%{
		left: 100px;
		top: 250px;
	}
	15.25%{
		left: 100px;
		top: 250px;
	}
	16%{
		left: 100px;
		top: 110px;
	}
	100%{
		left: 100px;
		top: 110px;
	}
}

.esp_bolas{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_esp_bolas 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_esp_bolas {
	0% {
		left: 100px;
		top: 320px;
	}
	1.25%{
		left: 100px;
		top: 320px;
	}
	2%{
		left: 100px;
		top: 390px;
	}
	3.25%{
		left: 100px;
		top: 390px;
	}
	4%{
		left: 100px;
		top: 460px;
	}
	13.25%{
		left: 100px;
		top: 460px;
	}
	14%{
		left: 100px;
		top: 530px;
	}
	25.25%{
		left: 100px;
		top: 530px;
	}
	26%{
		left: 100px;
		top: 600px;
	}
	100%{
		left: 100px;
		top: 600px;
	}
}

.fra_bolas{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_fra_bolas 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_fra_bolas {
	0% {
		left: 100px;
		top: 390px;
	}
	1.25%{
		left: 100px;
		top: 390px;
	}
	2%{
		left: 100px;
		top: 460px;
	}
	3.25%{
		left: 100px;
		top: 460px;
	}
	4%{
		left: 100px;
		top: 530px;
	}
	13.25%{
		left: 100px;
		top: 530px;
	}
	14%{
		left: 100px;
		top: 600px;
	}
	25.25%{
		left: 100px;
		top: 600px;
	}
	26%{
		left: 100px;
		top: 530px;
	}
	31.25%{
		left: 100px;
		top: 530px;
	}
	32%{
		left: 100px;
		top: 460px;
	}
	100%{
		left: 100px;
		top: 460px;
	}
}

.ing_bolas{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ing_bolas 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_ing_bolas {
	0% {
		left: 100px;
		top: 460px;
	}
	1.25%{
		left: 100px;
		top: 460px;
	}
	2%{
		left: 100px;
		top: 530px;
	}
	3.25%{
		left: 100px;
		top: 530px;
	}
	4%{
		left: 100px;
		top: 600px;
	}
	13.25%{
		left: 100px;
		top: 600px;
	}
	14%{
		left: 100px;
		top: 390px;
	}
	20.25%{
		left: 100px;
		top: 390px;
	}
	21%{
		left: 100px;
		top: 460px;
	}
	31.25%{
		left: 100px;
		top: 460px;
	}
	32%{
		left: 100px;
		top: 530px;
	}
	100%{
		left: 100px;
		top: 530px;
	}
}

.ita_bolas{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_ita_bolas 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_ita_bolas {
	0% {
		left: 100px;
		top: 530px;
	}
	1.25%{
		left: 100px;
		top: 530px;
	}
	2%{
		left: 100px;
		top: 600px;
	}
	3.25%{
		left: 100px;
		top: 600px;
	}
	4%{
		left: 100px;
		top: 180px;
	}
	5.25%{
		left: 100px;
		top: 180px;
	}
	6%{
		left: 100px;
		top: 110px;
	}
	15.25%{
		left: 100px;
		top: 110px;
	}
	16%{
		left: 100px;
		top: 180px;
	}
	100%{
		left: 100px;
		top: 180px;
	}
}

.uru_bolas{
    cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: posicao_uru_bolas 100s infinite;
	opacity: 0.3;
}

@keyframes posicao_uru_bolas {
	0% {
		left: 100px;
		top: 600px;
	}
	1.25%{
		left: 100px;
		top: 600px;
	}
	2%{
		left: 100px;
		top: 110px;
	}
	5.25%{
		left: 100px;
		top: 110px;
	}
	6%{
		left: 100px;
		top: 180px;
	}
	15.25%{
		left: 100px;
		top: 180px;
	}
	16%{
		left: 100px;
		top: 250px;
	}
	22.25%{
		left: 100px;
		top: 250px;
	}
	23%{
		left: 100px;
		top: 320px;
	}
	100%{
		left: 100px;
		top: 320px;
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% BOLAS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.b1930 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1930 100s infinite;
	opacity: 0%;
}

@keyframes c1930{
	0%{
		opacity: 0%;
		left: 135px;
		top: 600px;
	}
	1%{
		opacity: 100%;
		left: 135px;
		top: 600px;
	}
	1.25%{
		left: 135px;
		top: 600px;
	}
	2%{
		left: 135px;
		top: 110px;
	}
	5.25%{
		left: 135px;
		top: 110px;
	}
	6%{
		left: 135px;
		top: 180px;
	}
	15.25%{
		left: 135px;
		top: 180px;
	}
	16%{
		left: 135px;
		top: 250px;
	}
	22.25%{
		left: 135px;
		top: 250px;
	}
	23%{
		left: 135px;
		top: 320px;
	}
	100%{
		opacity: 100%;
		left: 135px;
		top: 320px;
	}
}

.b1934 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1934 100s infinite;
	opacity: 0%;
}

@keyframes c1934{
	2.25%{
		opacity: 0%;
		left: 135px;
		top: 600px;
	}
	3%{
		opacity: 100%;
		left: 135px;
		top: 600px;
	}
	3.25%{
		left: 135px;
		top: 600px;
	}
	4%{
		left: 135px;
		top: 180px;
	}
	5.25%{
		left: 135px;
		top: 180px;
	}
	6%{
		left: 135px;
		top: 110px;
	}
	15.25%{
		left: 135px;
		top: 110px;
	}
	16%{
		left: 135px;
		top: 180px;
	}
	100%{
		opacity: 100%;
		left: 135px;
		top: 180px;
	}
} 

.b1938 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1938 100s infinite;
	opacity: 0%;
}

@keyframes c1938{
	4.25%{
		opacity: 0%;
		left: 190px;
		top: 180px;
	}
	5%{
		opacity: 100%;
		left: 190px;
		top: 180px;
	}
	5.25%{
		left: 190px;
		top: 180px;
	}
	6%{
		left: 190px;
		top: 110px;
	}
	15.25%{
		left: 190px;
		top: 110px;
	}
	16%{
		left: 190px;
		top: 180px;
	}
	100%{
		opacity: 100%;
		left: 190px;
		top: 180px;
	}
} 

.b1950 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1950 100s infinite;
	opacity: 0%;
}

@keyframes c1950{
	6.25%{
		opacity: 0%;
		left: 190px;
		top: 180px;
	}
	7%{
		opacity: 100%;
		left: 190px;
		top: 180px;
	}
	15.25%{
		left: 190px;
		top: 180px;
	}
	16%{
		left: 190px;
		top: 250px;
	}
	22.25%{
		left: 190px;
		top: 250px;
	}
	23%{
		left: 190px;
		top: 320px;
	}
	100%{
		opacity: 100%;
		left: 190px;
		top: 320px;
	}
}

.b1954 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1954 100s infinite;
	opacity: 0%;
}

@keyframes c1954{
	7.25%{
		opacity: 0%;
		left: 135px;
		top: 250px;
	}
	8%{
		opacity: 100%;
		left: 135px;
		top: 250px;
	}
	11.25%{
		left: 135px;
		top: 250px;
	}
	12%{
		left: 135px;
		top: 320px;
	}
	22.25%{
		left: 135px;
		top: 320px;
	}
	23%{
		left: 135px;
		top: 250px;
	}
	100%{
		opacity: 100%;
		left: 135px;
		top: 250px;
	}
}

.b1958 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1958 100s infinite;
	opacity: 0%;
}

@keyframes c1958 {
	8.25%{
		opacity: 0%;
		left: 135px;
		top: 390px;
	}
	9%{
		opacity: 100%;
		left: 135px;
		top: 390px;
	}
	9.25%{
		left: 135px;
		top: 390px;
	}
	10%{
		left: 135px;
		top: 320px;
	}
	11.25%{
		left: 135px;
		top: 320px;
	}
	12%{
		left: 135px;
		top: 250px;
	}
	15.25%{
		left: 135px;
		top: 250px;
	}
	16%{
		left: 135px;
		top: 110px;
	}
	100%{
		opacity: 100%;
		left: 135px;
		top: 110px;
	}
}

.b1962 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1962 100s infinite;
	opacity: 0%;
}

@keyframes c1962 {
	10.25%{
		opacity: 0%;
		left: 190px;
		top: 320px;
	}
	11%{
		opacity: 100%;
		left: 190px;
		top: 320px;
	}
	11.25%{
		left: 190px;
		top: 320px;
	}
	12%{
		left: 190px;
		top: 250px;
	}
	15.25%{
		left: 190px;
		top: 250px;
	}
	16%{
		left: 190px;
		top: 110px;
	}
	100%{
		opacity: 100%;
		left: 190px;
		top: 110px;
	}
}

.b1966 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1966 100s infinite;
	opacity: 0%;
}

@keyframes c1966 {
	12.25%{
		opacity: 0%;
		left: 135px;
		top: 600px;
	}
	13%{
		opacity: 100%;
		left: 135px;
		top: 600px;
	}
	13.25%{
		left: 135px;
		top: 600px;
	}
	14%{
		left: 135px;
		top: 390px;
	}
	20.25%{
		left: 135px;
		top: 390px;
	}
	21%{
		left: 135px;
		top: 460px;
	}
	31.25%{
		left: 135px;
		top: 460px;
	}
	32%{
		left: 135px;
		top: 530px;
	}
	100%{
		opacity: 100%;
		left: 135px;
		top: 530px;
	}
}

.b1970 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1970 100s infinite;
	opacity: 0%;
}

@keyframes c1970{
	14.25%{
		opacity: 0%;
		left: 245px;
		top: 250px;
	}
	15%{
		opacity: 100%;
		left: 245px;
		top: 250px;
	}
	15.25%{
		left: 245px;
		top: 250px;
	}
	16%{
		left: 245px;
		top: 110px;
	}
	100%{
		opacity: 100%;
		left: 245px;
		top: 110px;
	}
}

.b1974 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1974 100s infinite;
	opacity: 0%;
}

@keyframes c1974{
	16.25%{
		opacity: 0%;
		left: 190px;
		top: 320px;
	}
	17%{
		opacity: 100%;
		left: 190px;
		top: 320px;
	}
	22.25%{
		left: 190px;
		top: 320px;
	}
	23%{
		left: 190px;
		top: 250px;
	}
	100%{
		opacity: 100%;
		left: 190px;
		top: 250px;
	}
}

.b1978 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1978 100s infinite;
	opacity: 0%;
}

@keyframes c1978{
	17.25%{
		opacity: 0%;
		left: 135px;
		top: 460px;
	}
	18%{
		opacity: 100%;
		left: 135px;
		top: 460px;
	}
	20.25%{
		left: 135px;
		top: 460px;
	}
	21%{
		left: 135px;
		top: 390px;
	}
	100%{
		opacity: 100%;
		left: 135px;
		top: 390px;
	}
}

.b1982 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1982 100s infinite;
	opacity: 0%;
}

@keyframes c1982{
	18.25%{
		opacity: 0%;
		left: 245px;
		top: 180px;
	}
	19%{
		opacity: 100%;
		left: 245px;
		top: 180px;
	}
	100%{
		opacity: 100%;
		left: 245px;
		top: 180px;
	}
} 

.b1986 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1986 100s infinite;
	opacity: 0%;
}

@keyframes c1986{
	19.25%{
		opacity: 0%;
		left: 190px;
		top: 460px;
	}
	20%{
		opacity: 100%;
		left: 190px;
		top: 460px;
	}
	20.25%{
		left: 190px;
		top: 460px;
	}
	21%{
		left: 190px;
		top: 390px;
	}
	100%{
		opacity: 100%;
		left: 190px;
		top: 390px;
	}
}

.b1990 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1990 100s infinite;
	opacity: 0%;
}

@keyframes c1990{
	21.25%{
		opacity: 0%;
		left: 245px;
		top: 320px;
	}
	22%{
		opacity: 100%;
		left: 245px;
		top: 320px;
	}
	22.25%{
		left: 245px;
		top: 320px;
	}
	23%{
		left: 245px;
		top: 250px;
	}
	100%{
		opacity: 100%;
		left: 245px;
		top: 250px;
	}
}

.b1994 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1994 100s infinite;
	opacity: 0%;
}

@keyframes c1994{
	23.25%{
		opacity: 0%;
		left: 300px;
		top: 110px;
	}
	24%{
		opacity: 100%;
		left: 300px;
		top: 110px;
	}
	100%{
		opacity: 100%;
		left: 300px;
		top: 110px;
	}
}

.b1998 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c1998 100s infinite;
	opacity: 0%;
}

@keyframes c1998{
	24.25%{
		opacity: 0%;
		left: 135px;
		top: 600px;
	}
	25%{
		opacity: 100%;
		left: 135px;
		top: 600px;
	}
	25.25%{
		left: 135px;
		top: 600px;
	}
	26%{
		left: 135px;
		top: 530px;
	}
	31.25%{
		left: 135px;
		top: 530px;
	}
	32%{
		left: 135px;
		top: 460px;
	}
	100%{
		opacity: 100%;
		left: 135px;
		top: 460px;
	}
}

.b2002 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c2002 100s infinite;
	opacity: 0%;
}

@keyframes c2002{
	26.25%{
		opacity: 0%;
		left: 355px;
		top: 110px;
	}
	27%{
		opacity: 100%;
		left: 355px;
		top: 110px;
	}
	100%{
		opacity: 100%;
		left: 355px;
		top: 110px;
	}
}

.b2006 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c2006 100s infinite;
	opacity: 0%;
}

@keyframes c2006{
	27.25%{
		opacity: 0%;
		left: 300px;
		top: 180px;
	}
	28%{
		opacity: 100%;
		left: 300px;
		top: 180px;
	}
	100%{
		opacity: 100%;
		left: 300px;
		top: 180px;
	}
}

.b2010 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c2010 100s infinite;
	opacity: 0%;
}

@keyframes c2010 {
	28.25%{
		opacity: 0%;
		left: 135px;
		top: 600px;
	}
	29%{
		opacity: 100%;
		left: 135px;
		top: 600px;
	}
	100%{
		opacity: 100%;
		left: 135px;
		top: 600px;
	}
}

.b2014 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c2014 100s infinite;
	opacity: 0%;
}

@keyframes c2014{
	29.25%{
		opacity: 0%;
		left: 300px;
		top: 250px;
	}
	30%{
		opacity: 100%;
		left: 300px;
		top: 250px;
	}
	100%{
		opacity: 100%;
		left: 300px;
		top: 250px;
	}
}

.b2018 {
	scale: 50%;
	cursor: pointer;
	position: absolute;
	background-color: rgba(255,255,255,0);
	background-position-x: 100;
	background-position-y: 100;
	width: 40px;
	height: 30px;
	animation: c2018 100s infinite;
	opacity: 0%;
}

@keyframes c2018{
	30.25%{
		opacity: 0%;
		left: 190px;
		top: 530px;
	}
	31%{
		opacity: 100%;
		left: 190px;
		top: 530px;
	}
	31.25%{
		left: 190px;
		top: 530px;
	}
	32%{
		left: 190px;
		top: 460px;
	}
	100%{
		opacity: 100%;
		left: 190px;
		top: 460px;
	}
}
/*
.b2022 {
	background: rgba(200,200,200,0);
	offset-path: path('M 1550 275 q 100 290 310 170');
	offset-distance: 0%;
	animation: c2022 100s linear infinite;
}

@keyframes c2022{
	0% {
    	offset-distance: 0%;
	}
	1% {
    	offset-distance: 0%;
	}
	2% {
		offset-distance: 0%;	
	}
	3% {
		offset-distance: 0%;	
	}
	4% {
		offset-distance: 0%;	
	}
	5% {
		offset-distance: 0%;	
	}
	6% {
		offset-distance: 0%;
	}
	7% {
		offset-distance: 0%;
	}
	8% {
		offset-distance: 0%;
	}
	9% {
		offset-distance: 0%;
	}
	10% {
		offset-distance: 0%;
	}
	11% {
		offset-distance: 0%;
	}
	12% {
		offset-distance: 0%;
	}
	13% {
		offset-distance: 0%;
	}
	14% {
		offset-distance: 0%;
	}
	15% {
		offset-distance: 0%;
	}
	16% {
		offset-distance: 0%;
	}
	17% {
		offset-distance: 0%;
	}
	18% {
		offset-distance: 0%;
	}
	19% {
		offset-distance: 0%;
	}
	20% {
		offset-distance: 0%;
	}
	21% {
		offset-distance: 0%;
	}
	22% {
		offset-distance: 100%;
	}
	100% {
		offset-distance: 100%;
	}
} */

.corpo {
	scale: 45%;
	background: rgba(200,200,200,0);
	offset-path: path('M 2365 810 L 2365 810 T 2365 810 Z');
	offset-distance: 0%;
	animation: posicao_corpo 1s linear infinite;
	transform: rotate(-20deg);
}

@keyframes posicao_corpo {
	from {
		offset-distance: 0%;
	}
	to {
		offset-distance: 100%;
	}
}

.olho {
	scale: 45%;
	background: rgba(200,200,200,0);
	offset-path: path('M 2440 900 L 2440 900 T 2440 900 Z');
	offset-distance: 0%;
	animation: posicao_olho 1s linear infinite;
}

@keyframes posicao_olho {
	from {
		offset-distance: 0%;
	}
	to {
		offset-distance: 100%;
	}
}

.perna {
	scale: 26%;
	background: rgba(200,200,200,0);
	offset-path: path('M 4165 1800 L 4165 1800 T 4165 1800 Z');
	offset-distance: 0%;
	animation: posicao_perna 100s linear infinite;
	transform: rotate(30deg);
}

@keyframes posicao_perna {
	0% {
		offset-distance: 0%;
	}
	0.5% {
		transform: rotate(-15deg);
	}
	1% {
		transform: rotate(-15deg);
	}
	1.5% {
		transform: rotate(-15deg);
	}
	2% {
		transform: rotate(30deg);
	}
	2.5% {
		transform: rotate(-15deg);
	}
	3% {
		transform: rotate(-15deg);
	}
	3.5% {
		transform: rotate(-15deg);
	}
	4% {
		transform: rotate(30deg);
	}
	4.5% {
		transform: rotate(-15deg);
	}
	5% {
		transform: rotate(-15deg);
	}
	5.5% {
		transform: rotate(-15deg);
	}
	6% {
		transform: rotate(30deg);
	}
	6.5% {
		transform: rotate(-15deg);
	}
	7% {
		transform: rotate(-15deg);
	}
	7.5% {
		transform: rotate(-15deg);
	}
	8% {
		transform: rotate(30deg);
	}
	8.5% {
		transform: rotate(-15deg);
	}
	9% {
		transform: rotate(-15deg);
	}
	9.5% {
		transform: rotate(-15deg);
	}
	10% {
		transform: rotate(30deg);
	}
	10.5% {
		transform: rotate(-15deg);
	}
	11% {
		transform: rotate(-15deg);
	}
	11.5% {
		transform: rotate(-15deg);
	}
	12% {
		transform: rotate(30deg);
	}
	12.5% {
		transform: rotate(-15deg);
	}
	13% {
		transform: rotate(-15deg);
	}
	13.5% {
		transform: rotate(-15deg);
	}
	14% {
		transform: rotate(30deg);
	}
	14.5% {
		transform: rotate(-15deg);
	}
	15% {
		transform: rotate(-15deg);
	}
	15.5% {
		transform: rotate(-15deg);
	}
	16% {
		transform: rotate(30deg);
	}
	16.5% {
		transform: rotate(-15deg);
	}
	17% {
		transform: rotate(-15deg);
	}
	17.5% {
		transform: rotate(-15deg);
	}
	18% {
		transform: rotate(30deg);
	}
	18.5% {
		transform: rotate(-15deg);
	}
	19% {
		transform: rotate(-15deg);
	}
	19.5% {
		transform: rotate(-15deg);
	}
	20% {
		transform: rotate(30deg);
	}
	20.5% {
		transform: rotate(-15deg);
	}
	21% {
		transform: rotate(-15deg);
	}
	21.5% {
		transform: rotate(-15deg);
	}
	22% {
		transform: rotate(30deg);
	}
	22.5% {
		transform: rotate(-15deg);
	}
	23% {
		transform: rotate(-15deg);
	}
	23.5% {
		transform: rotate(-15deg);
	}
	24% {
		transform: rotate(30deg);
	}
	24.5% {
		transform: rotate(-15deg);
	}
	25% {
		transform: rotate(-15deg);
	}
	25.5% {
		transform: rotate(-15deg);
	}
	26% {
		transform: rotate(30deg);
	}
	26.5% {
		transform: rotate(-15deg);
	}
	27% {
		transform: rotate(-15deg);
	}
	27.5% {
		transform: rotate(-15deg);
	}
	28% {
		transform: rotate(30deg);
	}
	28.5% {
		transform: rotate(-15deg);
	}
	29% {
		transform: rotate(-15deg);
	}
	29.5% {
		transform: rotate(-15deg);
	}
	30% {
		transform: rotate(30deg);
	}
	30.5% {
		transform: rotate(-15deg);
	}
	31% {
		transform: rotate(-15deg);
	}
	31.5% {
		transform: rotate(-15deg);
	}
	32% {
		transform: rotate(30deg);
	}
	32.5% {
		transform: rotate(-15deg);
	}
	33% {
		transform: rotate(-15deg);
	}
	33.5% {
		transform: rotate(-15deg);
	}
	34% {
		transform: rotate(30deg);
	}
	34.5% {
		transform: rotate(-15deg);
	}
	35% {
		transform: rotate(-15deg);
	}
	35.5% {
		transform: rotate(-15deg);
	}
	36% {
		transform: rotate(30deg);
	}
	36.5% {
		transform: rotate(-15deg);
	}
	37% {
		transform: rotate(-15deg);
	}
	37.5% {
		transform: rotate(-15deg);
	}
	38% {
		transform: rotate(30deg);
	}
	38.5% {
		transform: rotate(-15deg);
	}
	39% {
		transform: rotate(-15deg);
	}
	39.5% {
		transform: rotate(-15deg);
	}
	40% {
		transform: rotate(30deg);
	}
	40.5% {
		transform: rotate(-15deg);
	}
	41% {
		transform: rotate(-15deg);
	}
	41.5% {
		transform: rotate(-15deg);
	}
	42% {
		transform: rotate(30deg);
	}
	42.5% {
		transform: rotate(-15deg);
	}
	100% {
		transform: rotate(-15deg);
	}
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% BANDEIRAS %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.band_uru1930{
	scale: 8.5%;
}

.band_ita1934{
	scale: 8.5%;
}

.band_fra1938{
	scale: 8.5%;
}

.band_bra1950{
	scale: 8.5%;
}

.band_sui1954{
	scale: 8.5%;
}

.band_sue1958{
	scale: 8.5%;
}

.band_chi1962{
	scale: 8.5%;
}

.band_ing1966{
	scale: 8.5%;
}

.band_mex1970{
	scale: 8.5%;
}

.band_ale1974{
	scale: 8.5%;
}

.band_arg1978{
	scale: 8.5%;
}

.band_esp1982{
	scale: 8.5%;
}

.band_mex1986{
	scale: 8.5%;
}

.band_ita1990{
	scale: 8.5%;
}

.band_eua1994{
	scale: 8.5%;
}

.band_fra1998{
	scale: 8.5%;
}

.band_cor2002{
	scale: 8.5%;
}

.band_jap2002{
	scale: 8.5%;
}

.band_ale2006{
	scale: 8.5%;
}

.band_afr2010{
	scale: 8.5%;
}

.band_bra2014{
	scale: 8.5%;
}

.band_rus2018{
	scale: 8.5%;
}

.band_cat2022{
	scale: 8.5%;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% GRAFICO %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

.band_esp1{
	scale: 2.7%;
}

.band_ing1{
	scale: 4.2%;
}

.band_fra1{
	scale: 2.7%;
}

.band_arg1{
	scale: 2.7%;
}

.band_uru1{
	scale: 2.7%;
}

.band_ale1{
	scale: 2.7%;
}

.band_ita1{
	scale: 2.7%;
}

.band_bra1{
	scale: 2.7%;
}