|- SOARTE - Sociedade de Artistas de Teresópolis -|</tit> <link href="soarte.css" rel="stylesheet" type="text/css"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> /* ================= TOP DESTAQUE ======================== */ div.commented { color:white; text-align:center; vertical-align:central; background: #a0a19f; padding:3px; border-bottom: 1px solid gray; border-bottom-left-radius: 10px; border-top: 1px solid gray; border-top-right-radius: 10px; min-height:50px; } /* Popup container - can be anything you want */ .popup { position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The actual popup */ .popup .popuptext { visibility: hidden; width: 380px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 8px 0; position: absolute; z-index: 1; bottom: -550px; left: 50%; margin-left: -80px; } /* Popup arrow */ .popup .popuptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } /* Toggle this class - hide and show the popup */ .popup .show { visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } /* Add animation (fade in the popup) */ @-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } @keyframes fadeIn { from {opacity: 0;} to {opacity:1 ;} } </style> <style> /* ~~ SCROLLING TEXT MARQUEE ~~ */ .marquee { margin: 0 auto; width: 1080px; height: 50px; white-space: nowrap; overflow: hidden; box-sizing: border-box; position: relative; } .marquee:before, .marquee:after { position: absolute; top: 0; width: 70px; height: 50px; content: ""; z-index: 1; } .marquee:before { left: 0; background: linear-gradient(to right, #eee 10%, transparent 80%); } .marquee:after { right: 0; background: linear-gradient(to left, #eee 10%, transparent 80%); } .marquee__content { width: 100%; display: flex; line-height: 50px; /* ~~ Velocidade do MARQUEE ~~ */ animation: marquee 20s linear infinite forwards; } .marquee__content:hover { animation-play-state: paused; } .list-inline { display: flex; justify-content: space-around; width: -100%; /* reset list */ list-style: none; padding: 0; margin: 0; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-200%); } } /* ~~ end SCROLLING TEXT MARQUEE ~~ */ </style> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } function includeHTML() { var z, i, elmnt, file, xhttp; /*loop through a collection of all HTML elements:*/ z = document.getElementsByTagName("*"); for (i = 0; i < z.length; i++) { elmnt = z[i]; /*search for elements with a certain atrribute:*/ file = elmnt.getAttribute("ln-include-html"); if (file) { /*make an HTTP request using the attribute value as the file name:*/ xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4) { if (this.status == 200) {elmnt.innerHTML = this.responseText;} if (this.status == 404) {elmnt.innerHTML = "Page not found.";} /*remove the attribute, and call this function once more:*/ elmnt.removeAttribute("ln-include-html"); includeHTML(); } } xhttp.open("GET", file, true); xhttp.send(); /*exit the function:*/ return; } } } </script>  </head> <body onload="MM_preloadImages('Images/inicio_B.png','Images/obras_B.png','Images/textos_B.png','Images/videos_B.png','Images/bio_B.png','Images/contatos_B.png')", "myFunction()"> <div class="container"> <div class="content"> <div class="header"> <div ln-include-html="tab_ambientes.htm"></div> <hr /> </div> <div class="topico" style="z-index: 1;"> <table width="100%" border="0" cellpadding="0"> <tr> <td width="20%" align="right"><h3><img src="Images/curva-francesa_topico.png" width="40" height="20" alt="." /> Notícias</h3></td> <td width="80%" align="center"> <p><a href="https://www.instagram.com/soarte_teresopolis/" target="_blank"><img src="Images/instagram.png" width="50" height="50" alt="Instagram" /></a> <a href="https://www.facebook.com/groups/261491640556776/" target="_blank"><img src="Images/Facebook-New-Logo-2019.png" width="50" height="50" alt="Facebook" /></a></p> </td> </tr> </table> </div> <div class="conteudo_topico"> <table width="100%" border="0" align="center"> <tr> <td height="20" colspan="2"> </td> </tr> <tr> <td height="50" colspan="2"> <hr />  <div class="marquee"> <div class="marquee__content"> <ul class="list-inline"> <li> <strong>AOS ASSOCIADOS: </strong> Os pagamentos das mensalidades dos associados da <strong>SOARTE</strong> devem ser efetuados <strong>toda a última sexta-feira de cada mês</strong> e podem ser realizados através de depósito bancário. <strong>Veja orientações ao final desta página.</strong></li> </ul> </div> </div> <hr /> </td> </tr>  <tr> <td height="434" colspan="2" align="center"><img src="Images/BOLETIM-ABRIL-2025.jpg" alt="Boletim Mensal" width="804" height="1029" usemap="#Map" border="0" /></td> </tr> </table> <table width="100%" border="0"> <tr> <td colspan="2"><hr /> </td> </tr> <tr> <td width="51%" class="news_text"> <p align="center"><img src="Images/soarte-livro-GD.png" width="228" height="308" alt="Nietzsche" /></p> <p align="center">Adquira já o catálogo comemorativo dos <strong>40 anos da SOARTE</strong>!</p> </td> <td width="49%" align="center"> <p><a href="https://pt.wikipedia.org/wiki/Casa_de_Cultura_Adolpho_Bloch" target="_blank"><strong>Casa de Cultura Adolpho Bloch</strong></a> <br /> (Sede da SOARTE)<br /> Praça Juscelino Kubitscheck, s/n – Bairro de Fátima – <br /> Teresópolis – RJ - CEP 25.964-140 — Tel.: (21) 2644-4092</p> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d995.7730988793367!2d-42.97464913182708!3d-22.434899194353815!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x7611253301e2700!2sHouse%20of%20Culture!5e0!3m2!1sen!2sbr!4v1635967922874!5m2!1sen!2sbr" width="400" height="250" style="border:1; box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.5);" allowfullscreen="" loading="lazy"></iframe> </td> </tr> <tr> <td colspan="2"><br/><hr /> </td> </tr> <tr> <td colspan="2" class="news_text"><p align="center"> </p> <p align="center" style="letter-spacing: 5px; font-size:large;"><strong>|— LEMBRETE </strong>—|</p> <p align="center"><strong>A PARTIR DE JANEIRO DE 2025, VALOR DA MENSALIDADE É DE R$40,00</strong> <br /> Os pagamentos das mensalidades dos associados da SOARTE <br /> devem ser efetuados toda a última sexta-feira de cada mês e <br /> podem ser realizados através de depósito na conta:<br /> <strong>SOARTE (SOCIEDADE DOS ARTISTAS DE TERESÓPOLIS) <br /> Banco Itaú – Agência 6370 – conta 74735-1 <br /> CNPJ 30.633.705/0001-07</strong></p> <p align="center">Qualquer dúvida, mande-nos uma mensagem em nosso <a href="mailto:contato@soarte.art.br" class="link_style">e-mail</a>.</p> <p></p></td> </tr> <tr> <td colspan="2" align="center"> <hr /> <p>Desenvolvido por <a href="http://www.ln.com.br/" target="_blank">LN Comunicação</a> <p class="row"> </p></td> </tr> <tr> <td colspan="2" align="center"><p><img src="Images/curva-francesa_topico.png" width="40" height="20" alt="Fim" /></p> <p> </p></td> </tr> </table> </div> </div> </div>  <map name="Map" id="Map"> <area shape="rect" coords="438,331,783,394" href="eventos.html#Taberna_Alpina" /> <area shape="rect" coords="450,285,782,329" href="eventos.html#Galeria_Sami_Mattar" /> <area shape="rect" coords="451,233,788,283" href="eventos.html#Varzea_Hotel" /> <area shape="rect" coords="443,392,784,458" href="eventos.html#universo" /> </map> <script> includeHTML(); // When the user clicks on div, open the popup function myFunction() { var popup = document.getElementById("myPopup"); popup.classList.toggle("show"); } </script> </body> </html>