MM_XSLTransform error.
http://www.climatempo.com.br/rss/capitais.xml is not a valid XML document.
DOMDocument::loadXML(): Specification mandate value for attribute async in Entity, line: 32
DOMDocument::loadXML(): Comment not terminated <!-- Codigo do boostbox dentro do nocache in Entity, line: 81
DOMDocument::loadXML(): Opening and ending tag mismatch: link line 30 and head in Entity, line: 101
DOMDocument::loadXML(): Specification mandate value for attribute data-current-weather in Entity, line: 125
DOMDocument::loadXML(): attributes construct error in Entity, line: 125
DOMDocument::loadXML(): Couldn't find end of Start Tag div line 123 in Entity, line: 125
DOMDocument::loadXML(): Opening and ending tag mismatch: body line 102 and div in Entity, line: 129
DOMDocument::loadXML(): Specification mandate value for attribute data-offcanvas in Entity, line: 130
DOMDocument::loadXML(): Specification mandate value for attribute data-topbar in Entity, line: 156
DOMDocument::loadXML(): attributes construct error in Entity, line: 156
DOMDocument::loadXML(): Couldn't find end of Start Tag nav line 156 in Entity, line: 156
DOMDocument::loadXML(): Specification mandate value for attribute data-reveal in Entity, line: 220
DOMDocument::loadXML(): Opening and ending tag mismatch: br line 229 and p in Entity, line: 231
DOMDocument::loadXML(): Opening and ending tag mismatch: p line 229 and div in Entity, line: 245
DOMDocument::loadXML(): Opening and ending tag mismatch: hr line 226 and div in Entity, line: 247
DOMDocument::loadXML(): Opening and ending tag mismatch: input line 197 and nav in Entity, line: 249
DOMDocument::loadXML(): Specification mandate value for attribute data-dropdown-content in Entity, line: 263
DOMDocument::loadXML(): attributes construct error in Entity, line: 263
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 262 in Entity, line: 263
DOMDocument::loadXML(): Opening and ending tag mismatch: section line 253 and ul in Entity, line: 272
DOMDocument::loadXML(): Specification mandate value for attribute data-dropdown-content in Entity, line: 285
DOMDocument::loadXML(): attributes construct error in Entity, line: 285
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 284 in Entity, line: 285
DOMDocument::loadXML(): Opening and ending tag mismatch: li line 278 and ul in Entity, line: 333
DOMDocument::loadXML(): Opening and ending tag mismatch: ul line 276 and li in Entity, line: 334
DOMDocument::loadXML(): Specification mandate value for attribute data-dropdown-content in Entity, line: 342
DOMDocument::loadXML(): attributes construct error in Entity, line: 342
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 341 in Entity, line: 342
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 275 and ul in Entity, line: 389
DOMDocument::loadXML(): Specification mandate value for attribute data-dropdown-content in Entity, line: 409
DOMDocument::loadXML(): attributes construct error in Entity, line: 409
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 408 in Entity, line: 409
DOMDocument::loadXML(): Opening and ending tag mismatch: li line 402 and ul in Entity, line: 480
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 172 and li in Entity, line: 481
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 165 and ul in Entity, line: 498
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 154 and section in Entity, line: 500
DOMDocument::loadXML(): Specification mandate value for attribute data-dropdown-content in Entity, line: 519
DOMDocument::loadXML(): attributes construct error in Entity, line: 519
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 517 in Entity, line: 519
DOMDocument::loadXML(): Opening and ending tag mismatch: li line 510 and ul in Entity, line: 552
DOMDocument::loadXML(): Opening and ending tag mismatch: ul line 509 and li in Entity, line: 553
DOMDocument::loadXML(): Specification mandate value for attribute data-dropdown-content in Entity, line: 562
DOMDocument::loadXML(): attributes construct error in Entity, line: 562
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 560 in Entity, line: 562
DOMDocument::loadXML(): Opening and ending tag mismatch: li line 554 and ul in Entity, line: 587
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 508 and li in Entity, line: 588
DOMDocument::loadXML(): Specification mandate value for attribute data-dropdown-content in Entity, line: 604
DOMDocument::loadXML(): attributes construct error in Entity, line: 604
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 602 in Entity, line: 604
DOMDocument::loadXML(): Opening and ending tag mismatch: li line 596 and ul in Entity, line: 643
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 507 and li in Entity, line: 644
DOMDocument::loadXML(): Specification mandate value for attribute data-dropdown-content in Entity, line: 653
DOMDocument::loadXML(): attributes construct error in Entity, line: 653
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 651 in Entity, line: 653
DOMDocument::loadXML(): Opening and ending tag mismatch: li line 645 and ul in Entity, line: 730
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 506 and li in Entity, line: 731
DOMDocument::loadXML(): Specification mandate value for attribute data-dropdown-content in Entity, line: 740
DOMDocument::loadXML(): attributes construct error in Entity, line: 740
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 738 in Entity, line: 740
DOMDocument::loadXML(): Opening and ending tag mismatch: li line 732 and ul in Entity, line: 819
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 504 and li in Entity, line: 820
DOMDocument::loadXML(): Specification mandate value for attribute data-dropdown-content in Entity, line: 829
DOMDocument::loadXML(): attributes construct error in Entity, line: 829
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 827 in Entity, line: 829
DOMDocument::loadXML(): Opening and ending tag mismatch: li line 821 and ul in Entity, line: 877
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 503 and li in Entity, line: 878
DOMDocument::loadXML(): Specification mandate value for attribute data-dropdown-content in Entity, line: 887
DOMDocument::loadXML(): attributes construct error in Entity, line: 887
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 885 in Entity, line: 887
DOMDocument::loadXML(): Opening and ending tag mismatch: li line 879 and ul in Entity, line: 941
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 153 and li in Entity, line: 942
DOMDocument::loadXML(): Specification mandate value for attribute data-dropdown-content in Entity, line: 951
DOMDocument::loadXML(): attributes construct error in Entity, line: 951
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 949 in Entity, line: 951
DOMDocument::loadXML(): EntityRef: expecting ';' in Entity, line: 970
DOMDocument::loadXML(): EntityRef: expecting ';' in Entity, line: 970
DOMDocument::loadXML(): EntityRef: expecting ';' in Entity, line: 970
DOMDocument::loadXML(): Opening and ending tag mismatch: li line 943 and ul in Entity, line: 976
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 131 and li in Entity, line: 977
DOMDocument::loadXML(): Specification mandate value for attribute data-dropdown-content in Entity, line: 986
DOMDocument::loadXML(): attributes construct error in Entity, line: 986
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 984 in Entity, line: 986
DOMDocument::loadXML(): Opening and ending tag mismatch: li line 978 and ul in Entity, line: 1031
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 130 and li in Entity, line: 1032
DOMDocument::loadXML(): Opening and ending tag mismatch: meta line 22 and ul in Entity, line: 1033
DOMDocument::loadXML(): Opening and ending tag mismatch: meta line 21 and div in Entity, line: 1034
DOMDocument::loadXML(): Opening and ending tag mismatch: meta line 16 and div in Entity, line: 1035
DOMDocument::loadXML(): Opening and ending tag mismatch: meta line 15 and div in Entity, line: 1036
DOMDocument::loadXML(): Opening and ending tag mismatch: meta line 13 and div in Entity, line: 1086
DOMDocument::loadXML(): Opening and ending tag mismatch: meta line 9 and div in Entity, line: 1087
DOMDocument::loadXML(): AttValue: " or ' expected in Entity, line: 1120
DOMDocument::loadXML(): attributes construct error in Entity, line: 1120
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 1120 in Entity, line: 1120
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 1119 and ul in Entity, line: 1151
DOMDocument::loadXML(): AttValue: " or ' expected in Entity, line: 1152
DOMDocument::loadXML(): attributes construct error in Entity, line: 1152
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 1152 in Entity, line: 1152
DOMDocument::loadXML(): Opening and ending tag mismatch: th line 1118 and ul in Entity, line: 1178
DOMDocument::loadXML(): AttValue: " or ' expected in Entity, line: 1179
DOMDocument::loadXML(): attributes construct error in Entity, line: 1179
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 1179 in Entity, line: 1179
DOMDocument::loadXML(): Opening and ending tag mismatch: table line 1117 and ul in Entity, line: 1218
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 1115 and th in Entity, line: 1220
DOMDocument::loadXML(): AttValue: " or ' expected in Entity, line: 1223
DOMDocument::loadXML(): attributes construct error in Entity, line: 1223
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 1223 in Entity, line: 1223
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 1222 and ul in Entity, line: 1304
DOMDocument::loadXML(): Opening and ending tag mismatch: th line 1221 and div in Entity, line: 1305
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 1114 and th in Entity, line: 1306
DOMDocument::loadXML(): AttValue: " or ' expected in Entity, line: 1309
DOMDocument::loadXML(): attributes construct error in Entity, line: 1309
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 1309 in Entity, line: 1309
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 1308 and ul in Entity, line: 1383
DOMDocument::loadXML(): AttValue: " or ' expected in Entity, line: 1384
DOMDocument::loadXML(): attributes construct error in Entity, line: 1384
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 1384 in Entity, line: 1384
DOMDocument::loadXML(): Opening and ending tag mismatch: th line 1307 and ul in Entity, line: 1431
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 1111 and th in Entity, line: 1433
DOMDocument::loadXML(): AttValue: " or ' expected in Entity, line: 1436
DOMDocument::loadXML(): attributes construct error in Entity, line: 1436
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 1436 in Entity, line: 1436
DOMDocument::loadXML(): Opening and ending tag mismatch: div line 1435 and ul in Entity, line: 1487
DOMDocument::loadXML(): AttValue: " or ' expected in Entity, line: 1488
DOMDocument::loadXML(): attributes construct error in Entity, line: 1488
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 1488 in Entity, line: 1488
DOMDocument::loadXML(): EntityRef: expecting ';' in Entity, line: 1508
DOMDocument::loadXML(): EntityRef: expecting ';' in Entity, line: 1508
DOMDocument::loadXML(): EntityRef: expecting ';' in Entity, line: 1508
DOMDocument::loadXML(): Opening and ending tag mismatch: th line 1434 and ul in Entity, line: 1514
DOMDocument::loadXML(): AttValue: " or ' expected in Entity, line: 1515
DOMDocument::loadXML(): attributes construct error in Entity, line: 1515
DOMDocument::loadXML(): Couldn't find end of Start Tag ul line 1515 in Entity, line: 1515
DOMDocument::loadXML(): Opening and ending tag mismatch: input line 1089 and ul in Entity, line: 1559
DOMDocument::loadXML(): Opening and ending tag mismatch: head line 3 and div in Entity, line: 1560
DOMDocument::loadXML(): Opening and ending tag mismatch: html line 2 and th in Entity, line: 1561
DOMDocument::loadXML(): Extra content at the end of the document in Entity, line: 1562 in file http://www.climatempo.com.br/rss/capitais.xml.
<!DOCTYPE html>
<html>
<head>
    <title>Climatempo - OPS... Página não encontrada!</title>
    <link rel="shortcut icon" href="/favicon.png"/>
    

    <meta charset="utf-8"/>
    <meta name="title" content="">
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <!-- Meta Tag para mostrar banner relacionado ao titulo da notícia -->
    <meta name="relacionadas" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="theme-color" content="#135ea4">
    <meta name="apple-itunes-app" content="app-id=407856257">
    <!-- Meta Instant Articles Facebook -->
    <meta property="fb:pages" content="171733859304" />

    
    <meta name="secao" content="404">
    <meta name="robots" content="noindex, nofollow">

    <link rel="stylesheet" href="/climatempo/climatempo/css/climatempo/sass/default.css?04052017"/>
    
    <script src="/climatempo/bower_components/modernizr/modernizr.js"></script>


    <!-- Pushwoosh setup -->
    <link rel="manifest" href="/pushwoosh/manifest.json">
    <script src="/pushwoosh/pushwoosh-service-worker.js"></script>
    <script src="https://cdn.pushwoosh.com/webpush/v3/pushwoosh-web-notifications.js" async></script>
            <script src="/pushwoosh/pushwoosh-service-init.js"></script>
        <!-- Fim Pushwoosh setup -->

    
        <!-- Biblioteca da Mezzobit | Publicidade Geral.-->
    <script async="1">
        (function () {
                        __mtm = ['553fbf3149d63e8c3fa34838', 'd36wtdrdo22bqa.cloudfront.net/mngr']; //Pro
            
            // www.climatempo.com.br
            var s = document.createElement('script');
            s.async = 1;
            s.src = '//' + __mtm[1] + '/mtm.js';
            var e = document.getElementsByTagName('script')[0];
            (e.parentNode || document.body).insertBefore(s, e);
        })();
    </script>
        

    <!-- Google Tracking Code | Universal Analytics -->
    <script>
        (function (i, s, o, g, r, a, m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)}, i[r].l = 1 * new Date();
        a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
        })
        (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

        //Verifica se e clima de viagem, agroclima ou o portal
                ga('create', 'UA-1103845-1', 'auto');
        
        ga('send', 'pageview');

        //Cidades Turisticas
        
        //Cidades Agricolas
        
        //Cidades Litoraneas
        
    </script>
    <!-- FIM Google Tracking Code | Universal Analytics -->

    <!-- Boostbox -->
    <!-- Codigo do boostbox dentro do nocache
    
        <!-- Boost Box | Climashopping slider -->
    <script>
        var oS = document.createElement('script');
        oS.type = 'text/javascript';
        oS.src = "https://www.boostbox.com.br/banner_scripts/AVCwEMDHnLGmu4aQtkex";
        document.getElementsByTagName('head')[0].appendChild(oS);
    </script>
    <!-- FIM Boost Box | Climashopping slider -->
        

    <!-- script de audiencia do terra-->
    <script type="text/javascript">
        var terra_info_service = "ParBR_510849";
        var terra_info_channel = "br.noticias.previsaodotempo";
        var terra_info_type = "WWW";
        var terra_info_id = "page";
        var terra_info_channeldetail = "site_climatempo";
        var terra_stats_idCrtfc = 510849;
    </script>
    <script type="text/javascript" charset="iso-8859-1" language="javascript" src="https://s1.trrsf.com.br/metrics/js/br/contentpar.js"></script>
</head>
<body>

<div class="markers">

    
    
    
    
</div>

<div id="Background" style="height: 0"></div>

<!-- publicidade mobile Banner Fixo-->
<div class="show-for-small-up hide-for-large-up columns top10 small-12 medium-6">
    <div class="left text-center small-12">
        <div id="bannerfixo"></div>
    </div>
</div>

<div id="Interstitial" style="height: 0"></div>

<div id="weatherbackground"
     data-current-weather
     data-city="558"
             data-background="/climatempo/climatempo/img/tempo-no-momento/poucas-nuvens.jpg"
     data-dynamic-bg="true"
        >
</div>
<div class="off-canvas-wrap" data-offcanvas>
    <div class="inner-wrap">

        
        
        
        

        
        
        
        

        <!-- publicidade topo -->
        
        
        
        
        
        
        

        <!-- barra do topo do site -->
        <div class="row top5">
            <div class="small-12 left">
                <div id="navbar" class="navbar-position contain-to-grid fixed">
                    <nav class="top-bar" data-topbar role="navigation">

                        <!-- botao menu mobile -->
                        <span id="btn-menu-mobile" class="left left5 btn-menu hide-for-large-up"
                              data-dropdown="site-map-mobile">
                            <span id="icon-btn-menu-mobile" class="left top20 icon-burguer txt-white font14"></span>
                        </span>

                        <!-- logo climatempo -->
                        <div class="container">
                            <a class="logo-clima left10 top3 align-left" href="http://www.climatempo.com.br"
                               title=" Climatempo - O melhor site de meteorologia do Brasil"
                               arial-label="Ir para a página inicial">
                                <span class="icon-logo txt-white"></span>
                            </a>

                            <div class="right search-container">

                                <!--icone de login mobile-
                                <a
                                        class="right font18 pointer hide-for-large-up icon-user3 txt-white top25 right10 pointer"
                                        role="button" href="/login" title="Ir para Meu Climatempo ">
                                </a>-->

                                <!--icone busca mobile-->
                                <span
                                        id="btn-search-mobile"
                                        class="right top27 right10 font16 hide-for-large-up icon-search txt-white
                                        pointer"
                                        aria-autoclose="false"
                                        role="button"
                                        title="Pressione para buscar">
                                </span>

                                <!-- icone busca desktop-->
                                <span id="btn-search-desk"
                                      class="hide left top25 font16 right10 icon-search txt-white pointer"
                                      aria-autoclose="false" role="button"
                                      arial-label="Pressione para buscar">
                                </span>

                                <input class="right normal font14 visible-for-large-up ipt-search-topbar"
                                       type="text" id="ipt-search-desk"
                                       value=""
                                       role="search"
                                       data-dont-close="true"
                                       placeholder="Busca"
                                >
                                <span class="right font16 visible-for-large-up icon-search ico-search-inside-desk"
                                      id="icon-search"
                                      role="button"></span>
                                <!-- AUTOCOMPLETE DESKTOP -->
                                <ul id="search-list-main-cities" class="normal font16 txt-white autocomplete
                                show-for-large-up"></ul>
                                <ul id="search-list-autocomplete"
                                    class="normal font16 txt-white autocomplete hide"></ul>
                                
                                                                <!--<span class="right font18 visible-for-large-up icon-user3 ico-user1"
                                      role="button"></span>
                                <a class="right font14 visible-for-large-up txt-white btn-enter" href="/login"
                                   title="Ir para Meu Climatempo">Entrar</a>-->
                                                                

                                <!-- modal geolocalizacao -->
                                <div id="geolocation" class="modal modal-geo" data-reveal>
                                <span arial-label="Clique aqui para ativar a geolocalização"
                                      class="left icon-base-title txt-lightblue font30"></span>

                                    <p class="left txt-black font16 normal top5 left10">GEOLOCALIZAÇÃO</p>
                                    <a class="right right5 close-reveal-modal">&#215;</a>
                                    <hr>
                                    <span class="left left20 icon-geoloc2 font30 txt-darkgray"></span>

                                    <p class="left txt-black bottom10 font14 normal left20">Você está nesta <br>
                                        localidade?
                                    </p>
                                    <select class="slt-geo" name="sel-state-geo" id="sel-state-geo"
                                            arial-label="Selecione um Estado">
                                        <option value="">Nome do Estado</option>
                                    </select>
                                    <select class="slt-geo" name="sel-city-geo" id="sel-city-geo" arial-label="Selecione uma
                                 Cidade">
                                        <option value="">Nome da Cidade</option>
                                    </select>
                                    <button type="button" name="btn-confirm-geo" id="btn-confirm-geo" class="bold font14
                                top5
                                text-center
                                btn-confirm">CONFIRMAR
                                    </button>
                                </div>

                            </div>
                        </div>
                    </nav>

                    <div class="divider-top-bars show-for-large-up"></div>

                    <section class="top-bar-section show-for-large-up">

                        <!-- botao menu desktop -->
                        <span id="btn-menu-desk" class="left left5 btn-menu show-for-large-up"
                              data-dropdown="site-map-desk">
                            <span id="icon-btn-menu-desk"
                                  class="left icon-burguer txt-white font14 padding-right25"></span>
                        </span>

                        <ul id="fav-desk" class="normal font16 txt-white f-dropdown tiny" data-dropdown-content
                            aria-autoclose="false" role="menubar" arial-label="Suas Cidades Favoritas">

                            <li id="favdesk" role="menuitem">
                                <a class="left txt-white item-menu-desk pointer item-menu-offpad"
                                   href="/configuracoes" title="Adicionar localidade aos favoritos">
                                    <span class="right right10 txt-white font16 icon-arrow-right"></span>
                                    <span class="left font12 left10">Adicionar localidade</span>
                                </a>
                            </li>
                        </ul>

                        <!-- menu desktop -->
                        <div class="row top2 bottom2">
                            <ul id="menu-desk" class="left normal font16 txt-white tiny show-for-large-up"
                                aria-autoclose="true" role="menubar">
                                <li class="has-dropdown" role="menuitem">
                                    <a class="left txt-white font16 bold previsao previsao-close item-menu-desk pointer toggle-offcanvas item-menu-offpad"
                                       data-dropdown="previsao">
                                        Previsão do tempo
                                        <span id="previsao-icon" class="right txt-white icon-arrow3-down arrow-offcanvas-desk arrow-toggle-offcanvas"></span>
                                    </a>
                                    <ul id="previsao" class="f-dropdown dropdown-display-desk dropdown-width"
                                        data-options="align:right" data-dropdown-content aria-hidden="false"
                                        tabindex="-1">
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk" href="/brasil"
                                               title="Previsão do Tempo para o Brasil">
                                                Brasil
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/previsao-do-tempo/litoral"
                                               title="Previsão do Tempo para Praias">
                                                Praias
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/previsao-do-tempo/aeroporto"
                                               title="Previsão do Tempo para Aeroportos">
                                                Aeroportos
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/previsao-do-tempo/mundo"
                                               title="Previsão do Tempo Internacional">
                                                Internacional
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk" href="/mapas"
                                               title="Previsão do Tempo para Regiões">
                                                Previsão em mapa
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/graficos/cidade/558/saopaulo-sp"
                                               title="Previsão em Gráficos">
                                                Previsão em gráfico
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk" href="/videos/playlist/1/previsao-por-regioes"
                                               title="Previsão em Vídeo">
                                                Previsão em vídeo
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-dropdown" role="menuitem">
                                    <a class="left txt-white font16 bold chuva item-menu-desk pointer toggle-offcanvas item-menu-offpad"
                                       data-dropdown="chuva">
                                        Chuva
                                        <span id="chuva-icon" class="right txt-white icon-arrow3-down arrow-offcanvas-desk arrow-toggle-offcanvas"></span>
                                    </a>
                                    <ul id="chuva" class="f-dropdown dropdown-display-desk" data-dropdown-content
                                        aria-hidden="false" tabindex="-1">
                                        <li class="dropdown-padding-top padding-right20 disable-click" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk">
                                                Chuva Agora
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top item-submenu-desk-inside-dropdown padding-top0 text-left"
                                            role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/radar-sp"
                                               title="Radar São Paulo">
                                                Radar SP
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top item-submenu-desk-inside-dropdown text-left"
                                            role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/alerta-rio"
                                               title="Radar Rio de Janeiro">
                                                Radar RJ
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top item-submenu-desk-inside-dropdown text-left padding-bottom0"
                                            role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="http://www.redemet.aer.mil.br/"
                                               title="Radar Outros Radares"
                                               target="_blank">
                                                Outros radares
                                            </a>
                                        </li>

                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/graficos/cidade/558/saopaulo-sp#chuva"
                                               title="Chuva Prevista">
                                                Chuva prevista
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/mapas/precipitacao-acumulada"
                                               title="Chuva Acumulada">
                                                Chuva acumulada
                                            </a>
                                        </li>
                                    </ul>
                                <li class="dropdown-padding-right" role="menuitem">
                                    <a class="left txt-white font16 bold item-menu-desk pointer item-menu-offpad"
                                       href="/satelite">
                                        Satélite
                                    </a>
                                </li>
                                <li class="dropdown-padding-right" role="menuitem">
                                    <a class="left txt-white font16 bold item-menu-desk pointer item-menu-offpad"
                                       href="/videos">
                                        Vídeos
                                    </a>
                                </li>
                                <li class="has-dropdown" role="menuitem">
                                    <a class="left txt-white font16 bold noticias item-menu-desk pointer toggle-offcanvas item-menu-offpad"
                                       data-dropdown="noticias">
                                        Notícias
                                        <span id="noticias-icon" class="right txt-white icon-arrow3-down arrow-offcanvas-desk arrow-toggle-offcanvas"></span>
                                    </a>
                                    <ul id="noticias" class="f-dropdown dropdown-display-desk" data-dropdown-content
                                        aria-hidden="false" tabindex="-1">
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/noticias"
                                               title="Últimas Notícias">
                                                Últimas notícias
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/alertas"
                                               title="Confira os alertas">
                                                Alertas
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/noticias/saude"
                                               title="Notícias de Saúde">
                                                Saúde
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/noticias/fim-de-semana"
                                               title="Notícias de Fim de Semana">
                                                Fim de Semana
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/noticias/turismo"
                                               title="Notícias de Turismo">
                                                Turismo
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/noticias/sustentabilidade"
                                               title="Notícias de Sustentabilidade">
                                                Sustentabilidade
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/noticias/alimentacao"
                                               title="Notícias de Alimentação">
                                                Alimentação
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/noticias/agricultura"
                                               title="Notícias de Agricultura">
                                                Agricultura
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/noticias/esportes"
                                               title="Notícias de Esportes">
                                                Esporte
                                            </a>
                                        </li>
                                        <li class="dropdown-padding-top padding-right20" role="menuitem">
                                            <a class="left txt-white font14 item-submenu-desk"
                                               href="/noticias/internacional"
                                               title="Notícias Internacionais">
                                                Internacional
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="dropdown-padding-right" role="menuitem">
                                    <a href="/clima-de-viagem/"
                                       class="left txt-white font16 bold item-menu-desk pointer item-menu-offpad"
                                       target="_blank"
                                       title="Clima de viagem">
                                        Clima de viagem
                                    </a>
                                </li>
                                <li role="menuitem">
                                    <a href="/agroclima/"
                                       class="left txt-white font16 bold item-menu-desk pointer item-menu-offpad"
                                       target="_blank"
                                       title="Noticias Agrícolas Agroclima">
                                        Agroclima
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </section>

                    <!-- menu site map mobile -->
                    <div class="display-site-map-mobile text-center">
                        <div id="site-map-mobile" class="normal hide-for-large-up site-map-mobile fix-left"
                             aria-hidden="false">
                            <div class="container-site-map-mobile top10">
                                <div class="row align-site-map-mobile container-site-map-mobile">
                                    <div class="left left15 top20">
                                        <ul style="display: inline-block">
                                            <li class="text-left" role="menuitem">
                                                <a id="previsao-tab"
                                                   class="bold font14 left txt-white pointer toggle-offcanvas item-menu-mobile"
                                                   data-dropdown="previsao">
                                                    PREVISÃO
                                                    <span class="right txt-white previsao-icon icon-arrow3-down arrow-offcanvas-mobile arrow-toggle-offcanvas"></span>
                                                </a>
                                                <ul class="previsao text-left left10"
                                                    data-dropdown-content
                                                    aria-hidden="false" tabindex="-1">
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/brasil"
                                                           title="Previsão do Tempo para o Brasil">
                                                            Brasil
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/previsao-do-tempo/litoral"
                                                           title="Previsão do Tempo para Praias">
                                                            Praias
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/previsao-do-tempo/aeroporto"
                                                           title="Previsão do Tempo para Aeroportos">
                                                            Aeroportos
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/previsao-do-tempo/mundo"
                                                           title="Previsão do Tempo Internacional">
                                                            Internacional
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="text-left" role="menuitem">
                                                <a id="chuva-tab"  class="bold font14 left txt-white pointer toggle-offcanvas item-menu-mobile"
                                                   data-dropdown="chuva">
                                                    CHUVA AGORA
                                                    <span class="right txt-white chuva-icon icon-arrow3-down arrow-offcanvas-mobile arrow-toggle-offcanvas"></span>
                                                </a>
                                                <ul class="chuva text-left left10 dropdown-menu-mobile"
                                                    data-dropdown-content
                                                    aria-hidden="false" tabindex="-1">
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/radar-sp"
                                                           title="Radar São Paulo">
                                                            Radar SP
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/alerta-rio"
                                                           title="Radar Rio de Janeiro">
                                                            Radar RJ
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top" role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="http://www.redemet.aer.mil.br/"
                                                           title="Radar Outros Radares"
                                                           target="_blank">
                                                            Outros radares
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="text-left" role="menuitem">
                                                <a id="graficos-tab" class="bold font14 left txt-white pointer toggle-offcanvas item-menu-mobile"
                                                   href="/satelite"
                                                   title="Imagens de Satélite">
                                                    IMAGENS DE SATÉLITE
                                                </a>
                                            </li>
                                            <li class="text-left" role="menuitem">
                                                <a id="graficos-tab" class="bold font14 left txt-white pointer toggle-offcanvas item-menu-mobile"
                                                   data-dropdown="graficos">
                                                    GRÁFICOS
                                                    <span class="right txt-white graficos-icon icon-arrow3-down arrow-offcanvas-mobile arrow-toggle-offcanvas"></span>
                                                </a>
                                                <ul class="graficos text-left left10 dropdown-menu-mobile"
                                                    data-dropdown-content
                                                    aria-hidden="false" tabindex="-1">
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/graficos/cidade/558/saopaulo-sp#chuva"
                                                           title="Previsão de Chuva em Gráfico">
                                                            Previsão de chuva
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/graficos/cidade/558/saopaulo-sp#temperatura"
                                                           title="Previsão de Temperatura em Gráfico">
                                                            Previsão de temperatura
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top" role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/vento/cidade/558/saopaulo-sp#chuva"
                                                           title="Previsão Diária em Gráfico">
                                                            Vento hora a hora
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/uv/558/saopaulo-sp"
                                                           title="Previsão de Índice UV em Gráfico">
                                                            Índice UV
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top" role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/graficos/tabua-de-mares"
                                                           title="Previsão de Marés em Gráfico">
                                                            Tábua de marés
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="text-left" role="menuitem">
                                                <a id="mapas-tab" class="bold font14 left txt-white pointer toggle-offcanvas item-menu-mobile"
                                                   data-dropdown="mapas">
                                                    MAPAS
                                                    <span class="right txt-white mapas-icon icon-arrow3-down arrow-offcanvas-mobile arrow-toggle-offcanvas"></span>
                                                </a>
                                                <ul class="mapas text-left left10 dropdown-menu-mobile"
                                                    data-dropdown-content
                                                    aria-hidden="false" tabindex="-1">
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/mapas"
                                                           title="Previsão por Regiões em Mapas">
                                                            Previsão por regiões
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/mapas/temperatura"
                                                           title="Previsão de Temperatura em Mapas">
                                                            Previsão de temperatura
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top" role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/mapas/temperatura"
                                                           title="Previsão de Temperatura Hora a Hora">
                                                            Temperatura hora a hora
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/mapas/chuva"
                                                           title="Previsão de Chuva em Mapas">
                                                            Previsão de chuva
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/mapas/precipitacao-acumulada"
                                                           title="Previsão de Chuva Acumulada em Mapas">
                                                            Chuva acumulada
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top" role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/mapas/umidade-maxima"
                                                           title="Previsão de Umidade em Mapas">
                                                            Previsão de umidade
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/mapas/umidade-relativa"
                                                           title="Umidade Hora a Hora em Mapa">
                                                            Umidade hora a hora
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top" role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/mapas/pressao-vento"
                                                           title="Previsão de Pressão e Vento em Mapas">
                                                            Pressão e vento
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top" role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/mapas/refletividade-das-nuvens"
                                                           title="Refletividade das Nuvens">
                                                            Reflexividade das nuvens
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/mapas/probabilidade-mosquito"
                                                           title="Proliferação de Mosquitos">
                                                            Proliferação de mosquitos
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="text-left" role="menuitem">
                                                <a id="noticias-tab" class="bold font14 left txt-white pointer toggle-offcanvas item-menu-mobile"
                                                   data-dropdown="noticias">
                                                    NOTÍCIAS
                                                    <span class="right txt-white noticias-icon icon-arrow3-down arrow-offcanvas-mobile arrow-toggle-offcanvas"></span>
                                                </a>
                                                <ul class="noticias text-left left10 dropdown-menu-mobile"
                                                    data-dropdown-content
                                                    aria-hidden="false" tabindex="-1">
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/noticias"
                                                           title="Confira as Últimas Notícias">
                                                            Últimas notícias
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/alertas"
                                                           title="Confira os alertas">
                                                            Alertas
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/noticias/saude"
                                                           title="Notícias de Saúde">
                                                            Saúde
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/noticias/fim-de-semana"
                                                           title="Notícias de Fim de Semana">
                                                            Fim de Semana
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top" role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/noticias/turismo"
                                                           title="Notícias de turismo">
                                                            Turismo
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/noticias/sustentabilidade"
                                                           title="Notícias de Sustentabilidade">
                                                            Sustentabilidade
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/noticias/alimentacao"
                                                           title="Notícias de Alimentação">
                                                            Alimentação
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/noticias/agricultura"
                                                           title="Notícias de Agricultura">
                                                            Agricultura
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top" role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/noticias/esportes"
                                                           title="Notícias de Esporte">
                                                            Esporte
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/noticias/internacional"
                                                           title="Notícias Internacionais">
                                                            Internacional
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="text-left" role="menuitem">
                                                <a id="videos-tab" class="bold font14 left txt-white pointer toggle-offcanvas item-menu-mobile"
                                                   data-dropdown="videos">
                                                    VÍDEOS
                                                    <span class="right txt-white videos-icon icon-arrow3-down arrow-offcanvas-mobile arrow-toggle-offcanvas"></span>
                                                </a>
                                                <ul class="videos text-left left10 dropdown-menu-mobile"
                                                    data-dropdown-content
                                                    aria-hidden="false" tabindex="-1">
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/videos/playlist/1/previsao-brasil-e-regioes"
                                                           title="Vídeos de Previsão">
                                                            Boletins de previsão
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/videos/playlist/5/tendencia-climatica"
                                                           title="Vídeos de Tendência Climática">
                                                            Tendência climática
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top" role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/videos/playlist/2/climatempo-news-e-alertas"
                                                           target="_blank"
                                                           title="Climatempo News">
                                                            Climatempo news
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/videos/playlist/11/videos-usuarios--whatsapp"
                                                           title="Vídeos Enviados pelos Usuários">
                                                            Enviados pelos usuários
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/videos/playlist/2/climatempo-news-e-alertas"
                                                           title="Vídeos de Alertas">
                                                            Alertas
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top" role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/videos/playlist/7/previsao-para-eventos-e-feriados"
                                                           title="Vídeos de Eventos e Feriados">
                                                            Eventos e feriados
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="text-left" role="menuitem">
                                                <a id="canais-tab" class="bold font14 left txt-white pointer toggle-offcanvas item-menu-mobile"
                                                   data-dropdown="canais">
                                                    CANAIS
                                                    <span class="right txt-white canais-icon icon-arrow3-down arrow-offcanvas-mobile arrow-toggle-offcanvas"></span>
                                                </a>
                                                <ul class="canais text-left left10 dropdown-menu-mobile"
                                                    data-dropdown-content
                                                    aria-hidden="false" tabindex="-1">
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/agroclima/"
                                                           target="_blank"
                                                           title="Noticias Agrícolas Agroclima">
                                                            Agroclima
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="http://agrotalk.climatempo.com.br"
                                                           target="_blank"
                                                           title="Agrotalk | Evento agrícola">
                                                            Agrotalk
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/clima-de-viagem/"
                                                           target="_blank"
                                                           title="Clima de Viagem">
                                                            Clima de Viagem
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top" role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="http://www.climasurf.com.br/"
                                                           target="_blank"
                                                           title="Climasurf">
                                                            Climasurf
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="http://www.climakids.com.br/"
                                                           target="_blank"
                                                           title="Climakids">
                                                            Climakids
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/inverno/"
                                                           target="_blank"
                                                           title="Especial Inverno">
                                                            Especial Inverno
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="text-left" role="menuitem">
                                                <a id="confira-tambem-tab" class="bold font14 left txt-white pointer toggle-offcanvas item-menu-mobile"
                                                   data-dropdown="confira-tambem">
                                                    CONFIRA TAMBÉM
                                                    <span class="right txt-white confira-tambem-icon icon-arrow3-down arrow-offcanvas-mobile arrow-toggle-offcanvas"></span>
                                                </a>
                                                <ul class="confira-tambem text-left left10 dropdown-menu-mobile"
                                                    data-dropdown-content
                                                    aria-hidden="false" tabindex="-1">
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/participe"
                                                           title="Envie sua foto ou notícia">
                                                            Participe
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="/tempo-no-seu-site/"
                                                           title="Tenha a Climatempo no seu site">
                                                            Tempo no seu site
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top" role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="http://climatempoconsultoria.com.br/?utm_campaign=Home&utm_source=Menu&utm_medium=Link%20abaixo%20prev&utm_content=Climatempo"
                                                           title="Conheça a Consultoria Climatempo"
                                                           target="_blank">
                                                            Consultoria
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="text-left" role="menuitem">
                                                <a id="descontos-tab" class="bold font14 left txt-white pointer toggle-offcanvas item-menu-mobile"
                                                   data-dropdown="descontos">
                                                    DESCONTOS
                                                    <span class="right txt-white descontos-icon icon-arrow3-down arrow-offcanvas-mobile arrow-toggle-offcanvas"></span>
                                                </a>
                                                <ul class="descontos text-left left10 dropdown-menu-mobile"
                                                    data-dropdown-content
                                                    aria-hidden="false" tabindex="-1">
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="https://descontos.climatempo.com.br/cupom-de-desconto-walmart"
                                                           title="Cupom Walmart"
                                                           target="_blank">
                                                            Cupom Walmart
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="https://descontos.climatempo.com.br/cupom-desconto-centauro"
                                                           title="Cupom Centauro"
                                                           target="_blank">
                                                            Cupom Centauro
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top" role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="https://descontos.climatempo.com.br/cupom-de-desconto-ponto-frio"
                                                           title="Cupom Ponto Frio"
                                                           target="_blank">
                                                            Cupom Ponto Frio
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="https://descontos.climatempo.com.br/cupom-de-desconto-extra"
                                                           title="Cupom Extra"
                                                           target="_blank">
                                                            Cupom Extra
                                                        </a>
                                                    </li>
                                                    <li class="dropdown-padding-top padding-right20"
                                                        role="menuitem">
                                                        <a class="font14 left txt-white item-submenu-mobile"
                                                           href="https://descontos.climatempo.com.br/"
                                                           title="Descontos"
                                                           target="_blank">
                                                            Ver todos os descontos
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="row align-site-map-mobile container-site-map-mobile">
                                <div class="links-site-map-mobile">
                                    <!--<div class="access-site-map-mobile">
                                                <span class="left txt-white left25 bottom30 font18 hide-for-large-up icon-user3"
                                                      role="button"></span>
                                        <a class="left font14 hide-for-large-up txt-white btn-site-map-mobile-enter"
                                           href="/login" title="Ir para Meu Climatempo">Acesse sua conta</a>
                                    </div>-->
                                    <div class="social-icons-link-mobile">
                                        <ul class="right social-icons-site-map-mobile">
                                            <li>
                                                <a class="right font16 hide-for-large-up icon-linkedin2 txt-white social-icons-mobile"
                                                   role="button" href="https://www.linkedin.com/company/climatempo"
                                                   title="Ir para a página do Linkedin"
                                                   target="_blank"></a></li>
                                            <li>
                                                <a class="right font16 hide-for-large-up icon-pinterest txt-white social-icons-mobile"
                                                   role="button" href="https://plus.google.com/115718114400132281891"
                                                   title="Ir para a página do Pinterest"
                                                   target="_blank"></a></li>
                                            <li>
                                                <a class="right font16 hide-for-large-up icon-gplus2 txt-white social-icons-mobile"
                                                   role="button" href="https://plus.google.com/115718114400132281891"
                                                   title="Ir para a página do Google Plus"
                                                   target="_blank"></a></li>
                                            <li>
                                                <a class="right font16 hide-for-large-up icon-youtube2 txt-white social-icons-mobile"
                                                   role="button" href="https://www.youtube.com/user/climatempo"
                                                   title="Ir para a página do YouTube"
                                                   target="_blank"></a></li>
                                            <li>
                                                <a class="right font16 hide-for-large-up icon-instagram2 txt-white social-icons-mobile"
                                                   role="button" href="https://instagram.com/climatempo/"
                                                   title="Ir para a página do Instagram"
                                                   target="_blank"></a></li>
                                            <li>
                                                <a class="right font16 hide-for-large-up icon-twitter2 txt-white social-icons-mobile"
                                                   role="button" href="https://twitter.com/climatempo"
                                                   title="Ir para a página do Twitter"
                                                   target="_blank"></a></li>
                                            <li>
                                                <a class="right font16 hide-for-large-up icon-facebook2 txt-white social-icons-mobile"
                                                   role="button" href="https://www.facebook.com/Climatempo.Meteorologia"
                                                   title="Ir para a página do Facebook"
                                                   target="_blank"></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <input class="none-i right font14 input-mobile margin-bottom0 normal hide-for-large-up ipt-search-topbar-mobile"
                           type="text" id="ipt-search-mobile"
                           value=""
                           role="search"
                           data-dont-close="true"
                           placeholder="Busca"
                           onfocus="(this.type='text')"
                           onblur="(this.type='text')"
                    >

                    <span id="icon-search-mobile"
                          class="none-i right font16 hide-for-large-up icon-search ico-search-inside-mobile"
                          role="button">
                    </span>
                    <!-- AUTOCOMPLETE MOBILE -->
                    <ul id="search-list-main-cities-mobile" class="normal font16 txt-white autocomplete-mobile
                                    hide-for-large-up"></ul>
                    <ul id="search-list-autocomplete-mobile"
                        class="normal font16 txt-white autocomplete-mobile hide"></ul>


                    <!-- menu site map desktop -->
                    <div class="display-site-map-desk text-center">
                        <div id="site-map-desk" class="normal show-for-large-up site-map-desk fix-left"
                             aria-hidden="false">
                            <div class="container-site-map-desk">
                                <div class="row align-site-map-desk container-site-map-desk">
                                    <div class="top20">
                                        <table class="table-top">
                                            <th class="align-site-map-desk-th1">
                                                <div class="align-menu">
                                                    <ul role="menuitem" aria-expanded=“true”>
                                                        <span class="font16 txt-white">
                                                            PREVISÃO
                                                        </span>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white" href="/brasil"
                                                               title="Previsão do Tempo para o Brasil">
                                                                Brasil
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/previsao-do-tempo/litoral"
                                                               title="Previsão do Tempo para Praias">
                                                                Praias
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/previsao-do-tempo/aeroporto"
                                                               title="Previsão do Tempo para Aeroportos">
                                                                Aeroportos
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/previsao-do-tempo/mundo"
                                                               title="Previsão do Tempo Internacional">
                                                                International
                                                            </a>
                                                        </li>
                                                    </ul>
                                                    <ul role="menuitem" aria-expanded=“true”>
                                                        <span class="font16 txt-white">
                                                            CHUVA
                                                        </span>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/radar-sp"
                                                               title="Radar São Paulo">
                                                                Radar SP
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/alerta-rio"
                                                               title="Radar Rio de Janeiro">
                                                                Radar RJ
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="http://www.redemet.aer.mil.br/"
                                                               title="Radar Outros Radares"
                                                               target="_blank">
                                                                Outros radares
                                                            </a>
                                                        </li>
                                                    </ul>
                                                    <ul role="menuitem" aria-expanded=“true”>
                                                        <span class="font16 txt-white">
                                                            GRÁFICOS
                                                        </span>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/graficos/cidade/558/saopaulo-sp#chuva"
                                                               title="Previsão de Chuva em Gráfico">
                                                                Previsão de chuva
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/graficos/cidade/558/saopaulo-sp#temperatura"
                                                               title="Previsão de Temperatura em Gráfico">
                                                                Previsão de temperatura
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/vento/cidade/558/saopaulo-sp"
                                                               title="Previsão Diária em Gráfico">
                                                                Vento hora a hora
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/uv/558/saopaulo-sp"
                                                               title="Previsão de Índice UV em Gráfico">
                                                                Índice UV
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/tabua-de-mares"
                                                               title="Previsão de Marés em Gráfico">
                                                                Tábua de marés
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </th>
                                            <th class="align-site-map-desk-th2">
                                                <div class="left50">
                                                    <ul role="menuitem" aria-expanded=“true”>
                                                        <span class="font16 txt-white">
                                                            MAPAS
                                                        </span>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/mapas"
                                                               title="Previsão por Regiões em Mapas">
                                                                Previsão por regiões
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/mapas/temperatura"
                                                               title="Previsão de Temperatura em Mapas">
                                                                Previsão de temperatura
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/mapas/temperatura"
                                                               title="Previsão de Temperatura Hora a Hora">
                                                                Temperatura hora a hora
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/mapas/chuva"
                                                               title="Previsão de Chuva em Mapas">
                                                                Previsão de chuva
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/mapas/precipitacao-acumulada"
                                                               title="Chuva Acumulada">
                                                                Chuva acumulada
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/mapas/umidade-maxima"
                                                               title="Previsão de Umidade em Mapas">
                                                                Previsão de umidade
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/mapas/umidade-relativa"
                                                               title="Umidade Hora a Hora em Mapa">
                                                                Umidade hora a hora
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/satelite"
                                                               title="Imagens de Satélite">
                                                                Imagens de satélite
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/mapas/pressao-vento"
                                                               title="Previsão de Pressão e Vento em Mapas">
                                                                Pressão e vento
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/mapas/refletividade-nuvens"
                                                               title="Refletividade das Nuvens">
                                                                Reflexividade das nuvens
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/mapas/probabilidade-mosquito"
                                                               title="Proliferação de Mosquitos">
                                                                Proliferação de mosquitos
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </th>
                                            <th class="align-site-map-desk-th3">
                                                <div class="left50">
                                                    <ul role="menuitem" aria-expanded=“true”>
                                                        <span class="font16 txt-white">
                                                            NOTÍCIAS
                                                        </span>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/noticias"
                                                               title="Confira as Últimas Notícias">
                                                                Últimas notícias
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/alertas"
                                                               title="Confira os alertas">
                                                                Alertas
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/noticias/saude"
                                                               title="Notícias de Saúde">
                                                                Saúde
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/noticias/fim-de-semana"
                                                               title="Notícias de Fim de Semana">
                                                                Fim de Semana
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/noticias/turismo"
                                                               title="Notícias de turismo">
                                                                Turismo
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/noticias/sustentabilidade"
                                                               title="Notícias de Sustentabilidade">
                                                                Sustentabilidade
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/noticias/alimentacao"
                                                               title="Notícias de Alimentação">
                                                                Alimentação
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/noticias/agricultura"
                                                               title="Notícias de Agricultura">
                                                                Agricultura
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/noticias/esportes"
                                                               title="Notícias de Esportes">
                                                                Esporte
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/noticias/internacional"
                                                               title="Notícias Internacionais">
                                                                Internacional
                                                            </a>
                                                        </li>
                                                    </ul>
                                                    <ul role="menuitem" aria-expanded=“true”>
                                                        <span class="font16 txt-white">
                                                            VÍDEOS
                                                        </span>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/videos/playlist/1/previsao-brasil-e-regioes"
                                                               title="Vídeos de Previsão">
                                                                Boletins de previsão
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/videos/playlist/5/tendencia-climatica"
                                                               title="Vídeos de Tendência Climática">
                                                                Tendência climática
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/videos/playlist/2/climatempo-news-e-alertas"
                                                               target="_blank"
                                                               title="Climatempo News">
                                                                Climatempo news
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/videos/playlist/11/videos-usuarios--whatsapp"
                                                               title="Vídeos Enviados pelos Usuários">
                                                                Enviados pelos usuários
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/videos/playlist/2/climatempo-news-e-alertas"
                                                               title="Vídeos de Alertas">
                                                                Alertas
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/videos/playlist/7/previsao-para-eventos-e-feriados"
                                                               title="Vídeos de Eventos e Feriados">
                                                                Eventos e feriados
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </th>
                                            <th class="align-site-map-desk-th4">
                                                <div class="left50">
                                                    <ul role="menuitem" aria-expanded=“true”>
                                                        <span class="font16 txt-white">
                                                            CANAIS
                                                        </span>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/agroclima/"
                                                               target="_blank"
                                                               title="Noticias Agrícolas Agroclima">
                                                                Agroclima
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="http://agrotalk.climatempo.com.br"
                                                               target="_blank"
                                                               title="Agrotalk | Evento agrícola">
                                                                Agrotalk
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/clima-de-viagem/"
                                                               target="_blank"
                                                               title="Clima de Viagem">
                                                                Clima de Viagem
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="http://www.climasurf.com.br/"
                                                               target="_blank"
                                                               title="Climasurf">
                                                                Climasurf
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="http://www.climakids.com.br/"
                                                               target="_blank"
                                                               title="Climakids">
                                                                Climakids
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white" href="/inverno/"
                                                               target="_blank"
                                                               title="Especial Inverno">
                                                                Especial Inverno
                                                            </a>
                                                        </li>
                                                    </ul>
                                                    <ul role="menuitem" aria-expanded=“true”>
                                                        <span class="font16 txt-white">
                                                            CONFIRA TAMBÉM
                                                        </span>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/participe"
                                                               title="Envie sua foto ou notícia">
                                                                Participe
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="/tempo-no-seu-site/"
                                                               title="Tenha a Climatempo no seu site">
                                                                Tempo no seu site
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="http://climatempoconsultoria.com.br/?utm_campaign=Home&utm_source=Menu&utm_medium=Link%20abaixo%20prev&utm_content=Climatempo"
                                                               target="_blank"
                                                               title="Conheça a Consultoria Climatempo">
                                                                Consultoria
                                                            </a>
                                                        </li>
                                                    </ul>
                                                    <ul role="menuitem" aria-expanded=“true”>
                                                        <span class="font16 txt-white">
                                                            DESCONTOS
                                                        </span>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="https://descontos.climatempo.com.br/cupom-de-desconto-walmart"
                                                               title="Cupom Walmart"
                                                               target="_blank">
                                                                Cupom Walmart
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="https://descontos.climatempo.com.br/cupom-desconto-centauro"
                                                               title="Cupom Centauro"
                                                               target="_blank">
                                                                Cupom Centauro
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="https://descontos.climatempo.com.br/cupom-de-desconto-ponto-frio"
                                                               title="Cupom Ponto Frio"
                                                               target="_blank">
                                                                Cupom Ponto Frio
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="https://descontos.climatempo.com.br/cupom-de-desconto-extra"
                                                               title="Cupom Extra"
                                                               target="_blank">
                                                                Cupom Extra
                                                            </a>
                                                        </li>
                                                        <li role="menuitem">
                                                            <a class="font14 bold txt-white"
                                                               href="https://descontos.climatempo.com.br/"
                                                               title="Descontos"
                                                               target="_blank">
                                                                Ver todos os descontos
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </th>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="row align-site-map-desk container-site-map-desk">
                                <!-- <div class="access-site-map-desk">
                                        <span class="right font18 visible-for-large-up icon-user3 ico-user-site-map-desk"
                                              role="button"></span>
                                    <a class="right font16 visible-for-large-up txt-white btn-site-map-desk-enter"
                                       href="/login" title="Ir para Meu Climatempo">Acesse sua conta</a>
                                </div> -->
                                <ul class="social-icons-site-map-desk">
                                    <li class="right180"><a
                                                class="right font20 visible-for-large-up icon-facebook2 txt-white social-icons-desk"
                                                role="button" href="https://www.facebook.com/Climatempo.Meteorologia"
                                                title="Ir para a página do Facebook"
                                                target="_blank"></a></li>
                                    <li class="right150"><a
                                                class="right font20 visible-for-large-up icon-twitter2 txt-white social-icons-desk"
                                                role="button" href="https://twitter.com/climatempo"
                                                title="Ir para a página do Twitter"
                                                target="_blank"></a></li>
                                    <li class="right120"><a
                                                class="right font20 visible-for-large-up icon-instagram2 txt-white social-icons-desk"
                                                role="button" href="https://instagram.com/climatempo/"
                                                title="Ir para a página do Instagram"
                                                target="_blank"></a></li>
                                    <li class="right90"><a
                                                class="right font20 visible-for-large-up icon-youtube2 txt-white social-icons-desk"
                                                role="button" href="https://www.youtube.com/user/climatempo"
                                                title="Ir para a página do YouTube"
                                                target="_blank"></a></li>
                                    <li class="right60"><a
                                                class="right font20 visible-for-large-up icon-gplus2 txt-white social-icons-desk"
                                                role="button" href="https://plus.google.com/115718114400132281891"
                                                title="Ir para a página do Pinterest"
                                                target="_blank"></a></li>
                                    <li class="right30"><a
                                                class="right font20 visible-for-large-up icon-pinterest txt-white social-icons-desk"
                                                role="button" href=""
                                                title="Ir para a página do Google Plus"
                                                target="_blank"></a></li>
                                    <li><a      class="right font20 visible-for-large-up icon-linkedin2 txt-white social-icons-desk"
                                                role="button" href="https://www.linkedin.com/company/climatempo"
                                                title="Ir para a página do Linkedin"
                                                target="_blank"></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <!-- notificação de novos conteudos -->
                    <div class="updates pointer hide" role="alert" aria-autoclose="false">
                        <span class="left icon-base-title txt-lightblue font30"></span>
                        <p class="left text-center txt-white font16 normal novos-conteudos">3</p>
                        <p class="left txt-white font16 normal top5 left10">Notícias</p>
                    </div>

                    <!-- notificação do ao vivo -->
                    <!--                    <a style="z-index: -200 !important;" class="updates pointer" href="/videos/ao-vivo" title="Estamos ao vivo"
                       role="alert" aria-autoclose="false">
                        <span class="left icon-base-title txt-red font30"></span>
                        <span class="left top5 icon-movie1 txt-white font14 video-over"></span>
                        <p class="left txt-white font16 normal top5 left10">AO VIVO</p>
                    </a>
                    -->

                </div>
            </div>
        </div>
        <!-- fim barra do topo do site -->
                <div id="body-content">
            

<style type="text/css">
    canvas { z-index: 9999; position: fixed !important; opacity: 0.4; }
    #rain { width: 100%; height: 100%; top: -9999px; position: absolute; z-index: -9999; }
</style>
<img id="rain" src="" alt=""/>

    <!-- publicidade topo -->
    <div class="row">
        <div class="small-12 top20 columns bg-banner">
            <div class="ad-top master text-center">
                <div id="Top"></div>
            </div>
        </div>
    </div>

<div class="master bg-white top20 gutter-bot-20">
    <div class="row">
        <div class="top20 small-12 columns">
            <div class="left small-12 marcador" title="Confira a previsão diária para a cidade">
                <span class="left icon-base-title txt-blue font30"></span>
                                <h1 class="left top10 bold font12 txt-darkgray small-10">Infelizmente não foi possível processar sua
                    solicitação, continue navegando em <a href="https://www.climatempo.com.br/" >www.climatempo.com.br</a></h1>
                            </div>

            <div class="left top20 small-12">
                <p class="left small-12 text-center">
                    <img src="/climatempo/climatempo/img/ops.png" alt="ops"/>
                </p>
            </div>

            <h2 class="left top10 bold font12 txt-darkgray small-12">CIDADES MAIS ACESSADAS</h2>

            <a href="/previsao-do-tempo/cidade/558/saopaulo-sp" title="" class="bold font14 taglink">São Paulo - SP</a>
            <a href="/previsao-do-tempo/cidade/418/campinas-sp" title="" class="bold font14 taglink">Campinas - SP</a>
            <a href="/previsao-do-tempo/cidade/321/riodejaneiro-rj" title="" class="bold font14 taglink">Rio de Janeiro - RJ</a>
            <a href="/previsao-do-tempo/cidade/271/curitiba-pr" title="" class="bold font14 taglink">Curitiba - PR</a>
            <a href="/previsao-do-tempo/cidade/363/portoalegre-rs" title="" class="bold font14 taglink">Porto Alegre - RS</a>
            <a href="/previsao-do-tempo/cidade/377/florianopolis-sc" title="" class="bold font14 taglink">Florianópolis - SC</a>
            <a href="/previsao-do-tempo/cidade/56/salvador-ba" title="" class="bold font14 taglink">Salvador - BA</a>

        </div>
    </div>
</div>

        </div>
        
        <div class="clearfix"></div>

        <!-- rodape -->
        <div class="master bg-rodape inline-block gutter-bot-20">
            <div class="row">

                <div class="top20 small-12 columns">
                    <div class="left small-12 medium-7">
                        <span class="icon-logo-slogan txt-white logo-footer"></span>
                    </div>

                    <ul class="reset right top20 hide-for-small medium-5" role="menubar">
                        <li class="right right20" role="menuitem"><a
                                    href="https://www.facebook.com/Climatempo.Meteorologia"
                                    title="Ir para a nossa página no facebook"
                                    target="_blank"
                                    class="left font16 txt-white icon-facebook"></a>
                        </li>
                        <li class="right right10 left20" role="menuitem"><a
                                    href="https://plus.google.com/115718114400132281891"
                                    title="Ir para a nossa página no google plus"
                                    target="_blank"
                                    class="left font16 txt-white icon-gplus"></a>
                        </li>
                        <li class="right right10 left20" role="menuitem"><a href="https://twitter.com/climatempo"
                                                                            title="Ir para a nossa página no twitter"
                                                                            target="_blank"
                                                                            class="left font16 txt-white icon-twitter"></a>
                        </li>
                        <li class="right right10 left20" role="menuitem"><a
                                    href="https://www.youtube.com/user/climatempo"
                                    title="Ir para a nossa página no youtube"
                                    target="_blank"
                                    class="left font16 txt-white icon-youtube"></a>
                        </li>
                        <li class="right right10 left20" role="menuitem"><a href="https://instagram.com/climatempo/"
                                                                            title="Ir para a nossa página no instagram"
                                                                            target="_blank"
                                                                            class="left font16 txt-white icon-instagram"></a>
                        </li>
                    </ul>

                    <div class="clearfix"></div>

                    <!-- menu mobile -->
                    <div class="right top20 small-12 medium-6 border-bot-rodape show-for-small-only">
                        <ul class="normal font16 txt-white">
                            <li>
                                <span class="left txt-white item-menu-mobile master">
                                    Previsão do Tempo

                                </span>
                                <ul class="left normal font12 txt-white none reset master">
                                    <li><a class="left txt-white item-submenu-mobile master"
                                           href="/previsao-do-tempo/litoral" title="Previsão do Tempo para Praias">Praias<span
                                                    class="right txt-white font14 icon-arrow-right"></span></a></li>
                                    <li><a class="left txt-white item-submenu-mobile master"
                                           href="/previsao-do-tempo/aeroporto"
                                           title="Previsão do Tempo para Aeroportos">Aeroportos<span
                                                    class="right txt-white font14 icon-arrow-right"></span></a></li>
                                    <li><a class="left txt-white item-submenu-mobile master"
                                           href="/previsao-do-tempo/mundo" title="Previsão do Tempo Internacional">Internacional<span
                                                    class="right txt-white font14 icon-arrow-right"></span></a></li>
                                    <li><a class="left txt-white item-submenu-mobile master" href="/brasil"
                                           title="Previsão do Tempo para o Brasil">Brasil<span
                                                    class="right txt-white font14 icon-arrow-right"></span></a></li>
                                    <li><a class="left txt-white item-submenu-mobile master" href="/mapas"
                                           title="Previsão do Tempo para Regiões do Brasil">Regiões<span
                                                    class="right txt-white font14 icon-arrow-right"></span></a></li>
                                    <li><a class="left txt-white item-submenu-mobile master"
                                           href="/uv/558/saopaulo-sp" title="">Índice
                                            Uv<span class="right txt-white font14 icon-arrow-right"></a></li>
                                    <li><a class="left txt-white item-submenu-mobile master"
                                           href="/vento/cidade/558/saopaulo-sp"
                                           title="">Vento<span
                                                    class="right txt-white font14 icon-arrow-right"></span></a></li>
                                    <li><a class="left txt-white item-submenu-mobile master"
                                           href="/climatologia/558/saopaulo-sp"
                                           title="">Climatologia<span
                                                    class="right txt-white font14 icon-arrow-right"></span></a></li>
                                    <li><a class="left txt-white item-submenu-mobile master"
                                           href="/graficos/cidade/558/saopaulo-sp"
                                           title="">Gráficos<span
                                                    class="right txt-white font14 icon-arrow-right"></span></a></li>
                                </ul>
                            </li>
                            <li>
                                <span class="left txt-white item-menu-mobile master">
                                    Radar

                                </span>
                                <ul class="left normal font12 txt-white none reset master">
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master" href="/radar-sp"
                                           title="Radar em tempo real para São Paulo ">Radar São
                                            Paulo<span class="right txt-white font14 icon-arrow-right"></span>
                                        </a>
                                    </li>

                                    <li><a class="left txt-white item-submenu-mobile master"
                                           href="http://www.climatempo.com.br/alerta-rio/"
                                           title="Radar em tempo real para o Rio de Janeiro" target="_blank">Radar Rio
                                            de
                                            Janeiro<span class="right txt-white font14 icon-arrow-right"></span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li><a class="left txt-white item-menu-mobile master" href="/satelite"
                                   title="Ir para a página de satélite">Satélite<span
                                            class="right txt-white font14 icon-arrow-right"></span></a></li>
                            <li><a class="left txt-white item-menu-mobile master" href="/videos"
                                   title="Assista os vídeos da CLimatempo">Vídeos<span
                                            class="right txt-white font14 icon-arrow-right"></span></a></li>
                            <li><a class="left txt-white item-menu-mobile master" href="/radio"
                                   title="Ouça os boletins do tempo">Rádios<span
                                            class="right txt-white font14 icon-arrow-right"></span></a></li>
                            <li><a class="left txt-white item-menu-mobile master" href="/noticias"
                                   title="Confira as ultimas notícias">Notícias<span
                                            class="right txt-white font14 icon-arrow-right"></span></a></li>
                            <li>
                                <span class="left txt-white item-menu pointer toggle-offcanvas item-menu-offpad master">
                                    Canais

                                </span>
                                <ul class="left normal font12 txt-white none reset master">
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master"
                                           href="/agroclima/"
                                           title="Noticias Agrícolas Agroclima"
                                           target="_blank">
                                            Agroclima
                                            <span class="right txt-white font14 icon-arrow-right"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master"
                                           href="http://agrotalk.climatempo.com.br"
                                           title="Agrotalk | Evento agrícola"
                                           target="_blank">
                                            Agrotalk
                                            <span class="right txt-white font14 icon-arrow-right"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master"
                                           href="/clima-de-viagem/"
                                           title="Clima de Viagem" target="_blank">
                                            Clima de Viagem
                                            <span class="right txt-white font14 icon-arrow-right"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master"
                                           href="http://www.climasurf.com.br/"
                                           title="Climasurf" target="_blank">
                                            Climasurf
                                            <span class="right txt-white font14 icon-arrow-right"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master"
                                           href="http://www.climakids.com.br/"
                                           title="Climakids" target="_blank">
                                            Climakids
                                            <span class="right txt-white font14 icon-arrow-right"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master"
                                           href="/inverno/"
                                           title="Especial Inverno 2017">
                                            Inverno
                                            <span class="right txt-white font14 icon-arrow-right"></span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li><a class="left txt-white item-menu-mobile master" href="/participe"
                                   title="Envie sua foto ou notícia">Participe<span
                                            class="right txt-white font14 icon-arrow-right"></span></a></li>
                            <li><a class="left txt-white item-menu-mobile master"
                                   href="http://climatempoconsultoria.com.br/?utm_campaign=Home&utm_source=Rodape&utm_medium=Link%20abaixo%20prev&utm_content=Climatempo"
                                   title="Conheça a consultoria Climatempo" target="_blank">Consultoria<span
                                            class="right txt-white font14 icon-arrow-right"></span></a></li>
                            <li>
                                <span class="left txt-white item-menu pointer toggle-offcanvas item-menu-offpad master">
                                    Contato

                                </span>
                                <ul class="left normal font12 txt-white none reset master">
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master" href="/anuncie/"
                                           title="Anuncie">
                                            Anuncie

                                        </a>
                                    </li>
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master" href="/fale-conosco/"
                                           title="Fale Conosco">
                                            Fale Conosco
                                            <span class="right txt-white font14 icon-arrow-right"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master"
                                           href="/politica-de-privacidade/"
                                           title="Politica de privacidade">
                                            Politica de privacidade

                                        </a>
                                    </li>
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master" href="/trabalhe-conosco/"
                                           title="Trabalhe Conosco">
                                            Trabalhe Conosco
                                            <span class="right txt-white font14 icon-arrow-right"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master" href="/faq/"
                                           title="FAQ">
                                            FAQ
                                            <span class="right txt-white font14 icon-arrow-right"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master" href="/termos-de-uso/"
                                           title="Termos de Uso">
                                            Termos de Uso
                                            <span class="right txt-white font14 icon-arrow-right"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master" href="/previsao-por-email/"
                                           title="Previsão por email">
                                            Previsão por email
                                            <span class="right txt-white font14 icon-arrow-right"></span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="left txt-white item-submenu-mobile master" href="/configuracoes/"
                                           title="Configurações">
                                            Configurações
                                            <span class="right txt-white font14 icon-arrow-right"></span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>

                        <div class="clearfix"></div>

                        <ul class="left top20 text-left small-4" role="menubar">
                            <li role="menuitem" class="bold txt-white font14">Aplicativos</li>
                            <li class="top5" role="menuitem"><a class="txt-white normal font12"
                                                                href="https://play.google.com/store/apps/details?id=com.mobimidia.climaTempo"
                                                                target="_blank" title="">Android</a></li>
                            <li class="top5" role="menuitem"><a class="txt-white normal font12"
                                                                href="https://itunes.apple.com/br/app/climatempo/id407856257?mt=8"
                                                                target="_blank" title="">IOS</a></li>
                            <li class="top5" role="menuitem"><a class="txt-white normal font12"
                                                                href="http://www.windowsphone.com/pt-br/store/app/climatempo/6a67e1f8-e736-48fb-add8-c0db107fcd72"
                                                                target="_blank" title="">Windows Phone</a></li>
                        </ul>

                        <div class="clearfix"></div>

                        <ul class="reset left bottom20 top20">
                            <li class="right right20"><a href="https://www.facebook.com/Climatempo.Meteorologia"
                                                         title="" target="_blank"
                                                         class="left font16 txt-white icon-facebook"></a></li>
                            <li class="right right10 left20"><a href="https://plus.google.com/115718114400132281891"
                                                                title="" target="_blank"
                                                                class="left font16 txt-white icon-gplus"></a></li>
                            <li class="right right10 left20"><a href="https://twitter.com/climatempo" title=""
                                                                target="_blank"
                                                                class="left font16 txt-white icon-twitter"></a></li>
                            <li class="right right10 left20"><a href="https://www.youtube.com/user/climatempo" title=""
                                                                target="_blank"
                                                                class="left font16 txt-white icon-youtube"></a></li>
                            <li class="right right10 left20"><a href="https://instagram.com/climatempo/" title=""
                                                                target="_blank"
                                                                class="left font16 txt-white icon-instagram"></a></li>
                        </ul>
                    </div>

                    <!-- menu desktop -->
                    <div class="right small-12 border-bot-rodape hide-for-small" role="application">
                        <ul class="reset right top20 text-right medium-4 large-2" role="menubar">
                            <li role="menuitem" class="bold txt-white font14"><a class="txt-white bold font12"
                                                                                 href="https://descontos.climatempo.com.br/"
                                                                                 target="_blank"
                                                                                 title="Site de desconto da climatempo">Descontos</a>
                            </li>
                            <li class="top5" role="menuitem">
                                <a class="txt-white normal font12"
                                   href="https://descontos.climatempo.com.br/cupom-desconto-shoptime"
                                   title="Cupom de desconto shoptime" target="_blank">Cupom Shoptime</a>
                            </li>
                            <li class="top5" role="menuitem">
                                <a class="txt-white normal font12"
                                   href="https://descontos.climatempo.com.br/cupom-desconto-hotel-urbano"
                                   title="Cupom de desconto hotel urbano" target="_blank">Cupom Hotel Urbano</a>
                            </li>
                            <li class="top5" role="menuitem">
                                <a class="txt-white normal font12"
                                   href="https://descontos.climatempo.com.br/cupom-desconto-nike-store"
                                   title="Cupom de desconto nike" target="_blank">Cupom Nike</a>
                            </li>
                            <li class="top5" role="menuitem">
                                <a class="txt-white normal font12"
                                   href="https://descontos.climatempo.com.br/cupom-desconto-groupon"
                                   title="Cupom de desconto Groupon" target="_blank">Cupom Groupon</a>
                            </li>
                            <li class="top5" role="menuitem">
                                <a class="txt-white normal font12"
                                   href="https://descontos.climatempo.com.br/cupom-desconto-hoteis-com"
                                   title="Cupom de desconto hoteis com" target="_blank">Cupom Hoteis.com</a>
                            </li>
                        </ul>

                        <ul class="reset right top20 text-right medium-4 large-2" role="menubar">
                            <li role="menuitem" class="bold txt-white font14">Aplicativos</li>
                            <li class="top5" role="menuitem"><a class="txt-white normal font12"
                                                                href="https://play.google.com/store/apps/details?id=com.mobimidia.climaTempo"
                                                                target="_blank" title="">Android</a></li>
                            <li class="top5" role="menuitem"><a class="txt-white normal font12"
                                                                href="https://itunes.apple.com/br/app/climatempo/id407856257?mt=8"
                                                                target="_blank" title="">IOS</a></li>
                            <li class="top5" role="menuitem"><a class="txt-white normal font12"
                                                                href="http://www.windowsphone.com/pt-br/store/app/climatempo/6a67e1f8-e736-48fb-add8-c0db107fcd72"
                                                                target="_blank" title="">Windows Phone</a></li>

                            <li role="menuitem" class="top10 bold txt-white font14">Radar</li>
                            <li role="menuitem"><a class="txt-white normal font12" href="/radar-sp"
                                                   title="Acessar o Radar Meteorológico para São Paulo">São Paulo</a>
                            </li>
                            <li role="menuitem"><a class="txt-white normal font12"
                                                   href="http://www.climatempo.com.br/alerta-rio/" target="_blank"
                                                   title="Acessar o Radar Meteorológico para Rio de Janeiro">Rio de
                                    Janeiro</a></li>
                        </ul>

                        <ul class="reset right top20 text-right medium-4 large-2" role="menubar">
                            <li role="menuitem" class="bold txt-white font14">Contato</li>
                            <li class="top5" role="menuitem"><a class="txt-white normal font12" href="/anuncie"
                                                                title="Anuncie Conosco">Anuncie</a></li>
                            <li class="top5" role="menuitem"><a class="txt-white normal font12" href="/fale-conosco"
                                                                title="Fale Conosco">Fale Conosco</a></li>
                            <li class="top5" role="menuitem"><a class="txt-white normal font12"
                                                                href="/politica-de-privacidade"
                                                                title="Politica deprivacidade">Politica de
                                    privacidade</a></li>
                            <li class="" role="menuitem"><a class="txt-white normal font12" href="/trabalhe-conosco"
                                                            title="Trabalhe Conosco">Trabalhe Conosco</a></li>
                            <li class="top5" role="menuitem"><a class="txt-white normal font12" href="/faq"
                                                                title="FAQ">FAQ</a></li>
                            <li class="" role="menuitem"><a class="txt-white normal font12" href="/termos-de-uso"
                                                            title="Termos de Uso">Termos de Uso</a></li>
                            <li class="top5" role="menuitem"><a class="txt-white normal font12"
                                                                href="/previsao-por-email" title="">Previsão por
                                    email</a></li>
                            <li class="top5" role="menuitem"><a class="txt-white normal font12" href="/configuracoes"
                                                                title="">Configurações</a></li>
                        </ul>

                        <ul class="reset right top20 text-right medium-4 large-2" role="menubar">
                            <li role="menuitem"><a class="txt-white bold font12" href="/satelite"
                                                   title="Acessar Satélite">Satélite</a></li>
                            <li class="top15" role="menuitem"><a class="txt-white bold font12" href="/videos"
                                                                 title="Assista os vídeos da CLimatempo">Vídeos</a></li>
                            <li class="top15" role="menuitem"><a class="txt-white bold font12" href="/radio"
                                                                 title="Ouça os boletins do tempo">Áudios</a></li>
                            <li class="top20" role="menuitem"><a class="txt-white bold font12" href="/noticias"
                                                                 title="Confira as ultimas notícias">Notícias</a></li>
                            <li class="top20" role="menuitem"><a class="txt-white bold font12" href="/participe"
                                                                 title="Envie sua Notícia ou foto">Participe</a></li>
                            <li class="top20" role="menuitem"><a class="txt-white bold font12"
                                                                 href="http://climatempoconsultoria.com.br/?utm_campaign=Home&utm_source=Rodape&utm_medium=Link%20abaixo%20prev&utm_content=Climatempo"
                                                                 target="_blank"
                                                                 title="Consultoria Meteorológica Climatempo">Consultoria</a>
                            </li>
                        </ul>

                        <ul class="reset right top20 text-right medium-4 large-2" role="menubar">
                            <li role="menuitem" class="bold txt-white font14">Previsão do tempo</li>
                            <li role="menuitem"><a class="txt-white normal font12" href="/previsao-do-tempo/litoral"
                                                   title="Previsão do Tempo para Praias">Praias</a></li>
                            <li role="menuitem"><a class="txt-white normal font12" href="/previsao-do-tempo/aeroporto"
                                                   title="Previsão do Tempo para Aeroportos">Aeroportos</a></li>
                            <li role="menuitem"><a class="txt-white normal font12" href="/previsao-do-tempo/mundo"
                                                   title="Previsão do Tempo Internacional">Internacional</a></li>
                            <li role="menuitem"><a class="txt-white normal font12" href="/brasil"
                                                   title="Previsão do Tempo para o Brasil">Brasil</a></li>
                            <li role="menuitem"><a class="txt-white normal font12" href="/mapas"
                                                   title="Previsão do Tempo para Regiões">Mapas e Regiões</a></li>
                            <li role="menuitem"><a class="txt-white normal font12"
                                                   href="/uv/558/saopaulo-sp"
                                                   title="">Índice Uv</a></li>
                            <li role="menuitem"><a class="txt-white normal font12"
                                                   href="/vento/cidade/558/saopaulo-sp"
                                                   title="">Vento</a></li>
                            <li role="menuitem"><a class="txt-white normal font12"
                                                   href="/climatologia/558/saopaulo-sp"
                                                   title="">Climatologia</a></li>
                            <li role="menuitem"><a class="txt-white normal font12"
                                                   href="/graficos/cidade/558/saopaulo-sp"
                                                   title="">Gráficos</a></li>
                        </ul>

                        <ul class="reset right top20 text-right medium-4 large-2" role="menubar">
                            <li role="menuitem" class="bold txt-white font14">Canais</li>
                            <li role="menuitem"><a class="txt-white normal font12"
                                                   href="http://agroclima.climatempo.com.br/"
                                                   target="_blank"
                                                   title="Noticias Agrícolas Agroclima">Agroclima</a></li>
                            <li role="menuitem"><a class="txt-white normal font12"
                                                   href="http://agrotalk.climatempo.com.br"
                                                   target="_blank"
                                                   title="Agrotalk | Evento agrícola">Agrotalk</a></li>
                            <li role="menuitem"><a class="txt-white normal font12"
                                                   href="http://climadeviagem.climatempo.com.br/" title="Clima de Viagem">Clima
                                    de Viagem</a></li>
                            <li role="menuitem"><a class="txt-white normal font12" href="http://www.climasurf.com.br"
                                                   title="ClimaSurf" target="_blank">ClimaSurf</a></li>
                            <li role="menuitem"><a class="txt-white normal font12" href="http://www.climakids.com.br"
                                                   title="ClimaKids" target="_blank">ClimaKids</a></li>
                            <li role="menuitem"><a class="txt-white normal font12" href="/inverno/"
                                                   title="Especial Inverno 2017">Inverno</a></li>
                            <li role="menuitem"><a class="txt-white normal font12" href="/verao/"
                                                   title="Especial Verão">Verão</a></li>
                        </ul>
                    </div>

                    <h6 class="clear left small-6 txt-white font12 bold">Copyright 2017 -
                        Climatempo. Todos os direitos reservados.</h6>
                    <a class="right" href="http://www.terra.com.br/" title="powered by terra" target="_blank">
                        <img src="/climatempo/climatempo/img/poweredbyterra.png" alt=""/>
                    </a>
                </div>

            </div>
            <!-- end row -->
        </div>
        <!-- end master -->

        <!-- nao coloca NADA de html depois daqui -->
        <!-- close the off-canvas menu -->
        <a class="exit-off-canvas"></a>

    </div>
    <!-- end inner-wrap -->

    
</div>
<!-- end off-canvas-wrap -->

<!-- Core do foundation + jquery -->

<script src="/climatempo/bower_components/jquery/dist/jquery.min.js?20170426"></script>
<script src="/climatempo/bower_components/foundation/js/foundation.min.js?20170426"></script>
<script src="/climatempo/bower_components/foundation/js/foundation/foundation.dependencies.js?20170426"></script>

<!-- script padrão climatempo -->
<script src="/climatempo/climatempo/js/main.js?20170426"></script>

<!-- js alertas -->
<script src="/climatempo/climatempo/js/vendor/tickerme.min.js"></script>


    <psk-view controller="ResponseStatusCode">
        <script src="/climatempo/climatempo/js/vendor/liveWeather.js"></script>
        <script src="/climatempo/climatempo/js/vendor/motionTouch.js"></script>
        <script data-main="/framework/pasoka" src="/framework/kernel/require.js"></script>
    </psk-view>


<!-- Hotjar Tracking Code for http://www.climatempo.com.br -->
<script>
    (function (h, o, t, j, a, r) {
        h.hj = h.hj || function (){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings ={hjid:387551,hjsv:5};
        a = o.getElementsByTagName('head')[0];
        r = o.createElement('script');
        r.async = 1;
        r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
        a.appendChild(r);
    })(window, document, '//static.hotjar.com/c/hotjar-', '.js?sv=');
</script>

<!-- Begin comScore Tag -->
<script>
    var _comscore = _comscore || [];
    _comscore.push({c1: "2", c2: "18979526"});
    (function () {
        var s = document.createElement("script"), el = document.getElementsByTagName("script")[0];
        s.async = true;
        s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js";
        el.parentNode.insertBefore(s, el);
    })();
</script>
<noscript>
    <img src="https://sb.scorecardresearch.com/p?c1=2&c2=&c3=&c4=&c5=&c6=&c15=&cj=1%E2%80%9D" />
</noscript>
<!-- End comScore Tag -->

<!-- Start Alexa Certify Javascript -->
<script type="text/javascript">
    _atrk_opts = {atrk_acct: "8p7ei1aoZM000n", domain: "climatempo.com.br", dynamic: true};
    (function () {
        var as = document.createElement('script');
        as.type = 'text/javascript';
        as.async = true;
        as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js";
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(as, s);
    })();
</script>
<noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=8p7ei1aoZM000n" style="display:none"
               height="1" width="1" alt=""/></noscript>
<!-- End Alexa Certify Javascript -->

<!-- metrica do terra -->
<script language="javascript">terra_stats_metrics();</script>
















<!-- Tag LikeBox Home da Climatempo -->
<div id="fb-root"></div>
<script>(function(d, s, id)
    {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.8&appId=1774367749502167";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>
<!-- Fim Tag LikeBox Home da Climatempo -->

<!--<script type="text/javascript" src="/climatempo/climatempo/js/vendor/detectadblock/adframe.js"></script>
<script type="text/javascript" src="/climatempo/climatempo/js/vendor/detectadblock/detectadblock.js"></script>-->

<!-- Instant Articles Facebook Script -->
<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId      : '1716183805342969',
            xfbml      : true,
            version    : 'v2.9'
        });
        FB.AppEvents.logPageView();
    };

    (function(d, s, id){
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {return;}
            js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>
<!-- End Instant Articles Facebook Script -->


<!-- Pushwoosh modal init -->
<script>
    $(document).ready(function () {

        var prefix;

        if (window.location.href.indexOf("agroclima") !== -1) {
            prefix = "agroclima-";
        } else {
            prefix = "climatempo-";
        }

        $("#closeButton").on("click", function () {
            Pushwoosh.unsubscribe();
            localStorage.setItem(prefix + "pushwoosh-accepted", 0);
            $('#modal-subscribe').foundation('reveal', 'close');
        });

        $("#acceptButton").on("click", function () {
            Pushwoosh.subscribe();
            localStorage.setItem(prefix + "pushwoosh-accepted", 1);
            $('#modal-subscribe').foundation('reveal', 'close');
        });

        Pushwoosh.push(['onReady', function(api) {

            var denied = parseInt(localStorage.getItem(prefix + "pushwoosh-accepted"));

            Pushwoosh.push(['onSubscribe', function(api) {
                console.log('User successfully subscribed');
            }]);

            Pushwoosh.push(['onUnsubscribe', function(api) {
                console.log('User successfully unsubscribed');
            }]);

            setTimeout(function () {
                Pushwoosh.isSubscribed().then(function(isSubscribed) {
                    if(!isSubscribed && isNaN(denied)) {
                        $('#modal-subscribe').foundation('reveal', 'open');
                    };
                });
            }, 1500);
        }]);
    });
</script>
<!-- End Pushwoosh modal init -->
</body>
</html>