/* LARGURA REAL DOS ELEMENTOS *********************************************************/

*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	margin: 0;
	padding: 0;
}



/* SEPARA OS ELEMENTOS FLOATS *********************************************************/

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix{
    *zoom: 1;
}



/* CONTEÚDO *****************************************************************************/

body{ margin: 0; padding: 0; }

h1{	font-size:50px; font-weight:300; letter-spacing:-2.5px; line-height:120%; }
	
h2{	font-family:'Lato', sans-serif; margin:0; font-size:35px; font-weight:900; letter-spacing:2px; line-height:120%; }

h3{	font-family:'Lato', sans-serif; margin:0; font-size:25px; font-weight:900; letter-spacing:2px; line-height:120%; }
	
h4{	font-family:'Lato', sans-serif; margin:0; font-size:20px; font-weight:400; line-height:180%; color:#636364;	}

h5{	font-family:'Lato', sans-serif; margin:0; font-size:16px; font-weight:400; line-height:180%; color:#636364;	}

.container{ width:90%;	max-width:1200px; margin:0 auto; }

.container-page{ width:90%;	max-width:1100px; margin:0 auto; overflow:auto; }
	
.titulo{ float:left; width:100%; padding:70px 0 30px 0; }

.tarja{	float:left; width:100%; padding:60px 0; }

.coluna60{ float:left; margin:0 2.5%; width:50%; padding:0; }

.coluna40{ float:left; margin:0 2.5%; width:40%; padding:0; }

.coluna50{ float:left; margin:0; width:50%; padding:0; }

.sublinhado{ margin-top:15px; width:60px; height:3px; background:#ff5a00; }

.bt-topo a{ position:fixed; bottom:30px; right:30px; width:60px; height:60px; border-radius:40px; padding-top:13px; text-align:center; box-shadow:0 0 2px #000;
			background:#ff5a00; cursor: pointer; transition:all 150ms linear; }
.bt-topo:hover a{ background:#0065ac; }

	
	
	
/* MENU TOP *****************************************************************************/

header{ position:fixed; width:100%; text-align: center; box-shadow: 0px 0px 10px #000; z-index:999999; }

.top{ float:left; width:100%; padding:5px 0; text-align:right; font-family:'Open Sans', sans-serif; font-size:14px; color:#fff; background:#ff5a00; }

.bt-facebook{ margin:0 5px; width:40px; height:40px; border:0; background:url('../imagens/bt-facebookA.png'); background-size:100%; cursor: pointer; transition:all 150ms linear; }
/*.bt-facebook:hover{ background:url('../imagens/bt-facebookA.png'); background-size:100%;  }*/

.bt-instagram{ margin:0 5px; width:40px; height:40px; border:0; background:url('../imagens/bt-instagramA.png'); background-size:100%; cursor: pointer; transition:all 150ms linear; }
/*.bt-instagram:hover{ background:url('../imagens/bt-instagramA.png'); background-size:100%;  }*/

.menu{ float:left; width:100%; height:120px; padding:0; background:url('../imagens/fd-menu.jpg') repeat-x; }

.logo a{ float:left; margin-top:5px; width:165px; height:110px; background: url('../imagens/logo.png') center center no-repeat; background-size: 100%; }

.bt-menu{ margin:1px 0 0 40px; border:0; border-bottom:2px solid #fff; padding:8px 0; font-family: 'Lato', sans-serif; font-weight:700; 
		  color:#ff5a00; background:transparent; cursor:pointer; transition:all 150ms linear; }
.bt-menu:hover{ color:#0065ac; border-bottom:4px solid #0065ac; padding-bottom:6px; }

.bt-menuON{ margin:1px 0 0 40px; border:0; border-bottom:4px solid #0065ac; padding:8px 0 6px 0; font-family: 'Lato', sans-serif; font-weight:700; 
		  color:#0065ac; background:transparent; cursor:pointer; transition:all 150ms linear; }

.box-menu{ float:right; margin-top:40px;  }

.nav1{list-style: none; font: 14px 'Lato', sans-serif; font-weight: 700; margin: 0; padding: 0; }

.nav1 li{ float: right; position: relative; z-index:9999; }

.nav1 li a:link,
.nav1 li a:visited{ display: block; border:0; border-bottom:2px solid #fff; padding: 8px 0; text-decoration: none; color: #ff5a00;  margin:0 0 0 40px; }

.nav1 li:hover a,
.nav1 li a:active,
.nav1 li a:hover{ display: block; color: #0065ac; border-bottom:4px solid #0065ac; padding-bottom:6px; }

.submenu1{ margin:0; list-style:none; display:none; width:180px; position:absolute; top:35px; left:40px; }

.nav1 li:hover .submenu1{ display:block; }

.submenu1 li a:link,
.submenu1 li a:visited{ display: block; padding:5px 20px; background: #fff; text-decoration: none; width: 180px; color: #ff5a00; border:0; }
 
.submenu1 li:hover a,
.submenu1 li a:active,
.submenu1 li a:hover{ display: block; }
	
.submenu1 h1{ font-family: 'Lato', sans-serif; font-size:14px; letter-spacing:0; font-weight:700; border-bottom:2px solid #fff; padding:5px 0; }
.submenu1 h1:hover{ border-bottom:2px solid #0065ac; }


.nav2{list-style: none; font: 14px 'Lato', sans-serif; font-weight: 700; margin: 0; padding: 0; }

.nav2 li{ float: right; position: relative; z-index:9999; }

.nav2 li a:link,
.nav2 li a:visited{ display: block; border:0; border-bottom:4px solid #0065ac; padding:8px 0 6px 0; text-decoration: none; color:#0065ac; margin:0 0 0 40px; }

.nav2 li:hover a,
.nav2 li a:active,
.nav2 li a:hover{ display:block; color:#0065ac; border-bottom:4px solid #0065ac; padding-bottom:6px; }

.submenu2{ margin:0; list-style:none; display:none; width:180px; position:absolute; top:35px; left:40px; }

.nav2 li:hover .submenu2{ display:block; }

.submenu2 li a:link,
.submenu2 li a:visited{ display: block; padding:5px 20px; background: #fff; text-decoration: none; width: 180px; color: #ff5a00; border:0; }
 
.submenu2 li:hover a,
.submenu2 li a:active,
.submenu2 li a:hover{ display: block; }
	
.submenu2 h1{ font-family: 'Lato', sans-serif; font-size:14px; letter-spacing:0; font-weight:700; border-bottom:2px solid #fff; padding:5px 0; }
.submenu2 h1:hover{ border-bottom:2px solid #0065ac; }
	



/* HOME *****************************************************************************/
.banner{ float:left; width:100%; }

.home-imagens{ float:left; margin:10px; width:220px; height:220px; background-size:100%; }
.home-imagens:hover{ background-size:125%; }

.bt-home{ margin:30px 20px 0 0; width:115px; border:0; border-radius:10px; padding:30px 0; font-family:'Open Sans', sans-serif; font-size:14px; color:#fff; background:#ff5a00;
		  cursor:pointer; transition:all 150ms linear; }
.bt-home:hover{ background:#0065ac; }

.bt-vejamais{ float:left; margin:30px 0; width:160px; border:2px solid #fff; padding:10px 0; font-family:'Lato', sans-serif; font-size:14px; color:#fff; background:transparent;
		  cursor:pointer; transition:all 150ms linear; }
.bt-vejamais:hover{ background:#0065ac; }

.home-atuacao a{ float:left; margin:0 1% 0 0; width:19%; padding:10px 10px 20px 10px; background:#a24410; color:#cacaca; text-decoration:none; font-family:'Lato', sans-serif;
				 font-weight:700; font-size:14px; 
				 cursor:pointer; transition:all 150ms linear; }
.home-atuacao a:hover{ width:20%; margin:0; color:#0065ac; background:#ff5a00; }

.home-atuacao-img{ margin:0 0 20px 0; width:100%; height:120px; }

.home-atuacao2{ float:left; margin:0; width:33.3%; height:300px; }
.home-atuacao2:hover .home-atuacao-text{ display:block; }

.home-atuacao-text{ display:none; width:100%; height:300px; padding-top:140px; text-align:center; font-family:'Lato', sans-serif; font-size:17px; font-weight:700; color:#fff;
					background:rgba(0, 0, 0, 0.5); }
					
.home-gestao{ float:left; width:45%; height:400px; }

.bt-vejamais2{ float:left; margin:30px 0; width:180px; border:0; border-radius:3px; padding:15px 0; font-family:'Lato', sans-serif; font-size:14px; color:#fff; background:#a55309;
		  	  cursor:pointer; transition:all 150ms linear; }
.bt-vejamais2:hover{ background:#0065ac; }				



/* PAGES *****************************************************************************/
.page-titulo{ width:90%; max-width:1200px; margin:0 auto; padding:45px 0; font-family:'Lato', sans-serif; font-size:35px; color:#fff; }

.empresa-img{ width:500px; margin:0 0 10px 25px; }

.empresa-topicos{ float:left; margin:40px 0.1% 0 0.1%; width:33%; padding:25px; text-align:center; background:#ff5a00; }
.empresa-topicos:hover{ background:#0065ac; }

.servicos-itens-txt{ width:100%; padding:40px; background:#f3f3f3; }

.servicos-itens-img{ width:100%; height:420px; padding:0; }

.servicos-itens-txt-vazio{ width:100%; min-height:400px; padding:80px; background:#f3f3f3; }

.gestao-img{ width:400px; margin:0 0 10px 25px; }

.obras-img{ float:left; width:250px; height:200px; margin:0 20px 10px 0; }
	 
.obras-fotos{ float:left; margin:0 20%; width:60%; }
	

	
	
/* CONTATO *****************************************************************************/

.formulario{ float:left; width:60%;	margin:0 5% 0 0; text-align:left; }

.input1{ width:97%; margin:0 0 15px 0; padding: 15px 20px; border:1px solid #ccc; font-family:'Lato', sans-serif; font-size:16px; font-weight:300; background:#f4f4f4; }
	 
.input2{ width:47.5%; margin:0 14px 15px 0; padding: 15px 20px; border:1px solid #ccc; font-family:'Lato', sans-serif; font-size:16px; font-weight:300; background:#f4f4f4; }

.robo{ float: left; width: 97%; margin:5px 0 15px 0; padding:0 15px 10px 15px; border: 1px solid #999; border-radius: 3px; font-size: 18px; font-weight: 300; background: #e0eaf3; }
	
.bt-form{ margin:10px 25px 0 0; width:180px; padding:15px 0; border:0; font-family:'Lato', sans-serif; font-size:18px; font-weight:400; color:#fff; background:#ff5a00; 
		  cursor:pointer; transition: all 150ms linear; }
.bt-form:hover{ background:#0065ac; }

.info{ float:left; width:35%; margin:0; padding:40px; text-align:left; background:#2d2c32; }
 


	

/* COPYRIGHT *****************************************************************************/

.copyright{ float:left; width:100%; text-align:center; padding-top:40px; font-family:'Lato', sans-serif; font-size:16px; font-weight:400; color:#fff; }
	
	
	
	
/***********************************************************************************/
/* MÍDIA QUERIES */
/***********************************************************************************/


/* 1200px – Desktops, notebooks com monitores widescreen --------------------------*/

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


}


/* 768px – Tablets no formato retrato, como o iPad --------------------------------*/

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


}


/* 480px – Smartphones no formato paisagem com tela pequena -----------------------*/

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

	
}


/* 320px – Smartphones no formato retrato com tela pequena ------------------------*/

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

}