<!DOCTYPE html>
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <!-- www.phpied.com/conditional-comments-block-downloads/ -->
    <!-- Always force latest IE rendering engine
         (even in intranet) & Chrome Frame
         Remove this if you use the .htaccess -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!--  Mobile Viewport Fix
          j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
          device-width: Occupy full width of the screen in its current orientation
          initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
          user-scalable = yes allows the user to zoom in -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QualAR - Qualidade do AR</title>
    <!-- http://dev.w3.org/html5/markup/meta.name.html -->
    <meta name="application-name" content="www">
    <!-- Speaking of Google, don't forget to set your site up:
         http://google.com/webmasters -->
    <meta name="google-site-verification" content="">
    <!-- include stylesheets -->

    <link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
    <link rel="stylesheet" href="/www/en/static/bootstrap4/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/www/en/static/css/web2py-bootstrap4.css"/>
    <link href="https://unpkg.com/bootstrap-table@1.15.5/dist/bootstrap-table.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/css/tempusdominus-bootstrap-4.min.css" />
    <link rel="stylesheet" href="/www/en/static/css/w3.css"/>
    <link rel="stylesheet" href="/www/en/static/fonts/fonts.css"/>

    <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
    <script src="https://kit.fontawesome.com/2cdbf8cb07.js" crossorigin="anonymous"></script>
    <script src="/www/en/static/js/modernizr-2.8.3.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

    <script src="https://unpkg.com/tableexport.jquery.plugin/tableExport.min.js"></script>

    <script src="https://unpkg.com/bootstrap-table@1.15.5/dist/bootstrap-table.min.js"></script>
    <script src="https://unpkg.com/bootstrap-table@1.15.5/dist/extensions/multiple-sort/bootstrap-table-multiple-sort.js"></script>
    <script src="https://unpkg.com/bootstrap-table@1.15.5/dist/bootstrap-table-locale-all.min.js"></script>

    <script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment-with-locales.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/js/tempusdominus-bootstrap-4.min.js"></script>
    <script src="/www/en/static/js/jquery-fullscreen/jquery.fullscreen-min.js"></script>

    <script src="https://unpkg.com/bootstrap-table@1.15.5/dist/extensions/export/bootstrap-table-export.min.js"></script>

    <!-- Favicons -->
    <link rel="shortcut icon" href="/www/en/static/images/qualar/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="/www/en/static/images/qualar/favicon.png">

    <link rel="stylesheet" href="/www/en/static/css/style.css"/>
    <link rel="stylesheet" href="/www/en/static/css/qualar/theme.css"/>

    <script type="text/javascript"><!--
    // These variables are used by the web2py_ajax_init function in web2py_ajax.js (which is loaded below).
    var w2p_ajax_confirm_message = "Are you sure you want to delete this object?";
    var w2p_ajax_disable_with_message = "Working...";
    var w2p_ajax_date_format = "%Y-%m-%d";
    var w2p_ajax_datetime_format = "%Y-%m-%d %H:%M:%S";
    var ajax_error_500 = 'An error occured, please <a href="/index.php?page=1">reload</a> the page'
    //--></script>

<meta name="keywords" content="None" />
<meta name="description" content="None" />
<meta name="generator" content="Web2py Web Framework" />
<meta name="author" content="Joaquim H. Carvalho &lt;joaquim.carvalho@apambiente.pt&gt;" />
<link href="/www/en/static/css/calendar.css" rel="stylesheet" type="text/css" /><script src="/www/en/static/js/calendar.js" type="text/javascript"></script><script src="/www/en/static/js/web2py.js" type="text/javascript"></script>
 <!-- this includes jquery.js, calendar.js/.css and web2py.js -->
    
<style>
    #qualar_temas_icons { padding-top: 30px; }
    #ccdrs { margin-top: 20px; }
    #ccdrs img {
        float: right;
        padding: 0 10px;
        max-height: 35px;
    }
</style>




<script>
    function openSubMenu( e ) {
        var x = e.nextElementSibling;
        if (x.className.indexOf("w3-show") == -1) {
            x.className += " w3-show";
            x.previousElementSibling.className += " w3-lightgray";
        } else {
            x.className = x.className.replace(" w3-show", "");
            x.previousElementSibling.className.replace(" w3-lightgray", "");
        }
    }
