/*reducir una imagen al X% de su tamaño*/
.imagen-5 {
    width: 5%;
}

.imagen-10 {
    width: 10%;
}

.imagen-20 {
    width: 20%;
}

.imagen-30 {
    width: 30%;
}

.imagen-40 {
    width: 40%;
}

.imagen-50 {
    width: 50%;
}

.imagen-60 {
    width: 60%;
}

.imagen-70 {
    width: 70%;
}

.imagen-80 {
    width: 80%;
}

.imagen-90 {
    width: 90%;
}

.separacion_negativa {
    margin-top: -20px;
}

.separa5 {
    margin-top: 5px;
}

.separa10 {
    margin-top: 10px;
}

.separa15 {
    margin-top: 15px;
}

.separa20 {
    margin-top: 20px;
}

.separa25 {
    margin-top: 25px;
}

.separa50 {
    margin-top: 50px;
}

.separa75 {
    margin-top: 75px;
}

.separa100 {
    margin-top: 100px;
}

.separa150 {
    margin-top: 150px;
}

.azul{
    color: blue;
}

.rojo {
    color: red;
}

.amarillo{
    color: yellow;
}

.verde{
    color: green;
}