/* CABECALHO FIXO DA PAGINA */
@media print { .suff-cabecalho { display: none !important; } }
.suff-cabecalho {
    background: rgba(242,244,245,0.85) !important;
    position: relative;
    z-index: 999;
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    height: 100px;
    line-height: 100px;
    font-variant: small-caps;
}
    .suff-cabecalho .suff-logotipo {
        float: left;
        max-width: 300px;
        height: 100%;
    }
        .suff-cabecalho .suff-logotipo a {
            display: block;
            position: relative;
            vertical-align: middle;
            line-height: 100px;
        }
.suff-cabecalho .suff-logotipo img {
    position: relative;
    width: 100%;
    min-width: 200px;
    max-height: 80px;
    max-width: 265px;
    vertical-align: middle;
    border: none;
}

.min-resolution {
    padding: 0 0 0 50px;
    text-align: center;
    display: none;
    height: 100%;
    vertical-align: middle; line-height: 100px; 
}

.suff-cabecalho.suff-cabecalhofixo {
    height: 60px;
    position: fixed;
    z-index: 9999;
    line-height: 60px
}
     /*MENU A ESQUERDA DO CABECALHO FIXO */

     .suff-cabecalhofixo .suff-logotipo, .suff-cabecalhofixo .suff-cabecalhocontent, .suff-cabecalhofixo .suff-cabecalhologin, .suff-cabecalhofixo .min-resolution, .suff-cabecalhofixo .suff-logotipo a, .suff-cabecalhofixo .suff-cabecalhocentro, .suff-cabecalhofixo .suff-cabecalhodireita { height: 60px !important; line-height: 60px !important;  }
     .suff-cabecalhofixo .suff-logotipo img { width: 180px; } 
     .suff-cabecalhofixo .suff-cabecalhocontent .suff-cabecalhocentro { display: block; }
        .suff-cabecalhofixo .suff-cabecalhocontent .suff-cabecalhocentro .item {
            opacity: 1.0 !important;
            filter: alpha(opacity=100) !important;
        }


@media (max-width: 721px) {
    .suff-cabecalhofixo { display: none !important; visibility: hidden; }
    .suff-cabecalho .suff-logotipo, .suff-cabecalhocentro {
        width: 50%;
    }
}
@media (min-width: 721px) {
    .suff-cabecalho .suff-logotipo {
        width: 300px;
    }
}

@media (max-width: 500px) {
    .min-resolution { display: block; }
    .suff-cabecalhocentro, .suff-cabecalhodireita{ display: none !important; }
}
@media (min-width: 501px) {
    .min-resolution {
        display: none !important;
    }
}
@media (min-width: 501px) and (max-width: 1051px) {
    .suff-cabecalhocontent{  }
     .suff-cabecalhocentro{  }
     .suff-cabecalhodireita{  }
}