@charset "utf-8";
/* CSS Document */

/*  genericos   */ 
*{padding:0;margin:0;}

#soma{
	display:none;
}

#fundo_inicial{
	background:url(../images/fundo_cabeca.jpg) no-repeat;
	width:920px;
	height:620px;
}

#fundo{
	width:920px;
	height:620px;
}
#comecar_teste{
	position:absolute;
	top:568px;
	left:642px;
	width:266px;
	height:39px;
	cursor:pointer;
}

.comecar_teste_normal{
	background:url(../images/comece_teste.png) no-repeat;
}
.comecar_teste_hover{
	background:url(../images/comece_teste_hover.png) no-repeat;
}

.lados{
	position:absolute;
}


#direito{
	background:#1a1a1a;
	left:710px;;
	width:210px;
	height:580px;
	padding:40px 0 0 0;
}


.infos_direita, infos_direita_new{
	position:relative;
	width:210px;
	height:95px;
}
#resiliencia_out{
	background:url(../images/resiliencia_out.png) no-repeat;
	top:0;
	left:0;
}

#resiliencia{
	background:url(../images/resiliencia.png) no-repeat;
	top:0;
	left:0;
	cursor:pointer;
}
#perspectiva_out{
	background:url(../images/perspectiva_out.png) no-repeat;
	top:0;
	left:0;
}
#perspectiva{
	background:url(../images/perspectiva.png) no-repeat;
	top:0;
	left:0;
	cursor:pointer;
	width:0;
	display:none;
}

#intuicao_social_out{
	background:url(../images/intuicao_social_out.png) no-repeat;
	top:0;
	left:0;
}
#intuicao_social{
	background:url(../images/intuicao_social.png) no-repeat;
	top:0;
	left:0;
	cursor:pointer;
	width:0;
	display:none;
}

#autopercepcao_out{
	background:url(../images/autopercepcao_out.png) no-repeat;
	top:0;
	left:0;
}
#autopercepcao{
	background:url(../images/autopercepcao.png) no-repeat;
	top:0;
	left:0;
	cursor:pointer;
	width:0;
	display:none;
}
#sensibilidade_contexto_out{
	background:url(../images/sensibilidade_contexto_out.png) no-repeat;
	top:0;
	left:0;
}
#sensibilidade_contexto{
	background:url(../images/sensibilidade_contexto.png) no-repeat;
	top:0;
	left:0;
	cursor:pointer;
	width:0;
	display:none;
}
#atencao_out{
	background:url(../images/atencao_out.png) no-repeat;
	top:0;
	left:0;
}
#atencao{
	background:url(../images/atencao.png) no-repeat;
	top:0;
	left:0;
	cursor:pointer;
	width:0;
	display:none;
}


._1, ._2, ._3, ._4, ._5, ._6, ._7, ._8, ._9, ._10{
	position:absolute;
	width:18px;
	height:21px;
}
._1{
	top:56px;
	left:20px;
}
._2{
	top:56px;
	left:35px;
}
._3{
	top:56px;
	left:52px;
}
._4{
	top:56px;
	left:68px;
}
._5{
	top:56px;
	left:86px;
}
._6{
	top:56px;
	left:103px;
}
._7{
	top:56px;
	left:120px;
}
._8{
	top:56px;
	left:137px;
}
._9{
	top:56px;
	left:154px;
}
._10{
	top:56px;
	left:175px;
}








/* lado esquerdo */

#esquerdo{
	background:#eeedf3;
	width:710px;
	height:620px;
}

.tabela{
	margin:20px;
}

#primeiro{
	display:block;
}
#segundo, #terceiro, #quarto, #quinto, #sexto{
	display:none;
}















/*   finalizacao   */

#fundo_final{
	background:#FFF url(../images/dicas.png) no-repeat;
	position:absolute;
	top:15px;
	left:15px;
	width:0;
	height:10px;
}



#refazer_teste{
	position:absolute;
	top:560px;
	left:795px;
	background:url(../images/refazer_teste.png) no-repeat;
	width:0;
	height:21px;
	cursor:pointer;
}
#info_final{
	position:absolute;
	top:0;
	left:0;
	background:#1a1a1a url(../images/info_final.png) no-repeat;
	width:0;
	height:245px;
	z-index:1;
}


#resiliencia_final{
	position:absolute;
	top:53px;
	left:21px;
	width:26px;
	height:168px;
	display:none;
}
#perspectiva_final{
	position:absolute;
	top:53px;
	left:166px;
	width:26px;
	height:168px;
	display:none;
}

#intuicao_social_final{
	position:absolute;
	top:53px;
	left:318px;
	width:26px;
	height:168px;
	display:none;
}
#autopercepcao_final{
	position:absolute;
	top:53px;
	left:460px;
	width:26px;
	height:168px;
	display:none;
}

#sensibilidade_contexto_final{
	position:absolute;
	top:53px;
	left:613px;
	width:26px;
	height:168px;
	display:none;
}
#atencao_final{
	position:absolute;
	top:53px;
	left:763px;
	width:26px;
	height:168px;
	display:none;
}


.final_1{
	position:absolute;
	top:-3px;
	left:1px;	
}
.final_2{
	position:absolute;
	top:14px;
	left:1px;	
}

.final_3{
	position:absolute;
	top:30px;
	left:1px;	
}
.final_4{
	position:absolute;
	top:47px;
	left:1px;	
}

.final_5{
	position:absolute;
	top:63px;
	left:1px;	
}

.final_6{
	position:absolute;
	top:80px;
	left:1px;	
}

.final_7{
	position:absolute;
	top:98px;
	left:1px;	
}

.final_8{
	position:absolute;
	top:114px;
	left:1px;	
}

.final_9{
	position:absolute;
	top:132px;
	left:1px;	
}

.final_10{
	position:absolute;
	top:152px;
	left:1px;	
}




/* tabela */

.pergunta{
	border-bottom:1px #333 solid;
}

.escolha{
	text-align:center;
	width:60px;
	cursor:pointer;
	border-bottom:1px #333 solid;
}

.escolhido{
	text-align:center;
	width:60px;
	cursor:pointer;
	border-bottom:1px #333 solid;
}