::-webkit-scrollbar {
 -webkit-appearance: none;width:14px;
 margin-right:20px;
 padding-right:20px;
}
 
::-webkit-scrollbar-thumb {
border-radius: 10px;background-color: #afd252;-webkit-box-shadow: 0 0 1px rgba(125,125,125,1);
}

::-webkit-scrollbar-track {
background:#eee;border: thin solid lightgray;box-shadow: 0px 0px 3px #dfdfdf inset;border-radius:10px;

}




[id*="dia"] {
	
	width:98.5%;
	background-color: #FFF;
	padding:10px;
	z-index:55510;
	border-radius:0px;
	display:none;
	position:absolute;


}


#dia12{
	display:none;}
	
	
	#imagem_europa

{
	margin-top:0px;
	margin-left:0px;
	
	}
	

.resultados{
	display:none;
	}
	
	
	#miolo2

{
	margin-top:0px;
	margin-left:0.5%;
	position:absolute;
	z-index:100;
	width:97.5%;
	
	
	}
	

.caras{
	width:30%;
	}

.classifica{
	width:100%;
	height:auto;
	

	}


.titulo {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	color:#afd252;
	opacity:1;

}

.foto_pais{
	margin-top:5px;
}


.grupos {	
	font-family:Arial, Helvetica, sans-serif;;
	margin-left:10px;
	font-size:17px;
	font-weight:bold;
	color:#afd252;
	opacity:1;

}

.cargo {	
	font-family:Arial, Helvetica, sans-serif;;
	font-size:12px;
	color:black;
	opacity:1;

}


.campeao {	
	font-family:Arial, Helvetica, sans-serif;;
	font-size:14px;
	color:black;
	font-weight:bold;
	opacity:1;
	padding-top:20px;

}



.pontos {	
	font-family:Arial, Helvetica, sans-serif;;
	font-size:34px;
	font-weight:bold;
	color:#afd252;
	opacity:1;
	

}


.pontoss {	
	font-family:Arial, Helvetica, sans-serif;;
	font-size:20px;
	font-weight:bold;
	color:#afd252;
	opacity:1;
	

}

.pontos_tit {	
	font-family:Arial, Helvetica, sans-serif;;
	font-size:15px;
	font-weight:bold;
	color:rgba(0, 114, 177, 1);
	opacity:1;

}

.pontos_finais {	
	font-family:Arial, Helvetica, sans-serif;;
	font-size:12px;
	font-weight:bold;
	color:#0f3f79;
	opacity:1;


}

.texto {	
	font-family:Arial, Helvetica, sans-serif;;
	font-size:12px;
	color:black;

}


.regras {	
	font-family:Arial, Helvetica, sans-serif;;
	font-size:14px;
	line-height:19px;
	color:black;

}


.imagem {

	margin-top:-10px;

	}
	

.fechar {
	cursor:pointer;
	text-align:center;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:38px;
	color:#afd252;
	margin-top:6px;
	padding-bottom:22px;
	

}


.fechar2 {
	cursor:pointer;
	text-align:center;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: black;
	margin-top:636px;
	margin-left:470px;
	position:absolute;
	z-index:999999;
	display:none;
	


}


.fechar2:hover {
		
	
	-webkit-transform:scale(1.1);
	cursor:pointer;
	background-color:#CCC;
	padding:6px;
	border-radius:4px;

}


.fecharx {
	padding:4px;
	border: 1px solid #afd252;
	
	}


.clear {
	clear:both;

	
}


[id*="bt"] {
	cursor: pointer;
 
}





.caixas{
	width:100%; 
	height:1px; 
	background-color:#afd252;
	margin-bottom:15px;

	
	}
	
	
	.tabelas{
	width:100%; 

	
	}


img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}
	
	


/* Chrome, Safari, Opera */
@-webkit-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@-moz-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@-ms-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}

	


@media only screen and (max-width:580px) {
	
	#miolo2

{
	width:95%;
	
	
	}

	.caixas{
	width:96%; 
	margin-bottom:10px;	
	}
	
	.texto {	
	font-size:11px;
}
	
	
.fechar {

	font-size:20px;
	margin-top:-12%;

	

}	
	
}



	
	
	
