#box-banner{
    height:80px;
}
#banner {
    display: block;
    width: 100%;
    height: 78px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: rgba(170, 170, 170, 0.38);
}
#banner .content {
    display: block;
    width: 100%;
    height: 78px;
    padding: 0px;
    z-index: 1;
    max-width: 1180px;
    margin: 0 auto;
}
#banner.unfixed {
    position:relative;
    background: #F9F9F9;
}
#banner.unfixed .content{
    background: #F9F9F9;
}
#banner.unfixed .aviso-rodape {
    position: absolute;
}

@media (min-width: 768px) {
    #banner .content, .aviso-rodape {
        max-width: 760px;
    }
    .aviso-text{
        width: 680px;
    }
}
@media (min-width: 992px) {
    #banner .content, .aviso-rodape {
        max-width: 980px;
    }
    .aviso-text{
        width: 900px;
    }
}
@media (min-width: 1200px) {
    #banner .content, .aviso-rodape {
        max-width: 1180px;
    }
    .aviso-text{
        width: 1103px;
    }
}

@media (max-device-width:480px) { #box-banner {display:none;} }

.aviso-rodape {
    background-color: #FFF8E1;
    border: solid 1px #FFDCB4;
    border-radius: 4px;
    padding: 7px 10px 5px 20px;
    margin: auto;
    font-size: smaller;
    text-transform: inherit;
    z-index: 8;
    position: fixed;
    text-overflow: ellipsis;
    width:100%
}
.aviso-rodape h5 {
    padding: 4px 0;
    margin: auto;
    font-size: 15px;
}
.aviso-rodape { min-height:78px;}

.aviso-rodape span.remove {
    font-size: 25px;
}









/* OLD VERSION */
/*
#banner {
    display: block;
    width: 100%;
    height: 85px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
}
#banner .content {
    display: block;
    width: 100%;
    height: 85px;
    background: #F2F2F2;
    padding: 4px;
    z-index: 1;
    max-width: 1180px;
    margin: 0 auto;
}
#banner.unfixed {
    position:relative;
}
#banner.unfixed .content{
    background: #F9F9F9;
}

@media (min-width: 768px) {
    #banner .content {
        max-width: 760px;
    }
}
@media (min-width: 992px) {
    #banner .content {
        max-width: 980px;
    }
}
@media (min-width: 1200px) {
    #banner .content {
        max-width: 1180px;
    }
}
*/


/* Banner Fixed Botton 
#banner{display:block;width:100%;height:78px;position:relative;top:0;left:0;}
#banner .content{display:block;width:100%;height:78px;bottom:0;left:0;z-index:1;}
#banner.unfixed .content{position:absolute; background: transparent;} 
#banner.fixed .content{background:rgba(51, 51, 51, 0.55);position:fixed;} 
@media (max-device-width:480px) { #banner {display:none;} }
*/