diff --git a/app/Resources/views/solicitudes/permisos_index.html.twig b/app/Resources/views/solicitudes/permisos_index.html.twig
index 5638dc8..99230c6 100644
--- a/app/Resources/views/solicitudes/permisos_index.html.twig
+++ b/app/Resources/views/solicitudes/permisos_index.html.twig
@@ -7,7 +7,7 @@
                 {%endfor %}
                 <hr>
                  <div class="col-md-5">
-                     <div class="panel panel-green">
+                     <div class="panel panel-default">
                          <div class="panel-heading">
                              <h3 class="panel-title">Solicitud de permiso</h3>
                              <div class="panel-control">
@@ -26,22 +26,59 @@
                  </div>
 
                  <div class="col-md-7">
-                     <div class="panel panel-default">
-                         <div class="panel-heading">
-                             <h3 class="panel-title">Permisos disponibles</h3>
-                             <div class="panel-control">
-                                 <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Expand/Collapse" class="panel-collapse"><i class="fa fa-arrow-circle-down"></i></a>
-                                 <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Reload" class="panel-reload"><i class="icon-reload"></i></a>
-                                 <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Remove" class="panel-remove"><i class="icon-close"></i></a>
-                             </div>
+                     <div class="panel panel-white">
+                         <div class="panel-heading clearfix">
+                             <h3 class="panel-title">Permisos Disponibles</h3>
                          </div>
                          <div class="panel-body">
-                             <p>Al hacer click estará enviando la solicitud de permiso al coordinador del centro de estudios. Entre los permisos disponibles, tenemos los que se mencionan a continuación</p>
-                             <ul class="list-group">
-                                 <li class="list-group-item btn btn-success btn-xs btn-block">Permiso por estudio (max. tres meses) </li>
-                                 <li class="list-group-item btn btn-success btn-xs btn-block">Permiso para el extranjero (oblig. soporte) </li>
-                                 <li class="list-group-item btn btn-success btn-xs btn-block">Año Sabático </li>
-                             </ul>
+                             <div class="panel-group" id="accordion2" role="tablist" aria-multiselectable="true">
+                                 <div class="panel panel-primary">
+                                     <div class="panel-heading" role="tab" id="headingOne1">
+                                         <h4 class="panel-title">
+                                             <a class="collapsed" data-toggle="collapse" data-parent="#accordion2" href="#1" aria-expanded="false" aria-controls="collapseOne">
+                                                 Permiso por estudio
+                                             </a>
+                                         </h4>
+                                     </div>
+                                     <div id="1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne1">
+                                         <div class="panel-body">
+                                             Puedes solicitar permiso por estudio (finalizar tesis maestría o doctorado) hasta un
+                                             máximo de tres meses.
+                                         </div>
+                                     </div>
+                                 </div>
+                                 <div class="panel panel-success">
+                                     <div class="panel-heading" role="tab" id="headingTwo2">
+                                         <h4 class="panel-title">
+                                             <a class="collapsed" data-toggle="collapse" data-parent="#accordion2" href="#2" aria-expanded="false" aria-controls="collapseTwo">
+                                                 Permiso para el extranjero
+                                             </a>
+                                         </h4>
+                                     </div>
+                                     <div id="2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo2">
+                                         <div class="panel-body">
+                                             Necesitar salir al extranjero a realizar una ponencia, taller, entre otros, gestiona
+                                             tu permiso a través del CEA@UBV.  Necesario presentar un soporte que valide
+                                             el traslado al extranjero.
+                                         </div>
+                                     </div>
+                                 </div>
+                                 <div class="panel panel-danger">
+                                     <div class="panel-heading" role="tab" id="headingThree3">
+                                         <h4 class="panel-title">
+                                             <a class="collapsed" data-toggle="collapse" data-parent="#accordion2" href="#3" aria-expanded="false" aria-controls="collapseThree">
+                                                 Solicitud de Año Sabático
+                                             </a>
+                                         </h4>
+                                     </div>
+                                     <div id="3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree3">
+                                         <div class="panel-body">
+                                             Al tener el escalafón de asistente, puedes solicitar tu año sabático, siempre y
+                                             cuando lo hayas contemplado dentro de tus actividades del PIDA
+                                         </div>
+                                     </div>
+                                 </div>
+                             </div>
                          </div>
                      </div>
                  </div>