<!-- CITY-MONTH-ELEMENT -->
<div id="main-history-map" class="city-month-element">
  <div class="city-month-element-container">
    <div class="cities-element">
      <div class="cities-element-container">
        <div class="content">
          <h2>CIDADES</h2>
          <h3>explore os acontecimentos no mapa</h3>
          <div class="map-description-container">
            <div class="left">
              <div class="ce-portugal-map js-map">
                <svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                viewBox="0 0 210 345" enable-background="new 0 0 210 328.5" xml:space="preserve">
                <g>
                  <polygon fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="78.4,16.5 90.1,72 67.1,167.1 
                  52.5,177.2 48,220.5 60.6,226.6 64.2,236.3 78.4,235.1 84.5,303.5 72.7,328.2 99.8,321.3 128.2,327.8 152.4,316.4 148.4,286.1 
                  177.1,256.5 152,229 174.7,198.7 145.6,163 173.1,161 177.5,134.3 169.9,125.8 180.4,115.7 182.4,63.5 209.5,34.8 192.5,31.1 
                  191.3,12.1 115.2,18.2 109.6,0.4     "/>
                  <polygon fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="115.2,18.2 90.1,72 192.5,31.1   "/>
                  <polyline fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="182.4,63.5 90.1,72 180.4,115.7     "/>
                  <polyline fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="90.1,72 169.9,125.8 145.6,163 
                  67.1,167.1  "/>
                  <line fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="52.5" y1="177.2" x2="174.7" y2="198.7"/>
                  <polyline fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="60.6,226.6 152,229 48,220.5    "/>
                  <line fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" x1="78.4" y1="235.1" x2="152" y2="229"/>
                  <polyline fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="84.5,303.5 128.2,327.8 148.4,286.1 
                  84.5,303.5 99.8,321.3   "/>
                  <g class="city-container" id="city-one">
                    <circle fill="transparent" cx="92" cy="72" r="5" />
                    <circle fill="#FFFFFF" cx="92" cy="72" r="3"/>
                  </g>
                  <g class="city-container" id="city-two">
                    <circle fill="transparent" cx="86" cy="24" r="5" />
                    <circle fill="#FFFFFF" cx="86" cy="24" r="3"/>
                  </g>
                  <g class="city-container" id="city-three">
                    <circle fill="transparent" cx="150" cy="90" r="5" />
                    <circle fill="#FFFFFF" cx="150" cy="90" r="3"/>
                  </g>
                  <g class="city-container" id="city-four">
                    <circle fill="transparent" cx="89" cy="184" r="5" />
                    <circle fill="#FFFFFF" cx="89" cy="184" r="3"/>
                  </g>
                  <g class="city-container" id="city-five">
                    <circle fill="transparent" cx="125" cy="326" r="5" />
                    <circle fill="#FFFFFF" cx="125" cy="326" r="3"/>
                  </g>
                  <g class="city-container" id="city-six">
                    <circle fill="transparent" cx="36" cy="143" r="5" />
                    <circle fill="#FFFFFF" cx="36" cy="143" r="3"/>
                  </g>
                  <g class="city-container" id="city-seven">
                    <circle fill="transparent" cx="78" cy="216" r="5" />
                    <circle fill="#FFFFFF" cx="78" cy="216" r="3"/>
                  </g>
                  <g class="city-container" id="city-eight">
                    <circle fill="transparent" cx="119" cy="135" r="5" />
                    <circle fill="#FFFFFF" cx="119" cy="135" r="3"/>
                  </g>
                  <g class="city-container" id="city-nine">
                    <circle fill="transparent" cx="140" cy="50" r="5" />
                    <circle fill="#FFFFFF" cx="140" cy="50" r="3"/>
                  </g>
                  <g class="city-container city-selector-active" id="city-ten">
                    <circle fill="transparent" cx="111" cy="46" r="5" />
                    <circle fill="#FFFFFF" cx="111" cy="46" r="3"/>
                  </g>
                  <g class="city-container" id="city-eleven">
                    <circle fill="transparent" cx="180" cy="26" r="5" />
                    <circle fill="#FFFFFF" cx="180" cy="26" r="3"/>
                  </g>
                  <g class="city-container" id="city-twelve">
                    <circle fill="transparent" cx="89" cy="105" r="5" />
                    <circle fill="#FFFFFF" cx="89" cy="105" r="3"/>
                  </g>
                  <g class="city-container" id="city-thirteen">
                    <circle fill="transparent" cx="135" cy="235" r="5" />
                    <circle fill="#FFFFFF" cx="135" cy="235" r="3"/>
                  </g>
                  <g class="city-container" id="city-fourteen">
                    <circle fill="transparent" cx="120" cy="110" r="5" />
                    <circle fill="#FFFFFF" cx="120" cy="110" r="3"/>
                  </g>
                  <g class="city-container" id="city-fifteen">
                    <circle fill="transparent" cx="145" cy="150" r="5" />
                    <circle fill="#FFFFFF" cx="145" cy="150" r="3"/>
                  </g>>
                  <g class="city-container" id="city-sixteen">
                    <circle fill="transparent" cx="88" cy="241" r="5" />
                    <circle fill="#FFFFFF" cx="88" cy="241" r="3"/>
                  </g>
                  <g class="city-container" id="city-seventeen">
                    <circle fill="transparent" cx="120" cy="270" r="5" />
                    <circle fill="#FFFFFF" cx="120" cy="270" r="3"/>
                  </g>
                  <g class="city-container" id="city-eighteen">
                    <circle fill="transparent" cx="29" cy="310" r="5" />
                    <circle fill="#FFFFFF" cx="29" cy="310" r="3"/>
                  </g>
                  <g class="city-container" id="city-nineteen">
                    <circle fill="transparent" cx="86" cy="152" r="5" />
                    <circle fill="#FFFFFF" cx="86" cy="152" r="3"/>
                  </g>
                  <g class="city-container" id="city-twenty">
                    <circle fill="transparent" cx="130" cy="200" r="5" />
                    <circle fill="#FFFFFF" cx="130" cy="200" r="3"/>
                  </g>
                  <polygon fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="12.8,298.9 32.5,302.5 42,310.2 
                  30.7,312 21.2,305.5 13.4,301.9  "/>
                  <polyline fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="13.4,301.9 18.2,310.2 30.7,312     "/>
                  <path fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" d="M30.4,294.8L31,287l8.9-0.6c0,0,2.4,4.8,0,5.4
                  C37.5,292.4,30.4,294.8,30.4,294.8z"/>
                  <path fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" d="M26.1,135.9l4.1-1.8c0,0,4.9,5.7,5.9,5.7
                  c1,0,7,0,7,0l2.8-2.6l3.6,3.9l-5.9,3.9l-10.1,0.3L26.1,135.9z"/>
                  <polygon fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="45.2,149.6 48,147.5 52.1,150.4 
                  50.1,152.7  "/>
                  <polygon fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="40.3,124.6 39.5,122.3 41.6,118.7 
                  51.9,122.8 45.2,124.9   "/>
                  <polygon fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="19.9,112.5 24.8,114.3 25.8,109.1 
                  21.5,107.8  "/>
                  <path fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" d="M13.7,118l3.6-0.5l11.6,7.2l2.8,1.3
                  c0,0,1.8,2.3-0.3,2.3s-8.5-0.5-8.5-0.5L13.7,118z"/>
                  <polygon fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="10.4,126.4 14.2,126.2 20.9,131 
                  24.8,130.5 25.6,133.4 22.5,135.4 19.4,134.1 11.4,131.6  "/>
                  <polygon fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="0.3,115.6 2.4,117.9 5.2,117.1 
                  5.7,112.5 3.1,111.2     "/>
                  <polygon fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="8,110.7 5.2,109.7 4.7,106.3 6.5,103.5 
                  7.8,105     "/>
                  <polygon fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-miterlimit="10" points="8.6,123.6 8.6,128.5 5.7,129 1.9,126.9 
                  2.4,122.8   "/>
                </g>
              </svg>
            </div>
            <a class="more-events-container js-search-more-events" href="eventos?local=15105">
              <div class="more-events">
                <div class="center">
                  <img class="city-marker" src="<?php echo Config::get('path.frontend.img'); ?>/icons/location-marker.svg">
                  <div>
                    <p>MAIS acontecimentos</p>
                    <br>
                    <p class="bold">EM <span class="js-target-city-name">Braga</span></p>
                  </div>
                </div>
              </div>
            </a>
          </div>
          <div class="right js-cities-information-container">
            <div class="city-container">
              <div class="modal-close js-close-city-information">
                <div class="top"></div>
                <div class="bottom"></div>
              </div>
              <div class="js-city-picker city-information" data-city-id="15104" data-target-city="city-one">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Política">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/vote.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Porto</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>22</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Junho</span>
                    <span class="year">de 1963</span>
                  </div>
                </div>
                <p class="event-description">Inauguração da Ponte da Arrábida, no Porto. O projeto, da autoria do engenheiro Edgar Cardoso, incluía aquele que na altura era o maior arco em betão armado do mundo, o que contribuiu para o prestígio internacional da engenharia portuguesa. Estiveram presentes o Presidente da República Américo Tomás, o Presidente do Conselho Oliveira Salazar e o presidente da Câmara Municipal do Porto Nuno Pinheiro Torres.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="7485" data-target-city="city-two">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Sociedade">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/society.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Viana do Castelo</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>18</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Setembro</span>
                    <span class="year">de 1962</span>
                  </div>
                </div>
                <p class="event-description">Operários dos Estaleiros Navais de Viana do Castelo negam-se a fazer horas extraordinárias por não lhes ter sido concedido o aumento salarial que haviam reivindicado.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="2846" data-target-city="city-three">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Sociedade">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/society.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Guarda</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>12</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Setembro</span>
                    <span class="year">de 1961</span>
                  </div>
                </div>
                <p class="event-description">Em Aguiar da Beira, no distrito da Guarda, o fenómeno migratório agrava a falta de braços nos meios rurais e ameaça constituir um entrave à exploração agrícola, tanto neste concelho como em todo o distrito. O governador civil da Guarda defende então a restrição das correntes migratórias, devendo os excedentes populacionais ser canalizados para o «Portugal de Além-Mar».</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="15111" data-target-city="city-four">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Economia">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/chart.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Santarém</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>7</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Junho</span>
                    <span class="year">de 1964</span>
                  </div>
                </div>
                <p class="event-description">Inauguração da I Feira Nacional da Agricultura, em Santarém, integrada na XI Feira do Ribatejo.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="2822" data-target-city="city-five">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Economia">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/chart.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Faro</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>11</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Julho</span>
                    <span class="year">de 1965</span>
                  </div>
                </div>
                <p class="event-description">É inaugurado o aeroporto de Faro, no Algarve. A sua construção tinha sido anunciada a 16 de novembro de 1962 como meio de incentivar o turismo na região. A 13 de julho de 1965 iniciaram-se as carreiras regulares da TAP. O custo total das obras, instalações e material atingiu os 100 000 contos. A inauguração foi presidida pelo chefe de Estado almirante Américo Tomás, então em visita oficial ao Algarve.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="7408" data-target-city="city-six">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Política">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/vote.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Ponta Delgada</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>6</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Junho</span>
                    <span class="year">de 1975</span>
                  </div>
                </div>
                <p class="event-description">Uma manifestação em Ponta Delgada, ilha de São Miguel, Açores, exige o afastamento de António Borges Coutinho, ligado ao MDP/CDE, do cargo de governador civil do distrito. Seguiu-se uma perseguição aos partidos de esquerda e manifestações dos movimentos independentistas micaelenses, com o apoio discreto de parte dos comandos militares. A 9 de Junho foram detidos cerca de 35 militantes da FLA (quase todos em São Miguel) e enviados para Angra, na ilha Terceira. A 16 de Junho realiza-se, também em Ponta Delgada, uma manifestação dos partidos de esquerda e de extrema-esquerda que procuravam demarcar-se dos «actos antipatrióticos» e dos «actos subversivos» que tinham ocorrido a 6 de Junho.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="15106" data-target-city="city-seven">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Política">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/vote.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Lisboa</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>25</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Abril</span>
                    <span class="year">de 1974</span>
                  </div>
                </div>
                <p class="event-description">Marcelo Caetano e alguns ministros refugiam-se no quartel da GNR, no Largo do Carmo, o qual é rapidamente cercado por forças comandadas pelo capitão Salgueiro Maia, da Escola Prática de Cavalaria, de Santarém. Cerca das 18h o presidente do Conselho rende-se incondicionalmente ao general António de Spínola.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="15108" data-target-city="city-eight">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Política">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/vote.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Coimbra</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>17</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Abril</span>
                    <span class="year">de 1969</span>
                  </div>
                </div>
                <p class="event-description">O Presidente da República e os ministros da Educação, Justiça e Obras Públicas deslocam-se a Coimbra para inaugurar o novo edifício de Matemáticas na Cidade Universitária. Apesar do forte dispositivo policial, são recebidos por milhares de estudantes que empunham cartazes defendendo a «democratização do ensino» e o «diálogo». Durante a sessão de inauguração, o representante dos estudantes, Alberto Martins, pretende tomar a palavra e é impedido de falar. A comitiva de Américo Tomás abandona rapidamente o edifício entre vaias e gritos. A imprensa só noticiará estes acontecimentos a 23 de abril numa nota do gabinete do ministro da Educação José Hermano de Saraiva.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="15168" data-target-city="city-nine">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Cultura">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/guitar_white.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Vila Real</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>7</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Junho</span>
                    <span class="year">de 1980</span>
                  </div>
                </div>
                <p class="event-description">A Fundação Casa de Mateus, em Vila Real, institui o Prémio D. Dinis para poesia e ficção, sendo este atribuído, ex aequo, ao português Miguel Torga e ao brasileiro Carlos Drummond de Andrade. O Presidente da República, Ramalho Eanes, procede à entrega do prémio.</p>
              </div>
             <div class="js-city-picker city-information city-open city-active" data-city-id="15105" data-target-city="city-ten">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Sociedade">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/society.svg" class="inject-me" >
                </div>
                <h3 class="js-city-name">Braga</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>12</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Fevereiro</span>
                    <span class="year">de 1972</span>
                  </div>
                </div>
                <p class="event-description">Realiza-se uma greve, com ocupação do local de trabalho, dos trabalhadores da empresa Grundig, em Braga.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="15385" data-target-city="city-eleven">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Política">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/vote.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Bragança</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>26</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Maio</span>
                    <span class="year">de 1975</span>
                  </div>
                </div>
                <p class="event-description">Em Bragança é atacada a sede do MDP/CDE, por um grupo desconhecido que deixa no local inscrições do ELP. É o primeiro acto violento deste grupo terrorista contra alvos de esquerda. Segundo uma contabilização feita pelo PCP entre 26 de Maio e 30 de Novembro de 1975 foram realizadas 292 acções violentas contra partidos políticos. Destas 105 foram contra o PCP, 41 contra o MDP/CDE, 21 contra órgãos de informação ou de cultura, 23 contra outros partidos de esquerda, 17 contra alvos militares, 14 contra sindicatos, 8 contra instituições ligadas à reforma agrária, 5 contra o PS e 58 contra diversos. Não existe uma contabilidade feita pelos partidos moderados ou de direita.</p>
                <!--<img class="city-img" src="<?php echo Config::get('path.frontend.img'); ?>/cities-element/lisbon-event.png">-->
              </div>
              <div class="js-city-picker city-information" data-city-id="15115" data-target-city="city-twelve">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Cultura">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/guitar_white.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Aveiro</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>11</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Janeiro</span>
                    <span class="year">de 2001</span>
                  </div>
                </div>
                <p class="event-description">Lançamento da primeira pedra do Arquivo Distrital de Aveiro. O arquivo aguardava novas instalações há 30 anos, tendo funcionado precariamente em instalações cedidas pela Câmara Municipal de Aveiro.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="2819" data-target-city="city-thirteen">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Política">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/vote.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Évora</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>24</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Abril</span>
                    <span class="year">de 1990</span>
                  </div>
                </div>
                <p class="event-description">Em Évora, sob o patrocínio do Governo português, realiza-se, em ambiente de grande discrição, um primeiro encontro entre representantes do Governo angolano (MPLA) e da UNITA. Abria-se caminho para uma solução negociada para a guerra civil.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="15384" data-target-city="city-fourteen">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Economia">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/chart.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Viseu</h3>
                <div class="ci-date-el">
                  <!--<div class="day">
                    <span>12</span>
                  </div>-->
                  <div class="month-year">
                    <!--<span class="month">Maio</span>-->
                    <span class="year">1967</span>
                  </div>
                </div>
                <p class="event-description">A fábrica da Citroën em Mangualde (Viseu) começa a produzir o modelo Dyane. Até 1983, data em que este modelo foi descontinuado, a fábrica de Mangualde produziu 27 660 unidades, de um total de 1 443 583 produzidas no mundo inteiro.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="15302" data-target-city="city-fifteen">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Sociedade">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/society.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Castelo Branco</h3>
                <div class="ci-date-el">
                  <!--<div class="day">
                    <span>28</span>
                  </div>-->
                  <div class="month-year">
                    <span class="month">Setembro</span>
                    <span class="year">1965</span>
                  </div>
                </div>
                <p class="event-description">Regista-se um recrudescimento da emigração clandestina em várias zonas dos distritos da Guarda, Bragança, Vila Real e Castelo Branco. Por exemplo, entre 28 de Outubro e 4 de Novembro são presentes ao Tribunal Judicial de Chaves 16 indivíduos acusados do delito de emigração clandestina e aliciamento ilícito de emigrantes que, segundo fontes da PSP, «geralmente são logo postos em liberdade».</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="15110" data-target-city="city-sixteen">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Política">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/vote.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Setúbal</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>10</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Abril</span>
                    <span class="year">de 1976</span>
                  </div>
                </div>
                <p class="event-description">Um comício do PPD em Setúbal suscita uma contra-manifestação de simpatizantes de extrema-esquerda. O comício veio a realizar-se sob forte protecção policial, tendo ocorrido recontros e registando-se dezenas de feridos ligeiros. Francisco Sá Carneiro participou, chegando e partindo de helicóptero, por razões de segurança. No dia 11, em Beja, realizou-se outro comício do PPD, que se saldou em 11 feridos e no assalto e destruição da sede local do CDS. Por sua vez, no mesmo dia 11, no Porto, no comício do CDS, na Praça Humberto Delgado e na Avenida dos Aliados, ocorreram confrontos envolvendo militantes da UDP, do CDS e elementos da Polícia Militar. A 12 de Abril é a vez do PCP se queixar publicamente dos boicotes a sessões de esclarecimento, ataques a sedes e destruição de cartazes em Porto de Mós, Alcobaça, Mira Daire e Alvaiázere.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="15401" data-target-city="city-seventeen">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Sociedade">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/society.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Beja</h3>
                <div class="ci-date-el">
                  <!--<div class="day">
                    <span>13</span>
                  </div>-->
                  <div class="month-year">
                    <span class="month">Dezembro</span>
                    <span class="year">de 1974</span>
                  </div>
                </div>
                <p class="event-description">Ocorre a primeira ocupação de terras no Monte do Outeiro, concelho de Beja, fruto da acção de assalariados rurais e do sindicato dos trabalhadores agrícolas de Beja. No distrito de Évora, a primeira ocupação ocorrerá em Fevereiro de 1975, na Herdade do Pombal, concelho de Évora.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="2833" data-target-city="city-eighteen">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Política">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/vote.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Funchal</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>29</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Dezembro</span>
                    <span class="year">de 2014</span>
                  </div>
                </div>
                <p class="event-description">O antigo presidente da Câmara Municipal do Funchal, Miguel Albuquerque, é escolhido pelos militantes sociais-democratas da Madeira para liderar o partido. Obteve 64% dos votos dos militantes. O novo líder do PSD regional herda uma dívida superior a 13 milhões de euros, contraída pelo partido e pela Fundação Social Democrata da Madeira até agora presididas por Alberto João Jardim.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="15113" data-target-city="city-nineteen">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Economia">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/chart.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Leiria</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>5</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Julho</span>
                    <span class="year">de 1994</span>
                  </div>
                </div>
                <p class="event-description">Começa em Leiria a construção da rede de gás natural com os gasodutos Setúbal-Leiria, Campo Maior-Leiria e Leiria-Braga.</p>
              </div>
              <div class="js-city-picker city-information" data-city-id="15302" data-target-city="city-twenty">
                <div class="theme-wrapper js-tipso" data-tipso-position= "bottom" data-tipso="Sociedade">
                  <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/society.svg" class="inject-me">
                </div>
                <h3 class="js-city-name">Portalegre</h3>
                <div class="ci-date-el">
                  <div class="day">
                    <span>7</span>
                  </div>
                  <div class="month-year">
                    <span class="month">Novembro</span>
                    <span class="year">de 1994</span>
                  </div>
                </div>
                <p class="event-description">A GNR inicia, em Portalegre, o primeiro concurso para selecção e instrução de guardas aberto a mulheres. São incorporadas 16 soldados do sexo feminino. Atualmente há 52 oficiais, 132 sargentos e 1041 guardas, num total de 1225 mulheres, nesta força de segurança, estando 790 em trabalho operacional.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
    <?php
      $thisMonthImage = '';
      if(!empty($thisMonthEvent->image_id) && !empty($thisMonthEvent->image->filename)):
        $thisMonthImage = getMediaUrl($thisMonthEvent->image->filename, '620');
      else:
        foreach($thisMonthEvent->eventMedias as $eventMedia):
          if($eventMedia->media_type == 'image'):
            $thisMonthImage = getMediaByID($eventMedia->media_image_id);
            break;
          endif;
        endforeach;
      endif;
    ?>
  <div id="this-month" class="<?php echo $thisMonthEvent->id; ?> this-month-element js-this-month" style="background-image:url('<?php echo $thisMonthImage; ?>');">
    <div class="tm-overlay js-slider-element">
      <div class="content">
        <?php
        $thisMonthEvent->content;
        ?>
        <h2>Aconteceu</h2>
        <h6>neste mês...</h6>
        <?php
        $areaSign = getAreaIcon($thisMonthEvent->area->title);
        ?>
        <div class="js-tipso theme-container" data-tipso-position= "bottom" data-tipso="<?php echo $thisMonthEvent->area->title; ?>">
          <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/<?php echo $areaSign; ?>.svg" class="inject-me" alt="<?php echo $areaSign; ?>">
        </div>
          <?php
            $engMonthName = $thisMonthEvent->start_date->format('F');
            $ptMonthName = getPortugueseMonthName($engMonthName);
          ?>
        <h3><?php echo $thisMonthEvent->start_date->day; ?></h3>
        <h4><?php echo $ptMonthName; ?></h4>
        <h5>de <?php echo $thisMonthEvent->start_date->year; ?></h5>
        <p><?php echo $thisMonthEvent->content; ?></p>
      </div>
    </div>
    <!--<div class="mobile-arrow">
      <img src="<?php echo Config::get('path.frontend.img'); ?>/icons/arrow-left.svg" >
    </div>-->
  </div>
</div>
</div>