@font-face {
  font-family: 'CartonSix';
  src: url('../fonts/Carton_Six.eot');
  src: url('../fonts/Carton_Six.ttf');
}

#stage .credito {
	top: 215px;
	right: -19%;
	width: 405px;
}

#atividade1{
	width: 800px;
	height: 600px;
	background:url(img/bg.png) no-repeat;
	background-position: 0px 0px;
}

#trilha{
	width: 800px;
	height: 600px;
	background:url(img/trilha.png) no-repeat;
}

.pino{
	width:70px; 
	height:70px;
	top: 482px;
	left: 371px;
	position:absolute;
}
.pino[data-avatar=avatar1]{
	background:url(../assets/images/avatar1_tabuleiro.png) no-repeat center center;
}
.pino[data-avatar=avatar2]{
	background:url(../assets/images/avatar2_tabuleiro.png) no-repeat center center;
}
#jogador0[data-avatar=avatar1].sobre, #jogador0[data-avatar=avatar2].sobre{
	background-position:-18px -2px;
}
#jogador1[data-avatar=avatar1].sobre, #jogador1[data-avatar=avatar2].sobre{
	background-position:11px 8px;
}

#bg_select{
	position:absolute;
	top: 65px;
	left: 15px;
	width: 207px;
	height: 287px;
	background:url(img/bg_select.png) no-repeat;
}
#bg_select_menor{
	position: absolute;
	top: 24px;
	left: -3px;
	width: 89px;
	height: 87px;
	background:url(img/bg_select_menor.png) no-repeat;
	visibility:hidden;
}
#bg_select img, #bg_select_menor img{
	position:absolute;
}
#bg_select img{
	top: 8px;
	left: 30px;
}
#bg_select_menor img{
	top: 8px;
	left: 9px;
}

#txt_select{
	position:absolute;
	width: 165px;
	height: 23px;
	top: 247px;
	left: 34px;
	font-size: 22px;
	text-align:center;
	font-family:'CartonSix';
	color:#fff;
	text-transform:uppercase;
}
.roleta{
	position:absolute;
	background: url(img/bg_roleta.png) center center no-repeat;
	width: 267px;
	height: 271px;
	right: 552px;
	top: 311px;
	bottom: 15px;
}
.roleta .glow{
	position:absolute;
	width: 267px;
	height: 271px;
	background: url(img/bg_roletaGlow.png) center center no-repeat;
	left: 0;
	top: 0;
}

.ponteiro{
	position:absolute;
	background: url(img/ponteiro_roleta.png) center center no-repeat;
	width: 54px;
	height: 93px;
	left: 103px;
	top: 62px;
	cursor: pointer;
}

.disco{
	position:absolute;
	background: url(img/disco_roleta.png) center center no-repeat;
	width: 188px;
	height: 189px;
	left: 37px;
	top: 37px;
	border-radius: 100px;
	cursor: pointer;
}

#enunciado, #debug{
	width:800px;
	height:600px;
	z-index:1000;
	background:rgba(0,0,0,.7);
}
#enunciado #pergunta, #debug #dbg_pergunta {
	position: absolute;
	width: 605px;
	left: 95px;
	top: 51px;
	font-size: 19px;
	z-index: 10;
}
#enunciado #pergunta p em, #debug #dbg_pergunta p em{
	text-align: center;
	display:block;
}
#enunciado #pergunta p small, #debug #dbg_pergunta p small{
	text-align: right;
	display:block;
}
#enunciado .bg_alt, #debug .bg_alt {
	position:absolute;
	width: 551px;
	height: 247px;
	left: 123px;
	top: 165px;
	z-index: -1;
}
#enunciado .questoes, #debug .questoes{
	position:absolute;
	top: -17px;
}
#enunciado .timeOver{
	position: absolute;
	top: 145px;
	left: 122px;
	font-family: 'font1B';
	font-size: 21px;
	width: 553px;
	text-align: center;
	height: 260px;
	background:#dcdcdc;
}
#enunciado .timeOver p{
	margin:70px auto 30px auto;
}

