/* Estilos Gerais */

body {
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	line-height: 20px;
}

img {
	display: block;
	max-width: 100%;
}

.formphp label.nao-aparece, .formphp input.nao-aparece {
	display: none !important;
}

#form-erro span, #form-send span  {
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 10px;
	display: block;
}

#form-send {
	color: #31aa39;
}

#form-erro {
	color: #f64540;
}

.btn {
	/*border: 3px solid #fec63e;*/
	background-color: #2d6287;
	padding: 12px 20px;
	color: #EDEEF2;
	font-size: 15px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .05em;
	transition: all .5s ease;
	border-radius: 10px;
}
.btn strong {
	font-weight: bolder;
	font-size: 22px;
	letter-spacing: 3px;
	margin-top: 11px;
	display: block;
}
.resultados form .btn {background: #365683;}
.resultados form .btn:hover {background: #2a4366;}

.btn-index {
	text-align: center;
	font-size: 21px;
	margin-top: 50px;
	margin-bottom: 100px;
	padding: 30px 0;
}
.btn-inscricao {
	background-color: #E8E8E8;
	float: left;
	text-align: center;
	font-size: 15px;
	color: #5e5c5c;
	margin: 50px 15px 0 10px;
	padding: 8px 15px;
	border-radius: 5px
}
.btn:hover {
	color: #fff;
	border-color: #fff;
}
.btn-inscricao:hover {
	background-color: #E8E8E8;
	color: #060606;
}
.btn.btn-preto:hover,.btn.btn-index:hover {
	background-color: #204c68;
}


.btn-cinza {
	/*border: 3px solid #fec63e;*/
	background-color: #42454A;
	padding: 12px 40px;
	color: #ffffff;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .05em;
	transition: all .5s ease;
}

.btn-cinza:hover {
	color: #fff;
	/*border-color: #fff;*/
}

.btn.btn-cinza:hover {
	background-color: #FFC000;
}

.topo img {
	/*width: 300px;*/
	position: relative;
	margin: 0 auto
}

input[type="text"]:disabled, input[type="submit"]:disabled {
  background: #e88b8b;
}

.subtitulo h2 {
	/*border: 3px solid #2d6287;*/
	font-family: 'Ubuntu', sans-serif;
	font-size: 22px;
	line-height: 30px;
	/*font-weight: bold;*/
	/*letter-spacing: .1em;*/
	color: #000;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 0;
	margin-top: 15px;
	/*padding: 5px 10px;*/
}

.subtitulo h3 {
	font-family: 'Ubuntu', sans-serif;
	/*border: 3px solid #F7931D;*/
	font-size: 18px;
	line-height: 30px;
	/*font-weight: bold;*/
	/*letter-spacing: .1em;*/
	color: #212529;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 35px;
	padding: 5px 10px;
}

.subtitulo a {
	font-family: 'Ubuntu', sans-serif;
	/*border: 3px solid #F7931D;*/
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	/*letter-spacing: .1em;*/
	color: #000;
	text-transform: uppercase;
	text-align: center;
	
	margin-top: 5px;
	padding: 5px 10px;
	float: left;
	width: 100%;
}

.subtitulo a:hover {
	color:#2d6287;
	transition: all linear 0.2s;
}

.subtitulo img {
	width: 30px;
	float: left;
	margin-left: 10px;
	margin-right: 15px;
}

/*.subtitulo:after {
	content: "";
	display: block;
	width: 60px;
	height: 3px;
	background: #000;
	margin: 8px auto;
	} */

	.subtitulo-interno {
		font-size: 20px;
		line-height: 30px;
		font-weight: bold;
		letter-spacing: .1em;
		color: #000;
		text-transform: uppercase;
		margin-bottom: 20px;
		text-align: center;
	}

/*.subtitulo-interno:after {
	content: "";
	display: block;
	width: 60px;
	height: 3px;
	background: #000;
	margin: 8px 0;
	}*/

	/* Header */

	.header {
		/*position: fixed;*/
		top: 0;
		width: 100%;
		background: #ffffff;
		padding: 15px 0;
		z-index: 10;
	}

	.header_menu {
		text-align: right;
	}

	.header_menu ul li {
		display: inline-block;
		margin-left: 25px;
		margin-top: 45px;
		position: relative;
	}

	.header_menu ul li a {
		color: #000;
		font-family: 'Ubuntu', sans-serif;
		font-weight: lighter;
		text-transform: uppercase;
		/*letter-spacing: .1em;*/
		font-size: 19px;
		line-height: 30px;
		padding: 10px 0;
		transition: all .3s ease;
	}

	.header_menu ul li a:hover {
		color: #F7931D;
	}

	.header_menu ul li a.menu_ativo {
		color: #F7931D;
	}

	.header_menu ul li ul {
		position:absolute; 
		/*top:25px; */
		/*left:0;*/
		background-color:#fff; 
		display:none;
		box-shadow: 0 5px 10px #333;
		margin-top: 5px;
	}

	.header_menu li ul li{

		display:block; 
		margin-top: 10px;
		margin-left: 0px;
		padding: 5px 10px 10px 10px;
		width:150px;
	}

	.header_menu li ul li a{

		font-size: 12px;
		line-height: 15px;
		padding: 1px;
		transition: all .3s ease;
		text-align: center;

		display:block; 

	}

	.header_menu li:hover ul, .menu li.over ul{
		display:block;
	}

	/* Introdução */

	.introducao {
		width: 100%;
		height: 371px;
		background: url("../img/bg-home.jpg") no-repeat center;
		background-size: cover;
		margin-top: 132px;
		text-align: center;
		padding-top: 80px;
	}

	.comunidades-pagina {
		width: 100%;
		height: 371px;
		background: url("../img/bg-com.jpg") no-repeat center;
		background-size: cover;
		margin-top: 132px;
		text-align: center;
		padding-top: 80px;
	}

	.slides-pagina {
		width: 100%;
		height: 371px;
		background: url("../img/bg-slides.jpg") no-repeat center;
		background-size: cover;
		margin-top: 132px;
		text-align: center;
		padding-top: 80px;
	}

	.encontros-pagina {
		width: 100%;
		height: 371px;
		background: url("../img/bg-enc.jpg") no-repeat center;
		background-size: cover;
		margin-top: 132px;
		text-align: center;
		padding-top: 80px;
	}

	.arquitetos-pagina {
		width: 100%;
		height: 371px;
		background: url("../img/bg-arq.jpg") no-repeat center;
		background-size: cover;
		margin-top: 132px;
		text-align: center;
		padding-top: 80px;
	}

	.contato-pagina {
		width: 100%;
		height: 371px;
		background: url("../img/bg-contato.jpg") no-repeat center;
		background-size: cover;
		margin-top: 132px;
		text-align: center;
		padding-top: 80px;
	}

	.introducao h1 {
		font-size: 48px;
		color: #FFF;
		font-weight: bold;
		text-transform: uppercase;
	}

	.quote-externo {
		max-width: 320px;
		margin: 0 auto;
		margin-bottom: 40px;
		color: white;
	}

	.quote-externo p {
		font-style: italic;
	}

	.quote-externo p:before, .quote-externo p:after {
		content: "";
		display: block;
		width: 60px;
		height: 3px;
		background: #fff;
		margin: 14px auto 10px auto;
	}

	.quote-externo cite {
		font-style: normal;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: .1em;
	}

	/*Introducao Interna*/

	.introducao-interna {
		width: 100%;
		margin-top: 92px;
		height: 160px;
		text-align: center;
		color: #fff;
		padding-top: 30px;
	}

	.introducao-interna h1 {
		font-size: 36px;
		font-weight: bold;
		text-transform: uppercase;
	}

	.introducao-interna h1:after {
		content: "";
		display: block;
		width: 60px;
		height: 3px;
		background: #fff;
		margin: 6px auto 10px auto;
	}


	/*Produtos*/

	.produtos {
		padding: 60px 0;
	}

	.produtos_lista li{
		background: #fec63e;
		text-align: center;
	}

	.produtos_lista li img {
		margin: 0 auto;
	}

	.produtos_lista li h3{
		font-weight: bold;
		font-size: 18px;
		line-height: 25px;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin-top: 20px;
	}

	.produtos_lista li h3:after{
		content: "";
		display: block;
		width: 60px;
		height: 3px;
		background: #000;
		margin: 2px auto;
	}

	.produtos_lista li p {
		padding: 10px 20px 20px 20px;
	}

	.produtos_icone {
		background: #000;
		padding: 20px;
	}

	.call {
		padding-top: 40px;
		margin-top: 50px;
		text-align: center;
		clear: both;
		margin-bottom: 100px;
	}

	.call-cinza {
		padding-top: 70px;
		margin-top: 50px;
		text-align: center;
		clear: both;
		margin-bottom: 100px;
	}

	.call-taborda {
		margin-top: 50px;
		margin-bottom: 50px;
		text-align: center;
		clear: both;
	}

	.call p{
		margin-bottom: 20px;
	}

	/*Portfólio*/

	.portfolio {
		width: 100%;
		background: #000;
		padding: 40px 0;
	}

	.portfolio .subtitulo {
		color: #fec63e;
	}

	.portfolio .subtitulo:after {
		background: #fec63e;
	}

	.portfolio_lista div:last-of-type {
		margin-top: 20px;
	}

	.portfolio .call p {
		color: #fff;
	}

	/*Qualidade*/

	.qualidade {
		padding: 60px 0;
	}

	.qualidade:after {
		content: "";
		width: 634px;
		height: 83px;
		display: block;
		background: url("../img/linhas.png") no-repeat center;
		position: absolute;
		top: 209px;
		right: 162px;
		z-index: -1;
	}

	.qualidade img{
		margin: 0 auto;
	}

	.qualidade_lista {
		padding-top: 20px;
		overflow: auto; /* clear-fix */
	}

	.qualidade_lista li {
		text-align: center;
		padding: 0 40px;
	}

	.qualidade_lista li h3{
		font-weight: bold;
		font-size: 18px;
		line-height: 25px;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin-top: 20px;
	}

	.qualidade_lista li h3:after{
		content: "";
		display: block;
		width: 60px;
		height: 3px;
		background: #000;
		margin: 6px auto;
	}

	/*apresentacao*/

	.apresentacao {
		width: 100%;
		/*height: 1100px;*/
		background: url("../img/bg-apresentacao.jpg") no-repeat bottom center;
		background-size: 100%;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.apresentacao p {
		color: #000;
		font-size: 17px;
		font-family: droid-sans, sans-serif;	line-height: 25px;
		text-align: justify;
		padding-left: 30px;
	}

	.apresentacao-titulo {
		max-width: 235px;
		margin: 0 auto;
	}

	.apresentacao .quote-externo {
		max-width: 400px;
	}

	/*Apresentação contato*/

	.apresentacao-contato {
		width: 100%;
		/* height: 1200px;*/
		/* background: url("../img/bg-apresentacao.jpg") no-repeat bottom center; */
		background-size: 100%;
		/*	text-align: center; */
		/*margin-top: 155px;*/
		margin-bottom: 80px;
	}

	.apresentacao-contato p {
		color: #3F3E40;
		font-size: 17px;
		font-family: droid-sans, sans-serif;	line-height: 25px;
		text-align: justify;
		font-weight: bold;
		padding-bottom: 3px;
	}
	.apresentacao-contato-titulo {
		width: 100%;
		float: left;
		margin: 0 auto;
	}

	.apresentacao-contato .quote-externo {
		max-width: 400px;
	}

	/*Apresentação comunidades*/

	.apresentacao-comunidades {
		width: 100%;
		/*height: 1200px;*/
		/*background: url("../img/bg-apresentacao.jpg") no-repeat bottom center;*/
		background-size: 100%;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 50px;
	}

	.apresentacao-comunidades p {
		color: #000;
		font-size: 17px;
		font-family: droid-sans, sans-serif;	line-height: 25px;
		text-align: justify;
		/*padding-left: 30px;*/
	}
	.apresentacao-comunidades-titulo {
		max-width: 535px;
		margin: 0 auto;
	}

	.apresentacao-comunidades-metodologia {
		max-width: 300px;
		margin: 50px auto 0;
	}

	.apresentacao-comunidades .quote-externo {
		max-width: 400px;
	}

	/*Apresentação arquitetos*/

	.apresentacao-arquitetos {
		width: 100%;
		/*height: 1200px;*/
		/*background: url("../img/bg-apresentacao.jpg") no-repeat bottom center;*/
		background-size: 100%;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 50px;
	}

	.apresentacao-arquitetos p {
		color: #000;
		font-size: 17px;
		font-family: droid-sans, sans-serif;	line-height: 25px;
		text-align: justify;
		/*padding-left: 30px;*/
	}

	.apresentacao-arquitetos-titulo {
		max-width: 350px;
		margin: 0 auto;
	}


	.apresentacao-arquitetos .quote-externo {
		max-width: 400px;
	}

	.arquitetos-subtitulo h3 {
		font-family: 'Ubuntu', sans-serif;
		/*border: 3px solid #F7931D;*/
		font-size: 21px;
		line-height: 30px;
		font-weight: bold;
		/*letter-spacing: .1em;*/
		color: #000;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 10px;
		/*	margin-top: 50px;*/
		/*margin-left: 30px;*/
		padding: 5px 10px;
	}

	.arquitetos-subtitulo a {
		color: #000;
		font-weight: bold;	
	}

	.arquitetos-subtitulo_meio h3 {
		font-family: 'Ubuntu', sans-serif;
		/*border: 3px solid #F7931D;*/
		font-size: 21px;
		line-height: 30px;
		font-weight: bold;
		/*letter-spacing: .1em;*/
		color: #000;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: -20px;
		margin-top: 50px;
		/*margin-left: 30px;*/
		padding: 5px 10px;
	}

	/*Encontros*/

	.encontros-taborda-titulo {
		max-width: 550px;
		margin: -25px auto 0;
	}

	.encontros-taborda-titulo:hover {
		background-color: #F7931D;
		font-size: 7px;
		transition: all .5s ease;

	}
	.encontros-taborda-titulo h2:hover {
		font-size: 25px;
		transition: all .5s ease;
		color: #ffffff;
	}

	.encontros-titulo {
		max-width: 435px;
		margin: 50px auto 0;
	}

	.encontros-titulo:hover {
		background-color: #F7931D;
		font-size: 7px;
		transition: all .5s ease;
	}

	.encontros-titulo h2:hover {
		font-size: 25px;
		transition: all .5s ease;
		color: #ffffff;
	}

	.encontros-texto {
		margin-left: 150px;
	}

	.encontros img {
		/*float: right;*/
		min-width: 190px;
		margin-left: 50px;
	}

	/*Apresentação Encontros*/

	.apresentacao-encontros {
		width: 100%;
		height: 100%;
		background: url("../img/bg-encontros.jpg") fixed bottom center;
		background-size: 100%;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 50px;
	}

	.apresentacao-encontros p {
		color: #000;
		font-size: 17px;
		font-family: droid-sans, sans-serif;	line-height: 25px;
		text-align: justify;
		/*padding-left: 30px;*/
	}

	.imagens_livros{
		margin-bottom: 20px;
		max-width: 70%;
		margin: 0 auto 25px;
	}

	.apresentacao-encontros-titulo {
		max-width: 480px;
		margin: 0 auto;
	}

	.apresentacao-encontros-metodologia {
		max-width: 300px;
		margin: 50px auto 0;
	}

	.apresentacao-encontros .quote-externo {
		max-width: 400px;
	}

	/*Apresentacao encontros interno*/

	/*Apresentação Encontros*/

	.apresentacao-encontros-pagina {
		width: 100%;
		height: 100%;
		background: url("../img/bg-encontros.jpg") fixed bottom center;
		background-size: 100%;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 50px;
	}

	.apresentacao-encontros-pagina p {
		color: #000;
		font-size: 17px;
		font-family: droid-sans, sans-serif;	line-height: 25px;
		text-align: justify;
		margin: 25px 0;
		/*padding-left: 30px;*/
	}

	.apresentacao-encontros-pagina img {
		margin: 0 auto;
	}

	.metades img {
	}

	.metades {
		margin-bottom: 40px;
	}

	.metades-texto p {
		margin-top: 25%;
	}

	.metades-legenda p {
		text-align: center;
		font-size: 12px;
		line-height: 20px;
		margin: 10px 0 0 0;
	}

	.dir p{
		text-align: justify;
		margin-right: 50px;
		margin-left: 10px;
	}

	.dir img {
		float: left;
		margin-left: 10px;
	}

	.esq p {
		float: right;
		margin-left: 50px;
		margin-right: 10px;
	}

	.esq img {
		float: right;
		margin-right: 10px;
	}
/*
.apresentacao-encontros-titulo {
	max-width: 480px;
	margin: 0 auto;
 }

.apresentacao-encontros-metodologia {
	max-width: 300px;
	margin: 50px auto 0;
 }

.apresentacao-encontros .quote-externo {
	max-width: 400px;

	*/

	/*Proposta de metodologia*/
/*.proposta-titulo {
	max-width: 435px;
	margin: 50px auto 0;
	}*/

	.proposta-titulo:hover {
		background-color: #F7931D;
		font-size: 7px;
		transition: all .5s ease;

	}
	.proposta-titulo h2:hover {
		font-size: 25px;
		transition: all .5s ease;
		color: #ffffff;

	}

	.proposta-texto {
		margin-left: 150px;
	}

	.proposta img {
		/*float: right;*/
		min-width: 190px;
		margin-left: 50px;
	}

	.arquitetos01 {
		max-width: 380px;
		margin: 50px auto 0;
	}

	.arquitetos02 {
		max-width: 520px;
		margin: 50px auto 0;
	}

	.arquitetos03 {
		max-width: 490px;
		margin: 50px auto 0;
	}

	.arquitetos04 {
		max-width: 450px;
		margin: 50px auto 0;
	}

	.arquitetos05 {
		max-width: 460px;
		margin: 50px auto 0;
	}
	.arquitetos06 {
		max-width: 400px;
		margin: 50px auto 0;
	}
	.arquitetos07 {
		max-width: 400px;
		margin: 50px auto 0;
	}
	.arquitetos08 {
		max-width: 520px;
		margin: 50px auto 0;
	}
	.arquitetos09 {
		max-width: 380px;
		margin: 50px auto 0;
	}

	.arquitetos10 {
		max-width: 300px;
		margin: 50px auto 0;
	}

	.arquitetos11 {
		max-width: 460px;
		margin: 50px auto 0;
	}

	.arquitetos12 {
		max-width: 540px;
		margin: 50px auto 0;
	}

	.arquitetos13 {
		max-width: 620px;
		margin: 50px auto 0;
	}

	.arquitetos14 {
		max-width: 450px;
		margin: 50px auto 0;
	}
	.arquitetos15 {
		max-width: 510px;
		margin: 50px auto 0;
	}

	.arquitetos16 {
		max-width: 570px;
		margin: 50px auto 0;
	}

	.arquitetos17 {
		max-width: 280px;
		margin: 50px auto 0;
	}

	.arquitetos18 {
		max-width: 280px;
		margin: 50px auto 0;
	}

	/*manuais*/

	.manuais {
		width: 100%;
		/*height: 860px;*/
		background: url("../img/bg-manuais.jpg") no-repeat bottom center;
		background-color: #EDEEF2;
		background-size: 100%;
		text-align: center;
		padding-top: 0px;
	}

	.manuais p {
		color: #000;
		font-size: 17px;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 25px;
		text-align: justify;

	}

	.manuais h3 {
		font-family: 'Ubuntu', sans-serif;
		text-align: center;
		font-size: 21px;
		line-height: 25px;
		text-transform: uppercase;
		/*letter-spacing: .1em;*/
		font-weight: bold;
		padding: 0 20px;
		margin-bottom: 40px;
	}

	.manuais_comunidades {
		padding-right: 35px;
	}

	.manuais_arquitetos {
		padding-left: 35px;
	}

	.manuais img {
		margin: 40px auto 40px;
		max-height: 180px;
	}

	.legenda p {
		text-align: center;
		font-size: 12px;
		line-height: 20px;
	}

	.manuais-titulo {
		max-width: 180px;
		margin: 50px auto 0;
	}

	.manuais .quote-externo {
		max-width: 400px;
	}

	.fundo_cinza {
		background-color: #423f40;
	}

	.contato h3 {
		color:#ffffff;
		font-size: 21px;
		line-height: 25px;
		/*letter-spacing: .1em;*/
		font-weight: bold;
		padding: 0 10px;
		margin-bottom: 35px;
	}

	/*Footer*/

	.footer {
		width: 100%;
		background: #000;
		color: #fff;
		padding: 20px 0;
	}

	.footer h3 {
		font-size: 18px;
		line-height: 25px;
		color: #F7931D; /* Amarelo*/
		text-transform: uppercase;
		letter-spacing: .1em;
		font-weight: bold;
	}

	.footer h3:after {
		content: "";
		display: block;
		width: 60px;
		height: 3px;
		background: #F7931D;
		margin: 6px 0 12px 0;
	}

	.footer_historia {
		padding-right: 40px;
	}

	.footer_contato ul li {
		font-size: 14px;
		line-height: 20px;
		font-family: Georgia, "Times New Roman", serif;
	}

	.footer_redes ul li {
		display: inline-block;
		margin-right: 10px;
	}

	.footer_redes ul li a {
		border: 3px solid #F7931D;
		display: block;
		padding: 10px;
		transition: all .5s ease;
	}

	.footer_redes ul li a:hover {
		border-color: #fff;
	}

	.copy {
		text-align: center;
		width: 100%;
		/*background: #2d6287;*/
		padding: 15px 0;
		margin-top: 15px;
		/*position: fixed;*/
		bottom: 0;
	}

	footer a {width: 240px; display: inline-block; margin: 5px auto 0 auto;}
	footer span {width: 100%; font-size: 14px; color: #212529; margin: 17px 0 15px; float: left;}
	footer .container {width: 300px; text-align: center;}
	footer img {width: 100%;}

	/*Animações*/

	.js .introducao h1, .js .introducao blockquote, .js .introducao .btn, .js .animar, .js .animar-interno, .js .introducao-interna h1, .js .introducao-interna p {
		opacity: 0;
	}

	.animated {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	@-webkit-keyframes fadeInDown {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -20px, 0);
			transform: translate3d(0, -20px, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}

	@keyframes fadeInDown {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, -20px, 0);
			transform: translate3d(0, -20px, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}

	.fadeInDown {
		-webkit-animation-name: fadeInDown;
		animation-name: fadeInDown;
	}