CINXE.COM

<!DOCTYPE html> <html lang="es" prefix="og: https://ogp.me/ns#"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-title" content="Observatorio Ambiental de Bogotá - Datos e indicadores para medir la calidad del ambiente en Bogotá"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="https://oab.ambientebogota.gov.co/xmlrpc.php"> <link rel="icon" href="https://oab.ambientebogota.gov.co/favicon.png" type="image/x-icon" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-78221202-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-78221202-1'); </script> <script src='https://www.google.com/recaptcha/api.js'></script>  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>  <title>Educación ambiental en Bogotá (caminatas, aulas) :2023</title> <meta name="description" content="En el observatorio podrás consultar la oferta pedagógica de educación ambiental de la Secretaría de Ambiente : caminatas, aulas ambientales"/> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> <link rel="canonical" href="https://oab.ambientebogota.gov.co/educacion-ambiental/" /> <meta property="og:locale" content="es_ES" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Educación ambiental en Bogotá (caminatas, aulas) :2023" /> <meta property="og:description" content="En el observatorio podrás consultar la oferta pedagógica de educación ambiental de la Secretaría de Ambiente : caminatas, aulas ambientales" /> <meta property="og:url" content="https://oab.ambientebogota.gov.co/educacion-ambiental/" /> <meta property="og:site_name" content="Observatorio Ambiental de Bogotá" /> <meta property="article:publisher" content="https://www.facebook.com/AmbienteBogota" /> <meta property="og:updated_time" content="2024-02-07T09:53:17-05:00" /> <meta property="og:image" content="https://oab.ambientebogota.gov.co/wp-content/uploads/2020/10/foto-SDA-EDUCA.jpg" /> <meta property="og:image:secure_url" content="https://oab.ambientebogota.gov.co/wp-content/uploads/2020/10/foto-SDA-EDUCA.jpg" /> <meta property="og:image:width" content="1280" /> <meta property="og:image:height" content="718" /> <meta property="og:image:alt" content="Foto SDA" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="article:published_time" content="2022-03-15T05:42:13-05:00" /> <meta property="article:modified_time" content="2024-02-07T09:53:17-05:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Educación ambiental en Bogotá (caminatas, aulas) :2023" /> <meta name="twitter:description" content="En el observatorio podrás consultar la oferta pedagógica de educación ambiental de la Secretaría de Ambiente : caminatas, aulas ambientales" /> <meta name="twitter:site" content="@AmbienteBogota" /> <meta name="twitter:creator" content="@AmbienteBogota" /> <meta name="twitter:image" content="https://oab.ambientebogota.gov.co/wp-content/uploads/2020/10/foto-SDA-EDUCA.jpg" /> <meta name="twitter:label1" content="Tiempo de lectura" /> <meta name="twitter:data1" content="Menos de un minuto" /> <script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://oab.ambientebogota.gov.co/#organization","name":"Observatorio Ambiental de Bogot\u00e1","url":"https://oab.ambientebogota.gov.co","sameAs":["https://www.facebook.com/AmbienteBogota","https://twitter.com/AmbienteBogota"],"logo":{"@type":"ImageObject","@id":"https://oab.ambientebogota.gov.co/#logo","url":"https://oab.ambientebogota.gov.co/wp-content/uploads/2020/10/logo-oab.png","contentUrl":"https://oab.ambientebogota.gov.co/wp-content/uploads/2020/10/logo-oab.png","caption":"Observatorio Ambiental de Bogot\u00e1","inLanguage":"es","width":"350","height":"100"}},{"@type":"WebSite","@id":"https://oab.ambientebogota.gov.co/#website","url":"https://oab.ambientebogota.gov.co","name":"Observatorio Ambiental de Bogot\u00e1","publisher":{"@id":"https://oab.ambientebogota.gov.co/#organization"},"inLanguage":"es"},{"@type":"ImageObject","@id":"https://oab.ambientebogota.gov.co/wp-content/uploads/2020/10/foto-SDA-EDUCA.jpg","url":"https://oab.ambientebogota.gov.co/wp-content/uploads/2020/10/foto-SDA-EDUCA.jpg","width":"200","height":"200","inLanguage":"es"},{"@type":"BreadcrumbList","@id":"https://oab.ambientebogota.gov.co/educacion-ambiental/#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://oab.ambientebogota.gov.co","name":"Inicio"}},{"@type":"ListItem","position":"2","item":{"@id":"https://oab.ambientebogota.gov.co/educacion-ambiental/","name":"Educaci\u00f3n Ambiental"}}]},{"@type":"WebPage","@id":"https://oab.ambientebogota.gov.co/educacion-ambiental/#webpage","url":"https://oab.ambientebogota.gov.co/educacion-ambiental/","name":"Educaci\u00f3n ambiental en Bogot\u00e1 (caminatas, aulas) :2023","datePublished":"2022-03-15T05:42:13-05:00","dateModified":"2024-02-07T09:53:17-05:00","isPartOf":{"@id":"https://oab.ambientebogota.gov.co/#website"},"primaryImageOfPage":{"@id":"https://oab.ambientebogota.gov.co/wp-content/uploads/2020/10/foto-SDA-EDUCA.jpg"},"inLanguage":"es","breadcrumb":{"@id":"https://oab.ambientebogota.gov.co/educacion-ambiental/#breadcrumb"}},{"@type":"Person","@id":"https://oab.ambientebogota.gov.co/author/adminoab/","name":"Administrador OAB","url":"https://oab.ambientebogota.gov.co/author/adminoab/","image":{"@type":"ImageObject","@id":"https://oab.ambientebogota.gov.co/wp-content/uploads/ultimatemember/1/profile_photo-190x190.jpg?1743198732","url":"https://oab.ambientebogota.gov.co/wp-content/uploads/ultimatemember/1/profile_photo-190x190.jpg?1743198732","caption":"Administrador OAB","inLanguage":"es"},"worksFor":{"@id":"https://oab.ambientebogota.gov.co/#organization"}},{"@type":"NewsArticle","headline":"Educaci\u00f3n ambiental en Bogot\u00e1 (caminatas, aulas) :2023","keywords":"Educaci\u00f3n Ambiental","datePublished":"2022-03-15T05:42:13-05:00","dateModified":"2024-02-07T09:53:17-05:00","author":{"@id":"https://oab.ambientebogota.gov.co/author/adminoab/"},"publisher":{"@id":"https://oab.ambientebogota.gov.co/#organization"},"description":"En el observatorio podr\u00e1s consultar la oferta pedag\u00f3gica de educaci\u00f3n ambiental de la Secretar\u00eda de Ambiente : caminatas, aulas ambientales","name":"Educaci\u00f3n ambiental en Bogot\u00e1 (caminatas, aulas) :2023","@id":"https://oab.ambientebogota.gov.co/educacion-ambiental/#richSnippet","isPartOf":{"@id":"https://oab.ambientebogota.gov.co/educacion-ambiental/#webpage"},"image":{"@id":"https://oab.ambientebogota.gov.co/wp-content/uploads/2020/10/foto-SDA-EDUCA.jpg"},"inLanguage":"es","mainEntityOfPage":{"@id":"https://oab.ambientebogota.gov.co/educacion-ambiental/#webpage"}}]}</script>  <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/oab.ambientebogota.gov.co\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.6.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://oab.ambientebogota.gov.co/wp-includes/css/dist/block-library/style.min.css?ver=6.6.1' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.5.6' type='text/css' media='all' /> <link rel='stylesheet' id='email-subscribers-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/email-subscribers/lite/public/css/email-subscribers-public.css?ver=5.3.5' type='text/css' media='all' /> <link rel='stylesheet' id='wp-show-posts-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/wp-show-posts/css/wp-show-posts-min.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='dlm-frontend-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/download-monitor/assets/css/frontend.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='child-understrap-styles-css' href='https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/css/child-theme.min.css?ver=0.3.5' type='text/css' media='all' /> <link rel='stylesheet' id='swiper-css' href='https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/css/swiper.min.css?ver=0.3.5' type='text/css' media='all' /> <link rel='stylesheet' id='estilos-oab-css' href='https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/css/estilos-oab-v63.css' type='text/css' media='all' /> <link rel='stylesheet' id='pscrollbar-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/quadmenu/assets/frontend/pscrollbar/perfect-scrollbar.min.css?ver=2.1.9' type='text/css' media='all' /> <link rel='stylesheet' id='owlcarousel-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/quadmenu/assets/frontend/owlcarousel/owl.carousel.min.css?ver=2.1.9' type='text/css' media='all' /> <link rel='stylesheet' id='quadmenu-normalize-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/quadmenu/assets/frontend/css/quadmenu-normalize.min.css?ver=2.1.9' type='text/css' media='all' /> <link rel='stylesheet' id='quadmenu-widgets-css' href='https://oab.ambientebogota.gov.co/wp-content/uploads/understrap-child/quadmenu-widgets.css?ver=1585352701' type='text/css' media='all' /> <link rel='stylesheet' id='quadmenu-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/quadmenu/assets/frontend/css/quadmenu.min.css?ver=2.1.9' type='text/css' media='all' /> <link rel='stylesheet' id='quadmenu-locations-css' href='https://oab.ambientebogota.gov.co/wp-content/uploads/understrap-child/quadmenu-locations.css?ver=1658370621' type='text/css' media='all' /> <link rel='stylesheet' id='dashicons-css' href='https://oab.ambientebogota.gov.co/wp-includes/css/dashicons.min.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='pojo-a11y-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/pojo-accessibility/assets/css/style.min.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='tablepress-default-css' href='https://oab.ambientebogota.gov.co/wp-content/tablepress-combined.min.css?ver=20' type='text/css' media='all' /> <link rel='stylesheet' id='nextgen_widgets_style-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/widget/static/widgets.css?ver=3.23' type='text/css' media='all' /> <link rel='stylesheet' id='nextgen_basic_thumbnails_style-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_basic_gallery/static/thumbnails/nextgen_basic_thumbnails.css?ver=3.23' type='text/css' media='all' /> <link rel='stylesheet' id='nextgen_basic_slideshow_style-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_basic_gallery/static/slideshow/ngg_basic_slideshow.css?ver=3.23' type='text/css' media='all' /> <link rel='stylesheet' id='um_fonticons_ii-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/um-fonticons-ii.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_fonticons_fa-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/um-fonticons-fa.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='select2-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/select2/select2.min.css?ver=4.0.13' type='text/css' media='all' /> <link rel='stylesheet' id='um_crop-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/um-crop.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_modal-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/um-modal.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_styles-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/um-styles.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_profile-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/um-profile.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_account-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/um-account.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_misc-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/um-misc.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_fileupload-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/um-fileupload.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_datetime-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/pickadate/default.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_datetime_date-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/pickadate/default.date.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_datetime_time-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/pickadate/default.time.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_raty-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/um-raty.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_scrollbar-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/simplebar.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_tipsy-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/um-tipsy.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_responsive-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/um-responsive.css?ver=2.3.1' type='text/css' media='all' /> <link rel='stylesheet' id='um_default_css-css' href='https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/css/um-old-default.css?ver=2.3.1' type='text/css' media='all' /> <script> if (document.location.protocol != "https:") { document.location = document.URL.replace(/^http:/i, "https:"); } </script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap/js/popper.min.js?ver=6.6.1" id="popper-scripts-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/js/swiper.min.js?ver=6.6.1" id="swiperjs-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/js/lib/jquery.min.js?ver=6.6.1" id="jqueryx-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/js/lib/greensock/TweenMax.min.js?ver=6.6.1" id="TweenMax-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/scrollmagic/uncompressed/ScrollMagic.js?ver=6.6.1" id="ScrollMagic-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/scrollmagic/uncompressed/plugins/animation.gsap.js?ver=6.6.1" id="animation-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/scrollmagic/uncompressed/plugins/debug.addIndicators.js?ver=6.6.1" id="addIndicators-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/js/lib/html2pdf.bundle.min.js?ver=6.6.1" id="html2pdf-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/um-gdpr.min.js?ver=2.3.1" id="um-gdpr-js"></script> <link rel="https://api.w.org/" href="https://oab.ambientebogota.gov.co/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://oab.ambientebogota.gov.co/wp-json/wp/v2/pages/21442" /><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://oab.ambientebogota.gov.co/wp-json/oembed/1.0/embed?url=https%3A%2F%2Foab.ambientebogota.gov.co%2Feducacion-ambiental%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://oab.ambientebogota.gov.co/wp-json/oembed/1.0/embed?url=https%3A%2F%2Foab.ambientebogota.gov.co%2Feducacion-ambiental%2F&format=xml" /> <style type="text/css"> .um_request_name { display: none !important; } </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{ background-color: #4054b2; color: #ffffff;} #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links{ border-color: #4054b2;} body.pojo-a11y-focusable a:focus{ outline-style: solid !important; outline-width: 1px !important; outline-color: #FF0000 !important;} #pojo-a11y-toolbar{ top: 180px !important;} #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{ background-color: #ffffff;} #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title{ color: #333333;} #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active{ background-color: #4054b2; color: #ffffff;} @media (max-width: 767px) { #pojo-a11y-toolbar { top: 50px !important; } }</style></head> <body class="page-template page-template-page-templates page-template-submodulos page-template-page-templatessubmodulos-php page page-id-21442 page-parent group-blog"> <div class="hfeed site" id="page"> <div id="govco"> <a class="link-govco" href="https://www.gov.co/"> <img class="img-govco" src="https://cdn.www.gov.co/assets/images/logo.png" alt="Logo Gov.co"> </a> </div>  <div class="container divEncabezado"> <div class="divLogoOab"> <a href="https://oab.ambientebogota.gov.co/"> <img src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/images/logo-OAB-bogota.png" alt="Ir al inicio del Observatorio Ambiental de Bogotá"> </a> <a href="https://oab.ambientebogota.gov.co/"> <img src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/images/AmbienteEnCifras.png" alt="Ir al inicio del Observatorio Ambiental de Bogotá"> </a> </div> <div class="divBuscador"> <div class="divFormBusqueda"> <form id="formIndicador" action="https://oab.ambientebogota.gov.co/resultados-busqueda-indicadores" method="post"> <div class="input-group"> <label for="str">Busca por indicador</label> <input type="search" class="" placeholder="Ingresa sigla o nombre" id="inputBuscarIndicador" name="str" onfocus="onfocusInputBuscarIndicador()" /> </div> </form> </div> <div class="divSeparador"></div> <div class="divFormBusqueda"> <form id="formTema" role="search" method="get" class="search-form" action="https://oab.ambientebogota.gov.co/"> <div class="input-group"> <label for="s">Busca por tema</label> <input type="search" class="" placeholder="Ingresa un tema" value="" name="s" id="inputBuscarTema" onfocus="onfocusInputBuscarTema()" /> </div> </form> </div> <div> <button onclick="submitForm()" class="btnBuscar" type="submit"> <div class="divIcoBuscar"> <svg xmlns="http://www.w3.org/2000/svg" width="40px" id="Layer_1" data-name="Layer 1" viewBox="0 0 21 21"> <defs> <style> .cls-2 { fill: #fff; } </style> </defs> <g id="Icon_feather-search" data-name="Icon feather-search"> <g id="Path_959" data-name="Path 959"> <path class="cls-2" d="M10.46,15.05c-2.65,0-4.81-2.16-4.81-4.81s2.16-4.81,4.81-4.81c2.65,0,4.81,2.16,4.81,4.81h0c0,2.65-2.16,4.81-4.81,4.81Zm0-8.68c-2.14,0-3.87,1.74-3.87,3.87s1.74,3.87,3.87,3.87,3.87-1.74,3.87-3.87c0-2.14-1.74-3.87-3.87-3.87Z" /> </g> <g id="Path_960" data-name="Path 960"> <path class="cls-2" d="M15.89,16.14c-.12,0-.24-.05-.33-.14l-2.36-2.36c-.18-.18-.18-.48,0-.66s.48-.18,.66,0l2.36,2.36c.18,.18,.18,.48,0,.66-.09,.09-.21,.14-.33,.14Z" /> </g> </g> </svg> </div> <div class="divLabelBuscar"> Buscar </div> </button> </div> </div> <script> function limpiarTexto(texto) { // Reemplazar los caracteres con tilde por sus equivalentes sin tilde texto = texto.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); // Eliminar puntuaciones y caracteres especiales texto = texto.replace(/[^\w\s\d]/gi, ""); return texto; } function onfocusInputBuscarIndicador() { document.getElementById("inputBuscarTema").value = "" document.getElementById("inputBuscarTema").style.backgroundColor = "#eaeaea" document.getElementById("inputBuscarIndicador").style.backgroundColor = "#fff" } function onfocusInputBuscarTema() { document.getElementById("inputBuscarIndicador").value = "" document.getElementById("inputBuscarIndicador").style.backgroundColor = "#eaeaea" document.getElementById("inputBuscarTema").style.backgroundColor = "#fff" } function submitForm() { if (document.getElementById("inputBuscarTema").value != "") { document.getElementById("inputBuscarTema").value = limpiarTexto(document.getElementById("inputBuscarTema").value) var form = document.getElementById("formTema"); form.submit(); } if (document.getElementById("inputBuscarIndicador").value != "") { var form = document.getElementById("formIndicador"); form.submit(); } } </script> </div> <nav id="quadmenu" class="quadmenu-default_theme quadmenu-v2.1.9 quadmenu-align-left quadmenu-divider-hide quadmenu-carets-show quadmenu-background-color quadmenu-mobile-shadow-show quadmenu-dropdown-shadow-hide" data-template="collapse" data-theme="default_theme" data-unwrap="1" data-width="0" data-selector="" data-breakpoint="768" data-sticky="0" data-sticky-offset="90"> <div class="quadmenu-container"> <div class="quadmenu-navbar-header"> <button type="button" class="quadmenu-navbar-toggle collapsed" data-quadmenu="collapse" data-target="#quadmenu_0" aria-expanded="false" aria-controls="quadmenu"> <span class="icon-bar-container"> <span class="icon-bar icon-bar-top"></span> <span class="icon-bar icon-bar-middle"></span> <span class="icon-bar icon-bar-bottom"></span> </span> </button> </div> <div id="quadmenu_0" class="quadmenu-navbar-collapse collapse"> <ul class="quadmenu-navbar-nav"><li id="menu-item-7" class="quadmenu-item-7 quadmenu-item quadmenu-item-object-custom quadmenu-item-home quadmenu-item-type-default quadmenu-item-level-0 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Inicio</span> </span> </a> </li><li id="menu-item-2528" class="quadmenu-item-2528 quadmenu-item quadmenu-item-object-custom quadmenu-item-has-children quadmenu-item-type-default quadmenu-item-level-0 quadmenu-dropdown quadmenu-has-caret quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="#" class="quadmenu-dropdown-toggle hoverintent"> <span class="quadmenu-item-content"> <span class="quadmenu-caret"></span> <span class="quadmenu-text hover t_1000">Infórmate</span> </span> </a> <div id="dropdown-2528" class="quadmenu_fadeIn t_100 quadmenu-dropdown-menu"> <ul> <li id="menu-item-2529" class="quadmenu-item-2529 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/sobre-el-oab/observatorio-ambiental/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Nosotros</span> </span> </a> </li><li id="menu-item-2530" class="quadmenu-item-2530 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/sobre-el-oab/equipo-observatorio/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Equipo del Observatorio</span> </span> </a> </li><li id="menu-item-2531" class="quadmenu-item-2531 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/sobre-el-oab/entidades-observatorio/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Entidades aportantes</span> </span> </a> </li><li id="menu-item-26823" class="quadmenu-item-26823 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/redes-de-sistemas-de-informacion/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Sistemas de información ambiental</span> </span> </a> </li> </ul> </div> </li><li id="menu-item-4531" class="quadmenu-item-4531 quadmenu-item quadmenu-item-object-custom current-menu-ancestor current-menu-parent quadmenu-item-has-children quadmenu-item-type-default quadmenu-item-level-0 quadmenu-dropdown quadmenu-has-caret quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="#" class="quadmenu-dropdown-toggle hoverintent"> <span class="quadmenu-item-content"> <span class="quadmenu-caret"></span> <span class="quadmenu-text hover t_1000">Comunidad</span> </span> </a> <div id="dropdown-4531" class="quadmenu_fadeIn t_100 quadmenu-dropdown-menu"> <ul> <li id="menu-item-25732" class="quadmenu-item-25732 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/participacion-ciudadana/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Participación ciudadana</span> </span> </a> </li><li id="menu-item-25733" class="quadmenu-item-25733 quadmenu-item quadmenu-item-object-page current-menu-item page_item page-item-21442 current_page_item quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/educacion-ambiental/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Educación ambiental</span> </span> </a> </li><li id="menu-item-25734" class="quadmenu-item-25734 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/objetivos-de-desarrollo-sostenible/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Objetivos de Desarrollo Sostenible</span> </span> </a> </li><li id="menu-item-25735" class="quadmenu-item-25735 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/plan-de-gestion-ambiental-de-bogota/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Gestión ambiental en Bogotá</span> </span> </a> </li> </ul> </div> </li><li id="menu-item-2584" class="quadmenu-item-2584 quadmenu-item quadmenu-item-object-custom quadmenu-item-has-children quadmenu-item-type-default quadmenu-item-level-0 quadmenu-dropdown quadmenu-has-caret quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="#" class="quadmenu-dropdown-toggle hoverintent"> <span class="quadmenu-item-content"> <span class="quadmenu-caret"></span> <span class="quadmenu-text hover t_1000">Actualidad</span> </span> </a> <div id="dropdown-2584" class="quadmenu_fadeIn t_100 quadmenu-dropdown-menu"> <ul> <li id="menu-item-2589" class="quadmenu-item-2589 quadmenu-item quadmenu-item-type-taxonomy quadmenu-item-object-category quadmenu-item-type-default quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/category/actualidad-ambiental/noticia/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Noticias</span> </span> </a> </li><li id="menu-item-32432" class="quadmenu-item-32432 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/ambiente-en-breve/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Boletín Ambiente en breve</span> </span> </a> </li><li id="menu-item-32443" class="quadmenu-item-32443 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/infografias/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Infografías</span> </span> </a> </li><li id="menu-item-32444" class="quadmenu-item-32444 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/videos/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Videos</span> </span> </a> </li><li id="menu-item-24199" class="quadmenu-item-24199 quadmenu-item quadmenu-item-type-taxonomy quadmenu-item-object-category quadmenu-item-type-default quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/category/notas-interpretativas/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Notas interpretativas</span> </span> </a> </li> </ul> </div> </li><li id="menu-item-25712" class="quadmenu-item-25712 quadmenu-item quadmenu-item-object-custom quadmenu-item-has-children quadmenu-item-type-default quadmenu-item-level-0 quadmenu-dropdown quadmenu-has-caret quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="#" class="quadmenu-dropdown-toggle hoverintent"> <span class="quadmenu-item-content"> <span class="quadmenu-caret"></span> <span class="quadmenu-text hover t_1000">Documentos</span> </span> </a> <div id="dropdown-25712" class="quadmenu_fadeIn t_100 quadmenu-dropdown-menu"> <ul> <li id="menu-item-25716" class="quadmenu-item-25716 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/documentos-tecnicos-observatorio/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Técnicos</span> </span> </a> </li><li id="menu-item-25717" class="quadmenu-item-25717 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/documentos-normativos-ambientales/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Normativos</span> </span> </a> </li><li id="menu-item-25713" class="quadmenu-item-25713 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/documentos-pedagogicos-ambientales/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Pedagógicos</span> </span> </a> </li><li id="menu-item-25715" class="quadmenu-item-25715 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/procesos-participativos-ambientales/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Procesos participativos</span> </span> </a> </li><li id="menu-item-25714" class="quadmenu-item-25714 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/investigacion-ambiental-en-bogota/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Investigación ambiental</span> </span> </a> </li><li id="menu-item-29324" class="quadmenu-item-29324 quadmenu-item quadmenu-item-object-post quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/publica-documentos-observatorio/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">¿Quieres publicar?</span> </span> </a> </li> </ul> </div> </li><li id="menu-item-26287" class="quadmenu-item-26287 quadmenu-item quadmenu-item-object-page quadmenu-item-has-children quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-0 quadmenu-dropdown quadmenu-has-caret quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/kids-observatorio-ambiental-bogota/" class="quadmenu-dropdown-toggle hoverintent"> <span class="quadmenu-item-content"> <span class="quadmenu-caret"></span> <span class="quadmenu-text hover t_1000"><span class="kk">K</spam><span class="ki">i</span><span class="kd">d</span><span class="ks">s</span></span> </span> </a> <div id="dropdown-26287" class="quadmenu_fadeIn t_100 quadmenu-dropdown-menu"> <ul> <li id="menu-item-29122" class="quadmenu-item-29122 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/kids-observatorio-ambiental-bogota/libros/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Libros</span> </span> </a> </li><li id="menu-item-29121" class="quadmenu-item-29121 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/kids-observatorio-ambiental-bogota/juegos/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Juegos</span> </span> </a> </li><li id="menu-item-29120" class="quadmenu-item-29120 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/kids-observatorio-ambiental-bogota/experimentos/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Experimentos</span> </span> </a> </li><li id="menu-item-29119" class="quadmenu-item-29119 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-1 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/kids-observatorio-ambiental-bogota/videos/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Videos</span> </span> </a> </li> </ul> </div> </li><li id="menu-item-4543" class="quadmenu-item-4543 quadmenu-item quadmenu-item-object-page quadmenu-item-type-post_type quadmenu-item-type-post_type quadmenu-item-level-0 quadmenu-has-title quadmenu-has-link quadmenu-has-background quadmenu-dropdown-right"> <a href="https://oab.ambientebogota.gov.co/contacto/"> <span class="quadmenu-item-content"> <span class="quadmenu-text hover t_1000">Contacto</span> </span> </a> </li></ul> </div> </div> </nav>   <div class="toggle-menu-container div-barra"> <img src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/images/menu.png" id="toggleMenuButton" onclick="toggleMenu()"> </div> <div class="menu-celular" onclick="toggleMenu()"> <div class="menu-toggle"> <span class="bar"></span> <span class="bar"></span> <span class="bar"></span> </div> <div class="menu-items"> <a href="https://oab.ambientebogota.gov.co">Inicio</a> <div class="submenu"> <a href="#" class="submenu1-toggle" onclick="toggleSubmenu(this)">Infórmate</a> <div class="submenu-items"> <a href="https://oab.ambientebogota.gov.co/sobre-el-oab/observatorio-ambiental/">Nosotros</a> <a href="https://oab.ambientebogota.gov.co/sobre-el-oab/equipo-observatorio/">Equipo del Observatorio</a> <a href="https://oab.ambientebogota.gov.co/sobre-el-oab/entidades-observatorio/">Entidades aportantes</a> <a href="https://oab.ambientebogota.gov.co/redes-de-sistemas-de-informacion/">Sistemas de información ambiental</a> </div> </div> <div class="submenu comunidad-submenu"> <a href="#" class="submenu1-toggle" onclick="toggleSubmenu(this)">Comunidad</a> <div class="submenu-items"> <a href="https://oab.ambientebogota.gov.co/participacion-ciudadana/">Participación ciudadana</a> <a href="https://oab.ambientebogota.gov.co/educacion-ambiental/">Educación ambiental</a> <a href="https://oab.ambientebogota.gov.co/objetivos-de-desarrollo-sostenible/">Objetivos de Desarrollo Sostenible</a> <a href="https://oab.ambientebogota.gov.co/plan-de-gestion-ambiental-de-bogota/">Gestión ambiental en Bogotá</a> </div> </div> <div class="submenu actualidad-submenu"> <a href="#" class="submenu1-toggle" onclick="toggleSubmenu(this)">Actualidad</a> <div class="submenu-items"> <a href="https://oab.ambientebogota.gov.co/category/actualidad-ambiental/noticia/">Noticias</a> <a href="https://oab.ambientebogota.gov.co/category/publicaciones-videos-oab/">Videos</a> <a href="https://oab.ambientebogota.gov.co/category/publicaciones-infografias/">Infografías</a> <a href="https://oab.ambientebogota.gov.co/category/notas-interpretativas/">Notas interpretativas</a> </div> </div> <div class="submenu"> <a href="#" class="submenu1-toggle" onclick="toggleSubmenu(this)">Documentos</a> <div class="submenu-items"> <a href="https://oab.ambientebogota.gov.co/documentos-tecnicos/">Técnicos</a> <a href="https://oab.ambientebogota.gov.co/documentos-normativos/">Normativos</a> <a href="https://oab.ambientebogota.gov.co/documentos-pedagogicos/">Pedagógicos</a> <a href="https://oab.ambientebogota.gov.co/procesos-participativos/">Procesos participativos</a> <a href="https://oab.ambientebogota.gov.co/investigacion-ambiental/">Investigación ambiental</a> </div> </div> <div class="submenu"> <a href="https://oab.ambientebogota.gov.co/kids/"><span class="kk">K<span class="ki">i</span><span class="kd">d</span><span class="ks">s</span></a> <div class="submenu-items"> <a href="https://oab.ambientebogota.gov.co/kids-observatorio-ambiental-bogota/libros/">Libros</a> <a href="https://oab.ambientebogota.gov.co/kids-observatorio-ambiental-bogota/juegos/">Juegos</a> <a href="https://oab.ambientebogota.gov.co/kids-observatorio-ambiental-bogota/experimentos/">Experimentos</a> <a href="https://oab.ambientebogota.gov.co/kids-observatorio-ambiental-bogota/videos/">Videos</a> </div> </div> <a href="https://oab.ambientebogota.gov.co/contacto/">Contacto</a> </div> </div> <div id="divSlideshowckTop"> <link href="https://oab.ambientebogota.gov.co/wp-content/plugins/slideshow-ck/themes/default/css/camera.css" rel="stylesheet" type="text/css" /> <style type="text/css"> #camera_wrap_26005 .camera_pag_ul li img, #camera_wrap_26005 .camera_thumbs_cont ul li img { height:100px; width: auto; } #camera_wrap_26005 .camera_caption { display: block; position: absolute; } #camera_wrap_26005 .camera_caption a.camera_caption_link { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #camera_wrap_26005 .camera_caption > div { background: #000000; } #camera_wrap_26005 .camera_caption div.camera_caption_title { font-size: 18px;line-height: 18px;font-weight: normal; } #camera_wrap_26005 .camera_caption div.camera_caption_desc { font-size: 12px;line-height: 12px;font-weight: normal; } </style> <div class="slideshowck camera_wrap camera_black_skin" id="camera_wrap_26005" style="width:100%;"> <div data-thumb="https://oab.ambientebogota.gov.co/wp-content/uploads/2025/03/divulgacion-test02-Recuperado_Mesa-de-trabajo-1-scaled.jpg" data-src="https://oab.ambientebogota.gov.co/wp-content/uploads/2025/03/divulgacion-test02-Recuperado_Mesa-de-trabajo-1-scaled.jpg" data-link="https://oab.ambientebogota.gov.co/que-tanto-sabes-sobre-ambiente-bogota/" data-target="_parent"> </div> <div data-thumb="https://oab.ambientebogota.gov.co/wp-content/uploads/2025/02/banner-observatori-1.jpg" data-src="https://oab.ambientebogota.gov.co/wp-content/uploads/2025/02/banner-observatori-1.jpg" data-link="https://oab.ambientebogota.gov.co/register/" data-target="_parent"> </div> <div data-thumb="https://oab.ambientebogota.gov.co/wp-content/uploads/2024/10/banner-guía-Bogotá-silvestre.jpg" data-src="https://oab.ambientebogota.gov.co/wp-content/uploads/2024/10/banner-guía-Bogotá-silvestre.jpg" data-link="https://oab.ambientebogota.gov.co/fauna/" data-target="_parent"> </div> </div> <div style="clear:both;"></div> </div> <div style="display:none"> <div id="parallax1" class="parallaxParent seccionT1"> <div id="imgHeader" class="img-parallax" style="background-image: url(https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/images/imgHome.jpg) ;background-size: 100%; margin-top:100px;"> <div id="imgHeader2" class="img-parallax" style="width: 100%; background-color: rgba(0,0,0,0.5);"> <div id="DescriptionHeader" class="DescriptionHeader" style="width: 40%; margin-top:80px;"> <br><br><br> <h1>Observatorio Ambiental de Bogotá</h1><br> <h5>Herramienta digital para consultar datos, cifras y estadísticas sobre la calidad ambiental de Bogotá. ¡Más de 400 indicadores!</h5> <br> <a href="/register/" class="btnRegistrate" style="width:140px; font-size:12px">Suscribirme al boletín</a> </div> </div> </div> </div> </div> <div class="div-indicadores-ambientales"> <div id="div-indicadores-ambientales-h2" class="container"> <div class="row"> <div class="col-md-12 text-center"> <h2>Indicadores Ambientales</h2> <h4 id="estadoIndicadores" style="color: #32c7b7; font-weight:100; font-family: 'Mulish', sans-serif;"> Estado general de actualización de indicadores: 100% (corte diciembre 2024) </h4> </div> </div> </div> <div class="container"> <div class="swiper-container" id="MenuIconos"> <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-04e8101bd81693a4b" aria-disabled="false"></div> <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-04e8101bd81693a4b" aria-disabled="false"></div> </div> </div> <div class="div-opciones-top" id="divOpcionesTop" style="display:none"> <h2 id="h2OpcionesTop"></h2> <div id='divFiltro' class="container" style="display:none;"> <form action="../documentos" method="post" id="formFiltros" class="div-flex-center"> <div id="divNumeroItemsTotales"></div> <div class="buscador-index" style="margin-bottom:30px; display:none"> <div id="filtro-localidad" class="filtro-localidad"> <select id="select_filtro_localidad" class="form-control"></select> </div> <div id="filtro-tema" class="filtro-tema"> <select id="select_filtro_tema" class="form-control"></select> </div> <div> <a href="#" onclick="aplicarFiltro(); return false;"> <button id="btnGroupFiltro" type="button" class="btn btn-filtro c-rojo"> <div class="icono-filtro"> <img src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/images/ficha-icons/filtro.png" alt="Descargar" /> </div> </button> </a> </div> </div> <div id="divNumeroItemsFiltrados" style="margin-bottom:15px;"></div> </form> </div> <div class="swiper-contenido-container"> <div class="swiper-wrapper" id="divContenidoIconos"> </div>  <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-04e8101bd81693a4b" aria-disabled="false"></div> <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-04e8101bd81693a4b" aria-disabled="false"></div> </div> <div class="swiper-contenido-pagination"></div> </div> </div> <script> /***************************** * Clases *****************************/ class ItemMenuIndicadores { constructor(clase, nombre, nombreCompleto, tipoOpciones) { this.clase = clase this.nombre = nombre this.nombreCompleto = nombreCompleto this.tipoOpciones = tipoOpciones } setActive() { let botonDiv = document.getElementById(this.getId()) botonDiv.classList.add(this.clase) } removeActive() { let botonDiv = document.getElementById(this.getId()) botonDiv.classList.remove(this.clase) } getId() { // Reemplazar caracteres acentuados por sus equivalentes sin acentos let texto = this.nombre.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); // Reemplazar espacios por guiones texto = texto.replace(/ /g, "-"); texto = texto.toLowerCase() return texto; } getNombreImagen() { return this.getId() + '.png' } getHtml() { return ` <div class="swiper-slide"> <a href="#" onclick="desplegarContenidoIconos('${this.nombre}'); return false;"> <div id="${this.getId()}" class="ico-top ico-top-${this.clase}"> <img class="img-bottom" src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/images/top-icons/${this.getNombreImagen()}" /> <br> ${this.nombre} </div> </a> </div>` } } class Tarjeta { constructor(categoria, imagen, titulo, etiquetas, descripcion, textoBoton, colorBoton, enlace) { this.categoria = categoria; this.imagen = imagen; this.titulo = titulo; this.etiquetas = etiquetas; this.descripcion = descripcion; this.textoBoton = textoBoton; this.colorBoton = colorBoton; this.enlace = enlace; this.imagenError = `https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/images/cards/defaultIndicador.jpg`; if (imagen == '') this.imagen = `https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/images/cards/${this.getNombreImagen()}`; else if (this.esRutaAbsoluta(imagen)) this.imagen = imagen; else this.imagen = `https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/images/cards/${imagen}`; } esRutaAbsoluta(str) { var regex = /^https?:/; return regex.test(str); } getNombreImagen() { // Reemplazar caracteres acentuados por sus equivalentes sin acentos let texto = this.titulo.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); // Reemplazar espacios por guiones texto = texto.replace(/ /g, "-"); texto = texto.toLowerCase() + '.jpg'; return texto; } setImagenError(imagenError) { this.imagenError = imagenError; } getEtiquetasHtml() { let htmlString = ''; for (let i = 0; i < this.etiquetas.length; i++) htmlString += `<div class="card-tag">${this.etiquetas[i]}</div>`; return htmlString; } getHtml() { return ` <div class="swiper-slide card" style="height: 360px;"> <img class="card-img" src="${this.imagen}" onerror="this.onerror=null;this.src='${this.imagenError}';" alt="" width="100%"> <div class="div-flex-center">${this.getEtiquetasHtml()}</div> <div class="card-body" style="padding-top: 0.2rem;"> <strong class="card-title text-center">${this.titulo}</strong> <strong class="card-descripcion text-center"> ${this.descripcion} </strong> <div class="btn-cards"> <a href="${this.enlace}" class="btn card-btn-default ${this.colorBoton}">${this.textoBoton}</a> </div> </div> </div>`; } } class TarjetaKids { constructor(categoria, imagen, titulo, etiquetas, descripcion, textoBoton, colorBoton, enlace) { this.categoria = categoria this.imagen = imagen this.titulo = titulo this.etiquetas = etiquetas this.descripcion = descripcion this.textoBoton = textoBoton this.colorBoton = colorBoton this.enlace = enlace if (imagen == '') this.imagen = `https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/images/cards/${this.getNombreImagen()}` else if (this.esRutaAbsoluta(imagen)) this.imagen = imagen else this.imagen = `https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/images/cards/${imagen}` } esRutaAbsoluta(str) { var regex = /^https?:/; return regex.test(str); } getNombreImagen() { // Reemplazar caracteres acentuados por sus equivalentes sin acentos let texto = this.titulo.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); // Reemplazar espacios por guiones texto = texto.replace(/ /g, "-"); texto = texto.toLowerCase() + '.jpg' return texto; } getEtiquetasHtml() { let htmlString = '' for (let i = 0; i < this.etiquetas.length; i++) htmlString = htmlString + `<div class="card-tag">${this.etiquetas[i]}</div>` return htmlString } getHtml() { return ` <div class="swiper-slide card" style="height: 360px;"> <img class="card-img" src="${this.imagen}" alt="" width="100%"> <div class="div-flex-center">${this.getEtiquetasHtml()}</div> <div class="card-body-kids" style="padding-top: 0.2rem;"> <strong class="card-descripcion-kids text-center"> ${this.descripcion} </strong> <strong class="text-center">${this.titulo}</strong> <div class="btn-cards-kids"> <a href="${this.enlace}" class="btn card-btn-default-kids ${this.colorBoton}">${this.textoBoton}</a> </div> </div> </div>` } } /***************************** * Variables *****************************/ // init controller var controller = new ScrollMagic.Controller({ globalSceneOptions: { triggerHook: "onEnter", duration: "200%" } }); var controllerBarraMenu = new ScrollMagic.Controller({ globalSceneOptions: { triggerHook: 'onLeave' } }); var mostrarMenuIndicadores = true var swiper = null var swiperContenido = null var itemsMenuIconos = [] var cards = [] var lstIndicadores = null var lstLocalidades = [] var lstTemas = [] /***************************** * Función Principal *****************************/ function main() { if (mostrarMenuIndicadores) { factoryItemsMenuIconos() renderMenuIconos() configSwiper() factoryCards() } scrollMagicConfig() } /***************************** * Funciones *****************************/ $(function () { // wait for document ready main() }); function scrollMagicConfig() { // build scenes new ScrollMagic.Scene({ triggerElement: "#parallax1" }) .setTween("#parallax1 > div", { y: "70%", ease: Linear.easeNone }) .addTo(controller); //.addIndicators() //new ScrollMagic.Scene({triggerElement: "#parallax2"}) // .setTween("#parallax2 > div", {y: "80%", ease: Linear.easeNone}) // .addTo(controller); // build tween var tween = TweenMax.to("#quadmenu_0", 0.5, { backgroundColor: "rgba(15, 94, 135, 1.0)" }); //var tween = TweenMax.to("#nav", 0.5, {backgroundColor: "rgba(6, 62, 102, 0.4)", height: "-=0"}); // build scene var scene = new ScrollMagic.Scene({ triggerElement: "#quadmenu_0" }) .setPin("#quadmenu_0") .setTween(tween) .addTo(controllerBarraMenu); //.addIndicators({name: "1 (duration: 0)"}) // add indicators (requires plugin) } function factoryItemsMenuIconos() { // clase, nombre, nombreCompleto, tipoOpciones itemsMenuIconos.push(new ItemMenuIndicadores('c-azul2', 'Agua', 'Indicadores de Agua en Bogotá', 'recurso')) itemsMenuIconos.push(new ItemMenuIndicadores('c-morado', 'Aire', 'Indicadores de Aire en Bogotá', 'recurso_especifico')) // Aire->CalidadAire itemsMenuIconos.push(new ItemMenuIndicadores('c-azul3', 'Biodiversidad', 'Indicadores de Biodiversidad en Bogotá', '')) // Flora y Fauna itemsMenuIconos.push(new ItemMenuIndicadores('c-rojo', 'Suelo', 'Indicadores de Suelo en Bogotá', 'recurso_especifico')) // Suelo->Gestión itemsMenuIconos.push(new ItemMenuIndicadores('c-naranja', 'Ruido Ambiental', 'Indicadores de Ruido en Bogotá', 'recurso_especifico')) // Aire->Ruido itemsMenuIconos.push(new ItemMenuIndicadores('c-azul3', 'Residuos', 'Indicadores de Residuos en Bogotá', 'subrecurso')) itemsMenuIconos.push(new ItemMenuIndicadores('c-azul2', 'Cambio Climático', 'Indicadores de Cambio Climático', 'tema')) itemsMenuIconos.push(new ItemMenuIndicadores('c-verde5', 'Temas ambientales', 'Temas ambientales', '')) itemsMenuIconos.push(new ItemMenuIndicadores('c-morado', 'Indicadores reglamentarios', 'Indicadores reglamentarios', 'reglamentarios')) itemsMenuIconos.push(new ItemMenuIndicadores('c-rojo', 'Salud ambiental', 'Salud ambiental', 'salud')) itemsMenuIconos.push(new ItemMenuIndicadores('c-azul3', 'Todos los indicadores', 'Todos los indicadores', 'todos')) /* itemsMenuIconos.push(new ItemMenuIndicadores('c-azul2', 'Agua', 'Indicadores de Agua en Bogotá', 'recurso')) itemsMenuIconos.push(new ItemMenuIndicadores('c-morado', 'Aire', 'Indicadores de Aire en Bogotá', 'recurso')) itemsMenuIconos.push(new ItemMenuIndicadores('c-rojo', 'Fauna', 'Indicadores de Fauna en Bogotá', '')) itemsMenuIconos.push(new ItemMenuIndicadores('c-azul3', 'Suelo', 'Indicadores de Suelo en Bogotá', '')) itemsMenuIconos.push(new ItemMenuIndicadores('c-naranja', 'Flora', 'Indicadores de Flora en Bogotá', 'recurso')) itemsMenuIconos.push(new ItemMenuIndicadores('c-verde5', 'Temas ambientales', 'Temas ambientales', '')) itemsMenuIconos.push(new ItemMenuIndicadores('c-morado', 'Indicadores reglamentarios', 'Indicadores reglamentarios', 'reglamentarios')) itemsMenuIconos.push(new ItemMenuIndicadores('c-rojo', 'Salud ambiental', 'Salud ambiental', 'salud')) itemsMenuIconos.push(new ItemMenuIndicadores('c-azul3', 'Todos los indicadores', 'Todos los indicadores', 'todos')) */ } function factoryCards() { //categoria, imagen, titulo, etiquetas[], descripcion, textoBoton, colorBoton, enlace //cards.push(new Tarjeta('Suelo', '', 'Suelo - Gestión', [], '', 'Ver indicadores', 'c-azul1', 'https://oab.ambientebogota.gov.co/indicadores-ambientales-por-recurso-natural/suelo-gestion/')) //cards.push(new Tarjeta('Suelo', '', 'Suelo - Residuos', [], '', 'Ver indicadores', 'c-azul1', 'https://oab.ambientebogota.gov.co/indicadores-ambientales-por-recurso-natural/suelo-residuos/')) cards.push(new Tarjeta('Biodiversidad', '', 'Flora', [], '', 'Ver indicadores', 'c-azul1', 'https://oab.ambientebogota.gov.co/indicadores-ambientales-por-recurso-natural/indicadores-de-flora/')) cards.push(new Tarjeta('Biodiversidad', '', 'Fauna Silvestre', [], '', 'Ver indicadores', 'c-azul1', 'https://oab.ambientebogota.gov.co/indicadores-ambientales-por-recurso-natural/indicadores-de-fauna-silvestre/')) cards.push(new Tarjeta('Biodiversidad', '', 'Animales de Compañía', [], '', 'Ver indicadores', 'c-azul1', 'https://oab.ambientebogota.gov.co/indicadores-ambientales-por-recurso-natural/indicadores-de-animales-de-compania/')) //cards.push(new Tarjeta('Temas ambientales', '', 'Cambio Climático', [], '', 'Ver indicador', 'c-azul1', 'https://oab.ambientebogota.gov.co/indicadores-ambientales-por-tema/cambio-climatico/')) cards.push(new Tarjeta('Temas ambientales', '', 'Control para la Calidad Ambiental', [], '', 'Ver indicador', 'c-azul1', 'https://oab.ambientebogota.gov.co/indicadores-ambientales-por-tema/control-para-la-calidad-ambiental/')) cards.push(new Tarjeta('Temas ambientales', '', 'Ecosistemas', [], '', 'Ver indicador', 'c-azul1', 'https://oab.ambientebogota.gov.co/indicadores-ambientales-por-tema/ecosistemas/')) cards.push(new Tarjeta('Temas ambientales', '', 'Educación Ambiental y Participación', [], '', 'Ver indicador', 'c-azul1', ' https://oab.ambientebogota.gov.co/indicadores-ambientales-por-tema/educacion-ambiental-y-participacion/')) cards.push(new Tarjeta('Temas ambientales', '', 'Gestión Ambiental Empresarial', [], '', 'Ver indicador', 'c-azul1', 'https://oab.ambientebogota.gov.co/indicadores-ambientales-por-tema/gestion-ambiental-empresarial/')) cards.push(new Tarjeta('Temas ambientales', '', 'Movilidad Sostenible', [], '', 'Ver indicador', 'c-azul1', 'https://oab.ambientebogota.gov.co/indicadores-ambientales-por-tema/movilidad-sostenible/')) cards.push(new Tarjeta('Temas ambientales', '', 'Ordenamiento y Ecourbanismo', [], '', 'Ver indicador', 'c-azul1', 'https://oab.ambientebogota.gov.co/indicadores-ambientales-por-tema/ordenamiento-y-ecourbanismo/')) cards.push(new Tarjeta('Temas ambientales', 'piga.jpg', 'Plan Institucional de Gestión Ambiental _ PIGA', [], '', 'Ver indicador', 'c-azul1', 'https://oab.ambientebogota.gov.co/indicadores-ambientales-por-tema/piga/')) cards.push(new Tarjeta('Temas ambientales', '', 'Estrategia Distrital de Crecimiento Verde', [], '', 'Ver indicador', 'c-azul1', 'https://oab.ambientebogota.gov.co/indicadores-estrategia-de-crecimiento-verde/ ')) } function desplegarContenidoIconos(nombre) { // Retira el modo Active de todos los iconos for (let i = 0; i < itemsMenuIconos.length; i++) itemsMenuIconos[i].removeActive(); // Asigna el modo Active al seleccionado let item = obtenerItemMenuIndicadoresPorNombre(nombre) if (item) { item.setActive() // Activa la visualización del contenido divOpcionesTop = document.getElementById('divOpcionesTop') divOpcionesTop.style.display = '' // Reemplazar la lista de clases por "opciones-top" y agrega la clase particular divOpcionesTop.className = "div-opciones-top"; divOpcionesTop.classList.add(item.clase); document.getElementById("divNumeroItemsTotales").className = item.clase document.getElementById("divNumeroItemsFiltrados").className = item.clase document.getElementById('h2OpcionesTop').innerHTML = item.nombreCompleto switch (item.tipoOpciones) { case 'recurso': document.getElementById('divFiltro').style.display = '' fetchIndicadores(item.tipoOpciones, nombre) break; case 'recurso_especifico': document.getElementById('divFiltro').style.display = '' if (nombre == 'Aire') fetchIndicadores(item.tipoOpciones, 'CalidadAire') else if (nombre == 'Ruido Ambiental') fetchIndicadores(item.tipoOpciones, 'Ruido') else if (nombre == 'Suelo') fetchIndicadores(item.tipoOpciones, 'Gestión') else fetchIndicadores(item.tipoOpciones, nombre) break; case 'subrecurso': document.getElementById('divFiltro').style.display = '' fetchIndicadores(item.tipoOpciones, nombre) break; case 'tema': document.getElementById('divFiltro').style.display = '' if (nombre == 'Cambio Climático') fetchIndicadores(item.tipoOpciones, 'CC') else fetchIndicadores(item.tipoOpciones, nombre) break; case '': document.getElementById('divFiltro').style.display = 'none' var htmlString = `` for (let i = 0; i < cards.length; i++) { if (cards[i].categoria == item.nombre) htmlString = htmlString + cards[i].getHtml() } document.getElementById('divContenidoIconos').innerHTML = htmlString; configSwiperContenido() break; case 'salud': ItemMenuIndicadores window.location.href = 'https://oab.ambientebogota.gov.co/indicadores-ambientales-de-salud-ambiental/' break; case 'localidad': ItemMenuIndicadores window.location.href = 'https://oab.ambientebogota.gov.co/indicadores-ambientales-por-localidad/' break; case 'reglamentarios': ItemMenuIndicadores window.location.href = 'https://oab.ambientebogota.gov.co/indicadores-ambientales-reglamentados/' break; case 'todos': ItemMenuIndicadores window.location.href = 'https://oab.ambientebogota.gov.co/todos-los-indicadores/' break; } } } function obtenerItemMenuIndicadoresPorNombre(nombre) { return itemsMenuIconos.find(x => x.nombre == nombre) } function fetchIndicadores(categoria, nombre) { fetch(`https://oab.ambientebogota.gov.co/arrow/public/api/public/${categoria}/${nombre}`) .then(res => res.json()) .then((out) => { desplegarInfoIndicadores(out) }); } function desplegarInfoIndicadores(out) { this.lstIndicadores = out.data console.log(this.lstIndicadores) lstLocalidades = this.lstIndicadores.map(e => { return e.localidad }) lstLocalidades = lstLocalidades.filter(e => { return e != null }) const localidadSet = new Set(lstLocalidades); lstLocalidades = [...localidadSet]; console.log(lstLocalidades) options = '<option value="todas las localidades" selected>Todas las localidades</option>' for (let i = 0; i < lstLocalidades.length; i++) { options += `<option value="${lstLocalidades[i]}">${lstLocalidades[i]}</option>` } document.getElementById("select_filtro_localidad").innerHTML = options lstTemas = this.lstIndicadores.map(e => { return e.tema }) lstTemas = lstTemas.filter(e => { return e != null }) const temaSet = new Set(lstTemas); lstTemas = [...temaSet]; console.log(lstTemas) options = '<option value="todos los temas" selected>Todos los temas</option>' for (let i = 0; i < lstTemas.length; i++) { options += `<option value="${lstTemas[i]}">${lstTemas[i]}</option>` } document.getElementById("select_filtro_tema").innerHTML = options aplicarFiltro() } function aplicarFiltro() { let filtro = document.getElementById("select_filtro_localidad").value let filtrados = this.lstIndicadores /*if (document.getElementById("select_filtro_localidad").value != "todas las localidades") filtrados = filtrados.filter(e => { return e.localidad == filtro }) let filtroTema = document.getElementById("select_filtro_tema").value if (document.getElementById("select_filtro_tema").value != "todos los temas") filtrados = filtrados.filter(e => { return e.tema == filtroTema }) */ let labelFiltrados = '' if (this.lstIndicadores.length != filtrados.length) labelFiltrados = `${filtrados.length} en ${filtro} sobre ${filtroTema}` if (filtrados.length == 0) labelFiltrados = 'Sin resultados con la selección actual de filtros' console.log(labelFiltrados) document.getElementById("divNumeroItemsTotales").innerHTML = `${this.lstIndicadores.length} indicadores de este recurso` document.getElementById("divNumeroItemsFiltrados").innerHTML = `${labelFiltrados}` var htmlString = `` for (let i = 0; i < filtrados.length; i++) { let enlace = `https://oab.ambientebogota.gov.co/indicadores/?id=${filtrados[i].id}` if (filtrados[i].url_redireccionar) enlace = filtrados[i].url_redireccionar //categoria, imagen, titulo, etiquetas[], descripcion, textoBoton, colorBoton, enlace let url_imagen = filtrados[i].indicators_url_imagen ? filtrados[i].indicators_url_imagen : filtrados[i].masters_url_imagen ? filtrados[i].masters_url_imagen : 'defatultIndicador.jpg' let t = new Tarjeta('', url_imagen, filtrados[i].nombre, [filtrados[i].localidad], filtrados[i].sigla, 'Ver indicador', 'c-azul1', enlace) htmlString = htmlString + t.getHtml() } document.getElementById('divContenidoIconos').innerHTML = htmlString; configSwiperContenido() } function renderMenuIconos() { var htmlString = `` for (let i = 0; i < itemsMenuIconos.length; i++) { htmlString = htmlString + itemsMenuIconos[i].getHtml() } var tempDiv = document.createElement("div"); tempDiv.classList.add("swiper-wrapper"); tempDiv.innerHTML = htmlString; document.getElementById('MenuIconos').appendChild(tempDiv); } function configSwiper() { if (swiper != null) { console.log("Restaurando configuración de swiper...") //swiper.destroy(); } swiper = new Swiper('.swiper-container', { effect: 'coverflow', grabCursor: true, centeredSlides: false, slidesPerView: 'auto', loop: false, coverflowEffect: { rotate: 0, stretch: 0, depth: 0, modifier: 0, slideShadows: false, }, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, initialSlide: 0 }); } function configSwiperContenido() { const numeroTarjetas = document.getElementById('divContenidoIconos').querySelectorAll(':scope > div').length; if (swiperContenido != null) { console.log("Restaurando configuración de swiperContenido...") swiperContenido.destroy(); } swiperContenido = new Swiper('.swiper-contenido-container', { effect: 'coverflow', grabCursor: true, centeredSlides: numeroTarjetas < 4, slidesPerView: 'auto', spaceBetween: 10, loop: false, coverflowEffect: { rotate: 0, stretch: 0, depth: 0, modifier: 0, slideShadows: false, }, pagination: { el: '.swiper-contenido-pagination', clickable: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, initialSlide: numeroTarjetas === 3 ? 1 : 0 // Si hay 3 tarjetas, inicia en la tarjeta 2 (índice 1) }); } function toggleMenu() { var menu = document.querySelector('.menu-celular'); menu.classList.toggle('active'); } function toggleSubmenu(submenuToggle, event) { event.stopPropagation(); // Detiene la propagación del evento const submenuItems = submenuToggle.nextElementSibling; submenuItems.classList.toggle('submenu-expanded'); } document.addEventListener('click', function (event) { var menu = document.querySelector('.menu-celular'); // Si el clic no fue dentro del menú o en el botón, y el menú está visible, lo oculta. if (!event.target.closest('.menu-celular') && !event.target.matches('#toggleMenuButton') && menu.classList.contains('active')) { menu.classList.remove('active'); } }); // Evitar que el clic se propague más allá de las opciones del menú. var menuItems = document.querySelectorAll('.menu-items a'); menuItems.forEach(function (item) { item.addEventListener('click', function (event) { event.stopPropagation(); // Detiene la propagación del evento }); }); /*fetch('http://127.0.0.1/indicadores-ambientales-por-recurso-natural/agua/') .then(response => response.text()) .then(html => { const parser = new DOMParser(); const doc = parser.parseFromString(html, 'text/html'); const mainContent = doc.querySelector('main'); document.getElementById('myDiv').appendChild(mainContent); }) .catch(error => console.log(error)); */ </script> <style> /*h1, #breadcrumbs, .breadcrumb_last { color: #fff; } #breadcrumbs a { color: #8dbd28; }*/ .card { border-radius: 0.63rem; } .btn-primary { color: #fff; background-color: #2dae63; border: none !important; border-radius: 0 !important; } </style>  <div> <div class="wrapper" id="single-wrapper" style="background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 100%);"> <div class="row"> <div class="col-xs-12 col-md-12"> <main class="site-main" id="main"> <header class="entry-header"> <h1 class="entry-title">Educación Ambiental</h1> </header> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="card"> <p><img fetchpriority="high" decoding="async" class="objetfitcover aligncenter wp-image-11756 size-medium" src="https://oab.ambientebogota.gov.co/wp-content/uploads/2020/10/foto-SDA-EDUCA.jpg" alt="" width="350" height="206"></p> <div class="card-body"> <p><strong>Políticas de Educación Ambiental</strong></p> <div class="btn-cards"><a class="btn btn-primary" href="https://oab.ambientebogota.gov.co/politicas-de-educacion-ambiental/">Leer mas</a></div> </div> </div> </div> <div class="col-md-1"> </div> <div class="col-md-3"> <div class="card"> <p><img decoding="async" class="objetfitcover aligncenter wp-image-11756 size-medium" src="https://oab.ambientebogota.gov.co/wp-content/uploads/2021/06/Tabla-conformacio%CC%81n-educacio%CC%81n-ambienta.jpg" alt="" width="350" height="206"></p> <div class="card-body"> <p><strong>Comisión Intersectorial de Educación Ambiental CIDEA</strong></p> <div class="btn-cards"><a class="btn btn-primary" href="https://oab.ambientebogota.gov.co/comision-intersectorial-de-educacion-ambiental-cidea/">Leer mas</a></div> </div> </div> </div> <div class="col-md-1"> </div> <div class="col-md-3"> <div class="card"> <p><img decoding="async" class="objetfitcover aligncenter wp-image-11756 size-medium" src="https://oab.ambientebogota.gov.co/wp-content/uploads/2020/11/Aula-Ambiental-SORATAMA.jpg" alt="" width="350" height="206"></p> <div class="card-body"> <p><strong>Aulas Ambientales</strong></p> <div class="btn-cards"><a class="btn btn-primary" href="https://oab.ambientebogota.gov.co/mapa-aula-ambiental-soratama/">Leer mas</a></div> </div> </div> </div> <div class="col-md-1"> </div> <div class="col-md-3"> <div class="card"> <p><img loading="lazy" decoding="async" class="objetfitcover aligncenter wp-image-11756 size-medium" src="https://oab.ambientebogota.gov.co/wp-content/uploads/2021/04/Meandro3.jpg" alt="" width="350" height="206"></p> <div class="card-body"> <p><strong>Caminatas Ecológicas</strong></p> <div class="btn-cards"><a class="btn btn-primary" href="https://oab.ambientebogota.gov.co/educacion-ambiental/caminatas-bogota/">Leer mas</a></div> </div> </div> </div> <div class="col-md-1"> </div> <div class="col-md-3"> <div class="card"> <p><img loading="lazy" decoding="async" class="objetfitcover aligncenter wp-image-11756 size-medium" src="https://oab.ambientebogota.gov.co/wp-content/uploads/2021/03/IMG_6721-1536x1152.jpg" alt="" width="350" height="206"></p> <div class="card-body"> <p><strong>Acciones de Educación Ambiental</strong></p> <div class="btn-cards"><a class="btn btn-primary" href="https://oab.ambientebogota.gov.co/acciones-de-educacion-ambiental/">Leer mas</a></div> </div> </div> </div> <div class="col-md-1"> </div> <div class="col-md-3"> <div class="card"> <p><img loading="lazy" decoding="async" class="objetfitcover aligncenter wp-image-11756 size-medium" src="https://oab.ambientebogota.gov.co/wp-content/uploads/2018/12/PRAE.png" alt="" width="350" height="206"></p> <div class="card-body"> <p><strong>¿Qué son los PRAE: Proyectos Ambientales Escolares en Bogotá?</strong></p> <div class="btn-cards"><a class="btn btn-primary" href="https://oab.ambientebogota.gov.co/prae-proyectos-ambientales-escolares/">Leer mas</a></div> </div> </div> </div> <div class="col-md-1"> </div> <div class="col-md-3"> <div class="card"> <p><img loading="lazy" decoding="async" class="objetfitcover aligncenter wp-image-11756 size-medium" src="https://oab.ambientebogota.gov.co/wp-content/uploads/2021/03/jbb-1024x575.jpg" alt="" width="350" height="206"></p> <div class="card-body"> <p><strong>PRAU – Proyectos Ambientales Universitarios</strong></p> <div class="btn-cards"><a class="btn btn-primary" href="https://oab.ambientebogota.gov.co/prau-proyectos-ambientales-universitarios/">Leer mas</a></div> </div> </div> </div> <div class="col-md-1"> </div> <div class="col-md-3"> <div class="card"> <p><img loading="lazy" decoding="async" class="objetfitcover aligncenter wp-image-11756 size-medium" src="https://oab.ambientebogota.gov.co/wp-content/uploads/2018/12/Imagen1.png" alt="" width="350" height="206"></p> <div class="card-body"> <p><strong>PROCEDA – Procesos Comunitarios de Educación Ambiental</strong></p> <div class="btn-cards"><a class="btn btn-primary" href="https://oab.ambientebogota.gov.co/proceda-proyectos-ciudadanos-de-educacion-ambiental-2/">Leer mas</a></div> </div> </div> </div> <div class="col-md-1"> </div> <div class="col-md-3"> <div class="card"> <p><img loading="lazy" decoding="async" class="objetfitcover aligncenter wp-image-11756 size-medium" src="https://oab.ambientebogota.gov.co/wp-content/uploads/2021/04/servisio-social-ambiental.jpg" alt="" width="350" height="206"></p> <div class="card-body"> <p><strong>Servicio social ambiental</strong></p> <div class="btn-cards"><a class="btn btn-primary" href="https://oab.ambientebogota.gov.co/servicio-social-ambiental/">Leer mas</a></div> </div> </div> </div> <div class="col-md-1"> </div> <div class="col-md-3"> <div class="card"> <p><img loading="lazy" decoding="async" class="objetfitcover aligncenter wp-image-11756 size-medium" src="https://oab.ambientebogota.gov.co/wp-content/uploads/2018/12/4.-PF-Camino-de-hijuefuchas-Dinamizadores-ambientales-21-08-2021-1024x768.jpg" alt="" width="350" height="206"></p> <div class="card-body"> <p><strong>Formación a dinamizadores ambientales</strong></p> <div class="btn-cards"><a class="btn btn-primary" href="https://oab.ambientebogota.gov.co/formacion-a-dinamizadores-ambientales/">Leer mas</a></div> </div> </div> </div> <div class="col-md-1"> </div> </div> </div>  </main> </div> </div> </div> </div> <script>mostrarMenuIndicadores = false</script> </div> <div id="um_upload_single" style="display:none"></div> <div id="um_view_photo" style="display:none"> <a href="javascript:void(0);" data-action="um_remove_modal" class="um-modal-close" aria-label="Cerrar la vista emergente de la foto"> <i class="um-faicon-times"></i> </a> <div class="um-modal-body photo"> <div class="um-modal-photo"></div> </div> </div><link rel='stylesheet' id='thickbox-css' href='https://oab.ambientebogota.gov.co/wp-includes/js/thickbox/thickbox.css?ver=6.6.1' type='text/css' media='all' /> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/oab.ambientebogota.gov.co\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.5.6" id="contact-form-7-js"></script> <script type="text/javascript" id="email-subscribers-js-extra"> /* <![CDATA[ */ var es_data = {"messages":{"es_empty_email_notice":"Por favor, introduce tu direcci\u00f3n de correo electr\u00f3nico","es_rate_limit_notice":"Tienes que esperar algo de tiempo antes de volver a suscribirte.","es_single_optin_success_message":"Suscrito con \u00e9xito.","es_email_exists_notice":"\u00a1La direcci\u00f3n de correo electr\u00f3nico ya existe!","es_unexpected_error_notice":"Ups... Ha ocurrido un error inesperado.","es_invalid_email_notice":"DIrecci\u00f3n de correo electr\u00f3nico no v\u00e1lida","es_try_later_notice":"Por favor, vuelve a intentarlo pasados unos minutos"},"es_ajax_url":"https:\/\/oab.ambientebogota.gov.co\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/email-subscribers/lite/public/js/email-subscribers-public.js?ver=5.3.5" id="email-subscribers-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/js/child-theme.min.js?ver=0.3.5" id="child-understrap-scripts-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/quadmenu/assets/frontend/pscrollbar/perfect-scrollbar.jquery.min.js?ver=2.1.9" id="pscrollbar-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/quadmenu/assets/frontend/owlcarousel/owl.carousel.min.js?ver=2.1.9" id="owlcarousel-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script> <script type="text/javascript" id="quadmenu-js-extra"> /* <![CDATA[ */ var quadmenu = {"ajaxurl":"https:\/\/oab.ambientebogota.gov.co\/wp-admin\/admin-ajax.php","gutter":"30"}; /* ]]> */ </script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/quadmenu/assets/frontend/js/quadmenu.min.js?ver=2.1.9" id="quadmenu-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/page-links-to/dist/new-tab.js?ver=3.3.6" id="page-links-to-js"></script> <script type="text/javascript" id="pojo-a11y-js-extra"> /* <![CDATA[ */ var PojoA11yOptions = {"focusable":"","remove_link_target":"","add_role_links":"","enable_save":"","save_expiration":""}; /* ]]> */ </script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/pojo-accessibility/assets/js/app.min.js?ver=1.0.0" id="pojo-a11y-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/select2/select2.full.min.js?ver=4.0.13" id="select2-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-includes/js/underscore.min.js?ver=1.13.4" id="underscore-js"></script> <script type="text/javascript" id="wp-util-js-extra"> /* <![CDATA[ */ var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; /* ]]> */ </script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-includes/js/wp-util.min.js?ver=6.6.1" id="wp-util-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/um-crop.min.js?ver=2.3.1" id="um_crop-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/um-modal.min.js?ver=2.3.1" id="um_modal-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/um-jquery-form.min.js?ver=2.3.1" id="um_jquery_form-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/um-fileupload.js?ver=2.3.1" id="um_fileupload-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/pickadate/picker.js?ver=2.3.1" id="um_datetime-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/pickadate/picker.date.js?ver=2.3.1" id="um_datetime_date-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/pickadate/picker.time.js?ver=2.3.1" id="um_datetime_time-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/pickadate/translations/es_ES.js?ver=2.3.1" id="um_datetime_locale-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/um-raty.min.js?ver=2.3.1" id="um_raty-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/um-tipsy.min.js?ver=2.3.1" id="um_tipsy-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-includes/js/masonry.min.js?ver=4.2.2" id="masonry-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-includes/js/jquery/jquery.masonry.min.js?ver=3.1.2b" id="jquery-masonry-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/simplebar.min.js?ver=2.3.1" id="um_scrollbar-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/um-functions.min.js?ver=2.3.1" id="um_functions-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/um-responsive.min.js?ver=2.3.1" id="um_responsive-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/um-conditional.min.js?ver=2.3.1" id="um_conditional-js"></script> <script type="text/javascript" id="um_scripts-js-extra"> /* <![CDATA[ */ var um_scripts = {"max_upload_size":"209715200","nonce":"61e64b77d5"}; /* ]]> */ </script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/um-scripts.min.js?ver=2.3.1" id="um_scripts-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/um-profile.min.js?ver=2.3.1" id="um_profile-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/ultimate-member/assets/js/um-account.min.js?ver=2.3.1" id="um_account-js"></script> <script type="text/javascript" id="thickbox-js-extra"> /* <![CDATA[ */ var thickboxL10n = {"next":"Siguiente >","prev":"< Anterior","image":"Imagen","of":"de","close":"Cerrar","noiframes":"Esta funci\u00f3n necesita frames integrados. Tienes los iframes desactivados o tu navegador no es compatible.","loadingAnimation":"https:\/\/oab.ambientebogota.gov.co\/wp-includes\/js\/thickbox\/loadingAnimation.gif"}; /* ]]> */ </script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-includes/js/thickbox/thickbox.js?ver=3.1-20121105" id="thickbox-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/slideshow-ck/assets/jquery.easing.1.3.js?ver=6.6.1" id="jquery-easing-js"></script> <script type="text/javascript" src="https://oab.ambientebogota.gov.co/wp-content/plugins/slideshow-ck/assets/camera.min.js?ver=6.6.1" id="slideshowck-js"></script> <script type="text/javascript" id="slideshowck-js-after"> /* <![CDATA[ */ jQuery(document).ready(function(){ new Slideshowck('#camera_wrap_26005', { height: 'auto', minHeight: '', pauseOnClick: false, hover: '1', fx: 'simpleFade', loader: 'pie', pagination: '1', thumbnails: '1', thumbheight: '100', thumbwidth: '75', time: '7000', transPeriod: 1500, alignment: 'center', autoAdvance: '1', mobileAutoAdvance: '1', portrait: '0', barDirection: 'leftToRight', imagePath: 'https://oab.ambientebogota.gov.co/wp-content/plugins/slideshow-ck/images/', lightbox: 'mediaboxck', fullpage: '0', container: '', //mobileimageresolution: '0', navigationHover: true, navigation: true, playPause: true, barPosition: 'bottom' }); }); /* ]]> */ </script> <a id="pojo-a11y-skip-content" class="pojo-skip-link pojo-skip-content" tabindex="1" accesskey="s" href="#content">Ir al contenido</a> <nav id="pojo-a11y-toolbar" class="pojo-a11y-toolbar-right pojo-a11y-" role="navigation"> <div class="pojo-a11y-toolbar-toggle"> <a class="pojo-a11y-toolbar-link pojo-a11y-toolbar-toggle-link" href="javascript:void(0);" title="Herramientas de accesibilidad"> <span class="pojo-sr-only sr-only">Abrir barra de herramientas</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="currentColor" width="1em"> <g><path d="M60.4,78.9c-2.2,4.1-5.3,7.4-9.2,9.8c-4,2.4-8.3,3.6-13,3.6c-6.9,0-12.8-2.4-17.7-7.3c-4.9-4.9-7.3-10.8-7.3-17.7c0-5,1.4-9.5,4.1-13.7c2.7-4.2,6.4-7.2,10.9-9.2l-0.9-7.3c-6.3,2.3-11.4,6.2-15.3,11.8C7.9,54.4,6,60.6,6,67.3c0,5.8,1.4,11.2,4.3,16.1s6.8,8.8,11.7,11.7c4.9,2.9,10.3,4.3,16.1,4.3c7,0,13.3-2.1,18.9-6.2c5.7-4.1,9.6-9.5,11.7-16.2l-5.7-11.4C63.5,70.4,62.5,74.8,60.4,78.9z"/><path d="M93.8,71.3l-11.1,5.5L70,51.4c-0.6-1.3-1.7-2-3.2-2H41.3l-0.9-7.2h22.7v-7.2H39.6L37.5,19c2.5,0.3,4.8-0.5,6.7-2.3c1.9-1.8,2.9-4,2.9-6.6c0-2.5-0.9-4.6-2.6-6.3c-1.8-1.8-3.9-2.6-6.3-2.6c-2,0-3.8,0.6-5.4,1.8c-1.6,1.2-2.7,2.7-3.2,4.6c-0.3,1-0.4,1.8-0.3,2.3l5.4,43.5c0.1,0.9,0.5,1.6,1.2,2.3c0.7,0.6,1.5,0.9,2.4,0.9h26.4l13.4,26.7c0.6,1.3,1.7,2,3.2,2c0.6,0,1.1-0.1,1.6-0.4L97,77.7L93.8,71.3z"/></g> </svg> </a> </div> <div class="pojo-a11y-toolbar-overlay"> <div class="pojo-a11y-toolbar-inner"> <p class="pojo-a11y-toolbar-title">Herramientas de accesibilidad</p> <ul class="pojo-a11y-toolbar-items pojo-a11y-tools"> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-resize-font pojo-a11y-btn-resize-plus" data-action="resize-plus" data-action-group="resize" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M256 200v16c0 4.25-3.75 8-8 8h-56v56c0 4.25-3.75 8-8 8h-16c-4.25 0-8-3.75-8-8v-56h-56c-4.25 0-8-3.75-8-8v-16c0-4.25 3.75-8 8-8h56v-56c0-4.25 3.75-8 8-8h16c4.25 0 8 3.75 8 8v56h56c4.25 0 8 3.75 8 8zM288 208c0-61.75-50.25-112-112-112s-112 50.25-112 112 50.25 112 112 112 112-50.25 112-112zM416 416c0 17.75-14.25 32-32 32-8.5 0-16.75-3.5-22.5-9.5l-85.75-85.5c-29.25 20.25-64.25 31-99.75 31-97.25 0-176-78.75-176-176s78.75-176 176-176 176 78.75 176 176c0 35.5-10.75 70.5-31 99.75l85.75 85.75c5.75 5.75 9.25 14 9.25 22.5z""></path></svg></span><span class="pojo-a11y-toolbar-text">Aumentar texto</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-resize-font pojo-a11y-btn-resize-minus" data-action="resize-minus" data-action-group="resize" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M256 200v16c0 4.25-3.75 8-8 8h-144c-4.25 0-8-3.75-8-8v-16c0-4.25 3.75-8 8-8h144c4.25 0 8 3.75 8 8zM288 208c0-61.75-50.25-112-112-112s-112 50.25-112 112 50.25 112 112 112 112-50.25 112-112zM416 416c0 17.75-14.25 32-32 32-8.5 0-16.75-3.5-22.5-9.5l-85.75-85.5c-29.25 20.25-64.25 31-99.75 31-97.25 0-176-78.75-176-176s78.75-176 176-176 176 78.75 176 176c0 35.5-10.75 70.5-31 99.75l85.75 85.75c5.75 5.75 9.25 14 9.25 22.5z"></path></svg></span><span class="pojo-a11y-toolbar-text">Disminuir texto</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-background-group pojo-a11y-btn-grayscale" data-action="grayscale" data-action-group="schema" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M15.75 384h-15.75v-352h15.75v352zM31.5 383.75h-8v-351.75h8v351.75zM55 383.75h-7.75v-351.75h7.75v351.75zM94.25 383.75h-7.75v-351.75h7.75v351.75zM133.5 383.75h-15.5v-351.75h15.5v351.75zM165 383.75h-7.75v-351.75h7.75v351.75zM180.75 383.75h-7.75v-351.75h7.75v351.75zM196.5 383.75h-7.75v-351.75h7.75v351.75zM235.75 383.75h-15.75v-351.75h15.75v351.75zM275 383.75h-15.75v-351.75h15.75v351.75zM306.5 383.75h-15.75v-351.75h15.75v351.75zM338 383.75h-15.75v-351.75h15.75v351.75zM361.5 383.75h-15.75v-351.75h15.75v351.75zM408.75 383.75h-23.5v-351.75h23.5v351.75zM424.5 383.75h-8v-351.75h8v351.75zM448 384h-15.75v-352h15.75v352z"></path></svg></span><span class="pojo-a11y-toolbar-text">Escala de grises</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-background-group pojo-a11y-btn-high-contrast" data-action="high-contrast" data-action-group="schema" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M192 360v-272c-75 0-136 61-136 136s61 136 136 136zM384 224c0 106-86 192-192 192s-192-86-192-192 86-192 192-192 192 86 192 192z""></path></svg></span><span class="pojo-a11y-toolbar-text">Alto contraste</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-background-group pojo-a11y-btn-negative-contrast" data-action="negative-contrast" data-action-group="schema" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M416 240c-23.75-36.75-56.25-68.25-95.25-88.25 10 17 15.25 36.5 15.25 56.25 0 61.75-50.25 112-112 112s-112-50.25-112-112c0-19.75 5.25-39.25 15.25-56.25-39 20-71.5 51.5-95.25 88.25 42.75 66 111.75 112 192 112s149.25-46 192-112zM236 144c0-6.5-5.5-12-12-12-41.75 0-76 34.25-76 76 0 6.5 5.5 12 12 12s12-5.5 12-12c0-28.5 23.5-52 52-52 6.5 0 12-5.5 12-12zM448 240c0 6.25-2 12-5 17.25-46 75.75-130.25 126.75-219 126.75s-173-51.25-219-126.75c-3-5.25-5-11-5-17.25s2-12 5-17.25c46-75.5 130.25-126.75 219-126.75s173 51.25 219 126.75c3 5.25 5 11 5 17.25z"></path></svg></span><span class="pojo-a11y-toolbar-text">Contraste negativo</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-background-group pojo-a11y-btn-light-background" data-action="light-background" data-action-group="schema" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M184 144c0 4.25-3.75 8-8 8s-8-3.75-8-8c0-17.25-26.75-24-40-24-4.25 0-8-3.75-8-8s3.75-8 8-8c23.25 0 56 12.25 56 40zM224 144c0-50-50.75-80-96-80s-96 30-96 80c0 16 6.5 32.75 17 45 4.75 5.5 10.25 10.75 15.25 16.5 17.75 21.25 32.75 46.25 35.25 74.5h57c2.5-28.25 17.5-53.25 35.25-74.5 5-5.75 10.5-11 15.25-16.5 10.5-12.25 17-29 17-45zM256 144c0 25.75-8.5 48-25.75 67s-40 45.75-42 72.5c7.25 4.25 11.75 12.25 11.75 20.5 0 6-2.25 11.75-6.25 16 4 4.25 6.25 10 6.25 16 0 8.25-4.25 15.75-11.25 20.25 2 3.5 3.25 7.75 3.25 11.75 0 16.25-12.75 24-27.25 24-6.5 14.5-21 24-36.75 24s-30.25-9.5-36.75-24c-14.5 0-27.25-7.75-27.25-24 0-4 1.25-8.25 3.25-11.75-7-4.5-11.25-12-11.25-20.25 0-6 2.25-11.75 6.25-16-4-4.25-6.25-10-6.25-16 0-8.25 4.5-16.25 11.75-20.5-2-26.75-24.75-53.5-42-72.5s-25.75-41.25-25.75-67c0-68 64.75-112 128-112s128 44 128 112z"></path></svg></span><span class="pojo-a11y-toolbar-text">Fondo claro</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-links-underline" data-action="links-underline" data-action-group="toggle" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M364 304c0-6.5-2.5-12.5-7-17l-52-52c-4.5-4.5-10.75-7-17-7-7.25 0-13 2.75-18 8 8.25 8.25 18 15.25 18 28 0 13.25-10.75 24-24 24-12.75 0-19.75-9.75-28-18-5.25 5-8.25 10.75-8.25 18.25 0 6.25 2.5 12.5 7 17l51.5 51.75c4.5 4.5 10.75 6.75 17 6.75s12.5-2.25 17-6.5l36.75-36.5c4.5-4.5 7-10.5 7-16.75zM188.25 127.75c0-6.25-2.5-12.5-7-17l-51.5-51.75c-4.5-4.5-10.75-7-17-7s-12.5 2.5-17 6.75l-36.75 36.5c-4.5 4.5-7 10.5-7 16.75 0 6.5 2.5 12.5 7 17l52 52c4.5 4.5 10.75 6.75 17 6.75 7.25 0 13-2.5 18-7.75-8.25-8.25-18-15.25-18-28 0-13.25 10.75-24 24-24 12.75 0 19.75 9.75 28 18 5.25-5 8.25-10.75 8.25-18.25zM412 304c0 19-7.75 37.5-21.25 50.75l-36.75 36.5c-13.5 13.5-31.75 20.75-50.75 20.75-19.25 0-37.5-7.5-51-21.25l-51.5-51.75c-13.5-13.5-20.75-31.75-20.75-50.75 0-19.75 8-38.5 22-52.25l-22-22c-13.75 14-32.25 22-52 22-19 0-37.5-7.5-51-21l-52-52c-13.75-13.75-21-31.75-21-51 0-19 7.75-37.5 21.25-50.75l36.75-36.5c13.5-13.5 31.75-20.75 50.75-20.75 19.25 0 37.5 7.5 51 21.25l51.5 51.75c13.5 13.5 20.75 31.75 20.75 50.75 0 19.75-8 38.5-22 52.25l22 22c13.75-14 32.25-22 52-22 19 0 37.5 7.5 51 21l52 52c13.75 13.75 21 31.75 21 51z"></path></svg></span><span class="pojo-a11y-toolbar-text">Subrayar enlaces</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-readable-font" data-action="readable-font" data-action-group="toggle" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M181.25 139.75l-42.5 112.5c24.75 0.25 49.5 1 74.25 1 4.75 0 9.5-0.25 14.25-0.5-13-38-28.25-76.75-46-113zM0 416l0.5-19.75c23.5-7.25 49-2.25 59.5-29.25l59.25-154 70-181h32c1 1.75 2 3.5 2.75 5.25l51.25 120c18.75 44.25 36 89 55 133 11.25 26 20 52.75 32.5 78.25 1.75 4 5.25 11.5 8.75 14.25 8.25 6.5 31.25 8 43 12.5 0.75 4.75 1.5 9.5 1.5 14.25 0 2.25-0.25 4.25-0.25 6.5-31.75 0-63.5-4-95.25-4-32.75 0-65.5 2.75-98.25 3.75 0-6.5 0.25-13 1-19.5l32.75-7c6.75-1.5 20-3.25 20-12.5 0-9-32.25-83.25-36.25-93.5l-112.5-0.5c-6.5 14.5-31.75 80-31.75 89.5 0 19.25 36.75 20 51 22 0.25 4.75 0.25 9.5 0.25 14.5 0 2.25-0.25 4.5-0.5 6.75-29 0-58.25-5-87.25-5-3.5 0-8.5 1.5-12 2-15.75 2.75-31.25 3.5-47 3.5z"></path></svg></span><span class="pojo-a11y-toolbar-text">Fuente legible</span> </a> </li> <li class="pojo-a11y-toolbar-item"> <a href="#" class="pojo-a11y-toolbar-link pojo-a11y-btn-reset" data-action="reset" tabindex="-1"> <span class="pojo-a11y-toolbar-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M384 224c0 105.75-86.25 192-192 192-57.25 0-111.25-25.25-147.75-69.25-2.5-3.25-2.25-8 0.5-10.75l34.25-34.5c1.75-1.5 4-2.25 6.25-2.25 2.25 0.25 4.5 1.25 5.75 3 24.5 31.75 61.25 49.75 101 49.75 70.5 0 128-57.5 128-128s-57.5-128-128-128c-32.75 0-63.75 12.5-87 34.25l34.25 34.5c4.75 4.5 6 11.5 3.5 17.25-2.5 6-8.25 10-14.75 10h-112c-8.75 0-16-7.25-16-16v-112c0-6.5 4-12.25 10-14.75 5.75-2.5 12.75-1.25 17.25 3.5l32.5 32.25c35.25-33.25 83-53 132.25-53 105.75 0 192 86.25 192 192z"></path></svg></span> <span class="pojo-a11y-toolbar-text">Restablecer</span> </a> </li> </ul> </div> </div> </nav> <script type="text/javascript"> jQuery( window ).on( 'load', function() { jQuery('input[name="um_request"]').val(''); }); </script> <footer> <div class="container"> </div> <div class="bg-secondary">   <div class="container"> <div class="card mb-5 px-4 py-5"> <div class="row mx-0"> <div class="col-md-7 small"> <div class="mb-4 h3"><a target="_blank" href="http://www.ambientebogota.gov.co" title="Pulse para consultar el sitio web, abre en nueva ventana">Secretaría Distrital de Ambiente </a></div> <p>Avenida Caracas No. 54 - 38 Bogotá, Colombia - Código Postal 110231324</p> <p>Teléfono Conmutador: +57(1) 377 8899</p>  <p>Correo Institucional: <a href="mailto:atencionalciudadano@ambientebogota.gov.co">atencionalciudadano@ambientebogota.gov.co</a></p> <p>Notificaciones judiciales: <a href="mailto:defensajudicial@ambientebogota.gov.co">defensajudicial@ambientebogota.gov.co</a></p> <p>Horario de atención a la ciudadanía:</p> <p>Lunes a viernes 8:00 am a 5:00 pm</p> <p>Horarios de atención presencial en la sede principal:</p> <p>Lunes a viernes de 9:00am a 3:30 pm, en jornada continua</p> <p>El Observatorio Ambiental de Bogotá es el Sistema de Indicadores de Gestión Ambiental de Bogotá D.C. en desarrollo del Artículo 16 del Decreto 456 de 2008, por el cual se reforma el plan de gestión ambiental del Distrito Capital y de los indicadores básicos de seguimiento exigidos en el Acuerdo 67 de 2002.</p> <p>©Copyright 2021 - Todos los derechos reservados</p> <ul class="list-group list-group-horizontal border-0"> <li class="list-group-item border-0"> <a href="https://www.facebook.com/AmbienteBogota" target="_blank"> <span class="icon-fb">Facebook</span> <span class="sr-only">Logo Facebook</span> </a> </li> <li class="list-group-item border-0"> <a href="https://instagram.com/ambiente_bogota/" target="_blank"> <span class="icon-ig">Instagram</span> <span class="sr-only">Logo Instagram</span> </a> </li> <li class="list-group-item border-0"> <a href="https://twitter.com/AmbienteBogota" target="_blank"> <span class="icon-tw">X</span> <span class="sr-only">Logo Twitter</span> </a> </li> <li class="list-group-item border-0"> <a href="https://www.youtube.com/channel/UCjboPXY4C2F3rnqP7k4_9cQ" target="_blank"> <span class="icon-yt">Youtube</span> <span class="sr-only">Logo Youtube</span> </a> </li> </ul> </div> <div class="col-md-4 text-center"> <ul class="list-group list-group-flush"> <li class="list-group-item"> <a href="https://www.ambientebogota.gov.co/" title="Pulse para consultar el portal de la Secretaría Distrital de Ambiente"> <img src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/images/logo-sda-bogota.png" height="50px" class="img-fluid" aria-hidden="true" alt="Pulse para consultar el portal de la Secretaría Distrital de Ambiente"> <span class="sr-only">Pulse para consultar el portal de la Secretaría Distrital de Ambiente</span> </a> </li> <li class="list-group-item"> </li> </ul> </div> </div> <div class="row mx-0"> <div class="col-md-11 small"> <div class="mt-3"> <a href="/terminos-y-condiciones-de-uso/" title="Ir a Política de privacidad y condiciones de uso" target="_blank" class="mr-3">Política de privacidad y condiciones de uso</a> <a href="/contacto/" title="Ir a Contacto" target="_blank" class="mr-3">Contacto</a> <a href="/mapa-del-sitio-2/" title="Ir a Mapa del sitio" target="_blank" class="mr-3">Mapa del sitio</a> <a href="/preguntas-frecuentes/" title="Ir a Preguntas frecuentes" target="_blank" class="mr-3">Preguntas frecuentes</a> <a href="/glossary/" title="Ir a Glosario" target="_blank" class="mr-3">Glosario</a> <a href="/ayuda/" title="Ir a Ayuda" target="_blank" class="mr-3">Ayuda</a> <a href="/creditos/" title="Ir a Creditos" target="_blank" class="mr-3">Créditos</a> </div> </div> </div> </div> </div> <div class="bg-primary"> <div class="container"> <div class="d-flex justify-content-between align-items-center flex-column flex-sm-row p-3 p-sm-0"> <ul class="d-flex m-0 py-3 list-unstyled"> <li> <img src="https://www.mintic.gov.co/portal/715/channels-616_marca_colombia.png" alt="Marca Colombia" width="60px" class="img-fluid"> <span class="sr-only">Logo marca Colombia</span> </li> <li class="border-left border-white pl-4 ml-4"> </li> <li class="align-self-center"> <img src="https://css.mintic.gov.co/mt/mintic/img/header_govco.png" alt="Logo Gobierno de Colombia" width="130px" class="img-fluid"> <span class="sr-only">Logo Gobierno de Colombia</span> </li> </ul>  </div> </div> </div>  </div> </footer> <style> #wrapper-footer-full { /*Se oculta la visualización del widget, ya que se usa solo para ejecución de javascript*/ /*display:none;*/ } #encuesta { display: none; position: fixed; width: 80%; left: 10%; bottom: 0; z-index: 10; } #encuesta .cerrar { color: #aaa; float: right; font-size: 28px; font-weight: bold; margin-bottom: -10px; } #encuesta .cerrar:hover, #encuesta .cerrar:focus { color: black; text-decoration: none; cursor: pointer; } .encuesta-web { display:block; } .encuesta-mobile { display:none; } @media only screen and (max-width: 767px) { #encuesta { width: 100%; left: 0%; } .encuesta-web { display:none; } .encuesta-mobile { display:block; } } </style> <div id="encuestaAnt" style="display:none;"> <span class="cerrar" onclick="cerrarEncuesta()">×</span> <div class="card" style="width: 100%; margin-bottom: 0px;"> <div class="card-body" style="padding: 5px 20px 0px"> <small> <form action="https://oab.ambientebogota.gov.co/procesar-encuesta/" id="formEncuesta" method="post" target="receiver"> <div class="row"> <div class="col-md-3 text-center"> <strong>¿Te pareció útil la información?</strong><br> <span style="white-space: nowrap; margin-left:10px"> <input type="radio" name="util" id="radio1" value="Si" required> <label for="radio1"> Si </label> </span> <span style="white-space: nowrap; margin-left:10px"> <input type="radio" name="util" id="radio2" value="No"> <label for="radio2"> No </label> </span> </div> <div class="col-md-8 text-center"> <strong>¿Cuál es el uso final de la información?</strong><br> <span style="white-space: nowrap; margin-left:10px"><input type="radio" name="uso" id="radioUso1" value="1" required> <label for="radioUso1"> Académico </label> </span> <span style="white-space: nowrap; margin-left:10px"><input type="radio" name="uso" id="radioUso2" value="2"> <label for="radioUso2"> Laboral </label> </span> <span style="white-space: nowrap; margin-left:10px"><input type="radio" name="uso" id="radioUso3" value="3"> <label for="radioUso3"> Conocimiento general </label> </span> <span style="white-space: nowrap; margin-left:10px"><input type="radio" name="uso" id="radioUso4" value="4"> <label for="radioUso4"> Control político </label> </span> <span style="white-space: nowrap; margin-left:10px"> <input type="radio" name="uso" id="radioUso5" value="5"> <label for="radioUso5"> Otro </label> </span> </div> <div class="col-md-1 text-right"> <button type="button" class="btn btn-default" style="border: 1px solid #efefef;" onclick="enviarEncuesta()">enviar</button> </div> </div> </form> </small> </div> </div> </div> <div id="encuesta"> <span class="cerrar" onclick="cerrarEncuesta()">×</span> <a style="width: 100%; margin-bottom: 0px;" href="https://forms.gle/wdVT2PoqMrYFqytm8" target="_blank" onclick="irEncuesta()"> <img class="encuesta-web" src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/images/footer-banner/banner-encuesta-web-v2.png" width="100%" /> <img class="encuesta-mobile" src="https://oab.ambientebogota.gov.co/wp-content/themes/understrap-child/images/footer-banner/banner-encuesta-mobile-v2.png" width="100%" /> </a> </div> <iframe name="receiver" id="receiver" style="display:none"></iframe> <script> //setTimeout(mostrarEncuesta, 15000); function mostrarEncuesta() { if (localStorage.getItem('Encuesta_OAB') != '1') document.getElementById("encuesta").style.display = "block"; } function cerrarEncuesta() { var encuesta = document.getElementById("encuesta"); encuesta.style.display = "none"; } function irEncuesta(){ localStorage.setItem('Encuesta_OAB', '1'); document.getElementById("encuesta").style.display = "none"; } function enviarEncuesta() { var formEncuesta = document.getElementById("formEncuesta") if(formEncuesta.checkValidity()) { localStorage.setItem('Encuesta_OAB', '1'); document.getElementById("encuesta").style.display = "none"; formEncuesta.submit(); } else { formEncuesta.reportValidity(); } } </script> </body> </html>