#enunciado .alt, #debug .alt{
	position: absolute;
	width: 480px;
	height: 24px;
	left: 122px;
	border-radius: 10px;
	padding: 7px 19px 49px 64px;
	font-size: 18px;
	cursor:pointer;
}
#enunciado .alt[data-status=off], #debug .alt[data-status=off]{
	color:#000;
	background:#c6c6c6;
}
#enunciado .alt[data-status=certo]{
	color:#fff;
	background:#228134 url(img/ico-certo.png) no-repeat 5px 10px;
}

#enunciado .alt[data-status=errado]{
	color:#fff;
	background:#9e0505 url(img/ico-errado.png) no-repeat 8px 10px;
}
#enunciado .alt span, #debug .alt span{
	position:absolute;
	top:7px;
	left:34px;
}
#enunciado #alternativa_1, #debug #dbg_alternativa_1 { 
	top: 183px;
}
#enunciado #alternativa_2, #debug #dbg_alternativa_2 {
	top: 270px;
}
#enunciado #alternativa_3, #debug #dbg_alternativa_3 {
	top: 357px;
}
#debug .dbg_troca{
	position:absolute;
	top: 467px;
	left: 524px;
}

#debug .dbg_prox{
	position:absolute;
	top: 467px;
	left: 424px;
}
#debug .dbg_tipo_sorte p {
	left: 120px !important;
}

#stage #tempo{
	top: 425px;
	left: 345px;
}

#stage #tempo .nums{
	top: 35px;
	left: 23px;
	font-family: 'font1B';
}

#stage .bg_perguntas{
	position: absolute;
	width: 659px;
	height: 490px;
	background: #E6E6E6;
	top: 198px;
	left: 320px;
	margin:-162px 0 0 -250px;
	z-index: -1;
}

.boxCinza{
	width:800px;
	height:600px;
	background:rgba(0,0,0,.7);
}
.boxCinza div{
	position:absolute;
	top:50%;
	left:50%;
	width:520px;
	height:410px;
	background:#E6E6E6;
	margin:-205px 0 0 -260px;
}
.boxCinza div strong{
	position:absolute;
	width: 520px;
	left: 0;
	top: 167px;
	text-align: center;
	font-size:21px;
	font-family:'font1B';
	text-transform:uppercase;
}
.boxCinza div p, #debug .dbg_tipo_sorte p{
	position:absolute;
	width: 480px;
	left: 0;
	top: 217px;
	text-align: center;
	font-size: 21px;
	padding:0 20px;
}
.boxCinza div .btjContinuar{
	position:absolute;
	left:170px;
	top: 330px;
}

#surpresa div h4{
	position:absolute;
	background:url(img/interrogacao.png) no-repeat;
	width: 105px;
	height: 105px;
	top: 23px;
	left: 205px;
}

#surpresa div h4[data-status=revez]{
	background-position:0px;	
}

#surpresa div h4[data-status=sorte]{
	background-position:-107px;	
}

#boxJogador figure{
	position:absolute;
	background:url(img/bg-moldura.png) no-repeat center center;
	width: 182px;
	height: 182px;
	top: 15px;
	left: 50%;
	margin-left:-91px;
	text-align:center;
}
#boxJogador div strong{
	top: 210px;
}
#boxJogador div p{
	top: 260px;
}

.box{
	width:800px;
	height:600px;
	background: url(img/bgBox.png) no-repeat 0 0;
}
.box h3{
	position:absolute;
	display:block;
	text-indent:-5000px;
}

.btsJogo{
	background: url(img/botoes.png) no-repeat;
	display:inline-block;
	text-indent:-5000px;
}

