@charset "utf-8";
*{
  margin:0px; 
  padding:0;
  border:0;
  
} 

  body{
	  background:#FFFFFF;
	  overflow-x: hidden;
	 
	 
  }

   a:link { 
   
  text-decoration:none; 
} 

a { 

  text-decoration:none; 
} 

 @media screen and (max-width:1920px) and (orientation: landscape) {
	 
	 
	 @viewport{
    zoom: 0.0;
    width: device-width;
	
	 }

#container-principal{
	
	width:100%;
	min-width:1000px;
	height:100%;
	float:left;
	margin:auto;
	text-align:center; 
	

 }
	 
	 

#banner{
	
	position:relative;
	float:left;
	width:100%;
	height:auto;	
	z-index: 77;
    margin-top: -190px;
	
	
}

	 #banner img{	
	width:100%;
	height:auto;
	
	
}


	
	 
	 #servicos{
		 margin-top: -9%;
		 padding-bottom: 70px;
		 position: relative;
		width:100%;
		 height:auto;
		 float:left;
		 z-index: 79;
		 
	 }
	 
	 #conteudo-servicos{
		width:1000px;
		 height:auto;
		 margin:auto;
		 
		 
	 }
	 
	 #conteudo-servicos-titulo{
		 width:1000px;
		 height:80px;
		 text-align: center;
	 }
	 
	 
	  #conteudo-servicos-titulo h1{
		  font-family: 'Roboto', sans-serif;
		 font-size: 47px;
		 font-weight:600;
		 font-display: swap;
		 width:1000px;
		 height:54px;
		 text-align: center;
		  color: rgba(153,153,153,1.00);
	 }
	 
	  #conteudo-servicos-titulo h2{
		width:100px;
		  height:5px;
		  border-bottom:solid 4px rgba(204,0,0,1.00);
		  margin: auto;
		   
	 }
	 
	 
	 
	 
	 
		#ultimas-obras{
	width:100%;
	height:auto;
	float:left;
	position: relative;
	background:url("../img/fundo-destaque.jpg")repeat center;
	z-index: 80;
		padding-bottom: 40px;
        margin-top: 47px;
	
}


#conteudo-projetos-destaque{
	width:1000px;
	height:auto;
	margin:auto;
}


#projetos-destaque-titulo{
	width:1000px;
	height:auto;
	margin:auto;
	margin-top:47px;	
	
}


#projetos-destaque-titulo h1{
	 font-family: 'Roboto', sans-serif;
		 font-size: 40px;
		 font-weight:600;
		 font-display: swap;
		 width:1000px;
		 height:100px;
		 text-align: center;
		  color: rgba(0,29,62,1.00);
	
	
}


	 
#projetos-destaque-dados{
	margin-top:7px;
	width:300px;
	height:324px;
	float:left;	
	text-align:center;
	margin-left: 27px;
	
}

#projetos-destaque-dados img{
	 object-fit: cover;
    object-position: center;
	width:300px;
	height:197px;
	border-radius:10px;
	
	text-align:center;
	
	
	
}



