#error
{
    text-align: center;
    margin-top: 100px;
}

#error h1
{
    font-family: LatoLight;
    font-size: 60px;
    color: #0776B9;
}

#error #errorPencil
{
    margin: 0 auto;
    position: relative;
    background: url(../../gfx/layout/pencil.png) no-repeat 0 0;
    background-size: contain;
    width: 598px;
    height: 300px;
    font-family: Lato;
    font-weight: 700;
    font-size: 150px;
    color: #333;
}

#error #errorPadlock
{
    margin: 0 auto 50px;
    position: relative;
    background: url(../../gfx/layout/padlock.png) no-repeat 0 0;
    background-size: contain;
    width: 184px;
    height: 248px;
}

#error #errorPencil span
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#error p
{
    font-size: 24px;
    color: #646464;
}

#error a
{
    font-family: Lato;
    font-size: 24px;
    color: #0776B9;
    text-decoration: none;
    border-bottom: 1px solid;
}

#error #errorUserNotFound
{
    margin: 0 auto;
    position: relative;
    background: url(../../gfx/layout/question_marks.png) no-repeat 0 0;
    background-size: contain;
    width: 462px;
    height: 315px;
    font-family: Lato;
    font-weight: 700;
    font-size: 150px;
    color: #333;
}

#error h2
{
    font-family: LatoLight;
    font-size: 36px;
    color: #0776B9;
}

#error.userNotFound
{
    margin: 0;
}