/* LISTA */
.boxListaOrientacoes {
	display: block;
	margin: 0;
	padding: 0;
}

.boxListaOrientacoes li {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
}

.boxListaOrientacoes li a {
	display: block;
	margin: 0;
	padding: 10px;
	font-size: 1.4rem;
	line-height: 1.2em;
	color: #007f35;
	text-decoration: none;
	background: #dcf8e2;
}

.boxListaOrientacoes li:hover a {
	font-weight: 600;
}

.boxListaOrientacoes li .resposta {
	display: none;
	padding: 20px 20px 50px 20px;
	margin: 0;
}


/* FORM PERGUNTAS */

#FormPerguntas ul li input[placeholder], #FormPerguntas ul li textarea[placeholder] {
	font-size: 1.4rem;
}

#FormPerguntas ul li label {
	display: inline-block;
	width: 170px;
	margin: 5px 10px 0 0;
	font-size: 1.4rem;
	cursor: hand;
	cursor: pointer;
}

#FormPerguntas ul li label input[type="radio"] {
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: middle;
}





/* ########## */
/* RESPONSIVE */
/* ########## */


/* 1440px */
@media screen and (max-width: 1440px) {

}


/* 1377px */
@media screen and (max-width: 1377px) {

}


/* 1280px */
@media screen and (max-width: 1280px) {

}


/* 1170px */
@media screen and (max-width: 1170px) {
	.boxOrientacoes.colLeft.col60 {
		width: 100%;
		padding: 0 0 25px 0;
	}

	.boxOrientacoes.colRight.col33 {
		width: 100%;
		padding: 25px 0 0 0;
		border-top: 2px solid #5ca960;
		border-left: none;
	}

	.boxOrientacoes.colRight.col33 p {
		display: inline-block;
		width: calc(50% - 3px);
	}
}


/* 960px */
@media screen and (max-width: 960px) {
	.boxListaOrientacoes li a,
	#FormPerguntas ul li label,
	#FormPerguntas ul li textarea[placeholder],
	#FormPerguntas ul li input[placeholder]{
		font-size: 1.2rem;
		line-height: 1.2em;
	}
}


/* 768px */
@media screen and (max-width: 768px) {

}


/* 640px */
@media screen and (max-width: 640px) {
	.boxListaOrientacoes li a,
	#FormPerguntas ul li label,
	#FormPerguntas ul li textarea[placeholder],
	#FormPerguntas ul li input[placeholder]	{
		font-size: 1rem;
		line-height: 1.4em;
	}

	#FormPerguntas ul li .button {
		font-size: 1rem;
		line-height: 1em;
	}

	.boxOrientacoes.colRight.col33 p {
		display: block;
		width: 100%;
	}
}


/* 480px */
@media screen and (max-width: 480px) {
	.boxListaOrientacoes li .resposta {
		padding: 20px 0 0 0;
	}

	#FormPerguntas ul li label {
		width: 130px;
	}
}


/* 320px */
@media screen and (max-width: 320px) {

}