@media all and (max-width: 780px) {

    img { max-width: 100% !important; height: auto; }
    
    #topo { width: 95%; height: 190px; margin: 0 auto; border-top: 0; position: relative; }
    #topo #menu { position: absolute; top: 160px; letter-spacing: 1px; width: 100%; }
    #topo #menu ul li { margin: 0 8px; }
    #topo #redes, #topo #idiomas { width: 100%; text-align: center; margin: 0; position: absolute; }
    #topo #redes { top: 130px; }
    #topo #idiomas { top: 100px; }
    #topo #logo { margin: 10px 0 0 0; width: 100%; text-align: center; float: left; position: absolute; top: 10px; }

    #conteudo { width: 95%; margin: 0 auto; padding: 0; }

    #conteudo #banners { width: 100% !important; margin-top: 20px; }
    #conteudo #banners img { width: 100% !important; }

    #conteudo #blocos .bloco { display: none; margin: 0; }

    #conteudo .metade { width: 100%; }

    #conteudo input.text, #conteudo textarea { width: 94%; padding: 0 2%; }

    #rodape { width: 100%; clear: both; position: relative; bottom: auto; left: 0; margin-left: 0; padding-bottom: 70px; }
    #rodape #direitos { margin-top: 20px; text-align: center; width: 100%; }
    #rodape #shapper { position: absolute; bottom: 20px; left: 50%; margin-left: -13px; }

}