*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}

body{
     
    background-color: white;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 300;
    color: dimgrey;
    
    
}
p{
    
    color: dimgrey;
}
.menu{
    
    width: 100%;
    height: 90px;
    background-color: black;
    margin-right: auto;
    margin-left: auto;
    position:fixed;
    left: 0;
    right: 0;
    top: 0;
}

nav{
       height: 90px;
    width: 100%;
max-width: 1280px;
    background-color:black;
    background-size: 100%;
    opacity:   100%;
 
    margin-right: auto;
    margin-left: auto;
   position:fixed;
    left: 0;
    right: 0;
    top: 0;
    
    
}



.enlace{
    position: absolute;
    padding: 27px 25px;
}
.logo{
    height: 40px;
}
nav ul{
    float: right;
    margin-right: 25px;
}
nav ul li{
    display: inline-block;
    line-height: 90px;
    margin: 0 5px;
}
nav ul li a{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 0px;
    text-transform: uppercase;
}
li a.active, li a:hover{
    background: 
    transition: .5s;
}
.checkbtn{
    font-size: 30px;
    color: #fff;
    float: right;
    line-height: 80px;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}
#check{
    display: none;
}
.instamen{

    width: 25px;

    
    
}
.facemen{

    width: 25px;
    
    
   
}

.texto{
    font-family:sans-serif;
    

}
.frasenueva
    width: 100%;
    height: 750px;
    background-color:aqua;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    padding-top: 150px;
    background-position: center, center;
    
}
.frasenueva2{display: none;
        

        
        
        
    }

.frasepadre{
    
    text-align: center;
    background-image: url(img/fondofinal.jpg);
    background-size:contain;
    background-repeat: no-repeat;
    
}
.frasehijo{
    
    display: inline-block;
    
    width: 100%;
    max-width: 1200px;
    height: 750px;
    
}
.frasefinal{
    text-align: left;
    width: 100%;
    height: 900px;
    margin-top: 200px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 100px;
    
    
    
}
.logoindex{
    
    
}
.frasemov{display: none;}

.caja1{
    
    display: none;
    float: left;
    width: 70px;
    height: 100%;
    background-color: white;
    height: calc(100vh - 90px);

    
    
    
    
}    
.adg{
    text-align:center;
    padding-top:170px;
    
    
    
    
    
    
    
    
    
    
}

.caja2-1{ 
    
    
    
    
    

}



.caja2-1{
    float: none;
    
        width: 100%;
        height: 90%;
        
        
        
        
        
    }

h1{
    
  font-family: 'Roboto', sans-serif;
    font-weight:900;
   color: black;
}
h2{
    font-family: 'Roboto', sans-serif;
    font-weight:500;
color: black;

}

h3{
    font-family: 'Roboto', sans-serif;
    font-weight:500;
color: black;

}
strong{
    
     font-family: 'Roboto', sans-serif;
    font-weight:600;
    color: black;
}


