.container{

                    width: 800px;
                    height: 1300px;
                }
                .titulo{
                    background: rgb(240, 229, 229);
                    height: 50px;
                }

                .titulo th:hover{
                    color:red;
                    cursor: pointer;
                }
                .encabezado_1{
                    position: absolute;
                    top: 25px;
                    left: 600px;
                }
                .encabezado_2{
                    position: absolute;
                    top: 25px;
                    left: 660px;
                }
                .encabezado_3{
                    position: absolute;
                    top: 25px;
                    left: 730px;
                }

                .baner_inicial{
                    position: relative;
                    width: 800px;
                    height: 300px;
                }

                .baner_inicial img{
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    opacity: 0;
                    transition: opacity 2s ease-in-out;
                    animation: fade 9s infinite;
                    
                }

                .baner_inicial img.activo{
                    opacity: 1;
                }

            @keyframes fade {
            0% { opacity: 0; }
            20% { opacity: 1; }
            33% { opacity: 1; }
            53% { opacity: 0; }
            100% { opacity: 0; }
            }
                .baner_inicial img{
                    animation: fade 12s infinite;
                }

                .baner_inicial img:nth-child(1){
                    animation-delay: 0s;
                }

                .baner_inicial img:nth-child(2){
                    animation-delay: 4s;
                }

                .baner_inicial img:nth-child(3){
                    animation-delay: 8s;
                }


                .introducción{
                    position: relative;
                    width: 380px;
                    height: 200px;
                    left:220px;
                    
                }

                .boton_1{
                    padding: 10px 20px;
                    background-color: #4CAF50;
                    color: white;
                    border: 0;
                    border-radius: 20px;
                    cursor: pointer;
                    position: relative;
                    left: 145px;
                }

                .boton_1:hover {
                background-color: #45a049;
                }

                .desarrollo{
                    position: relative;
                    top: 100px;
                    background: black;
                    width: 800px;
                    height: 300px;
                }

                .desarrollo p{
                    color:white;
                }

                .desarrollo img{
                    width: 50px;
                    position: absolute;

                }

                .desarrollo_1{
                    position:absolute;
                    width: 200px;
                    left: 30px;
                    top:110px;
                }
                .desarrollo_2{
                    position: absolute;
                    width: 200px;
                    left: 290px;
                    top: 110px;
                }
                .desarrollo_3{
                    position: absolute;
                    width: 200px;
                    left: 540px;
                    top: 110px;
                }

                .icono_1{
                    left: 100px;
                    top: 70px;
                }

                .icono_2{
                    left: 360px;
                    top: 70px;
                }

                .icono_3{
                    left: 620px;
                    top: 70px;
                }

                .similares{
                    position: relative;
                    width:800px;
                    height: 361px;
                    top: 84px;

                }

                .similares p{
                    text-align: center;
                    position:absolute;
                }

                .similares img{
                    width: 300px;
                    position: absolute;
                    border: 2px solid red;
                }

                .foto_1{
                    left: 30px;
                }

                .foto_2{
                    left: 470px;
                }

                .similares_1{
                    left: 80px;
                    top: 225px;
                }

                .similares_2{
                    left: 475px;
                    top: 225px;
                }

                .redes{
                    background: black;
                    width: 800px;
                    height: 50px;
                    position: absolute;
                    top: 1317px;
                }

                .redes img{
                    width: 35px;
                    top:7px;
                    position: relative;
                }

                .icono_4{
                    left:320px;

                }

                .icono_5{
                    left: 350px;
                }

                .icono_6{
                    left: 380px;
                }