.oglobo-xcondensed-light {
	font-family: "Oglobox-condensed-Light";
}

.oglobo-xcondensed-regular {
	font-family: "Oglobox-condensed-Regular";
}

.oglobo-condensed-regular {
	font-family: "OgloboCondensedRegular";
}

.oglobo-condensed-bold {
	font-family: "OgloboCondensedBold";
}

.info-arte {
	width: 100%;
	padding: 0 0.78125%;
}

.introducao {
	overflow: hidden;
}

.introducao > img {
	display: block;
	float: left;
}

.caixa-descricao {
	max-width: 280px;
	float: left;
	margin: 160px 0 0;
}

.caixa-descricao h3 {
	font-size: 45px;
	line-height: 45px;
	color: #020202;
	margin: 0;
	text-transform: uppercase;
}

.caixa-descricao p {
	font-size: 20px;
	line-height: 23px;
}

.quadro {
	overflow: hidden;
}

.quadro .col-1,
.quadro .col-2 {
	float: left;
}

.quadro .col-1 {
	width: 64.28571428571429%; /* 810 / 1260 * 100 */
}

.quadro .col-2 {
	width: 22.22222222222222%; /* 280 / 1260 * 100 */
}

.btn-jogar,
.btn-jogar:link,
.btn-jogar:hover,
.btn-jogar:visited,
.btn-jogar:focus,
.btn-jogar:active {
	color: #ff731f;
	font-size: 28px;
	line-height: 28px;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	padding: 30px 0 20px;
	background: #f6f6f6;
	border: solid 1px #c7c7c7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	margin: 105px 0 0;
	min-width: 260px;
	text-align: center;
}

.btn-jogar:before {
	content: "";
	position: absolute;
	left: 91px;
	top: -73px;
	width: 95px;
	height: 95px;
	background: url("../images/btn-play.png") no-repeat;
}

.proxima-musica {
	font-size: 25px;
	color: #757575;
	text-transform: uppercase;
	margin: 50px 0 20px;
	position: relative;
	text-align: right;
	padding-right: 102px;
	cursor: pointer;
	display: none;
}

.proxima-musica:before {
	content: "";
	position: absolute;
	right: 0px;
	top: -35px;
	width: 95px;
	height: 95px;
	background: url("../images/btn-play.png") no-repeat;
}

/*----------------------------------
	Perguntas
----------------------------------*/
.quiz {
	width: 100%;
	position: relative;
}

.acoes {
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}

.bread-crumb {
	max-width: 340px;
	margin-right: 8%;
	float: right;
}

.bread-crumb ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.bread-crumb ul li {
	display: inline-block;
	width: 13px;
	height: 13px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #dbdbdb;
	margin-right: 5px;
}

.bread-crumb ul li.atual {
	background: #bababa;
}

.bread-crumb ul li.acertou {
	background: #a2ae69;
}

.bread-crumb ul li.errou {
	background: #a95454;
}

.bread-crumb p {
	font-size: 30px;
	line-height: 30px;
	color: #aeaeae;
	text-transform: uppercase;
	margin: 0;
	width: 60px;
	text-align: right;
	float: right;
}

.pergunta {
	width: 100%;
	/*padding: 0 5.46875%;*/
	overflow: hidden;
}

.informacao {
	width: 62.5%;
	margin-right: 4.6875%;
	float: left;
}

.container-indefinido {
	width: 31.25%;
	float: left;
}

.pergunta-texto {
	font-size: 40px;
	line-height: 40px;
	text-align: center;
}

.alternativas {
	list-style: none;
	text-align: center;
	font-size: 28px;
	line-height: 28px;
	width: 100%;
	text-transform: uppercase;
	margin: 0;
}

.alternativas li {
	width: 100%;
	height: 61px;
	padding-top: 21px;
	background: #f6f6f6;
	border: solid 1px #c7c7c7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #606060;
	margin-bottom: 10px;
	transition: background 0.45s ease-in-out;
}

.alternativas.nao-respondida li {
	cursor: pointer;
}

.alternativas.nao-respondida li:hover {
	background: #dfdfdf;
}

.alternativas li.correta {
	background: #a2ae69;
	font-family: "OgloboCondensedMedium";
	color: white;
	line-height: 15px;
}

.alternativas li.errada {
	background: #a95454;
	font-family: "OgloboCondensedMedium";
	color: white;
	line-height: 15px;
}

.respondeu .texto {
	width: 41%;
	float: left;
}

.respondeu h4 {
	font-size: 28px;
	line-height: 28px;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.respondeu p {
	font-size: 20px;
	line-height: 30px;
	text-align: left;
}

.respondeu img {
	display: block;
	float: left;
	width: 57%;
	margin-right: 2%;
}

.musica {
	max-width: 618px;
	margin: 0 auto;
}

@media only screen and (max-width: 900px) {

	.informacao {
		width: 100%;
		margin-right: 0;
		float: right;
		display: none;
	}

	.container-indefinido {
		width: 100%;
		float: none;
	}

	.quadro .col-1,
	.quadro .col-2 {
		float: none;
	}

	.quadro .col-1 {
		width: 100%;
	}

	.quadro .col-2 {
		width: 100%;
	}

	.caixa-descricao {
		margin: 20px auto 0;
	}

	.caixa-descricao h3 {
		text-align: center;
	}

	.caixa-descricao p {
		margin: 0;
	}

	.proxima-musica {
		margin: 50px 0;
	}
}