</script>


<style>

    h1, h2, .h1, .h2 { color: #2c4981; }
    h3, h4, h5, .h3, .h4, .h5 { color: #006ceb; }
    a { color: #2c4981; }
    a:hover, a:focus, a:active { color: #0088f7; }

    .pagination > .active > a,
    .pagination > .active > a:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:hover,
    .pagination > .active > span:focus {
        background-color: #48cbff;
        border-color: #48cbff; }

    #menuSidebar, #openNav { background: linear-gradient(135deg, #48cbff, #fff); }

    ::-moz-selection { background: #48cbff; }
    ::selection { background: #48cbff; }

    #menuSidebar-bg { background: rgba(0, 0, 0, 0) url("/www/en/static/images/qualar/fundo.png") repeat scroll 0 0 / cover; }

    #menuSidebar button.nivel0:hover,
    #menuSidebar a.nivel0:hover,
    #menuSidebar div.nivel1 { background: #009bff !important; }

    #menuSidebar div.nivel1 button:hover,
    #menuSidebar div.nivel1 a:hover,
    #menuSidebar div.nivel2 { background: #006ceb !important; }

    #search_module { margin-bottom: 20px; }
    #sidebar_search_form #search_term {
        background-color: transparent !important;
        border: none !important;
        border-bottom: 2px solid rgba(255,255,255, 0.6) !important;
        padding-right: 30px;
    }
    #sidebar_search_button {
        position: absolute;
        right: 20px;
        height: 20px;
        top: 70px;
    }

    .text_primary {color: #48cbff; }
    .bg_primary, bg-primary, bg-tema, bg_tema {background: #48cbff; color: #ffffff;}
    .label-primary { background: #48cbff; }
    .text-tema { color: #48cbff; }

    #topBtn { color: #2c4981; }
    @media (min-width: 768px) {
        #sidebar > div nav > ul > li.open, #sidebar > div nav > ul > li:hover,
        #sidebar > div nav > ul > li.active,
        #sidebar > div nav > ul > li.active.open,
        #sidebar > div nav > ul > li.active:hover { background: #009bff !important; }
    }

    #docs_list a { color: #2c4981 !important; }
    .fa, .fas { line-height: inherit !important; }
    form.web2py_form [type=submit] { margin-left: 35% !important; }

    .node_type_label {
        background-color: #2c4981;
        color: #ffffff;
        padding: 8px 15px;
        border-radius: 8px;
        margin-right: 10px;
    }

    .field_disabled {
        display: block;
        width: 100%;
        /*height: calc(1.5em + .75rem + 2px);*/
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        background-color: #e9ecef;
        opacity: 1;
    }

    .faq {
        padding: 10px 30px;
        background-color: #fff;
        color: #666;
    }

    .accordion { padding: 10px 20px !important; }

    @media (min-height: 900px) {
        .visible_large {display: block;}
        .hidden_large {display: none;}
        #menuSidebar-bg img { width: 100px; margin-top: 280px; }
    }
    @media (max-height: 899px) {
        .visible_large {display: none;}
        .hidden_large {display: block;}
        #menuSidebar-bg img { width: 200px; margin-top: 395px; }
    }


</style>


</head>


<body>
    <nav id="menuSidebar" class="w3-sidebar w3-animate-left w3-small-hide" style="z-index:9999; width:280px; display:none;">
        <div class="w3-container">

            <div class="w3-row w3-left">
                <button class="w3-button w3-large btn btn-default" onclick="w3_close()"><i class="fa fa-bars" aria-hidden="true"></i></button>
                <button class="w3-button w3-large btn btn-default" onclick="toggle_fullscreen()"><i id="b_toggler" class="fa fa-expand" aria-hidden="true"></i></button>
                
                    <a href="/user.php/login" class="w3-button w3-large"><i class="fa fa-user"></i></a>
                
            </div>

            <div id="search_module" class="w3-row w3-center w3-text-menu">
                <div data-w2p_remote="/search.load/2" id="c619033013715">loading...</div>
            </div>

            <div class="w3-row center" style="margin:10px 0 20px 0;">
                <a class="w3-circle w3-margin-right" href="/index.php"><img src="/www/en/static/images/qualar/logo_pt.png" style="width: 90%" /></a>
                <br/>
            </div>
            <div class="w3-row w3-center w3-text-menu">
                
            </div>
        </div>
        <div class="w3-row w3-right">
            <button class="w3-button" onclick="w3_close()"><i class="fa fa-times-circle-o" aria-hidden="true"></i></button>
        </div>
        <div class="w3-bar-block">
            
                <div class="w3-bar-block" id="mainMenu"><a class="w3-block w3-button w3-left-align w3-text-menu btn btn-default nivel0 " href="/index.php"><i class="fa fa-home w3-text-menu-light"></i><span class="w3-padding">Início</span></a><button class="w3-button w3-block w3-left-align w3-text-menu nivel0 " onclick="openSubMenu( this )"><i class="fa fa-cloud w3-text-menu-light"></i><span class="w3-padding w3-text-menu">Qualidade do ar</span><i class="fa fa-caret-down w3-right"></i></button><div class="w3-bar-block w3-hide w3-white w3-card-4 nivel1"><a class="w3-bar-item w3-button w3-text-menu " href="/indices.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Índices QualAr</span></a><a class="w3-bar-item w3-button w3-text-menu " href="/node/metodo-calculo-indices.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Método cálculo Índices</span></a><a class="w3-bar-item w3-button w3-text-menu " href="/node/avisos-indice.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Avisos</span></a></div><button class="w3-button w3-block w3-left-align w3-text-menu nivel0 " onclick="openSubMenu( this )"><i class="fa fa-chart-line w3-text-menu-light"></i><span class="w3-padding w3-text-menu">Redes de medição</span><i class="fa fa-caret-down w3-right"></i></button><div class="w3-bar-block w3-hide w3-white w3-card-4 nivel1"><button class="w3-button w3-block w3-left-align w3-text-menu " onclick="openSubMenu( this )">Rede QualAr<i class="fa fa-caret-down w3-right"></i></button><div class="w3-bar-block w3-hide w3-white w3-card-4 nivel2"><a class="w3-bar-item w3-button w3-text-menu " href="/node/rede-de-medicao-da-qualidade-do-ar.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">A rede de medição</span></a><a class="w3-bar-item w3-button w3-text-menu " href="/zonamento.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Zonamento</span></a><a class="w3-bar-item w3-button w3-text-menu " href="/estatisticas.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Dados estatísticos</span></a></div><a class="w3-bar-item w3-button w3-text-menu " href="/qualar/estacoes.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Estações</span></a></div><button class="w3-button w3-block w3-left-align w3-text-menu nivel0 " onclick="openSubMenu( this )"><i class="fa fa-question-circle w3-text-menu-light"></i><span class="w3-padding w3-text-menu">Previsão</span><i class="fa fa-caret-down w3-right"></i></button><div class="w3-bar-block w3-hide w3-white w3-card-4 nivel1"><a class="w3-bar-item w3-button w3-text-menu " href="/node/sobre-a-previsao.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Sobre a previsão</span></a><a class="w3-bar-item w3-button w3-text-menu " href="/indices?estado=previsto.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Mapa previsão QualAr</span></a><a class="w3-bar-item w3-button w3-text-menu " href="/node/eventos_naturais.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Eventos naturais</span></a></div><button class="w3-button w3-block w3-left-align w3-text-menu nivel0 " onclick="openSubMenu( this )"><i class="fa fa-download w3-text-menu-light"></i><span class="w3-padding w3-text-menu">Downloads</span><i class="fa fa-caret-down w3-right"></i></button><div class="w3-bar-block w3-hide w3-white w3-card-4 nivel1"><a class="w3-bar-item w3-button w3-text-menu " href="/downloads.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Dados estações</span></a><a class="w3-bar-item w3-button w3-text-menu " href="/node/relatorios_tecnicos.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Relatórios</span></a></div><button class="w3-button w3-block w3-left-align w3-text-menu nivel0 " onclick="openSubMenu( this )"><i class="fa fa-info-circle w3-text-menu-light"></i><span class="w3-padding w3-text-menu">Saber mais</span><i class="fa fa-caret-down w3-right"></i></button><div class="w3-bar-block w3-hide w3-white w3-card-4 nivel1"><a class="w3-bar-item w3-button w3-text-menu " href="/node/o-que-e-a-qualidade-do-ar.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Acerca da qualidade do ar</span></a><a class="w3-bar-item w3-button w3-text-menu " href="/node/acerca-do-projeto.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Acerca do projeto</span></a><a class="w3-bar-item w3-button w3-text-menu " href="/news.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Notícias</span></a><a class="w3-bar-item w3-button w3-text-menu " href="/node/app_qualar.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">App QualAr</span></a><a class="w3-bar-item w3-button w3-text-menu " href="/node/sabia_que.php"><i class="fa fa-None w3-text-menu-light"></i><span class="submenu">Sabia que...</span></a></div></div>
            
        </div>
        <div id="menuSidebar-bg" class="d-nones d-sm-block w3-center">
            <a class="visible_large" href="https://www.apambiente.pt" target="_blank"><img src="/www/en/static/images/apa/logo_apa_vert.png" /></a>
            <a class="hidden_large" href="https://www.apambiente.pt" target="_blank"><img src="/www/en/static/images/apa/logo_apa.png" /></a>
            <div class="w3-row w3-center p-3">
                © <span class="current-year">2019</span>
            </div>
        </div>
    </nav>

    <div id="openNav" class="w3-sidebar w3-animate-left" style="z-index:9999; width:60px;">
        <div class="w3-row w3-center w3-text-menu">
            <a class="brand brand-collapsed" href="/"><img src="/www/en/static/images/qualar/logo_collapsed.png" width="34px" /></a>
            <button class="w3-button w3-xlarge" onclick="w3_open()"><i class="fa fa-bars" aria-hidden="true"></i></button>
            <button class="w3-button w3-large btn btn-default" onclick="toggle_fullscreen()"><i id="bc_toggler" class="fa fa-expand" aria-hidden="true"></i></button>
            
                <a href="/user.php/login" class="w3-button w3-large"><i class="fa fa-user"></i></a>
            
            <hr>
            <a href="/index.php" class="w3-button btn w3-large"><i class="fa fa-home"></i></a>
            <div id="menuSidebar-bg-collapsed">
                <a href="https://www.apambiente.pt" target="_blank"><img src="/www/en/static/images/apa/logo_apa_collapsed.png" /></a>
            </div>
        </div>
    </div>

<!-- !PAGE CONTENT! -->
    <div id="mainPage" class="qualar w3-main container-fluid">

    
    


        <header class="w3-top">
            
            
        </header>

        <div id="mainBlock">

            

            

                

            
            <!-- Masthead ===================================== -->

            <!-- Main ========================================= -->
            <!-- Begin page content -->
                 <!-- slideshow -->
    
        <div id="highlighted" class="row">
            <div class="col-12">
                <div class="panel panel-carousel dots-right dots-white no-radius">
                    <div class="panel-body no-padding">
                        <!-- atribuiçao da variavel logoslider. Que coloca um logo sobreposto nas imagens do slideshow  -->
                        <div class="logo-slider d-none d-sm-block"><img src="/www/en/static/images/qualar/logo_slider.png" /></div>
                        <div class="region region-highlighted">
                            <div class="carousel">
                                <div class="col-12 pr-0"><div><div class="topslider slider content panel-body" onMouseOut="carousel_play()" onMouseOver="carousel_stop()" style="background-image: url(&quot;/download.php/node.top_image.8add0f88af64c609.736c696465725f66616d696c69612e6a7067.jpg&quot;);"><div class="information w3-animate-bottom"><div><h1>Por um País com Bom AR</h1></div><div></div><div><a class="w3-btn button" href="https://por1bom-ar.apambiente.pt/" target="blank">Saber mais</a></div></div></div><div class="topslider slider content panel-body" onMouseOut="carousel_play()" onMouseOver="carousel_stop()" style="background-image: url(&quot;/download.php/node.top_image.aeeb8810f92d28c9.736c69646572322e6a7067.jpg&quot;);"><div class="information w3-animate-bottom"><div><h1>App QualAr</h1></div><div><p>J&aacute; dispon&iacute;vel em Android e iOS</p>
</div><div><a class="w3-btn button" href="node/app_qualar" target="blank">Saber mais</a></div></div></div></div><div class="arrows"><button class="arrow arrow-prev" onclick="plusDivs(-1)">&#10094;</button><button class="arrow arrow-next" onclick="plusDivs(+1)">&#10095;</button></div></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <script>

            var slideIndex = 1;
            var slideSpeed = 10000; // Change image every 5 seconds
            var timeout;
            var x = document.getElementsByClassName("topslider");


            function plusDivs(n) {
                showDivs(slideIndex += n);
            }

            function showDivs(n) {
                var i;
                if (n > x.length) {slideIndex = 1};
                if (n < 1) {slideIndex = x.length};
                for (i = 0; i < x.length; i++) {
                    x[i].style.display = "none";
                }
                x[slideIndex-1].style.display = "block";
            }

            carousel();

            function carousel_stop() {
                clearTimeout(timeout);
            }

            function carousel_play() {
                timeout = setTimeout(carousel, slideSpeed);
            }


            function carousel() {
                plusDivs(+1);
                timeout = setTimeout(carousel, slideSpeed);
            }

        </script>

    


                
    <div id="ccdrs" class="row">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
            <a href='https://www.madeira.gov.pt/dra' target="blank"><img src="/www/en/static/images/qualar/ccdrs/LogoDROTA.png" /></a>
            <a href='http://www.azores.gov.pt/Portal/pt/entidades/sreat-dra' target="blank"><img src="/www/en/static/images/qualar/ccdrs/AmbienteAcores.png" /></a>
            <a href='http://www.azores.gov.pt' target="blank"><img src="/www/en/static/images/qualar/ccdrs/GovernoAcores.png" /></a>
            <a href='https://www.ccdr-alg.pt/site' target="blank"><img src="/www/en/static/images/qualar/ccdrs/ccdr_algarve.png" /></a>
            <a href='https://www.ccdr-a.gov.pt' target="blank"><img src="/www/en/static/images/qualar/ccdrs/ccdr_alentejo.png" /></a>
            <a href='http://www.ccdr-lvt.pt' target="blank"><img src="/www/en/static/images/qualar/ccdrs/ccdr_lvt.png" /></a>
            <a href='http://www.ccdrc.pt' target="blank"><img src="/www/en/static/images/qualar/ccdrs/ccdr_centro.png" /></a>
            <a href='http://www.ccdrn.pt' target="blank"><img src="/www/en/static/images/qualar/ccdrs/ccdr_norte.png" /></a>
            <a href='' target="blank"><img src="/www/en/static/images/apa/logo_apa.png" /></a>
        </div>
    </div>


                 <!-- icons de acesso rápido -->
<div id="top_first" class="row">
    <div class="content panel-body col-sm-12" id="qualar_temas_icons">
        <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 padding-20 icons">
            <div class="panel text-center medicao">
                <a href="/node/rede-de-medicao-da-qualidade-do-ar"><img src="/www/en/static/images/qualar/medicao.svg" /><h2>Rede de Medição</h2></a>    <!--#node/redes-de-medicao/rede-qualar/unidades-de-gestao-->

            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 padding-20 icons">
            <div class="panel text-center indices">
                <a href="/indices"><img src="/www/en/static/images/qualar/indices.svg" /><h2>Índices QualAr</h2></a>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 padding-20 icons">
            <div class="panel text-center modelacao">
                <a href="/indices?estado=previsto"><img src="/www/en/static/images/qualar/modelacao.svg" /><h2>Previsão</h2></a>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 padding-20 icons">
            <div class="panel text-center relatorios">
                <a href="https://qualar.apambiente.pt/downloads"><img src="/www/en/static/images/qualar/relatorios.svg" /><h2>Downloads</h2></a>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 padding-20 icons">
            <div class="panel text-center sabiaque">
                <a href="node/sabia_que"><img src="/www/en/static/images/qualar/sabiaque.svg" /><h2>Sabia que?</h2></a>
            </div>
        </div>
        <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6 padding-20 icons">
            <div class="panel text-center avaliacao">
                <a href="/node/app_qualar"><img src="/www/en/static/images/qualar/avaliacao.svg" /><h2>App QualAr</h2></a>
            </div>
        </div>
    </div>
</div>


                
                

                
                    






























                

                <div id="footer_rows" class="row">

                    

    <div class="col-xl-5 col-lg-4 col-md-12 col-sm-12 col-xs-12">
        <div class="margin-top-20">
            <div class="panel panel-white radius-10 no-border">
                <div class="panel-body no-padding">
                    <a href="https://por1bom-ar.apambiente.pt" target="_blank">
                        <img alt="App QualAr" class="radius-10" src="/www/static/images/qualar/Campanha.jpg" style="width:100%;">
                    </a>
                </div>
            </div>
        </div>
    </div>



                     <!-- Últimas notícias em destaque  -->
    
        <div class="col-xl-7 col-lg-8 col-md-12 col-sm-12 col-xs-12">
            <div class="col-12" id="latestnews"><div data-w2p_remote="/contents/latest_news_block.php" id="c997979899217">loading...</div></div>
        </div>
    


                </div>

                 <!-- zona de logotipos -->
                

        </div>

        <footer class="w3-bottom">
            <div id="footer-top" class="row"></div>
            <div class="footer-inner">
               <!-- zona de logotipos -->
<div id="extra_logos">
    <span class="d-none d-md-block"><img src='/www/static/images/qualar/ccdrs/apoios_home.png'/></span>

    <span class="text-bold text-uppercase d-md-none"> <a class="text-dark" href="https://www.portugal2020.pt">Portugal 2020</a></span>
    <span class="text-bold text-uppercase d-md-none"> <a class="text-dark" href="https://poseur.portugal2020.pt">| POSEUR</a></span>
    <span class="text-bold text-uppercase d-md-none"> <a class="text-dark" href="https://ec.europa.eu/regional_policy/pt/funding/cohesion-fund/">| Fundo Coesão</a></span>
</div>


            </div>
        </footer>

        <button onclick="topFunction()" id="topBtn"><i class="fas fa-arrow-alt-circle-up"></i></button>

    </div>

<script>

    function w3_open() {
      document.getElementById("mainPage").style.paddingLeft = "290px";
      document.getElementById("menuSidebar").style.width = "280px";
      document.getElementById("menuSidebar").style.display = "block";
      document.getElementById("openNav").style.display = "none";
    }

    function w3_close() {
      document.getElementById("mainPage").style.paddingLeft = "70px";
      document.getElementById("menuSidebar").style.display = 'none';
      document.getElementById("openNav").style.display = "block";
    }

    function toggle_fullscreen() {
        var x = document.getElementById("b_toggler");
        var xc = document.getElementById("bc_toggler");
        $(document).toggleFullScreen();
        if (x.classList.contains( "fa-expand" )) {
            x.className = x.className.replace("fa-expand", "fa-compress");
            xc.className = x.className.replace("fa-expand", "fa-compress");
        } else {
            x.className = x.className.replace("fa-compress", "fa-expand");
            xc.className = x.className.replace("fa-compress", "fa-expand");
        }
    }

    var aberto="True";
    if (aberto=="True") w3_open();
    else w3_close();

    topbutton = document.getElementById("topBtn");
    // When the user scrolls down 20px from the top of the document, show the button
    window.onscroll = function() {scrollFunction()};

    function scrollFunction() {
      if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
        topbutton.style.display = "block";
      } else {
        topbutton.style.display = "none";
      }
    }

    // When the user clicks on the button, scroll to the top of the document
    function topFunction() {
      document.body.scrollTop = 0; // For Safari
      document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
    }

</script>

    <script src="/www/en/static/js/web2py-bootstrap4.js"></script>
    
    
  </body>
</html>