.btjConfirmar{
	background-position: -184px 0;
	width:175px;
	height:57px;
}
.btjContinuar{
	background-position: 0 0;
	width:169px;
	height:52px;
}
.btjReiniciarJogo{
	background-position: -371px 0;
	width:150px;
	height:89px;
}
#escolhaJogador h3{
	background: url(img/txt-esc-num-jog.png) no-repeat 0 0;
	width:387px;
	height:88px;
	top:41px;
	left:215px;
}
#escolhaJogador nav{
	position:absolute;
	width:800px;
	height:118px;
	top:234px;
	left:0;
	text-align:center;
}
#escolhaJogador nav a{
	display:inline-block;
	width:118px;
	height:118px;
	border-radius:118px;
	background: url(img/botoes_nums.png) no-repeat;
	margin:0 25px;
	text-indent:-5000px;
}
#escolhaJogador nav a.bt01{
	background-position:1px 0;
}
#escolhaJogador nav a.bt02{
	background-position:-163px 0;
}
#escolhaAvatar > h3{
	width:172px;
	height:40px;
	top:52px;
	left:327px;
}
#escolhaAvatar > h3.jog1{
	background: url(img/txt-jogador1.png) no-repeat 0 0;
}
#escolhaAvatar > h3.jog2{
	background: url(img/txt-jogador2.png) no-repeat 0 0;
}
#escolhaAvatar > p{
	width: 400px;
	height: 50px;
	position: absolute;
	top: 123px;
	left: 260px;
}
#escolhaAvatar > p label{
	width:80px;
	height:32px;
	background: url(img/txt-nome.png) no-repeat 0 0;
	display:inline-block;
	text-indent:-5000px;
}
#escolhaAvatar > p input{
	width:290px;
	height:50px;
	line-height:50px;
	color:#f9dc7d;
	border:0;
	background: none;
	position: relative;
	top:11px;
	font-family: 'CartonSix';
	font-size:32px;
	text-transform:uppercase;
	text-shadow: #000 2px 2px 2px;
	text-align: left;
	outline:none;
}
#escolhaAvatar > div{
	width:800px;
	height:300px;
	position:absolute;
	top:200px;
	left:0;
}
#escolhaAvatar > div h3{
	width:440px;
	height:33px;
	top:13px;
	left:180px;
	background: url(img/txt-selct-avatar.png) no-repeat 0 0;
}
#escolhaAvatar > div article{
	position:absolute;
	width:630px;
	height:200px;
	top:66px;
	left:95px;
}
#escolhaAvatar > div article .setas{
	position:absolute;
	width:45px;
	height:200px;
	top:0;
	background: url(img/setas-select-avatar.png) no-repeat;
	text-indent:-5000px;
}
#escolhaAvatar > div article .setas[title=Anterior]{
	left:0;
	background-position: 0 95px;
}
#escolhaAvatar > div article .setas[title=Próximo]{
	right:0;
	background-position: -56px 95px;
}
#escolhaAvatar > div article blockquote{
	position:absolute;
	width:540px;
	height:230px;
	top:0;
	left:130px;
	overflow:hidden;
}
#escolhaAvatar > div article blockquote nav{
	position:absolute;
	width:540px;
	height:230px;
	top:0;
	left:0;
	display:inline-block;
}
#escolhaAvatar > div article blockquote nav figure{
	float:left;
	width:180px;
	height:230px;
	background: url(img/avatares.png) no-repeat;
	text-indent:-5000px;
	cursor:pointer;
}
#escolhaAvatar > div article blockquote nav figure.off{
	opacity:.5;
}
#escolhaAvatar > div article blockquote nav figure.avatar1{	
	background-position: 0 20px;
}
#escolhaAvatar > div article blockquote nav figure.avatar1[data-escolhido=true]{	
	background-position: 0 -203px;
}
#escolhaAvatar > div article blockquote nav figure.avatar2{	
	background-position: -180px 20px;
}
#escolhaAvatar > div article blockquote nav figure.avatar2[data-escolhido=true]{	
	background-position: -177px -203px;
}
#escolhaAvatar > div article blockquote nav figure.avatar3{	
	background-position: -360px 20px;
}
#escolhaAvatar > div article blockquote nav figure.avatar3[data-escolhido=true]{	
	background-position: -355px -203px;
}
#escolhaAvatar > div article blockquote nav figure.avatar4{	
	background-position: -540px 20px;
}
#escolhaAvatar > div article blockquote nav figure.avatar4[data-escolhido=true]{	
	background-position: -533px -203px;
}
#escolhaAvatar > div article blockquote nav figure.avatar5{	
	background-position: -720px 20px;
}
#escolhaAvatar > div article blockquote nav figure.avatar5[data-escolhido=true]{	
	background-position: -711px -203px;
}
#escolhaAvatar > div article blockquote nav figure.avatar6{	
	background-position: -900px 20px;
}
#escolhaAvatar > div article blockquote nav figure.avatar6[data-escolhido=true]{	
	background-position: -889px -203px;
}
#escolhaAvatar > div .btjConfirmar, #final_parabens .btjContinuar{	
	position:absolute;
	top:295px;
	left:327px;
}

