body{ margin: 0; background-color: rgb(237, 50, 55);}

h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 40px; color:rgb(237, 50, 55);; text-align:left; margin-left: 30px;}

h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color:#000; text-align:left; margin-left: 30px;}

::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

/*---- ---- TOPO ---- ----*/

#topo{width: 100%; height: 18vh; min-width: 500px; background-color: #fffef2;}

#logotipo{object-fit: cover; height: 100%; width: 100%;}

/*---- ---- CONTEUDO ---- ----*/

.linkAtual {
  opacity: 0.5;
}

#conteudo {height: 75vh; min-height: 500px; min-width: 500px; background-color: #fffef2;}

#menuHamb{width:100%; height:0%; background-color: rgb(237, 50, 55);}
.tituloA {font-variant: small-caps; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 40px; color:rgb(253, 249, 188); float:right; text-align:left; margin-top: 1%; margin-right: 60px; margin-bottom: -100%;}
.tituloB {position: absolute; font-variant: small-caps; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 30px; color:rgb(237, 50, 55); float:right; text-align:left; margin-top: 20px; margin-left: 15px; margin-bottom: -100%; z-index: 3;}

#btHamb {height: 100%;}
#btHamb:hover{cursor: pointer; opacity: 0.7;}

#conteudo01{width: 15%; height: auto; min-height: 500px; float: left; background-color: #fffef2; z-index: 2;}

#menu {width: 90%; max-width: 400px; position: relative; margin: auto; margin-top: 25%; background-color: transparent; z-index: 2;}
#menu img{width: 100%; margin:auto; margin-top:2%;}
#menu img:hover{opacity: 0.7;}

#conteudo02 {width: 85%; height: 100%; position:relative; float: left; background-color: #fffef2;}

#img01 {position:relative; object-fit: cover; margin: 0.5% 0.5% 0.5% 0.5%; width: 60%; height: 48%; float: left;}
#img02 {position:relative; object-fit: cover; margin: 0.5% 0.5% 0.5% 0.5%; width: 38%; height: 48%; float: left;}
#img03 {position:relative; object-fit: cover; margin: 0.5% 0.5% 0.5% 0.5%; width: 38%; height: 48%; float: left;}
#img04 {position:relative; object-fit: cover; margin: 0.5% 0.5% 0.5% 0.5%; width: 60%; height: 48%; float: left;}