#projetos-destaque-dados h1{
	
	margin-top: 27px;
	height: 35px;
	width:300px;
	text-align: center;
	
	font-family: 'Poppins', sans-serif;	
	font-weight: 300;	
	font-size: 17px;

	font-display: swap;
	color:rgba(19,19,19,1.00);
}
	 
	 	  #whats{
		
		position: relative;
		float:left;
		 width:100%;
		 height:580px;
		background:url("../img/fundowhats.jpg") no-repeat center;
		 z-index: 90;
		 text-align: center;
		 
	 }
	 
	 #conteudo-whats{
		 
		 width:1000px;
		height:auto;
		 margin: auto;
	 }
     
     #conteudo-whatsesq{
		 
		 width:310px;
		height:auto;
		 float: left;
	 }
     
     #conteudo-whatsesq img{
		 
		margin-top: 90px;
	 }
	 
      #conteudo-whatsdir{
		 
		 width:600px;
		height:auto;
		 float: right;
	 }
	 
	 #conteudo-whatsdir h1{
		 margin-top: 217px;
		  font-family: 'Roboto', sans-serif;
		 font-size: 34px;
		 font-weight:600;
		 font-display: swap;
		 width:600px;
		 height:54px;
		 text-align: right;
		  color: rgba(0,29,62,1.00);
	 }
	 
	
	 
	 
	 #conteudo-whatsdir p{
		  text-align: right;
		  font-family: 'Nunito', sans-serif;
		 font-size: 37px;
		 font-display: swap;
		 font-weight: 400;
		 color:rgba(0,29,62,1.00);
		 position: relative;
		width:600px;		 
		 height:auto;
		  line-height: 40px;
		  margin-top: 7px;
		 margin-bottom: 7px;
		 		 
	 }
	 
     #conteudo-whatsdir img{
		 
		margin-top: 20px;
        float: right;
	 } 
	 
	 
	 
	 
	 
	 
}	























/*celular*/

@media screen and (max-width:960px) and (orientation: portrait){ 
	
		 @viewport{
    zoom: 0.0;
    width: device-width;
	
	 }
	
	
	
	#container-principal{
	
	width:100%;
	min-width:350px;
	height:100%;
	float:left;
	margin:auto;
	text-align:center; 
	

 }
	 
	 

