@charset "utf-8";

/* CSS Document */

* {margin:0; padding:0;font-family: 'Roboto Condensed', sans-serif;}
body {margin:0; padding:0;background-image:url("../images/fundo.png");background-color:#92d9b7;text-align:center;color:#333;text-align:center;font-size: 62.5%;}
div.clear {clear:both;}

body div.lcolun {width:50%; float:left;}
body div.rcolun {width:50%; float:right;}

.pagina{
	display:none;
}

#contem{
position:relative;
margin: 0 auto;
width:88.95478%; /*1200px*/
font-size:2em;
text-align:center;
}

#titulo{
	margin-top:2%;
}

.contemNumero{
	width:100%;
	margin-left:0%;
}


.containerResposta{
	margin-left:0%;
	width:100%;
}

.respTop{
	margin-top:11%;
}


.resposta{
	cursor:pointer;
}

#contador{
	margin-left:37%;
	width:100%;
	}

.contemEstrela{
	float:left;
	width:5%;
}

#parabens{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:rgba(0,0,0,.5);
	display:none;

}

#ok{
	margin-top:10%;
}

.tente{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:rgba(0,0,0,.5);
	display:none;

}

#imgTente{
	margin-top:10%;
}

#parabens2{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:rgba(0,0,0,.5);
	display:none;

}

#sair{
	cursor:pointer;
}

#avancar{
	cursor:pointer;
}

img{max-width:100%;
	height:auto;}

	
.estrela{
	display:none;
	float:left;
}


.inicio{
     position: relative;
     width: 22%; /*300px*/	 
	 margin-top:12%;
	 margin-left:37%;
	 cursor:pointer;
    }
	
	@media screen and (max-width: 768px) {
	
	.inicio{
		width: 155px;
		height:10px;
		margin: 0 auto;
		margin-top:12%;
		font-size:12px;
		padding: 16px 8px 10px 8px;
	}
	
	}