diff --git a/curriculumsearch/src/main/resources/static/Convo.js b/curriculumsearch/src/main/resources/static/Convo.js
index 5125990..da1d9d1 100644
--- a/curriculumsearch/src/main/resources/static/Convo.js
+++ b/curriculumsearch/src/main/resources/static/Convo.js
@@ -6,7 +6,7 @@ function listarConvocatorias(id){
     const frag = document.createDocumentFragment();
     let optionDefault = document.createElement("option");
     optionDefault.value = "";
-    optionDefault.innerHTML = "Seleccione una opcion";
+    optionDefault.innerHTML = "Seleccione";
     frag.appendChild(optionDefault);
     for (const conv of ConvocatoriaAmostrar) {
         const opt = document.createElement("option");    
diff --git a/curriculumsearch/src/main/webapp/css/PostulanteStyle.css b/curriculumsearch/src/main/webapp/css/PostulanteStyle.css
new file mode 100644
index 0000000..dcd4f43
--- /dev/null
+++ b/curriculumsearch/src/main/webapp/css/PostulanteStyle.css
@@ -0,0 +1,60 @@
+
+.content-select select{
+	appearance: none;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+}
+.content-select select::-ms-expand {
+    display: none;
+}
+.content-select{
+	max-width: 250px;
+	position: relative;
+}
+ 
+.content-select select{
+	display: inline-block;
+	width: 100%;
+	cursor: pointer;
+  	padding: 7px 10px;
+  	height: 42px;
+  	outline: 0; 
+  	border: 0;
+	border-radius: 0;
+	background: #f0f0f0;
+	color: #7b7b7b;
+	font-size: 1em;
+	color: #999;
+	font-family: 
+	'Quicksand', sans-serif;
+	border:2px solid rgba(0,0,0,0.2);
+    border-radius: 12px;
+    position: relative;
+    transition: all 0.25s ease;
+}
+ 
+.content-select select:hover{
+	background: #B1E8CD;
+}
+ 
+/* 
+Creamos la fecha que aparece a la izquierda del select.
+Realmente este elemento es un cuadrado que sólo tienen
+dos bordes con color y que giramos con transform: rotate(-45deg);
+*/
+.content-select i{
+	position: absolute;
+	right: 20px;
+	top: calc(50% - 13px);
+	width: 16px;
+	height: 16px;
+	display: block;
+	border-left:4px solid #2AC176;
+	border-bottom:4px solid #2AC176;
+	transform: rotate(-45deg); /* Giramos el cuadrado */
+	transition: all 0.25s ease;
+}
+ 
+.content-select:hover i{
+	margin-top: 3px;
+}
\ No newline at end of file
diff --git a/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp b/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp
index 120f336..0ec4cbc 100644
--- a/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp
+++ b/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp
@@ -28,7 +28,7 @@
         <div>
             <a href="/convocatoria">Agregar Nueva Convocatoria</a>
             <c:if test="${SUCCESS_MESSAGE != null}">
-            <div id="status_message">${SUCCESS_MESSAGE}</div>
+                <div id="status_message" style="color: brown;" >${SUCCESS_MESSAGE}</div>
             </c:if>
             <table class="table">
                 <thead>
diff --git a/curriculumsearch/src/main/webapp/jsp/postulantes.jsp b/curriculumsearch/src/main/webapp/jsp/postulantes.jsp
index 86af3ca..d222879 100644
--- a/curriculumsearch/src/main/webapp/jsp/postulantes.jsp
+++ b/curriculumsearch/src/main/webapp/jsp/postulantes.jsp
@@ -4,7 +4,11 @@
 <%@ page contentType="text/html;charset=UTF-8" language="java" %>
 <%@ taglib uri="http://kwonnam.pe.kr/jsp/template-inheritance" prefix="layout"%>
 <layout:extends name="layouts/base.jsp">
-    <layout:put block="cssDeclaracion" type="APPEND"></layout:put>
+    <layout:put block="cssDeclaracion" type="APPEND">
+    <link href="../css/PostulanteStyle.css" rel="stylesheet" type="text/css"/> 
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+
+    </layout:put>
     <layout:put block="contents" type="REPLACE">
       <h2>Lista de Postulantes</h2>
       <div id="buscador">
@@ -18,8 +22,92 @@
               <button class="btn btn-primary">Buscar</button>
             </div>
           </div>
-
-         <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 gy-1 mt-2">
+          <table class="w3-table ">
+            <thead>
+                <tr class="">
+                  <th scope="col">Estado</th>
+                  <th scope="col">Disponbilidad</th>
+                  <th scope="col">Nivel de ingles</th>
+                  <th scope="col">Institucion Educativa</th>
+                  <th scope="col">Tecnologias</th>
+                  <th scope="col">Nivel de Tecnologia</th>
+                  <th scope="col">Experiencia general</th>
+                  <th scope="col">Cargo</th>
+                  <th scope="col">Convocatoria</th>
+                </tr>
+              </thead>
+              <tbody>
+                  <td>
+                    <select class="form-select form-select-sm" name="estado" id="estado">
+                      <option value="">Seleccione</option>
+                      <c:forEach items="${estadoP}" var="estados">
+                        <option value="${estados}" ${param.estado == estados ? "selected" : ""}>${estados.getEstado()}</option>
+                      </c:forEach>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm " name="dispo" id="dispo">
+                      <option value="">Seleccione</option>
+                      <c:forEach items="${disponibilidades}" var="disponibilidad">
+                        <option value="${disponibilidad}" ${param.dispo == disponibilidad ? "selected" : ""}>${disponibilidad.getDescripcion()}</option>
+                      </c:forEach>
+                    </select>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm " name="lvlEng" id="lvlEng">
+                      <option value="">Seleccione</option>
+                      <c:forEach var = "lvl" begin = "1" end = "5">
+                        <option value="${lvl}" ${param.lvlEng == lvl ? "selected" : ""}>${lvl}</option>
+                      </c:forEach>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm " name="instId" id="instId">
+                      <option value="">Seleccione</option>
+                      <c:forEach items="${institucionesEducativas}" var="inst">
+                        <option value="${inst.id}" ${param.instId == inst.id ? "selected" : ""}>${inst.nombre}</option>
+                      </c:forEach>
+                    </select>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm " name="tecId" id="tecId">
+                      <option value="">Seleccione</option>
+                      <c:forEach items="${tecnologias}" var="tecnologia">
+                        <option value="${tecnologia.id}" ${param.tecId == tecnologia.id ? "selected" : ""}>${tecnologia.nombre}</option>
+                      </c:forEach>
+                    </select>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm" name="lvlTec" id="lvlTec">
+                      <option value="">Seleccione</option>
+                      <c:forEach var = "lvl" begin = "1" end = "5">
+                        <option value="${lvl}" ${param.lvlTec == lvl ? "selected" : ""}>${lvl}</option>
+                      </c:forEach>
+                    </select>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm " name="expInMonths" id="expInMonths">
+                      <option value="">Seleccione</option>
+                      <option value="6">Mayor a 6 meses</option>
+                      <option value="12">Mayor a 1 año</option>
+                      <option value="36">Mayor a 3 años</option>
+                      <option value="60">Mayor a 5 años</option>
+                    </select>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm " name="cargoId" id="cargoId">
+                      <option value="">Seleccione</option>
+                      <c:forEach items="${cargos}" var="cargo">
+                        <option value="${cargo.id}" ${param.cargoId == cargo.id ? "selected" : ""}>${cargo.getNombre()}</option>
+                      </c:forEach>
+                    </select>
+                  </td>
+                  <td>
+                    <select class="form-select form-select-sm " name="convId" id="convId">
+                      <option value="">Seleccione</option>
+                    </select>
+                  </td>
+              </tbody>
+          </table>
+         <!-- <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 gy-1 mt-2">
 
            <div class="col">
   
@@ -177,7 +265,7 @@
             </div>
           </div>           
         </div>
-       </div>
+       </div> -->
       </form>
       </div>
       <div class="card text-dark bg-light mt-3">