@charset "UTF-8";
/****************************************************  
	CSS INTERNAS
****************************************************/

/* TOPO */

.internas .topo {
	display: block !important;
}


/****************************************************  
	PROJETO
****************************************************/
.projeto .conteudo {
	padding-bottom: 60px;
}

/*** CAPA ***/
.projeto-capa {
	position: fixed;
	height: 700px;
	top: 0;
	left: 0;
	width: 100%;
}

.projeto-capa .conteudo {
	width: 1300px;
} 

/*** INFOS ***/
.projeto-capa .infos {
	position: relative;
}

.projeto-capa .infos h1 {
	font-size: 8.6em;
	font-weight: 900;
	line-height: 60%;
	color: #00b8de;
}

.projeto-capa .infos h1 span {
	display: block;
	font-size:  0.4em;
	color: #fff;
}

.projeto-capa .infos h2 {
	margin: -7px 0 40px;
	font-size: 2em;
	font-weight: 900;
	color: #394c9b;
}

.projeto-capa .infos h2 span {
	color: #fff;
}

.projeto-capa .infos p {
	display: inline-block;
	margin-bottom: 15px;
	padding: 4px;
	background: #394c9b;
	color: #fff;
}

/* INFOS 01 */
.projeto-capa .infos01 {
	float: left;
	width: 30%;
	margin-top: 150px;
}

/* INFOS 02 */
.projeto-capa .infos02 {
	float: right;
	width: 35%;
	margin-top: 115px;
}

.projeto-capa .infos02 div {
	clear: both;
	margin-bottom: 25px;
}

.projeto-capa .infos02 span {
	display: block;
	width: 120px;
	height: 120px;
	padding: 20px 0 0 0;
	text-align: center;
	background: #fff;
	color: #00b8de;
	border-radius: 50%;
	font-weight: bold;

	-webkit-box-sizing: border-box;
 	   -moz-box-sizing: border-box;
 	        box-sizing: border-box;
}

.projeto-capa .infos02 .dados span {
	float: left;
	letter-spacing: -2px;
}

.projeto-capa .infos02 .dados h3 {
	float: left;
	margin-top: 27px;
	margin-left: 10px;
	font-size: 2.6em;
	letter-spacing: -1px;
	line-height: 85%;
	color: #394C9B;
}

.projeto-capa .infos02 .dados h3 strong {
	display: block;
	color: #00b8de;
}

/* DADOS 01 */
.projeto .infos02 .dados01 {
	margin-left: 18%;
}

.projeto .infos02 .dados01 span {
	padding-top: 27px;
	font-size: 3.4em;
}

.projeto .infos02 .dados01 span i {
	position: relative;
	top: -13px;
	font-size: 0.45em;
}

/* DADOS 02 */
.projeto .infos02 .dados02 {
	margin-left: 9%;
}

.projeto .infos02 .dados02 span {
	padding-top: 47px;
	font-size: 1.5em;
}

/* DADOS 03 */
.projeto .infos02 .dados03 span {
	padding-top: 35px;
	font-size: 2.5em;
}

.projeto .infos02 .dados03 span i {
	position: relative;
	top: -6px;
	font-size: 0.6em;
}



/*** PROJETO - DESTAQUE ***/
.projeto-destaque {
	margin-top: 700px;
	text-align: center;
	color: #fff;
}

.projeto-destaque h3 {
	margin-bottom: 15px;
	font-size: 3em;
	font-weight: 900;
}

.projeto-destaque h3 strong {
	position: relative;
	border-bottom: 4px solid #009aba;
}

.projeto-destaque h3 strong:after {
	content: "";
	display: block;
	position: absolute;
	width: 17px;
	height: 7px;
	bottom: -11px;
	left: 50%;
	margin-left: -8px;
	background: url(/assets/img/site/projetos/setas-detalhes02.png) no-repeat center top;
}

.projeto-destaque p {
	font-size: 1.5em;
}

.projeto-destaque img {
	margin: 40px auto 0;
}



/*** PROJETO - DESCRIÇÃO ***/
.projeto-descricao {
	background: #243742;
	color: #fff;
}

.projeto-descricao .conteudo {
	width: 1300px;
} 

/* INFOS */
.projeto-descricao .infos {
	float: left;
	width: 40%;
}

.projeto-descricao .infos h3 {
	font-size: 3em;
	font-weight: 900;
}

.projeto-descricao .infos h3 strong {
	position: relative;
	border-bottom: 4px solid #3c5462;
}

.projeto-descricao .infos h3 strong:after {
	content: "";
	display: block;
	position: absolute;
	width: 17px;
	height: 7px;
	bottom: -11px;
	left: 50%;
	margin-left: -8px;
	background: url(/assets/img/site/projetos/setas-detalhes02.png) no-repeat center -31px;
}

.projeto-descricao .infos h4 {
	position: relative;
	right: -110px;
	margin: 20px 0 45px;
	color: #3ec6e5;
	font-size: 1.7em;
	font-weight: 600;
}

.projeto-descricao .infos p {
	margin-bottom: 20px;
	font-size: 1.03em;
	line-height: 140%;
}

.projeto-descricao .tamanhos-tela {
	margin-top: 45px;
}

.projeto-descricao .tamanhos-tela img {
	position: relative;
	float: left;
	width: 28%;
}

.projeto-descricao .tamanhos-tela img ~ img {
	margin-left: 4%;
}

/* IMG DESTAQUE */
.projeto-descricao .img-destaque-descricao {
	position: relative;
	float: right;
	width: 58%;
}


/*** PROJETO - SITE ***/
.projeto-site {
	background: #fff;
	text-align: center;
	letter-spacing: -1px;
}

.projeto-site a {
	display: block;
	font-size: 5em;
	color: #243742;
	font-weight: 900;
	text-decoration: none;
	width: 100%;
}

.projeto-site a:hover {
	text-decoration: underline;
}

.projeto-site p {
	font-size: 1.8em;
	color: #3ec6e5;
}


/*** PROJETO - SITE ***/
.mais-projetos {
	background: #27ae7c;
	color: #fff;
}

.mais-projetos .conteudo {
	width: 1300px;
}

.mais-projetos .conteudo:after {
	content: "";
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	left: 0;
	bottom: -2px;
	background: #fff;
	z-index: 1000;
}

.mais-projetos li {
	position: relative;
	float: left;
	width: 23%;
	height: 214px;
	background: #23ac5d; 
}

.mais-projetos li ~ li {
	margin-left: 2.6%;
	overflow: hidden;
}

.mais-projetos .chamada {
	padding: 15px;
	background: #40545e;

	-webkit-box-sizing: border-box;
 	   -moz-box-sizing: border-box;
 	        box-sizing: border-box;
}

.mais-projetos .chamada:after {
	content: "";
	display: block;
	position: absolute;
	width: 7px;
	height: 17px;
	right: -6px;
	top: 95px;
	background: url(/assets/img/site/projetos/setas-detalhes02.png) no-repeat center -64px;
}

.mais-projetos .chamada-titulo {
	display: block;
	margin-bottom: 15px;
	font-size: 2.7em!important;
	font-weight: 900;
	line-height: 100%;
}

.mais-projetos li img {
	max-width: 370px;
}