.submenu ul{

          padding-left: 8%;
        list-style: none;
         display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    
    .submenu li{
      
       padding: 5px;
       
    }
    
    .submenu ul li a{
        padding: 5px;
        font-size: 8px;
        text-decoration: none;
        color: grey;
    }
    
        .submenu ul li a:hover{
        
        text-decoration: none;
        color: orangered;
    }


 .submenu .actual{
        color: orangered;
    }

.fotostrabajos{
        width: 100%;
   margin-bottom: 40px;
       padding-top: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;

    
}




    .imagen1 img{
       
        width: 350px;
        height: 350px;
        margin-top: 40px;        
        margin-right: 15px;
        margin-left: 15px;
        overflow: hidden;
        
    }
    

   

      .imagen2 img{
       
         width: 350px;
        height: 350px;
        margin-top: 40px;        
        margin-right: 15px;
        margin-left: 15px;
        
    }
    

    
   
    
    
    .imagen3 img{
       
         width: 350px;
        height: 350px;
        margin-top: 40px;      
        margin-bottom: 40px; 
        margin-right: 15px;
        margin-left: 15px;
        
    }

    
    .imagen4 img{
       
        width: 350px;
        height: 350px;
        margin-top: 40px;        
        margin-right: 15px;
        margin-left: 15px;
        
    }
    

   
     .imagen5 img{
       
         width: 350px;
        height: 350px;
        margin-top: 40px;        
        margin-right: 15px;
        margin-left: 15px;
        
    }
    

   
   .imagen6 img{
       
        width: 350px;
        height: 350px;
        margin-top: 40px; 
       margin-bottom: 40px; 
        margin-right: 15px;
        margin-left: 15px;
       margin-bottom: 15px;
        
    }




   
   .imagen7 img{
       
        width: 350px;
        height: 350px;
        margin-top: 40px; 
       margin-bottom: 40px; 
        margin-right: 15px;
        margin-left: 15px;
       margin-bottom: 15px;
        
    }

   
       
    




@media (min-width:1024px){
    
    

    
    .fotostrabajos {
        padding-top: 0px;
        margin-bottom: 40px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        
    }
        .fotostrabajos img{
            max-width: 350px;
            margin-bottom: 20px;
          
            
        }
    
    
    
    .imagen1{
       
        width: 350px;
        height: 350px;
        overflow: hidden;        
        margin-left: 25px;
       
        
    }
    
    
    .imagen1 img{
        width: 100%;
    }
   
    

  

     .imagen2{
       
         width: 350px;
        height: 350px;
        overflow: hidden;        
        margin-left: 25px;
       
        
    }
    
    
    .imagen2 img{
        width: 100%;
    }
   
    
   
    
    
    .imagen3{
       
        width: 350px;
        height: 350px;
        overflow: hidden;        
        margin-left: 25px;
       
    }
    
     .imagen3 img{
        width: 100%;
    }
  
    .imagen4{
       
        width: 350px;
        height: 350px;
        overflow: hidden;        
        margin-left: 25px;
      
        
    }
    
     .imagen4 img{
        width: 100%;
    }
    
  

    .imagen5{
       
       width: 350px;
        height: 350px;
        overflow: hidden;        
        margin-left: 25px;
  
        
    }
     .imagen5 img{
        width: 100%;
    }
    
   
    
     
    .imagen6{
       
         width: 350px;
        height: 350px;
        overflow: hidden;        
        margin-left: 25px;
        margin-bottom: 40x;
      
        
    }
    
     .imagen7 img{
        width: 100%;
    }
    
    
    
      .imagen7{
       
         width: 350px;
        height: 350px;
        overflow: hidden;        
        margin-left: 25px;
        margin-bottom: 40x;
      
        
    }
    
     .imagen6 img{
        width: 100%;
    }
    
    
    
    .submenu ul{

          padding-left: 8%;
        list-style: none;
         display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    
    .submenu li{
      
       padding: 5px;
       
    }
    
    .submenu ul li a{
        padding: 5px;
        font-size: 15px;
        text-decoration: none;
        color: grey;
    }
    
        .submenu ul li a:hover{
        
        text-decoration: none;
        color: orangered;
    }
   
       
    


    
    
    
     
    
    
    
    
    
}