@charset "utf-8";
@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Lato);


/* Header */

body {
    background-image: url('../img/main.png'); 
    background-position: top center;
    background-attachment:fixed;
    background-size:cover;
}

header img{
    margin-top:15px;
    margin-right:560px;
    float:left;

}

/* Index */

/* Quem somos */

.foto1{
    padding:30px;
    width:15%;
    margin-left: 40px;
    
}

.texto{
    margin-left:300px;
    margin-top: -200px;
    margin-right: 60px;
    
}

/* O que fazemos */

.projectm{
    height:200px;
    width:100%;
   background-image:url('../img/engenharia.jpg');
    background-size:100% auto;
    background-repeat:no-repeat;
}
.projectm h1{
    padding-top:75px;
    margin-left:55%;
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    
}

.otherlinks{
    height:250px;
    width:25%;
    background-color:yellow;
}
.otherlinks1{
    height:250px;
    width:25%;
    background-color:red;
    margin-left:25%;
    margin-top:-250px;
}
.otherlinks2{
    height:250px;
    width:25%;
    background-color:green;
    margin-left:50%;
    margin-top:-250px;
}
.otherlinks3{
    height:250px;
    width:25%;
    background-color:grey;
    margin-left:75%;
    margin-top:-250px;
}

.projectm{
    color:black;
    font-size: 40px;
    min-width: 800px;
    font-family: futura_regular;
    text-shadow: 2px 2px 5px white;
    
}



#links{
    overflow:hidden;
    color:#222;
    font-size:.9em;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    width:100%;
    
}
#links a {
    text-decoration:none;
    color:inherit;
}

#links ul,li {
    list-style:none;

}

#links li {
    width:24.5%;
    overflow:hidden;
    color:#222;
    font-size:1.2em;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
}   
    
/* ---------staff-------------*/
    
#fotostaff{
    width:100%;
}

#fotostaff img{
    margin-left:4%;
    margin-top:-5%;
    width:120px;
    height:120px;
    
}

#fotostaff p{
    width:93%;
    margin-top:3%;
    margin-left: 4%;
    margin-bottom:2%;
    text-align:justify;


}
.border{
    border: 1px solid  #ccc;
        %;
     width:70%;
     margin-left:7%;   
    margin-top:5%;
    background:rgb(255,255,255);  
    background: transparent\9;  
    background:rgba(255,255,255,0.7);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
    zoom: 1;  


}
/* ---------- staff quem somos ----------*/

.border1{
      border: 1px solid  #ccc;
     width:85%;
     margin-left:7%;   
    margin-top:7%;
    background:rgb(255,255,255);  
    background: transparent\9;  
    background:rgba(255,255,255,0.7);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
    zoom: 1;    
}

#fotostaff1 img{
    margin-left:4%;
    margin-top:-5%;
    width:120px;
    height:120px;
    
}

#fotostaff1 p{
    width:93%;
    margin-top:3%;
    margin-left: 4%;
    margin-bottom:2%;
    text-align:justify;
}
/* Footer */
  
footer{
     background:rgb(31,32,36);  
    background: transparent\9;  
    background:rgba(31,32,36,0.1   );  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
    zoom: 1;  
    height:200px;
    margin-top:60px;
    width:100%;

}

.col { 

  float: left;
  padding: 30px 0 0 7px;
  width: 156px;
}
 
.col:first-child {
  padding: 30px 0 0 35px;
    margin-left:49%;
}
 
h3{ 
  color: #484b52;
  float: left; 
  font-family: 'Lato', sans-serif;
  font-weight: 100;
  margin: 0 0 6px 0; 
  padding: 9px 0 0 19px; 
  height: 25px; 
  width: 291px;
    font-size: 20px;
    
}
 
.col ul { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
    

    
}
 
.col li { 
  float: left; 
  height: 26px; 
  margin: 1px 0;
  padding: 0; 
  width: 250px; 
font-family: 'Lato', sans-serif;
  font-weight: 100;
    font-size: 14px;
    
}
 
.col li a { 
  color: #FFF;
  display: block;
  float: left; 
  padding: 6px 0 0 23px; 
  text-decoration: none;
    
    
}
 
.col li:hover { 
  background:rgb(31,32,36);  
    background: transparent\9;  
    background:rgba(31,32,36,0.9   );  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
    zoom: 1;  
}

/*--------- Estrutura NOVO--------*/

.menu1{
    width:100%;
    height:200px;
    background-color:#e2dfdf;
    margin-top:1%;
    
}

.logo2{
    width:25%;
    height:200px;
    background-color: white;
}

.parte3{
    width:25%;
    height:200px;
    background-color: #1f2024;
    margin-left:25%;
    margin-top:-200px;
}

.parte4{
    width:25%;
    height:200px;
    background-color: #67ceef;
    margin-left:50%;
    margin-top:-200px;
}

.parte5{
    width:25%;
    height:200px;
    background-color: #1f2024;
    margin-left:75%;
    margin-top:-200px;
}

.logo2 img{
    margin-top:80px;
    margin-left:18.5%;
}

.parte3 p{
    font-size: 30px;
    line-height: 50px;
    padding:10px;
    color:white;
}

.parte4 p{
    font-size:20px;
    padding:58px;
}

.parte5{
    color:white;
    padding-left:4px;
}

.parte5 h1{
    color:white;
    padding:13px;
}

#mapa{
    padding:50px;
    margin-right:60%;
    text-align: left;
    line-height: 1.5em;
    float:left;
    width:15%;  
    list-style: none;
}

#mapa a{
    text-decoration: none;
    color:inherit;
}

#mapa2{
    margin-left:20%;
    margin-top:-147px;
    text-align: right;
    line-height: 1.5em;
    float:left;
    width:10%;  
    list-style: none;
}


#mapa2 a{
    text-decoration: none;
    color:inherit;
}

.contactos{
    width:25%;
    background-image: url('../img/generico1.jpg');
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position: bottom;
    margin-left:75%;
    height: 200px;
    margin-top: -150px;
}

.titulocontactos{
    background-color: #67ceef;
    height: 50px;
    
}

.titulocontactos h1{
    color:white;
    padding:13px;
}

.imgcasa{
    width:25%;
    height:150px;
    margin-left:580px;
    background-image: url('../img/casa.jpg');
    background-repeat:no-repeat;
}