@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700&display=swap');

* {
    margin:0;
    padding:0;
    
    box-sizing: border-box;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size:10px;
    color:black;
    background-image: url(img/background.jpg);
   background-size: auto



}

/* HEADER */
header {
    background-color:df0036;
    margin: 0;
    padding: 0;

}


#logotipo{
    display: flex;
    justify-content: center;
}


    

#contenido1{
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;

}

#promo{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;

}


p{
    color: #2D2D2D;
    text-align: center;
    text-justify: center;
    font-size: 13px;
    margin: 0;
    padding: 0;
    width: 850;
}

p2{
    font-size: 16px;
    color: #2D2D2D;
    align-content: center;
text-align: left;
    text-justify: center;
    width: 800px;
}

p3{
    font-size: 24px;
    color: #2D2D2D;
    align-content: center;
    text-align: left;
    text-justify: center;
    margin: 0;
    padding: 0;
    width: 800px;
}

#imagenes{
    padding-bottom: 10px;
    padding-top: 30px;
    justify-content: center;
    
}


h1{
    color: black;
    text-align: center;
    font-size: 58px;
    padding-top: 50px;
    padding-bottom: 0px;
}

h2{
    color: grey;
    text-align: center;
    font-size: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

h3{
    color: black;
align-content: left;
text-justify: center;
    text-align: center;
    font-size: 25px;
    padding-top: 20px;
    padding-bottom: 3px;
    align-content: center;
    
}

h4{
    color: black;
    font-style: normal;
    font-size: 20px;
    padding-top: 50px;
    padding-bottom: 0px;
    width: 500 px;
}

ol {
    font-size: 14px;
  list-style-type: circle;
	text-align: center;
	padding-top: 20px;
    padding-bottom: 3px;
    align-content: center;
  width: 1750;
}


#fotos_1{
    display:flex;
    justify-content: center;
    padding-bottom: 28px;
    
}

#fotos_2{
    display:flex;
    justify-content: center;
    padding-bottom: 28px;
    
}


#listas{
    display: flex;
	text-align: center;
padding-top: 20px;
    padding-bottom: 3px;
    align-content: center;
    
}

#line{
    display: flex;
    justify-content:center;
    padding-top: 3px;

    
}

#imgprim{
    display: flex;
    justify-content:center;
    padding-top: 28px;

    
}

#regreso{
    padding-left: 25px;
    padding-right: 25;
    padding-top: 20px;
    padding-bottom: 20px;
    background:red;
    border-radius: 40px;
    font-size: 42px;
    text-align: center;

}

#line2{
    padding-top: 40px;
    padding-bottom: 100px;
}

Contenido{
    justify-content: center;
    width: 500px;
}
#carrusel-caja {
    -moz-animation: automatizacion 15s infinite linear;
    -o-animation: automatizacion 15s infinite linear;
    -webkit-animation: automatizacion 15s infinite linear;
    animation: automatizacion 15s infinite linear;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
    height: 500px;
    width: 600%;
}
#carrusel-contenido {
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
}
.imagenes{
    height: 400px;
    width: 100%;
}
.carrusel-elemento {
    float: left;
    width: 16.6666667%;
}
@-moz-keyframes automatizacion {
    0% {
    margin-left: 0;
    }

    15% {
        margin-left: 0;
    }

    20% {
        margin-left: -100%;
    }

    35% {
        margin-left: -100%;
    }

    40% {
        margin-left: -200%;
    }

    55% {
        margin-left: -200%;
    }

    60% {
        margin-left: -300%;
    }
    
    75% {
        margin-left: -300%;
    }
    
    80% {
        margin-left: -400%;
    }
        
    85% {
        margin-left: -400%;
    }
        
    95% {
        margin-left: -500%;
    }
    99% {
        margin-left: -500%;
    }
    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes automatizacion {
    0% {
        margin-left: 0;
        }
    
        15% {
            margin-left: 0;
        }
    
        20% {
            margin-left: -100%;
        }
    
        35% {
            margin-left: -100%;
        }
    
        40% {
            margin-left: -200%;
        }
    
        55% {
            margin-left: -200%;
        }
    
        60% {
            margin-left: -300%;
        }
        
        75% {
            margin-left: -300%;
        }
        
        80% {
            margin-left: -400%;
        }
            
        85% {
            margin-left: -400%;
        }
            
        95% {
            margin-left: -500%;
        }
        99% {
            margin-left: -500%;
        }
        100% {
            margin-left: 0;
        }
    }
@keyframes automatizacion {
    0% {
        margin-left: 0;
        }
    
        15% {
            margin-left: 0;
        }
    
        20% {
            margin-left: -100%;
        }
    
        35% {
            margin-left: -100%;
        }
    
        40% {
            margin-left: -200%;
        }
    
        55% {
            margin-left: -200%;
        }
    
        60% {
            margin-left: -300%;
        }
        
        75% {
            margin-left: -300%;
        }
        
        80% {
            margin-left: -400%;
        }
            
        85% {
            margin-left: -400%;
        }
            
        95% {
            margin-left: -500%;
        }
        99% {
            margin-left: -500%;
        }
        100% {
            margin-left: 0;
        }
    }