diff --git a/app/Resources/views/cea/servicios_mostar.html.twig b/app/Resources/views/cea/servicios_mostar.html.twig
index 38d78c5..79ed50c 100644
--- a/app/Resources/views/cea/servicios_mostar.html.twig
+++ b/app/Resources/views/cea/servicios_mostar.html.twig
@@ -2,6 +2,99 @@
 {% block stylesheets %}
     {{ parent() }}
     <link href="{{ asset('assets/vendor/lightbox2/dist/css/lightbox.css') }}" rel="stylesheet">
+    <style>
+        .wrapper {
+            width: 6.9rem;
+            height: 2rem;
+            position: relative;
+            margin: 0rem auto;
+            border-radius: 2rem;
+            background: gray;
+        }
+
+        .wrapper .toggle {
+            width: 1.8rem;
+            height: 1.8rem;
+            position: absolute;
+            left: 2.5rem;
+            top: 0.1rem;
+            border-radius: 50%;
+            box-sizing: border-box;
+            border: 0.1rem solid #ff6c00;
+            background: #ff8933;
+            box-shadow: 0 0 0.2rem 0.1rem #ff6c00 inset, 0 0 0.2rem 0.1rem #ff6c00;
+            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+        }
+
+        .wrapper label {
+            cursor: pointer;
+            width: 2rem;
+            height: 2rem;
+            position: absolute;
+            margin: 0;
+            padding: 0;
+            z-index: 1;
+            display: inline-block;
+            text-align: center;
+            line-height: 2rem;
+            text-transform: uppercase;
+            font-family: FontAwesome;
+            font-style: normal;
+            font-weight: normal;
+            color: white;
+
+        }
+
+        .wrapper input {
+            position: absolute;
+            left: 0;
+            margin: 0;
+            padding: 0;
+            opacity: 0;
+        }
+
+        .yes_radio:checked ~ .toggle {
+            border: 0.1rem solid #008000;
+            background: #00b300;
+            box-shadow: 0 0 0.2rem 0.1rem #008000 inset, 0 0 0.2rem 0.1rem #008000;
+            left: 0.1rem;
+        }
+
+        .no_radio:checked {
+            background: red;
+        }
+
+        .no_radio:checked ~ .toggle {
+            border: 0.1rem solid #ff0000;
+            background: #ff3333;
+            box-shadow: 0 0 0.2rem 0.1rem #ff0000 inset, 0 0 0.2rem 0.1rem #ff0000;
+            left: 4.97rem;
+        }
+
+        .maybe_radio, .maybe-lbl {
+            left: 33.33333%;
+        }
+
+        .no_radio, .no-lbl {
+            left: 66.66667%;
+        }
+
+        .maybe-lbl {
+            -webkit-animation-delay: 2s;
+            -o-animation-delay: 2s;
+            -moz-animation-delay: 2s;
+            animation-delay: 2s;
+        }
+
+        .no-lbl {
+            -webkit-animation-delay: 4s;
+            -o-animation-delay: 4s;
+            -moz-animation-delay: 4s;
+            animation-delay: 4s;
+        }
+
+
+    </style>
 {% endblock %}
 
 {%block body %} 
@@ -15,8 +108,7 @@
             <div class="row">
                 <div class="col-md-9">
                     <h4 class="page-head-line">Servicio número <code>{{servicio.id}}</code>: 
-                        {{ servicio.idRolInstitucion.idRol.idPersona.primerNombre }}, 
-                        {{ servicio.idRolInstitucion.idRol.idPersona.primerApellido }}                         
+                        {{ docente }}
                     </h4>                       
                 </div>
                 <div class="col-md-3">
@@ -56,7 +148,7 @@
                         {% if servicio.idServicioCe.id == 1 %}   
                             <div class="form-group">
                                <label for="Escalafones">Fecha de Ingreso UBV:</label>
-                               {{ adscripcion.fechaIngreso|date('d/m/Y') }}                                       
+                               {{ docente.adscripcion.fechaIngreso|date('d/m/Y') }}
                            </div>
                            
                             <div class="form-group">
@@ -120,28 +212,38 @@
                      <div class="widget-content">
                                              
                          