.imgTextoTopLeft {float:right; left:30px; top: 5px; position:absolute; color:#fffef2; font-size: 25px; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;}
.imgTextoTopRight {float:right; right:30px; top: 5px; position:absolute; color:#fffef2; font-size: 25px; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;}
.imgTextoBottomLeft {float:right; left:30px; bottom: 5px; position:absolute; color:#fffef2; font-size: 25px; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;}
.imgTextoBottomRight {float:right; right:30px; bottom: 5px; position:absolute; color:#fffef2; font-size: 25px; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;}


#sobre {background-color:#fffef2; width:100%; height: 100%; overflow: auto; float:left; margin: auto;}

#sobreEsquerda {background-color:transparent; width:50%; float:left;}	

#sobreDireita {background-color:transparent; width:50%; float:right;}
#sobreDireita img{width: 90%; margin-left: 5%;}
        
#sobre p {margin-left:5%; margin-right:5%; text-indent: 2%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; text-align:justify; text-decoration:none;}

#contato {width:90%; height: 100%; margin: auto; background-color: transparent; overflow:auto;}
#contato p {margin-top:0px; margin-left:30px; margin-right:30px; line-height:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; text-align:justify; text-decoration:none; color: black;}
#contato a:link {margin-top:5px; margin-left:0px; margin-right:30px; line-height:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; text-align:justify; text-decoration:none; color: black;}
#contato a:visited { margin-top:5px; margin-left:0px; margin-right:30px; line-height:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; text-align:justify; text-decoration:none; color: black;}
.contatoTitulo{font-size:35px;}

#contato img{ margin-top:20px}

#licenciamentos {position: relative; background-color: #fffef2; height: 100%; width: 100%; overflow: auto}

#licSup {font-variant: small-caps; height: 500px; background-color: transparent; margin-top:50px; margin-left:30px; line-height:30px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; text-align:justify; text-decoration:none;}

#licCentro {position: relative; background-color:transparent; width: 100%; height: 80%; float:left}
#containerLic{width: 96%; height: 100%; margin: auto; background-color: transparent}
#containerLic img{ height: 100%; width: 100%; object-fit: scale-down;}

#licInf {position: relative; background-color:transparent; width: 40%; height: 10%; margin: auto;}

#album {position: relative; background-color: #fffef2; height: 100%; width: 100%; overflow: auto}

#albSup {position: relative; background-color:transparent; width: 100%; height: 90%; float:left; }
#containerAlb{width: 96%; height: 100%; margin: auto; background-color: transparent}
#containerAlb img{ height: 100%; width: 100%; object-fit: scale-down;}

#albInf {position: relative; background-color:transparent; width: 40%; height: 10%; margin: auto;}



#albumEsquerda {width: 15%; height: 100%; margin: auto; background-color: transparent; float:left}
#albumEsquerda img{height: 100%; float: right; }
#albumEsquerda img:hover{cursor: pointer; opacity: 0.7;}

#albumCentro {width: 70%; height: 100%; margin: auto; background-color: transparent; float:left}
#albumCentro p{text-align: center;	color:rgb(237, 50, 55); font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; font-weight:200;}

#albumDireita {width: 15%; height: 100%; margin: auto; background-color: transparent; float:left}
#albumDireita img{height: 100%; float: left; transform: scaleX(-1);}
#albumDireita img:hover{cursor: pointer; opacity: 0.7;}



#projetos {width: 100%; height: 100%; background-color:transparent; overflow: auto;}

#projetoComercial {margin-top: 5%; position: relative; float: left; width: 33%; height: 70%; background-color:transparent;}

#projetoResidencial {margin-top: 5%; position: relative; float: left; width:34%; height: 70%; background-color: transparent;}

#projetoInstitucional {margin-top: 5%; position: relative; float: left; width:33%; height: 70%; background-color: transparent;}

#projetoFoto {position: relative; margin: auto; height: 60%; width: 90%; background-color:transparent;}
#projetoFoto img{width: 100%; height: 100%; object-fit: cover;}
#projetoFoto a:hover{opacity: 0.7;}

#projetoBt {position: relative; margin: auto; height: 20%; width: 90%; background-color:transparent;}
#projetoBt img {width: 50%; margin-left:25%; margin-top: 5%;}

.projetoTexto {margin-top:5px; margin-left:30px; margin-right:30px; line-height:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; text-align:center; text-decoration:none; color: black;}

#clientes {
  position: relative; float: left; width: 230px; height: 230px; background-color: white; margin-top:5px; margin-left: 5px;
}

#clientes img {
 margin: auto; height:100%; width: 100%; object-fit: scale-down; position: relative;
}

.conteudoClientes {overflow: auto;}

#links {
  height: 100%;
  overflow: auto;
  margin: auto;
}

#links img {
  width: 50%;
  margin-left: 25%;
}

#links input{
  width: 50%;
  margin-left: 25%;
}

.marginleftLinks {
  margin-left: 25%;
}

/*---- ---- RODAPE ---- ----*/

#rodape {height: 7vh; min-width: 500px; background-color: rgb(253, 249, 188);}

#rodape01{height: 100%;	width: 30%;	float: left; background-color: rgb(253, 249, 188);}

#logoACE {margin-top: 2%; margin-left: 2%; height: 70%; float: right; margin: 2% 2% auto auto;}

#rodape02{height: 100%;	width: 40%;	float: left; background-color: rgb(253, 249, 188);}
#rodape02 p{text-align: center;	color:rgb(237, 50, 55);; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:200;}
#rodape02 a:hover{font-weight:600; color:rgb(237, 50, 55);; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#rodape02 a:visited{color:rgb(237, 50, 55);; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#rodape02 a:link{color:rgb(237, 50, 55);; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

#rodape03{height: 100%;	width: 30%;	float: left; min-width: 100px; background-color: rgb(253, 249, 188);}
#rodape03 img:hover{opacity: 0.7;}

#linkedin, #facebook {height: 70%; margin: 2% auto auto 2%;}


#banner_titulo p {font-variant: small-caps; margin-top: 2%; color:#fffef2; font-size: 60px; text-align: center; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;}

#banner_anistia{

  position: absolute;
  float:left;
  margin-left:15vw;
  margin-top: 30vh;
  border-radius: 10px;
  border-style: solid;
  border-width: 5px;
  border-color: rgb(237, 50, 55);
  z-index: 3;
  width: 70vw;
  height:450px;
  /* background-color: rgb(253, 249, 188); */
  background-image: url(../img/guarulhos.jpg);
  background-size:cover;
 
}

#banner_anistia img {
  float: right;
  position: relative;
  height: 50px;
  width: 50px;

}

#banner_anistia img:hover {
  opacity: 0.7;
  cursor: pointer;
}

#banner_texto {

  width: 80%;
  height: auto;
  background-color: white;
  margin: auto;
  margin-top: 100px;

}

#banner_texto p{
  text-align: center;	color:rgb(237, 50, 55);; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; font-weight:200;
}