diff --git a/src/main/webapp/js/pages/detalle_montos_docentes.js b/src/main/webapp/js/pages/detalle_montos_docentes.js
index 5e07560..b50c276 100644
--- a/src/main/webapp/js/pages/detalle_montos_docentes.js
+++ b/src/main/webapp/js/pages/detalle_montos_docentes.js
@@ -5,6 +5,14 @@ const recibirData = () => {
 	let filter = localStorage.getItem('filtros')
 	personal = data ? JSON.parse(data) : null;
 	filtros = filter ? JSON.parse(filter) : null;
+	let html = ""
+	let tipoPago = ["A", "B", "C", "D", "E", "F", "G", "H"]
+	debugger
+	html += tipoPago
+		.map(tp => `<li class="list-group-item">${tp}=${personal["pago" + tp]}</li>`)
+		.reduce((prev, curr) => prev.concat(curr))
+
+	$("#ulCostos").html(html)
 //	localStorage.removeItem('data')
 //	localStorage.removeItem('filtros')
 }
diff --git a/src/main/webapp/vistas/modals/docentesporhoras/montos/detalleMontosDocentes.jsp b/src/main/webapp/vistas/modals/docentesporhoras/montos/detalleMontosDocentes.jsp
index 172cad6..220dc45 100644
--- a/src/main/webapp/vistas/modals/docentesporhoras/montos/detalleMontosDocentes.jsp
+++ b/src/main/webapp/vistas/modals/docentesporhoras/montos/detalleMontosDocentes.jsp
@@ -15,18 +15,18 @@
 		<div class="col-md-4 col-md-offset-4">
       <div class="panel panel-primary">
         <div class="panel-heading">
-          <h5 class="panel-title">Información del personal</h5>
+          <h5 class="panel-title">Información del Docente</h5>
         </div>
 
         <div class="panel-body">
           <div class="row">
             <div class="col-md-6 form-group">
-              <label>Personal</label>
+              <label>Docente</label>
               <span class="label label-left border-left border-left-primary label-striped form-control" id="spanNombres"></span>
             </div>
             <div class="col-md-6 form-group">
               <label>Costos</label>
-							<ul id="ulCostos"></ul>
+							<ul id="ulCostos" class="list-group"></ul>
             </div>
 
           </div>