body{
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(imagen/fondo.png);
}
#parrafo1{
    font-size: 15px; /*tamaño de fuente*/
}
h3{
    font-style: italic;
}
#parrafo2{
    font-weight:bold
}
#autor{
    text-transform: uppercase;
    text-align: right;
}
h4{
    text-decoration:underline;
}
h1{
    color:red;
    text-align: center;
}
hr{
    width:90%;
   border-color: blue;
   
}
#marco{
    border:2px solid grey;
    width:90%;
    margin:50px auto;
    padding:15px;
    background-image: url(imagen/fondo3.jpg);
   
}
.azul{
    background-color: blue;
    color:white;
}
.liquido>p{
    background-color: lightpink;
}
.padre{
    width:80%;
    height: 200px;
    border:1px solid red;
    margin:auto;
    display:flex; /*activar flexbox*/
    flex-direction: row;/*eje principal en fila*/
    justify-content:space-evenly;/*Alineacion horizontal*/
    /*align-items:center;*/
    background-image: url(imagen/fondo4.png);
    background-repeat:no-repeat;
    background-position: center center;
}
.hijo{
    width:100px;
    height: 50px;
    background-color: lightseagreen;
    margin:5px;
    text-align: center;
    align-content: center;
}
.uno{
        align-self: self-start;
}
.dos{
        align-self: center;
}
.tres{
        align-self: flex-end;
}
#estados{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}
.estado{
    width:30%;
    padding:5px;
}
.estado img{
    width:100%
}
#marco img{
    max-width: 100%;
}