#banner{
	margin-top: 60px;
	position:relative;
	float:left;
	width:100%;
	height:auto;	
	z-index: 77;
	
	
}

	 #banner img{	
	width:100%;
	height:auto;
	
	
}

	
	 
	 
	 #servicos{
		 position: relative;
		width:100%;
		 height:auto;
		 float:left;
		 z-index: 79;
		 
	 }
	 
	 #conteudo-servicos{
		width:350px;
		 height:auto;
		 margin:auto;
		 text-align: center;
		 
	 }
	 
	 #conteudo-servicos-titulo{
		 width:350px;
		 height:80px;
		 text-align: center;
	 }
	 
	 
	  #conteudo-servicos-titulo h1{
		  font-family: 'Roboto', sans-serif;
		 font-size: 37px;
		 font-weight:600;
		 font-display: swap;
		 width:350px;
		 height:40px;
		 text-align: center;
		  color: rgba(153,153,153,1.00);
	 }
	 
	  #conteudo-servicos-titulo h2{
		width:100px;
		  height:5px;
		  border-bottom:solid 4px rgba(204,0,0,1.00);
		  margin: auto;
		   
	 }
	 
	 
	 #aberturas{
		 text-align: center;
		 position: relative;
		width:350px;
		 height:558px;
		 background: url("../img/fundo-aberturas2.png")no-repeat center;
		margin: auto;
		 margin-top: -27px;
		
		 
	 }
	 
	  #aberturas-dir{
		 position: relative;
		width:350px;
		 height:auto;
		  margin: auto;
		 float:left;		 
	 }
	 
	  #aberturas-dir h1{
		  font-family: 'Roboto', sans-serif;
		 font-size: 30px;
		 font-weight:600;
		 font-display: swap;
		 position: relative;
		width:300px;		 
		 height:37px;
		  color:rgba(204,0,0,1.00);
		  text-align: center;
		  margin: auto;
		  padding-top: 37px;
		 		 
	 }
	 
	   #aberturas-dir h2{
		 position: relative;
		width:70px;		 
		 height:4px;
		    border-bottom: solid 3px rgba(204,0,0,1.00);
		   margin: auto;
		 
		 		 
	 }
	 
	  #aberturas-dir p{
		  text-align:center;
		  font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;
		 color:rgba(17,17,17,1.00);
		 position: relative;
		width:260px;		 
		 height:auto;
		  line-height: 34px;
		  margin: auto;
		padding-top: 34px;
		  padding-bottom:27px;
		 		 
	 }
	 
	
	 
	  #aberturas-dir p2 a{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color:rgba(255,255,255,1.00);
		  color:rgba(204,0,0,1.00);		  
		 border-bottom-left-radius: 20px;
		  border-top-right-radius: 20px;
		 position: relative;
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		 		 
	 }
	 
	  #aberturas-dir p2 a:hover{
		  font-family: 'Nunito', sans-serif;		 
		 font-display: swap;
		 font-weight: 400;
		  background-color: rgba(204,0,0,1.00);
		  color:rgba(255,255,255,1.00);
		  font-size: 19px;
		 border-bottom-left-radius: 0px;
		  border-bottom-right-radius: 20px;
		  border-top-right-radius: 0px;
		   border-top-left-radius: 20px;
		 position: relative;
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	
		  transition: all 0.5s ease; 	
		 		 
	 }
	 
	  #telhado{
		 position: relative;
		width:350px;
		 height:557px;
		 background: url("../img/fundo-telhado2.png")no-repeat center;
		 margin-top: -27px;
		  
		 
	 }
	 
	 
	 
	  #telhado-esq{
		 position: relative;
		width:350px;
		  margin: auto;
		 height:auto;		
		 float:left;		 
	 }
	 
	  #telhado-esq h1{
		   padding-top: 40px;
		    font-family: 'Roboto', sans-serif;
		 font-size: 30px;
		 font-weight:600;
		 font-display: swap;
		 position: relative;
		width:300px;		 
		 height:37px;
		  color:rgba(204,0,0,1.00);
		   text-align: center;
		  margin: auto;
		 		 
	 }
	 
	   #telhado-esq h2{
		 position: relative;
		width:70px;		 
		 height:4px;
		    border-bottom: solid 3px rgba(204,0,0,1.00);
		  text-align: center;
		  margin: auto;
		 		 
	 }
	 
	  #telhado-esq p{
		  text-align: center;
		  font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;
		 color:rgba(17,17,17,1.00);
		 position: relative;
		width:260px;		 
		 height:auto;
		  line-height: 34px;
		  margin: auto;
		padding-top: 34px;
		  padding-bottom: 30px;
		 		 
	 }
	 
	
	 
	  #telhado-esq p2 a{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color:rgba(255,255,255,1.00);
		  color:rgba(204,0,0,1.00);
		  border-bottom-left-radius: 20px;
		  border-top-right-radius: 20px;
		 position: relative;
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		 		 
	 }
	 
	  #telhado-esq p2 a:hover{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color: rgba(204,0,0,1.00);
		  color:rgba(255,255,255,1.00);
		   border-bottom-left-radius: 0px;
		  border-bottom-right-radius: 20px;
		  border-top-right-radius: 0px;
		   border-top-left-radius: 20px;
		 position: relative;
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	
		  transition: all 0.5s ease; 	
		 		 
	 }
	 
	 
	  #pergolados{
		 position: relative;
		width:350px;
		 height:558px;
		 background: url("../img/fundo-pergolados2.png")no-repeat center;
		 margin-top: -27px;
			 
	 }
	 
	 
	 #pergolados-dir{
		 position: relative;
		width:350px;		
		 height:auto;		
		 float:right;		 
	 }
	 
	  #pergolados-dir h1{
		    padding-top: 34px;
		  font-family: 'Roboto', sans-serif;
		 font-size: 30px;
		 font-weight:600;
		 font-display: swap;
		 position: relative;
		width:350px;		 
		 height:40px;
		  color:rgba(204,0,0,1.00);
		 		 
	 }
	 
	   #pergolados-dir h2{
		 position: relative;
		width:70px;		 
		 height:4px;
		    border-bottom: solid 3px rgba(204,0,0,1.00);
		   margin: auto;
		 
		 		 
	 }
	 
	  #pergolados-dir p{
		  text-align: center;
		  font-family: 'Nunito', sans-serif;
		 font-size: 18px;
		 font-display: swap;
		 font-weight: 400;
		 color:rgba(17,17,17,1.00);
		 position: relative;
		width:270px;		 
		 height:auto;
		  line-height: 27px;
		   margin: auto;
		padding-top: 27px;
		  padding-bottom: 17px;
		 		 
	 }
	 
	
	 
	  #pergolados-dir p2 a{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color:rgba(255,255,255,1.00);
		  color:rgba(204,0,0,1.00);		  
		 border-bottom-left-radius: 20px;
		  border-top-right-radius: 20px;
		
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		 		 
	 }
	 
	  #pergolados-dir p2 a:hover{
		  font-family: 'Nunito', sans-serif;		 
		 font-display: swap;
		 font-weight: 400;
		  background-color: rgba(204,0,0,1.00);
		  color:rgba(255,255,255,1.00);
		  font-size: 19px;
		 border-bottom-left-radius: 0px;
		  border-bottom-right-radius: 20px;
		  border-top-right-radius: 0px;
		   border-top-left-radius: 20px;
		
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	
		  transition: all 0.5s ease; 	
		 		 
	 }
	
	
	 #brisesripados{
		 position: relative;
		width:350px;
		 height:557px;
		 background: url("../img/fundo-brisesripados2.png")no-repeat center;
	 margin-top: -27px;
		  
		 
	 }
	 
	 
	 
	  #brisesripados-esq{
		 position: relative;
		width:350px;
		  margin: auto;
		 height:auto;		
		 float:left;		 
	 }
	 
	  #brisesripados-esq h1{
		   padding-top: 47px;
		    font-family: 'Roboto', sans-serif;
		 font-size: 30px;
		 font-weight:600;
		 font-display: swap;
		 position: relative;
		width:300px;		 
		 height:37px;
		  color:rgba(204,0,0,1.00);
		   text-align: center;
		  margin: auto;
		 		 
	 }
	 
	   #brisesripados-esq h2{
		 position: relative;
		width:70px;		 
		 height:4px;
		    border-bottom: solid 3px rgba(204,0,0,1.00);
		  text-align: center;
		  margin: auto;
		 		 
	 }
	 
	  #brisesripados-esq p{
		  text-align: center;
		  font-family: 'Nunito', sans-serif;
		 font-size: 18px;
		 font-display: swap;
		 font-weight: 400;
		 color:rgba(17,17,17,1.00);
		 position: relative;
		width:250px;		 
		 height:auto;
		  line-height: 30px;
		  margin: auto;
		padding-top: 30px;
		  padding-bottom: 17px;
		 		 
	 }
	 
	
	 
	  #brisesripados-esq p2 a{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color:rgba(255,255,255,1.00);
		  color:rgba(204,0,0,1.00);
		  border-bottom-left-radius: 20px;
		  border-top-right-radius: 20px;
		 position: relative;
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		 		 
	 }
	 
	  #brisesripados-esq p2 a:hover{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color: rgba(204,0,0,1.00);
		  color:rgba(255,255,255,1.00);
		   border-bottom-left-radius: 0px;
		  border-bottom-right-radius: 20px;
		  border-top-right-radius: 0px;
		   border-top-left-radius: 20px;
		 position: relative;
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	
		  transition: all 0.5s ease; 	
		 		 
	 }
	
	
	
	 #decks{
		 position: relative;
		width:350px;
		 height:558px;
		 background: url("../img/fundo-decks2.png")no-repeat center;
		  margin-top: -27px;
			 
	 }
	 
	 
	 #decks-dir{
		 position: relative;
		width:350px;		
		 height:auto;		
		 float:right;		 
	 }
	 
	  #decks-dir h1{
		    padding-top: 17px;
		  font-family: 'Roboto', sans-serif;
		 font-size: 30px;
		 font-weight:600;
		 font-display: swap;
		 position: relative;
		width:350px;		 
		 height:40px;
		  color:rgba(204,0,0,1.00);
		 		 
	 }
	 
	   #decks-dir h2{
		 position: relative;
		width:70px;		 
		 height:4px;
		    border-bottom: solid 3px rgba(204,0,0,1.00);
		   margin: auto;
		 
		 		 
	 }
	 
	  #decks-dir p{
		  text-align: center;
		  font-family: 'Nunito', sans-serif;
		 font-size: 17.5px;
		 font-display: swap;
		 font-weight: 400;
		 color:rgba(17,17,17,1.00);
		 position: relative;
		width:295px;		 
		 height:auto;
		  line-height: 25px;
		   margin: auto;
		padding-top: 7px;
		  padding-bottom: 17px;
		 		 
	 }
	 
	
	 
	  #decks-dir p2 a{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color:rgba(255,255,255,1.00);
		  color:rgba(204,0,0,1.00);		  
		 border-bottom-left-radius: 20px;
		  border-top-right-radius: 20px;
		
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		 		 
	 }
	 
	  #decks-dir p2 a:hover{
		  font-family: 'Nunito', sans-serif;		 
		 font-display: swap;
		 font-weight: 400;
		  background-color: rgba(204,0,0,1.00);
		  color:rgba(255,255,255,1.00);
		  font-size: 19px;
		 border-bottom-left-radius: 0px;
		  border-bottom-right-radius: 20px;
		  border-top-right-radius: 0px;
		   border-top-left-radius: 20px;
		
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	
		  transition: all 0.5s ease; 	
		 		 
	 }
	
	
	
	
	 #revestimentos{
		 position: relative;
		width:350px;
		 height:557px;
		 background: url("../img/fundo-revestimentos2.png")no-repeat center;
	 margin-top: -27px;
		  
		 
	 }
	 
	 
	 
	  #revestimentos-esq{
		 position: relative;
		width:350px;
		  margin: auto;
		 height:auto;		
		 float:left;		 
	 }
	 
	  #revestimentos-esq h1{
		   padding-top: 34px;
		    font-family: 'Roboto', sans-serif;
		 font-size: 30px;
		 font-weight:600;
		 font-display: swap;
		 position: relative;
		width:300px;		 
		 height:37px;
		  color:rgba(204,0,0,1.00);
		   text-align: center;
		  margin: auto;
		 		 
	 }
	 
	   #revestimentos-esq h2{
		 position: relative;
		width:70px;		 
		 height:4px;
		    border-bottom: solid 3px rgba(204,0,0,1.00);
		  text-align: center;
		  margin: auto;
		 		 
	 }
	 
	  #revestimentos-esq p{
		  text-align: center;
		  font-family: 'Nunito', sans-serif;
		 font-size: 18px;
		 font-display: swap;
		 font-weight: 400;
		 color:rgba(17,17,17,1.00);
		 position: relative;
		width:250px;		 
		 height:auto;
		  line-height: 27px;
		  margin: auto;
		padding-top: 27px;
		  padding-bottom: 17px;
		 		 
	 }
	 
	
	 
	  #revestimentos-esq p2 a{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color:rgba(255,255,255,1.00);
		  color:rgba(204,0,0,1.00);
		  border-bottom-left-radius: 20px;
		  border-top-right-radius: 20px;
		 position: relative;
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		 		 
	 }
	 
	  #revestimentos-esq p2 a:hover{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color: rgba(204,0,0,1.00);
		  color:rgba(255,255,255,1.00);
		   border-bottom-left-radius: 0px;
		  border-bottom-right-radius: 20px;
		  border-top-right-radius: 0px;
		   border-top-left-radius: 20px;
		 position: relative;
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	
		  transition: all 0.5s ease; 	
		 		 
	 }
	
	
	
	 #assoalhos{
		 position: relative;
		width:350px;
		 height:558px;
		 background: url("../img/fundo-assoalhos2.png")no-repeat center;
		  margin-top: -27px;
			 
	 }
	 
	 
	 #assoalhos-dir{
		 position: relative;
		width:350px;		
		 height:auto;		
		 float:right;		 
	 }
	 
	  #assoalhos-dir h1{
		    padding-top: 30px;
		  font-family: 'Roboto', sans-serif;
		 font-size: 30px;
		 font-weight:600;
		 font-display: swap;
		 position: relative;
		width:350px;		 
		 height:40px;
		  color:rgba(204,0,0,1.00);
		 		 
	 }
	 
	   #assoalhos-dir h2{
		 position: relative;
		width:70px;		 
		 height:4px;
		    border-bottom: solid 3px rgba(204,0,0,1.00);
		   margin: auto;
		 
		 		 
	 }
	 
	  #assoalhos-dir p{
		  text-align: center;
		  font-family: 'Nunito', sans-serif;
		 font-size: 20px;
		 font-display: swap;
		 font-weight: 400;
		 color:rgba(17,17,17,1.00);
		 position: relative;
		width:270px;		 
		 height:auto;
		  line-height: 34px;
		   margin: auto;
		padding-top: 34px;
		  padding-bottom: 17px;
		 		 
	 }
	 
	
	 
	  #assoalhos-dir p2 a{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color:rgba(255,255,255,1.00);
		  color:rgba(204,0,0,1.00);		  
		 border-bottom-left-radius: 20px;
		  border-top-right-radius: 20px;
		
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		 		 
	 }
	 
	  #assoalhos-dir p2 a:hover{
		  font-family: 'Nunito', sans-serif;		 
		 font-display: swap;
		 font-weight: 400;
		  background-color: rgba(204,0,0,1.00);
		  color:rgba(255,255,255,1.00);
		  font-size: 19px;
		 border-bottom-left-radius: 0px;
		  border-bottom-right-radius: 20px;
		  border-top-right-radius: 0px;
		   border-top-left-radius: 20px;
		
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	
		  transition: all 0.5s ease; 	
		 		 
	 }
	
	
	
	
		
	 #escadas{
		 position: relative;
		width:350px;
		 height:557px;
		 background: url("../img/fundo-escadas2.png")no-repeat center;
		 margin-top: -27px;
		  
		 
	 }
	 
	 
	 
	  #escadas-esq{
		 position: relative;
		width:350px;
		  margin: auto;
		 height:auto;		
		 float:left;		 
	 }
	 
	  #escadas-esq h1{
		   padding-top: 34px;
		    font-family: 'Roboto', sans-serif;
		 font-size: 30px;
		 font-weight:600;
		 font-display: swap;
		 position: relative;
		width:300px;		 
		 height:37px;
		  color:rgba(204,0,0,1.00);
		   text-align: center;
		  margin: auto;
		 		 
	 }
	 
	   #escadas-esq h2{
		 position: relative;
		width:70px;		 
		 height:4px;
		    border-bottom: solid 3px rgba(204,0,0,1.00);
		  text-align: center;
		  margin: auto;
		 		 
	 }
	 
	  #escadas-esq p{
		  text-align: center;
		  font-family: 'Nunito', sans-serif;
		 font-size: 18px;
		 font-display: swap;
		 font-weight: 400;
		 color:rgba(17,17,17,1.00);
		 position: relative;
		width:285px;		 
		 height:auto;
		  line-height: 34px;
		  margin: auto;
		padding-top: 34px;
		  padding-bottom: 17px;
		 		 
	 }
	 
	
	 
	  #escadas-esq p2 a{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color:rgba(255,255,255,1.00);
		  color:rgba(204,0,0,1.00);
		  border-bottom-left-radius: 20px;
		  border-top-right-radius: 20px;
		 position: relative;
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		 		 
	 }
	 
	  #escadas-esq p2 a:hover{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color: rgba(204,0,0,1.00);
		  color:rgba(255,255,255,1.00);
		   border-bottom-left-radius: 0px;
		  border-bottom-right-radius: 20px;
		  border-top-right-radius: 0px;
		   border-top-left-radius: 20px;
		 position: relative;
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	
		  transition: all 0.5s ease; 	
		 		 
	 }
	
	
	
	 #corrimao{
		 position: relative;
		width:350px;
		 height:558px;
		 background: url("../img/fundo-corrimao2.png")no-repeat center;
		 margin-top: -27px;
			 
	 }
	 
	 
	 #corrimao-dir{
		 position: relative;
		width:350px;		
		 height:auto;		
		 float:right;		 
	 }
	 
	  #corrimao-dir h1{
		    padding-top: 27px;
		  font-family: 'Roboto', sans-serif;
		 font-size: 30px;
		 font-weight:600;
		 font-display: swap;
		 position: relative;
		width:350px;		 
		 height:40px;
		  color:rgba(204,0,0,1.00);
		 		 
	 }
	 
	   #corrimao-dir h2{
		 position: relative;
		width:70px;		 
		 height:4px;
		    border-bottom: solid 3px rgba(204,0,0,1.00);
		   margin: auto;
		 
		 		 
	 }
	 
	  #corrimao-dir p{
		  text-align: center;
		  font-family: 'Nunito', sans-serif;
		 font-size: 18px;
		 font-display: swap;
		 font-weight: 400;
		 color:rgba(17,17,17,1.00);
		 position: relative;
		width:270px;		 
		 height:auto;
		  line-height: 24px;
		   margin: auto;
		padding-top: 17px;
		  padding-bottom: 17px;
		 		 
	 }
	 
	
	 
	  #corrimao-dir p2 a{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color:rgba(255,255,255,1.00);
		  color:rgba(204,0,0,1.00);		  
		 border-bottom-left-radius: 20px;
		  border-top-right-radius: 20px;
		
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		 		 
	 }
	 
	  #corrimao-dir p2 a:hover{
		  font-family: 'Nunito', sans-serif;		 
		 font-display: swap;
		 font-weight: 400;
		  background-color: rgba(204,0,0,1.00);
		  color:rgba(255,255,255,1.00);
		  font-size: 19px;
		 border-bottom-left-radius: 0px;
		  border-bottom-right-radius: 20px;
		  border-top-right-radius: 0px;
		   border-top-left-radius: 20px;
		
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	
		  transition: all 0.5s ease; 	
		 		 
	 }
	
	
	
	
	 #pecas{
		 position: relative;
		width:350px;
		 height:557px;
		 background: url("../img/fundo-pecas2.png")no-repeat center;
		 margin-top: -27px;
		  
		 
	 }
	 
	 
	 
	  #pecas-esq{
		 position: relative;
		width:350px;
		  margin: auto;
		 height:auto;		
		 float:left;		 
	 }
	 
	  #pecas-esq h1{
		   padding-top: 34px;
		    font-family: 'Roboto', sans-serif;
		 font-size: 30px;
		 font-weight:600;
		 font-display: swap;
		 position: relative;
		width:300px;		 
		 height:37px;
		  color:rgba(204,0,0,1.00);
		   text-align: center;
		  margin: auto;
		 		 
	 }
	 
	   #pecas-esq h2{
		 position: relative;
		width:70px;		 
		 height:4px;
		    border-bottom: solid 3px rgba(204,0,0,1.00);
		  text-align: center;
		  margin: auto;
		 		 
	 }
	 
	  #pecas-esq p{
		  text-align: center;
		  font-family: 'Nunito', sans-serif;
		 font-size: 18px;
		 font-display: swap;
		 font-weight: 400;
		 color:rgba(17,17,17,1.00);
		 position: relative;
		width:285px;		 
		 height:auto;
		  line-height: 27px;
		  margin: auto;
		padding-top: 27px;
		  padding-bottom: 17px;
		 		 
	 }
	 
	
	 
	  #pecas-esq p2 a{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color:rgba(255,255,255,1.00);
		  color:rgba(204,0,0,1.00);
		  border-bottom-left-radius: 20px;
		  border-top-right-radius: 20px;
		 position: relative;
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	 
		 		 
	 }
	 
	  #pecas-esq p2 a:hover{
		   font-family: 'Nunito', sans-serif;
		 font-size: 19px;
		 font-display: swap;
		 font-weight: 400;		 
		  background-color: rgba(204,0,0,1.00);
		  color:rgba(255,255,255,1.00);
		   border-bottom-left-radius: 0px;
		  border-bottom-right-radius: 20px;
		  border-top-right-radius: 0px;
		   border-top-left-radius: 20px;
		 position: relative;
		width:154px;		 
		 height:40px;
		  border: solid 1px rgba(204,0,0,1.00);
		  padding-left: 31px;
		  padding-right: 31px;
		  padding-top: 5px;
		  padding-bottom: 5px;	
		  transition: all 0.5s ease; 	
		 		 
	 }
	 
	
	 #ultimas-obras{
		 margin-top: 47px;
	width:100%;
	height:auto;
	float:left;
	position: relative;
	background:rgba(255,255,255,1.00);
	z-index: 80;
		padding-bottom: 70px;
	
}


