diff --git a/src/App.css b/src/App.css
index 3e556c3..315f832 100644
--- a/src/App.css
+++ b/src/App.css
@@ -183,6 +183,112 @@ img{margin-right:0.5em}
 
 }
 
+/*############            CENTRAL            #################*/
+
+
+.separacion10em{
+	width: 100%;
+	height:1em;
+	clear:both;
+}
+
+.separacion7em{
+	width: 100%;
+	height:0.7em;
+	clear:both;
+}
+
+.separacion5em{
+	width: 100%;
+	height:0.5em;
+	clear:both;
+}
+
+.separacion1em{
+	width: 100%;
+	height:1px;
+	clear:both;
+}
+
+.buscIntCab {
+	FLOAT: left; WIDTH: 100%; BACKGROUND-COLOR: #7b91b0
+}
+.buscIntCabTexto {
+	MARGIN-TOP: 0.2em; FLOAT: left; MARGIN-BOTTOM: 0.2em; MARGIN-LEFT: 0.45em
+}
+.letraBlancaBold{
+	font-weight:bold;
+	color:#ffffff;
+	background-color: transparent;
+}
+.buscIntCabTextoHelp {
+  width: auto;
+  margin: auto 0.5em;
+  float: right;
+}
+.buscIntCamposEv2 {
+  BORDER-TOP: #ffffff 0.2em solid;
+  FLOAT: left;
+  WIDTH: 100%;
+  BORDER-BOTTOM: #ffffff 0.3em solid;
+}
+.buscIntCamposEvPub {
+  BACKGROUND: #ced7de no-repeat right 50%;
+}
+.buscIntCamposLinea {
+	FLOAT: left; WIDTH: 100%; HEIGHT: auto
+}
+.cuadroBlanco98por {
+	FLOAT: left;
+	PADDING-left: 1em;
+	margin-top: 1em;
+	margin-left: 1em;
+	HEIGHT: auto;
+	width:98%;
+	border:solid 1px #eeeeee;
+}
+.cuadroBlanco98por div {
+	float:left;
+}
+.sinBorde {
+	border: 0 !important;
+}
+.saltobr {
+	height: 0.2em;
+	display: block;
+	clear: both;
+	width: 100%;
+	float: none !important;
+}
+.cuadroBlanco98porPaso2{padding-bottom: 1.2em;}
+.campoNombre {
+	padding-right: 0.5em; padding-left: 1.5em; float: left; padding-top: 0.9em; height: auto; width:29%;
+}
+.campoNombre label {
+	display:block;
+}
+.buscIntCamposEvProvInput2 {
+	MARGIN-TOP: 0.2em; FONT-SIZE: 1em; COLOR: #000000; 
+}
+.campoApellidos {
+	PADDING-RIGHT: 0.5em; PADDING-LEFT: 1.5em; FLOAT: left; PADDING-TOP: 0.9em; HEIGHT: auto;width:29%;
+}
+.buscIntCamposGral {
+	FLOAT: left; WIDTH: 100%; HEIGHT: auto; BACKGROUND-COLOR: #ced7de
+}
+.buscIntCamposBuscar {
+	padding: 0.5em 1em 0.2em 0; float: right; width: 80%; height: auto; text-align: right;
+}
+.buscIntCamposBuscar .botonSINimgen, .centradoBotonesFin .botonSINimgen{
+	float: right;
+}
+.botonSINimgen {
+	BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 5px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 1em; BACKGROUND-IMAGE: url("./assets/img/bot_n.gif"); BORDER-BOTTOM-WIDTH: 0px; WIDTH: 86px !important; CURSOR: pointer !important; COLOR: white; HEIGHT: 21px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px; margin-right: 0.5em;
+	padding-top:2px;
+	float:right;
+	background-repeat: no-repeat;
+}
+
 /*############            FOOTER            #################*/
 .pie {
 	height: 30px;
diff --git a/src/App.tsx b/src/App.tsx
index ac64c82..d13323e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -4,7 +4,7 @@ import "./App.css";
 
 function App() {
   return (
-  <div>
+    <div id="contenedor"> 
       <div id="cabecera">
         <div id="j_id5" className="central central-borde">
           <a
@@ -21,7 +21,10 @@ function App() {
           <div id="j_id9" className="central-traducciones">
             <div id="google_translate_element">
               <div className="skiptranslate goog-te-gadget" dir="ltr">
-                <div id=":0.targetLanguage" className="goog-te-gadget-simple header1">
+                <div
+                  id=":0.targetLanguage"
+                  className="goog-te-gadget-simple header1"
+                >
                   <img
                     src="./Solicitar Cita Paso2_files/cleardot.gif"
                     className="goog-te-gadget-icon header2"
@@ -59,6 +62,378 @@ function App() {
         </div>
       </div>
 
+      <div id="j_id11" className="central">
+        <div id="j_id12" className="margenContenidos">
+          <div id="j_id13" className="separacion10em"></div>
+          <div id="j_id14">
+            <div id="j_id23">
+              <div id="j_id24" className="buscIntCab">
+                <div id="j_id25" className="buscIntCabTexto">
+                  <h1 id="j_id26" className="letraBlancaBold">
+                    CITA PREVIA PARA TRÁMITE DE CONDUCTORES / VEHÍCULOS
+                  </h1>
+                </div>
+                <div id="j_id28" className="buscIntCabTextoHelp">
+                  <a
+                    href="https://sedeapl.dgt.gob.es/NCIT_INTER/ayuda/index_es.html"
+                    title="Ayuda en ventana nueva"
+                    target="_blank"
+                  >
+                    <img
+                      src="./Solicitar Cita Paso2_files/system_help.png"
+                      alt="Ayuda en ventana nueva"
+                      title="Ayuda en ventana nueva"
+                    />
+                  </a>
+                </div>
+              </div>
+              <form
+                id="publicacionesForm"
+                name="publicacionesForm"
+                method="post"
+                action="https://sedeapl.dgt.gob.es:7443/WEB_NCIT_CONSULTA/solicitarCitaPaso2.faces"
+              >
+                <input
+                  type="hidden"
+                  name="publicacionesForm"
+                  value="publicacionesForm"
+                />
+                <div
+                  id="publicacionesForm:content"
+                  className="buscIntCamposEv2 buscIntCamposEvPub"
+                >
+                  <fieldset
+                    id="publicacionesForm:j_id32"
+                    className="buscIntCamposLinea"
+                  >
+                    <div
+                      id="publicacionesForm:j_id36"
+                      className="cuadroBlanco98por cuadroBlanco98porMain sinBorde"
+                    >
+                      <strong id="publicacionesForm:j_id37"> Sevilla</strong>
+                      <div
+                        id="publicacionesForm:j_id39"
+                        className="saltobr"
+                      ></div>
+                    </div>
+                    <div id="publicacionesForm:j_id55" className="cuadroBlanco98por cuadroBlanco98porMain sinBorde">
+                      <strong id="publicacionesForm:j_id56">
+                        Datos del interesado
+                      </strong>
+                    </div>
+                    <div
+                      id="publicacionesForm:j_id58"
+                      className="cuadroBlanco98por cuadroBlanco98porPaso2"
+                    >
+                      <div
+                        id="publicacionesForm:j_id59"
+                        className="campoNombre"
+                      >
+                        <strong id="publicacionesForm:j_id60">
+                          <label>NIF/NIE (*)</label>
+                        </strong>
+                        <input
+                          id="publicacionesForm:NIFNIERDO"
+                          type="text"
+                          name="publicacionesForm:NIFNIERDO"
+                          className="buscIntCamposEvProvInput2"
+                        />
+                      </div>
+                      <div
+                        id="publicacionesForm:j_id65"
+                        className="separacion1em"
+                      ></div>
+                      <div
+                        id="publicacionesForm:j_id66"
+                        className="campoNombre"
+                      >
+                        <strong id="publicacionesForm:j_id67">
+                          <label>Nombre</label>
+                        </strong>
+                        <input
+                          id="publicacionesForm:nombreRDO1"
+                          type="text"
+                          name="publicacionesForm:nombreRDO1"
+                          className="buscIntCamposEvProvInput2"
+                        />
+                      </div>
+                      <div
+                        id="publicacionesForm:j_id72"
+                        className="campoApellidos"
+                      >
+                        <strong id="publicacionesForm:j_id73">
+                          <label>Primer apellido</label>
+                        </strong>
+                        <input
+                          id="publicacionesForm:ape1RDO1"
+                          type="text"
+                          name="publicacionesForm:ape1RDO1"
+                          className="buscIntCamposEvProvInput2"
+                        />
+                      </div>
+                      <div
+                        id="publicacionesForm:j_id78"
+                        className="campoApellidos"
+                      >
+                        <strong id="publicacionesForm:j_id79">
+                          <label>Segundo apellido</label>
+                        </strong>
+                        <input
+                          id="publicacionesForm:ape2RDO"
+                          type="text"
+                          name="publicacionesForm:ape2RDO"
+                          className="buscIntCamposEvProvInput2"
+                        />
+                      </div>
+
+                      <div
+                        id="publicacionesForm:j_id95"
+                        className="separacion1em"
+                      ></div>
+                      <div
+                        id="publicacionesForm:j_id101"
+                        className="campoApellidos"
+                      >
+                        <div
+                          id="publicacionesForm:j_id102"
+                          className="saltobr"
+                        ></div>
+                        <strong id="publicacionesForm:j_id103">
+                          <label>Correo electrónico (*)</label>
+                        </strong>
+                        <div
+                          id="publicacionesForm:j_id105"
+                          className="saltobr"
+                        ></div>
+                        <input
+                          id="publicacionesForm:emailRDO"
+                          type="text"
+                          name="publicacionesForm:emailRDO"
+                          className="buscIntCamposEvProvInput2"
+                        />
+                      </div>
+                    </div>
+                    <div
+                      id="publicacionesForm:j_id1958"
+                      className="cuadroBlanco98por cuadroBlanco98porMain sinBorde"
+                    >
+                      <strong id="publicacionesForm:j_id1959">
+                        Datos del representante
+                      </strong>
+                    </div>
+                    <div
+                      id="publicacionesForm:j_id1961"
+                      className="cuadroBlanco98por cuadroBlanco98porPaso2"
+                    >
+                      <div
+                        id="publicacionesForm:j_id1962"
+                        className="campoNombre"
+                      >
+                        <strong id="publicacionesForm:j_id1963">
+                          <label>NIF/NIE</label>
+                        </strong>
+                        <input
+                          id="publicacionesForm:NIFNIERNTE"
+                          type="text"
+                          name="publicacionesForm:NIFNIERNTE"
+                          className="buscIntCamposEvProvInput2"
+                        />
+                      </div>
+                      <div
+                        id="publicacionesForm:j_id1969"
+                        className="separacion1em"
+                      ></div>
+                      <div
+                        id="publicacionesForm:j_id1970"
+                        className="campoNombre"
+                      >
+                        <strong id="publicacionesForm:j_id1971">
+                          <label>Nombre</label>
+                        </strong>
+                        <input
+                          id="publicacionesForm:nombreRNTE"
+                          type="text"
+                          name="publicacionesForm:nombreRNTE"
+                          className="buscIntCamposEvProvInput2"
+                        />
+                      </div>
+                      <div
+                        id="publicacionesForm:j_id1977"
+                        className="campoApellidos"
+                      >
+                        <strong id="publicacionesForm:j_id1978">
+                          <label>Primer apellido</label>
+                        </strong>
+                        <input
+                          id="publicacionesForm:ape1RNTE"
+                          type="text"
+                          name="publicacionesForm:ape1RNTE"
+                          className="buscIntCamposEvProvInput2"
+                        />
+                      </div>
+                      <div
+                        id="publicacionesForm:j_id1984"
+                        className="campoApellidos"
+                      >
+                        <strong id="publicacionesForm:j_id1985">
+                          <label>Segundo apellido</label>
+                        </strong>
+                        <input
+                          id="publicacionesForm:ape2RNTE"
+                          type="text"
+                          name="publicacionesForm:ape2RNTE"
+                          className="buscIntCamposEvProvInput2"
+                        />
+                      </div>
+                      <div
+                        id="publicacionesForm:j_id1992"
+                        className="separacion1em"
+                      ></div>
+                      <div
+                        id="publicacionesForm:j_id1998"
+                        className="campoApellidos"
+                      >
+                        <div
+                          id="publicacionesForm:j_id1999"
+                          className="saltobr"
+                        ></div>
+                        <strong id="publicacionesForm:j_id2000">
+                          <label>Correo electrónico</label>
+                        </strong>
+                        <div
+                          id="publicacionesForm:j_id2002"
+                          className="saltobr"
+                        ></div>
+                        <input
+                          id="publicacionesForm:emailRNTE"
+                          type="text"
+                          name="publicacionesForm:emailRNTE"
+                          className="buscIntCamposEvProvInput2"
+                        />
+                      </div>
+                    </div>
+                    <div
+                      id="publicacionesForm:j_id2003"
+                      className="cuadroBlanco98por cuadroBlanco98porMain sinBorde"
+                    >
+                      <strong id="publicacionesForm:j_id2004">
+                        Otros datos
+                      </strong>
+                    </div>
+                    <div
+                      id="publicacionesForm:j_id2006"
+                      className="cuadroBlanco98por cuadroBlanco98porPaso2"
+                    >
+                      <div
+                        id="publicacionesForm:j_id2007"
+                        className="campoApellidos"
+                      >
+                        <strong id="publicacionesForm:j_id2008">
+                          <label>Tel. contacto</label>
+                        </strong>
+                        <input
+                          id="publicacionesForm:telcto"
+                          type="text"
+                          name="publicacionesForm:telcto"
+                          className="buscIntCamposEvProvInput2"
+                        />
+                      </div>
+                      <div
+                        id="publicacionesForm:j_id2010"
+                        className="campoApellidos"
+                      >
+                        <strong id="publicacionesForm:j_id2011">
+                          <label>Nº expediente</label>
+                        </strong>
+                        <input
+                          id="publicacionesForm:expediente"
+                          type="text"
+                          name="publicacionesForm:expediente"
+                          className="buscIntCamposEvProvInput2"
+                        />
+                      </div>
+                      <div
+                        id="publicacionesForm:j_id2013"
+                        className="campoNombre"
+                      >
+                        <strong id="publicacionesForm:j_id2014">
+                          <label>
+                            Matrícula o últimos 6<br />
+                            dígitos del bastidor
+                          </label>
+                        </strong>
+                        <input
+                          id="publicacionesForm:matricula"
+                          type="text"
+                          name="publicacionesForm:matricula"
+                          className="buscIntCamposEvProvInput2"
+                        />
+                      </div>
+                    </div>
+                  </fieldset>
+                </div>
+                
+                <div
+                  id="publicacionesForm:j_id2016"
+                  className="buscIntCamposGral"
+                >
+                  <div
+                    id="publicacionesForm:j_id2017"
+                    className="buscIntCamposBuscar"
+                  >
+                    <div
+                      id="publicacionesForm:j_id2018"
+                      className="btnContinuarFomulario               "
+                    >
+                      <input
+                        type="submit"
+                        name="publicacionesForm:j_id2019"
+                        value="Solicitar"
+                        title="Solicitar"
+                        className="botonSINimgen"
+                      />
+                    </div>
+                    <div
+                      id="publicacionesForm:j_id2020"
+                      className="btnContinuarFomulario"
+                    >
+                      <input
+                        type="reset"
+                        name="publicacionesForm:j_id2021"
+                        value="Limpiar"
+                        title="Limpiar"
+                        className="botonSINimgen"
+                      />
+                    </div>
+                    <div
+                      id="publicacionesForm:j_id2022"
+                      className="btnContinuarFomulario"
+                    >
+                      <input
+                        type="submit"
+                        name="publicacionesForm:j_id2023"
+                        value="Cancelar"
+                        title="Cancelar"
+                        className="botonSINimgen"
+                      />
+                    </div>
+                  </div>
+                  <div
+                    id="publicacionesForm:j_id2024"
+                    className="separacion7em"
+                  ></div>
+                </div>
+                <div id="publicacionesForm:j_id2036" className="separacion5em"></div>
+                <div id="publicacionesForm:mensajeserror"></div>
+                <input type="hidden" name="javax.faces.ViewState" />
+              </form>
+              <div id="j_id2038" className="separacion5em"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div id="j_id2050" className="separacion5em"></div>
       <div id="j_id2051" className="pie">
         <div id="j_id2052" className="central">
           <a
@@ -80,7 +455,7 @@ function App() {
           </a>
         </div>
       </div>
-  </div>
+    </div>
   );
 }
 
diff --git a/src/assets/img/bot_n.gif b/src/assets/img/bot_n.gif
new file mode 100644
index 0000000..0c875f3
Binary files /dev/null and b/src/assets/img/bot_n.gif differ