img {
    width: 100%;
}

    h1 {
        color: white;
    }
    h2 {
        color: white;
    }
    .nav {
        background-color: rgba(0, 0, 0, 0.402);
        padding: 30px;
        list-style: none;
        text-align: center;
    }

    /*body {
        background-image: url("images/Logo/1.jpg");
        background-position: center;
        background-size: 20%;
    }*/

    .banner {
        width: 250px;
        height: 250px;
        border: 10px solid white;
        margin: auto;
        
        background-image: url(images/FOTOS/4A.jpg);
        
        background-size: 100% 100%;
        
        animation: banner 10s infinite;
        animation-direction: alternate-reverse;
        
        }
        
        @keyframes banner {
            0%, 30% { 
                background-image: url(images/FOTOS/4A.jpg);
                opacity: 1;
            }
        
            31%, 34% {
                opacity: 0.1%;
            }
        
            35%, 65% { 
                background-image: url(images/FOTOS/7A.jpg);
                opacity: 1;
            }
        
            66%, 69% {
                opacity: 0.1;
            }
            70%, 100% { 
                opacity: 1;
                background-image: url(images/FOTOS/8A.jpg);
            }
        }
        

        .banner1 {
            width: 250px;
            height: 250px;
            border: 10px solid white;
            margin: auto;
            
            background-image: url(images/FOTOS/1PA.jpg);
            
            background-size: 100% 100%;
            
            animation: banner1 10s infinite;
            animation-direction: alternate-reverse;
            
            }
            
            @keyframes banner1 {
                0%, 30% { 
                    background-image: url(images/FOTOS/1PA.jpg);
                    opacity: 1;
                }
            
                31%, 34% {
                    opacity: 0.1%;
                }
            
                35%, 65% { 
                    background-image: url(images/FOTOS/2PA.jpg);
                    opacity: 1;
                }
            
                66%, 69% {
                    opacity: 0.1;
                }
                70%, 100% { 
                    opacity: 1;
                    background-image: url(images/FOTOS/1P.jpg);
                }
            }

            .destacado { 
                background-color: blue;
            }
            
            #botonera {
                margin:0;
                padding: 0;
                list-style-type: none;
                text-align: center;
            }
            
            #botonera li {
                display: center;
            }
            
            #botonera li a {
                display: inline-block;
                width: 325px;
                height: 50px;
                border: 6px solid white;
                border-radius: 12px;
                color: black;
                text-decoration: none;
                text-align: center;
                line-height: 50px;
                background-color: yellow;
                font-weight: bold;
                font-family: 'Julee';
            }
            
            #botonera li a:hover {
                background-color: white;
                color: black;
            }