<meta charset="utf-8">
<script type="text/javascript">
   $(document).ready(function(){
      LoadAcordeonTransparencia();
   });
   </script>
	<div class="container" style="display:flex;     justify-content: center; ">
	<div class="col-md-8">
      <div class="accordion-container">
         <a href="#" class="accordion-toggle"> 
            <i class="fa fa-envelope" aria-hidden="true"></i> 1. Informaci&oacuten de la Entidad<span class="toggle-icon"><i class="fa fa-plus-circle" aria-hidden="true"></i></span></a>
         <div class="accordion-content" style="display: none;">
            <ul class="Acordeon1">
            </ul>
         </div>
      </div>
      <div class="accordion-container">
         <a href="#" class="accordion-toggle"> 
            <i class="fa fa-folder-open" aria-hidden="true"></i> 2.Normatividad<span class="toggle-icon"><i class="fa fa-plus-circle" aria-hidden="true"></i></span></a>
         <div class="accordion-content" style="display: none;">
            <ul class="Acordeon2">
            </ul>
         </div>
      </div>
      <div class="accordion-container">
         <a href="#" class="accordion-toggle"> 
            <i class="fa fa-thumbs-up" aria-hidden="true"></i> 3. Contrataci&oacuten<span class="toggle-icon"><i class="fa fa-plus-circle" aria-hidden="true"></i></span></a> 
         <div class="accordion-content" style="display: none;"> 
            <ul class="Acordeon3">
            </ul> 
         </div>
      </div>
      <div class="accordion-container">
         <a href="#" class="accordion-toggle"> 
            <i class="fa fa-check-square" aria-hidden="true"></i> 4.Planeaci&oacuten Presupuesto e Informes<span class="toggle-icon"><i class="fa fa-plus-circle" aria-hidden="true"></i></span></a>
         <div class="accordion-content">
            <ul class="Acordeon4">
            </ul>
         </div>
      </div>
      <div class="accordion-container">
         <a href="#" class="accordion-toggle"> 
            <i class="fa fa-cogs" aria-hidden="true"></i> 5. Tr&aacutemites<span class="toggle-icon"><i class="fa fa-plus-circle" aria-hidden="true"></i></span></a>
         <div class="accordion-content" style="display: none;">
            <ul class="Acordeon5">
            </ul>
         </div>
      </div>
            <div class="accordion-container">
         <a href="#" class="accordion-toggle"> 
            <i class="fa fa-gavel" aria-hidden="true"></i> 6. Participa<span class="toggle-icon"><i class="fa fa-plus-circle" aria-hidden="true"></i></span></a>
         <div class="accordion-content" style="display: none;">
            <ul class="Acordeon6">
            </ul>
         </div>
      </div>


      <div class="accordion-container">
         <a href="#" class="accordion-toggle"> 
            <i class="fa fa-dollar-sign" aria-hidden="true"></i> 7. Datos Abiertos<span class="toggle-icon"><i class="fa fa-plus-circle" aria-hidden="true"></i></span></a>
         <div class="accordion-content" style="display: none;">
            <ul class="Acordeon7"> 
            </ul>
         </div>
      </div>
      <div class="accordion-container">
         <a href="#" class="accordion-toggle"> 
            <i class="fa fa-book" aria-hidden="true"></i> 8. Informaci&oacuten Especifica para Grupos de Inter&eacutes<span class="toggle-icon"><i class="fa fa-plus-circle" aria-hidden="true"></i></span></a>
         <div class="accordion-content" style="display: none;">
            <ul class="Acordeon8">
            </ul>
         </div>
      </div>
      <div class="accordion-container">
         <a href="#" class="accordion-toggle"> 
            <i class="fa fa-user" aria-hidden="true"></i> 9. Obligaci&oacuten de reporte de informaci&oacuten<span class="toggle-icon"><i class="fa fa-plus-circle" aria-hidden="true"></i></span></a> 
         <div class="accordion-content" style="display: none;"> 
            <ul class="Acordeon9"> 
            </ul> 
         </div>
      </div>
      <div class="accordion-container">
         <a href="#" class="accordion-toggle"> 
            <i class="fa fa-hand-scissors-o" aria-hidden="true"></i> 10. Informaci&oacuten tributaria en entidades territoriales<span class="toggle-icon"><i class="fa fa-plus-circle" aria-hidden="true"></i></span></a> 
         <div class="accordion-content" style="display: none;"> 
            <ul class="Acordeon10"> 
            </ul> 
         </div>
      </div>
      <div class="accordion-container">
         <a href="#" class="accordion-toggle"> 
            <i class="fa fa-thumbs-up" aria-hidden="true"></i> 11. Men&uacute Atenci&oacuten y Servicio a la ciudadan&iacutea<span class="toggle-icon"><i class="fa fa-plus-circle" aria-hidden="true"></i></span></a> 
         <div class="accordion-content" style="display: none;"> 
            <ul class="Acordeon11"> 
            </ul> 
         </div>
      </div>
    <div class="accordion-container">
         <a href="#" class="accordion-toggle"> 
            <i class="fa fa-thumbs-up" aria-hidden="true"></i> 12. Seccion de noticias<span class="toggle-icon"><i class="fa fa-plus-circle" aria-hidden="true"></i></span></a> 
         <div class="accordion-content" style="display: none;"> 
            <ul class="Acordeon12"> 
            </ul> 
         </div>
      </div>

      </div>
      </div>