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&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&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&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í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á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á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ón. Los trámites son aquellos que están amparados por una o más leyes, es decir, que es obligatorio que el municipio los ponga al alcance de los ciudadanos. El proceso se inicia a través de las leyes cuando se activa el dispositivo al público a través de una petición o solicitud y termina cuando se recibe respuesta de la Administración Pú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ñadas para aumentar la satisfacción de los ciudadanos, lo que añadirá valor a las funciones de la entidad. Los servicios hacen parte del plan de acció
750n de la alcaldí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á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á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('helpLink'), MenuWebPart.getAttribute('helpMode'))" 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">↑</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.