.casanosotrosp{
   
    width: 100%;
    max-width: 1200px;
    height: 500px;
    background-image: url(img/imgpro.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-align: center;
    
}

.proyectosp{
    
    width: 100%;
    max-width: 1200px;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-align: start;
    margin-bottom: 20px;
   
}

.proyectospgal{
    
    width: 100%;
    max-width: 1200px;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    text-align: start;
    margin-bottom: 0px;
   
}
.proyectospgaleria{
    
    width: 100%;
    max-width: 1200px;
    padding-top: 0px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-align: start;
    margin-bottom: 40px;
   
}
.proyectospgaleriareturn{
    
    width: 100%;
    max-width: 1200px;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-align: start;
    margin-bottom: 40px;
   
}
.proyectopadre{
    
    text-align: center;
    
    
}
.proyecto1{
    display: inline-block;
    background-color: white;
    width: 100%;
    max-width: 1110px;
    
        
  
    
            
}


.fotoproyecto1{
    
    float:left;
    width: 33.3%;
    height: 100%;
    padding:10px;
    transition: all 0.5s ease;  
    
    
    
}
.fotoproyecto1:hover{
    opacity: 60%;
    transition: all 0.5s ease;  
    
}


.fotoproyecto2{
    float: left;
    width: 33.3%;
    height: 100%;
    padding:10px;
   
}
.fotoproyecto3{
    float: left;
    width: 33.3%;
    height: 100%;
   padding:10px;
    
    
}


.textoproyecto{
    
      float: left;
    width: 50%;
    padding-right: 20px; 
    
}

.imgproyecto{
    
    float: left;
   padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 50%;
    height: 600px;
    background-color: white;
    
}
 .nosotrosp{
    display:inline-block;
    font-family: sans-serif; 
    background-color: white;
    width:100%;
    max-width: 1200px;
    padding-top: 0px; 
    padding-left:40px;
    padding-right: 30px;
    padding-bottom: 0px; 
    
    text-align:start; 
        
}
.imgproyecto2{
    
    float: left;
   padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 50%;
    height: 100%;
    background-color: white;
    
}
.casanosotros{
    width: 100%;
    max-width: 1200px;
    height: 500px;
    background-image:url(img/casa-nosotros.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}
.nosotros1{
    
    text-align: center;
    margin-bottom: 0px;
}


 .nosotros{
    display:inline-block;
    font-family: sans-serif; 
    background-color: white;
    width:100%;
    max-width: 1200px;
    padding-top: 40px; 
    padding-left: 30px;
    padding-right: 30px;
    min-height 100vh;
    text-align:start; 
        
}

.textonosotros{
    float: left;
    width: 50%;
    padding-right: 20px;
    
}
.logonegro{
float: left;
   padding-top: 0px;
    padding-left: 30px;
    padding-right: 0px;
    width: 50%;
    height: 500px;
    background-color: white;
    
    
}
.teamlist{
    background-color: aqua;
    
    
}

.nosotros2{
    text-align: center;
}

.equ1{
    display: inline-block;
    font-family: sans-serif; 
     background-color:white;
    width:100%;
     max-width: 1200px;
padding-left: 30px;
    padding-right: 30px;
     
    
}
.team{text-align: center;
padding-left:  30px;

}

.foto1{
    float: left;
    width: 50%;
    
    padding-top: 30px;
    padding-bottom: 30px;
    
    
   
  
    
        
    
}
    .foto2{
    
   float: left;
    width: 50%;
    
    padding-top: 30px;
    padding-bottom: 30px;
    
    
}

.foto3{
    float: left;
    width: 40%;
    
    padding-top: 150px;
    padding-bottom: 30px;
    
    
    
    
    
}  
.foto{
    float: left;
    width: 50%;
    
    padding-top: 30px;
    padding-bottom: 30px;
    
    
   
  
    
        
    
}


.logonegro2{display: none;}

.footer{
    
    
  background-color:white;
    width: 100%;
    height: 180px;
   
    
}
img {
 max-width: 100%;
 max-height: 100%;
}

.pat{
    
    background-image:url(img/patronpp.svg);
    width: 100%;
    height: 50px;
    
}
.contactopie{
 margin-left: 30px;
    margin-top: 30px;
  
    
}
.whats{
    float: left;
    width:25px;
    height: 25px;

    background-color: white;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 30px;
    margin-top: 15px;
   
}
.insta{

    float: left;
    width: 25px;
    height: 25px;
    background-color:
    background-size:cover;
    background-repeat: no-repeat;
    margin-left: 30px;
     margin-top: 15px;
}
.face{
    float: left;
    width: 25px;
    height: 25px;
    
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 30px;
    margin-top: 15px;
}

.ma{
    
    float: right;
    margin-right: 30px;
   
    
}


form{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    background-color: white;
    font-family: sans-serif;
    padding: 30px;
    padding-top: 40px;
    box-sizing: border-box;
    
    
    
    
    
    
}   


.fotocon{
    float: inherit;
    width: 100%;
    max-width: 1200px;
    height: 500px;
    background-image: url(img/imgcon.jpg);
    background-position:center;
    margin-left: auto;
    margin-right: auto;
}
h2 { 


    


}

input, textarea{
    width: 100%;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 10px;
    box-sizing: border-box;
    
    
    
}

textarea{
    
    max-width: 100%;
    min-height: 200px;
}


#boton {
    font-size: 15px;
    color: white;
    background-color: black;
    width: 150px;
    height: 50px;
    margin-bottom: 30px;
    
}

#boton:hover{
    
cursor: pointer;
}

.lincon{
    
    width: 100%;
    height: 1px;
  
margin-bottom: 20px;    
    background-color: black
}


