/* BIOGRAFIA */
.biografia{}
	.bannerDest{min-height: 750px;position: relative;}
		.bannerDest .texto{position: absolute;top: 50%;left: 50%;transform: translate(-100%,-70%);}
		.bannerDest .left{position: absolute;top: 50%;left: 50%;transform: translate(0%,-70%);}
			.bannerDest .texto .box{background-color: #009c56;padding: 40px 20px 40px 20px;}
			.bannerDest .texto .box::before{display: none;}
				.bannerDest .texto .box h3{font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 25px;color: #ffffff;margin: 0 0 20px 0;}
				.bannerDest .texto .box p{font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 14px;color: #ffffff;line-height: 25px;}
	.texto .box{background-color: #009c56;padding: 60px 45px;}
		.texto .box::before{display: none;}
		.texto .box h3{font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 28px;color: #ffffff;margin: 0 0 20px 0;}
		.texto .box p{font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 16px;color: #ffffff;line-height: 30px;text-align: justify;}

	.informacao{min-height: 740px; position: relative;}
		.informacao .texto{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
			.informacao .texto .box{background-color: #009c56;padding: 40px 20px 40px 20px;}
			.informacao .texto .box::before{display: none;}
				.informacao .texto .box h3{font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 25px;color: #ffffff;margin: 0 0 20px 0;}
				.informacao .texto .box p{font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 14px;color: #ffffff;line-height: 25px;}
	.detalhe{}
	.detalheColor{background-color: #009c56;overflow: auto;}
		.detalhe .imagem{padding: 0;}
			.detalhe .imagem img{width: 100%;}
		.detalhe .texto{padding: 45px 70px 0 70px;}
			.detalhe .texto h3{font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 25px;color: #006d38;margin: 0 0 20px 0;}
			.detalhe .texto p{font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 14px;color: #006d38;margin: 0 0 20px 0;line-height: 25px;}
			.detalhe .texto p.color, .detalhe .texto h3.color{color: #ffffff;}
	.linhaTempo{background-color: #009c56;overflow: auto;padding: 60px 0;}
		/* The actual timeline (the vertical ruler) */
		.timeline{position: relative; max-width: 1200px; margin: 0 auto;}
		/* The actual timeline (the vertical ruler) */
		.timeline::after{content: ''; position: absolute; width: 6px; background-color: white; top: 0; bottom: 0; left: 50%; margin-left: -3px;}
		/* Container around content */
		.container{padding: 10px 40px; position: relative;background-color: inherit;width: 50%;}
		/* The circles on the timeline */
		.container::after{content: '';position: absolute;width: 25px;height: 25px;right: -17px;background-color: white;border: 4px solid #253a71;top: 15px;border-radius: 50%;z-index: 1;}
		/* Place the container to the left */
		.box:nth-child(odd){left: 0;}
		/* Place the container to the right */
		.box:nth-child(even){left: 50%;}
		/* Add arrows to the left container (pointing right) */
		.box:nth-child(odd)::before{content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; right: 30px; border: medium solid white; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent white;}
		/* Add arrows to the right container (pointing left) */
		.box:nth-child(even)::before{content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent;}
		/* Fix the circle for containers on the right side */
		.box:nth-child(even)::after{left: -16px;}
		/* The actual content */
		.content{padding: 20px 30px; background-color: white; position: relative; border-radius: 6px;}
			.content h3{font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 27px;color: #253a71; margin: 0 0 5px 0; display: none;}
			.content h4{font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 18px;color: #006d38; margin: 0 0 20px 0;}
			.content p{font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 14px;color: #006d38;line-height: 25px; margin: 0 0 20px 0;}
			.content img{width: 100%; margin: 0 auto;}
			/* Media queries - Responsive timeline on screens less than 600px wide */
			@media screen and (max-width: 640px) {
			/* Place the timelime to the left */
			  .timeline::after{left: 31px;}
			/* Full-width containers */
			  .container{width: 100%;padding-left: 45px;padding-right: 0;}
			/* Make sure that all arrows are pointing leftwards */
			  .container::before{left: 35px !important;border: medium solid white !important;border-width: 10px 10px 10px 0 !important;border-color: transparent white transparent transparent !important;}
			/* Make sure all circles are at the same spot */
			  .box:nth-child(odd)::after, .box:nth-child(even)::after{left: 0px;}
			/* Make all right containers behave like the left ones */
			  .box:nth-child(even){left: 0%;}
			/* Ajustes de texto conteudo */
			  .content{padding: 20px;}
			  	.content h4{text-align: justify; font-size: 16px; line-height: 25px;}
			  	.content p{text-align: justify;}
			}
	.galeria{}
		.galeria .listaFotos{padding: 40px 0 0 0;}
			.galeria .listaFotos ul{display: block;}
				.galeria .listaFotos ul li{display: inline-block;float: left;width: 25%;}
					.galeria .listaFotos ul li a:active, .galeria .listaFotos ul li a:visited, .galeria .listaFotos ul li a:link{display: block;}
					.galeria .listaFotos ul li a:hover{opacity: 0.5;}
						.galeria .listaFotos ul li a img{width: 100%; margin: 0 auto;}

/* ============== AJUSTES RESPONSIVO E MOBILE ============== */

/* 640 */
._640 .bannerDest{min-height: 650px;padding: 64px 0 0 0;}
	._640 .bannerDest .texto{transform: translate(-50%,-40%);}
		._640 .bannerDest .texto .box{padding: 15px;}
			._640 .bannerDest .texto .box h3{font-size: 18px; line-height: 25px;}
			._640 .bannerDest .texto .box p{text-align: justify;}
	._640 .bannerDest .left{transform: translate(-50%,-50%);}
._640 .informacao{min-height: 850px;}
	._640 .informacao .texto .box{padding: 15px;}
		._640 .informacao .texto .box h3{font-size: 18px; line-height: 25px;}
		._640 .informacao .texto .box p{text-align: justify;}
._640 .detalhe .texto{padding: 15px;}
	._640 .detalhe .texto h3{font-size: 18px; line-height: 25px;}
	._640 .detalhe .texto p{text-align: justify;}
._640 .galeria .listaFotos ul li{width: 50%;}