PageSourceSearch

https://barbosa.gov.co/Ciudadanos/Paginas/Tramites-y-Servicios.aspx

html barbosa.gov.co collected 2026-10-02 22:38:13 UTC 104,362 bytes, 2,104 lines download raw bytes

1
2
3
4
5<!DOCTYPE HTML>
6<html dir="ltr" lang="es-ES">
7
8	<head><meta charset="utf-8" /><meta name="GENERATOR" content="Microsoft SharePoint" /><meta http-equiv="Content-type" content="text/html; charset=utf-8" /><meta http-equiv="Expires" content="0" />
9
10		<!-- ===== STARTER: Robots  ======================================================================================================= -->
11		
12
13		<!-- ===== STARTER: Favicon / Windows Tile ======================================================================================== -->
14		<link rel="shortcut icon" href="/Style Library/img/barbosa.ico" type="image/vnd.microsoft.icon" id="favicon" /><meta name="msapplication-TileImage" content="/Style Library/img/barbosa.ico" /><meta name="msapplication-TileColor" content="#0072C6" />
15
16		<!-- ===== STARTER: Page Title loaded from page or page layout ==================================================================== -->
17		<title>
18	
19				Ciudadanos
20			
21</title>
22
23		<!-- ===== STARTER: SP Scripts and CSS  =========================================================================================== -->
24		
24<script type="text/javascript" src="/_layouts/15/init.js?rev=0WPVXXAlL8AI%2BCQOKF%2BLNA%3D%3D"></script>
vendor: 1 bytes, line 24
24
25<script type="text/javascript" src="/ScriptResource.axd?d=MhcD5fuYB6NPARCVAO1QyRADyOG1GbJEI4i2y0ShE7sGaKirJSstXskBtiPmU1CBrRveltGcO-p_9Tw9pOOtnqkAznCP2M8-HfEuNv0FdO0YEXeihPaZbrJbgpldTOuFfEtf-OeBN5sEVCMbuw8FUTQRiOOLEUa5Nk0AyVNJEONWZ4uGnQDYFjsRKwdOPKT80&amp;t=13798092"></script>
vendor: 1 bytes, line 25
25
26<script type="text/javascript" src="/_layouts/15/blank.js?rev=ZaOXZEobVwykPO9g8hq%2F8A%3D%3D"></script>
vendor: 1 bytes, line 26
26
27<script type="text/javascript" src="/ScriptResource.axd?d=tV6iBWakYBYio8GxNX4qYT4QS_bR57-h-U_0eyg3VlXbdVlgLWoVA2_s1uabYhC71qv_PmNjx4YllqmYtqvKI9wl9eBJyqlGf0OkgYmS0YHUJlTonSOUSDw3-CHAEhGmgiam6HXl-X4as75uboBbCq88lRxjlB4xVRIlYHnPT9ZWgytHE51_zhWyV0VClxEd0&amp;t=13798092"></script>
vendor: 1 bytes, line 27
27
28<script type="text/javascript">RegisterSod("initstrings.js", "\u002f_layouts\u002f15\u002f3082\u002finitstrings.js?rev=5yF2QHJRKQAfwS09AiglDA\u00253D\u00253D");</script>
vendor: 1 bytes, line 28
28
29<script type="text/javascript">RegisterSod("strings.js", "\u002f_layouts\u002f15\u002f3082\u002fstrings.js?rev=VEkbk5\u00252Bgs7sICSU9IJyCTg\u00253D\u00253D");RegisterSodDep("strings.js", "initstrings.js");</script>
vendor: 1 bytes, line 29
29
30<script type="text/javascript">RegisterSod("sp.init.js", "\u002f_layouts\u002f15\u002fsp.init.js?rev=jvJC3Kl5gbORaLtf7kxULQ\u00253D\u00253D");</script>
vendor: 1 bytes, line 30
30
31<script type="text/javascript">RegisterSod("sp.res.resx", "\u002f_layouts\u002f15\u002fScriptResx.ashx?culture=es\u00252Des\u0026name=SP\u00252ERes\u0026rev=uW9dpuSFH\u00252FU29wSDojmzpQ\u00253D\u00253D");</script>
vendor: 1 bytes, line 31
31
32<script type="text/javascript">RegisterSod("sp.ui.dialog.js", "\u002f_layouts\u002f15\u002fsp.ui.dialog.js?rev=3Oh2QbaaiXSb7ldu2zd6QQ\u00253D\u00253D");RegisterSodDep("sp.ui.dialog.js", "sp.init.js");RegisterSodDep("sp.ui.dialog.js", "sp.res.resx");</script>
vendor: 1 bytes, line 32
32
33<script type="text/javascript">RegisterSod("core.js", "\u002f_layouts\u002f15\u002fcore.js?rev=BoOTONqXW5dYCwvqGhdhCw\u00253D\u00253D");RegisterSodDep("core.js", "strings.js");</script>
vendor: 1 bytes, line 33
33
34<script type="text/javascript">RegisterSod("menu.js", "\u002f_layouts\u002f15\u002fmenu.js?rev=cXv35JACAh0ZCqUwKU592w\u00253D\u00253D");</script>
vendor: 1 bytes, line 34
34
35<script type="text/javascript">RegisterSod("mQuery.js", "\u002f_layouts\u002f15\u002fmquery.js?rev=VYAJYBo5H8I3gVSL3MzD6A\u00253D\u00253D");</script>
vendor: 1 bytes, line 35
35
36<script type="text/javascript">RegisterSod("callout.js", "\u002f_layouts\u002f15\u002fcallout.js?rev=ryx2n4ePkYj1\u00252FALmcsXZfA\u00253D\u00253D");RegisterSodDep("callout.js", "strings.js");RegisterSodDep("callout.js", "mQuery.js");RegisterSodDep("callout.js", "core.js");</script>
vendor: 1 bytes, line 36
36
37<script type="text/javascript">RegisterSod("clienttemplates.js", "\u002f_layouts\u002f15\u002fclienttemplates.js?rev=0z4Tb4hOOcK5wjxH5p1xVg\u00253D\u00253D");RegisterSodDep("clienttemplates.js", "initstrings.js");</script>
vendor: 1 bytes, line 37
37
38<script type="text/javascript">RegisterSod("sharing.js", "\u002f_layouts\u002f15\u002fsharing.js?rev=XxxHIxIIc8BsW9ikVc6dgA\u00253D\u00253D");RegisterSodDep("sharing.js", "strings.js");RegisterSodDep("sharing.js", "mQuery.js");RegisterSodDep("sharing.js", "clienttemplates.js");RegisterSodDep("sharing.js", "core.js");</script>
vendor: 1 bytes, line 38
38
39<script type="text/javascript">RegisterSod("suitelinks.js", "\u002f_layouts\u002f15\u002fsuitelinks.js?rev=REwVU5jSsadDdOZlCx4wpA\u00253D\u00253D");RegisterSodDep("suitelinks.js", "strings.js");RegisterSodDep("suitelinks.js", "core.js");</script>
vendor: 1 bytes, line 39
39
40<script type="text/javascript">RegisterSod("browserScript", "\u002f_layouts\u002f15\u002fie55up.js?rev=ypR\u00252FzpJuE7bcLEAVduzBZA\u00253D\u00253D");RegisterSodDep("browserScript", "strings.js");</script>
vendor: 1 bytes, line 40
40
41<script type="text/javascript">RegisterSod("sp.runtime.js", "\u002f_layouts\u002f15\u002fsp.runtime.js?rev=5f2WkYJoaxlIRdwUeg4WEg\u00253D\u00253D");RegisterSodDep("sp.runtime.js", "sp.res.resx");</script>
vendor: 1 bytes, line 41
41
42<script type="text/javascript">RegisterSod("sp.js", "\u002f_layouts\u002f15\u002fsp.js?rev=yFK17w2Dmvg\u00252F3QQJr\u00252BIVXg\u00253D\u00253D");RegisterSodDep("sp.js", "sp.runtime.js");RegisterSodDep("sp.js", "sp.ui.dialog.js");RegisterSodDep("sp.js", "sp.res.resx");</script>
vendor: 1 bytes, line 42
42
43<script type="text/javascript">RegisterSod("inplview", "\u002f_layouts\u002f15\u002finplview.js?rev=iMf5THfqukSYut7sl9HwUg\u00253D\u00253D");RegisterSodDep("inplview", "strings.js");RegisterSodDep("inplview", "core.js");RegisterSodDep("inplview", "sp.js");</script>
43
44<link type="text/xml" rel="alternate" href="/Ciudadanos/_vti_bin/spsdisco.aspx" />
45
46		<!-- ===== STARTER: Additional header placeholder - overridden by asp:content on pages or page layouts  =========================== -->
47		
48		
49
50
51
52<script type="text/javascript" language="javascript">
53    var _gaq = _gaq || [];
54    _gaq.push(['_setAccount', 'INHERITS']);
55    _gaq.push(['_trackPageview']);
56
57    (function () {
58        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
59        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
60        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
61    })();
62</script>
62
63<link rel="canonical" href="https://barbosa.gov.co:443/Ciudadanos/Paginas/Tramites-y-Servicios.aspx" />
64
65		<!-- ===== STARTER: Core SharePoint CSS =========================================================================================== -->
66
67
68		<!-- Always force latest IE rendering engine & Chrome Frame -->
69		<meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><meta http-equiv="cleartype" content="on" /><meta name="description" content="Portal oficial del municipio de Barbosa" /><meta name="keywords" content="Alcaldía,Barbosa, Trámites en línea, Predíal, Impuestos, Proyectos" /><meta name="author" content="1cero1 S.A.S" /><meta http-equiv="cleartype" content="on" /><meta name="HandheldFriendly" content="True" /><meta name="MobileOptimized" content="320" /><meta name="viewport" content="width=device-width, initial-scale=1.0" />
70		
71		<!-- METAS Y SCRIPTS VIEJOS-->
72		<!-- Google Tag Manager FASE3 -->
73		
73<script>
vendor: 339 bytes, lines 73-77
73(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
74		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
75		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
76		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
77		})(window,document,'script','dataLayer','
77GTM-TSZNK5J
vendor: 3 bytes, line 77
77');
77</script>
77
78		<!-- End Google Tag Manager -->
79		
80		<!-- Favicon -->
81		<link rel="shortcut icon" href="/SiteAssets/V2/images/logo.png" />
82		<!-- Styles -->
83		<!-- Bootstrap core CSS -->
84		<link rel="stylesheet" href="/SiteAssets/V2/css/estilos.css" type="text/css" media="all" />
85		<!-- Estilos generales -->
86		<link rel="stylesheet" href="/SiteAssets/V2/css/adicionales.css" type="text/css" media="all" />
87		<!-- Estilos adicionales -->
88		<!-- Resolucion1519 -->
89		<link rel="stylesheet" href="/SiteAssets/V2/css/BtnAccesibilidad.css" type="text/css" media="all" />
90		<!-- Resolucion1519 -->
91				<link rel="stylesheet" href="/SiteAssets/V3/css/style-Sharepoint.css" type="text/css" media="all" />
92
93		<!-- Menu -->
94		<!-- Boton Tramiapp -->
95		<link rel="stylesheet" href="/Style Library/BotonTramiapp/css/normalize.css" /><link rel="stylesheet" href="/Style Library/BotonTramiapp/css/style.css" />
96		<!-- Traductor Google -->
97		<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet" />
98		<!--Botones flotantes-->
99		
100		<link rel="stylesheet" type="text/css" href="/Style%20Library/Tools-bar/styles.css" />
101		
101<script type="module" src="/Style Library/Tools-bar/tool.js"></script>
101
102				
103    
103<script src="/SiteAssets/V3/js/Tailwind/tailwind.js"></script>
103
104		
104<script src="/SiteAssets/V3/js/Tailwind/tailwind.config.js"></script>
104
105		<!-- METAS VIEJOS-->
106		
107		<!-- METAS NUEVOS-->
108		<link rel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="crossorigin="anonymous"referrerpolicy="no-referrer"/>
109		<!--Splide slider-->
110		<link rel="stylesheet" href="/SiteAssets/V3/SplideSlider/splide.min.css" />
111		
111<script src="/SiteAssets/V3/SplideSlider/splide.min.js"></script>
111
112		<!--Splide slider-->
113		<link rel="stylesheet" href="/SiteAssets/V3/css/corev15.css" /><link rel="stylesheet" href="/SiteAssets/V3/css/nav.css" /><link rel="stylesheet" href="/SiteAssets/V3/css/style.css" /><link rel="stylesheet" href="/SiteAssets/V3/css/style-sharepoint.css" /><link rel="stylesheet" href="/SiteAssets/V3/Componentes/TramitesPago/assets/css/style.css" /><link rel="stylesheet" href="/SiteAssets/V3/css/Styles-Interna.css" />
114		
114<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
114
115		
115<script type="text/javascript" src="https://code.jquery.com/jquery-migrate-3.0.1.min.js"></script>
115
116
117        <!-- METAS NUEVOS-->
118
119        <link rel="stylesheet" href="/Style Library/BuscadorInstitucional/buscador-home/assets/css/styles.css" />
120        
120<script type="module" src="/Style Library/BuscadorInstitucional/buscador-home/assets/js/main.js"></script>
120
121		
122		<link rel="stylesheet" type="text/css" href="/Style%20Library/AccessibilityBar/Assets/styles/style.css" /></head>
123
124	<body onload="Autenticarse();">
125	
126	<!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 126-127
126
127	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
127GTM-TSZNK5J
vendor: 87 bytes, lines 127-129
127"
128	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
129	
129<!-- End Google Tag Manager (noscript) -->
130	
131		<!-- ===== STARTER: SP IDs / Prefetch SP images / SP Form  =========================================================================== -->
132		
133		<div id="imgPrefetch" style="display:none">
134<img src="/Style Library/img/barbosa.ico?rev=23" />
135<img src="/_layouts/15/images/spcommon.png?rev=23" />
136</div>
137
138		<form method="post" action="./Tramites-y-Servicios.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="aspnetForm">
139<div class="aspNetHidden">
140<input type="hidden" name="_wpcmWpid" id="_wpcmWpid" value="" />
141<input type="hidden" name="wpcmVal" id="wpcmVal" value="" />
142<input type="hidden" name="MSOWebPartPage_PostbackSource" id="MSOWebPartPage_PostbackSource" value="" />
143<input type="hidden" name="MSOTlPn_SelectedWpId" id="MSOTlPn_SelectedWpId" value="" />
144<input type="hidden" name="MSOTlPn_View" id="MSOTlPn_View" value="0" />
145<input type="hidden" name="MSOTlPn_ShowSettings" id="MSOTlPn_ShowSettings" value="False" />
146<input type="hidden" name="MSOGallery_SelectedLibrary" id="MSOGallery_SelectedLibrary" value="" />
147<input type="hidden" name="MSOGallery_FilterString" id="MSOGallery_FilterString" value="" />
148<input type="hidden" name="MSOTlPn_Button" id="MSOTlPn_Button" value="none" />
149<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
150<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
151<input type="hidden" name="__REQUESTDIGEST" id="__REQUESTDIGEST" value="noDigest" />
152<input type="hidden" name="MSOSPWebPartManager_DisplayModeName" id="MSOSPWebPartManager_DisplayModeName" value="Browse" />
153<input type="hidden" name="MSOSPWebPartManager_ExitingDesignMode" id="MSOSPWebPartManager_ExitingDesignMode" value="false" />
154<input type="hidden" name="MSOWebPartPage_Shared" id="MSOWebPartPage_Shared" value="" />
155<input type="hidden" name="MSOLayout_LayoutChanges" id="MSOLayout_LayoutChanges" value="" />
156<input type="hidden" name="MSOLayout_InDesignMode" id="MSOLayout_InDesignMode" value="" />
157<input type="hidden" name="_wpSelected" id="_wpSelected" value="" />
158<input type="hidden" name="_wzSelected" id="_wzSelected" value="" />
159<input type="hidden" name="MSOSPWebPartManager_OldDisplayModeName" id="MSOSPWebPartManager_OldDisplayModeName" value="Browse" />
160<input type="hidden" name="MSOSPWebPartManager_StartWebPartEditingName" id="MSOSPWebPartManager_StartWebPartEditingName" value="false" />
161<input type="hidden" name="MSOSPWebPartManager_EndWebPartEditing" id="MSOSPWebPartManager_EndWebPartEditing" value="false" />
162<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUBMA9kFgJmD2QWAgIBD2QWBAIBD2QWAgIZD2QWAmYPZBYCZg88KwAGAGQCBw9kFgwCAg9kFgYFJmdfMTE0N2U5ZmJfZTNjMV80YjJlXzg4NGNfZmQwNzE3YTg5MzZiD2QWBGYPFgIeB1Zpc2libGVoZAIBDxYCHwBoZAUmZ18yNGM0OTlkN18zOGEwXzQ2ZDhfODMxNF9iN2Y4M2FlYWY5ZDMPZBYEZg8WAh8AaGQCAQ8WAh8AaGQFJmdfYjZjZTM3NDVfY2JjY180ZGE4X2FmMmVfM2NkZjBiZjZhMTVjD2QWBGYPFgIfAGhkAgEPFgIfAGhkAgYPZBYCAgIPZBYCAgUPZBYCAgMPFgIfAGgWAmYPZBYEAgIPZBYGAgEPFgIfAGhkAgMPFgIfAGhkAgUPFgIfAGhkAgMPDxYCHglBY2Nlc3NLZXkFAS9kZAIOD2QWAgIBD2QWAgIBDxYCHhNQcmV2aW91c0NvbnRyb2xNb2RlCymIAU1pY3Jvc29mdC5TaGFyZVBvaW50LldlYkNvbnRyb2xzLlNQQ29udHJvbE1vZGUsIE1pY3Jvc29mdC5TaGFyZVBvaW50LCBWZXJzaW9uPTE1LjAuMC4wLCBDdWx0dXJlPW5ldXRyYWwsIFB1YmxpY0tleVRva2VuPTcxZTliY2UxMTFlOTQyOWMBZAIQD2QWAmYPZBYCZg8WAh4JaW5uZXJodG1sBRMwMi8xMC8yMDI2IDEyOjAwOjU1ZAISD2QWAmYPZBYEZg8PFgIeBFRleHQFBzEyMzgzNzdkZAICDw8WAh8EBZoBQ29udGFkb3JWaXNpdGFzRXJyb3IgbG9hZGluZyBuYXRpdmUgbGlicmFyeSAiQzpcaW5ldHB1Ylx3d3dyb290XHdzc1xWaXJ0dWFsRGlyZWN0b3JpZXNcNTExMDBcYmluXGdycGNfY3NoYXJwX2V4dC54NjQuZGxsIi4gTG9hZExpYnJhcnkgZmFpbGVkIHdpdGggZXJyb3IgNWRkAhYPZBYCAgcPZBYCAgEPZBYCAgEPPCsABQEADxYCHhVQYXJlbnRMZXZlbHNEaXNwbGF5ZWRmZGRkxZ2TYfiyZTkfmUxg8zJtlUvV2fvVNUhj6ml7M5diZXA=" />
163</div>
164
165<script type="text/javascript">
166//<![CDATA[
167var theForm = document.forms['aspnetForm'];
168if (!theForm) {
169    theForm = document.aspnetForm;
170}
171function __doPostBack(eventTarget, eventArgument) {
172    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
173        theForm.__EVENTTARGET.value = eventTarget;
174        theForm.__EVENTARGUMENT.value = eventArgument;
175        theForm.submit();
176    }
177}
178//]]>
179</script>
179
180
181
182<script src="/WebResource.axd?d=hDNdF7CUSsnw3OfRkw_SaFusaLfIWC8BVTIO_0A8bJQOYPjAiTygoTeeXmWAGk3DGgsPxTsKXc-U8OLisDyqIpF5MWcufO_VLS-D4DWp6LE1&amp;t=638285885964787378" type="text/javascript"></script>
182
183
184
185<script type="text/javascript">
186//<![CDATA[
187var MSOWebPartPageFormName = 'aspnetForm';
188var g_presenceEnabled = true;
189var g_wsaEnabled = false;
190var g_wsaQoSEnabled = false;
191var g_wsaQoSDataPoints = [];
192var g_wsaLCID = 3082;
193var g_wsaListTemplateId = 850;
194var g_wsaSiteTemplateId = 'CMSPUBLISHING#0';
195var _fV4UI=true;var _spPageContextInfo = {webServerRelativeUrl: "\u002fCiudadanos", webAbsoluteUrl: "https:\u002f\u002fbarbosa.gov.co\u002fCiudadanos", siteAbsoluteUrl: "https:\u002f\u002fbarbosa.gov.co", serverRequestPath: "\u002fCiudadanos\u002fPaginas\u002fTramites-y-Servicios.aspx", layoutsUrl: "_layouts\u002f15", webTitle: "Ciudadanos", webTemplate: "39", tenantAppVersion: "0", isAppWeb: false, Has2019Era: true, webLogoUrl: "_layouts\u002f15\u002fimages\u002fsiteicon.png", webLanguage: 3082, currentLanguage: 3082, currentUICultureName: "es-ES", currentCultureName: "es-ES", clientServerTimeDelta: new Date("2026-10-02T22:38:12.9009236Z") - new Date(), siteClientTag: "1484$$15.0.5545.1000", crossDomainPhotosEnabled:false, webUIVersion:15, webPermMasks:{High:16,Low:200769},pageListId:"{58e38d4e-46f1-4fbb-9525-fdb14935c58d}",pageItemId:3, pagePersonalizationScope:1, alertsEnabled:false, siteServerRelativeUrl: "\u002f", allowSilverlightPrompt:'True'};var L_Menu_BaseUrl="/Ciudadanos";
196var L_Menu_LCID="3082";
197var L_Menu_SiteTheme="null";
198document.onreadystatechange=fnRemoveAllStatus; function fnRemoveAllStatus(){removeAllStatus(true)};var _spWebPartComponents = new Object();//]]>
199</script>
199
200
201<script src="/_layouts/15/blank.js?rev=ZaOXZEobVwykPO9g8hq%2F8A%3D%3D" type="text/javascript"></script>
vendor: 2 bytes, line 201
201
202<script type="text/javascript">
203//<![CDATA[
204if (typeof(DeferWebFormInitCallback) == 'function') DeferWebFormInitCallback();function WebForm_OnSubmit() {
205UpdateFormDigest('\u002fCiudadanos', 1440000);if (typeof(_spFormOnSubmitWrapper) != 'undefined') {return _spFormOnSubmitWrapper();} else {return true;};
206return true;
207}
208//]]>
209</script>
209
210
211<div class="aspNetHidden">
212
213	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="BAB98CB3" />
214</div>
215
216			<!-- ===== STARTER: SharePoint Reqs this for adding columns ===================================================== -->
217			
217<script type="text/javascript">
218				var submitHook = function () {
219					return false;
220				};
221				theForm._spOldSubmit = theForm.submit;
222				theForm.submit = function () {
223					if (!submitHook()) {
224						this._spOldSubmit();
225					}
226				};
227			</script>
227
228
229			<!-- ===== STARTER: Web Part Manager  ============================================================================================= -->
230			
231
232			<!-- ===== STARTER: ScriptManager ===================================================== -->
233			
233<script type="text/javascript">
234//<![CDATA[
235Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager', 'aspnetForm', [], [], [], 90, 'ctl00');
236//]]>
237</script>
237
238
239
240			<!-- ===== STARTER: Ribbon Code Starts Here ===================================================== -->
241			<div>
242	
243	<div id="s4-ribbonrow" style="visibility:hidden;display:none"></div>
244
245</div>
246
247
248			<!-- ===== STARTER: Ribbon Code Ends Here  ======================================================================================== -->
249
250			<!-- ===== STARTER: Authentication / Login link hidden for everyone by anonymous users  =========================================== -->
251			<span>
252				
253<a id="ctl00_ctl69_ExplicitLogin" class="ms-signInLink" href="https://barbosa.gov.co/Ciudadanos/_layouts/15/Authenticate.aspx?Source=%2FCiudadanos%2FPaginas%2FTramites%2Dy%2DServicios%2Easpx" style="display:inline-block;">Inicio de sesión</a>
254
255			</span>
256
257			
258
259
260			<div id="DivOverlZZ" class="ms-dlgOverlay" style="display: none; z-index: 1504;"></div>
261			<!-- ===== STARTER: Main Scrolling Body Starts Here =============================================================================== -->
262			
263				
264
265				<div id="s4-workspace">
266                                    <div id="s4-bodyContainer">
267
268                                        <!--Header-->
269                                        <header class="flex flex-col">
270                                            <!-- sec gob  -->
271                                            <section class="bg-gobColor px-6 py-2">
272                                                <figure
273                                                    class="lg:container mx-auto flex items-center justify-center lg:justify-start">
274                                                    <a href="https://www.gov.co">
275                                                        <img src="/SiteAssets/V3/img/logoGov.svg"
276                                                            class="w-32 object-contain" alt="Imagen" />
277                                                    </a>
278                                                </figure>
279                                            </section>
280                                            <!-- sec gob  -->
281                                            <!-- sec logos and input search -->
282                                            <section
283                                                class="lg:container mx-auto  p-6 flex flex-wrap justify-center lg:justify-between items-center gap-y-6 xl:gap-6">
284                                                <article
285                                                    class="flex gap-6 flex-col lg:flex-row items-center justify-center lg:justify-start">
286                                                    <section class="flex gap-3">
287                                                        <a href="https://petro.presidencia.gov.co" class="w-14">
288                                                            <img src="/SiteAssets/V3/img/_Escudo_de_Colombia.svg.webp"
289                                                                width="220" height="64" class="h-12 w-auto object-contain sm:h-14 md:h-16" alt="Imagen" />
290                                                        </a>
291                                                        <a href="/" class="w-14">
292                                                            <img src="/SiteAssets/V3/img/ESCUDO BARBOSA.png"
293                                                                width="220" height="64" class="h-12 w-auto object-contain sm:h-14 md:h-16" alt="Imagen" />
294                                                        </a>
295                                                    </section>
296                                                    <h1 class="text-[20px] font-semibold text-center lg:text-start">Alcaldía Municipal de Barbosa, Antioquia
297                                                    </h1>
298                                                </article>
299
300                                                <section class="flex flex-col gap-3 w-full lg:w-1/4">
301                                                    <div id="header-c">
302                                                        <section id="header">
303                                                            <!--SEARCH SECTION-->
304                                                            <div id="contenedor-buscador"></div>
305                                                            <!--SEARCH SECTION-->
306                                                        </section>
307                                                    </div>
308                                                </section>
309                                            </section>
310                                            <!-- sec logos and input search -->
311
312                                        </header>
313                                        <!--Header-->
314
315                                        <!-- nav  -->
316                                        <section class="header bg-gris px-6 w-full border-b-2 border-colorMunicipio sticky top-0 z-[999]">
317                                            <nav class="menu mx-auto">
318                                                <div class="head p-3 lg:px-0">
319                                                    <div class="logo pl-5">
320                                                        <img src="/SiteAssets/V3/img/escudo-municipio.png"
321                                                            alt="logo" />
322                                                    </div>
323                                                    <button type="button" class="close-menu-btn"></button>
324                                                </div>
325                                                <ul>
326                                                    <li class="" data-menu="inicio"><a href="https://www.barbosa.gov.co/" class="">Inicio</a></li>
327                                                    <li class="" data-menu="transparencia">
328                                                        <a
329                                                            href="/Transparencia/Paginas/Transparencia-y-Acceso-a-la-Informacion-Publica.aspx">Transparencia
330                                            y acceso
331                                                            <br />
332                                                            información pública</a>
333                                                    </li>
334                                                    <li class="dropdown group" data-menu="atencion">
335                                                        <section class=" h-full lg:pr-4 ">
336                                                            <a href="#"
337                                                                class="transition-all duration-300 ">Atención y
338                                              Servicios
339                                                                <br />
340                                                                a la Ciudadanía</a>
341
342                                                            <i
343                                                                class="fa-solid fa-chevron-down transform group-hover:rotate-180 duration-500 group-hover:text-white"></i>
344                                                        </section>
345
346                                                        <ul class="sub-menu">
347                                                            <li><a href="/Ciudadanos/Paginas/Tramites-y-Servicios.aspx"
348                                                                accesskey="t">Trámites y
349                                                Servicios</a></li>
350                                                            <li><a href="/Ciudadanos/Paginas/Pagos-en-Linea.aspx"
351                                                                accesskey="l">Pagos en Línea</a>
352                                                            </li>
353                                                            <li><a href="/Ciudadanos/Paginas/PQRD.aspx"
354                                                                accesskey="q">Peticiones, Quejas,
355                                                                <br>
356                                                                Reclamos
357                                                y Denuncias</a></li>
358                                                            <li><a
359                                                                href="/Ciudadanos/Paginas/Servicios-de-Atencion-en-Linea.aspx">Servicios
360                                                de
361                                                Atención en Línea</a></li>
362
363                                                            <li class="dropdown">
364                                                                <a href="#"><span>Trabaja con
365                                                nosotros</span></a>
366                                                                <i class="fa-solid fa-chevron-down"></i>
367
368                                                                <ul
369                                                                    class="sub-menu sub-menu
369-right sub-menu-left-mobile">
370                                                                    <li><a
371                                                                        href="/Ciudadanos/Paginas/Ofertas-Laborales.aspx">Ofertas
372                                                Laborales</a></li>
373                                                                    <li><a
374                                                                        href="/Ciudadanos/Paginas/Envie-su-Hoja-de-Vida.aspx?IDRequest=6107">Envíe
375                                                su
376                                                Hoja de Vida</a></li>
377                                                                </ul>
378                                                            </li>
379
380                                                            <li><a
381                                                                href="/Ciudadanos/Paginas/Notificaciones-a-Terceros.aspx">Notificaciones
382                                              a
383                                              Terceros</a></li>
384                                                            <li><a href="/Ciudadanos/Paginas/Encuesta.aspx">Encuestas</a>
385                                                            </li>
386                                                            <li><a
387                                                                href="/Ciudadanos/Paginas/Mecanismos-de-Participacion-Ciudadana.aspx">Mecanismos
388                                              de
389                                              Participación
390                                                                <br>
391                                                                Ciudadana</a></li>
392                                                            <li><a
393                                                                href="/Ciudadanos/Paginas/Proyectos-de-Normatividad.aspx">Participación
394                                              en la
395                                              formulación
396                                                                <br>
397                                                                de políticas</a></li>
398                                                            <li><a
399                                                                href="/Ciudadanos/Paginas/Caracterizacion-de-Usuarios.aspx">Caracterización
400                                              de
401                                              Usuarios</a></li>
402                                                            <li><a
403                                                                href="/Ciudadanos/Paginas/Escribale-al-Alcalde.aspx?IDRequest=6137">Escríbale
404                                              Al
405                                              Alcalde</a></li>
406                                                            <li><a href="/ninos-ninas-jovenes-adolescentes/Paginas/inicio.aspx">Portal de Niños, Niñas y Adolescentes</a>
407                                                            </li>
408                                                            <li><a href="/Transparencia/Paginas/Informe-de-Encuestas-de-Satisfaccion-del-Usuario.aspx">Informe de encuestas de satisfacción del usuario</a>
409                                                            </li>
410                                                            <li><a href="/Ciudadanos/Paginas/Estado-Tramite.aspx">Estado del trámite</a>
411                                                            </li>
412
413                                                        </ul>
414                                                    </li>
415                                                    <li class="dropdown group" data-menu="participa">
416                                                        <a href="/Participa/Paginas/Participa.aspx"
417                                                            class="transition-all duration-300 ">Participa</a>
418                                                    </li>
419                                                    <li class="dropdown group" data-menu="mi-municipio">
420                                                        <section class="h-full lg:pr-4">
421                                                            <a href="#">Mi municipio</a>
422                                                            <i
423                                                                class="fa-solid fa-chevron-down group-hover:rotate-180 duration-500 group-hover:text-white"></i>
424                                                        </section>
425
426                                                        <ul class="sub-menu">
427
428                                                            <li><a
429                                                                href="/MiMunicipio/Paginas/Presentacion.aspx">Presentación</a>
430                                                            </li>
431                                                            <li><a
432                                                                href="/MiMunicipio/Paginas/Informacion-del-Municipio.aspx"
433                                                                accesskey="i">Información del Municipio</a></li>
434                                                            <li><a
435                                                                href="/MiMunicipio/Paginas/Nuestros-Simbolos.aspx">Nuestros
436                                                Símbolos</a></li>
437                                                            <li><a
438                                                                href="/MiMunicipio/Paginas/Pasado-Presente-y-Futuro.aspx">Pasado,
439                                                Presente y
440                                                Futuro</a></li>
441
442                                                            <li class="dropdown">
443                                                                <a href="#"><span>Turismo</span></a>
444                                                                <i class="fa-solid fa-chevron-down"></i>
445
446                                                                <ul
447                                                                    class="sub-menu sub-menu
447-left sub-menu-left-mobile">
448                                                                    <li><a
449                                                                        href="/MiMunicipio/Paginas/Fiestas-y-Celebraciones.aspx">Fiestas
450                                                y
451                                                Celebraciones</a></li>
452                                                                    <li><a
453                                                                        href="/MiMunicipio/Paginas/Como-llegar-al-municipio.aspx">Cómo
454                                                llegar al
455                                                Municipio </a></li>
456                                                                    <li><a
457                                                                        href="/MiMunicipio/Paginas/Vias-de-Comunicacion.aspx">Vías
458                                                de Comunicación</a>
459                                                                    </li>
460                                                                    <li><a
461                                                                        href="/MiMunicipio/Paginas/Sitios-de-Interes.aspx">Sitios
462                                                de Interés </a></li>
463                                                                    <li><a
464                                                                        href="/MiMunicipio/Paginas/Directorio-Turistico.aspx">Directorio
465                                                Turístico</a>
466                                                                    </li>
467                                                                </ul>
468                                                            </li>
469
470                                                            <li><a href="/MiMunicipio/Paginas/Economia.aspx">Economía</a>
471                                                            </li>
472                                                            <li><a href="/MiMunicipio/Paginas/Ecologia.aspx">Ecología</a>
473                                                            </li>
474                                                            <li class="dropdown">
475                                                                <a href="#"><span>Galerías</span></a>
476                                                                <i class="fa-solid fa-chevron-down"></i>
477
478                                                                <ul
479                                                                    class="sub-menu sub-menu-left sub-menu-left-mobile">
480                                                                    <li><a
481                                                                        href="/MiMunicipio/Paginas/Galeria-de-Imagenes.aspx">Galería
482                                                de Imágenes</a>
483                                                                    </li>
484                                                                    <li><a
485                                                                        href="/MiMunicipio/Paginas/Galeria-de-Mapas.aspx">Galería
486                                                de Mapas</a></li>
487                                                                    <li><a
488                                                                        href="/MiMunicipio/Paginas/Galeria-de-Videos.aspx">Galería
489                                                de Videos</a></li>
490                                                                    <li><a
491                                                                        href="/MiMunicipio/Paginas/Galeria-de-Audios.aspx">Galería
492                                                de Audios</a></li>
493                                                                </ul>
494                                                            </li>
495                                                            <li><a
496                                                                href="/MiMunicipio/Paginas/Calendario-de-Eventos.aspx">Calendario
497                                              de Eventos</a>
498                                                            </li>
499                                                        </ul>
500                                                    </li>
501
502                                                    <li class="dropdown group" data-menu="nuestra-alcaldia">
503                                                        <section class="h-full lg:pr-4">
504                                                            <a href="#">Nuestra alcaldía</a>
505                                                            <i
506                                                                class="fa-solid fa-chevron-down group-hover:rotate-180 duration-500 group-hover:text-white"></i>
507                                                        </section>
508
509                                                        <ul class="sub-menu">
510                                                            <li><a
511                                                                href="/NuestraAlcaldia	/Paginas/Mision-y-Vision.aspx">Misión
512                                                y Visión</a></li>
513                                                            <li><a
514                                                                href="/NuestraAlcaldia/Paginas/Funciones-y-Deberes-de-la-Entidad.aspx">Funciones
515                                                y deberes de
516                                                la entidad</a></li>
517                                                            <li><a
518                                                                href="/NuestraAlcaldia/Paginas/Organigrama.aspx">Organigrama</a>
519                                                            </li>
520
521                                                            <li class="dropdown">
522                                                                <a href="#"><span>Directorios</span></a>
523                                                                <i class="fa-solid fa-chevron-down"></i>
524
525                                                                <ul
526                                                                    class="sub-menu sub-menu
526-left sub-menu-left-mobile">
527                                                                    <li><a
528                                                                        href="/NuestraAlcaldia/Paginas/Directorio-de-Dependencias.aspx">Directorio
529                                                de
530                                                Secretarías</a></li>
531                                                                    <li><a
532                                                                        href="/NuestraAlcaldia/Paginas/Directorio-de-Entidades-Descentralizadas.aspx">Directorio
533                                                de Entidades
534                                                                        <br>
535                                                                        Descentralizadas</a></li>
536                                                                    <li><a
537                                                                        href="/NuestraAlcaldia/Paginas/Directorio-de-Agremiaciones.aspx">Directorio
538                                                de
539                                                Agremiaciones</a></li>
540                                                                </ul>
541                                                            </li>
542
543                                                            <li class="dropdown">
544                                                                <a href="#"><span>Órganos de Control</span></a>
545                                                                <i class="fa-solid fa-chevron-down"></i>
546
547                                                                <ul
548                                                                    class="sub-menu sub-menu-left sub-menu-left-mobile">
549                                                                    <li><a
550                                                                        href="/NuestraAlcaldia/Paginas/Concejo.aspx">Concejo</a>
551                                                                    </li>
552                                                                    <li><a
553                                                                        href="/NuestraAlcaldia/Paginas/Personeria.aspx">Personería</a>
554                                                                    </li>
555                                                                    <li><a
556                                                                        href="/NuestraAlcaldia/Paginas/Contraloria.aspx">Contraloría</a>
557                                                                    </li>
558                                                                    <li><a
559                                                                        href="/NuestraAlcaldia/Paginas/Procuraduria.aspx">Procuraduría</a>
560                                                                    </li>
561                                                                    <li><a
562                                                                        href="/NuestraAlcaldia/Paginas/Control-Interno.aspx">Control
563                                                Interno</a></li>
564                                                                </ul>
565                                                            </li>
566
567                                                            <li><a
568                                                                href="/NuestraAlcaldia/Paginas/Evaluacion-y-Acuerdos-de-Gestion.aspx">Evaluación
569                                              y
570                                              Acuerdos de Gestión</a></li>
571                                                            <li><a
572                                                                href="/NuestraAlcaldia/Paginas/Nuestros-Directivos-y-Funcionarios.aspx">Nuestros
573                                              Directivos y Funcionarios</a></li>
574                                                            <li><a href="/NuestraAlcaldia/SaladePrensa" accesskey="n">Sala
575                                              de Prensa</a></li>
576                                                            <li><a
577                                                                href="/NuestraAlcaldia/Paginas/Objetivos-del-Desarrollo-Sostenible.as
577px">Objetivos
578                                              de Desarrollo
579                                              Sostenible</a></li>
580
581                                                            <li><a href="https://www.barbosa.gov.co/Transparencia/Mecanismos%20de%20Contacto/CARTA%20DE%20TRATO%20DIGNO%202024.pdf" target="_blank">Carta de trato digno al ciudadano</a></li>
582                                                            <li><a href="/Transparencia/Mecanismos de Contacto/Código de Ética.pdf"
583                                                                target="_blank">Código de Ética</a></li>
584
585                                                        </ul>
586                                                    </li>
587
588                                                    <li class="dropdown group" data-menu="proyectos">
589                                                        <section class="h-full lg:pr-4">
590                                                            <a href="#">Proyectos</a>
591                                                            <i
592                                                                class="fa-solid fa-chevron-down group-hover:rotate-180 duration-500 group-hover:text-white"></i>
593                                                        </section>
594
595                                                        <ul class="sub-menu">
596                                                            <li><a
597                                                                href="/Proyectos/Paginas/Proyectos-Vigentes.aspx">Proyectos
598                                                Vigentes</a></li>
599                                                            <li><a
600                                                                href="/Proyectos/Paginas/Conozca-mas-Proyectos.aspx">Conozca
601                                                más Proyectos</a></li>
602                                                            <li><a
603                                                                href="/Proyectos/Paginas/Portal-Unico-de-Contratacion.aspx">Portal
604                                                Único de
605                                                Contratación</a></li>
606                                                        </ul>
607                                                    </li>
608                                                </ul>
609                                                </li>
610
611                                        </ul>
612                                            </nav>
613                                            <section class="container py-2 lg:py-0">
614                                                <div class="header-right">
615                                                    <button type="button" class="open-menu-btn">
616                                                        <span class="line line-1"></span>
617                                                        <span class="line line-2"></span>
618                                                        <span class="line line-3"></span>
619                                                    </button>
620                                                </div>
621                                            </section>
622                                        </section>
623
624                                        <!-- nav  -->
625
626                                      <!--Main-->
627                                      <main>
628                                        
629                                        
630
631                                        
632<div class="pagina-interna-barbosa">
633
634    <!-- =========================================================
635         CONTENEDOR PRINCIPAL
636         ========================================================= -->
637
638    <div class="pagina-interna-contenedor">
639
640        <!-- =====================================================
641             CABECERA DE LA PÁGINA
642             ===================================================== -->
643
644        <section class="pagina-interna-header">
645
646            <div class="pagina-interna-header-bg"></div>
647
648            <div class="pagina-interna-header-contenido">
649
650                <div class="pagina-interna-indicador">
651
652                    <span class="pagina-interna-indicador-linea"></span>
653
654                    <span class="pagina-interna-indicador-texto">
655                        ALCALDÍA DE BARBOSA
656                    </span>
657
658                </div>
659
660                
661
662                        <h2
663                            class="pagina-interna-titulo"
664                            id="titleNoticias">
665
666                            Trámites y Servicios
667
668                        </h2>
669
670                    
671
672                <div class="pagina-interna-linea"></div>
673
674            </div>
675
676            <div class="pagina-interna-decoracion pagina-interna-decoracion-1"></div>
677            <div class="pagina-interna-decoracion pagina-interna-decoracion-2"></div>
678            <div class="pagina-interna-decoracion pagina-interna-decoracion-3"></div>
679
680        </section>
681
682
683        <!-- =====================================================
684             MIGAS DE PAN
685             ===================================================== -->
686
687        <section class="pagina-interna-breadcrumb">
688
689            <div class="breadcrumb-icono">
690
691                <i class="fas fa-home"></i>
692
693            </div>
694
695            <div class="breadcrumb-contenido">
696
697                <div class="breadcrumb-ruta">
698
699                    <span SiteMapProviders="SPSiteMapProvider,SPXmlContentMapProvider" HideInteriorRootNodes="true"><span><a title="Inicio" class="crumb" href="/Paginas/Inicio.aspx">Alcald&#237;a de Barbosa</a></span><span class="crumb-sep-with-image"></span><span class="active">Ciudadanos</span></span>
700
701                </div>
702
703            </div>
704
705            <div class="breadcrumb-decoracion">
706
707                <span></span>
708                <span></span>
709                <span></span>
710
711            </div>
712
713        </section>
714
715
716        <!-- =====================================================
717             CONTENIDO PRINCIPAL
718             ===================================================== -->
719
720        <main class="pagina-interna-contenido">
721
722            <div class="pagina-interna-contenido-barra"></div>
723
724            <div class="pagina-interna-contenido-body">
725
726                <div class="ms-webpart-zone ms-fullWidth">
727	<div id="MSOZoneCell_WebPartWPQ1" class="s4-wpcell-plain ms-webpartzone-cell ms-webpart-cell-vertical ms-fullWidth ">
728		<div class="ms-webpart-chrome ms-webpart-chrome-vertical ms-webpart-chrome-fullWidth ">
729			<div WebPartID="1147e9fb-e3c1-4b2e-884c-fd0717a8936b" HasPers="false" id="WebPartWPQ1" width="100%" class="ms-WPBody noindex " allowDelete="false" style="" ><div class="ms-rtestate-field"><link rel="stylesheet" href="/Style Library/css/sky-tabs.css" media="all">
730
731<div class="sky-tabs sky-tabs-pos-left sky-tabs-anim-flip sky-tabs-response-to-icons">
732
733	<input type="radio" name="sky-tabs" checked="" id="sky-tab1" class="sky-tab-content-1">
734	<label for="sky-tab1"><span><span><i class="fa fa-th-list"></i>Tr&aacute;mite</span></span></label>
735									
736	<input type="radio" name="sky-tabs" id="sky-tab2" class="sky-tab-content-2">
737	<label for="sky-tab2"><span><span><i class="fa fa-user"></i>Servicio</span></span></label>
738																		
739	<ul>
740		<li class="sky-tab-content-1">					
741			<div class="typography">
742				<span class="titulo">Tr&aacute;mite</span>
743				<p>Es toda una serie de pasos o acciones regulados por el Estado que pueden realizar los usuarios con el fin de adquirir cualquier derecho u obligaci&oacute;n. Los tr&aacute;mites son aquellos que est&aacute;n amparados por una o m&aacute;s leyes, es decir, que es obligatorio que el municipio los ponga al alcance de los ciudadanos. El proceso se inicia a trav&eacute;s de las leyes cuando se activa el dispositivo al p&uacute;blico a trav&eacute;s de una petici&oacute;n o solicitud y termina cuando se recibe respuesta de la Administraci&oacute;n P&uacute;blica, aceptando o rechazando la solicitud.</p>
744			</div>
745		</li>
746										
747		<li class="sky-tab-content-2">
748			<div class="typography">
749				<span class="titulo">Servicio</span>
750				<p>Es un conjunto de acciones o actividades dise&ntilde;adas para aumentar la satisfacci&oacute;n de los ciudadanos, lo que a&ntilde;adir&aacute; valor a las funciones de la entidad. Los servicios hacen parte del plan de acci&oacute;
750n de la alcald&iacute;a.</p>
751			</div>
752		</li>
753										
754	</ul>
755</div>
756
757<style type="text/css">
758.sky-tabs-pos-left > label, .sky-tabs-pos-right > label {
759    display: block;
760   /* width: 20%;*/
761    float: left;
762    clear: left;
763    margin-right: 0;
764    font-size: 20px;
765    font-family: 'Oswald', sans-serif !important;
766}
767
768.sky-tabs .typography p {
769    margin: 20px 0 0 0;
770    padding: 0;
771    line-height: 20px;
772    text-align: justify;
773    font-size: 16px;
774font-family: 'Oswald', sans-serif !important;
775}
776
777.titulo {
778    font-size: 20px;
779    color: #333;
780    text-transform: uppercase;
781    line-height: 30px;
782font-family: 'Oswald', sans-serif !important;
783}
784</style></div><div class="ms-clear"></div></div>
785		</div><div class="ms-PartSpacingVertical"></div>
786	</div><div id="MSOZoneCell_WebPartWPQ2" class="s4-wpcell-plain ms-webpartzone-cell ms-webpart-cell-vertical ms-fullWidth ">
787		<div class="ms-webpart-chrome ms-webpart-chrome-vertical ms-webpart-chrome-fullWidth ">
788			<div WebPartID="24c499d7-38a0-46d8-8314-b7f83aeaf9d3" HasPers="false" id="WebPartWPQ2" width="100%" class="ms-WPBody noindex " allowDelete="false" style="" ><div class="ms-rtestate-field">
788<script type="text/javascript">
789   _spBodyOnLoadFunctionNames.push("LinksLibraryNorm()");
790
791function LinksLibraryNorm() 
792{
793
794$("#s4-workspace").scroll(function () {
795	LinksLibraryNorm3();
796	openPDFPagNorm();
797});
798
799
800$("table[summary='TramitesyServicios'] a").each(function() { 
801		var OnClick = $(this).attr('OnClick');     
802		if (OnClick != undefined && OnClick != "" && OnClick.match("javascript:ExpCollGroup") == ("javascript:ExpCollGroup")) 
803			{
804				$(this).click(function(){
805		         LinksLibraryNorm2();
806		         openPDFPagNorm();
807		       });	
808			}
809		 });
810	
811}
812
813
814function LinksLibraryNorm2()
815{
816	//console.log("vfreuuu");
817	setTimeout(LinksLibraryNorm3, 500);
818	setTimeout(LinksLibraryNorm3, 1000);
819	setTimeout(LinksLibraryNorm3, 1500);
820	setTimeout(LinksLibraryNorm3, 2000);
821	setTimeout(LinksLibraryNorm3, 3000);
822	openPDFPagNorm();
823}
824
825function LinksLibraryNorm3()
826{
827	$("a[href*='www.suit.']").attr("target","_blank");
828}
829
830
831function openPDFPagNorm()
832		{
833				setTimeout(function(){ $("a[onclick*='RefreshPageTo").click(function(){ LinksLibraryNorm2();});  }, 500);
834				setTimeout(function(){ $("a[onclick*='RefreshPageTo").click(function(){ LinksLibraryNorm2();});  }, 1000);	
835}
836		
837		function openPDFPagNorm2()
838		{
839			LinksLibraryNorm2();
840			openPDFPagNorm();
841		}
842
843
844</script>
844
845</div><div class="ms-clear"></div></div>
846		</div><div class="ms-PartSpacingVertical"></div>
847	</div><div id="MSOZoneCell_WebPartWPQ3" class="s4-wpcell-plain ms-webpartzone-cell ms-webpart-cell-vertical ms-fullWidth ">
848		<div class="ms-webpart-chrome ms-webpart-chrome-vertical ms-webpart-chrome-fullWidth ">
849			<div WebPartID="b6ce3745-cbcc-4da8-af2e-3cdf0bf6a15c" HasPers="false" id="WebPartWPQ3" width="100%" class="ms-WPBody noindex " allowDelete="false" style="" ><div class="ms-rtestate-field"><head>
850  <meta charset="UTF-8" />
851  <link
852    rel="stylesheet"
853    href="/SiteAssets/V3/Componentes/maintramites/css/styles.css"
854  />
855  <link
856    rel="stylesheet"
857    href="/SiteAssets/V3/Componentes/maintramites/css/toastify.min.css"
858  />
859  <link
860    rel="stylesheet"
861    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
862    integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
863    crossorigin="anonymous"
864    referrerpolicy="no-referrer"
865  />
866</head>
867
868<main class="my-6 px-6 transform mb-20 items-center mt-10">
869  <section
870    class="lg:container mx-auto flex justify-center items-center h-full flex flex-col gap-y-10"
871  >
872    <article class="flex items-center justify-center gap-3 relative w-full">
873      <h2 class="text-2xl md:text-3xl font-bold !text-black">
874        <span
875          class="before:absolute before:content-[''] md:before:w-1/4 xl:before:w-1/3 before:h-[1px] before:bg-black before:left-0 before:top-[1rem]"
876        ></span>
877        Tr&#xE1;mites
878        <span
879          class="after:absolute after:content-[''] md:after:w-1/4 xl:after:w-1/3 after:h-[1px] after:bg-black after:right-0 after:top-[1rem]"
880        ></span>
881      </h2>
882      <i class="fa-solid fa-clock !text-mainColor text-xl"></i>
883    </article>
884
885    <!-- notificacion de tramites  -->
886
887    <h2 class="text-[14px] !text-mainColor text-center" id="textTramite">
888      Cantidad de tr&#xE1;mites:
889    </h2>
890
891    <article
892      class="grid gap-y-6 xl:gap-6 grid-cols-1 xl:grid-cols-4 border-t pt-6"
893    >
894      <!-- seccion de filtros  -->
895      <div class="col-span-1 flex flex-col gap-6 p-6 bg-clearTramite">
896        <article class="flex flex-col gap-4">
897          <section class="flex justify-between">
898            <h3 class="text-lg font-bold text-mainColor">Buscar</h3>
899            <button
900              class="flex gap-3 items-center bg-mainColor text-white px-3 py-1 rounded-md hover:underline cursor-poiner transition-all ease-in-out hover:bg-darkColor duration-500 hidden opacity-0"
901              id="btnclearFilters"
902            >
903              <h3 class="text-[14px] font-semibold">Borrar filtros</h3>
904              <i class="fas fa-trash-alt"></i>
905            </button>
906          </section>
907          <!-- section input  -->
908          <article class="relative h-auto w-full">
909            <input
910              id="txtFilterTramites"
911              type="text"
912              placeholder="Buscar trámite"
913              class="text-[12px] border border-mainColor w-full rounded-md py-3 px-3 outline-none focus:shadow-md transition duration-300"
914            />
915            <button
916              class="bg-mainColor hover:bg-black transition duration-300 rounded-full text-white absolute right-2 top-[0.5rem] cursor-pointer p-1 w-7 h-7 flex justify-center items-center"
917              id="btnSearchTramite"
918            >
919              <i class="fas fa-search text-[12px]"></i>
920            </button>
921          </article>
922          <!-- section input  -->
923        </article>
924        <article class="flex flex-col gap-3">
925          <h3 class="text-lg font-bold text-mainColor">Filtrar por:</h3>
926
927          <!-- seccion filters -->
928          <section class="flex flex-col">
929            <!-- filtro  -->
930            <section
931              class="flex flex-col cursor-pointer secfilter overflow-y-hidden max-h-12 transition-all duration-500"
932            >
933              <div
934                class="flex items-center gap-3 hover:bg-mainColor hover:text-white transition-all duration-500 py-3 px-3 rounded-md group"
935              >
936                <h3 class="text-[15px] font-semibold">Dependencia</h3>
937                <i
938                  class="fa-solid text-mainColor fa-angle-down transform rotate-0 transition-all duration-500 iconDown group-hover:text-white"
939                ></i>
940              </div>
941              <div class="flex flex-col px-3" id="filterDependencia"></div>
942            </section>
943            <!-- filtro  -->
944            <section
945              class="flex flex-col cursor-pointer secfilter overflow-y-hidden max-h-12 transition-all duration-500"
946            >
947              <div
948                class="flex items-center gap-3 hover:bg-mainColor hover:text-white transition-all duration-500 py-3 px-3 rounded-md group itemFilter"
949              >
950                <h3 class="text-[15px] font-semibold">Estado automatización</h3>
951                <i
952                  class="fa-solid text-mainColor fa-angle-down transform rotate-0 transition-all duration-500 iconDown group-hover:text-white"
953                ></i>
954              </div>
955              <div class="flex flex-col px-3">
956                <article
957                  class="flex justify-between hover:bg-mainColor hover:text-white p-3 transition-all duration-500 rounded-md itemFilter"
958                  data-filter="linea"
959                >
960                  <h3 class="underline font-semibold text-[14px]">En línea</h3>
961                </article>
962                <article
963                  class="flex justify-between hover:bg-mainColor hover:text-white p-3 transition-all duration-500 rounded-md itemFilter"
964                  data-filter="parcial"
965                >
966                  <h3 class="underline font-semibold text-[14px]">
967                    Parcialmente en línea
968                  </h3>
969                </article>
970                <article
971                  class="flex justify-between hover:bg-mainColor hover:text-white p-3 transition-all duration-500 rounded-md itemFilter"
972                  data-filter="presencial"
973                >
974                  <h3 class="underline font-semibold text-[14px]">
975                    Presencial
976                  </h3>
977                </article>
978                <article
979                  class="flex justify-between hover:bg-mainColor hover:text-white p-3 transition-all duration-500 rounded-md itemFilter"
980                  data-filter="ninguno"
981                >
982                  <h3 class="underline font-semibold text-[14px]">
983                    Sin especificar
984                  </h3>
985                </article>
986              </div>
987            </section>
988            <!-- filtro  -->
989            <!-- filtro  -->
990            <section
991              class="flex flex-col cursor-pointer secfilter overflow-y-hidden max-h-12 transition-all duration-500"
992            >
993              <div
994                class="flex items-center gap-3 hover:bg-mainColor hover:text-white transition-all duration-500 py-3 px-3 rounded-md group itemFilter"
995              >
996                <h3 class="text-[15px] font-semibold">Costo</h3>
997                <i
998                  class="fa-solid text-mainColor fa-angle-down transform rotate-0 transition-all duration-500 iconDown group-hover:text-white"
999                ></i>
1000              </div>
1001              <div class="flex flex-col px-3">
1002                <article
1003                  class="flex justify-between hover:bg-mainColor hover:text-white p-3 transition-all duration-500 rounded-md itemFilter"
1004                  data-filter="pago"
1005                >
1006                  <h3 class="underline font-semibold text-[14px]">
1007                    Requieren Pago
1008                  </h3>
1009                </article>
1010                <article
1011                  class="flex justify-between hover:bg-mainColor hover:text-white p-3 transition-all duration-500 rounded-md itemFilter"
1012                  data-filter="nopago"
1013                >
1014                  <h3 class="underline font-semibold text-[14px]">
1015                    No requieren Pago
1016                  </h3>
1017                </article>
1018              </div>
1019            </section>
1020            <!-- filtro  -->
1021            <!-- filtro  -->
1022            <section
1023              class="flex flex-col cursor-pointer secfilter overflow-y-hidden max-h-12 transition-all duration-500"
1024            >
1025              <div
1026                class="flex items-center gap-3 hover:bg-mainColor hover:text-white transition-all duration-500 py-3 px-3 rounded-md group itemFilter"
1027              >
1028                <h3 class="text-[15px] font-semibold">Estado del trámite</h3>
1029                <i
1030                  class="fa-solid text-mainColor fa-angle-down transform rotate-0 transition-all duration-500 iconDown group-hover:text-white"
1031                ></i>
1032              </div>
1033              <div class="flex flex-col px-3">
1034                <article
1035                  class="flex justify-between hover:bg-mainColor hover:text-white p-3 transition-all duration-500 rounded-md itemFilter"
1036                  data-filter="activo"
1037                >
1038                  <h3 class="underline font-semibold text-[14px]">Activos</h3>
1039                </article>
1040                <article
1041                  class="flex justify-between hover:bg-mainColor hover:text-white p-3 transition-all duration-500 rounded-md itemFilter"
1042                  data-filter="inactivo"
1043                >
1044                  <h3 class="underline font-semibold text-[14px]">Inactivos</h3>
1045                </article>
1046              </div>
1047            </section>
1048            <!-- filtro  -->
1049          </section>
1050          <!-- seccion filters -->
1051        </article>
1052      </div>
1053      <!-- seccion de filtros  -->
1054      <!-- seccion tramites  -->
1055      <div class="col-span-1 xl:col-span-2 flex flex-col gap-6">
1056        <!-- sec tramites  -->
1057        <article
1058          class="flex flex-col h-[600px] lg:h-auto overflow-y-auto grow"
1059          id="secTramites"
1060        >
1061          <!-- tramite  -->
1062          <!-- tramite  -->
1063        </article>
1064        <!-- paginador  -->
1065        <section class="w-full justify-center items-center flex gap-3">
1066          <button
1067            class="bg-colorMunicipio hover:bg-darkColor transition-all duration-500 p-2 rounded-full text-white flex items-center justify-center w-8 h-8"
1068            id="atras"
1069          >
1070            <i class="fa-solid fa-chevron-left text-12px"></i>
1071          </button>
1072          <span class="contenedor__numPagina text-[14px] font-semibold">0</span>
1073          <button
1074            class="bg-colorMunicipio hover:bg-darkColor transition-all duration-500 p-2 rounded-full text-white flex items-center justify-center w-8 h-8"
1075            id="siguiente"
1076          >
1077            <i class="fa-solid fa-chevron-right text-[12px]"></i>
1078          </button>
1079        </section>
1080      </div>
1081      <!-- seccion tramites  -->
1082      <!-- sec info  -->
1083      <div class="col-span-1 flex flex-col gap-4">
1084        <section
1085          class="bg-clearTramite rounded-lg text-mainColor font-semibold p-4"
1086        >
1087          <a href="# " class="hover:underline text-[14px]"
1088            >Te explicamos con tutoriales</a
1089          >
1090        </section>
1091
1092        <section
1093          class="bg-clearTramite rounded-md max-h-14 overflow-hidden transition-all duration-500 text-mainColor cursor-poiner secInfo"
1094        >
1095          <article class="p-4 flex flex-col gap-6">
1096            <article
1097              class="flex justify-between items-center cursor-pointer secInfo"
1098            >
1099              <h3 class="text-[14px] font-semibold">¿Tienes dudas?</h3>
1100              <i
1101                class="fa-solid fa-angle-down transform rotate-0 transition-all duration-500 iconDown"
1102              ></i>
1103            </article>
1104            <article class="flex flex-col gap-3">
1105              <h4 class="font-semibold text-[13px]">
1106                Sobre este trámite o consulta
1107              </h4>
1108              <div class="flex flex-wrap gap-3 items-center">
1109                <i class="fas fa-envelope"></i>
1110                <a
1111                  href="mailto:[email protected]"
1112                  class="text-[14px] underline"
1113                  >Enviar correo</a
1114                >
1115              </div>
1116              <div class="flex flex-wrap gap-3 items-center">
1117                <i class="fas fa-headphones"></i>
1118                <a href="#" class="text-[14px] underline">(+57) 608 645 1867</a>
1119              </div>
1120            </article>
1121          </article>
1122        </section>
1123
1124        <section
1125          class="bg-clearTramite rounded-md max-h-14 overflow-hidden transition-all duration-500 text-mainColor cursor-poiner secInfo"
1126        >
1127          <article class="py-0 py-1 px-4 lg:p-4 flex flex-col gap-3">
1128            <article
1129              class="flex justify-between items-center cursor-pointer secInfo mt-3 lg:mt-0 transform translate-y-[-8px] lg:translate-y-[-5px] xl:translate-y-[-8px] 2xl:translate-y-[-8px]"
1130            >
1131              <h3 class="text-[14px] font-semibold">
1132                ¿Como fue tu experiencia durante el proceso?
1133              </h3>
1134              <i
1135                class="fa-solid fa-angle-down transform rotate-0 transition-all duration-500 iconDown"
1136              ></i>
1137            </article>
1138            <article class="py-6 flex flex-col gap-3 items-center">
1139              <div class="flex items-center justify-center gap-6">
1140                <section
1141                  class="flex flex-col items-center gap-2 cursor-pointer"
1142                >
1143                  <i class="fa-solid fa-circle-check text-[1.5rem]"></i>
1144                  <h3 class="uppercase font-semibold">Fácil</h3>
1145                </section>
1146                <section
1147                  class="flex flex-col items-center gap-2 cursor-pointer"
1148                >
1149                  <i class="fa-solid fa-circle-xmark text-[1.5rem]"></i>
1150                  <h3 class="uppercase font-semibold">Difícil</h3>
1151                </section>
1152              </div>
1153              <a
1154                href="#"
1155                class="py-2 px-4 border border-mainColor rounded-full text-[14px] hover:bg-mainColor hover:text-white transition-all duration-500 font-semibold"
1156                >Envia tus comentarios</a
1157              >
1158            </article>
1159          </article>
1160        </section>
1161      </div>
1162      <!-- sec info  -->
1163    </article>
1164  </section>
1165</main>
1166
1167<!-- main scripts  -->
1168<script src="/SiteAssets/V3/Componentes/maintramites/js/toastify/toastify-js.js"></script>
vendor: 2 bytes, line 1168
1168
1169<script
1170  src="/SiteAssets/V3/Componentes/maintramites/js/main/main.js"
1171  type="module"
1172></script>
1172
1173<!-- main scripts  -->
1174</div><div class="ms-clear"></div></div>
1175		</div>
1176	</div>
1177</div>
1178
1179            </div>
1180
1181        </main>
1182
1183
1184    </div>
1185
1186</div>
1187<style>
1188/* ============================================================
1189   PÁGINA INTERNA - ALCALDÍA DE BARBOSA
1190   LÍNEA GRÁFICA INSTITUCIONAL
1191   ============================================================ */
1192
1193:root {
1194    --barbosa-blue: #006eb6;
1195    --barbosa-blue-dark: #00558d;
1196    --barbosa-blue-light: #eaf6fd;
1197    --barbosa-blue-soft: #f4faff;
1198    --barbosa-text: #1d2939;
1199    --barbosa-text-light: #667085;
1200    --barbosa-border: #e4eaf0;
1201    --barbosa-white: #ffffff;
1202    --barbosa-shadow: 0 8px 30px rgba(0, 67, 110, 0.08);
1203}
1204
1205
1206/* ============================================================
1207   CONTENEDOR
1208   ============================================================ */
1209
1210.pagina-interna-barbosa {
1211    width: 100%;
1212    min-height: 60vh;
1213    padding: 35px 24px 60px;
1214    background:
1215        linear-gradient(
1216            180deg,
1217            #f7fbfe 0%,
1218            #ffffff 35%,
1219            #ffffff 100%
1220        );
1221}
1222
1223
1224.pagina-interna-contenedor {
1225    width: 100%;
1226    max-width: 1280px;
1227    margin: 0 auto;
1228}
1229
1230
1231/* ============================================================
1232   CABECERA
1233   ============================================================ */
1234
1235.pagina-interna-header {
1236    position: relative;
1237    width: 100%;
1238    min-height: 210px;
1239    overflow: hidden;
1240    display: flex;
1241    align-items: center;
1242    margin-bottom: 22px;
1243    border-radius: 22px;
1244    background:
1245        linear-gradient(
1246            125deg,
1247            #006eb6 0%,
1248            #007cc5 55%,
1249            #0095dc 100%
1250        );
1251    box-shadow:
1252        0 15px 40px rgba(0, 82, 135, 0.18);
1253}
1254
1255
1256.pagina-interna-header-bg {
1257    position: absolute;
1258    inset: 0;
1259    opacity: .12;
1260    background-image:
1261        radial-gradient(
1262            circle at 15% 20%,
1263            #ffffff 0,
1264            transparent 28%
1265        ),
1266        radial-gradient(
1267            circle at 85% 80%,
1268            #ffffff 0,
1269            transparent 30%
1270        );
1271}
1272
1273
1274.pagina-interna-header-contenido {
1275    position: relative;
1276    z-index: 5;
1277    width: 100%;
1278    padding: 42px 55px;
1279}
1280
1281
1282/* ============================================================
1283   INDICADOR SUPERIOR
1284   ============================================================ */
1285
1286.pagina-interna-indicador {
1287    display: flex;
1288    align-items: center;
1289    gap: 10px;
1290    margin-bottom: 15px;
1291}
1292
1293
1294.pagina-interna-indicador-linea {
1295    width: 32px;
1296    height: 3px;
1297    border-radius: 10px;
1298    background: #ffffff;
1299}
1300
1301
1302.pagina-interna-indicador-texto {
1303    color: rgba(255,255,255,.88);
1304    font-size: 11px;
1305    font-weight: 800;
1306    letter-spacing: 2px;
1307}
1308
1309
1310/* ============================================================
1311   TÍTULO
1312   ============================================================ */
1313
1314.pagina-interna-titulo {
1315    max-width: 850px;
1316    margin: 0 !important;
1317    padding: 0 !important;
1318    color: #ffffff !important;
1319    font-family: Arial, sans-serif !important;
1320    font-size: 40px !important;
1321    line-height: 1.15 !important;
1322    font-weight: 800 !important;
1323    letter-spacing: -.7px;
1324    text-transform: none !important;
1325}
1326
1327
1328.pagina-interna-linea {
1329    width: 75px;
1330    height: 4px;
1331    margin-top: 20px;
1332    border-radius: 20px;
1333    background: #ffffff;
1334}
1335
1336
1337/* ============================================================
1338   DECORACIONES
1339   ============================================================ */
1340
1341.pagina-interna-decoracion {
1342    position: absolute;
1343    border: 1px solid rgba(255,255,255,.18);
1344    border-radius: 50%;
1345    pointer-events: none;
1346}
1347
1348
1349.pagina-interna-decoracion-1 {
1350    width: 260px;
1351    height: 260px;
1352    right: -90px;
1353    top: -120px;
1354}
1355
1356
1357.pagina-interna-decoracion-2 {
1358    width: 180px;
1359    height: 180px;
1360    right: 80px;
1361    bottom: -110px;
1362}
1363
1364
1365.pagina-interna-decoracion-3 {
1366    width: 90px;
1367    height: 90px;
1368    right: 180px;
1369    top: 45px;
1370    background: rgba(255,255,255,.05);
1371}
1372
1373
1374/* ============================================================
1375   MIGAS DE PAN
1376   ============================================================ */
1377
1378.pagina-interna-breadcrumb {
1379    position: relative;
1380    display: flex;
1381    align-items: center;
1382    width: 100%;
1383    min-height: 78px;
1384    margin-bottom: 25px;
1385    overflow: hidden;
1386    border: 1px solid #dcebf5;
1387    border-radius: 15px;
1388    background: #ffffff;
1389    box-shadow:
1390        0 5px 20px rgba(0, 82, 135, 0.07);
1391}
1392
1393
1394/* ============================================================
1395   ICONO HOME
1396   ============================================================ */
1397
1398.breadcrumb-icono {
1399    width: 78px;
1400    min-width: 78px;
1401    height: 78px;
1402    display: flex;
1403    align-items: center;
1404    justify-content: center;
1405    background:
1406        linear-gradient(
1407            145deg,
1408            #006eb6,
1409            #008bd2
1410        );
1411    color: #ffffff;
1412    font-size: 21px;
1413    position: relative;
1414}
1415
1416
1417.breadcrumb-icono:after {
1418    content: "";
1419    position: absolute;
1420    right: -11px;
1421    top: 0;
1422    width: 22px;
1423    height: 100%;
1424    background: #008bd2;
1425    clip-path: polygon(
1426        0 0,
1427        50% 50%,
1428        0 100%
1429    );
1430}
1431
1432
1433/* ============================================================
1434   CONTENIDO BREADCRUMB
1435   ============================================================ */
1436
1437.breadcrumb-contenido {
1438    flex: 1;
1439    min-width: 0;
1440    padding: 12px 25px 12px 30px;
1441}
1442
1443
1444.breadcrumb-label {
1445    display: block;
1446    margin-bottom: 5px;
1447    color: #8a98a8;
1448    font-size: 10px;
1449    font-weight: 800;
1450    letter-spacing: 1.2px;
1451    text-transform: uppercase;
1452}
1453
1454
1455.breadcrumb-ruta {
1456    color: var(--barbosa-blue);
1457    font-size: 13px;
1458    font-weight: 600;
1459}
1460
1461
1462/* ============================================================
1463   ESTILOS SHAREPOINT BREADCRUMB
1464   ============================================================ */
1465
1466.pagina-interna-breadcrumb .crumb {
1467    color: #667085 !important;
1468    text-decoration: none !important;
1469    transition: color .2s ease;
1470}
1471
1472
1473.pagina-interna-breadcrumb .crumb:hover {
1474    color: var(--barbosa-blue) !important;
1475}
1476
1477
1478.pagina-interna-breadcrumb .active {
1479    color: var(--barbosa-blue) !important;
1480    font-weight: 800 !important;
1481}
1482
1483
1484/* ============================================================
1485   SEPARADORES
1486   ============================================================ */
1487
1488.pagina-interna-breadcrumb .crumb-sep-with-image {
1489    display: inline-block;
1490    margin: 0 9px;
1491    color: #aab7c4;
1492    font-size: 13px;
1493}
1494
1495
1496.pagina-interna-breadcrumb .crumb-sep-with-image:after {
1497    content: "›";
1498    color: #9bb5c8;
1499    font-size: 17px;
1500}
1501
1502
1503/* ============================================================
1504   DECORACIÓN DERECHA BREADCRUMB
1505   ============================================================ */
1506
1507.breadcrumb-decoracion {
1508    display: flex;
1509    align-items: center;
1510    gap: 7px;
1511    padding-right: 25px;
1512}
1513
1514
1515.breadcrumb-decoracion span {
1516    width: 7px;
1517    height: 7px;
1518    border-radius: 50%;
1519    background: #cce6f5;
1520}
1521
1522
1523.breadcrumb-decoracion span:nth-child(2) {
1524    width: 10px;
1525    height: 10px;
1526    background: #8bc9ea;
1527}
1528
1529
1530.breadcrumb-decoracion span:nth-child(3) {
1531    width: 7px;
1532    height: 7px;
1533    background: var(--barbosa-blue);
1534}
1535
1536
1537/* ============================================================
1538   CONTENIDO PRINCIPAL
1539   ============================================================ */
1540
1541.pagina-interna-contenido {
1542    position: relative;
1543    width: 100%;
1544    min-height: 300px;
1545    background: #ffffff;
1546    border: 1px solid var(--barbosa-border);
1547    border-radius: 18px;
1548    box-shadow: var(--barbosa-shadow);
1549    overflow: hidden;
1550}
1551
1552
1553.pagina-interna-contenido-barra {
1554    width: 100%;
1555    height: 5px;
1556    background:
1557        linear-gradient(
1558            90deg,
1559            #006eb6 0%,
1560            #008bd2 60%,
1561            #7dc8ec 100%
1562        );
1563}
1564
1565
1566.pagina-interna-contenido-body {
1567    width: 100%;
1568    min-height: 295px;
1569    padding: 30px;
1570}
1571
1572
1573/* ============================================================
1574   WEBPART ZONE
1575   ============================================================ */
1576
1577.pagina-interna-contenido-body .ms-webpart-zone {
1578    width: 100%;
1579}
1580
1581
1582.pagina-interna-contenido-body .ms-webpart-cell-vertical {
1583    width: 100%;
1584}
1585
1586
1587/* ============================================================
1588   TABLET
1589   ============================================================ */
1590
1591@media (max-width: 991px) {
1592
1593    .pagina-interna-barbosa {
1594        padding: 25px 18px 45px;
1595    }
1596
1597
1598    .pagina-interna-header {
1599        min-height: 185px;
1600    }
1601
1602
1603    .pagina-interna-header-contenido {
1604        padding: 35px;
1605    }
1606
1607
1608    .pagina-interna-titulo {
1609        font-size: 32px !important;
1610    }
1611
1612
1613    .breadcrumb-decoracion {
1614        display: none;
1615    }
1616
1617}
1618
1619
1620/* ============================================================
1621   MÓVIL
1622   ============================================================ */
1623
1624@media (max-width: 767px) {
1625
1626    .pagina-interna-barbosa {
1627        padding: 18px 12px 35px;
1628    }
1629
1630
1631    .pagina-interna-header {
1632        min-height: 170px;
1633        border-radius: 16px;
1634    }
1635
1636
1637    .pagina-interna-header-contenido {
1638        padding: 30px 25px;
1639    }
1640
1641
1642    .pagina-interna-indicador-texto {
1643        font-size: 9px;
1644        letter-spacing: 1.4px;
1645    }
1646
1647
1648    .pagina-interna-titulo {
1649        font-size: 27px !important;
1650        line-height: 1.2 !important;
1651    }
1652
1653
1654    .pagina-interna-breadcrumb {
1655        min-height: 68px;
1656        border-radius: 13px;
1657    }
1658
1659
1660    .breadcrumb-icono {
1661        width: 62px;
1662        min-width: 62px;
1663        height: 68px;
1664    }
1665
1666
1667    .breadcrumb-contenido {
1668        padding: 10px 15px 10px 22px;
1669    }
1670
1671
1672    .breadcrumb-ruta {
1673        font-size: 12px;
1674        line-height: 1.6;
1675    }
1676
1677
1678    .pagina-interna-contenido-body {
1679        padding: 20px 15px;
1680    }
1681
1682}
1683
1684
1685/* ============================================================
1686   MÓVIL PEQUEÑO
1687   ============================================================ */
1688
1689@media (max-width: 480px) {
1690
1691    .pagina-interna-header {
1692        min-height: 155px;
1693    }
1694
1695
1696    .pagina-interna-header-contenido {
1697        padding: 25px 20px;
1698    }
1699
1700
1701    .pagina-interna-titulo {
1702        font-size: 23px !important;
1703    }
1704
1705
1706    .pagina-interna-linea {
1707        width: 55px;
1708        height: 3px;
1709        margin-top: 15px;
1710    }
1711
1712
1713    .pagina-interna-breadcrumb {
1714        align-items: stretch;
1715    }
1716
1717
1718    .breadcrumb-icono {
1719        width: 55px;
1720        min-width: 55px;
1721        height: auto;
1722    }
1723
1724
1725    .breadcrumb-contenido {
1726        padding: 10px 12px 10px 18px;
1727    }
1728
1729
1730    .breadcrumb-label {
1731        font-size: 8px;
1732    }
1733
1734
1735    .breadcrumb-ruta {
1736        font-size: 11px;
1737    }
1738
1739
1740    .pagina-interna-contenido {
1741        border-radius: 13px;
1742    }
1743
1744
1745    .pagina-interna-contenido-body {
1746        padding: 15px 10px;
1747    }
1748
1749}</style>
1750<div style='display:none' id='hidZone'><menu class="ms-hide">
1751	<ie:menuitem id="MSOMenu_Help" iconsrc="/_layouts/15/images/HelpIcon.gif" onmenuclick="MSOWebPartPage_SetNewWindowLocation(MenuWebPart.getAttribute(&#39;helpLink&#39;), MenuWebPart.getAttribute(&#39;helpMode&#39;))" text="Ayuda" type="option" style="display:none">
1752
1753	</ie:menuitem>
1754</menu></div>
1755                                      </main>
1756                                      <!--Main-->
1757
1758                                      <!--Footer-->
1759                                      <footer class="flex flex-col mt-40">
1760                                        <!-- sec info  -->
1761                                        <section class="bg-colorMunicipio px-6 flex flex-col gap-6">
1762                                        <!-- info alcaldia  -->
1763                                        <article
1764                                          class="lg:container mx-auto bg-white border rounded-md transform translate-y-[-60px] lg:translate-y-[-2rem] px-10 py-10 lg:py-20 shadow-md grid grid-cols-1 lg:grid-cols-3 gap-6 lg:gap-6 w-full lg:w-[90%]"
1765                                        >
1766                                          <!-- sec 1 información alcaldía -->
1767                                          <div
1768                                          class="col-span-1 lg:col-span-2 flex flex-col gap-4 order-2 lg:order-1"
1769                                          >
1770                                          <!-- titulo  -->
1771                                          <h2 class="text-blueTitle font-semibold text-lg">
1772                                            Alcaldía Municipal de Barbosa, Antioquia
1773                                          </h2>
1774                                          <h2 class="text-blueTitle font-semibold text-lg">
1775                                          Sede principal
1776                                          </h2>
1777                                          <!-- información  -->
1778                                          <article class="flex flex-col gap-3 text-[0.9rem]">
1779                                            <p class="font-normal">
1780											Dirección: Calle 15 No. 14 - 48,
1781											Barbosa - Antioquia 
1782                                           </p>
1783                                            
1784                                            
1785                                            
1786                                            <p class="font-normal">Código Postal: 051020</p>
1787                                            <p class="font-normal">
1788											Horario de atención: Lunes a Jueves 7:30 am a 12:30 pm y 1:30 pm a 5:30 pm, Viernes 7:30 am a 12:30 pm y 1:30 pm a 4:30 pm                                            </p>
1789                                            <p class="font-normal">Teléfono conmutador: (+57)604 454 83 00</p>
1790                                            <p class="font-normal">Teléfono Línea Fax: (+57) 4 406 30 14</p>
1791                                            <p class="font-normal">Teléfono línea de servicio a la ciudadanía: (+57)604 454 83 00 </p>
1792                                            <p class="font-normal">Línea anticorrupción: (+57) 018000919748</p>
1793
1794                                            <p class="font-normal">
1795                                            Correo institucional:
1796                                            <a
1797                                              href="mailto:[email protected]"
1798                                              class="underline font-semibold text-blueTitle"
1799                                              >[email protected]</a
1800                                            >
1801                                            </p>
1802                                            
1803                                            <p class="font-normal">
1804                                            Correo de notificaciones judiciales:
1805                                            <a
1806                                              href="mailto:[email protected]"
1807                                              class="underline font-semibold text-blueTitle"
1808                                              >[email protected]</a
1809                                            >
1810                                            </p>
1811                                            
1812                                          </article>
1813                                          </div>
1814                                    
1815                                          <!-- sec 2 logos alcaldia  -->
1816                                          <div class="col-span-1 flex gap-3 justify-center order-1 lg:order-2">
1817                                          <img
1818                                            src="/SiteAssets/V3/img/colombia.png"
1819                                            alt="Escudo de la república de Colombia"
1820                                            class="w-14 h-14 lg:w-[5rem] lg:h-[5rem] object-contain"
1821                                          />
1822                                          <img
1823                                            src="/SiteAssets/V3/img/escudo-municipio.png"
1824                                            alt="Escudo del municipio de Alcaldía de Barbosa"
1825                                            class="w-14 h-14 lg:w-[18rem] lg:h-[5rem] object-contain"
1826                                          />
1827                                          </div>
1828                                          <!-- sec 3 redes alcaldia -->
1829                                          <div
1830                                          class="grid grid-cols-1 lg:grid-cols-2 col-span-1 lg:col-span-2 order-3 gap-6"
1831                                          >
1832                                          <div class="flex gap-3 items-center">
1833                                            <span
1834                                            class="bg-colorMunicipio text-white rounded-full flex justify-center items-center p-2 lg:p-3"
1835                                            >
1836                                            <i class="fab fa-facebook facebook-icon"></i
1837                                            ></span>
1838                                            <a
1839                                            href="https://www.facebook.com/AlcaldiaDeBarbosa"
1840                                            target="_blank"
1841                                            class="hover:underline text-blueTitle font-semibold"
1842                                            >@AlcaldiaDeBarbosa</a
1843                                            >
1844                                          </div>
1845                                          
1846                                          <div class="flex gap-3 items-center">
1847                                            <span
1848                                            class="bg-colorMunicipio text-white rounded-full flex justify-center items-center p-2 lg:p-3"
1849                                            >
1850                                            <i class="fab fa-twitter facebook-icon"></i
1851                                            ></span>
1852                                            <a
1853                                            href="https://twitter.com/BarbosAntioquia"
1854                                            target="_blank"
1855                                            class="hover:underline text-blueTitle font-semibold"
1856                                            >@BarbosAntioquia</a
1857                                            >
1858                                          </div>
1859                                          <div class="flex gap-3 items-center">
1860                                            <span
1861                                            class="bg-colorMunicipio text-white rounded-full flex justify-center items-center p-2 lg:p-3"
1862                                            >
1863                                            <i class="fab fa-youtube facebook-icon"></i
1864                                            ></span>
1865                                            <a
1866                                            href="https://www.youtube.com/@pueblosdeantioquia"
1867                                            target="_blank"
1868                                            class="hover:underline text-blueTitle font-semibold"
1869                                            >@pueblosdeantioquia</a
1870                                            >
1871                                          </div>
1872                                         <!-- <div class="flex gap-3 items-center">
1873                                            <span
1874                                            class="bg-colorMunicipio text-white rounded-full flex justify-center items-center p-2 lg:p-3"
1875                                            >
1876                                            <i class="fab fa-instagram facebook-icon"></i
1877                                            ></span>
1878                                            <a
1879                                            href="https://www.instagram.com/alcaldiapradera/"
1880                                            target="_blank"
1881                                            class="hover:underline text-blueTitle font-semibold"
1882                                            >@</a
1883                                            >
1884                                          </div>
1885                                          </div>-->
1886                                    
1887                                          <!-- sec 4 metricas sitio -->
1888                                          <div class="col-span-1 lg:col-span-3 order-4 flex flex-wrap gap-6">
1889                                          <h3 class="font-semibold text-[14px]">
1890                                            Última Actualización:
1891                                            <span id="lblDateSystem" class="font-normal">
1892                                              <div id="ctl00_g_eabf6b74_fc12_44f3_ad23_96772ee39420" __MarkupType="vsattributemarkup" __WebPartId="{eabf6b74-fc12-44f3-ad23-96772ee39420}" WebPart="true">
1893	<span id="ctl00_g_eabf6b74_fc12_44f3_ad23_96772ee39420_ctl00_DivUltimaActualizacion" style="width:110px; display:inline;">02/10/2026 12:00:55</span>
1894
1895</div>
1896                                            </span>
1897                                          </h3>
1898                                          <h3 class="font-semibold text-[14px]">
1899                                            Cantidad de visitas:
1900                                            <span id="lblDateSystem" class="font-normal">
1901                                              <div id="ctl00_g_e0708b4a_2f1f_48a3_a25c_8177cd6832d6" __MarkupType="vsattributemarkup" __WebPartId="{e0708b4a-2f1f-48a3-a25c-8177cd6832d6}" WebPart="true">
1902	<span id="ctl00_g_e0708b4a_2f1f_48a3_a25c_8177cd6832d6_ctl00_ContadorVisitas" class="ContadorVisita">1238377</span>
1903<span id="ctl00_g_e0708b4a_2f1f_48a3_a25c_8177cd6832d6_ctl00_ErrorVisitas" class="ErrorVisitas" style="display:none;">ContadorVisitasError loading native library "C:\inetpub\wwwroot\wss\VirtualDirectories\51100\bin\grpc_csharp_ext.x64.dll". LoadLibrary failed with error 5</span>
1904
1905</div>
1906                                            </span>
1907                                          </h3>
1908                                          </div>
1909                                          <!--sec 5 secciones de sitio  -->
1910                                          <div
1911                                          class="col-span-1 lg:col-span-3 order-5 flex flex-wrap gap-6 lg:gap-10"
1912                                          >
1913                                          <a href="/Paginas/Politicas-Editoriales-y-de-Actualizacion.aspx" class="underline text-blueTitle text-[1rem]"
1914                                            >Políticas editoriales</a
1915                                          >
1916                                          <a href="/Paginas/Mapa-del-Sitio.aspx" class="underline text-blueTitle text-[1rem]"
1917                                            >Mapas del sitio</a
1918                                          >
1919                                          <a href="/Paginas/Politicas-de-Privacidad-y-Condiciones-de-Uso.aspx" class="underline text-blueTitle text-[1rem]"
1920                                            >Terminos y condiciones</a
1921                                          >
1922                                          <a href="/Ciudadanos/Paginas/PQRD.aspx" class="underline text-blueTitle text-[1rem]"
1923                                            >PQRD</a
1924                                          >
1925                                          <a
1926                                              href="/Paginas/Notificaciones-Judiciales.aspx"
1927                                              class="underline text-blueTitle font-semibold"
1928                                            >
1929                                            Notificaciones Judiciales</a
1930                                            >
1931                                              
1932                                          </div>
1933                                        </article>
1934                                        <!-- info 1cero1 -->
1935                                        <article class="flex justify-center gap-3 pb-10">
1936                                          <h3 class="text-white">Desarrollado por:</h3>
1937                                          <img
1938                                          src="/SiteAssets/V3/img/logo_101_software_white.png"
1939                                          class="w-[8rem]"
1940                                          alt="Imagen"
1941                                          />
1942                                          <h3 class="text-white">© Copyright <span>
1942<script>document.write(new Date().getFullYear());</script>
1942</span> 101 S.A.S.</h3>
1943                                        </article>
1944                                        </section>
1945                                    
1946                                        <!-- sec gob  -->
1947                                        <section class="bg-gobColor px-6">
1948                                        <article
1949                                          class="lg:container mx-auto flex justify-center lg:justify-start py-3 gap-3"
1950                                        >
1951                                          <a href="https://www.colombia.co">
1952                                            <img src="/SiteAssets/V3/img/logofooter.png" class="w-[60px]" alt="Imagen" />
1953                                          </a>
1954                                          <div class="h-auto w-[1px] bg-white"></div>
1955                                          <a href="https://www.gov.co">
1956                                            <img src="/SiteAssets/V3/img/logoGov.svg" class="w-[210px] relative top-[15%]" alt="Imagen" />
1957                                          </a>
1958                                        </article>
1959                                        </section>
1960                                      </footer>
1961                                      <!--Footer-->
1962										<link rel="stylesheet" href="/Style Library/ScrollTop/style.css" />
1963                                      <button id="custom-scroll-top" class="btn-scroll-top" aria-label="Volver arriba" type="button">
1964										<div class="scroll-wrapper">
1965											<div class="circle-container">
1966												<svg class="progress-ring" width="60" height="60">
1967													<circle class="progress-ring-bg" cx="30" cy="30" r="26"></circle>
1968													<circle id="progress-bar" class="progress-ring-bar" cx="30" cy="30" r="26"></circle>
1969												</svg>
1970												<span class="arrow-up">&#8593;</span>
1971											</div>
1972											<span class="text-subir">SUBIR</span>
1973										</div>
1974									</button>
1975									
1975<script src="/Style Library/ScrollTop/main.js"></script>
1975
1976                                   
1977                                      <div class="idioma">
1978                                        <div id="google_translate_element"></div>
1979                                      </div>
1980
1981                                      
1982                                      
1983
1984                                    </div><!-- S4-BODYCONTAINER -->
1985
1986                                  </div><!-- END S4-WORKSPACE -->
1987
1988				<!-- JS VIEJOS-->
1989				<!-- js principales -->
1990				
1990<script type="text/javascript" src="/js/rv-jquery-fontsize-2.0.3.min.js"></script>
1990
1991				
1991<script type="text/javascript" src="/js/barbosa.js"></script>
1991
1992				<!-- Javascripts -->
1993				
1993<script type="text/javascript" src="/SiteAssets/V2/js/bootstrap.js"></script>
1993	<!-- Top Bar JS -->	<!-- Top Bar JS -->
1994				<!-- obtener nombre del navegador -->
1995				
1995<script src="https://cdnjs.cloudflare.com/ajax/libs/bowser/1.9.4/bowser.min.js"></script>
1995
1996				<!-- accessibilidad -->
1997					<!-- JS VIEJOS-->
1998				
1999				<!-- JS NUEVOS-->
2000				
2000<script src="/SiteAssets/V3/js/main.js"></script>
2000
2001				
2001<script src="/SiteAssets/V3/js/nav.js"></script>
2001
2002				
2003				
2004				<link rel="stylesheet" href="/SiteAssets/V3/Componentes/Modal/Assets/css/stylesModal.css">
2005				
2006				
2006<script src="/SiteAssets/V3/Componentes/Modal/modal.js" type="module" defer></script>
2006
2007				
2008				<!-- JS NUEVOS-->
2009
2010				
2010<script src="https://cdnjs.cloudflare.com/ajax/libs/bowser/1.9.4/bowser.min.js"></script>
2010
2011		
2011<script src="/Style Library/AccessibilityBar/main.js" type="module"></script>
2011
2012
2013		
2013<script>
2014			window.gtranslateSettings = {
2015				"default_language":"es",
2016				"languages":["es","fr","it","de","en","ja"],
2017				"wrapper_selector":".gtranslate_wrapper",
2018				"switcher_horizontal_position":"inline",
2019				"float_switcher_open_direction":"bottom",
2020				"alt_flags":{"en":"usa","es":"colombia"}
2021			}
2022		</script>
2022
2023
2024		
2024<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
2024
2025				
2026
2027				<!-- COMPLEMENTS SCRIPTS & LIBRARIES -->
2028				<!-- ===== STARTER: Main Scrolling Body Ends Here ================================================================================= -->
2029				<!-- ===== STARTER: Needed for form stuff ========================================================================================= -->
2030				
2031					
2031<script type="text/javascript">//<![CDATA[
2032        var formDigestElement = document.getElementsByName('__REQUESTDIGEST')[0];
2033        if (!((formDigestElement == null) || (formDigestElement.tagName.toLowerCase() != 'input') || (formDigestElement.type.toLowerCase() != 'hidden') ||
2034            (formDigestElement.value == null) || (formDigestElement.value.length <= 0)))
2035        {
2036            formDigestElement.value = '0xEFA0E9E5FFF8D9D8E2736620C9DF543676EF510595844C703DF3A2B1F1BBD533BFC3A56E9364E5A89CA9B5E6C71A0F134633C4E4161764687310ACBC7EDFB9F7,02 Oct 2026 22:38:13 -0000';
2037            g_updateFormDigestPageLoaded = new Date();
2038        }
2039        //]]>
2040        </script>
2040
2041				
2042				<!-- === hidden controls ================================================================= -->
2043				
2044				<!-- ===== STARTER: Hidden Placeholders =========================================================================================== -->
2045				
2046				
2047				
2048				
2049				
2050				
2051				
2052				
2053				
2054				
2055				
2056				
2057				
2058				
2059				
2060				
2061				
2062				
2063		
2064
2065<script type="text/javascript">
2066//<![CDATA[
2067var _spFormDigestRefreshInterval = 1440000;window.g_updateFormDigestPageLoaded = new Date(); window.g_updateFormDigestPageLoaded.setDate(window.g_updateFormDigestPageLoaded.getDate() -5);var _fV4UI = true;
2068function _RegisterWebPartPageCUI()
2069{
2070    var initInfo = {editable: false,isEditMode: false,allowWebPartAdder: false,listId: "{58e38d4e-46f1-4fbb-9525-fdb14935c58d}",itemId: 3,recycleBinEnabled: true,enableMinorVersioning: true,enableModeration: false,forceCheckout: true,rootFolderUrl: "\u002fCiudadanos\u002fPaginas",itemPermissions:{High:16,Low:200769}};
2071    SP.Ribbon.WebPartComponent.registerWithPageManager(initInfo);
2072    var wpcomp = SP.Ribbon.WebPartComponent.get_instance();
2073    var hid;
2074    hid = document.getElementById("_wpSelected");
2075    if (hid != null)
2076    {
2077        var wpid = hid.value;
2078        if (wpid.length > 0)
2079        {
2080            var zc = document.getElementById(wpid);
2081            if (zc != null)
2082                wpcomp.selectWebPart(zc, false);
2083        }
2084    }
2085    hid = document.getElementById("_wzSelected");
2086    if (hid != null)
2087    {
2088        var wzid = hid.value;
2089        if (wzid.length > 0)
2090        {
2091            wpcomp.selectWebPartZone(null, wzid);
2092        }
2093    }
2094};
2095function __RegisterWebPartPageCUI() {
2096ExecuteOrDelayUntilScriptLoaded(_RegisterWebPartPageCUI, "sp.ribbon.js");}
2097_spBodyOnLoadFunctionNames.push("__RegisterWebPartPageCUI");var __wpmExportWarning='This Web Part Page has been personalized. As a result, one or more Web Part properties may contain confidential information. Make sure the properties contain information that is safe for others to read. After exporting this Web Part, view properties in the Web Part description file (.WebPart) by using a text editor such as Microsoft Notepad.';var __wpmCloseProviderWarning='You are about to close this Web Part.  It is currently providing data to other Web Parts, and these connections will be deleted if this Web Part is closed.  To close this Web Part, click OK.  To keep this Web Part, click Cancel.';var __wpmDeleteWarning='You are about to permanently delete this Web Part.  Are you sure you want to do this?  To delete this Web Part, click OK.  To keep this Web Part, click Cancel.';var g_clientIdDeltaPlaceHolderPageTitleInTitleArea = "ctl00_DeltaPlaceHolderPageTitleInTitleArea";
2098//]]>
2099</script>
2099
2100</form>
2101		<!-- ===== STARTER: Adds extra stuff like another form for Survey management ====================================================== -->
2102		
2103	</body>
2104</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.