#conteudo-projetos-destaque{
	width:350px;
	height:auto;
	margin:auto;
}


#projetos-destaque-titulo{
	width:350px;
	height:auto;
	margin:auto;
		
	
}


#projetos-destaque-titulo h1{
	 font-family: 'Roboto', sans-serif;
		 font-size: 30px;
		 font-weight:600;
		 font-display: swap;
		 width:350px;
		 height:70px;
		 text-align: center;
		  color: rgba(0,29,62,1.00);
	
	
}


	 
#projetos-destaque-dados{
	
	width:300px;
	height:280px;
	float:left;	
	text-align:center;
	margin-left: 25px;
	
}

#projetos-destaque-dados img{
	 object-fit: cover;
    object-position: center;
	width:300px;
	height:197px;
	border-radius: 10px;
	
	text-align:center;
	
	
	
}



#projetos-destaque-dados h1{
	
	margin-top: 17px;
	height: 35px;
	width:300px;
	text-align: center;
	
	font-family: 'Poppins', sans-serif;	
	font-weight: 300;	
	font-size: 17px;
	
	font-display: swap;
	color:rgba(19,19,19,1.00);
}

	 

  #whats{
		
		position: relative;
		float:left;
		 width:100%;
		 height:auto;
		background:url("../img/fundowhats.jpg") no-repeat center;
		 z-index: 90;
		 text-align: center;
         padding-bottom: 70px;
		 
	 }
	 
	 #conteudo-whats{
		 
		 width:350px;
		height:auto;
		 margin: auto;
	 }
     
     #conteudo-whatsesq{
		 
		 width:350px;
		height:auto;
		 float: left;
	 }
     
     #conteudo-whatsesq img{
		 
		margin-top: 07px;
	 }
	 
      #conteudo-whatsdir{
		 
		 width:350px;
		height:auto;
		 float: left;
	 }
	 
	 #conteudo-whatsdir h1{
		 
		  font-family: 'Roboto', sans-serif;
		 font-size: 21px;
		 font-weight:600;
		 font-display: swap;
		 width:350px;
		 height:auto;
		 text-align: center;
		  color: rgba(0,29,62,1.00);
	 }
	 
	
	 
	 
	 #conteudo-whatsdir p{
		  text-align: center;
		  font-family: 'Nunito', sans-serif;
		 font-size: 30px;
		 font-display: swap;
		 font-weight: 400;
		 color:rgba(0,29,62,1.00);
		 position: relative;
		width:350px;		 
		 height:auto;
		  line-height: 40px;
		  margin-top: 4px;
		 margin-bottom: 7px;
		 		 
	 }
	 
     #conteudo-whatsdir img{
		 
		margin-top: 20px;
       width: 350px;
       height: auto;
	 }



	 


}	
	
	
	
	
	



