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

body {
	background-color: black;
	width: 560px;
}
#wrapperQuiz{
	width:550px;
	height:600px;
	background-color: #f7f0de;
}
@media screen and (max-width: 360px) {
#wrapperQuiz{
	width:300px;
	height:630px;
}
}

.fundooo{
	margin:0;
}
@media screen and (max-width: 360px) {
.fundooo{
	margin:0;
	width:300px;
}
}

#quizPerguntasPerguntas{
	position:absolute;
	top: 0;
	width: 535px;
	margin: 120px 0 0 20px;
}
#quizPerguntasPerguntas #imgPergunta{
	position: absolute;
	top: 50px;
}
@media screen and (max-width: 360px) {
#quizPerguntasPerguntas #imgPergunta{
	margin-top: -4px;
}
}
#numeroPergunta {
	position:absolute;
	left: 0px;
	top:-110px;
	font-size:12px;
	font-family: "Helvetica", Arial, Sans-Serif;
	color: #000;
}
#txtPergunta{
	text-align:left;
	font-size: 17px;
	margin-top: -50px;
	width:530px;
	color:black;
}
@media screen and (max-width: 360px) {
#txtPergunta{
	margin-top: -76px;
	width:270px;
}
}

.txtRespostas{
	color:#888;
	width:330px;
	cursor:pointer;
	margin-left:55px;
	margin-top:-20px;
}
@media screen and (max-width: 360px) {
.txtRespostas{
	width:245px;
	margin-left:18px;
	margin-top:11px;
}
}
.respVermelha {
	color: #d2232a !important;
	font-weight: bold;
}
.respVerde {
	color: #71bf44 !important;
	font-weight: bold;
}

#feedbackResposta {
	position:absolute;
	top: 280px;
	left: 237px;
}
#labelContinuar {
	font-family: "Helvetica", Arial, Sans-Serif;
	position: absolute;
	top: 332px;
	width: 82%;
	text-align: center;	
}
@media screen and (max-width: 360px) {
#labelContinuar{
	top: 158px;
	left:137px;
	width:21%;
	text-align:right;
}
}

.btnContinuarInicio {
	position: absolute;
	top: 443px;
	left: 177px;
	cursor: pointer;
}
@media screen and (max-width: 360px) {
.btnContinuarInicio{
	top: 222px;
	left: 61px;
	width:60%;
}
}
#btnContinuar{
	position: absolute;
	cursor: pointer;
	top: 304px;
	left: 214px;
	display:block;
}
@media screen and (max-width: 360px) {
#btnContinuar{
	top: 226px;
}
}
#divRadioButtons {
	position: absolute;
	top: -13px;
	left: 172px;
}
@media screen and (max-width: 360px) {
#divRadioButtons{
	top: 214px;
	left:-25px;
}
}
#divRadioButtons td {
	padding-top: 2px;

}
#tableRespostas{
	padding-right: 20px;
	margin-top:50px;
}

#qPerguntasRespondidas{
	position:absolute;
	top: 36px;
	left: 148px;
	color: #e5a812;
	font-size:17px;
	font-family: "Helvetica", Arial, Sans-Serif;
}
@media screen and (max-width: 360px) {
#qPerguntasRespondidas{
	top: 3px;
	left:5px;
	width:290px;
}
}

#btnFim{
	cursor: pointer;
}
#btnsFinais {
position:absolute;
top: 471px;
margin-left: 131px;
}

@media screen and (max-width: 360px) {
#btnsFinais {
	position:absolute;
	top: 700px;
	margin-left: 10px;
}
}

#btnsFinais img {
  margin: -181px 67px 227px -68px;
}

@media screen and (max-width: 360px) {
#btnsFinais img {
  margin: -366px 26px 372px 26px;
}
}
#imgTxtAbreTexto {
	position:absolute;
	top: 150px;
	width: 580px;
	padding: 20px;
}
#imgTxtAbreTexto h3{
	font-size:22px;
	font-family: "Helvetica", Arial, Sans-Serif;
	color: black;
	text-align:center;	
}
#imgTxtAbreTexto p{
	font-size:17px;
	font-family: "Helvetica", Arial, Sans-Serif;
	color: black;
}	
#stage1 img {
	position:absolute;
	cursor: pointer;
}
#divTableResultados {
	position: absolute;
	top: 70px;
	left: 30px;
	width:500px;
}
@media screen and (max-width: 360px) {
#divTableResultados {
	top: 20px;
	left:13px;
	width:259px;
}
}

#divTableResultados td{
	margin: 0;
	padding-top: 5px;
}

#divTableResultados a{
	color:black;
}

.bordeSupCeldas{
	border-top: solid 1px #999;
}
#txtCliqueFinal {
	position:absolute;
	top: 128px;
	left: 100px;
	font-family: "Helvetica", Arial, Sans-Serif;
	color: black;	
}

#output {
	position: absolute;
	top: 600px;
	color: black;
}
#output2 {
	position: absolute;
	top: 620px;
	color: black;
}


/* */
.rbRespostas {
	cursor:pointer;
	display:inline-block;
	width: 12px;
	height: 12px;
	border-style: solid;
	border-width: 2px;
	border-color: #888;
	margin-right: 17px;
	margin-left: 28px;
	margin-top: 4px;
}
.rbRespostasSelected {
	background-color: black;
}

.tableRespostas {
	border-spacing: 0;
}
.tableRespostas div {
	cursor:pointer;
}

.rbResp_tick {
	display:inline-block;
	width:35px;
	vertical-align: top;
	margin-top:10px;
}

.respTd {
	display:inline-block;
	width:365px;
	vertical-align: top;
}