Informe de Estabilidad Financiera Primer Semestre 2022
Se ha producido un error al procesar la plantilla.
Java method "com.sun.proxy.$Proxy673.getArticleResourcePrimKey(long, String)" threw an exception when invoked on com.sun.proxy.$Proxy673 object "com.liferay.journal.service.impl.JournalArticleResourceLocalServiceImpl@45f958cc"; see cause exception in the Java stack trace.
----
FTL stack trace ("~" means nesting-related):
- Failed at: #if journalArticleLocalService.getArt... [in template "33501#33537#3249153" at line 32, column 9]
----
1<#assign journalArticleId = .vars['reserved-article-id'].data>
2<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleResourceLocalService")/>
3<#assign journalArticleLocalServiceUtils = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")/>
4
5<#if cabezeraContenidoWeb??>
6 <#if cabezeraContenidoWeb.getData()?has_content >
7 <#assign journalArticleHeaderJSON = jsonFactoryUtil.createJSONObject(cabezeraContenidoWeb.getData()) >
8 <#assign journalArticleHeaderId = journalArticleHeaderJSON.getString("classPK") >
9 <#if journalArticleHeaderId?has_content >
10 <#assign journalArticleHeader = journalArticleLocalServiceUtils.getLatestArticle(journalArticleHeaderId?number)>
11 </#if>
12 </#if>
13</#if>
14<#if !(journalArticleHeader??)>
15 <#assign journalArticleHeader = journalArticleLocalServiceUtils.getArticleByUrlTitle(groupId, "banner-cabecera-informe-de-estabilidad-financiera")>
16</#if>
17<@liferay_journal["journal-article"] articleId=journalArticleHeader.getArticleId() groupId=groupId />
18
19<#assign JournalArticleService = serviceLocator.findService("com.liferay.journal.service.JournalArticleService") />
20 <#assign assetCategoryLocalServiceUtil = serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") />
21 <#assign articleResourcePK = journalArticleLocalService.getArticleResourcePrimKey(groupId, journalArticleId)/>
22 <#assign categoryList=assetCategoryLocalServiceUtil.getCategories("com.liferay.journal.model.JournalArticle",articleResourcePK) />
23
24 <#assign currentUrl = themeDisplay.getPortalURL() + themeDisplay.getURLCurrent() />
25<br><br><br>
26<#assign urlResumen = "" />
27<#if resumenContenidoWeb.getData()?has_content >
28 <#assign journalAssetData = resumenContenidoWeb.getData()?eval />
29 <#if journalAssetData.classPK??>
30 <#if serviceLocator.findService("com.liferay.journal.service.JournalArticleResourceLocalService")??>
31 <#if journalArticleLocalService?? && journalArticleLocalService?has_content >
32 <#if journalArticleLocalService.getArticleResourcePrimKey(groupId, journalAssetData.classPK)?? >
33 <#assign articleResourcePK = journalArticleLocalService.getArticleResourcePrimKey(groupId, journalAssetData.classPK)/>
34 <#assign articleAd = journalArticleLocalServiceUtils.getLatestArticle(getterUtil.getLong(journalAssetData.classPK, 0)) />
35 <#assign urlResumen = articleAd.getUrlTitle() />
36 </#if>
37 </#if>
38 </#if>
39 </#if>
40</#if>
41
42<#assign urlComunicados = "" />
43<#assign urlComunicadosTitle = "" />
44<#if comunicadosRPM.getData()?has_content >
45 <#assign journalAssetData = comunicadosRPM.getData()?eval />
46 <#if journalAssetData.classPK??>
47 <#if serviceLocator.findService("com.liferay.journal.service.JournalArticleResourceLocalService")??>
48 <#if journalArticleLocalService?? && journalArticleLocalService?has_content >
49 <#if journalArticleLocalService.getArticleResourcePrimKey(groupId, journalAssetData.classPK)?? >
50 <#assign articleResourcePK = journalArticleLocalService.getArticleResourcePrimKey(groupId, journalAssetData.classPK)/>
51 <#assign articleAd = journalArticleLocalServiceUtils.getLatestArticle(getterUtil.getLong(journalAssetData.classPK, 0)) />
52 <#assign urlComunicados = articleAd.getUrlTitle() />
53 <#assign urlComunicadosTitle = articleAd.getTitle() />
54 </#if>
55 </#if>
56 </#if>
57 </#if>
58</#if>
59
60<#assign tituloComunicadoRpm ="" />
61
62
63<!-- CAJAS DE ENLACES -->
64<div class="row py-4 px-5">
65 <div class="container-corp">
66 <#list cajasDeEnlaces.getSiblings() as cajasDeEnlacesList>
67
68 <div class="col-md-12 clearfix journal-content-article" data-analytics-asset-id="152425" data-analytics-asset-title="Estadísticas-Cajas con enlaces internos-Cuentas Nacionales" data-analytics-asset-type="web-content" style="display: inline-block; float: left;">
69 <div class="container">
70 <div class="row">
71 <div class="col-12">
72 <#if cajasDeEnlacesList.tituloCaja.getData()?has_content >
73 <h3 class="fourth-title c-blue-1 f-opensans-bold mb-6">
74 ${cajasDeEnlacesList.tituloCaja.getData()}
75 </h3>
76 </#if>
77 </div>
78 <div class="col-12 bg-grey-5 pt-7 pb-3 rounded-common mb-10">
79 <div class="row">
80 <div class="col-12 col-md-10 offset-md-1">
81 <article>
82 <ul class="listcorp listCorpAbajo row listcorp-anclas" style="list-style: none;">
83 <#list cajasDeEnlacesList.enlace.getSiblings() as enlaceList>
84 <#if enlaceList.tituloEnlace.getData()?has_content>
85 <#assign link = "" />
86 <#assign url = "" />
87 <#assign target = "_self" />
88 <#if enlaceList.enlaceAUrlExterna.getData()?has_content >
89 <#assign link = "listcorp-item-external" />
90 <#assign url = enlaceList.enlaceAUrlExterna.getData() />
91 <#assign target = "_blank" />
92 <#elseif enlaceList.enlaceAPagina.getFriendlyUrl()?has_content>
93 <#assign link = "" />
94 <#assign url = enlaceList.enlaceAPagina.getFriendlyUrl() />
95 <#assign target = "_self" />
96 <#elseif enlaceList.urlInternaEscrita?? && enlaceList.urlInternaEscrita.getData()?has_content >
97 <#assign link = "" />
98 <#assign url = enlaceList.urlInternaEscrita.getData() />
99 <#assign target = "_self" />
100 <#elseif enlaceList.ancla?? && enlaceList.ancla.getData()?has_content >
101 <#assign link = "ancla" />
102 <#assign url = enlaceList.ancla.getData() />
103 </#if>
104 <li class="col-12 col-md-6"><a class="${link}" href="${url}" onclick="javascript:marcaje_google_analytics(this, 'BCab/Áreas/Política Financiera/IEF ${cajasDeEnlacesList.enlace.tituloEnlace.getData()}', 'clic')" target ="${target}">${enlaceList.tituloEnlace.getData()}</a></li>
105 </#if>
106 </#list>
107 </ul>
108 </article>
109 </div>
110 </div>
111 </div>
112 </div>
113 </div>
114 </div>
115
116 </#list>
117 </div>
118</div><!-- FIN CAJAS ENLACES -->
119
120<div class="container">
121 <div class="container-corp">
122 <div class="row-wrap">
123 <div class="row">
124 <#if titulo.getData()?has_content >
125 <h2 class="second-title f-opensans-regular c-blue-2 mb-0 prueba" style="padding-bottom: 24px;">${titulo.getData()}</h2>
126 </#if>
127 </div>
128 <div class="row">
129 <div class="col-md-4 py-4">
130 <#if imagen.getData()?has_content >
131 <img src="${imagen.getData()}" alt="${titulo.getData()}">
132 </#if>
133 </div>
134 <#if descripcion.getData()?has_content >
135 <div class="col-md-8">
136 <p class="text-justify">
137 ${descripcion.getData()}
138 </p>
139 </div>
140 </#if>
141
142 </div>
143 <div class="row my-4 align-items-center">
144 <#list ipom.getSiblings() as ipomList>
145 <#if ipomList.tituloArchivoIpom.getData()?has_content && ipomList.archivoIPOM.getData()?has_content>
146 <#assign tipoDocc = "linkdoc-pdf" />
147 <div class="col-md-4 py-4">
148 <#if ipomList.archivoIPOM.getData()?has_content && ipomList.archivoIPOM.getData()?contains("pdf")>
149 <#elseif ipomList.archivoIPOM.getData()?has_content && ipomList.archivoIPOM.getData()?contains("xlsx")>
150 <#assign tipoDocc = "linkdoc-xls" />
151 <#elseif ipomList.archivoIPOM.getData()?has_content && ipomList.archivoIPOM.getData()?contains("xls")>
152 <#assign tipoDocc = "linkdoc-xls" />
153 <#elseif ipomList.archivoIPOM.getData()?has_content && ipomList.archivoIPOM.getData()?contains("docx")>
154 <#assign tipoDocc = "linkdoc-doc" />
155 </#if>
156 <a href="${ipomList.archivoIPOM.getData()}" onclick="javascript:marcaje_google_analytics(this, 'BCab/Áreas/Política Financiera/IEF/DesDoc ${ipomList.tituloArchivoIpom.getData()}', 'clic')" class="linkdoc" data-senna-off="true" target="_blank"
157 title="${ipomList.tituloArchivoIpom.getData()}">
158 <div class="linkdoc-colimg ${tipoDocc}"></div>
159 <div class="linkdoc-coltext">
160 <p class="linkdoc-text">${ipomList.tituloArchivoIpom.getData()}</p>
161 </div>
162 </a>
163 </div>
164 </#if>
165 </#list>
166 <div class="col-md-4">
167 <ul class="listcorp listcorp-featured listCorpDerecha">
168 <li class="">
169 <#if urlResumen?has_content >
170 <#if locale == "es_ES" >
171 <a href="/resumen-ief/-/detalle/${urlResumen}" onclick="javascript:marcaje_google_analytics(this, 'BCab/Áreas/Política Financiera/IEF/LEnl Ver resumen', 'clic')" class="mt-5">
172 Ver resumen
173 <#else>
174 <a href="/en/resumen-ief/-/detalle/${urlResumen}" onclick="javascript:marcaje_google_analytics(this, 'BCab/Áreas/Política Financiera/IEF/LEnl Ver resumen', 'clic')" class="mt-5">
175 See summary
176 </#if>
177 </a>
178 </#if>
179 </li>
180 </ul>
181 </div>
182 <div class="col-md-4">
183 <ul class="listcorp listcorp-featured listCorpDerecha">
184 <li class="">
185 <#if urlComunicados?has_content >
186
187 <#if locale == "es_ES" >
188 <a href="/contenido/-/detalle/${urlComunicados}" onclick="javascript:marcaje_google_analytics(this, 'BCab/Áreas/Política Monetaria/LEnl ${urlComunicadosTitle}', 'clic')" class="mt-5">
189 <#else>
190 <a href="/en/content/-/detalle/${urlComunicados}" onclick="javascript:marcaje_google_analytics(this, 'BCab/Áreas/Política Monetaria/LEnl ${urlComunicadosTitle}', 'clic')" class="mt-5">
191 </#if>
192
193 <#if tituloComunicadoRPM?has_content >
194 ${tituloComunicadoRPM.getData()}
195 </#if>
196 </a>
197 </#if>
198 </li>
199 </ul>
200 </div>
201 </div>
202 </div>
203 </div>
204 </div> <!-- CERRAMOS DIV CONTAINER -->
205
206 <div class="container" >
207 <div class="container-corp">
208 <div class="row-wrap">
209 <#list informacionPrincipal.getSiblings() as informacionPrincipalList>
210 <#if informacionPrincipal.tituloInfo.getData()?has_content>
211 <#if informacionPrincipal.idParaAncla.getData()?has_content>
212 <div class="row" id="${informacionPrincipal.idParaAncla.getData()}">
213 <#else>
214 <div class="row">
215 </#if>
216 <h4 class="my-4 c-blue-2">${informacionPrincipal.tituloInfo.getData()}</h4>
217 </div>
218 </#if>
219
220 <div class="row borde-abajo pb-5">
221 <#list informacionPrincipal.imagenesAnclas.getSiblings() as imagenesAnclasList>
222 <#if imagenesAnclasList.textoSuperior.getData()?has_content>
223 <div class="col-md-3">
224 <a href="${imagenesAnclasList.anclaImagenes.getData()}" class="ancla">
225 <img class="img-ancla img-3" src="${imagenesAnclasList.imagenAncla.getData()}" alt="${imagenesAnclasList.textoSuperior.getData()}">
226 </a>
227 <p class="text-center">${imagenesAnclasList.textoSuperior.getData()}</p>
228 </div>
229 </#if>
230 </#list>
231 </div>
232
233 <div class="row my-5 borde-abajo">
234 <#list informacionPrincipal.imagenesLaterales.getSiblings() as imagenesLateralesList>
235 <#if imagenesLateralesList.tituloLateral.getData()?has_content>
236 <div class="col-md-3 mb-5" id="${imagenesLateralesList.anclaImagenesLaterales.getData()}">
237 <img class="img-3" src="${imagenesLateralesList.imagenLateral.getData()}" alt="">
238 </div>
239 <div class="col-md-9">
240 <h4 class="c-blue-2 text-justify">${imagenesLateralesList.tituloLateral.getData()}</h4>
241 <ul>
242 <#list imagenesLateralesList.listaLateral.getSiblings() as listaLateralList>
243 <#if listaLateralList.bajadaLateral.getData()?has_content>
244 <li>${listaLateralList.bajadaLateral.getData()}</li>
245 </#if>
246 </#list>
247 </ul>
248 </div>
249 </#if>
250 </#list>
251 </div>
252
253 <div class="row" id="${informacionPrincipalList.anclaBajoImagenes.getData()}" >
254 <#if informacionPrincipalList.urlVideo.getData()?has_content>
255 <div class="col-md-5">
256 <iframe width="450" height="300" src="${informacionPrincipalList.urlVideo.getData()}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
257 </div>
258 <div class="col-md-7 row">
259 <#list informacionPrincipal.archivosDescargables.getSiblings() as archivosDescargablesList>
260 <#if archivosDescargablesList.tituloArchivo.getData()?has_content>
261 <#assign tipoDoccc = "linkdoc-pdf" />
262 <div class="col-md-6 plan mb-5">
263 <#if archivosDescargablesList.archivo.getData()?has_content && archivosDescargablesList.archivo.getData()?contains("pdf")>
264 <#elseif archivosarchivosDescargablesList.archivo.getData()?has_content && archivosarchivosDescargablesList.archivo.getData()?contains("xlsx")>
265 <#assign tipoDoccc = "linkdoc-xls" />
266 <#elseif archivosarchivosDescargablesList.archivo.getData()?has_content && archivosarchivosDescargablesList.archivo.getData()?contains("xls")>
267 <#assign tipoDoccc = "linkdoc-xls" />
268 <#elseif archivosarchivosDescargablesList.archivo.getData()?has_content && archivosarchivosDescargablesList.archivo.getData()?contains("docx")>
269 <#assign tipoDoccc = "linkdoc-doc" />
270 </#if>
271 <a href="${archivosDescargablesList.archivo.getData()}" onclick="javascript:marcaje_google_analytics(this, 'BCab/Áreas/Política Financiera/IEF/DesDoc ${archivosDescargablesList.tituloArchivo.getData()}', 'clic')" class="linkdoc" data-senna-off="true" target="_blank"
272 title="Plan Estratégico 2018-2022">
273 <div class="linkdoc-colimg ${tipoDoccc}"></div>
274 <div class="linkdoc-coltext">
275 <p class="linkdoc-text">${archivosDescargablesList.tituloArchivo.getData()}</p>
276 </div>
277 </a>
278 </div>
279 </#if>
280 </#list>
281 </div>
282 <#else>
283 <!-- SI no trae Video -->
284 <#list informacionPrincipal.archivosDescargables.getSiblings() as archivosDescargablesList>
285 <#if archivosDescargablesList.tituloArchivo.getData()?has_content>
286 <#assign tipoDoccc = "linkdoc-pdf" />
287 <div class="col-md-6 plan mb-5">
288 <#if archivosDescargablesList.archivo.getData()?has_content && archivosDescargablesList.archivo.getData()?contains("pdf")>
289 <#elseif archivosarchivosDescargablesList.archivo.getData()?has_content && archivosarchivosDescargablesList.archivo.getData()?contains("xlsx")>
290 <#assign tipoDoccc = "linkdoc-xls" />
291 <#elseif archivosarchivosDescargablesList.archivo.getData()?has_content && archivosarchivosDescargablesList.archivo.getData()?contains("xls")>
292 <#assign tipoDoccc = "linkdoc-xls" />
293 <#elseif archivosarchivosDescargablesList.archivo.getData()?has_content && archivosarchivosDescargablesList.archivo.getData()?contains("docx")>
294 <#assign tipoDoccc = "linkdoc-doc" />
295 </#if>
296 <a href="${archivosDescargablesList.archivo.getData()}" onclick="javascript:marcaje_google_analytics(this, 'BCab/Áreas/Política Financiera/IEF/DesDoc ${archivosDescargablesList.tituloArchivo.getData()}', 'clic')" class="linkdoc" data-senna-off="true" target="_blank"
297 title="Plan Estratégico 2018-2022">
298 <div class="linkdoc-colimg ${tipoDoccc}"></div>
299 <div class="linkdoc-coltext">
300 <p class="linkdoc-text">${archivosDescargablesList.tituloArchivo.getData()}</p>
301 </div>
302 </a>
303 </div>
304 </#if>
305 </#list>
306 </#if>
307 </div>
308 <!-- Fin div Primer Video con PDF -->
309 </#list>
310 </div>
311 </div>
312 </div>
313 </div> <!-- FIN SECCION IMAGENES -->
314
315 <!-- INICIO GRIS VIDEOS -->
316 <div class="row py-4 bg-grey-5" >
317 <#list videos.getSiblings() as videosList>
318 <#if videosList.tituloSeccionVideos.getData()?has_content>
319 <div class="container-corp" id="${videosList.anclaVideo.getData()}">
320 <div class="col-md-12">
321 <h5 class="c-blue-2 text-justify" aria-labelledby="${videosList.anclaVideo.getData()}">${videosList.tituloSeccionVideos.getData()}</h5>
322 </div>
323 </div>
324 </#if>
325 </#list>
326 </div>
327
328 <div class="row bg-grey-5 justify-content-center">
329 <div class="container-corp">
330 <div class="row">
331 <#list videos.video.getSiblings() as videoList>
332 <#if videoList.tituloVideo.getData()?has_content>
333 <div class="col-md-5">
334 <div class="col-md-12">
335 <iframe width="450" height="300" src="${videoList.urlVideo2.getData()}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
336 <h6>${videoList.tituloVideo.getData()}</h6>
337 </div>
338 </div>
339 </#if>
340 </#list>
341 </div>
342 </div>
343 </div>
344
345 <#list presentaciones.getSiblings() as presentacionesList>
346
347 <div class="row py-4 bg-grey-5" id="${presentacionesList.anclaPresentacion.getData()}">
348 <div class="container-corp">
349 <#if presentacionesList.titulopresentaciones.getData()?has_content>
350 <div class="col-md-12">
351 <h5 class="c-blue-2 text-justify" aria-labelledby="${presentacionesList.anclaPresentacion.getData()}">${presentacionesList.titulopresentaciones.getData()}</h5>
352 </div>
353 </#if>
354 <div class="col-md-12">
355 <ul class="listcorp">
356 <#list presentaciones.presentacion.getSiblings() as presentacionList>
357 <#if presentacionList.textoPresentacion.getData()?has_content>
358 <#assign link1 = "" />
359 <#assign url1 = "" />
360 <#assign target1 = "_self" />
361 <#if presentacionList.enlaceExternoPresentacion.getData()?has_content >
362 <#assign link1 = "listcorp-item-external" />
363 <#assign url1 = presentacionList.enlaceExternoPresentacion.getData() />
364 <#assign target1 = "_blank" />
365 <#elseif presentacionList.enlacePaginaPresentacion.getFriendlyUrl()?has_content>
366 <#assign link1 = "" />
367 <#assign url1 = presentacionList.enlacePaginaPresentacion.getFriendlyUrl() />
368 <#assign target1 = "_self" />
369 <#elseif presentacionList.enlaceInternoEscritoPresentacion?? && presentacionList.enlaceInternoEscritoPresentacion.getData()?has_content >
370 <#assign link1 = "" />
371 <#assign url1 = presentacionList.enlaceInternoEscritoPresentacion.getData() />
372 <#assign target1 = "_self" />
373 </#if>
374
375 <li><a class="${link1}" href="${url1}" onclick="javascript:marcaje_google_analytics(this, 'BCab/Áreas/Política Financiera/IEF/LEnl ${presentacionList.textoPresentacion.getData()}', 'clic')" target="${target1}">${presentacionList.textoPresentacion.getData()}</a></li>
376 </#if>
377 </#list>
378 </ul>
379 </div>
380 </div>
381 </div>
382
383 </#list>
384
385 <div class="row py-4 bg-grey-5">
386 <div class="container-corp">
387 <#list notaDePrensa.getSiblings() as notaDePrensaList>
388 <#if notaDePrensaList.tituloNotaPrensa.getData()?has_content>
389 <div class="col-md-12" id="${notaDePrensaList.anclaNotasPrensa.getData()}">
390 <h5 class="c-blue-2 text-justify" aria-labelledby="${notaDePrensaList.anclaNotasPrensa.getData()}">${notaDePrensaList.tituloNotaPrensa.getData()}</h5>
391 </div>
392 </#if>
393
394 <#list notaDePrensa.notaPrensa.getSiblings() as notaPrensaList>
395 <#if notaPrensaList.textoNotaPrensa.getData()?has_content>
396 <#assign link3 = "" />
397 <#assign url3 = "" />
398 <#assign target3 = "_self" />
399 <#if notaPrensaList.enlaceExternoNotaPrensa.getData()?has_content >
400 <#assign link3 = "listcorp-item-external" />
401 <#assign url3 = notaPrensaList.enlaceExternoNotaPrensa.getData() />
402 <#assign target3 = "_blank" />
403 <#elseif notaPrensaList.enlacePaginaNotaPrensa.getFriendlyUrl()?has_content>
404 <#assign link3 = "" />
405 <#assign url3 = notaPrensaList.enlacePaginaNotaPrensa.getFriendlyUrl() />
406 <#assign target3 = "_self" />
407 <#elseif notaPrensaList.enlaceInternoEscritoNotaPrensa?? && notaPrensaList.enlaceInternoEscritoNotaPrensa.getData()?has_content >
408 <#assign link3 = "" />
409 <#assign url3 = notaPrensaList.enlaceInternoEscritoNotaPrensa.getData() />
410 <#assign target3 = "_self" />
411 </#if>
412
413 <div class="col-md-12">
414 <ul class="listcorp">
415 <li><a href="${url3}" onclick="javascript:marcaje_google_analytics(this, 'BCab/Áreas/Política Financiera/IEF/LEnl ${notaPrensaList.textoNotaPrensa.getData()}', 'clic')">${notaPrensaList.textoNotaPrensa.getData()}</a></li>
416 </ul>
417 </div>
418 </#if>
419 </#list>
420 </#list>
421 </div>
422 </div>
423
424 <div class="container">
425 <div class="container-corp">
426 <div class="row-wrap">
427 <div class="container-corp" style="margin-top: 35px;">
428 <div class="box-acordeon box-acordeon-basic" id="stage1">
429 <div class="item">
430 <#list acordeon.getSiblings() as acordeonList>
431 <#assign i = (i!0) + 1>
432 <#if acordeonList.tituloAcordeon.getData()?has_content>
433 <!--Collapse header -->
434 <div aria-controls="collapse${i}" aria-expanded="false" class="box-acordeon-header c-white d-flex justify-content-between align-items-center" data-target="#collapse${i}" data-toggle="collapse" id="${acordeonList.anclaAcordeon.getData()}">
435 <div class="justify-content-between d-flex align-items-center">
436 <div class="box-acordeon-title p-2">
437 <h5 class="mb-0 fifth-title c-white">${acordeonList.tituloAcordeon.getData()}</h5>
438 <p class="mb-0 text-base c-white"></p>
439 </div>
440 </div>
441 <div class="ml-auto p-2"><i class="box-acordeon-icon la la-plus-circle"></i></div>
442 </div>
443 </#if>
444
445 <!--Collapse body-->
446 <#if acordeonList.descargables.tituloArchivoDescargable.getData()?has_content>
447 <div aria-labelledby="${acordeonList.anclaAcordeon.getData()}" class="box-acordeon-content c-blue-1 collapse" id="collapse${i}">
448 <div class="container">
449 <div col-md-12><#if acordeonList.contenidoHTML.getData()?has_content>
450 ${acordeonList.contenidoHTML.getData()}
451 </#if></div>
452 <div class="row">
453
454 <#list acordeonList.descargables.getSiblings() as descargablesList>
455 <#assign tipoDoc = "linkdoc-pdf" />
456 <div class="col-md-4">
457 <#if descargablesList.archivoDescargable.getData()?has_content && descargablesList.archivoDescargable.getData()?contains("pdf")>
458 <#elseif descargablesList.archivoDescargable.getData()?has_content && descargablesList.archivoDescargable.getData()?contains("xlsx")>
459 <#assign tipoDoc = "linkdoc-xls" />
460 <#elseif descargablesList.archivoDescargable.getData()?has_content && descargablesList.archivoDescargable.getData()?contains("xls")>
461 <#assign tipoDoc = "linkdoc-xls" />
462 <#elseif descargablesList.archivoDescargable.getData()?has_content && descargablesList.archivoDescargable.getData()?contains("docx")>
463 <#assign tipoDoc = "linkdoc-doc" />
464 </#if>
465 <a target="_blank" onclick="javascript:marcaje_google_analytics(this, 'BCab/Áreas/Política Financiera/IEF/DesDoc ${descargablesList.tituloArchivoDescargable.getData()}', 'clic')" class="linkdoc mb-5" href="${descargablesList.archivoDescargable.getData()}">
466 <div class="linkdoc-colimg ${tipoDoc}"> </div>
467 <div class="linkdoc-coltext">
468 <p class="linkdoc-text">${descargablesList.tituloArchivoDescargable.getData()}</p>
469 </div>
470 </a>
471 </div>
472 </#list>
473 </div>
474
475
476 <div class="row">
477 <#if acordeonList.enlacesAcordeon.tituloEnlaceAcordeon.getSiblings()?has_content>
478 <ul class="listcorp listcorp-featured pt-7 row">
479 <#list acordeonList.enlacesAcordeon.getSiblings() as datos>
480
481 <#if datos.tituloEnlaceAcordeon.getData()?has_content>
482 <#assign link = "" />
483 <#assign url = "" />
484 <#assign target = "_self" />
485 <#if datos.enlaceExternoAcordeon.getData()?has_content >
486 <#assign link = "listcorp-item-external" />
487 <#assign url = datos.enlaceExternoAcordeon.getData() />
488 <#assign target = "_blank" />
489 <#elseif datos.enlacePaginaAcordeon.getFriendlyUrl()?has_content>
490 <#assign link = "" />
491 <#assign url = datos.enlacePaginaAcordeon.getFriendlyUrl() />
492 <#assign target = "_self" />
493 <#elseif datos.enlaceInternoEscritoAcordeon?? && datos.enlaceInternoEscritoAcordeon.getData()?has_content >
494 <#assign link = "" />
495 <#assign url = datos.enlaceInternoEscritoAcordeon.getData() />
496 <#assign target = "_self" />
497 </#if>
498
499 <li class="col-12 col-md-12 ${link}">
500
501 <a target ="${target}" href="${url}" onclick="javascript:marcaje_google_analytics(this, 'BCab/Áreas/Política Financiera/IEF/LEnl Enlace ${datos.tituloEnlaceAcordeon.getData()}', 'clic')" title="${datos.tituloEnlaceAcordeon.getData()}">${datos.tituloEnlaceAcordeon.getData()}</a>
502
503 </li>
504
505 </#if>
506 </#list>
507 </ul>
508 </#if>
509 </div>
510 </div>
511 <ul class="listcorp listcorp-featured pt-7 row">
512 </ul>
513 </div>
514 </#if>
515 </#list>
516 </div>
517 </div>
518 </div>
519 </div>
520 </div>
521 </div>
522
523
524
525<!-- REDES SOCIALES -->
526
527<div class="mb-8"> </div>
528
529<div class="container-corp">
530 <div class="d-flex justify-content-end box-share ">
531 <div class="d-flex align-items-center"><span class="c-grey-3 f-opensans-regular mr-1"> <#if locale == "es_ES" >
532 Comparte:
533 <#else>
534 Share:
535 </#if></span>
536
537 <div class="button-share mr-1"><a href="http://twitter.com/intent/tweet?text=${titulo.getData()}&url=${currentUrl}&hashtags=BancoCentral" onclick="window.open(this.href, 'twitterwindow','left=20,top=20,width=600,height=300,toolbar=0,resizable=1'); return false;"><svg fill="none" height="25" viewbox="0 0 25 25" width="25" xmlns="http://www.w3.org/2000/svg"> <rect fill="#7B7E86" height="25" rx="2" width="25"></rect> <path d="M10.5614 20.4756C9.78298 20.4756 8.98181 20.4116 8.17583 20.2834C6.75626 20.0573 5.31925 19.3037 4.91262 19.078L3.84613 18.4862L5.00079 18.1008C6.26298 17.6796 7.03078 17.4182 7.98123 17.009C7.02954 16.5412 6.29607 15.6998 5.943 14.612L5.67439 13.7844L5.89466 13.8185C5.68578 13.6048 5.52085 13.388 5.393 13.1907C4.9383 12.4898 4.69757 11.6333 4.74879 10.8993L4.79933 10.1768L5.22546 10.3444C5.0457 9.99983 4.91578 9.63186 4.83943 9.24619C4.65335 8.30563 4.80908 7.30639 5.27806 6.4326L5.64925 5.74098L6.1457 6.34618C7.71577 8.26047 9.70443 9.39602 12.0647 9.72845C11.9683 9.05398 12.0405 8.40306 12.2796 7.8196C12.558 7.14025 13.0532 6.56418 13.7113 6.15355C14.4421 5.69763 15.3284 5.47671 16.2069 5.53149C17.139 5.58961 17.9852 5.94406 18.6573 6.55721C18.9855 6.47065 19.2273 6.37824 19.5542 6.25335C19.7508 6.17823 19.9739 6.09292 20.2529 5.99536L21.2812 5.63575L20.6107 7.57958C20.6549 7.57582 20.7005 7.57261 20.7481 7.57052L21.8462 7.52007L21.1972 8.42034C21.16 8.47191 21.1505 8.48655 21.1373 8.50676C21.085 8.58677 21.0199 8.68629 20.129 9.89362C19.906 10.1959 19.7946 10.5897 19.8154 11.0026C19.8943 12.5715 19.7047 13.9909 19.2514 15.2214C18.8226 16.3855 18.1582 17.3844 17.2769 18.1901C16.1862 19.187 14.7955 19.8696 13.1431 20.2186C12.3326 20.3897 11.4622 20.4756 10.5614 20.4756Z" fill="white"></path> </svg> </a></div>
538 <div class="button-share mr-1">
539 <a href="https://www.facebook.com/sharer/sharer.php?u=${currentUrl}&display=popup&ref=plugin&src=like&kid_directed_site=0&app_id=2580469875387422" >
540 <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
541 <path d="M23 0H2C0.9 0 0 0.9 0 2V23C0 24.1 0.9 25 2 25H11V16.2H8.1V11.8H11V8.8C11 6.4 13 4.4 15.4 4.4H19.8V8.8H15.4V11.8H19.8L19.1 16.2H15.4V25H23C24.1 25 25 24.1 25 23V2C25 0.9 24.1 0 23 0Z" fill="#7B7E86"/>
542 </svg>
543 </a>
544 </div>
545 <div class="button-share mr-1">
546 <a href="https://www.linkedin.com/shareArticle?mini=true&url=${currentUrl}&title=${titulo.getData()}&source=Banco Central de Chile" onclick="window.open(this.href, 'mywin',
547 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"><svg fill="none" height="25" viewbox="0 0 25 25" width="25" xmlns="http://www.w3.org/2000/svg"> <path d="M22.9 0H2.1C0.9 0 0 0.9 0 2.1V22.9C0 24.1 0.9 25 2.1 25H22.9C24.1 25 25 24.1 25 22.9V2.1C25 0.9 24.1 0 22.9 0ZM8.8 19.8H5.9V9.6H8.8V19.8ZM8.8 8.1H5.9V5.2H8.8V8.1ZM19.1 19.8H16.2V14C16.2 13.2 15.5 12.5 14.7 12.5C13.9 12.5 13.2 13.2 13.2 14V19.9H10.3V9.6H13.2V10.2C14 10 14.5 9.6 15.4 9.6C17.4 9.6 19.1 11.4 19.1 13.5V19.8Z" fill="#7B7E86"></path> </svg> </a>
548 </div>
549
550 <div class="button-share mr-1"><a class="rrss-link" href="https://api.whatsapp.com/send?text=${titulo.getData()}: ${currentUrl}" target="_blank" title="Compartir en Whatsapp"><svg fill="none" height="25" viewbox="0 0 25 25" width="25" xmlns="http://www.w3.org/2000/svg"> <rect fill="#7B7E86" height="25" rx="2" width="25"></rect> <path d="M12.5 4C7.83133 4 4 7.83133 4 12.5C4 13.7594 4.27753 14.9915 4.80907 16.1161C5.03687 16.5981 5.1188 17.1441 4.97024 17.6561C4.54946 19.1063 5.89371 20.4505 7.3439 20.0298C7.85591 19.8812 8.40189 19.9631 8.88389 20.1909C10.0085 20.7225 11.2406 21 12.5 21C17.1687 21 21 17.1687 21 12.5C21 7.83133 17.1687 4 12.5 4ZM17.8143 16.0915L17.4189 16.487C16.8593 17.0465 15.5726 17.0021 14.7458 16.8425C11.9965 16.3115 8.79124 13.2047 8.17309 10.5142C7.867 9.18137 8.036 8.02264 8.47801 7.58049L8.87347 7.18504C9.09175 6.96688 9.44635 6.96714 9.66438 7.18504L11.2465 8.76724C11.352 8.87282 11.4099 9.01276 11.4099 9.16257C11.4099 9.31237 11.352 9.45245 11.2465 9.55763L10.8511 9.95348C10.4153 10.3903 10.4153 11.0999 10.8511 11.5357L13.4637 14.1139C13.9008 14.5509 14.6081 14.5515 15.0459 14.1139L15.4413 13.7185C15.6455 13.5132 16.0268 13.5126 16.2326 13.7185L17.8143 15.3002C18.0291 15.5141 18.0373 15.8684 17.8143 16.0915Z" fill="white"></path> </svg> </a></div>
551
552 <div class="button-share">
553 <a href="mailto:?subject=Banco Central&body=${titulo.getData()}: ${currentUrl}" target="_blank" title="${titulo.getData()}"><svg fill="none" height="25" viewbox="0 0 25 25" width="25" xmlns="http://www.w3.org/2000/svg"> <rect fill="#7B7E86" height="25" rx="2" width="25"></rect> <path d="M4 7.41304V16.8361L9.81729 12.5233L4 7.41304Z" fill="white"></path> <path d="M13.2171 12.834L20.3738 6.5625H4.64368L11.7829 12.834C12.205 13.2041 12.7949 13.2041 13.2171 12.834Z" fill="white"></path> <path d="M15.1842 12.5248L20.9999 16.8411V7.42834L15.1842 12.5248Z" fill="white"></path> <path d="M13.8318 13.7099C13.4398 14.0535 12.9698 14.2254 12.5 14.2254C12.0301 14.2254 11.5603 14.0536 11.1681 13.7099L10.6421 13.2477L4 18.172V18.4375H21V18.1774L14.3586 13.2484L13.8318 13.7099Z" fill="white"></path> </svg> </a>
554 </div>
555 </div>
556 </div>
557</div>
558
559
560<style type="text/css">
561img.img-3{
562 max-width: 100%;
563 }
564.linkdoc:after {
565 content: "\f182";
566 font: normal normal normal 36px/1 "LineAwesome";
567 position: absolute;
568 top: calc(50% - 18px);
569 right: .938rem;
570 color: #182d4f;
571 }
572 .listcorp.listCorpAbajo li a:before {
573 font-family: "LineAwesome";
574 font-size: 1.125rem;
575 content: "\f121";
576 position: absolute;
577 right: calc(100% + 1.25rem);
578 top: 0;
579 font-weight: bold;
580 line-height: 1.3;
581 -moz-transform: rotate(90deg) !important;
582 -ms-transform: rotate(90deg) !important;
583 -o-transform: rotate(90deg) !important;
584 -webkit-transform: rotate(90deg) !important;
585 }
586
587 .listcorp.listcorp-featured.listCorpDerecha li a:before {
588 position: absolute;
589 right: calc(100% + 1.125rem);
590 top: -6px;
591 font-size: 1.750rem;
592 -moz-transform: rotate(0deg) !important;
593 -ms-transform: rotate(0deg) !important;
594 -o-transform: rotate(0deg) !important;
595 -webkit-transform: rotate(0deg) !important;
596 }
597
598 .listcorp.listcorp-featured {
599 font-family: "OpenSans";
600 font-size: 1.25rem;
601 line-height: 1.2;
602 /* padding-left: 2.6rem; */
603 }
604 .fondo-blanco{
605 background-color: white;
606 border-radius: 2%;
607 }
608
609 .titulo-box-blanco{
610 color: #0f1d34;
611 font-size: 1rem;
612 overflow: hidden;
613 position: relative;
614 font-family: "OpenSans";
615 }
616
617 .borde-abajo {
618 border-bottom-color: #8c97a8;
619 border-bottom-width: 2px;
620 border-bottom-style: solid;
621 }
622
623 .listcorp-dos {
624 margin: 0;
625 padding-left: 2.188rem;
626 list-style-type: none;
627 /* font-family: "OpenSans"; */
628 font-size: 1.25rem;
629 line-height: 1.6;
630 }
631
632 .listcorp-dos li a {
633 display: block;
634 color: #cc3e43;
635 margin-bottom: 3px;
636 position: relative;
637 }
638
639 .listcorp-dos li a:before {
640 font-family: "LineAwesome";
641 font-size: 1.125rem;
642 content: "\f121";
643 position: absolute;
644 right: calc(100% + 1.250rem);
645 top: 0;
646 font-weight: bold;
647 line-height: 1.3;
648 }
649
650 .box-acordeon-header {
651 padding: 15px 30px;
652 border-radius: 3px;
653 cursor: pointer;
654 background-color: #182d4f;
655 margin-bottom: 10px;
656 }
657
658 .c-white {
659 color: white !important;
660 }
661 .col-md-4.plan {
662 top: 200px;
663}
664</style>
665
666<script>
667 AUI().use('liferay-session', function(A) {
668 Liferay.Session = new Liferay.SessionBase(
669 {
670 autoExtend: true,
671 redirectOnExpire: false,
672 redirectUrl: 'http\x3a\x2f\x2f10\x2e55\x2e1\x2e31\x3a8080http\x3a\x2f\x2f10\x2e55\x2e1\x2e31\x3a8080\x2fhome',
673 sessionLength: 890,
674 warningLength: 0
675 }
676 );
677 })
678</script>
679
680<#attempt>
681<#if encuesta?has_content >
682 <#if getterUtil.getBoolean(encuesta.getData()) >
683 <div id="encuesta-modal" style="display:none" class="modal-open">
684 <div class="modal fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
685 <div class="modal-dialog" role="document">
686 <div class="modal-content">
687 <div class="modal-body">
688 <@liferay_portlet["runtime"] defaultPreferences="${freeMarkerPortletPreferences}" portletProviderAction=portletProviderAction.VIEW instanceId="portlet_com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet_INSTANCE_${.vars['reserved-article-id'].data}" portletName="com_liferay_dynamic_data_mapping_form_web_portlet_DDMFormPortlet"/>
689 <div class="mensaje-fin portlet-forms ">
690 <a id="no-responder" href="javascript:cerrar_encuesta();" >Saltar encuesta</a>
691 </div>
692 </div>
693 </div>
694 </div>
695 </div>
696 </div>
697 </#if>
698</#if>
699<#recover>
700 <p style="display:none">${.error}</p>
701</#attempt>
702
703<script>
704 function cerrar_encuesta(){
705 jQuery("#encuesta-modal").remove();
706 }
707
708 $(document).ready(function() {
709 console.log('ready')
710 var url = window.location.href;
711
712 if(url.indexOf("/-/detalle")<0 && url.indexOf("/-/details")<0){
713 $(".visor-buscador").hide();
714 }
715
716 setTimeout(function(){
717 var url = window.location.href;
718 if(url.indexOf("?")==-1){
719 jQuery("#encuesta-modal").css("display","block")
720 }
721
722 var $target = jQuery(".lfr-ddm-form-field-container");
723 var observer = new MutationObserver(function(mutations) {
724 mutations.forEach(function(mutation) {
725 if (mutation.attributeName === "class") {
726 var attributeValue = jQuery(mutation.target).prop(mutation.attributeName);
727 if (attributeValue.indexOf("lfr-ddm-form-field-container") >= 0){
728 $('.lfr-ddm-form-field-container').find('label').each(function(){
729 if($(this).text().split(' ')[0].length == 1 && $(this).text().length > 1){
730 var num = $(this).text().split(' ')[0]
731 var txt = $(this).text().split(num)[1]
732 $(this).html("<span class='text-numb'>" + num + "</span>" + txt);
733 }
734
735 if($(this).text().split(' ')[0] == 3){
736 $(this).closest('div').next('.custom-control').attr('style', 'display: none');
737 }
738 if ($(window).width() > 768) {
739 if($(this).text().split(' ')[0].indexOf('3.') >= 0){
740 $(this).attr('style', 'margin-left: 30px');
741 }
742 }
743 })
744 }
745 }
746 });
747 });
748 observer.observe($target[1], {
749 attributes: true
750 });
751
752 $('.lfr-ddm-form-field-container').find('label').each(function(){
753 if($(this).text().split(' ')[0].length == 1 && $(this).text().length > 1){
754 var num = $(this).text().split(' ')[0]
755 var txt = $(this).text().split(num)[1]
756 $(this).html("<span class='text-numb'>" + num + "</span>" + txt);
757 }
758
759 if($(this).text().split(' ')[0] == 3){
760 $(this).closest('div').next('.custom-control').attr('style', 'display: none');
761 }
762
763 if ($(window).width() > 768) {
764 if($(this).text().split(' ')[0].indexOf('3.') >= 0){
765 $(this).attr('style', 'margin-left: 30px');
766 }
767 }
768 })
769
770 $('.required-warning').prepend('<img src="/documents/33528/0/warning+%281%29.png/ce00599e-0c29-5707-1411-9b740e5dbd59?t=1573240033177" style="width: 35px;">');
771 },1500)
772 });
773</script>
774
775<style>
776
777@media (min-width: 993px){
778.sliderboxset {
779 padding: 30px 20px !important;
780 min-height: 637px !important;
781}
782}
783
784
785@media (max-width: 990px){
786.sliderboxset {
787 min-height: 490px !important;
788}
789}
790
791.carousel-control-prev{
792 display:none! important;
793}
794
795.carousel-control-next{
796 display:none! important;
797}
798
799.img-ancla:hover {
800 opacity: 0.5;
801}
802 #encuesta-modal .modal-content {
803 overflow: hidden;
804 -ms-overflow-y: auto !important;
805 max-height: 600px;
806 max-width: 800px;
807 margin-left: auto;
808 margin-right: auto;
809 }
810
811 #encuesta-modal .modal.fade .modal-dialog {
812 transition: transform .3s ease-out;
813 transform: translate(0,0);
814 width: 100%;
815 }
816
817 .modal{
818 background-color:rgba(0,0,0,0.5)!important;
819 }
820
821 .ddm-form-name {
822 text-align: center;
823 color: #182d4f !important;
824 font-family: "Lato_Bold";
825 line-height: 1.2;
826 }
827
828 .ddm-form-description {
829 font-family: "OpenSans";
830 font-size: 1em;
831 color: #182d4f !important;
832 margin-top: 0;
833 text-align: center;
834 }
835
836 #no-responder {
837 float: right;
838 text-decoration: underline;
839 color: #cc3e43;
840 margin-top: -8px;
841 margin-right: 22px;
842 }
843
844 #encuesta-modal .btn-primary {
845 background-color: #cc3e43;
846 border: 1px solid #cc3e43;
847 color: white;
848 border-radius: 5px;
849 font-size: 1em;
850 cursor: pointer;
851 font-family: "OpenSans";
852 font-weight: 400;
853 line-height: 1.188rem;
854 text-align: center;
855 padding: .5em 1em;
856 width: 7.5rem;
857 }
858
859 #encuesta-modal .lfr-ddm-form-page-title {
860 display: none;
861 }
862
863 #encuesta-modal .required-warning {
864 text-align: center;
865 color: tomato;
866 border: tomato 1px solid;
867 padding-top: 4px;
868 padding-bottom: 4px;
869 margin-left: 150px;
870 margin-right: 150px;
871 border-radius: 20px;
872 padding-left: inherit;
873 }
874
875 #encuesta-modal .lfr-ddm-form-field-container {
876 font-family: "OpenSans";
877 font-size: 1em;
878 color: #4b4b4b;
879 margin-top: 0;
880 }
881
882 #encuesta-modal .custom-control.custom-radio .custom-control-label {
883 padding: 7px;
884 background-color: white;
885 color: #182d4f;
886 border-radius: 5px;
887 min-width: 150px;
888 display: inline-block;
889 text-align:center;
890 font-size:12px;
891 border: #182d4f 1px solid;
892 }
893
894 #encuesta-modal .custom-control.custom-radio .custom-control-label:before,
895 #encuesta-modal .custom-control.custom-radio .custom-control-label:after {
896 display:none;
897 }
898
899 #encuesta-modal .custom-control.custom-radio .custom-control-label .custom-control-label-text {
900 padding-left:0;
901 }
902
903 #encuesta-modal .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label {
904 background-color: #182d4f;
905 color:white;
906 }
907
908 #encuesta-modal .lexicon-icon {
909 color: tomato;
910 font-size: 0.5rem;
911 }
912
913 #encuesta-modal .lfr-icon-item {
914 color: #182d4f;
915 text-decoration: underline;
916 }
917
918 #encuesta-modal .lfr-ddm-form-field-container label {
919 color: #182d4f;
920 }
921
922 #encuesta-modal .text-numb {
923 border: #182d4f 1px solid;
924 color: white;
925 background-color: #182d4f;
926 padding-left: 7px;
927 padding-right: 7px;
928 border-radius: 15px;
929 }
930
931 @media (max-width: 768px) {
932 #encuesta-modal .required-warning {
933 width: 100%;
934 margin-left: 0;
935 margin-right: 0;
936 }
937
938 #encuesta-modal .modal.fade .modal-dialog {
939 width:96%;
940 position: relative;
941 }
942
943 #encuesta-modal .modal-content {
944 max-height: 90vh;
945 margin-top: 5vh;
946 }
947
948 #encuesta-modal .container-fluid-1280 {
949 padding-left:0;
950 padding-right:0;
951 }
952
953 #encuesta-modal .lfr-ddm-form-page row {
954 margin-left:0;
955 margin-right:0;
956 }
957
958 #encuesta-modal .lfr-ddm-form-page row [class*="col-"] {
959 margin-left:0;
960 margin-right:0;
961 }
962
963 #encuesta-modal .custom-control.custom-radio .custom-control-label {
964 display:block;
965 }
966
967 #encuesta-modal .liferay-ddm-form-field-radio .custom-control-inline.custom-control {
968 display:block;
969 margin-bottom:10px;
970 margin-left:0;
971 }
972 }
973</style>
974 <script>
975 $(document).ready(function() {
976
977 $('.ancla').click(function(e){
978 // Evitamos que se haga el scroll
979 e.preventDefault();
980 //console.log("nos detenemos");
981 // Capturamos el ancla
982 var ancla = $(this).attr('href');
983 //console.log("el ancla es"+ancla);
984 // Le quitamos el numeral # para solo quedarnos con el nombre de la sección
985 ancla = ancla.substring(1);
986 // Obtenemos la posición de la sección
987 var position = $('#'+ancla).position();
988 //console.log("bajamos");
989 // Hacemos el efecto scroll y le restamos algunos pixeles, en este caso 180
990 $('html, body').animate({scrollTop: (position.top - 180)}, 500);
991 });
992
993 });
994</script>
995<br><br><br>