.tel{
    background-image:url(img/tel.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px;
    width: auto;
    margin-bottom: 5px;
    padding-left: 35px;
    padding-top: 4px;
    
    
}
a{ color: black;}


.cor{background-image:url(img/cor_Mesa%20de%20trabajo%201.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px;
    width: auto;
    margin-bottom: 5px;
    padding-left: 35px;
    padding-top: 4px;}
.ubi{
    
    background-image:url(img/ubi_Mesa%20de%20trabajo%201.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px;
    width: auto;
    margin-bottom: 5px;
    padding-left: 35px;
    padding-top: 4px;
    
}
.contenidopie{
  
    width: 100%;
    height: 100px;

    
}

.patron{

    
    
    
    
}
    
    
    
    
    

section{
    
    background: url(img/fondo1.jpeg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: calc(100vh - 90px);
}
@media (max-width: 1070px){
    
    .frasepadre{
    
    text-align: center;
    background-image: url(img/fondo7.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    
 
}
    
    
    
}
@media (max-width: 952px){
    .enlace{
        padding-left: 20px;
        padding-top:    30px;
    }
    nav ul li a{
        font-size: 13px;
    }
    .textonosotros{
    float: left;
    width: 100%;
    padding-right:0;
        margin-bottom: 30px;
    
} 
   .logonegro2{
        display: none;
        width:50%;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        
    } 

@media (max-width: 858px){
    .checkbtn{
        display: block;
    }
    ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #fff;
        opacity: 100%;
        top: 80px;
        left: -100%;
        text-align: center;
        transition: all .5s;
    }
    nav ul li{
        display: block;
        margin: 90px 0;
        line-height: 40px;
    }
    nav ul li a{
        font-size: 20px;
        color: #000;
        
        
    }
    li a:hover, li a.active{
        background: none;
        color: dimgray;
    }
    #check:checked ~ ul{
        left:0;
    }
    .caja1{display:none;
        
    }
    nav{
    
    opacity:   100%;

    height: 80px;
    width: 100%;
   
}
    .logo{
        
    height: 40px;
}
   .instamen{
    display: none;
    margin: auto;
    width: 25px;

    
    
}
.facemen{
    display: none;
    margin: auto;
    width: 25px;
    
    
   
} 
    .caja2{

        
    }
    
.caja2-1{display: none
    
   

    
    }
    .casanosotrosp{
display: none;
    width: 100%;
        height: 450px;
    background-position: center;
    background-image:url(img/imgpro.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
}

    .casanosotros{
    width: 100%;
        height: 450px;
    background-position: center;
    background-image:url(img/casa-nosotros.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
}
    .nosotros{

background-color: white;
     font-family: sans-serif; 
    
    width: 100%;
    
     margin-left: auto;
     margin-right: auto;
     margin-top: 0px;
     padding: 30px;
    padding-top: 30px;
     
     
     
        
        
        
    }
    
    .textonosotros{
    float: left;
    width: 100%;
    padding-right:0;
        margin-bottom: 30px;
    
}
 .proyectosp{
    
    width: 100%;
    max-width: 1200px;
    padding-top: 130px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-align: start;
    margin-bottom: 20px;
   
}   

.fotoproyecto1{
    
    
    width: 100%;
    height: 100%;
    padding-left:15px;
    padding-right: 15px;
    
    
    
    
}
.fotoproyecto2{
    
    width: 100%;
    height: 100%;
   padding-left:15px;
    padding-right: 15px;
   
}
.fotoproyecto3{
    
    width: 100%;
    height: 100%;
   padding-left:15px;
    padding-right: 15px;
    
    
}    
    
    
    .textoproyecto{
        
           float: left;
    width: 100%;
    padding-right:0;
        margin-bottom: 30px;
        
    }    
    
    
    .imgproyecto{
        
        width: 100%;
        height: 100%;
        padding-right:0;
        padding-left: 0;
       
        
    }
     .nosotrosp{
    display:inline-block;
    font-family: sans-serif; 
    background-color: white;
    width:100%;
    max-width: 1200px;
    padding-top: 0px; 
    padding-left:30px;
    padding-right: 30px;
    min-height 100vh;
    text-align:start; 
        
}
     .imgproyecto2{
        width: 100%;
        height: 100%;
        padding-left:0px;
         padding-right: 0px;
       
       
        
    }
    
    
    
    .equ1{
    display: inline-block;
    font-family: sans-serif; 
     background-color:white;
    width:100%;
     

   

}
    
    .team{
        
        text-align: center;
        margin-top: 20px;
    
    }
    .team{
        padding: 0;
    }

}
    .foto1{
    
    

    width: 100%;
    
}
  .foto2{
    
    

    width: 100%;
    
}
.des1{
    
    
    text-align: center;
    width: 100%;
    height:0;
    background-color: white;
  
   padding-top:0px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    
}
    .logonegro{
        
        display: none;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
   
    }
    .logonegro2{
        display: none;
        width:80%;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom:0px
        
    }
    .frasenueva{
        display: none;
        background-image:url(img/frase_Mesa%20de%20trabajo%202_Mesa%20de%20trabajo%201.svg);
        margin-top: 40px;
        height: 700px;
        
}
   .frasehijo
       
       width: 100%;
       
    font-size:30px;  
} 
    
    }
.frasemov
    display: hidden;
    width: 200px;
    height: 300px;
    background-color: aqua;
}
    .footr{
        
    border-top: 1.5px solid #000;       
    background-image: url(img/adgpie_Mesa%20de%20trabajo%201_Mesa%20de%20trabajo%201.svg);       
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    
    width: 100%;
    height: 60px;
        }
    .contactopie{display: none;
    margin-left: 30px;
    margin-top: 20px;
  
    
}
    .ma{
    
    
    float: none;
    margin-top: 15px;
    margin-left: 30px;
}
    
    .contenidopie{display: noe;}
body{
    background-image:url(img/fondo7-2.jpg

}
    
    
}