.body-wrapper {
    margin-top:29px;
    position:relative;
}

div.mensagem-teste {
    height: 15px;
    padding: 6px 0;
    border-radius: 0;
}

div.mensagem-teste.mobile {
    z-index: 1;
    height: auto;
}

div.mensagem-teste.alerta > span {
    background-image: url("/resources/images/ds-ui-icons.png");
    background-position: -16px -16px;
    display: block; 
    float: left; 
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-left: 6px;
    margin-right: 8px;
    margin-bottom: 45px;

}

div.mensagem-teste {
    display: none;
}

body.site-teste div.mensagem-teste {
    display: block !important;
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    background-color: #FFEE96;
    border: 1px solid #FFEE96;
    overflow: hidden;
}

body.site-teste div.mensagem-teste p span {
    font-weight: bold;
}

body.site-teste div.mensagem-teste p,
body.site-teste div.mensagem-teste a {
    width: 100%;
    margin: 0;
    font-size: 9pt;
    text-align: left;
    font-weight: normal;
    color: #000;
    white-space: nowrap;
    line-height: 15px;
    display: block;
    vertical-align: top;
    font-family: "Segoe UI";

}

body.site-teste div.mensagem-teste.mobile p,
body.site-teste div.mensagem-teste.mobile a {
    white-space: inherit;
}

body.site-teste div.mensagem-teste a {
    display: inline;
}

/* -- Mobile -- */
html.ui-mobile div.mensagem-teste.alerta > span {
    margin-bottom: 0;
}
html.ui-mobile body.site-teste #busca div.header,
html.ui-mobile body.site-teste .ui-header-fixed {
    margin-top: 60px !important;
}
html.ui-mobile body.site-teste .ui-panel-wrapper {
    margin-top: 60px !important;
}
html.ui-mobile .body-wrapper.manutencao-mobile {
    margin-top: 59px;
}

@media only screen and (min-width: 245px) and (max-width: 409px) {
    html.ui-mobile body.site-teste #busca div.header,
    html.ui-mobile body.site-teste .ui-header-fixed {
        margin-top: 45px !important;
    }
    html.ui-mobile body.site-teste .ui-panel-wrapper {
        margin-top: 45px !important;
    }
    html.ui-mobile .body-wrapper.manutencao-mobile {
        margin-top: 44px;
    }
}

@media only screen and (min-width: 410px) {
    html.ui-mobile body.site-teste #busca div.header,
    html.ui-mobile body.site-teste .ui-header-fixed {
        margin-top: 31px !important;
    }
    html.ui-mobile body.site-teste .ui-panel-wrapper {
        margin-top: 32px !important;
    }
    html.ui-mobile .body-wrapper.manutencao-mobile {
        margin-top: 30px;
    }
}