*{margin:0%; padding:0%; font-size:100%; border:none; outline:none; font-weight:300; box-sizing:border-box;}
body{background-color: #0B4391;  font-family:Sans-Serif;}
a{text-decoration:none;}
ul{list-style:none;}
img{max-width:100%;}

.cabecalho{width:100%; float:left; padding: 2% 4%; position:fixed; font-family:Sans-Serif; background-color: rgba(0,0,0,0.4);}

.logo{width:196px; height:50px; float:left; background: url(../img/escudo.png) left center/45px no-repeat; font-size:0;}

.bunner{width:100%; float:left; text-align:center; padding:30% 4% 20% 4%; margin-top:0; height:280px; background-image: linear-gradient(to bottom, #2980B9, #34495E);}

.title{width:100%;}
.title h2{font-size:2.5em;color:white;font-weight:700px;}
.title h3{font-size:1.2em;color:white;font-weight:500px;margin-top:20px;}

.espera{width:100%; height:100%; position:fixed; margin-left:0; background-color: rgba(0,0,0,0.8); display:none;}

.espera img{margin-top:60%; margin-left:40%; width:100px;}

.btnFechar{border: solid 1px white; margin-top:8px; margin-left:5px; padding:7px; border-radius:10px; cursor:pointer; background-color: rgba(0,128,128,0.8); color:white;}
.btnFecharJanela{float:right; margin-top:8px; color:white; background-color:transparent; font-size:30px; cursor:pointer;}

.anuncios-google{position:fixed; width:69%; margin-left:15%;}

.btn {width:45%; text-align:left; cursor:pointer; font-size:1.5em; padding:4%; border-radius:20px;}
.btn i{float:right;}
.btn-surpresinha{background-color: rgba(0,128,128,0.8); color:white; margin-top:5%; margin-bottom:5%;}

.divInfosAposta{width:80%; height:300px; margin-left:10%; margin-top:80px; border-radius:10px; background-color: rgba(0,128,128,0.9); text-align:left; padding: 20px;}
.divInfosAposta p{color: white; font-size:23px;}

.servicos{width: 100%; float:left; padding: 3% 4%;}
.servico{width: 100%; background-color: rgba(0,0,0,0.5); border-radius: 50px; text-align:left;	margin-right:3%;}
.servico img{border-radius:50px 50px 0px 0px;width:100%;}
.servico p{text-align:justify;}

.rodape{padding-bottom: 20px; text-align:center; background:transparent;}

.social-icons{text-align:center;}
.social-icons a{font-size:3em; color: rgba(255,255,255,0.9); cursor:pointer;}
.social-icons span{font-size:2em; color: rgba(255,255,255,0.9); cursor:pointer;}
.social-icons a:hover{color: rgb(255,255,255);}

.copyright{margin-top:50px; color: rgba(255,255,255,0.9);font-weight:bold; text-align:center; font-size:20px;}
.alvo{margin-bottom:28%;}

.dezenas{font-size:35px; color:white;}
.dezenas span:hover{color: #009dc4;}

.divDezenas{width:100%; background-color: rgba(0,128,128,0.8); border-radius:10px; cursor:pointer; padding-top: 10px; padding-bottom:10px; text-align:center; margin-top:20px;}

.divNumero{background-color: white; text-align:center; width:45px; cursor:pointer; height:45px; border-radius:50px; font-size:30px; margin-left: 5px;}

.resultados {width:100%; margin-top:50px; text-align:center; color:white; font-size: 30px;}


@media screen and (min-width: 460px)
{
	.divDezenas{width:90%; margin-left: 5%;}
	.bunner{width:100%; float:left; text-align:center; padding:25% 4% 5% 4%; height:280px;}
	.espera img{margin-top:40%;margin-left:40%;}
}

@media screen and (min-width: 640px){
	
	.bunner{height:300px; padding:20% 4% 5% 4%;}
	
	.title h2{font-size:3em;font-weight:700px;}
	.title h3{font-size:1.5em;font-weight:500px;}
	
	.servico{width:575px; background-color:rgba(0,0,0,0.5);border-radius:50px;text-align:left;}
	.servico img{border-radius:50px 50px 0px 0px;width:100%;}
	
	.divInfosAposta{width:60%; margin-left:20%;}
	
	.divDezenas{width:60%; margin-left: 20%;}
	
}

@media screen and (min-width: 768px){
	
	.bunner{height:350px;}
	.dezenas{font-size:40px;}
	.title h2{font-size:3.5em;}
	.title h3{font-size:1.8em;}
	.servico{margin-left:9%;}
	.divDezenas{width:50%; margin-left: 25%;}
}

@media screen and (min-width: 1024px){
	
	.bunner{height:350px; padding:15% 4% 5% 4%;}
	.servico{margin-left:19%;}
	.divInfosAposta{width:50%; margin-left:25%; margin-top:150px;}
	.espera img{margin-top:20%;margin-left:45%;}
	.btn {width: 20%; font-size:1.5em; padding:2%; border-radius:20px;}
	.divDezenas{width:40%; margin-left: 30%;}
}

@media screen and (min-width: 1366px)
{
	.divInfosAposta{width:40%; margin-left:30%; margin-top:150px;}
	.bunner{padding:10% 4% 5% 4%; height:350px;}
	.dezenas{font-size:45px;}	
	.servico{margin-left:28%;}	
	.alvo{margin-bottom:14%;}	
	.rodape{padding-bottom: 20px; text-align:center; background:transparent;}	
	.cabecalho{background-color: rgba(0,0,0,0.4); padding: 0% 2%;}
	.logo{width:100px; height: 60px; background: url(../img/escudo.png) left center/43px no-repeat; font-size:0;}
	.divDezenas{width:30%; margin-left: 35%;}
}