#final_parabens{
	background:url(img/bg_parabens_final.png) no-repeat;
}
#final_parabens p {
	position: absolute;
	width: 500px;
	height: 38px;
	top: 320px;
	left: 150px;
	font-size: 40px;
	text-align: center;
	font-family: 'CartonSix';
	color: #fff;
	text-transform: uppercase;
	text-shadow: #000 2px 2px 2px;
	line-height: 70px;
}
#final_parabens p span{
	color:#f9dc7d;
}
#final_parabens img{
	position:absolute;
	top: 62px;
	left: 300px;
}
#final_parabens .btjContinuar{
	top:485px;
	left:305px;
}

#final_saiba h3{
	background: url(img/txt-saiba-mais.png) no-repeat 0 0;
	width:229px;
	height:33px;
	top:41px;
	left: 289px;
}
#final_saiba  img{
	position:absolute;
	top: 62px;
	left: 34px;
}
#final_saiba div{
	position:absolute;
	width: 374px;
	height: 38px;
	top: 112px;
	left: 289px;
	font-size: 30px;
	color:#FFF;
}
#final_saiba div p{
	padding:5px 0;
}
#final_saiba div p span{
	font-family:'font1';
	color:#f9dc7d;
}
#final_saiba .btjReiniciarJogo{	
	position:absolute;
	top:465px;
	left:330px;
}

#final_pontuacao article{	
	position:absolute;
	top:0;
	left:0;
	width:800px;
	height:470px;
}
#final_pontuacao article div{	
	width:400px;
	height:470px;
	float:left;
	position:relative;
}
#final_pontuacao article.jogadores_1 div:first-of-type{	
	position:absolute;
	left:200px;
}
#final_pontuacao article.jogadores_1 div:last-of-type{	
	display:none;
}
#final_pontuacao article div figure{
	width:211px;
	height:211px;
	background: url(img/destaque_bg2.png) no-repeat 0 0;
	position:relative;
	display:block;
	margin:75px auto 50px auto;
}
#final_pontuacao article div figure img{	
	position:absolute;
	top:-30px;
	left:0px;
}
#final_pontuacao article div strong{	
	position:absolute;
	top:290px;
	left:0;
	width:400px;
	text-align:center;
	font-family:'CartonSix';
	font-size:32px;
	text-transform:uppercase;
	text-shadow: #000 2px 2px 2px;
	color:#f9dc7d;
}
#final_pontuacao article div blockquote{	
	float:left;
	text-align:center;
	font-family:'font2';
	text-shadow: #000 2px 2px 2px;
	color:#fff;
	position:relative;
	top:10px;
}
#final_pontuacao article div blockquote:first-of-type{	
	margin:0 15px 0 80px;
}
#final_pontuacao article div blockquote:last-of-type{	
	margin:0 50px 0 15px;
}
#final_pontuacao article div blockquote span{	
	font-size:18px;
	display:block;
}
#final_pontuacao article div blockquote b{	
	font-size:45px;
}
/*
	font-size:32px;
	text-transform:uppercase;
	text-align: left;*/
#final_pontuacao .btjReiniciarJogo{	
	position:absolute;
	top:465px;
	left:330px;
}