-                         
+                         {% for documento in docente.documentosVerificados %}
+
+                            {% if documento.idTipoDocumentos.identificador == "trabajo" or documento.idTipoDocumentos.identificador == "oposicion" %}
                          <div class="col-xs-4">
                             <div class="thumbnail">
-                                <a href="{{asset('uploads/adscripcion/'~ adscripcion.trabajo)}}" data-lightbox="adscripcion">
-                                    <img src="{{ asset('uploads/adscripcion/thumb/'~ adscripcion.trabajo) }}" />
+                                <a href="{{asset('uploads/adscripcion/'~ documento.ubicacion)}}" data-lightbox="adscripcion">
+                                    <img src="{{ asset('uploads/adscripcion/thumb/'~ documento.ubicacion) }}" />
                                 </a>
                               <div class="caption">                                
-                                <p>Constancia de Trabajo</p>                              
-                              </div>
-                          </div>
-                        </div>
-                                
-                        <div class="col-xs-4">
-                            <div class="thumbnail">
-                                <a href="{{asset('uploads/adscripcion/'~ adscripcion.oposicion)}}" data-lightbox="adscripcion">
-                                    <img src="{{ asset('uploads/adscripcion/thumb/'~ adscripcion.oposicion) }}" />
-                                </a>
-                              <div class="caption">                                
-                                <p>Concurso Oposición</p>                              
+                                <p>{{ documento.idTipoDocumentos.nombre }}</p>
+                                  <div class="wrapper">
+                                      <label for="yes_radio{{ loop.index }}" class="yes-lbl"><i class="fa fa-check"></i>
+                                      </label>
+                                      <input type="radio" value="1" name="{{ documento.idTipoDocumentos.identificador }}" class="yes_radio" id="yes_radio{{ loop.index }}" {% if documento.idEstatus.id == 1 %} checked="checked" {% endif %} disabled>
+                                      <label for="maybe_radio{{ loop.index }}" class="maybe-lbl">
+                                          <i class="fa fa-question"></i>
+                                      </label>
+                                      <input type="radio" value="" name="{{ documento.idTipoDocumentos.identificador }}" class="maybe_radio" id="maybe_radio{{ loop.index }}" {% if documento.idEstatus.id == 2 %} checked="checked" {% endif %} disabled>
+                                      <label for="no_radio{{ loop.index }}" class="no-lbl"><i
+                                                  class="fa fa-close"></i></label><input type="radio" value="3"
+                                                                                         name="{{ documento.idTipoDocumentos.identificador }}"
+                                                                                         class="no_radio"
+                                                                                         id="no_radio{{ loop.index }}" {% if documento.idEstatus.id == 3 %} checked="checked" {% endif %} disabled>
+
+                                      <div class="toggle"></div>
+                                  </div>
                               </div>
                           </div>
                         </div>
+                         {% endif %}
+                         {% endfor %}
+
                                                                                                         
                               
                     </div>
diff --git a/src/AppBundle/Controller/AppController.php b/src/AppBundle/Controller/AppController.php
index b8eee43..84875b4 100644
--- a/src/AppBundle/Controller/AppController.php
+++ b/src/AppBundle/Controller/AppController.php
@@ -170,7 +170,9 @@ class AppController extends Controller {
      * @Method("GET")
      */
     public function serviciosShowAction(DocenteServicio $servicio)
-    {        
+    {
+        $em = $this->getDoctrine()->getManager();
+        $docente = $em->getRepository("AppBundle:RolInstitucion")->findOneById($servicio->getIdRolInstitucion()->getId());
         $adscripcion = $this->getDoctrine()->getRepository('AppBundle:Adscripcion')->findOneByIdRolInstitucion($servicio->getIdRolInstitucion());
         $escala = $this->getDoctrine()->getRepository('AppBundle:DocenteEscala')->findOneBy(array(
                 'idRolInstitucion' => $servicio->getIdRolInstitucion(),
@@ -179,7 +181,8 @@ class AppController extends Controller {
         return $this->render('cea/servicios_mostar.html.twig', array(
             'servicio' => $servicio,
             'oposicion' => $escala,
-            'adscripcion' => $adscripcion
+            'adscripcion' => $adscripcion,
+            'docente'   => $docente
         ));
     }