body{
    color:#fff;
    background-color: #063650;
    font-family: 'lato', sans-serif;
}
main, header{
    max-width: 60em;
    padding: 5px 15px;
    box-sizing: border-box;
    margin: auto;
}
label, input{
    clear: both;
    width: 100%;
    margin-bottom: 0.4em;
    padding: 0.3em;
    box-sizing: border-box;
}
.boton{
    background-color: #06afd3;
    color: #fff;
    text-align: center;
    padding: 0.5em;
    border: none;
    width: auto;
    border-radius: 0.5em;
    font-size: 1em;
    margin-top: 0.5em;
}
.boton:hover{
    background-color: #9c9e9f;
}
h1{
    float: left;
    margin-top: 0.2em;
    margin-left: 0.5em;
}
.icono{
    float: left;
}
.clearfix{
    clear: both;
}
.mensaje{
    background-color: rgba(255,255,255,0.9);
    color: #a80606;
    text-align: center;
    border-radius: 0.4em;
    padding: 0.2em;
    margin-bottom: 0.5em;
}
label.error{
    color: #a80606;
    width: 100%;
    display: block;
    margin-top: -0.4em;
    margin-bottom: 0.2em;
}
input.error{
    border:1px solid #a80606;
}