{{!
    This file is part of Moodle - http://moodle.org/

    Moodle is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Moodle is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
}}
{{!
    Page header.
}}
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<!-- NAV SUPERIOR DO SENADO -->
<!-- Usado na página principal -->
<header>
    <div id="header-institucional">
        <div class="NavGlobal navbar navbar-static-top">
            <div class="NavGlobal-container">
                <div class="pull-right dropdown" role="navigation">
                    <a data-toggle="dropdown" class="NavGlobal-toggle dropdown-toggle">
                        <div class="Icon Icon--menu Icon--md"></div>
                        <span class="u-alignMiddle"> Portais</span>
                    </a>
                    <ul class="NavGlobal-dropdownMenu dropdown-menu">
                        <li><a href="http://www.senado.gov.br/institucional/">Institucional</a></li>
                        <li><a href="http://www25.senado.leg.br/web/senadores/">Senadores</a></li>
                        <li><a href="http://www25.senado.leg.br/web/atividade/">Atividade Legislativa</a></li>
                        <li><a href="http://www12.senado.gov.br/noticias/">Notícias</a></li>
                        <li><a href="http://www12.senado.gov.br/publicacoes/">Publicação e Documentação</a></li>
                        <li><a href="http://www12.senado.gov.br/orcamento/">Orçamento</a></li>
                        <li><a href="http://www12.senado.gov.br/transparencia/">Transparência</a></li>
                        <li><a href="http://www12.senado.gov.br/ecidadania/">e-Cidadania</a></li>
                    </ul>
                </div>
                <div class="NavGlobal-logo pull-left">
                    <a href="http://www.senado.gov.br/">
                        <img src="//www.senado.gov.br/inc/essencial/img/senado.svg" alt="Senado Federal" height="23" width="170">
                    </a>
                </div>
                <div class="NavGlobal-middle">
                    <a href="http://www12.senado.gov.br/institucional/falecomosenado">Fale com o Senado</a>
                </div>
            </div>
        </div>
    </div>
    <div class="propertiesSubHeader">
        <div class="container">
            <div class="Box Box--y pull-left">
                <div class="l-fork--lg clearfix Barra-menu"><span class="milli">
                    <span class="label label-brand">1</span> <a href="#div.principal" accesskey="1" class="text-muted">Ir
                        para o conteúdo</a></span>
                    <div class="u-verticalSeparator milli"></div>
                    <span class="milli"><span class="label label-brand">2</span> <a href="#s-menu" class="text-muted">Ir para o
                            menu</a></span>
                    <div class="u-verticalSeparator milli"></div>
                    <span class="milli"><span class="label label-brand">4</span> <a href="#footer-institucional" class="text-muted">Ir para o
                            rodapé</a></span>
                    <div class="u-verticalSeparator milli"></div>
                    <div class="l-fork--sm clearfix milli-h milli">
                        <img style="opacity: .7; margin-right: 3px;" height="17" src="https://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/img/vlibras-i.png">
                        <div class="dropdown propertiesVLibras">
                            <a onclick="myFunction()" class="text-muted dropbtn">VLibras</a>
                            <div id="myDropdown" class="dropdown-content">
                                <p class='text-center'><img src='https://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/img/vlibras.gif'/></p>
                                <div class="text-properties">
                                    <p>O conteúdo deste portal pode ser acessível em Libras usando o <a href='http://www.vlibras.gov.br/'>VLibras </a></p>
                                </div>
                            </div>
                        </div>
                        <div class="u-verticalSeparator milli"></div>
                        <a href="https://www12.senado.leg.br/institucional/programas/senado-inclusivo/documentos/acessibilidade" class="text-muted">Acessibilidade</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header><!-- FIM DA NAV SUPERIOR DO SENADO -->
<script>
    /* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
    function myFunction() {
        document.getElementById("myDropdown").classList.toggle("show");
    }
    // Close the dropdown menu if the user clicks outside of it
    window.onclick = function(event) {
        if (!event.target.matches('.dropbtn')) {
            var dropdowns = document.getElementsByClassName("dropdown-content");
            var i;
            for (i = 0; i < dropdowns.length; i++) {
                var openDropdown = dropdowns[i];
                if (openDropdown.classList.contains('show')) {
                    openDropdown.classList.remove('show');
                }
            }
        }
    }
</script>