body{
    background-color: #ffe5ca;
}

.logotexto{
    font-family: 'Roboto', sans-serif;
    font: bold;
    font-size: 25px;
}


/*-------------------------------------------------------------------------------------------------*/


.fondo{
    background-image: url(5.jpg);
    height: 910px;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 60px;
}



.sticky{
    text-align: center;
    margin: 0 0 0 0;
    padding: 150px 0 10px 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 20px;
    color: #ffffff;

}

.texto2{
    text-align: center;
    margin: 0 0 0 0;
    padding: 10px 0 10px 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 27px;
    color: #000000;
}

.reproductor{
    margin: 0 0 0 0;
    padding: 10px 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.texto3{
    text-align: center;
    margin: 0 0 0 0;
    padding: 10px 0 10px 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 20px;
    color: #000000;
}


.grid_12{
    max-width: 800px;
    padding: 18px 10px 0 10px;
    margin-left: auto;
    margin-right: auto;
}

.tabladescargas{
    max-width: 800px;
    padding: 0 20 20 20;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    justify-items: center;
    text-align: justify;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 15px;
    color: #efefef;
}

.listadescargas{
    margin: auto;
    display: flex;
    justify-content: center;
    justify-items: center;
    padding: 0 0 0 0;
    text-align: justify;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 15px;
    color: #efefef;
}

/*--------------------------------------------------------------------------------------------------*/





/*------------------------------------------------------------------------------------------------------*/






/*--------------------------------------------------------------------------------------------------*/


.enlacegeneral{
    height: auto;
    margin: 0 0 0 0;
    padding: 80 0 80 0;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.enlace1{
    margin: 20px 20px 20px 20px;
    padding: 20px 20px 20px 20px;
    width: 251px;
    height: 281px;
    
    
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enlace2{
    margin: 20px 20px 20px 20px;
    padding: 20px 20px 20px 20px;
    width: 251px;
    height: 281px;
    
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enlace3{
    margin: 20px 20px 20px 20px;
    padding: 20px 20px 20px 20px;
    width: 251px;
    height: 281px;
    
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enlace4{
    margin: 20px 20px 20px 20px;
    padding: 20px 20px 20px 20px;
    width: 251px;
    height: 281px;
    
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enlace5{
    margin: 20px 20px 20px 20px;
    padding: 20px 20px 20px 20px;
    width: 251px;
    height: 281px;
    
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*------------------------------------------------------------------------------------------------------*/



.ultima{
    margin: 0 0 0 0;
    padding: 10px 0px 10px 0px;
    height: 115px;
    background-size: cover;
    background-position: center;
    background-color: #795548;
  }
  .credito{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-family: verdana;
    font-size: 18px;
    color: #fff;
    text-align: center;
  }