copas8.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);
}

.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: 1px;
	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: 1px;
	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: 1px;
	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: 1px;
	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: 1px;
	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: 1px;
	background-color: white;
	animation: posicao_m5 1s infinite;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes posicao_n24 {
	0% {
		top: -5063px;
		left: 1175px;
	}
	100%{
		top: -5063px;
	  	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_uru_sede1930 {
	0% {
		left: 106px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_ita_sede1934 {
	0% {
		left: 156px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_fra_sede1938 {
	0% {
		left: 206px;
		top: 229px;
	}
	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 1s 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 1s 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 1s 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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_bra_sede1950 {
	0% {
		left: 356px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_sui_sede1954 {
	0% {
		left: 406px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_sue_sede1958 {
	0% {
		left: 456px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_chi_sede1962 {
	0% {
		left: 506px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_ing_sede1966 {
	0% {
		left: 556px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_mex_sede1970 {
	0% {
		left: 606px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_ale_sede1974 {
	0% {
		left: 656px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_arg_sede1978 {
	0% {
		left: 706px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_esp_sede1982 {
	0% {
		left: 756px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_mex_sede1986 {
	0% {
		left: 806px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_ita_sede1990 {
	0% {
		left: 856px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_eua_sede1994 {
	0% {
		left: 906px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_fra_sede1998 {
	0% {
		left: 956px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}


@keyframes posicao_cor_sede2002 {
	0% {
		left: 1006px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}


@keyframes posicao_jap_sede2002 {
	0% {
		left: 1006px;
		top: 266px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_ale_sede2006 {
	0% {
		left: 1056px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_afr_sede2010 {
	0% {
		left: 1106px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_bra_sede2014 {
	0% {
		left: 1156px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

@keyframes posicao_rus_sede2018 {
	0% {
		left: 1206px;
		top: 229px;
	}
	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 1s infinite;
	opacity: 0.3;
}

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