@charset "utf-8";
.J
{
    background-image: url(../imagenes/pro1.PNG);
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    background-origin: content;
    box-shadow: inset -5px -5px rgb(70, 69, 69); 
    height: 310px;
    width: 250px;
    margin-left: 150px;
    float: left;
    margin-bottom: 60px;
    text-align: center;
    padding: 20px;
    
}
.K
{
    background-image: url(../imagenes/pro2.PNG);
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    background-origin: content;
    box-shadow: inset -5px -5px rgb(70, 69, 69); 
    height: 310px;
    width: 250px;
    margin-left: 150px;
    float: left;
    margin-bottom: 60px;
    text-align: center;
    padding: 20px;
    
}
.L
{
    background-image: url(../imagenes/pro3.PNG);
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    background-origin: content;
    box-shadow: inset -5px -5px rgb(70, 69, 69); 
    height: 310px;
    width: 250px;
    margin-left: 150px;
    float: left;
    margin-bottom: 60px;
    text-align: center;
    padding: 20px;
   
    
}

.M
{
    background-image: url(../imagenes/pro4.PNG);
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    background-origin: content;
    box-shadow: inset -5px -5px rgb(70, 69, 69); 
    height: 310px;
    width: 250px;
    margin-left: 150px;
    float: left;
    margin-bottom: 60px;
    text-align: center;
    padding: 20px;
   
    
}
.N
{
    background-image: url(../imagenes/pro5.PNG);
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    background-origin: content;
    box-shadow: inset -5px -5px rgb(70, 69, 69); 
    height: 310px;
    width: 250px;
    margin-left: 150px;
    float: left;
    margin-bottom: 60px;
    text-align: center;
    padding: 20px;
   
    
}
.O
{
    background-image: url(../imagenes/pro6.PNG);
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    background-origin: content;
    box-shadow: inset -5px -5px rgb(70, 69, 69); 
    height: 310px;
    width: 250px;
    margin-left: 150px;
    float: left;
    margin-bottom: 60px;
    text-align: center;
    padding: 20px;
   
    
}
.P
{
    background-image: url(../imagenes/pro7.PNG);
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    background-origin: content;
    box-shadow: inset -5px -5px rgb(70, 69, 69); 
    height: 315px;
    width: 250px;
    margin-left: 150px;
    float: left;
    margin-bottom: 60px;
    text-align: center;
    padding: 20px;
   
    
}

.Q
{
    background-image: url(../imagenes/pro8.PNG);
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    background-origin: content;
    box-shadow: inset -5px -5px rgb(70, 69, 69); 
    height: 315px;
    width: 250px;
    margin-left: 150px;
    float: left;
    margin-bottom: 60px;
    text-align: center;
    padding: 20px;
   
    
}