body{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#container_quiz{
	width: 412px;
	height: 428px;
	border: 1px solid #333333;
	border-top: 4px solid #333333;
	padding: 10px 20px;
	margin: 0;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(224, 224, 224, 1);
	-moz-box-shadow:    0px 2px 0px 0px rgba(224, 224, 224, 1);
	box-shadow:         0px 2px 0px 0px rgba(224, 224, 224, 1);
	overflow: hidden;
}
#container_quiz h1{
	font: 30px OGloboCondensedSemibold, Arial, Tahoma, sans-serif;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	padding: 0;
}
#container_quiz h2{
	font: 27px/27px OGloboCondensedMedium, Arial, Tahoma, sans-serif;
	color: #333333;
	text-align: center;
	margin: 0 0 25px 0;
}
#container_quiz h3{
	font: 18px/27px OGloboCondensedRegular, Arial, Tahoma, sans-serif;
	color: #999999;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
}
#container_quiz #quiz{
	width: 452px;
	height: 302px; 
	margin-left: -20px;
	position: relative;
}
#container_quiz #quiz #container_perguntas{
	width: 10000px;
	height: 302px;
	overflow: hidden;
	position: absolute;
}
#container_quiz #quiz #container_perguntas .pergunta{
	padding: 0;
	margin: 0;
	width: 452px;
	position: relative;
	float: left;
}
#container_quiz #quiz #container_perguntas .pergunta p{
	width: 420px;
	font: 27px/28px OGloboCondensedRegular, Arial, Tahoma, sans-serif;
	color: #333333;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	height: 130px;
}
#container_quiz #quiz #container_perguntas .pergunta .opcoes{
	width: 447px;
	margin: 0 auto;
	/*position: absolute;
	bottom: 88px;
	left: 20px;
	top: 115px;*/
}
#container_quiz #quiz #container_perguntas .pergunta .opcoes ul{
	margin: 0;
	padding: 0;
}
#container_quiz #quiz #container_perguntas .pergunta .opcoes li{
	list-style: none;
	height: 9px;
	width: 115px;
	border: 1px solid #bbbbbb;
	font: 15px/9px OGloboCondensedBold, Arial, Tahoma, sans-serif;
	color: #333333;
	text-transform: uppercase;
	float: left;
	cursor: pointer;
	padding: 13px;
	margin-right: 9px;
	margin-bottom: 12.5px;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(217, 217, 217, 1);
	-moz-box-shadow:    0px 2px 0px 0px rgba(217, 217, 217, 1);
	box-shadow:         0px 2px 0px 0px rgba(217, 217, 217, 1);
}
#container_quiz #quiz #container_perguntas .pergunta .opcoes li:nth-child(4), #container_quiz #quiz #container_perguntas .pergunta .opcoes li:last-child{
	width: 191px;
}
#container_quiz #quiz #container_perguntas .pergunta .opcoes li:nth-child(3), #container_quiz #quiz #container_perguntas .pergunta .opcoes li:last-child{
	margin-right: 0;
}
#container_quiz #quiz #container_perguntas .pergunta .opcoes li span{
	width: 13px;
	height: 13px;
	border: 1px solid #bbbbbb;
	border-radius: 10px;
	float: left;
	margin-right: 10px;
	margin-top: -2px;
	background: #fff;
}
#container_quiz #quiz #container_perguntas .pergunta .opcoes li.ativo{
	border: 0;
	color: #fff;
	height: 11px;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}
#container_quiz #quiz #container_perguntas .pergunta .opcoes li.certo.ativo{
	background: #33a920;
}
#container_quiz #quiz #container_perguntas .pergunta .opcoes li.errado.ativo{
	background: #cc0000;
}
#container_quiz #quiz #container_perguntas .pergunta .opcoes li.ativo span{
	border: 0;
	margin-top: 0;
	background-size: 100%;
}
#container_quiz #quiz #container_perguntas .pergunta .opcoes li.certo.ativo span{
	background: #33a920 url(../imgs/certo.png) 0 0 no-repeat;
}
#container_quiz #quiz #container_perguntas .pergunta .opcoes li.errado.ativo span{
	background: #cc0000 url(../imgs/errado.png) 0 0 no-repeat;
}
#container_quiz #quiz #total_perguntas{
	position: absolute;
	bottom: 30px;
	left: 30px;
	font: italic 15px/30px 'Droid Serif', serif;
	color: #999;
	height: 30px;
}
#container_quiz #quiz #bt_proximo{
	height: 30px;
	width: 105px;
	position: absolute;
	right: 20px;
	bottom: 30px;
	font: italic 15px/30px 'Droid Serif', serif;
	color: #999;
	cursor: pointer;
	display: none;
}
#container_quiz #quiz #bt_proximo #seta_proximo{
	width: 34px;
	height: 34px;
	background: transparent url(../imgs/seta2x.png) 0 0 no-repeat;
	background-size: 100%;
	float: right;
}
#resultado{
	width: 340px;
	margin-left: 52px;
	margin-top: 70px;
	text-align: center;
	color: #333333;
	display: none;
	position: relative;
}
#resultado p.resposta{
	font: 27px/25px OGloboCondensedRegular, Arial, Tahoma, sans-serif;
	margin: 0;
}
#resultado #acertos{
	font: 95px/76px OGloboCondensedBold, Arial, Tahoma, sans-serif;
}
#resultado p.comentario{
	font: 20px/21px OGloboCondensedRegular, Arial, Tahoma, sans-serif;
	margin: 15px 0;
}
#compartilhe{
	font: 14px/15px OGloboCondensedRegular, Arial, Tahoma, sans-serif;
	color: #1e96c8;
	text-transform: uppercase;
	margin-bottom: 25px;
	margin-top: 15px;
}
#compartilhe img{
	margin-left: 30px;
	margin-top: 3px;
	cursor: pointer;
}
#refazer{
	width: 188px;
	height: 35px;
	background: #1e96c8;
	text-transform: uppercase;
	font: 15px/34px OGloboCondensedSemibold, Arial, Tahoma, sans-serif;
	text-align: center;
	float: left;
	color: #fff;
	margin-left: 75px;
	cursor: pointer;
	border: 1px solid #bbbbbb;
	margin-top: 80px;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(217, 217, 217, 1);
	-moz-box-shadow:    0px 2px 0px 0px rgba(217, 217, 217, 1);
	box-shadow:         0px 2px 0px 0px rgba(217, 217, 217, 1);
}