header {
    width: 100%;
    display: block;
    margin: 0 auto 38px auto;
    background-color: $white;
    padding-bottom: 1px;
    @include breakpoint($breakpoint-medium) {
        margin: 0 auto 15px auto;
    }
    p {
        font-family: $fontNeoSansStdRegular;
    }
    .contentHeader {
        @include container(1265px);
        @include breakpoint(0 1280px) {
            @include container(1170px);
        }
        @include breakpoint($breakpoint-medium) {
            @include container(100%);
        }
        nav.right {
            @include breakpoint($breakpoint-medium) {
                display: none;
            }
        }
    }
    >.contentHeader {
        background: url(../img/bgTopo.png) 290px 0 no-repeat;
        padding: 44px 0 35px 0;
    }
    #infoCliente {
        width: 100%;
        height: 29px;
        background-color: $tundora;
        border-bottom: 1px solid $zeus;
        p {
            line-height: 29px;
            margin: 0;
            padding: 0;
            color: $nobel;
            font-size: 13px;
            text-transform: uppercase;
            @include breakpoint($breakpoint-medium) {
                font-size: 12px;
                margin: 0 0 0 5px;
            }
            a {
                color: $bright_turquoise;
                text-decoration: none;
                @include breakpoint($breakpoint-small) {
                    display: none;
                }
                &:hover {
                    text-decoration: underline;
                }
            }
            img {
                @include breakpoint($breakpoint-medium) {
                    height: 11px;
                }
            }
        }
    }
    .logout {
        line-height: 29px;
        color: $nobel;
        font-size: 13px;
        text-transform: uppercase;
        text-decoration: none;
        @include breakpoint($breakpoint-medium) {
            display: none;
        }
    }
    h1 {
        &.logo {
            font-family: $fontNeoSansStdLight;
            width: 260px;
            height: 40px;
            float: left;
            margin: 0;
            display: block;
            color: $manatee;
            font-size: 17px;
            line-height: 20px;
            @include breakpoint($breakpoint-medium) {
                margin: 0 0 0 10px;
            }
            strong {
                font-family: $fontNeoSansStdBold;
            }
            a {
                color: $manatee;
                text-decoration: none;
            }
            img {
                width: 125px;
                margin: -21px 20px 0 0;
                float: left;
            }
        }
    }
    #saudacao {
        width: 100%;
        height: 60px;
        background-color: $black_haze;
        border-top: 1px solid $mercury;
        border-bottom: 1px solid $mercury;
        p {
            line-height: 60px;
            color: $delta;
            font-size: 21px;
            margin: 0;
            @include breakpoint($breakpoint-medium) {
                margin: 0 0 0 5px;
                font-size: 18px;
            }
            span {
                color: $cerulean;
            }
        }
        nav {
            a {
                line-height: 60px;
                position: relative;
                display: block;
                float: left;
                color: $manatee;
                font-size: 15px;
                margin: 0;
                padding: 0 15px;
                border-left: 1px solid $mercury;
                text-decoration: none;
                text-transform: uppercase;
                @include breakpoint($breakpoint-medium) {
                    font-size: 14px;
                }
                .seta {
                    background: url(../img/seta.png) 0 center no-repeat;
                    width: 6px;
                    height: 9px;
                    margin-top: -4px;
                    display: block;
                    position: absolute;
                    left: -1px;
                    top: 50%;
                }
                &:hover {
                    background-color: $mercury;
                }
            }
        }
    }
}

h4 {
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

h3 {
    font-family: $fontNeoSansStdRegular;
    background: url(../img/spriteIcons.png) no-repeat;
    background-color: $alabaster !important;
    background-position: -64px 0;
    height: 60px;
    line-height: 65px;
    color: $zeus;
    text-transform: uppercase;
    font-size: 19px;
    padding: 0 23px;
    border-radius: 5px;
    border: 1px solid $mercury;
    margin-bottom: 20px;
    margin-top: 20px;
    clear: both;
    strong {
        font-family: $fontNeoSansStdBold;
    }
    &.relatorio {
        background-position: 23px -850px;
        padding: 0 0 0 93px;
    }
    &.stats {
        background-position: 23px -920px;
        padding: 0 0 0 93px;
    }
    &.painel {
        background-position: 23px -990px;
        padding: 0 0 0 93px;
        margin-top: 0;
    }
}
