diff --git a/apps/presentationeditor/main/resources/help/es/Contents.json b/apps/presentationeditor/main/resources/help/es/Contents.json
index 105d5f0dd..ff14d8490 100644
--- a/apps/presentationeditor/main/resources/help/es/Contents.json
+++ b/apps/presentationeditor/main/resources/help/es/Contents.json
@@ -1,28 +1,143 @@
 [
-    {"src": "UsageInstructions/OpenCreateNew.htm", "name": "Cree una presentación nueva o abra la existente", "headername": "Instrucciones de uso"},
-    {"src": "UsageInstructions/ManageSlides.htm", "name": "Gestione diapositivas"},
-    {"src": "UsageInstructions/SetSlideParameters.htm", "name": "Establezca parámetros de diapositiva"},
-    {"src": "UsageInstructions/ApplyTransitions.htm", "name": "Aplique transiciones"},
-    {"src": "UsageInstructions/InsertAutoshapes.htm", "name": "Inserte autoformas y deles formato"},
-    {"src": "UsageInstructions/InsertImages.htm", "name": "Inserte y ajuste imágenes"},
-    {"src": "UsageInstructions/InsertCharts.htm", "name": "Inserte y edite gráficos"},
-    {"src": "UsageInstructions/ManipulateObjects.htm", "name": "Maneje objetos en una diapositiva"},
-    {"src": "UsageInstructions/InsertText.htm", "name": "Inserte su texto y dele formato"},
-    {"src": "UsageInstructions/AddHyperlinks.htm", "name": "Añada hiperenlaces"},
-    {"src": "UsageInstructions/CreateLists.htm", "name": "Cree listas"},
-    {"src": "UsageInstructions/InsertTables.htm", "name": "Inserte tablas y deles formato"},
-    {"src": "UsageInstructions/FillObjectsSelectColor.htm", "name": "Rellene objetos y seleccione colores"},
-    {"src": "UsageInstructions/AlignArrangeObjects.htm", "name": "Alinee y arregle objetos en una diapositiva"},
-	{"src": "UsageInstructions/CopyPasteUndoRedo.htm", "name": "Copie/pegue datos, deshaga/rehaga sus acciones"},
-	{"src": "UsageInstructions/CopyClearFormatting.htm", "name": "Copie/limpie formato"},
-	{"src": "UsageInstructions/PreviewPresentation.htm", "name": "Obtenga vista previa de su presentación"},
-	{"src": "UsageInstructions/ViewPresentationInfo.htm", "name": "Vea información sobre presentación"},
-	{"src": "UsageInstructions/SavePrintDownload.htm", "name": "Guarde/imprima/descargue su presentación"},
-	{"src": "HelpfulHints/About.htm", "name": "Sobre el editor de presentaciones", "headername": "Pistas útiles"},
-	{"src": "HelpfulHints/SupportedFormats.htm", "name": "Formatos soportados de presentaciones electrónicas"},
-	{"src": "HelpfulHints/AdvancedSettings.htm", "name": "Ajustes avanzados del editor de presentaciones"},
-	{"src": "HelpfulHints/Navigation.htm", "name": "Configuración de la vista y harramientas de navegación"},
-	{"src": "HelpfulHints/Search.htm", "name": "Función de búsqueda"},
-	{"src": "HelpfulHints/CollaborativeEditing.htm", "name": "Edición de presentación colaborativa"},
-	{"src": "HelpfulHints/KeyboardShortcuts.htm", "name": "Atajos de teclado"}
+  {
+    "src": "ProgramInterface/ProgramInterface.htm",
+    "name": "Introduciendo el interfaz de usuario de Editor de Presentación",
+    "headername": "Interfaz del Programa"
+  },
+  {
+    "src": "ProgramInterface/FileTab.htm",
+    "name": "Pestaña de archivo"
+  },
+  {
+    "src": "ProgramInterface/HomeTab.htm",
+    "name": "Pestaña de Inicio"
+  },
+  {
+    "src": "ProgramInterface/InsertTab.htm",
+    "name": "Pestaña de Insertar"
+  },
+  {
+    "src": "ProgramInterface/PluginsTab.htm",
+    "name": "Pestaña de Puglins"
+  },
+  {
+    "src": "UsageInstructions/OpenCreateNew.htm",
+    "name": "Cree una presentación nueva o abra la existente",
+    "headername": "Operaciones básicas"
+  },
+  {
+    "src": "UsageInstructions/CopyPasteUndoRedo.htm",
+    "name": "Copie/pegue datos, deshaga/rehaga sus acciones"
+  },
+  {
+    "src": "UsageInstructions/ManageSlides.htm",
+    "name": "Gestione diapositivas",
+    "headername": "Trabaje con diapositivas"
+  },
+  {
+    "src": "UsageInstructions/SetSlideParameters.htm",
+    "name": "Establezca parámetros de diapositiva"
+  },
+  {
+    "src": "UsageInstructions/ApplyTransitions.htm",
+    "name": "Aplique transiciones"
+  },
+  {
+    "src": "UsageInstructions/PreviewPresentation.htm",
+    "name": "Obtenga vista previa de su presentación"
+  },
+  {
+    "src": "UsageInstructions/InsertText.htm",
+    "name": "Inserte su texto y dele formato",
+    "headername": "Formato del texto"
+  },
+  {
+    "src": "UsageInstructions/AddHyperlinks.htm",
+    "name": "Añada hiperenlaces"
+  },
+  {
+    "src": "UsageInstructions/CreateLists.htm",
+    "name": "Cree listas"
+  },
+  {
+    "src": "UsageInstructions/CopyClearFormatting.htm",
+    "name": "Copie/elimine formato"
+  },
+  {
+    "src": "UsageInstructions/InsertAutoshapes.htm",
+    "name": "Inserte y dé formato a autoformas",
+    "headername": "Operaciones en objetos"
+  },
+  {
+    "src": "UsageInstructions/InsertImages.htm",
+    "name": "Inserte y ajuste imágenes"
+  },
+  {
+    "src": "UsageInstructions/InsertCharts.htm",
+    "name": "Inserte y edite gráficos"
+  },
+  {
+    "src": "UsageInstructions/InsertTables.htm",
+    "name": "Inserte y formatee tablas"
+  },
+  {
+    "src": "UsageInstructions/FillObjectsSelectColor.htm",
+    "name": "Rellene objetos y seleccione colores"
+  },
+  {
+    "src": "UsageInstructions/ManipulateObjects.htm",
+    "name": "Maneje objetos en una diapositiva"
+  },
+  {
+    "src": "UsageInstructions/AlignArrangeObjects.htm",
+    "name": "Alinee y arregle objetos en una diapositiva"
+  },
+  {
+    "src": "UsageInstructions/InsertEquation.htm",
+    "name": "Inserte ecuación",
+    "headername": "Ecuaciones matemáticas"
+  },
+  {
+    "src": "HelpfulHints/CollaborativeEditing.htm",
+    "name": "Edición de presentación colaborativa",
+    "headername": "Presentación con co-edición"
+  },
+  {
+    "src": "UsageInstructions/ViewPresentationInfo.htm",
+    "name": "Vea información sobre presentación",
+    "headername": "Herramientas y ajustes"
+  },
+  {
+    "src": "UsageInstructions/SavePrintDownload.htm",
+    "name": "Guarde/imprima/descargue su presentación"
+  },
+  {
+    "src": "HelpfulHints/AdvancedSettings.htm",
+    "name": "Ajustes avanzados del editor de presentaciones"
+  },
+  {
+    "src": "HelpfulHints/Navigation.htm",
+    "name": "Configuración de la vista y herramientas de navegación"
+  },
+  {
+    "src": "HelpfulHints/Search.htm",
+    "name": "Función de búsqueda"
+  },
+  {
+    "src": "HelpfulHints/SpellChecking.htm",
+    "name": "Corrección ortográfica"
+  },
+  {
+    "src": "HelpfulHints/About.htm",
+    "name": "Acerca del editor de presentaciones",
+    "headername": "Consejos útiles"
+  },
+  {
+    "src": "HelpfulHints/SupportedFormats.htm",
+    "name": "Formatos soportados para presentaciones electrónicas"
+  },
+  {
+    "src": "HelpfulHints/KeyboardShortcuts.htm",
+    "name": "Atajos de teclado"
+  }
 ]
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/About.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/About.htm
index d5a53ba85..ddaffad1e 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/About.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/About.htm
@@ -3,18 +3,20 @@
 	<head>
 		<title>Acerca del editor de presentaciones</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="La descripción breve del editor de presentaciones" />
+        <meta name="description" content="The short description of Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 		<h1>Acerca del editor de presentaciones</h1>
-			<p><b>El editor de presentaciones</b> es una aplicación en línea que le permite ver y editar 
-			presentaciones directamente en su navegador.</p>
-			<p>Usando <b>el editor de presentaciones</b>, usted puede realizar operaciones de edición diferentes como en cualquier editor de escritorio, 
-			imprimir las presentaciones editadas manteniendo todos los detalles de formato o descargarlas al disco duro de su ordenador 
-			como el archivo PDF o PPTX.</p>
-			<p>Para ver la versión actual del software y los detalles sobre el licenciante, pulse el icono <img alt="icono Acerca de" src="../images/about.png" /> en la barra lateral izquierda.</p>
+			<p><b>El editor de presentaciones</b> es una aplicación <span class="onlineDocumentFeatures">en línea</span> que le permite ver y editar presentaciones<span class="onlineDocumentFeatures"> directamente en su navegador</span>.</p>
+			<p>Usando <b>el editor de presentaciones</b>, usted puede realizar varias operaciones de edición como en cualquier editor de escritorio, imprimir las presentaciones editadas manteniendo todos los detalles de formato o descargarlas al disco duro de su ordenador como PDF o PPTX.</p>
+			<p>Para ver la versión de software actual y los detalles de licenciador, haga clic en el icono <img alt="Icono Acerca de" src="../images/about.png" /> en la barra de menú a la izquierda.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/AdvancedSettings.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/AdvancedSettings.htm
index 179c2bb7f..8bbb59b7e 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/AdvancedSettings.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/AdvancedSettings.htm
@@ -3,26 +3,31 @@
 	<head>
 		<title>Ajustes avanzados del editor de presentaciones</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Los ojustes avamzados del editor de presentaciones" />
+		<meta name="description" content="The advanced settings of Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 		<h1>Ajustes avanzados del editor de presentaciones</h1>
-			<p><b>El editor de presentaciones</b> le permite cambiar sus ajustes avanzados. Para acceder a ellos, pulse el icono <b>Archivo</b> <img alt="icono Archivo" src="../images/file.png" /> en la izquierda barra lateral y seleccione la opción <b>Ajustes avanzados...</b>. Usted también puede utilizar el icono <img alt="icono Ajustes avanzados" src="../images/advanced_settings_icon.png" /> en la esquina derecha de la barra de herramientas superior.</p>
-			<p>Son los ajustes avanzados:</p>
+			<p><b>El editor de presentaciones</b> le permite cambiar los ajustes avanzados. Para acceder a estos, abra la pestaña <b>Archivo</b> en la barra de herramientas superior y seleccione la opción <b>Ajustes avanzados...</b>. Usted también puede usar el icono <img alt="Icono Ajustes avanzados" src="../images/advanced_settings_icon.png" /> en la esquina derecha en la pestaña <b>Inicio</b> en la barra de herramientas superior.</p>
+			<p>Los ajustes avanzados son:</p>
 			<ul>
-				<li><b>Entrada alternativa</b> - se usa para activar/desactivar jeroglíficos.</li>
-				<li><b>Valor de zoom predeterminado</b> - se usa para establecer el valor de zoom predeterminado seleccionándolo en la lista de opciones disponibles de 50% a 200%.</li>
-				<li><b>Cambios de colaboración en tiempo real</b> - se usa para especificar que cambios deben ser resaltados durante el proceso de coedición:
-					<ul>
-						<li>Si selecciona la opción <b>Ver todo</b>, se resaltarán todos los cambos realizados durante la sesión actual.</li>
-						<li>Si selecciona la opción <b>Ver último</b>, se resaltarán sólo los cambios realizados desde que usted pulsó el icono <b>Guardar</b> <img alt="icono Guardar" src="../images/saveupdate.png" /> por la última vez.</li>
-					</ul>
-				</li>
-				<li><b>Guardar automáticamente</b> - se usa para activar/desactivar autoguardado automático de los cambios que usted hace al editar un documento.</li>
-				<li><b>Guías de alineación</b> se usa para activar/desactivar quías de alineación que aparecen cuando usted mueve objetos y le permiten colocarlos en la diapositiva precisamente.</li>
-				<li><b>Unidad de medida</b> se usa para especificar que unidades se usan en las reglas y las ventanas de propiedades para medir ancho, altura, espaciado, márgenes y otros parámetros de elementos. Usted puede seleccionar la opción <b>Centímetro</b> o <b>Punto</b>.</li>
+                <li><b>Corrección ortográfica</b> se usa para activar/desactivar la opción de corrección ortográfica.</li>
+				<li><b>Contribución alternativa</b> se usa para activar/desactivar jeroglíficos.</li>
+                <li><b>Guías de alineación</b> se usa para activar/desactivar quías de alineación que aparecen cuando usted mueve objetos y le permiten colocarlos en la diapositiva de forma precisa.</li>
+				<li class="onlineDocumentFeatures"><b>Guardar automáticamente</b> se usa para activar/desactivar el autoguardado de cambios mientras se edita el documento.</li>
+                <li class="onlineDocumentFeatures"><b>El Modo Co-edición</b> se usa para seleccionar la visualización de los cambios realizados durante la co-edición:<ul>
+                        <li>De forma predeterminada se selecciona el modo <b>Rápido</b>, los usuarios que participan en la co-edición del documento verán los cambios a tiempo real una vez que estos se lleven a cabo por otros usuarios.</li>
+                        <li>Si prefiere no ver los cambios de otros usuarios (para que no le moleste, o por otros motivos), seleccione el modo <b>Estricto</b>, y todos los cambios se mostrarán solo una vez que haga clic en el icono <img alt="Icono Guardar" src="../images/saveupdate.png" /> <b>Guardar</b>, notificándole que hay cambios de otros usuarios.</li>
+                    </ul>
+                </li>
+                <li><b>Valor de zoom predeterminado</b> se usa para establecer el valor de zoom predeterminado, el cual puede seleccionarse en la lista de las opciones disponibles que van desde 50% hasta 200%. También puede elegir la opción <b>Ajustar a la diapositiva</b> o <b>Ajustar a la anchura</b>.</li>
+				<li><b>Unidad de medida</b> se usa para especificar qué unidades se usan en las reglas y las ventanas de propiedades para medir el ancho, altura, espaciado, márgenes y otros parámetros. Usted puede seleccionar la opción <b>Centímetro</b> o <b>Punto</b>.</li>
 			</ul>
 			<p>Para guardar los cambios realizados, pulse el botón <b>Aplicar</b>.</p>
 		</div>
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/CollaborativeEditing.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/CollaborativeEditing.htm
index 77e410f2c..ac26ace6a 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/CollaborativeEditing.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/CollaborativeEditing.htm
@@ -1,56 +1,64 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<title>Edición de presentación colaborativa</title>
+		<title>Edición de presentación en colaboración</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Consejos sobre la edición colaborativa" />
+		<meta name="description" content="Tips on collaborative editing" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
-			<h1>Edición de presentación colaborativa</h1>
-			<p><b>El editor de presentaciones</b> le ofrece la posibilidad de trabajar en una presentación en colaboración con otros usuarios. Esta característica incluye:</p>
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+			<h1>Edición de presentación en colaboración</h1>
+			<p><b>El editor de presentaciones</b> le ofrece la posibilidad de trabajar en una presentación en colaboración con otros usuarios. Esta función incluye:</p>
 			<ul>
-				<li>acceso simultáneo de múltiples usuarios a la presentación editada</li>
-				<li>indicación visual de objetos que se están editando por otros usuarios</li>
-				<li>sincronización de cambios al hacer clic</li>
-				<li>chat para compartir ideas sobre unas partes particulares de presentación</li>
-				<li>comentarios que contienen la descripción de una tarea o de un problema que debe ser resuelta(o)</li>
+				<li class="onlineDocumentFeatures">acceso simultáneo de varios usuarios a la presentación editada</li>
+				<li class="onlineDocumentFeatures">indicación visual de objetos que otros usuarios están editando</li>
+				<li class="onlineDocumentFeatures">sincronización de los cambios al hacer clic e un botón</li>
+				<li class="onlineDocumentFeatures">chat para compartir ideas sobre partes en concreto de una presentación</li>
+				<li>comentarios que contienen la descripción de una tarea o un problema que hay que resolver</li>
 			</ul>
-			<h3>Coedición</h3>
-			<p>Cuando una presentación se está editando por unos usuarios simultáneamente, los objetos editados (autoformas, marcadores y bloques de texto, tablas, imágenes, gráficos) están marcados con las líneas punteadas de los colores diferentes. El objeto que usted está editando está rodeado por una línea verde punteada. Líneas rojas punteadas indiquen que objetos se están editando por otros usuarios. Mantenga cursor del ratón encima de los objetos editados para ver el nombre de usuario que está editando el objeto en el momento. El número de usuarios que están trabajando en la presentación actual está especificado en la esquina izquierda inferior en la barra de estado - <img alt="icono Número de usuarios" src="../images/usersnumber.png" />. 
-			Para ver quién exactamente está editando el archivo ahora, mueva cursor del ratón encima de este icono - se mostrarán los nombres de usuarios en la ventana emergente. Si demasiados usuarios están editando la presentación, pulse este icono para abrir el panel <b>Chat</b> con la lista completa de los usuarios.</p>
-			<p>En cuanto uno de los usuarios guarde sus cambios pulsando el icono <img alt="icono Guardar" src="../images/savewhilecoediting.png" />, los otros usuarios verán una nota en la barra de estado diciendo que ellos tienen actualizaciones. Para guardar los cambios realizados, pulse <img alt="icono Guardar" src="../images/saveupdate.png" /> en la esquina izquierda de la barra de herramientas superior. Las actualizaciones serán resaltadas para que usted sepa que exactamente se ha cambiado.</p>
-			<p>Al pulsar el icono <img alt="icono Archivo" src="../images/file.png" /> en la barra izquierda lateral usted puede especificar que cambios deben ser resaltados durante la coedición. Seleccione la opción <b>Ajustes avanzados...</b> y elija <b>Ver todo</b> o <b>Ver últimos</b> cambios. Si usted selecciona la opción <b>Ver todo</b>, se resaltarán todos los cambios realizados durante la sesión actual. Si usted selecciona la opción <b>Ver últimas</b>, se resaltarán sólo los cambios realizados desde que usted pulsó el icono <img alt="icono Guardar" src="../images/saveupdate.png" /> por la última vez.</p>
-			<h3>Chat</h3>
-			<p>Para acceder al Chat y dejar un mensaje para otros usuarios,</p>
-			<ol>
-				<li>pulse el icono <img alt="icono Chat" src="../images/chaticon.png" /> en la barra izquierda lateral,</li>
-				<li>introduzca su texto en el campo correspondiente debajo,</li>
-				<li>pulse el botón <b>Enviar</b>.</li>
-			</ol>
-			<p>Todos los mensajes enviados por usuarios serán mostrados en el panel izquierda. Si hay algunos mensajes que usted no ha leído ya, el icono chat quedará así - <img alt="icono Chat" src="../images/chaticon_new.png" />.</p>
-			<p>Para cerrar el panel con mensajes de chat, pulse el icono <img alt="icono Chat" src="../images/chaticon.png" /> una vez más.</p>
-			<h3>Comentarios</h3>
-			<p>Para dejar un comentario:</p>
-			<ol>
-				<li>seleccione un objeto discutible, en su opinión,</li>
-				<li>utilice el icono <img alt="icono Comentarios" src="../images/commentsicon.png" /> en la barra izquierda lateral para abrir el panel <b>Comentarios</b> y pulse el enlace <b>Añadir comentario a documento</b>, o<br />
-				haga clic derecho en el objeto seleccionado y elija la opción <b>Añadir comentario</b> en el menú,
-				</li>				
-				<li>introduzca el texto necesario,</li>
-				<li>pulse el botón <b>Añadir comentario/Añadir</b>.</li>
-			</ol>
-			<p>El comentario se mostrará en el panel izquierdo. El objeto que usted ha comentado será marcado con el icono <img alt="Commented object icon" src="../images/added_comment_icon.png" />. Para ver el comentario, solo pulse este icono. <!--If you need to disable this feature, click the <img alt="File icon" src="../images/file.png" /> icon, select the <b>Advanced Settings...</b> option and uncheck the <b>Turn on live commenting option</b> box. In this case the commented passages will be highlighted only if you click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon.--></p>
-			<p>Algún usuario puede contestar al comentario añadido haciendo preguntas o informando sobre el trabajo realizado. Para hacerlo, pulse el enlace <b>Añadir respuesta</b> que se sitúa debajo del comentario.</p>
-			<p>Usted puede gestionar comentarios añadidos de tal modo:</p>
-			<ul>
-				<li>edítelos pulsando el icono <img alt="icono Editar" src="../images/editcommenticon.png" />,</li>
-				<li>bórrelos pulsando el icono <img alt="icono Borrar" src="../images/deletecommenticon.png" />,</li>
-				<li>cierra la discusión pulsando el enlace <b>Resolver</b> si la tarea o el problema mencionado en su comentario fue resuelto, al pulsar este botón la discusión obtiene el estado resuelto. Para abrirla de nuevo, pulse el subtítulo <b>Resuelto</b> y seleccione la opción <b>Abrir de nuevo</b>.</li>
-			</ul>
-			<p>Los comentarios nuevos agregados por otros usuarios serán visibles solo cuando usted pulsa el icono <img alt="icono Guardar" src="../images/saveupdate.png" /> en la esquina izquierda de la barra de herramientas superior.</p>
-			<p>Para cerrar el panel con comentarios , pulse el icono <img alt="icono Comentarios" src="../images/commentsicon.png" /> una vez más.</p>
-		</div>
+            <div class="onlineDocumentFeatures">
+                <h3>Co-edición</h3>
+                <p>El <b>Editor de Presentación</b> permite seleccionar uno de los dos modos de co-edición disponibles. <b>Rápido</b> se usa de forma predeterminada y muestra los cambios hechos por otros usuarios a tiempo real. <b>Estricto</b> se selecciona para ocultar los cambios de otros usuarios hasta que usted haga clic en el icono <b>Guardar</b> <img alt="Icono Guardar" src="../images/saveupdate.png" /> para guardar sus cambios propios y aceptar los cambios hechos por otros usuarios. El modo se puede seleccionar en los <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Ajustes Avanzados</a>.</p>
+                <p>Cuando una presentación se está editando por varios usuarios simultáneamente en el modo <b>Estricto</b>, los objetos editados (autoformas, objetos de texto, tablas, imágenes, gráficos) aparecen marcados con línea discontinua de diferentes colores. El objeto que está editando se rodea con una línea discontinua de color verde. Las líneas rojas discontinuas indican que los objetos se están editando por otros usuarios. Al poner el cursor del ratón sobre uno de los pasajes editados, se muestra el nombre del usuario que está editando ese objeto en este momento. El modo <b>Rápido</b> mostrará las acciones y los nombres de los co-editores cuando estos estén editando el texto.</p>
+                <p>El número de usuarios que están trabajando en la presentación actual se especifica en la parte derecha del encabezado de editor -<img alt="Icono Número de usuarios" src="../images/usersnumber.png" /> . Si quiere ver de forma exacta quién está editando la presentación, puede hacer clic ene ste icono o abrir el panel <b>Chat</b> con la lista completa de los usuarios.</p>
+                <p>Cuando ningún usuario está viendo o editando el archivo, el icono en el encabezado del editor estará así <img alt="Icono gestionar derechos de acceso de documentos" src="../images/access_rights.png" />, y le permitirá organizar a los usuarios que tienen acceso al archivo desde el documento: invite a nuevos usuarios y otórgueles acceso completo o solo de lectura, o deniegue derechos de acceso al archivo a usuarios. Haga clic en este icono para gestionar el acceso al archivo; esto se puede realizar cuando no hay otros usuarios que están viendo o co-editando el documento en este momento y cuando hay otros usuarios y el icono aparece así <img alt="Icono Número de usuarios" src="../images/usersnumber.png" />.</p>
+                <p>Cuando uno de los usuarios guarda sus cambios al hacer clic en el icono <img alt="Icono Guardar" src="../images/savewhilecoediting.png" />, los otros verán una nota dentro de la barra de estado indicando que hay actualizaciones. Para guardar los cambios que usted ha realizado, y que así otros usuarios puedan verlos y obtener las actualizaciones guardadas por sus co-editores, haga clic en el icono <img alt="Icono Guardar" src="../images/saveupdate.png" /> en la esquina superior izquierda de la barra de herramientas. Las actualizaciones se resaltarán para que usted pueda verificar qué se ha cambiado de forma concreta.</p>
+                <h3>Chat</h3>
+                <p>Usted puede usar esta herramienta para coordinar el proceso de co-edición sobre la marcha, por ejemplo, para asignar los párrafos a cada compañero de trabajo y especificar, que párrafo Usted va a editar en ese momento etc.</p>
+                <p>Los mensajes de chat se almacenan solo durante una sesión. Para discutir el contenido del documento es mejor usar comentarios que se almacenan hasta que decida eliminarlos.</p>
+                <p>Para acceder al chat y dejar un mensaje para otros usuarios,</p>
+                <ol>
+                    <li>haga clic en el icono <img alt="Icono Chat" src="../images/chaticon.png" /> en la barra lateral de la izquierda,</li>
+                    <li>introduzca su texto en el campo correspondiente de más abajo,</li>
+                    <li>pulse el botón <b>Enviar</b>.</li>
+                </ol>
+                <p>Todos los mensajes enviados por otros usuarios se mostrarán en el panel a la izquierda. Si hay mensajes nuevos que no ha leído todavía, el icono de chat aparecerá así - <img alt="Icono Chat" src="../images/chaticon_new.png" />.</p>
+                <p>Para cerrar el panel con los mensajes de chat, haga clic en el icono <img alt="Icono Chat" src="../images/chaticon.png" /> una vez más.</p>
+            </div>
+            <h3>Comentarios</h3>
+                <p>Para dejar un comentario:</p>
+                <ol>
+                    <li>seleccione un objeto que en su opinión tiene un error o problema,</li>
+                    <li>cambie a la pestaña <b>Insertar</b> en la barra de herramientas superior y haga clic en el botón de <img alt="Icono Comentario" src="../images/comment_toptoolbar.png" /> <b>Comentario</b> o<br /> use el icono <img alt="Icono Comentarios" src="../images/commentsicon.png" /> en la barra lateral izquierda para abrir el panel de <b>Comentarios</b> y haga clic en el enlace  <b>Añadir Comentario al Documento</b>, o<br /> haga clic derecho en el objeto seleccionado y seleccione la opción de <b>Añadir Comentario</b> del menú, </li>
+                    <li>introduzca el texto necesario,</li>
+                    <li>Haga clic en el botón <b>Añadir comentario/Añadir</b>.</li>
+                </ol>
+                <p>El comentario se mostrará en el panel izquierdo. El objeto que usted ha comentado será marcado con el icono <img alt="Icono objeto comentado" src="../images/added_comment_icon.png" />. Para ver el comentario, solo pulse este icono. <!--If you need to disable this feature, click the <img alt="File icon" src="../images/file.png" /> icon, select the <b>Advanced Settings...</b> option and uncheck the <b>Turn on live commenting option</b> box. In this case the commented passages will be highlighted only if you click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon.--></p>
+                <p>Cualquier otro usuario puede contestar al comentario añadido haciendo preguntas o informando sobre el trabajo realizado. Para hacerlo, pulse el enlace <b>Añadir respuesta</b> que se sitúa debajo del comentario.</p>
+                <p>Usted puede gestionar sus comentarios añadidos de la siguiente manera:</p>
+                <ul>
+                    <li>editar los comentarios pulsando en el icono <img alt="Icono Editar" src="../images/editcommenticon.png" />,</li>
+                    <li>eliminar los comentarios pulsando en el icono <img alt="Icono Borrar" src="../images/deletecommenticon.png" />,</li>
+                    <li>cerrar la discusión pulsando en el icono <img alt="Icono Resuelto" src="../images/resolveicon.png" /> si la tarea o el problema que usted ha indicado en su comentario ya se ha resuelto, después de esto la discusión que ha abierto con su comentario obtendrá el estado de resuelto. Para abrir la discusión de nuevo, haga clic en el icono <img alt="Icono Abrir de nuevo" src="../images/resolvedicon.png" />.</li>
+                </ul>
+                <p>Nuevos comentarios añadidos por otros usuarios se harán visibles solo después de hacer clic en el icono <img alt="Icono Guardar" src="../images/saveupdate.png" /> en la esquina superior izquierda de la barra superior de herramientas.</p>
+                <p>Para cerrar el panel con comentarios, pulse el icono <img alt="Icono Comentarios" src="../images/commentsicon.png" /> en la barra lateral izquierda una vez más.</p>
+            </div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/KeyboardShortcuts.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/KeyboardShortcuts.htm
index e4cad0511..7102d9bfc 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/KeyboardShortcuts.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/KeyboardShortcuts.htm
@@ -3,46 +3,50 @@
 	<head>
 		<title>Atajos de teclado</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="La lista de atajos de teclado para el acceso sencillo y rápido a las funciones del editor de presentaciones." />
+		<meta name="description" content="The keyboard shortcut list used for a faster and easier access to the features of Presentation Editor using the keyboard." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
         <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 			<h1>Atajos de teclado</h1>
 			<table>
 				<tr>
 					<th colspan="3">Trabajando con presentación</th>
 				</tr>
 				<tr>
-					<td class="function">Abrir el panel 'Archivo'</td>
+					<td class="function">Abrir panel 'Archivo'</td>
 					<td class="combination">Alt+F</td>
-					<td class="description">Abre el panel <b>Archivo</b> para guardar, descargar, imprimir la presentación corriente, ver la información, crear una presentación nueva o abrir la existente, acceder a la ayuda o los ajustes avanzados de el editor de presentaciones.</td>
+					<td class="description">Abre el panel <b>Archivo</b> para guardar, descargar, imprimir la presentación actual, ver su información, crear una presentación nueva o abrir la existente, acceder a la ayuda o los ajustes avanzados de el Editor de Presentaciones.</td>
 				</tr>
 				<tr>
-					<td>Abrir el panel 'Búsqueda'</td>
+					<td>Abrir panel de 'Búsqueda'</td>
 					<td>Ctrl+F</td>
-					<td>Abre el panel <b>Búsqueda</b> para empezar a buscar el carácter/palabra/frase en la presentación corriente editada.</td>
+					<td>Abre el panel <b>Búsqueda</b> para empezar a buscar el carácter/palabra/frase en la presentación editada recientemente.</td>
 				</tr>
 				<tr>
-					<td>Open 'Comments' panel<a class="sup_link" href="../HelpfulHints/KeyboardShortcuts.htm#footnote" onclick="onhyperlinkclick(this)"><sup>1</sup></a></td>
+					<td>Abrir panel 'Comentarios'</td>
 					<td>Ctrl+Shift+H</td>
-					<td>Open the <b>Comments</b> panel to add your own comment or reply to other users' comments.</td>
+					<td>Abre el panel <b>Comentarios</b> para añadir su comentario propio o contestar a comentarios de otros usuarios.</td>
 				</tr>
 				<tr>
-					<td>Open comment field<a class="sup_link" href="../HelpfulHints/KeyboardShortcuts.htm#footnote" onclick="onhyperlinkclick(this)"><sup>2</sup></a></td>
+					<td>Abrir campo de comentarios</td>
 					<td>Alt+H</td>
-					<td>Open a data entry field where you can add the text of your comment.</td>
+					<td>Abre un campo en el cual usted puede añadir un texto o su comentario.</td>
 				</tr>
-				<tr>
-					<td>Abrir el panel 'Chat'</td>
+				<tr class="onlineDocumentFeatures">
+					<td>Abrir panel 'Chat'</td>
 					<td>Alt+Q</td>
 					<td>Abre el panel <b>Chat</b> y envía un mensaje.</td>
 				</tr>
 				<tr>
 					<td>Guardar presentación</td>
 					<td>Ctrl+S</td>
-					<td>Guarda todos los cambios en la presentación actualmente editada con el editor de presentaciones.</td>
+					<td>Guarda todos los cambios en la presentación editada actualmente con el Editor de Presentaciones.</td>
 				</tr>
 				<tr>
 					<td>Imprimir presentación</td>
@@ -50,46 +54,46 @@
 					<td>Imprime la presentación o la guarda en un archivo.</td>
 				</tr>
 				<tr>
-					<td>Guardar como(Descargar como)</td>
+					<td>Descargar como...</td>
 					<td>Ctrl+Shift+S</td>
-					<td>Guarda la presentación actualmente editada al disco duro de su ordenador en uno de los formatos soportados: PDF, PPTX.</td>
+					<td>Guarda la presentación actualmente editada al disco duro de su ordenador en uno de los formatos compatibles: PDF, PPTX.</td>
 				</tr>
 				<tr>
 					<td>Pantalla completa</td>
 					<td>F11</td>
 					<td>Cambia a la vista de pantalla completa para ajustar el editor de presentaciones a su pantalla.</td>
 				</tr>
-				<tr>
+                <tr>
                     <td>Menú de ayuda</td>
                     <td>F1</td>
-                    <td>Abre el menú de <b>ayuda</b> de el editor de presentaciones.</td>
+                    <td>Abre el menú de <b>Ayuda</b> del editor de presentaciones.</td>
                 </tr>
 				<tr>
 					<th colspan="3">Navegación</th>
 				</tr>
 				<tr>
 					<td>La primera diapositiva</td>
-					<td>Home</td>
+					<td>Inicio</td>
 					<td>Abre la primera diapositiva de la presentación actualmente editada.</td>
 				</tr>
 				<tr>
 					<td>La última diapositiva</td>
-					<td>End</td>
+					<td>Fin</td>
 					<td>Abre la última diapositiva de la presentación actualmente editada.</td>
 				</tr>
 				<tr>
-					<td>Diapositiva siguiente</td>
+					<td>Siguiente diapositiva</td>
 					<td>PgDn</td>
-					<td>Abre la diapositiva siguiente de la presentación actualmente editada.</td>
+					<td>Abre la diapositiva siguiente de la presentación que está editando.</td>
 				</tr>
 				<tr>
 					<td>Diapositiva anterior</td>
 					<td>PgUp</td>
-					<td>Abre la diapositiva anterior de la presentación actualmente editada.</td>
+					<td>Abre la diapositiva anterior de la presentación que esta editando.</td>
 				</tr>
 				<tr>
 					<td>Seleccionar la forma siguiente</td>
-					<td>Tab</td>
+					<td>Tabulación</td>
 					<td>Elije la forma que va después de la seleccionada.</td>
 				</tr>
 				<tr>
@@ -100,14 +104,14 @@
 				<tr>
 					<td>Acercar</td>
 					<td>Ctrl++</td>
-					<td>Acerca la presentación actualmente editada.</td>
+					<td>Acerca la presentación que se está editando.</td>
 				</tr>
 				<tr>
 					<td>Alejar</td>
 					<td>Ctrl+-</td>
-					<td>Aleja la presentación actualmente editada.</td>
+					<td>Aleja la presentación que se está editando.</td>
 				</tr>
-				<tr>
+				<tr id="manageslides">
 					<th colspan="3">Acciones con diapositivas</th>
 				</tr>
 				<tr>
@@ -123,10 +127,10 @@
 				<tr>
 					<td>Desplazar diapositiva hacia arriba</td>
 					<td>Ctrl+flecha hacia arriba</td>
-					<td>Desplaca la diapositiva seleccionada arriba de la anterior en la lista.</td>
+					<td>Desplaza la diapositiva seleccionada arriba de la anterior en la lista.</td>
 				</tr>
 				<tr>
-					<td>Desplazar diapisitiva hacia abajo</td>
+					<td>Desplazar diapositiva hacia abajo</td>
 					<td>Ctrl+flecha hacia abajo</td>
 					<td>Desplaza la diapositiva seleccionada debajo de la siguiente en la lista.</td>
 				</tr>
@@ -136,7 +140,7 @@
 					<td>Desplaza la diapositiva seleccionada a la primera posición en la lista.</td>
 				</tr>
 				<tr>
-					<td>Desplazar diapositiva al fin</td>
+					<td>Desplazar diapositiva al final</td>
 					<td>Ctrl+Shift+flecha hacia abajo</td>
 					<td>Desplaza la diapositiva seleccionada a la última posición en la lista.</td>
 				</tr>
@@ -164,25 +168,25 @@
 				<tr>
 					<td>Limitar movimiento</td>
 					<td>Shift+drag</td>
-					<td>Limita el movimiento del objeto seleccionado para que se desplace horizontalmente o verticalmente.</td>
+					<td>Limita el movimiento horizontal y vertical del objeto seleccionado.</td>
 				</tr>
 				<tr>
-					<td>Estableсer rotación en 15 grados</td>
-					<td>Shift+arrastrar(mientras rotación)</td>
-					<td>Limita el ángulo de rotación al incremento de 15 grados.</td>
+					<td>Establecer rotación de 15 grados</td>
+					<td>Shift+arrastrar(mientras rota)</td>
+					<td>Limita el ángulo de rotación a incrementos de 15 grados.</td>
 				</tr>
 				<tr>
 					<td>Mantener proporciones</td>
-					<td>Shift+arrastrar(mientras redimensionamiento)</td>
-					<td>Mantiene las proporciones del objeto seleccionado mientras redimensionamiento.</td>
+					<td>Shift+arrastrar (mientras redimensiona)</td>
+					<td>Mantiene las proporciones del objeto seleccionado mientras este cambia de tamaño.</td>
 				</tr>
 				<tr>
 					<td>Desplazar píxel a píxel</td>
 					<td>Ctrl</td>
-					<td>Mantenga apretada la tecla Ctrl y use las flechas del teclado para desplazar el objeto seleccionado por un píxel a la vez.</td>
+					<td>Mantenga apretada la tecla Ctrl y use las flechas del teclado para desplazar el objeto seleccionado de un píxel a un píxel cada vez.</td>
 				</tr>
 				<tr>
-					<th colspan="3"><a id="preview"></a>Obtener vista previa de presentación</th>
+					<th colspan="3"><a id="preview"></a>Obtener vista previa de la presentación</th>
 				</tr>
 				<tr>
 					<td>Obtener una vista previa desde el principio</td>
@@ -190,7 +194,7 @@
 					<td>Muestra la vista previa de una presentación empezando con la primera diapositiva.</td>
 				</tr>
 				<tr>
-					<td>Navegar  hacia delante</td>
+					<td>Navegar hacia delante</td>
 					<td>ENTER, PAGE DOWN, FLECHA DERECHA, FLECHA HACIA ABAJO, o SPACEBAR</td>
 					<td>Realiza la animación siguiente o abre la diapositiva siguiente.</td>
 				</tr>
@@ -199,66 +203,56 @@
 					<td>PAGE UP, FLECHA IZQUIERDA, FLECHA HACIA ARRIBA</td>
 					<td>Realiza la animación anterior o abre la diapositiva anterior.</td>
 				</tr>
-				<tr>
-					<td>Ir al número de diapositiva</td>
-					<td>número+ENTER</td>
-					<td>Abre la diapositiva con el número especificado.</td>
-				</tr>
-				<tr>
-					<td>Terminar o reiniciar vista previa</td>
-					<td>S</td>
-					<td>Termina o reinicia la presentación automáticamente.</td>
-				</tr>
 				<tr>
 					<td>Cerrar vista previa</td>
 					<td>ESC</td>
-					<td>Cierra la vista previa.</td>
+					<td>Finalizar una presentación.</td>
 				</tr>
 				<tr>
-					<th colspan="3">Deshacer y rehacer</th>
+					<th colspan="3">Deshacer y Rehacer</th>
 				</tr>
 				<tr>
 					<td>Deshacer</td>
 					<td>Ctrl+Z</td>
-					<td>Cancela la última acción realizada.</td>
+					<td>Invierte las últimas acciones realizadas.</td>
 				</tr>
 				<tr>
 					<td>Rehacer</td>
 					<td>Ctrl+Y</td>
-					<td>Repite la última acción inacabada.</td>
+					<td>Repite la última acción deshecha.</td>
 				</tr>
 				<tr>
-					<th colspan="3">Cortar, Copiar, y Pegar</th>
+					<th colspan="3">Cortar, copiar, y pegar</th>
 				</tr>
 				<tr>
 					<td>Cortar</td>
 					<td>Ctrl+X, Shift+Delete</td>
-					<td>Corta el objeto seleccionado y la envía al portapapeles de su ordenador. Después el objeto cortado puede ser insertado al otro lugar en la misma presentación<!--, into another presentation, or into some other program-->.</td>
+					<td>Corta el objeto seleccionado y lo envía al portapapeles de su ordenador. El objeto que se ha cortado se puede insertar en otro lugar en la misma presentación<!--, into another presentation, or into some other program-->.</td>
 				</tr>
 				<tr>
 					<td>Copiar</td>
 					<td>Ctrl+C, Ctrl+Insert</td>
-					<td>Envía el objeto seleccionado al portapapeles de su ordenador. Después el objeto copiado puede ser insertado al otro lugar en la misma presentación<!--, into another presentation, or into some other program-->.</td>
+					<td>Envía el objeto seleccionado al portapapeles de su ordenador. Después el objeto copiado se puede insertar en otro lugar de la misma presentación<!--, into another presentation, or into some other program-->.</td>
 				</tr>
 				<tr>
 					<td>Pegar</td>
 					<td>Ctrl+V, Shift+Insert</td>
-					<td>Inserta el objeto anteriormente copiado del portapapeles de su ordenador a la posición corriente del cursor. Puede ser que el objeto ha sido copiado anteriormente de la misma presentación<!--, from another presentation, or from some other program-->.</td>
+					<td>Inserta el objeto anteriormente copiado del portapapeles de su ordenador a la posición actual del cursor. El objeto se puede copiar anteriormente de la misma presentación<!--, from another presentation, or from some other program-->.</td>
 				</tr>
 				<tr>
 					<td>Insertar hiperenlace</td>
 					<td>Ctrl+K</td>
-					<td>Inserta un hiperenlace que puede usarse para pasar a la dirección web o una cierta diapositiva de la presentación.</td>
+					<td>Inserta un hiperenlace que puede usarse para ir a una dirección web o a una diapositiva en concreto de la presentación.</td>
 				</tr>
 				<tr>
 					<td>Copiar estilo</td>
 					<td>Ctrl+Shift+C</td>
-					<td>Copia el formato del fragmento seleccionado del texto actualmente editado. Después el formato copiado puede ser aplicado a cualquier fragmento de la misma presentación.</td>
+					<td>Copia el formato del fragmento seleccionado del texto que se está editando actualmente. Después el formato copiado se puede aplicar a cualquier fragmento de la misma presentación.</td>
 				</tr>
 				<tr>
 					<td>Aplicar estilo</td>
 					<td>Ctrl+Shift+V</td>
-					<td>Aplica el formato anteriormente copiado al texto actualmente editado.</td>
+					<td>Aplica el formato anteriormente copiado al texto en el cuadro de texto que se está editando.</td>
 				</tr>
 				<tr>
 					<th colspan="3">Seleccionar con el ratón</th>
@@ -274,22 +268,22 @@
 				<tr>
 					<td>Seleccionar todo</td>
 					<td>Ctrl+A</td>
-					<td>Selecciona todas las diapositivas (en la lista de diapositivas) o todos los objetos en la diapositiva (en la área de edición de diapositiva) o todo el texto (en el bloque de texto) - en función de la posición del cursor de ratón.</td>
+					<td>Selecciona todas las diapositivas (en la lista de diapositivas) o todos los objetos en la diapositiva (en el área de edición de diapositiva) o todo el texto (en el bloque de texto) - en función de la posición del cursor de ratón.</td>
 				</tr>
 				<tr>
 					<td>Seleccionar fragmento de texto</td>
-					<td>Shift+Flecha</td>
-					<td>Selecciona el fragmento de texto necesario.</td>
+					<td>Shift+Arrow</td>
+					<td>Selecciona el texto carácter por carácter.</td>
 				</tr>
 				<tr>
-					<td>Seleccionar texto desde cursor hasta principio de línea</td>
+					<td>Seleccionar texto desde el cursor hasta principio de línea</td>
 					<td>Shift+Home</td>
-					<td>Selecciona un fragmento de texto desde el cursor hasta el principio de la línea corriente.</td>
+					<td>Selecciona un fragmento del texto del cursor hasta el principio de la línea actual.</td>
 				</tr>
 				<tr>
-					<td>Seleccionar texto desde cursor hasta final de línea</td>
+					<td>Seleccionar texto desde el cursor hasta el final de línea</td>
 					<td>Shift+End</td>
-					<td>Selecciona un fragmento de texto desde el cursor hasta el final de la línea corriente.</td>
+					<td>Selecciona un fragmento del texto desde el cursor al final de la línea actual.</td>
 				</tr>
 				<tr>
 					<th colspan="3">Estilo de texto</th>
@@ -310,56 +304,55 @@
 					<td>Subraya un fragmento del texto seleccionado.</td>
 				</tr>
 				<tr>
-					<td>Subíndice</td>
+					<td>Sobreíndice</td>
 					<td>Ctrl+.(punto)</td>
-					<td>Pone un fragmento del texto seleccionado en letras pequeñas y lo mete en la parte baja de la línea del texto, por ejemplo como en fórmulas químicas.</td>
+					<td>Pone un fragmento del texto seleccionado en letras pequeñas y lo coloca en la parte baja de la línea del texto, por ejemplo como en formulas químicas.</td>
 				</tr>
 				<tr>
-					<td>Superíndice</td>
+					<td>Subíndice</td>
 					<td>Ctrl+,(coma)</td>
-					<td>Pone un fragmento del texto seleccionado en letras pequeñas y lo mete en la parte superior del texto, por ejemplo como en fracciones.</td>
+					<td>Pone un fragmento del texto seleccionado en letras pequeñas y lo coloca en la parte superior de la línea del texto, por ejemplo como en fracciones.</td>
 				</tr>
 				<tr>
-					<td>Lista con viñetas</td>
+					<td>Lista con puntos</td>
 					<td>Ctrl+Shift+L</td>
-					<td>Crea una lista con viñetas desordenada de un fragmento del texto seleccionado o inicia el otro.</td>
+					<td>Crea una lista con puntos desordenada de un fragmento del texto seleccionado o inicia una nueva.</td>
 				</tr>
 				<tr>
 					<td>Eliminar formato</td>
 					<td>Ctrl+Spacebar</td>
-					<td>Elimina el formato de un fragmento del texto seleccionado.</td>
+					<td>Elimine el formato de un fragmento del texto seleccionado.</td>
 				</tr>
 				<tr>
-					<td>Aumentar tamaño de letra</td>
+					<td>Aumentar tipo de letra</td>
 					<td>Ctrl+]</td>
 					<td>Aumenta el tamaño de las letras de un fragmento del texto seleccionado en un punto.</td>
 				</tr>
 				<tr>
-					<td>Disminuir tamaño de letra</td>
+					<td>Disminuir tipo de letra</td>
 					<td>Ctrl+[</td>
 					<td>Disminuye el tamaño de las letras de un fragmento del texto seleccionado en un punto.</td>
 				</tr>
 				<tr>
-					<td>Alinear al centro/izquierda</td>
+					<td>Alinear centro/izquierda</td>
 					<td>Ctrl+E</td>
 					<td>Alterna un párrafo entre el centro y alineado a la izquierda.</td>
 				</tr>
 				<tr>
-					<td>Alinear a la izquierda/justificado</td>
+					<td>Alinear justificado/izquierda</td>
 					<td>Ctrl+J</td>
 					<td>Alterna un párrafo entre justificado y alineado a la izquierda.</td>
 				</tr>
 				<tr>
-					<td>Alinear a la derecha/izquierda</td>
+					<td>Alinear derecha /izquierda</td>
 					<td>Ctrl+R</td>
 					<td>Alterna un párrafo entre alineado a la derecha y alineado a la izquierda.</td>
 				</tr>
 				<tr>
 					<td>Alinear a la izquierda</td>
 					<td>Ctrl+L</td>
-					<td>Alinea el fragmento de texto a la izquierda, la parte derecha permanece sin cambios.</td>
-				</tr>
-				<!--<tr>
+					<td>Alinea el fragmento de texto a la izquierda, la parte derecha permanece sin alinear.</td>
+				</tr><!--<tr>
 					<td>Increase indent</td>
 					<td>Ctrl+M</td>
 					<td>Indent a paragraph from the left incrementally.</td>
@@ -368,8 +361,7 @@
 					<td>Decrease indent</td>
 					<td>Ctrl+Shift+M</td>
 					<td>Remove a paragraph indent from the left incrementally.</td>
-				</tr>-->
-			</table>
+				</tr>--></table>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/Navigation.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/Navigation.htm
index 7c88d5cad..cac096e3a 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/Navigation.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/Navigation.htm
@@ -1,39 +1,37 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<title>Configuración de la vista y harramientas de navegación</title>
+		<title>Configuración de la vista y herramientas de navegación</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="La descripción de herramientas de navegación como reglas, zoom, botones anterior/siguiente" />
+		<meta name="description" content="The description of view settings and navigation tools such as zoom, previous/next slide buttons" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
-		<h1>Configuración de la vista y harramientas de navegación</h1>
-			<p><b>El editor de presentaciones</b> ofrece unas herramientas para ayudarle a navegar por su presentación: reglas, zoom, los botones de diapositiva anterior/siguiente, el indicador del numero de diapositiva.</p>
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+		<h1>Configuración de la vista y herramientas de navegación</h1>
+			<p><b>El editor de presentaciones</b> ofrece varias herramientas para ayudarle a visualizar y navegar por su presentación: zoom, los botones de diapositiva anterior/siguiente, el indicador del numero de diapositiva.</p>
 			<h3>Ajuste la configuración de la vista</h3>
-			<p>Para ajustar la configuración predeterminada de la vista y establecer el modo más conveniente de trabajar en la presentación, pulse el icono <b>Mostrar ajustes</b> <img alt="icono Mostrar ajustes" src="../images/viewsettingsicon.png" /> en la esquina derecha de la barra de herramientas superior y seleccione que elementos de la interfaz usted quiere mostrar o ocultar.
-			Usted puede seleccionar las opciones siguientes en la lista desplegable <b>Mostrar ajustes</b>:
-			</p>
+			<p>Para ajustar la configuración predeterminada de la vista y establecer el modo más conveniente de trabajar en la presentación, cambie a la pestaña <b>Inicio</b> en la barra de herramientas superior, haga clic en el icono <img alt="Icono Mostrar ajustes" src="../images/viewsettingsicon.png" /> <b>Mostrar ajustes</b> en la esquina izquierda de la barra de herramientas superior y seleccione qué elementos de la interfaz quiere mostrar u ocultar. Usted puede seleccionar las opciones siguientes en la lista desplegable <b>Mostrar ajustes</b>:</p>
 			<ul>
-			<li><b>Barra de herramientas compacta</b> - activa un modo de la barra de herramientas compacta que proporciona el acceso a las funciones básicas. Para ver la barra de herramientas predeterminada pulse esta opción una vez más.</li>
-			<li><b>Ocultar barra de título</b> - oculta la barra más alta donde se muestran el nombre del documento y la opción <b>Ir a documentos</b>. Para mostrar la <b>Barra de título</b> ocultada pulse esta opción una vez más.</li>
-			<li><b>Ocultar barra de estado</b> - oculta la barra más baja donde se sitúan los botones <b>Indicador de número de diapositiva</b> y <b>Zoom</b>. Para mostrar la <b>Barra de estado</b> ocultada  pulse esta opción una vez más.</li>
-			<li><b>Ocultar reglas</b> - oculta las reglas usadas para establecer tabuladores y sangrías de párrafo en bloques de texto. Para mostrar las <b>Reglas</b> ocultadas, pulse esta opción una vez más.</li>
+			<li><b>Ocultar barra de herramientas</b> - oculta la barra de herramientas superior que contiene comandos mientras que las pestañas permaneces visibles. Cuando esta opción está desactivada, puede hacer clic en cualquier pestaña para mostrar la barra de herramientas. La barra de herramientas se muestra hasta que hace clic en cualquier lugar fuera de este. Para desactivar este modo cambie a la pestaña de <b>Inicio</b>, luego haga clic en el icono <img alt="Icono Mostrar ajustes" src="../images/viewsettingsicon.png" /> <b>Mostrar ajustes</b> y haga clic en la opción <b>Ocultar barra de herramientas</b> de nuevo. La barra de herramientas superior se mostrará todo el tiempo.<p class="note"><b>Nota</b>: de forma alternativa, puede hacer doble clic en cualquier pestaña para ocultar la barra de herramientas superior o mostrarla de nuevo.</p>
+            </li>
+			<li><b>Ocultar barra de estado</b> - oculta la barra más baja donde se sitúan los botones <b>Indicador de número de diapositiva</b> y <b>Zoom</b>. Para mostrar la <b>Barra de estado</b> ocultada pulse esta opción de nuevo.</li>
+            <li><b>Ocultar reglas</b> - oculta las reglas usadas para establecer tabuladores y sangrías de párrafo en bloques de texto. Para mostrar las <b>Reglas</b> ocultadas, pulse esta opción de nuevo.</li>
 			</ul>
-			<p>La barra derecha lateral es minimizada de manera predeterminada. Para expandirla, seleccione cualquier objeto/diapositiva y pulse el icono de la pestaña actualmente activada a la derecha (pulse el icono una vez más para minimizar la barra derecha lateral). Se puede reducir el ancho de la barra izquierda lateral usando la acción de arrastrar y soltar: 
-			mueva cursor del ratón sobre el borde de la barra izquierda lateral para que se convierta en la flecha bidireccional y arrastre el borde a la derecha para extender el ancho de la barra o a la izquierda para reducirlo.</p>
-			<h3>Utilice herramientas de navegación</h3>
+			<p>La barra derecha lateral se minimiza de manera predeterminada. Para expandirla, seleccione cualquier objeto/diapositiva y pulse el icono de la pestaña actualmente activada a la derecha. Para minimizar la barra lateral derecha, pulse el icono de nuevo. Se puede ajustar el ancho de la barra izquierda lateral usando la acción de arrastrar y soltar: mueva el cursor del ratón sobre el borde de la barra izquierda lateral para que se convierta en una flecha bi-direccional y arrastre el borde a la izquierda para reducir el ancho de la barra lateral o a la derecha para expandirlo.</p>
+			<h3>Utilice las herramientas de navegación</h3>
 			<p>Para navegar por su presentación, utilice las herramientas siguientes:</p>
-			<p>Los botones <b>Zoom</b> se sitúan en la esquina derecha inferior y se usan para acercar o alejar la presentación actual. 
-			Para cambiar el valor de zoom seleccionado que se muestra en porcentajes, púlselo y seleccione una de las opciones apropiadas de zoom en la lista 
-			o use los botones <b>Acercar</b> <img alt="botón Acercar" src="../images/zoomin.png" /> o <b>Alejar</b> <img alt="botón Alejar" src="../images/zoomout.png" />. 
-			Pulse el icono <b>Ajustar a ancho</b> <img alt="botón Ajustar a ancho" src="../images/fitwidth.png" /> para ajustar el ancho de diapositiva a la parte visible del área de trabajo.
-			Para ajustar toda la diapositiva a la parte visible del área de trabajo, pulse el icono <b>Ajustar diapositiva</b> <img alt="botón Ajustar diapositiva" src="../images/fitslide.png" />.</p>
-			Los ajustes de zoom también están disponibles en la lista desplegable <b>Mostrar ajustes</b> <img alt="icono Mostrar ajustes" src="../images/viewsettingsicon.png" />, esto puede ser útil si usted decide ocultar la <b>Barra de estado</b>.</p>
-			<p class="note"><b>Nota</b>: usted puede establecer el valor predeterminado de zoom. Pulse el icono <b>Archivo</b> <img alt="icono archivo" src="../images/file.png" /> en la izquierda barra lateral, pase a la sección <b>Ajustes avanzados...</b>, elija <b>Valor de zoom predeterminado</b> en la lista y pulse el botón <b>Aplicar</b>.</p>
-			<p>Los botones <b>Diapositiva anterior</b> <img alt="botón Diapositiva anterior" src="../images/previouspage.png" /> y <b>Diapositiva siguiente</b> <img alt="botón Diapositiva siguiente" src="../images/nextpage.png" /> se sitúan en la esquina derecha inferior debajo de la barra de desplazamiento y se usan para pasar a la diapositiva anterior o siguiente de la presentación actual.</p>
-			<p>El <b>Indicador del número de diapositiva</b> muestra la diapositiva actual como una parte de todas las diapositivas en la presentación actual (diapositiva 'n' de 'nn'). 
-			Pulse esta línea para abrir la ventana donde usted puede introducir el número de diapositiva y rápidamente pasar a ella. Si usted decide ocultar la <b>Barra de estado</b>, esta herramienta será inaccesible.</p>
+			<p>Los botones <b>Zoom</b> se sitúan en la esquina derecha inferior y se usan para acercar o alejar la presentación actual. Para cambiar el valor de zoom seleccionado que se muestra en porcentajes, haz clic en este y seleccione una de las opciones de zoom disponibles de la lista o use los botones <b>Acercar</b>  <img alt="Botón acercar" src="../images/zoomin.png" /> o <b>Alejar</b> . Pulse el icono <img alt="Botón ajustar al ancho" src="../images/fitwidth.png" /> <b>Ajustar al ancho</b> para ajustar el ancho de la diapositiva a la parte visible del área de trabajo. Para ajustar toda la diapositiva a la parte visible del área de trabajo, pulse el icono <img alt="Botón ajustar diapositiva" src="../images/fitslide.png" /> <b>Ajustar diapositiva</b> . Los ajustes de zoom también están disponibles en la lista desplegable <img alt="Icono Mostrar ajustes" src="../images/viewsettingsicon.png" /> <b>Mostrar ajustes</b> que puede ser útil si usted decide ocultar la <b>Barra de estado</b>.</p>
+			<p class="note"><b>Nota</b>: usted puede establecer el valor predeterminado de zoom. Cambie a la pestaña <b>Archivo</b> en la barra de herramientas superior, pase a la sección <b>Ajustes avanzados...</b>, elija el <b>Valor de zoom predeterminado</b> de la lista y haga clic en el botón <b>Aplicar</b>.</p>
+			<p>Para ir a la diapositiva anterior o la diapositiva siguiente cuando edita una presentación, puede usar los botones de <img alt="Botón Diapositiva anterior" src="../images/previouspage.png" /> y <img alt="Botón Diapositiva siguiente" src="../images/nextpage.png" /> en la parte superior e inferior de la barra de desplazamiento vertical situada a la derecha de la presentación.</p>
+			<p>El <b>Indicador del número de diapositiva</b> muestra la diapositiva actual como parte de todas las diapositivas en la presentación actual (diapositiva 'n' de 'nn'). Haga clic en esta leyenda para abrir la ventana donde usted puede introducir el número de diapositiva y rápidamente ir a esta. Si usted decide ocultar la <b>Barra de estado</b>, esta herramienta será inaccesible.</p>
+			
+			
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/Search.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/Search.htm
index 441cf1720..99e282512 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/Search.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/Search.htm
@@ -3,34 +3,23 @@
 	<head>
 		<title>Función de búsqueda</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="La descripción de función  de búsqueda en el editor de presentaciones" />
+		<meta name="description" content="The description of the search function in Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 		<h1>Función de búsqueda</h1>
-			<p>Para <b>buscar</b> los caracteres necesarios, palabras o frases usadas en la presentación actualmente editada, 
-			pulse el icono <img alt="Icono búsqueda" src="../images/searchicon.png" /> que se sitúa en la barra izquierda lateral.</p>
-			<p>Se abrirá la ventana <b>Búsqueda</b>:</p>
-			<img alt="Ventana de búsqueda" src="../images/search_window.png" />
-			<ol>
-			<li>Introduzca su solicitud en el campo correspondiente.</li> 
-			<!--<li>Specify search options: press the <img alt="Search Options button" src="../images/SearchOptions.png" /> button and check the necessary option clicking on it in the drop-down list:
-			<ul>
-			<li><b>Case sensitive</b> - is used to find only the occurrences typed in the same case as your inquiry (e.g. if your inquiry is 'Editor' and this option is selected, such words as 'editor' or 'EDITOR' etc. will not be found).</li>
-			<li><b>Whole words only</b> - is used to find only the occurrences that are the complete words, not parts of another word (e.g. if your inquiry is 'edit' and this option is selected, such words as 'editor' or 'editing' etc. will not be found).</li>
-			</ul>
-			</li>-->
-			<li>Pulse uno de los <b>botones de flecha</b> a la derecha. 
-			La búsqueda se realizará hacia arriba (si pulsa el botón <img alt="botón de flecha" src="../images/searchupbutton.png" />) o hacia abajo (si pulsa el botón <img alt="botón de flecha" src="../images/searchdownbutton.png" />) de la posición actual de cursor.</li>
+			<p><b>Para buscar</b> los caracteres necesarios, palabras o frases usadas en la presentación actualmente editada, haga clic en el <img alt="Icono Buscar" src="../images/searchicon.png" /> icono situado en la barra izquierda lateral.</p>
+			<p>La ventana <b>Búsqueda</b> se abrirá:</p><img alt="Ventana de búsqueda" src="../images/search_window.png" /><ol>
+			<li>Introduzca su consulta en el campo correspondiente.</li>
+			<li>Pulse uno de los <b>botones de flecha</b> a la derecha. La búsqueda se realizará o hacia el principio de la presentación (si pulsa el botón <img alt="Botón de flecha izquierda" src="../images/searchupbutton.png" />) o hacia el final de la presentación (si pulsa el botón <img alt="Botón de flecha derecha" src="../images/searchdownbutton.png" />) de la posición actual de cursor.</li>
 			</ol>
-			<p>La primera diapositiva en la dirección seleccionada que contiene los caracteres introducidos será resaltada en la lista de diapositivas y mostrada en el área de trabajo con los requeridos caracteres resaltados. Si no es la diapositiva que está buscando, pulse el botón necesario otra vez para encontrar la siguiente diapositiva que contiene los caracteres introducidos.</p> 
-		    <!--<p><b>To replace</b> one or more occurrences of the found characters click the <b>Replace</b> button below the <b>Search</b> buttons. The <b>Search</b> window will change:</p>
-			<img alt="Search Window" src="../images/search_replace_window.png" />
-			<ol>
-			<li>Type in the replacement text into the bottom data entry field.</li>			
-			<li>Click the <b>Replace</b> button to replace the currently selected occurrence or the <b>Replace All</b> button to replace all the found occurrences.</li>
-			</ol>-->
+			<p>La primera diapositiva en la dirección seleccionada que contiene los caracteres introducidos se resaltará en la lista de diapositivas y se mostrará en el área de trabajo con los caracteres necesarios resaltados. Si no es la diapositiva que está buscando, haga clic en el botón de nuevo para encontrar la siguiente diapositiva que contiene los caracteres introducidos.</p> 
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/SpellChecking.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/SpellChecking.htm
new file mode 100644
index 000000000..4a2c6defd
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/SpellChecking.htm
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Corrección ortográfica</title>
+		<meta charset="utf-8" />
+		<meta name="description" content="Spell check the text in your language while editing a presentation" />
+		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
+	</head>
+	<body>
+		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+		<h1>Corrección ortográfica</h1>
+			<p><b>El editor de documentos</b> le permite comprobar la ortografía de su texto en un idioma concreto y corregir errores mientras edita.</p>
+			<p>Lo primero, <b>establezca el idioma</b> para su presentación. Haga clic en el icono <img alt="Icono Establecer idioma de presentación" src="../images/document_language.png" /> en la parte derecha de la barra de estado. En la ventana que aparece, seleccione el idioma necesario y pulse <b>OK</b>. El idioma seleccionado se aplicará a toda la presentación.</p>
+			<p><img alt="Ventana Establecer idioma de presentación" src="../images/document_language_window.png" /></p>
+			<p>Para <b>eligir un idioma diferente</b> para cualquier parte de texto en la presentación, seleccione el pasaje de texto necesario con el ratón y use el menú <img alt="Corrección ortográfica - selector de idioma de texto" src="../images/spellchecking_language.png" /> en la barra de estado.</p>
+            <p>Para <b>activar</b> la opción de corrección ortográfica, puede:</p>
+            <ul>
+                <li>hacer clic en el icono <img alt="Icono Corrección ortográfica desactivada" src="../images/spellcheckdeactivated.png" /> <b>Corrección ortográfica</b> en la barra de estado, o</li>
+                <li>abra la la pestaña <b>Archivo</b> en la barra de herramientas superior, seleccione la opción <b>Ajustes avanzados...</b>, valide la casilla de <b>Activar opción de corrección ortográfica</b> y haga clic en el botón <b>Aplicar</b>.</li>
+            </ul>
+            <p>Las palabras mal escritas se subrayarán con una línea roja.</p>
+			<p>Haga clic derecho en la palabra necesaria para activar el menú y:</p>
+			<ul>
+			<li>elija una de las palabras sugeridas escritas correctamente para reemplazar la palabra mal escrita con la sugerida. Si se han encontrado demasiado variantes, la opción <b>Más variantes...</b> aparecerá en el menú;</li>
+			<li>utilice la opción <b>Ignorar</b> para omitir solo esa palabra y eliminar subrayado o <b>Ignorar todo</b> para omitir todas las palabras idénticas repetidas en el texto;</li>
+			<li>seleccione un idioma diferente para esta palabra.</li>
+			</ul>  
+            <p><img alt="Corrección ortográfica" src="../images/spellchecking_presentation.png" /></p>
+            <p>Para <b>desactivar</b> la opción de corrección ortográfica, puede:</p>
+            <ul>
+                <li>hacer clic en el icono <img alt="Icono Corrección ortográfica activada" src="../images/spellcheckactivated.png" /> <b>Corrección ortográfica</b> en la barra de estado, o</li>
+                <li>abra la la pestaña <b>Archivo</b> en la barra de herramientas superior, seleccione la opción <b>Ajustes avanzados...</b>, desvalide la casilla de <b>Activar opción de corrección ortográfica</b> y haga clic en el botón <b>Aplicar</b>.</li>
+            </ul>
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/HelpfulHints/SupportedFormats.htm b/apps/presentationeditor/main/resources/help/es/HelpfulHints/SupportedFormats.htm
index 7d96af2ff..4cae57c39 100644
--- a/apps/presentationeditor/main/resources/help/es/HelpfulHints/SupportedFormats.htm
+++ b/apps/presentationeditor/main/resources/help/es/HelpfulHints/SupportedFormats.htm
@@ -1,16 +1,20 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<title>Formatos soportados de presentaciones electrónicas</title>
+		<title>Formatos compatibles de presentaciones electrónicas</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="La lista de formatos de presentaciones soportados por el editor de presentaciones" />
+		<meta name="description" content="The list of presentation formats supported by Presentation Editor" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
-		<h1>Formatos soportados de presentaciones electrónicas</h1>
-			<p>Presentación es un conjunto de diapositivas que puede incluir tipos de contenido diferentes por ejemplo imágenes, archivos multimedia, texto, efectos etc. 
-			<b>El editor de presentaciones</b> soporte los formatos de presentaciones siguientes:</p>
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+		<h1>Formatos compatibles de presentaciones electrónicas</h1>
+			<p>La presentación es un conjunto de diapositivas que puede incluir distintos tipos de contenido por como imágenes, archivos multimedia, texto, efectos etc. <b>El editor de presentaciones</b> es compatible con los siguientes formatos de presentaciones:</p>
 			<table>
 				<tr>
 					<td><b>Formatos</b></td>
@@ -35,14 +39,14 @@
 				</tr>
 				<tr>
 					<td>ODP</td>
-					<td>Presentación OpenDocument<br /> El formato que representa un documento de presentación creado por la aplicación Impress, que es la parte de suites de oficina basadas en OpenOffice</td>
+					<td>Presentación OpenDocument<br /> El formato que representa un documento de presentación creado por la aplicación Impress, que es parte de las oficinas suites basadas en OpenOffice</td>
+					<td>+</td>
 					<td>+</td>
 					<td>+</td>
-					<td></td>
 				</tr>
 				<tr>
 					<td>PDF</td>
-					<td>formato de documento portátil<br />El formato de archivo usado para representar documentos independiente de software, hardware, o sistema operativo</td>
+					<td>Formato de documento portátil <br /> Es un formato de archivo usado para la representación de documentos en una manera independiente de la aplicación de software, hardware, y sistemas operativos</td>
 					<td></td>
 					<td></td>
 					<td>+</td>
diff --git a/apps/presentationeditor/main/resources/help/es/ProgramInterface/FileTab.htm b/apps/presentationeditor/main/resources/help/es/ProgramInterface/FileTab.htm
new file mode 100644
index 000000000..7a755b04f
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/ProgramInterface/FileTab.htm
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Pestaña de archivo</title>
+		<meta charset="utf-8" />
+        <meta name="description" content="Introducing the Presentation Editor user interface - File tab" />
+		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
+	</head>
+	<body>
+		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+			<h1>Pestaña de archivo</h1>
+            <p>La pestaña de <b>Archivo</b> permite realizar operaciones básicas en el archivo actual.</p>
+            <p><img alt="Pestaña de archivo" src="../images/interface/filetab.png" /></p>
+            <p>Si usa esta pestaña podrá:</p>
+            <ul>
+                <li><a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">guardar</a> el archivo actual (en caso de que la opción de <b>autoguardado</b> esté desactivada), <a href="../UsageInstructions/SavePrintDownload.htm" onclick="onhyperlinkclick(this)">descargar, imprimir</a> o <a href="../UsageInstructions/ViewPresentationInfo.htm" onclick="onhyperlinkclick(this)">cambiar el nombre del archivo</a>,</li>
+                <li><a href="../UsageInstructions/OpenCreateNew.htm" onclick="onhyperlinkclick(this)">crear</a> una presentación nueva o abrir una que se ha editado de forma reciente,</li>
+                <li>mostrar <a href="../UsageInstructions/ViewPresentationInfo.htm" onclick="onhyperlinkclick(this)">información general</a> sobre la presentación,</li>
+                <li>gestionar los <a href="../UsageInstructions/ViewPresentationInfo.htm" onclick="onhyperlinkclick(this)">derechos de acceso</a>,</li>
+                <li>acceder al editor de <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Ajustes avanzados</a></li>
+                <li>volver a la lista de Documentos.</li>
+            </ul>
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/ProgramInterface/HomeTab.htm b/apps/presentationeditor/main/resources/help/es/ProgramInterface/HomeTab.htm
new file mode 100644
index 000000000..dbd64094c
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/ProgramInterface/HomeTab.htm
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Pestaña de Inicio</title>
+		<meta charset="utf-8" />
+        <meta name="description" content="Introducing the Presentation Editor user interface - Home tab" />
+		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
+	</head>
+	<body>
+		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+			<h1>Pestaña de Inicio</h1>
+            <p>La pestaña de <b>Inicio</b> se abre por defecto cuando abre una presentación. Permite fijar parámetros generales con respecto a diapositivas, formato del texto, insertar, alinear y organizar varios objetos.</p>
+            <p><img alt="Pestaña de Inicio" src="../images/interface/hometab.png" /></p>
+            <p>Si usa esta pestaña podrá:</p>
+            <ul>
+                <li>organizar <a href="../UsageInstructions/ManageSlides.htm" onclick="onhyperlinkclick(this)">diapositivas</a> y <a href="../UsageInstructions/PreviewPresentation.htm" onclick="onhyperlinkclick(this)">empezar presentación</a>,</li>
+                <li>formatear <a href="../UsageInstructions/InsertText.htm#formattext" onclick="onhyperlinkclick(this)">texto</a> que está dentro de un cuadro de texto,</li>
+                <li>insertar <a href="../UsageInstructions/InsertText.htm" onclick="onhyperlinkclick(this)">cuadros de texto</a>, <a href="../UsageInstructions/InsertImages.htm" onclick="onhyperlinkclick(this)">imágenes</a>, <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">formas</a>,</li>
+                <li><a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">alinear y arreglar objetos</a> en una diapositiva,</li>
+                <li><a href="../UsageInstructions/CopyClearFormatting.htm" onclick="onhyperlinkclick(this)">copiar/borrar</a> el formato de un texto,</li>
+                <li>cambiar un <a href="../UsageInstructions/SetSlideParameters.htm" onclick="onhyperlinkclick(this)">tema, esquema de color o tamaño de diapositiva</a>,</li>
+                <li>ajustar los <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">Ajustes de visualización</a> y acceder al editor de <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Ajustes avanzados</a>.</li>
+            </ul>
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/ProgramInterface/InsertTab.htm b/apps/presentationeditor/main/resources/help/es/ProgramInterface/InsertTab.htm
new file mode 100644
index 000000000..8c5692520
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/ProgramInterface/InsertTab.htm
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Pestaña Insertar</title>
+		<meta charset="utf-8" />
+        <meta name="description" content="Introducing the Presentation Editor user interface - Insert tab" />
+		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
+	</head>
+	<body>
+		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+			<h1>Pestaña Insertar</h1>
+            <p>La pestaña <b>Insertar</b> permite añadir objetos visuales y comentarios a su presentación.</p>
+            <p><img alt="Pestaña Insertar" src="../images/interface/inserttab.png" /></p>
+            <p>Si usa esta pestaña podrá:</p>
+            <ul>
+                <li>insertar <a href="../UsageInstructions/InsertTables.htm" onclick="onhyperlinkclick(this)">tablas</a>,</li>
+                <li>Insertar <a href="../UsageInstructions/InsertText.htm" onclick="onhyperlinkclick(this)">cuadros de texto y objetos Text Art</a>, <a href="../UsageInstructions/InsertImages.htm" onclick="onhyperlinkclick(this)">imágenes</a>, <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">formas</a>, <a href="../UsageInstructions/InsertCharts.htm" onclick="onhyperlinkclick(this)">gráficos</a>,</li>
+                <li>insertar <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">comentarios</a> y <a href="../UsageInstructions/AddHyperlinks.htm" onclick="onhyperlinkclick(this)">hiperenlaces</a>,</li>
+                <li>insertar <a href="../UsageInstructions/InsertEquation.htm" onclick="onhyperlinkclick(this)">ecuaciones</a>.</li>
+            </ul>
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/ProgramInterface/PluginsTab.htm b/apps/presentationeditor/main/resources/help/es/ProgramInterface/PluginsTab.htm
new file mode 100644
index 000000000..9f4806764
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/ProgramInterface/PluginsTab.htm
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Pestaña de Puglins</title>
+		<meta charset="utf-8" />
+        <meta name="description" content="Introducing the Presentation Editor user interface - Plugins tab" />
+		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
+	</head>
+	<body>
+		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+			<h1>Pestaña de Puglins</h1>
+            <p>La pestaña de <b>Puglins</b> permite acceder a funciones de edición avanzadas usando componentes disponibles de terceros.</p>
+            <p><img alt="Pestaña de Puglins" src="../images/interface/pluginstab.png" /></p>
+            <p>Actualmente, los siguientes puglins están disponibles:</p>		
+            <ul>
+                <li><b>ClipArt</b> permite añadir imágenes de la colección de clipart a su presentación,</li>
+                <li><b>Editor de Fotos</b> permite editar imágenes: cortar, cambiar tamaño, usar efectos etc.</li>
+                <li><b>Tabla de símbolos</b> permite introducir símbolos especiales en su texto,</li>
+                <li><b>Traductor</b> permite traducir el texto seleccionado a otros idiomas,</li>
+                <li><b>Youtube</b> permite adjuntar vídeos de YouTube en su presentación.</li>
+            </ul>
+            <p>Para aprender más sobre plugins, por favor, lea nuestra <a target="_blank" href="https://api.onlyoffice.com/plugin/basic" onclick="onhyperlinkclick(this)">Documentación API</a>. Todos los ejemplos de puglin existentes y de acceso libre están disponibles en <a target="_blank" href="https://github.com/ONLYOFFICE/sdkjs-plugins" onclick="onhyperlinkclick(this)">GitHub</a></p>
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/ProgramInterface/ProgramInterface.htm b/apps/presentationeditor/main/resources/help/es/ProgramInterface/ProgramInterface.htm
new file mode 100644
index 000000000..2536bd08f
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/ProgramInterface/ProgramInterface.htm
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Introduciendo el interfaz de usuario de Editor de Presentación</title>
+		<meta charset="utf-8" />
+        <meta name="description" content="Introducing the Presentation Editor user interface" />
+		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
+	</head>
+	<body>
+		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+			<h1>Introduciendo el interfaz de usuario de Editor de Presentación</h1>
+			<p>El <b>Editor de Presentación</b> usa un interfaz de pestañas donde los comandos de edición se agrupan en pestañas de manera funcional.</p>
+            <p><img alt="Ventana Editor" src="../images/interface/editorwindow.png" /></p>
+            <p>El interfaz de edición consiste en los siguientes elementos principales:</p>
+            <ol>
+                <li>El <b>Encabezado del editor</b> muestra el logo, pestañas de menú, el nombre de la presentación y dos iconos a la derecha que permiten <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">ajustar derechos de acceso</a> y volver a la lista de Documentos.<p><img alt="Iconos en el encabezado del editor" src="../images/interface/rightpart.png" /></p>
+                </li>
+                <li>La <b>Barra de herramientas superior</b> muestra un conjunto de comandos para editar dependiendo de la pestaña del menú que se ha seleccionado. Actualmente, las siguientes pestañas están disponibles: <a href="../ProgramInterface/FileTab.htm" onclick="onhyperlinkclick(this)">Archivo</a>, <a href="../ProgramInterface/HomeTab.htm" onclick="onhyperlinkclick(this)">Inicio</a>, <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)">Insertar</a>, <a href="../ProgramInterface/PluginsTab.htm" onclick="onhyperlinkclick(this)">Puglins</a>.<p>Las opciones de <b>Imprimir</b>, <b>Guardar</b>, <b>Copiar, </b><b>Pegar</b>, <b>Deshacer</b>, <b>Volver a hacer</b> y <b>Añadir diapositiva</b> están siempre disponibles en la parte izquierda de la <b>Barra de herramientas superior</b> independientemente de la pestaña seleccionada.</p>
+                <p><img alt="Iconos en la barra de herramientas superior" src="../images/interface/leftpart.png" /></p>
+                </li>
+                <li>La <b>Barra de estado</b> de debajo de la ventana del editor contiene el icono <a href="../UsageInstructions/PreviewPresentation.htm" onclick="onhyperlinkclick(this)">Empezar presentación de diapositivas</a>, y varias <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">herramientas de navegación</a>: indicador de número de diapositivas y botones de zoom. <b>La Barra de estado</b> también muestra varias notificaciones (como "Todos los cambios se han guardado" etc.) y permite <a href="../HelpfulHints/SpellChecking.htm" onclick="onhyperlinkclick(this)">ajustar un idioma para el texto y activar la corrección ortográfica</a>.</li>
+                <li>La <b>Barra lateral izquierda</b> contiene iconos que permiten el uso de la herramienta <a href="../HelpfulHints/Search.htm" onclick="onhyperlinkclick(this)">Buscar</a>, minimizar/expandir la lista de diapositivas, abrir el panel <a href="../HelpfulHints/CollaborativeEditing.htm#comments" onclick="onhyperlinkclick(this)">Comentarios</a> y <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a>, contactar a nuestro equipo de ayuda y ver la información del programa.</li>
+                <li>La <b>Barra lateral derecha</b> permite ajustar parámetros adicionales de objetos distintos. Cuando selecciona un objeto en particular en una diapositiva, el icono correspondiente se activa en la barra lateral derecha. Haga clic en este icono para expandir la barra lateral derecha.</li>
+                <li>Las <b>Reglas</b> horizontales y verticales le ayudan a colocar objetos en una diapositiva y le permiten establecer paradas del tabulador y sangrías dentro de cuadros de texto.</li>
+                <li><b>El área de trabajo</b> permite ver contenido de presentación, introducir y editar datos.</li>
+                <li>La <b>Barra de desplazamiento</b> a la derecha permite desplazar la presentación hacia arriba y hacia abajo.</li>
+            </ol>
+            <p>Para su conveniencia, puede ocultar varios componentes y mostrarlos de nuevo cuando sea necesario. Para aprender más sobre cómo ajustar los ajustes de vista vaya a  <a href="../HelpfulHints/Navigation.htm" onclick="onhyperlinkclick(this)">esta página</a>.</p>
+           
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/AddHyperlinks.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/AddHyperlinks.htm
index 007c1d7b5..b80d78234 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/AddHyperlinks.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/AddHyperlinks.htm
@@ -1,44 +1,42 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<title>Añada hiperenlaces</title>
+		<title>Añada hiperenlace</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Añada hiperenlaces a una palabra o un fragmento de texto para poder pasar a un sitio web externo o a oyra diapositiva en la misma presentación" />
+		<meta name="description" content="Add hyperlinks to a word or text fragment leading to an external website or to another slide in the same presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
         <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
-			<h1>Añada hiperenlaces</h1>
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+			<h1>Añada hiperenlace</h1>
 			<p>Para añadir un hiperenlace,</p>
 			<ol>
-				<li>coloque el cursor en la posición en el bloque de texto donde usted quiere añadir un hiperenlace,</li>
-				<li>pulse el icono <b>Añadir hiperenlace</b> <img alt="icono Añadir hiperenlace" src="../images/addhyperlink.png" /> en la barra de herramientas superior,</li>
-				<li>se abrirá la ventana <b>Configuración de hiperenlace</b> donde usted podrá especificar los parámetros de hiperenlace:
-				<ul>
-				    <li><b>Tipo de enlace</b> seleccione el tipo de enlace que quiere insertar en la lista desplegable:
-				    <ul>
-				    <li>Use la opción <b>Enlace externo</b> y introduzca URL en el formato http://www.example.com en el campo debajo <b>Enlace a</b> si usted necesita añadir un hiperenlace a un sitio web externo.
-				    <p><img alt="ventana Configuración de hiperenlace" src="../images/hyperlinkwindow.png" /></p>
+				<li>coloque el cursor en la posición dentro del cuadro de texto donde quiere añadir un hiperenlace,</li>
+                <li>cambie a al pestaña <b>Insertar</b> en la barra de herramientas superior,</li>
+				<li>pulse el icono <img alt="Icono hiperenlace" src="../images/addhyperlink.png" /> <b>Hiperenlace</b>en la barra de herramientas superior,</li>
+				<li>Después de estos pasos, la ventana <b>Configuración de hiperenlace</b> se abrirá, y usted podrá especificar los parámetros del hiperenlace:<ul>
+				    <li><b>Tipo de enlace</b> seleccione el tipo de enlace que quiere insertar en la lista desplegable:<ul>
+				    <li>Use la opción <b>Enlace externo</b> e introduzca una URL en el formato http://www.example.com en el campo debajo de <b>Enlace a</b> si usted necesita añadir un hiperenlace a un sitio web externo.<p><img alt="Ventana Ajustes de hiperenlace" src="../images/hyperlinkwindow.png" /></p>
 				    </li>
-				    <li>Use la opción <b>Diapositiva en esta presentación</b> y seleccione una de las opciones debajo si usted necesita añadir un hiperenlace a una cierta diapositiva de la misma presentación. Usted puede marcar una de las casillas siguientes: Diapositiva siguiente, Diapositiva anterior, Primera diapositiva, Última diapositiva, Diapositiva con el número especificado.
-				    <p><img alt="ventana Configuración de hiperenlace" src="../images/hyperlinkwindow2.png" /></p>
+				    <li>Use la opción <b>Diapositiva en esta presentación</b> y seleccione una de las opciones de debajo si usted necesita añadir un hiperenlace a una cierta diapositiva de la misma presentación. Usted puede verificar una de las siguientes casillas: Diapositiva siguiente, Diapositiva anterior, Primera diapositiva, Última diapositiva, Diapositiva con el número especificado.<p><img alt="Ventana Ajustes de hiperenlace" src="../images/hyperlinkwindow2.png" /></p>
 				    </li>
 				    </ul>
 				    </li>
-					<li><b>Mostrar</b> - introduzca el texto sobre lo que se podrá hacer clic para ir a la dirección web/diapositiva especificada en el campo de arriba.</li>
-					<li><b>Información en plantilla</b> - introduzca el texto que será mostrado en la pequeña ventana emergente que le proporcionará una nota breve o una etiqueta pertenecida al hiperenlace insertado.</li>
+					<li><b>Mostrar</b> - introduzca texto sobre el que se pueda hacer clic para ir a la dirección web/diapositiva especificada en el campo de arriba.</li>
+					<li><b>Información en pantalla</b> - introduzca un texto que se hará visible en una ventana emergente y que le proporciona una nota breve o una etiqueta al enlace que se indica.</li>
 				</ul>
 				</li>
-				<li>pulse el botón <b>OK</b>.</li>
+				<li>Pulse el botón <b>OK</b>.</li>
 			</ol>
-			<p>Para añadir un hiperenlace, usted también puede hacer clic con el botón derecho del ratón en la posición donde se insertará el hiperenlace y seleccionar la opción <b>Hiperenlace</b> en el menú contextual o usar la combinación de las teclas <b>Ctrl+K</b>.</p>
-			<p class="note"><b>Nota</b>: también es posible seleccionar un carácter, palabra o combinación de palabras con el ratón o <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">usando el teclado</a> y
-			pulsar el icono <b>Añadir hiperenlace</b> <img alt="icono Añadir hiperenlace" src="../images/addhyperlink.png" /> en la barra de herramientas superior o hacer clic con el botón derecho sobre la selección y elegir la opción <b>Hiperenlace</b> en el menú. 
-			Luego la ventana mostrada de arriba se abrirá con el campo <b>Mostrar</b> rellenado del fragmento de texto seleccionado.</p>
-			<p>Si mantiene cursor sobre el hiperenlace añadido, se abrirá información en pantalla con el texto especificado. 
-			Usted puede seguir el enlace pulsando la tecla <b>CTRL</b> y haciendo clic sobre el enlace en su presentación.</p>
-			<p>Para editar o borrar el hiperenlace añadido, púlselo con el derecho botón del ratón, seleccione la opción <b>Hiperenlace</b> en el menú contextual y la acción que quiere realizar - <b>Editar hiperenlace</b> o <b>Eliminar hiperenlace</b>.</p>
+			<p>Para añadir un hiperenlace, usted también puede hacer clic con el botón derecho del ratón en la posición donde se insertará el hiperenlace y seleccionar la opción <b>Hiperenlace</b> en el menú contextual o usar la combinación de teclas <b>Ctrl+K</b>.</p>
+			<p class="note"><b>Nota</b>: también es posible seleccionar un símbolo, palabra o combinación de palabras con el ratón o <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">usando el teclado</a> y pulsar el icono <img alt="Icono hiperenlace" src="../images/addhyperlink.png" /> <b>hiperenlace</b>  en la pestaña <b>Insertar</b> en la barra de herramientas superior o hacer clic derecho sobre la selección y elegir la opción <b>Hiperenlace</b> del menú. Después, la ventana que se muestra arriba se abrirá con el campo de <b>Mostrar</b>, completado con el texto del fragmento seleccionado.</p>
+			<p>Si mantiene el cursor encima del hiperenlace añadido, aparecerá la Información en pantalla con el texto que ha especificado. Usted puede seguir el enlace pulsando la tecla <b>CTRL</b> y haciendo clic sobre el enlace en su presentación.</p>
+			<p>Para editar o borrar el hiperenlace añadido, haga clic en este mismo con el botón derecho del ratón, seleccione la opción <b>Hiperenlace</b> en el menú contextual y la acción que quiere realizar - <b>Editar hiperenlace</b> o <b>Eliminar hiperenlace</b>.</p>
 		</div>
 	</body>
 </html>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/AlignArrangeObjects.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/AlignArrangeObjects.htm
index d6e09273c..9a0fc9db6 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/AlignArrangeObjects.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/AlignArrangeObjects.htm
@@ -1,40 +1,47 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<title>Alinee y arregle objetos en una diapositiva</title>
+		<title>Alinee y organice objetos en una diapositiva</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Alinee y arregle bloques de texto, autoformas y imagenes en una diapositiva." />
+		<meta name="description" content="Align and arrange text boxes, autoshapes, images and charts on a slide." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
-			<h1>Alinee y arregle objetos en una diapositiva</h1>
-			<p>Los <b>bloques de texto</b> o <b>autoformas, gráficos e imágenes</b> añadidos, pueden ser alineados, agrupados, ordenados, distribuidos horizontalmente y verticalmente en una diapositiva. Para realizar una de estas acciones, primeramente seleccione un objeto o unos objetos en el área de edición de diapositiva. Para seleccionar unos objetos, mantenga apretada la tecla <b>Ctrl</b> y haga clic sobre los objetos necesarios. Para seleccionar un bloque de texto, haga clic en su borde y no en ello. Después usted puede utilizar los iconos de la barra de herramientas superior que son descritos debajo o las opciones análogas del menú contextual.</p>
-			<p>Para <b>alinear</b> el objeto seleccionado (o unos objetos), pulse el icono <b>Alinear forma</b> <img alt="icono Alinear forma" src="../images/alignshape.png" /> en la barra de herramientas superior y seleccione el tipo de alineación necesario en la lista:</p>
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+			<h1>Alinee y organice objetos en una diapositiva</h1>
+			<p>Los <b>cuadros de texto</b> o <b>autoformas, gráficos e imágenes</b> añadidos, se pueden alinear, agrupar, ordenar, o distribuir horizontal y verticalmente en una diapositiva. Para realizar una de estas acciones, primero seleccione un objeto o varios objetos en el área de edición de diapositiva. Para seleccionar unos objetos, mantenga apretada la tecla <b>Ctrl</b> y haga clic sobre los objetos necesarios. Para seleccionar un cuadro de texto, haga clic en su borde y no en el texto de dentro. Después, puede utilizar o los iconos en la pestaña de <b>Inicio</b> de la barra de herramientas superior que se describen más adelante o las opciones análogas del menú contextual.</p>
+			<h3>Alinear objetos</h3>
+            <p>Para <b>alinear</b> el objeto seleccionado (o varios objetos), pulse el icono <img alt="Icono Alinear forma" src="../images/alignshape.png" /> <b>Alinear forma</b> en la pestaña de <b>Inicio</b> en barra de herramientas superior y seleccione el tipo de alineación necesario de la lista:</p>
 			    <ul>
-			    <li><b>Alinear a la izquierda</b> <img alt="icono Alinear a la izquierda" src="../images/alignobjectleft.png" /> - para alinear los objetos horizontalmente a la parte izquierda de una diapositiva,</li>
-			    <li><b>Alinear al centro</b> <img alt="icono Alinear al centro" src="../images/alignobjectcenter.png" /> - para alinear los objetos horizontalmente al centro de una diapositiva,</li>
-			    <li><b>Alinear a la derecha</b> <img alt="icono Alinear a la derecha" src="../images/alignobjectright.png" /> - para alinear los objetos horizontalmente a la parte derecha de una diapositiva,</li>
-			    <li><b>Alinear en la parte superior</b> <img alt="icono Alinear en la parte superior" src="../images/alignobjecttop.png" /> - para alinear los objetos verticalmente a la parte superior de una diapositiva,</li>
-			    <li><b>Alinear al medio</b> <img alt="icono Alinear al medio" src="../images/alignobjectmiddle.png" /> - para alinear los objetos verticalmente al medio de una diapositiva,</li>
-			    <li><b>Alinear en la parte inferior</b> <img alt="icono Alinear en la parte inferior" src="../images/alignobjectbottom.png" />  - para alinear los objetos verticalmente a la parte inferior de una diapositiva.</li>
+			    <li><b>Alinear a la izquierda</b> <img alt="Icono alinear a la izquierda" src="../images/alignobjectleft.png" /> - para alinear los objetos horizontalmente a la parte izquierda de una diapositiva,</li>
+			    <li><b>Alinear al centro</b> <img alt="Icono alinear al centro" src="../images/alignobjectcenter.png" /> - para alinear los objetos horizontalmente al centro de una diapositiva,</li>
+			    <li><b>Alinear a la derecha</b> <img alt="Icono alinear a la derecha" src="../images/alignobjectright.png" /> - para alinear los objetos horizontalmente a la parte derecha de una diapositiva,</li>
+			    <li><b>Alinear en la parte superior</b> <img alt="Icono Alinear arriba" src="../images/alignobjecttop.png" /> - para alinear los objetos verticalmente a la parte superior de una diapositiva,</li>
+			    <li><b>Alinear al medio</b> <img alt="Icono Alinear al medio" src="../images/alignobjectmiddle.png" /> - para alinear los objetos verticalmente al medio de una diapositiva,</li>
+			    <li><b>Alinear en la parte inferior</b>  <img alt="Icono Alinear abajo" src="../images/alignobjectbottom.png" /> - para alinear los objetos verticalmente a la parte inferior de una diapositiva.</li>
 			    </ul>
-			<p>Para <b>distribuir</b> dos objetos seleccionados o más horizontalmente o verticalmente<!--so that the equal distance appears between them-->, pulse el icono <b>Alinear forma</b> <img alt="icono Alinear forma" src="../images/alignshape.png" /> en la barra de herramientas superior y seleccione el tipo de distribución necesario en la lista:</p>
+			<p>Para <b>distribuir</b> dos o más objetos seleccionados horizontal o verticalmente<!--so that the equal distance appears between them-->, haga clic en el icono <img alt="Icono Alinear forma" src="../images/alignshape.png" /> <b>Alinear forma</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior y seleccione el tipo de distribución necesaria en la lista:</p>
 			    <ul>
-			    <li><b>Distribuir horizontalmente</b> <img alt="icono Distribuir horizontalmente" src="../images/distributehorizontally.png" /> - <!--to distribute objects evenly between the most left and most right objects on a slide-->para alinear los objetos seleccionados al centro horizontal de una diapositiva.</li>
-			    <li><b>Distribuir verticalmente</b> <img alt="icono Distribuir verticalmente" src="../images/distributevertically.png" /> - <!--to distribute objects evenly between the most top and most bottom objects on a slide-->para alinear los objetos seleccionados al centro vertical de una diapositiva.</li>
+			    <li><b>Distribuir horizontalmente</b> <img alt="Icono distribuir horizontalmente" src="../images/distributehorizontally.png" /> - <!--to distribute objects evenly between the most left and most right objects on a slide-->para alinear los objetos seleccionados (de los bordes derechos a los de la izquierda) al centro horizontal de una diapositiva.</li>
+			    <li><b>Distribuir verticalmente</b> <img alt="Icono distribuir verticalmente" src="../images/distributevertically.png" /> - <!--to distribute objects evenly between the most top and most bottom objects on a slide-->para alinear los objetos seleccionados (de los bordes de arriba a los de abajo) al centro vertical de una diapositiva.</li>
 			    </ul>
-		    <p>Para <b>arreglar</b> los objetos seleccionados (por ejemplo cambiar su orden cuando unos objetos sobreponen uno al otro), pulse el icono <b>Arreglar forma</b> <img alt="icono Arreglar forma" src="../images/arrangeshape.png" /> en la barra de herramientas superior y seleccione el tipo de disposición necesario en la lista:</p>
+            <h3>Organizar objetos</h3>
+		    <p>Para <b>organizar</b> los objetos seleccionados (por ejemplo, cambiar su orden cuando varios objetos sobreponen uno al otro), haga clic en el icono <img alt="Icono organizar forma" src="../images/arrangeshape.png" /> <b>Arreglar forma</b>  en la pestaña de <b>Inicio</b> en la barra de herramientas superior y seleccione el tipo de disposición necesaria de la lista:</p>
 			    <ul>
-			    <li><b>Traer al frente</b> <img alt="icono Traer al frente" src="../images/bringtofront.png" /> - para desplazar el objeto (o unos objetos) delante de los otros,</li>
-			    <li><b>Enviar al fondo</b> <img alt="icono Enviar al fondo" src="../images/sendtoback.png" /> - para desplazar el objeto (o unos objetos)detrás de los otros,</li>
-			    <li><b>Traer adelante</b> <img alt="icono Traer adelante" src="../images/bringforward.png" /> - para desplazar el objeto (o unos objetos) en un punto hacia delante de otros objetos.</li>
-			    <li><b>Enviar atrás</b> <img alt="icono Enviar atrás" src="../images/sendbackward.png" /> - para desplazar el objeto (o unos objetos) en un punto hacia atrás de otros objetos.</li>
+			    <li><b>Traer al frente</b>  <img alt="Icono Traer al frente" src="../images/bringtofront.png" /> - para desplazar el objeto (o unos objetos) delante de los otros,</li>
+			    <li><b>Enviar al fondo</b> <img alt="Icono Enviar al fondo" src="../images/sendtoback.png" /> - para desplazar el objeto (o unos objetos) detrás de los otros,</li>
+			    <li><b>Traer adelante</b> <img alt="Icono Traer adelante" src="../images/bringforward.png" /> - para desplazar el objeto (o unos objetos) un nivel más hacia delante con respecto a los otros objetos.</li>
+			    <li><b>Enviar atrás</b>  <img alt="Icono Enviar atrás" src="../images/sendbackward.png" /> - para desplazar el objeto (o unos objetos) un nivel más hacia atrás con respecto a los otros objetos.</li>
 			    </ul>
-			<p>Para <b>agrupar</b> un objeto seleccionado o más  o <b>desagruparlos</b>, pulse el icono <b>Arreglar forma</b> <img alt="icono Arreglar forma" src="../images/arrangeshape.png" /> en la barra de herramientas superior y seleccione la opción necesaria en la lista:</p>
+			<p>Para <b>agrupar</b> dos o más objetos seleccionados o <b>desagruparlos</b>, haga clic en el icono <img alt="Icono organizar forma" src="../images/arrangeshape.png" /> <b>Arreglar forma</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior y seleccione la opción necesaria de la lista:</p>
 			    <ul>
-			    <li><b>Agrupar</b> <img alt="icono Agrupar" src="../images/group.png" /> - para unir unos objetos al grupo para que sea posible girarlos, desplazarlos, cambiar el tamaño y formato, alinearlos, arreglarlos, copiarlos, pegarlos como un objeto.</li>
-			    <li><b>Desagrupar</b> <img alt="icono Desagrupar" src="../images/ungroup.png" /> - para desagrupar el grupo de los objetos seleccionado.</li> 
+			    <li><b>Agrupar</b> <img alt="Icono Agrupar" src="../images/group.png" /> - para unir varios objetos al grupo para que sea posible girarlos, desplazarlos, cambiar el tamaño y formato, alinearlos, arreglarlos, copiarlos, pegarlos como si fuera un solo objeto.</li>
+			    <li><b>Desagrupar</b> <img alt="Icono Desagrupar" src="../images/ungroup.png" /> - para desagrupar el grupo de los objetos seleccionado.</li>
 			    </ul>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ApplyTransitions.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ApplyTransitions.htm
index 61b8d78ea..3eb97deeb 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ApplyTransitions.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ApplyTransitions.htm
@@ -3,36 +3,37 @@
 	<head>
 		<title>Aplique transiciones</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Añada efectos de animacion entre diapositivas" />
+		<meta name="description" content="Add animation effects between slides" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 			<h1>Aplique transiciones</h1>
-			<p>La <b>transición</b> es un efecto de animación que se aplica entre dos diapositivas cuando una diapositiva avanza a la otra durante una demonstración. Usted puede aplicar la misma transición a todas las diapositivas o aplicar las transiciones diferentes a cada diapositiva separada y ajustar los parámetros de transición.</p>
-			<p><b>Para aplicar transición a una diapositiva</b> o unas diapositivas seleccionadas:</p>
-			<p><img class="floatleft"alt="pestaña Ajustes de diapositiva" src="../images/slidesettingstab.png" /></p>
+			<p>La <b>transición</b> es un efecto de animación que se aplica entre dos diapositivas cuando una diapositiva avanza a la otra durante una demonstración. Usted puede aplicar la misma transición a todas las diapositivas o aplicar distintas transiciones a cada diapositiva por separado y ajustar los parámetros de transición.</p>
+			<p><b>Para aplicar una transición a una diapositiva</b> o unas diapositivas seleccionadas:</p>
+			<p><img class="floatleft"alt="Pestaña de Ajustes de diapositiva" src="../images/slidesettingstab.png" /></p>
 			<ol style="margin-left: 280px;">
-				<li>Seleccione la diapositiva necesaria (o unas diapositivas en la lista) a la que usted quiere aplicar la transición. La pestaña <b>Ajustes de diapositiva</b> se activará en la barra derecha lateral. Para abrirla pulse el icono <b>Ajustes de diapositiva</b> <img alt="icono Ajustes de diapositiva" src="../images/slide_settings_icon.png" /> a la derecha.
+				<li>Seleccione la diapositiva necesaria (o unas diapositivas en la lista) a la que usted quiere aplicar la transición. La pestaña <b>Ajustes de diapositiva</b> se activará en la barra derecha lateral. Para abrirla pulse el icono <b>Ajustes de diapositiva</b> <img alt="Icono Ajustes de diapositiva" src="../images/slide_settings_icon.png" /> a la derecha. De manera alternativa, usted puede hacer clic con el botón derecho en cualquier diapositiva de el área de edición y seleccionar la opción <b>Ajustes de Diapositiva</b> en el menú contextual.</li>
+				<li>En la lista desplegable <b>Efectos</b>, seleccione la transición que usted quiere utilizar.<p>Las siguientes transiciones están disponibles: Atenuación, Pulsación, Limpiar, Descubrir, Cubrir, Reloj, Zoom.</p>
 				</li>
-				<li>En la lista desplegable <b>Efectos</b>, seleccione la transición que usted quiere utilizar.
-				<p>Aquí están las transiciones disponibles: Atenuación, Pulsación, Limpiar, Descubrir, Cubrir, Reloj, Zoom.</p>
-				</li>
-				<li>En la lista desplegable debajo, seleccione una de las opciones de efectos disponibles. Estas opciones definen las características del efecto. Por ejemplo, si la transición Zoom está seleccionada, estarán disponibles las opciones Acercar, Zoom y girar.</li>
-				<li>Especifique la duración de una transición. En la casilla <b>Duración</b>, introduzca o seleccione el valor de tiempo necesario, que expresa en segundos.</li>
-				<li>Pulse el botón <b>Vista previa</b> para obtener vista previa de la diapositiva con la transición aplicada.</li>
-				<li>Especifique el periodo en el que la diapositiva se visualizará antes que avance a la otra:
-				    <ul>
-				    <li><b>Iniciar al hacer clic</b> – marque esta casilla si no quiere limitar el tiempo de visualización de la diapositiva seleccionada. La diapositiva se avanzará a la siguiente solo si hace clic en ella.</li>
-				    <li><b>Retraso</b> – utilice esta opción si usted quiere que la diapositiva seleccionada se visualice durante el tiempo especificado antes que avance a la diapositiva siguiente. Marque esta casilla y introduzca o seleccione el valor de tiempo necesario, que expresa en segundos.
-				    <p class="note"><b>Nota</b>: si usted marque solo la casilla <b>retraso</b>, las diapositivas cambiarán automáticamente en un intervalo de tiempo especificado. Si marque las dos casillas <b>Iniciar al hacer clic</b> y <b>Retraso</b> y establece el valor de retraso, las diapositivas también cambiarán automáticamente, pero usted podrá hacer clic en una diapositiva para avanzar a la siguiente.</p>
+				<li>En la lista desplegable de debajo, seleccione una de las opciones de efectos disponibles. Estas opciones definen de forma precisa cómo aparece el efecto.  Por ejemplo, si la transición Zoom está seleccionada, las opciones de Acercar, Alejar y Girar están disponibles.</li>
+				<li>Especifique la duración de una transición. En la casilla <b>Duración</b>, introduzca o seleccione el valor de tiempo necesario, expresado en segundos.</li>
+				<li>Pulse el botón <b>Vista previa</b> para visualizar la diapositiva con la transición aplicada en el área de edición de diapositivas.</li>
+				<li>Especifique el periodo de tiempo que quiere que la diapositiva se muestre hasta que cambie a otra:<ul>
+				    <li><b>Iniciar al hacer clic</b> – marque esta casilla si no quiere limitar el tiempo de visualización de la diapositiva seleccionada. La diapositiva cambiará a la siguiente solo si hace clic con el ratón en esta.</li>
+				    <li><b>Retraso</b> – utilice esta opción si usted quiere que la diapositiva seleccionada se visualice durante el tiempo especificado antes de cambiar a la diapositiva siguiente. Marque esta casilla e introduzca o seleccione el valor de tiempo necesario, expresado en segundos.<p class="note"><b>Nota</b>: si marca solo la casilla de <b>retraso</b>, las diapositivas cambiarán automáticamente en un intervalo de tiempo especificado. Si marca las dos casillas <b>Iniciar al hacer clic</b> y <b>Retraso</b> y establece el valor de retraso, las diapositivas también cambiarán automáticamente, pero usted podrá hacer clic en una diapositiva para avanzar a la siguiente.</p>
 				    </li>
 				    </ul>
 				</li>
 			</ol>
 			<p><b>Para aplicar una transición a todas las diapositivas</b> de su presentación: realice el procedimiento descrito arriba y pulse el botón <b>Aplicar a todas diapositivas</b>.</p>
 			<p><b>Para borrar una transición</b>: seleccione la diapositiva necesaria y elija la opción <b>Ningún</b> en la lista <b>Efecto</b>.</p>
-			<p><b>Para borrar todas las transiciones</b>: seleccione cualquiera diapositiva, elija la opción <b>Ningún</b> en la lista <b>Efecto</b> y pulse el botón <b>Aplicar a todas diapositivas</b>.</p>
+			<p><b>Para borrar todas las transiciones</b>: seleccione cualquier diapositiva, elija la opción <b>Ningún</b> en la lista <b>Efecto</b> y pulse el botón <b>Aplicar a todas diapositivas</b>.</p>
 		</div>
 	</body>
 </html>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyClearFormatting.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyClearFormatting.htm
index 49c99a89f..5caa465db 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyClearFormatting.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyClearFormatting.htm
@@ -1,25 +1,29 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<title>Copie/limpie formato</title>
+		<title>Copie/elimine formato</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Copie/limpie formato en su presentación" />
+		<meta name="description" content="Copy/clear formatting within your presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
         <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
-			<h1>Copie/limpie formato</h1>
-			<p>Para copiar el cierto formato de texto,</p>
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+			<h1>Copie/elimine formato</h1>
+			<p>Para copiar un formato de un texto en particular,</p>
 			<ol>
-				<li>seleccione el pasaje de texto con el formato deseado con el ratón o <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">usando el teclado</a>,</li>
-				<li>pulse el icono <b>Copiar estilo</b> <img alt="Copiar estilo" src="../images/copystyle.png" /> en la barra de herramientas superior (el cursor del ratón será así <img alt="Cursor del ratón al copiar estilo" src="../images/paste_style.png" />),</li>
-				<li>seleccione el pasaje de texto al que usted quiere aplicar el formato.</li>
+				<li>seleccione el pasaje de texto cuyo formato quiere copiar con el ratón o <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">usando el teclado</a>,</li>
+				<li>haga clic en el icono <img alt="Copiar estilo" src="../images/copystyle.png" /> <b>Copiar estilo</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior, (el cursor del ratón estará así <img alt="Cursor del ratón mientras pega el estilo" src="../images/paste_style.png" /> ),</li>
+				<li>seleccione el pasaje de texto donde usted quiere aplicar el mismo formato.</li>
 			</ol>
-			<p>Para rápidamente eliminar formato que usted ha aplicado a un pasaje de texto,</p>
+			<p>Para eliminar el formato que usted ha aplicado de forma rápida a un pasaje de texto,</p>
 			<ol>
-				<li>seleccione el pasaje de texto con el formato no deseado,</li>
-				<li>pulse el icono <b>Limpiar estilo</b> <img alt="Limpiar estilo" src="../images/clearstyle.png" /> en la barra de herramientas superior.</li>
+				<li>seleccione el pasaje de texto cuyo formato quiere eliminar,</li>
+				<li>haga clic en el icono <img alt="Eliminar estilo" src="../images/clearstyle.png" /> <b>Borrar estilo</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior.</li>
 			</ol>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyPasteUndoRedo.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyPasteUndoRedo.htm
index 035aa3ba6..e51b664f6 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyPasteUndoRedo.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/CopyPasteUndoRedo.htm
@@ -3,30 +3,36 @@
 	<head>
 		<title>Copie/pegue sus datos, deshaga/rehaga sus acciones</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Realice las operaciones básicas con la presentación: copiar, pagar, deshacer, rehacer" />
+		<meta name="description" content="Perform the basic operations with the presentation: copy, paste, undo, redo" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
-			<h1>Copie/pegue datos, deshaga/rehaga sus acciones</h1>
-			<p>Para  cortar, copiar y pegar los objetos seleccionados (diapositivas, párrafos de texto, autoformas) en su presentación o deshacer y reahecer sus acciones, use las opciones correspondientes del menú contextual, o los atajos de teclado, o los iconos correspondientes en la barra de herramientas superior:</p>
-			    <ul>
-				    <li><b>Cortar</b> – seleccione un objeto y use la opción <b>Cortar</b> del menú contextual para borrar la selección y enviarla al portapapeles de su ordenador. Los datos eliminados pueden insertarse mas tarde a otro lugar de esta presentación.</li>
-				    <li><b>Copiar</b> – seleccione un objeto y use la opción <b>Copiar</b> del menú contextual o el icono <b>Copiar</b> <img alt="Icono copiar" src="../images/copy.png" /> para copiarlo al portapapeles de su ordenador. Se puede insertar el objeto copiado en otra parte de esta presentación<!--, into another presentation, or into some other program-->.</li>
-				    <li><b>Pegar</b> – encuentra un lugar en su presentación donde desea insertar el objeto anteriormente copiado y use la opción <b>Pegar</b> del menú contextual o el icono <b>Pegar</b> <img alt="Icono pegar" src="../images/paste.png" />. El objeto será insertado en la posición seleccionada de cursor. El objeto puede anteriormente ser copiado de la misma presentación<!--, from another presentation or from some other program-->.</li>
-			    </ul>
-			<p>Para copiar o pegar datos de/en otra presentación u otro programa use las combiamciones de las teclas siguientes:</p>
-			    <ul>    
-			        <li>La combinación de las teclas <b>Ctrl+C</b> para copiar;</li>
-			        <li>La combinación de las teclas <b>Ctrl+V</b> para pegar;</li>
-			        <li>La combinación de las teclas <b>Ctrl+X</b> para cortar.</li>
-			    </ul>
-			<p>Para deshacer/rehacer las acciones realizadas, use los iconos correspondientes en la barra de herramientas superior o los atajos de teclado:</p>
-			    <ul> 				
-				    <li><b>Deshacer</b> – use el icono <b>Deshacer</b> <img alt="Icono deshacer" src="../images/undo.png" /> para deshacer la última acción realizada.</li>
-				    <li><b>Rehacer</b> – use el icono <b>Rehacer</b> <img alt="Icono rehacer" src="../images/redo.png" /> para rehacer la última operación deshecha.
-			        <p>Usted también puede usar la combinación de las teclas <b>Ctrl+Z</b> para desahecer una acción o <b>Ctrl+Y</b> para rehacerla.</p></li>
-			    </ul>
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+			<h1>Copie/pegue sus datos, deshaga/rehaga sus acciones</h1>
+			<p>Para cortar, copiar y pegar los objetos seleccionados (diapositivas, párrafos de texto, autoformas) en su presentación o deshacer y reahecer sus acciones, use las opciones correspondientes del menú contextual, o los atajos de teclado, o los iconos correspondientes en la barra de herramientas superior:</p>
+            <ul>
+                <li><b>Cortar</b> – seleccione un objeto y use la opción <b>Cortar</b> del menú contextual para borrar lo que ha seleccionado y enviarlo al portapapeles de su ordenador. Los datos eliminados pueden insertarse mas tarde a otro lugar de la misma presentación.</li>
+                <li><b>Copiar</b> – seleccione un objeto y use la opción <b>Copiar</b> del menú contextual o el icono <img alt="Icono copiar" src="../images/copy.png" /> <b>Copiar</b> en la barra de herramientas superior para copiarlo al portapapeles de su ordenador. El objeto copiado se puede copiar más adelante en otra parte de la misma presentación.</li>
+                <li><b>Pegar</b> – encuentre un lugar en su presentación donde quiera pegar el objeto anteriormente copiado y use la opción <b>Pegar</b> del menú contextual o el icono <img alt="Icono pegar" src="../images/paste.png" /> <b>Pegar</b> en la barra de herramientas superior. El objeto se insertará en la posición actual  de la posición del cursor. El objeto se puede copiar previamente de la misma presentación.</li>
+            </ul>    
+            <p>Para copiar o pegar datos de/en otra presentación u otro programa use las combinaciones de las teclas siguientes:</p>
+                    <ul>
+                        <li>La combinación de letras <b>Ctrl+C</b> para copiar;</li>
+                        <li>La combinación de las teclas <b>Ctrl+V</b> para pegar;</li>
+                        <li>La combinación de las teclas <b>Ctrl+X</b> para cortar.</li>
+                    </ul>
+            <p>Para deshacer/rehacer la última operación, use los iconos correspondientes que estan disponibles en la barra de herramientas superior o los atajos de teclado:</p>
+            <ul>
+                <li><b>Deshacer</b> – use el icono <img alt="Icono Deshacer" src="../images/undo.png" /> <b>Deshacer</b> para deshacer la última operación que usted ha realizado.</li>
+                <li><b>Rehacer</b> – use el icono <img alt="Icono Rehacer" src="../images/redo.png" /> <b>Rehacer</b>  para rehacer la última operación que usted ha realizado.<p>Usted también puede usar la combinación de las teclas <b>Ctrl+Z</b> para desahecer una acción o <b>Ctrl+Y</b> para rehacerla.</p>
+                </li>
+            </ul>
+			
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/CreateLists.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/CreateLists.htm
index d6ac1c873..a35754b67 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/CreateLists.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/CreateLists.htm
@@ -3,24 +3,28 @@
 	<head>
 		<title>Cree listas</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Cree las listas con vuiñetas y numeradas en la presentación" />
+		<meta name="description" content="Create bulleted and numbered lists in the presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 			<h1>Cree listas</h1>
 			<p>Para crear una lista en su presentación,</p>
 			<ol>
-				<li>coloque el cursor a la posición en el bloque de texto donde desea iniciar una lista (puede ser una línea nueva o el texto ya introducido),</li>
-				<li>seleccione el tipo de lista que quiere iniciar:
-					<ul>
-						<li><b>Lista desordenada</b> con marcadores se crea usando el icono <b>Viñetas</b> <img alt="Icono lista desordenada" src="../images/bullets.png" /> que se sitúa en la barra de herramientas superior</li>
-						<li><b>Lista ordenada</b> con números o letras se crea usando el icono <b>Numeración</b> <img alt="Icono lista ordenada" src="../images/numbering.png" /> que se sitúa en la barra de herramientas superior
-							<p class="note"><b>Nota</b>: pulse la flecha hacia abajo al lado de los iconos <b>Viñetas</b> o <b>Numeración</b> para seleccionar el tipo apropiado de la lista.</p>
+				<li>coloque el cursor dentro del cuadro de texto donde desea iniciar una lista (puede ser una línea nueva o el texto ya introducido),</li>
+                <li>cambie a la pestaña <b>Inicio</b> en la barra de herramientas superior,</li>
+                <li>seleccione el tipo de lista que usted quiere crear:<ul>
+						<li>La <b>Lista desordenada</b> con marcadores se puede crear usando el icono <img alt="Icono de lista desordenada" src="../images/bullets.png" /> <b>Puntos</b> situado en la barra de herramientas superior</li>
+						<li>La <b>Lista ordenada</b> con números o letras se puede crear usando el icono <img alt="Icono de lista ordenada" src="../images/numbering.png" /> <b>Numeración</b> que se sitúa en la barra de herramientas superior<p class="note"><b>Nota</b>: haga clic en la flecha hacia abajo junto a icono <b>Puntos</b> o <b>Numeración</b> para seleccionar el aspecto de la lista.</p>
 						</li>
 					</ul>
 				</li>
-				<li>ahora cada vez que usted pulse la tecla <b>Enter</b> al final de la línea un nuevo artículo de la lista aparecerá. Para terminar la lista, pulse la tecla <b>Backspace</b> y siga trabajando con un párrafo de texto común.</li>
+				<li>ahora cada vez que usted pulse la tecla <b>Enter</b> al final de la línea, un elemento nuevo de una lista ordenada o desordenada aparecerá. Para para esto, pulse la tecla <b>Backspace</b> y continúe con el texto de párrafo común.</li>
 			</ol>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/FillObjectsSelectColor.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/FillObjectsSelectColor.htm
index f20c277cf..7aaba6389 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/FillObjectsSelectColor.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/FillObjectsSelectColor.htm
@@ -3,84 +3,83 @@
 	<head>
 		<title>Rellene objetos y seleccione colores</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Rellene objetos añadidos con color, imagen o textura, seleccione colores para el fondo de diapositiva, relleno de autoforma y trazo, letra." />
+		<meta name="description" content="Fill the added objects with color, picture or texture, select colors for the slide background, autoshape fill and stroke, font." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 			<h1>Rellene objetos y seleccione colores</h1>
-			<p>Usted puede aplicar rellenos diferentes al fondo de diapositiva y también a autoformas.</p>
+			<p>Usted puede aplicar rellenos distintos al fondo de diapositivas, autoformas y Text Art.</p>
 			<ol>
-			<li>Seleccione un objeto
-			<p>Para cambiar relleno de fondo de una diapositiva, seleccione las diapositivas necesarias en la lista. Se activará la pestaña <b>Ajustes de diapositiva</b> en la barra derecha lateral.</p>
-			<p>Para cambiar relleno del autoforma, haga clic derecho en el autoforma necesaria. Se activará la pestaña <b>Ajustes de forma</b> en la barra derecha lateral.</p>
+			<li>Seleccione un objeto<ul>
+                    <li>Para cambiar el relleno de fondo de una diapositiva, seleccione las diapositivas necesarias en la lista de diapositivas. La pestaña <img alt="Icono Ajustes de diapositiva" src="../images/slide_settings_icon.png" /> <b>Ajustes de diapositiva</b> se activará en la barra derecha lateral.</li>
+                    <li>Para cambiar el relleno de autoformas, haga clic izquierdo en el autoforma necesaria. La pestaña <img alt="Icono Ajustes de forma" src="../images/shape_settings_icon.png" /> <b>Ajustes de diapositiva</b> se activará en la barra derecha lateral.</li>
+                    <li>Para cambiar el relleno del Texto de Arte, haga clic izquierdo en el objeto de texto necesario. La pestaña <img alt="Icono de ajustes de Text Art" src="../images/textart_settings_icon.png" /> <b>Ajustes de Text Art</b> se activará en la barra derecha lateral.</li>
+                </ul>
 			</li>
 			<li>Elija el tipo de relleno deseado</li>
-			<li>Ajuste las propiedades de relleno seleccionadas (vea la descripción detallada de cada tipo de relleno)
-			<p class="note"><b>Nota</b>: Para todas las autoformas, independientemente del tipo de relleno seleccionado, usted también puede establecer el nivel de <b>Opacidad</b> arrastrando el control deslizante o introduciendo el valor manualmente. El  valor predeterminado es <b>100%</b>, el corresponde a la opacidad completa. El valor de <b>0%</b> corresponde a la transparencia completa.</p>
+			<li>Ajuste las propiedades de relleno seleccionadas (vea la descripción detallada de cada tipo de relleno)<p class="note"><b>Nota</b>: para el tipo de letra de las autoformas y Text Art, independientemente del tipo de relleno seleccionado, usted también puede establecer el nivel de <b>Opacidad</b> arrastrando el control deslizante o introduciendo el valor manualmente. El valor predeterminado es <b>100%</b>. Esto corresponde a una opacidad completa. El valor <b>0%</b> corresponde a plena transparencia.</p>
 			</li>
-			</ol>
+			</ol>			
 			<p><b>Son los tipos de relleno disponibles:</b></p>
 			<ul>
-				<li><b>Color de relleno</b> - seleccione esta opción para especificar el color que usted quiere aplicar a la parte interna de una diapositiva/autoforma seleccionada.
-				<p><img alt="Relleno de color" src="../images/fill_color.png" /></p>
-				<p>Pulse el rectángulo de color debajo y seleccione el color necesario en la paleta de colores o especifique el color que a usted le gusta:</p>
+				<li><b>Color de relleno</b> - seleccione esta opción para especificar el color que usted quiere aplicar a la parte interna de una diapositiva/autoforma seleccionada.<p><img alt="Color de relleno" src="../images/fill_color.png" /></p>
+				<p>Haga clic en el cuadro coloreado de debajo y seleccione el color necesario en la paleta de colores o especifique cualquier color que le guste:</p>
 			        <p><img alt="Paletas" src="../images/palettes.png" /></p>
 			        <ul>
-			        <li><b>Colores de tema</b> - los colores que corresponden a la combinación de colores seleccionada en la presentación. Una vez aplicada una nueva tema o combinación de colores, el conjunto de <b>Colores de tema</b> se cambiará.</li>
-			        <li><b>Colores estándar</b> - la paleta de colores preconfigurada.</li>
-			        <li><b>Color personalizado</b> - pulse esta leyenda si no hay color que usted necesita en las paletas disponibles. Seleccione el rango del color necesario desplazando el vertical control deslizante y establezca el color deseado arrastrando el selector de colores dentro del grande campo de color. Una vez seleccionado el color con selector, los valores RGB y sRGB apropiados serán mostrados en los campos a la derecha. Usted también puede especificar un color basándose en el modelo de color RGB introduciendo necesarios valores numéricos en los campos <b>R</b>, <b>G</b>, <b>B</b> (red-rojo, green-verde, blue-azul) o introduzca el código hexadecimal sRGB en el campo marcado con el signo <b>#</b>. El color seleccionado aparece en la casilla <b>Nuevo</b>. Si anteriormente el objeto era rellenado con cualquier color personalizado, este color se muestra en la casilla <b>Actual</b> para que usted pueda comparar los colores original y modificado. Cuando el color se haya especificado, pulse el botón <b>Añadir</b>:
-			        <p><img alt="Paleta de colores personalizada" src="../images/palette_custom.png" /></p>
+			        <li><b>Colores de tema</b> - los colores que corresponden a la combinación de colores seleccionada en la presentación. Una vez que aplica un tema o combinación de colores nuevo, el conjunto de <b>Colores de tema</b> se cambiará.</li>
+			        <li><b>Colores estándar</b> - el conjunto de colores predeterminado.</li>
+			        <li><b>Color personalizado</b> - pulse esta leyenda si no hay ningún color que usted necesita en las paletas disponibles. Seleccione el rango de colores necesario moviendo el deslizante de color vertical y establezca el color arrastrando el selector de color dentro del campo de color cuadrado. Una vez seleccionado un color, verá los valores RGB y sRGB correspondientes en los campos a la derecha. Usted también puede especificar un color basándose en el modelo de color RGB introduciendo los valores numéricos necesarios en los campos <b>R</b>, <b>G</b>, <b>B</b> (red-rojo, green-verde, blue-azul) o introduzca el código hexadecimal sRGB en el campo marcado con el signo <b>#</b>. El color seleccionado se mostrará en el cuadro de visualización previa <b>Nuevo</b>. Si el objeto se rellenó con otro color personalizado, este color se muestra en el cuadro <b>Actual</b> para que pueda comparar el color original con los modificados. Una vez especificado el color, haga clic en el botón <b>Añadir</b>:<p><img alt="Paleta - Color personalizado" src="../images/palette_custom.png" /></p>
+			        <p>El color personalizado se aplicará a su objeto y se añadirá a la paleta <b>Color personalizado</b> del menú.</p>			        
 			        </li>			        
 			        </ul>
-				<p class="note"><b>Nota</b>: los mismos colores usted puede usar seleccionando el <b>color de trazo de autoforma</b>, cambiando <b>color de fondo</b>, <b>color de fondo de tabla</b> o <b>color de borde</b>.</p>
+			    <p class="note"><b>Nota</b>: los mismos colores que puede usar cuando selecciona el <b>color de trazo de la autoforma</b>, cambiando el <b>color de fondo</b>, o el <b>color de fondo de tabla</b>.</p>
 				</li>
-				</ul>
+			</ul>
 				<hr />
 			<ul>				
-				<li><b>Relleno degradado</b> - seleccione esta opción para rellenar una diapositiva/forma de dos colores que suavemente cambian de un color a otro.
-				<p><img class="floatleft"alt="Relleno degradado" src="../images/fill_gradient.png" /></p>
+				<li><b>Relleno degradado</b> - seleccione esta opción para rellenar una diapositiva/forma con dos colores que cambian de uno a otro de forma progresiva.<p><img class="floatleft"alt="Relleno degradado" src="../images/fill_gradient.png" /></p>
 				    <ul style="margin-left: 280px;">
-				    <li><b>Estilo</b> - elija una de las opciones disponibles: <b>Lineal</b> (colores cambian por una línea recta por ejemplo por un eje horizontal/vertical o por una línea diagonal que forma un ángulo recto) o <b>Radial</b> (colores cambian por una trayectoria circular del centro a los bordes).</li>
-				    <li><b>Dirección</b> - elija una plantilla en el menú. Si selecciona la gradiente <b>Lineal</b>, serán disponible las direcciones siguientes: de la parte superior izquierda a la inferior derecha, de la parte superior a la inferior, de la parte superior derecha a la inferior izquierda, de la parte derecha a la izquierda,de la parte inferior derecha a la superior izquierda, de la parte inferior a la superior, de la parte inferior izquierda a la superior derecha, de la parte izquierda a la derecha. Si selecciona la gradiente <b>Radial</b>, estará disponible sólo una plantilla.</li>
-				    <li><b>Gradiente</b> - utilice el control deslizante izquierdo <img alt="Control deslizante" src="../images/gradientslider.png" /> debajo de la barra de gradiente para activar la casilla de color que corresponde al primer color. Pulse la casilla de color para elegir el primer color. Arrastre el control deslizante para establecer el punto de degradado - el punto donde un color cambie el otro. Utilice el control deslizante derecho debajo de la barra de gradiente para especificar el segundo color y establecer el punto de degradado.</li>
+				    <li><b>Estilo</b> - elija una de las opciones disponibles: <b>Lineal</b> (los colores cambian en línea recta; por ejemplo, sobre un eje horizontal/vertical o por una línea diagonal que forma un ángulo de 45 grados) o <b>Radial</b> (los colores cambian por una trayectoria circular del centro a los bordes).</li>
+				    <li><b>Dirección</b> - elija una plantilla en el menú. Si selecciona la gradiente <b>Lineal</b>, las siguientes direcciones estarán disponibles: de la parte superior izquierda a la inferior derecha, de la parte superior a la inferior, de la parte superior derecha a la inferior izquierda, de la parte derecha a la izquierda,de la parte inferior derecha a la superior izquierda, de la parte inferior a la superior, de la parte inferior izquierda a la superior derecha, de la parte izquierda a la derecha. Si selecciona la gradiente <b>Radial</b>, solo una plantilla estará disponible.</li>
+				    <li><b>Gradiente</b> - haga clic en el control deslizante izquierdo <img alt="Control deslizante" src="../images/gradientslider.png" /> debajo de la barra de gradiente para activar la casilla de color que corresponde al primer color. Haga clic en la casilla de color a la derecha para elegir el primer color en la paleta. Arrastre el control deslizante para establecer el punto de degradado - el punto donde un color cambie a otro. Utilice el control deslizante derecho debajo de la barra de gradiente para especificar el segundo color y establecer el punto de degradado.</li>
 				    </ul>			
 				</li>
 			</ul>
 				<hr />
 			<ul>
-				<li><b>Imagen o textura</b> - seleccione esta opción para usar una imagen o textura predefinida como el fondo de una diapositiva/autoforma.
-				<p><img class="floatleft"alt="Relleno de imagen o textura" src="../images/fill_picture.png" /></p>
+				<li><b>Imagen o textura</b> - seleccione esta opción para usar una imagen o textura predefinida como el fondo de una diapositiva/autoforma.<p><img class="floatleft"alt="Relleno de imagen o textura" src="../images/fill_picture.png" /></p>
 				    <ul style="margin-left: 280px;">
-				    <li>Si usted desea usar una imagen como el fondo de una diapositiva/autoforma, usted puede añadir una imagen <b>De archivo</b> seleccionándolo en el disco duro de su ordenador o <b>De URL</b> introduciendo  la dirección de URL apropiada en la ventana abierta.
-				    </li>
-				    <li>Si usted quiere usar textura como el fondo de una diapositiva/autoforma, despliegue el menú <b>De textura</b> y seleccione la textura necesaria.
-				    <p>Son las texturas disponibles ahora: Lienzo, Algodón, Tela oscura, Grano, Granito, Papel gris, Tejido, Piel, Papel marrón, Papiro, Madera.</p>
+				    <li>Si usted desea usar una imagen como fondo de una diapositiva/autoforma, puede añadir una imagen <b>De archivo</b> de su ordenador HDD o <b>De URL</b> introduciendo la dirección de URL apropiada en la ventana abierta.</li>
+				    <li>Si usted quiere usar una textura como fondo de una diapositiva/autoforma, despliegue el menú <b>De textura</b> y seleccione la textura necesaria.<p>En estos momentos, las siguientes texturas están disponibles: Lienzo, Algodón, Tela oscura, Grano, Granito, Papel gris, Tejido, Piel, Papel marrón, Papiro, Madera.</p>
 				    </li>
 				    </ul>
 			        <ul style="margin-left: 280px;">
-			        <li>Si el tamaño de la <b>Imagen</b> seleccionada más o menos grande que el tamaño de autoforma o diapositiva, usted puede seleccionar la opción <b>Estirar</b> o <b>Mosaico</b> en la lista desplegable.
-			        <p>La opción <b>Estirar</b> le permite ajustar el tamaño de imagen al tamaño de diapositiva o autoforma para que la imagen pueda ocupar todo el espacio.</p>
-			        <p>La opción <b>Mosaico</b> le permite mostrar sólo una parte de la imagen más grande manteniendo su tamaño original, o repetir las imágenes pequeñas manteniendo su tamaño original para que ocupen todo el espacio de diapositiva o autoforma.</p>
-			        <p class="note"><b>Nota</b>: cada <b>Textura</b> preestablecida ocupa el espacio completamente, pero usted puede aplicar el efecto <b>Estirar</b> si es necesario.</p>
+			        <li>En caso de que la <b>Imagen</b> seleccionada tenga más o menos dimensiones que la autoforma o la diapositiva, usted puede seleccionar la opción <b>Estirar</b> o <b>Mosaico</b> en la lista desplegable.<p>La opción <b>Estirar</b> le permite ajustar el tamaño de imagen al tamaño de la diapositiva o la autoforma para que la imagen pueda ocupar todo el espacio.</p>
+			        <p>La opción <b>Mosaico</b> le permite mostrar solo una parte de la imagen más grande manteniendo su tamaño original, o repetir las imágenes pequeñas manteniendo su tamaño original para que ocupen todo el espacio de la diapositiva o la autoforma.</p>
+			        <p class="note"><b>Nota</b>: cualquiera <b>Textura</b> predeterminada ocupa el espacio completamente, pero usted puede aplicar el efecto <b>Estirar</b> si es necesario.</p>
 			        </li>
 			        </ul>			
 				</li>
-				</ul>
+			</ul>
 				<hr />
 			<ul>
-				<li><b>Patrón</b> - seleccione esta opción para rellenar una diapositiva/forma del diseño de dos colores que está compuesto de los elementos repetidos.
-				<p><img class="floatleft"alt="Relleno patrón" src="../images/fill_pattern.png" /></p>
+				<li><b>Patrón</b> - seleccione esta opción para rellenar una diapositiva/forma con un diseño de dos colores que está compuesto por elementos repetidos de forma regular.<p><img class="floatleft"alt="Relleno de patrón" src="../images/fill_pattern.png" /></p>
 				    <ul style="margin-left: 280px;">
 				        <li><b>Patrón</b> - seleccione uno de los diseños predeterminados en el menú.</li>
-						<li><b>Color de primer plano</b> - pulse esta casilla de color para cambiar el color de elementos de patrón.</li>
-						<li><b>Color de fondo</b> - pulse esta casilla de color para cambiar el color de fondo de patrón.</li>
+				        <li><b>Color de primer plano</b> - pulse esta casilla de color para cambiar el color de elementos de patrón.</li>
+				        <li><b>Color de fondo</b> - pulse esta casilla de color para cambiar el color de fondo de patrón.</li>
 				    </ul>			
 				</li>
 			</ul>
 				<hr />
 			<ul>
-				<li><b>Sin relleno</b> - seleccione esta opción si no quiere usar ningún relleno.</li>
+				<li><b>Sin relleno</b> - seleccione esta opción si no desea usar ningún relleno.</li>
 			</ul>
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertAutoshapes.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertAutoshapes.htm
index fa89ca13e..62cbd7f2d 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertAutoshapes.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertAutoshapes.htm
@@ -1,84 +1,104 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<title>Inserte autoformas y deles formato</title>
+		<title>Inserte y dé formato a autoformas</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Añada un autoforma a su presentación y ajuste sus propiedades." />
+		<meta name="description" content="Add an autoshape to your presentation and adjust its properties." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
         <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
-			<h1>Inserte autoformas y deles formato</h1>
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+			<h1>Inserte y dé formato a autoformas</h1>
+            <h3>Inserte un autoforma</h3>
 			<p>Para <b>añadir</b> un autoforma a una diapositiva,</p>
 			<ol>
-				<li>en la lista de diapositivas a la derecha, seleccione la diapositiva a la que usted quiere añadir un autoforma,</li>
-				<li>pulse el icono <b>Insertar autoforma</b> <img alt="icono Insertar autoforma" src="../images/insertautoshape.png" /> en la barra de herramientas superior,</li>
+				<li>en la lista de diapositivas a la izquierda, seleccione la diapositiva a la que usted quiere añadir una autoforma,</li>
+				<li>haga clic en el icono <img alt="Icono Forma" src="../images/insertautoshape.png" /> <b>Forma</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior,</li>
 				<li>seleccione uno de los grupos de autoformas disponibles: Formas básicas, Formas de flecha, Matemáticas, Gráficos, Cintas y estrellas, Llamadas, Botones, Rectángulos, Líneas,</li>
-				<li>haga clic sobre el autoforma necesaria en el grupo seleccionado,</li>
-				<li>en el área de edición de diapositiva, coloque cursor del ratón donde usted quiere insertar el autoforma,
-				<p class="note"><b>Nota</b>: usted puede pulsar el autoforma y después arrastrar para estirarla.</p>
+				<li>haga clic sobre la autoforma necesaria en el grupo seleccionado,</li>
+				<li>en el área de edición de diapositiva, coloque el cursor del ratón donde usted quiere insertar la autoforma,<p class="note"><b>Nota</b>: usted puede hacer clic en la autoforma y arrastrar esta para estirarla.</p>
 				</li>
-				<li>una vez añadida el autoforma usted puede <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">cambiar su tamaño, posición</a> y propiedades.
-				<p class="note"><b>Nota</b>: si quiere añadir el texto a su autoforma asegúrese que el autoforma está seleccionada y empiece a introducir su texto. El texto introducido de tal modo forma la parte del autoforma (cuando usted mueva o gira el autoforma, el texto realiza las mismas acciones).</p>
+				<li>una vez que la autoforma se ha añadido, usted puede <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">cambiar su tamaño, posición</a> y propiedades.<p class="note"><b>Nota</b>: si quiere añadir una leyenda en la autoforma, asegúrese de que la autoforma está seleccionada y empiece a introducir su texto. El texto introducido de tal modo forma la parte del autoforma (cuando usted mueva o gire la autoforma, el texto realiza las mismas acciones).</p>
 				</li>
 			</ol>
 			<hr />
-			<p>Se puede cambiar algunos parámetros del autoforma usando la pestaña <b>Ajustes de forma</b> en la derecha barra lateral. Para activarla haga clic en el autoforma y elija el icono <b>Ajustes de forma</b> <img alt="icono Ajustes de forma" src="../images/shape_settings_icon.png" /> a la derecha.</p>
-			<p><img class="floatleft"alt="pestaña Ajustes de forma" src="../images/shapesettingstab.png" /></p>
-			<ul style="margin-left: 280px;">
-			<li><b>Relleno</b> - use esta sección para seleccionar el relleno del autoforma. Usted puede seleccionar las opciones siguientes:
-			<ul>
+            <h3>Ajuste la configuración de autoforma</h3>
+			<p>Se pueden cambiar algunos parámetros de la autoforma usando la pestaña <b>Ajustes de forma</b> en la barra lateral derecha. Para activarla, haga clic en la autoforma y elija el icono <img alt="Icono Ajustes de forma" src="../images/shape_settings_icon.png" /> <b>Ajustes de forma</b>  a la derecha. Aquí usted puede cambiar los siguientes ajustes:</p>
+			<p><img class="floatleft"alt="Pestaña Ajustes de forma" src="../images/shapesettingstab.png" /></p>
+			<ul  style="margin-left: 280px;">
+			<li><b>Relleno</b> - utilice esta sección para seleccionar el relleno de la autoforma. Usted puede seleccionar las opciones siguientes:<ul>
 				<li><b>Color de relleno</b> - para especificar el color que usted quiere aplicar a la forma seleccionada.</li>
-				<li><b>Relleno degradado</b> - para rellenar la forma de dos colores que suavemente cambian de uno a otro.</li>
-				<li><b>Imagen o textura</b> - para usar una predefinida imagen o textura como el fondo de la forma.</li>
-				<li><b>Patrón</b> - para aplicar a su forma un diseño de dos colores que está compuesto de los elementos repetidos.</li>
+				<li><b>Relleno degradado</b> - para rellenar la forma de dos colores que cambian de uno a otro de forma gradual.</li>
+				<li><b>Imagen o textura</b> - para usar una imagen o textura pre-definida como el fondo de la forma.</li>
+				<li><b>Patrón</b> - para rellenar la forma con un diseño de dos colores que está compuesto de elementos repetidos.</li>
 				<li><b>Sin relleno</b> - seleccione esta opción si no desea usar ningún relleno.</li>
 			</ul>
 			<p>Para obtener información detallada sobre estas opciones, por favor, consulte la sección <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">Rellene objetos y seleccione colores</a>.</p>
 			</li>
-			<li><b>Trazo</b> - use esta sección para cambiar el color y ancho del trazo del autoforma.
-    			<ul>
-    			<li>Para cambiar el <b>ancho</b> del trazo, seleccione una de las opciones disponibles en la lista desplegable <b>Tamaño</b>. Las opciones disponibles: 0.5 pt, 1 pt, 1.5 pt, 2.25 pt, 3 pt, 4.5 pt, 6 pt. O seleccione la opción <b>Sin líneas</b> si no quiere usar ningún trazo.</li>
-    			<li>Para cambiar el <b>color</b> del trazo, pulse el rectángulo de color debajo y <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">seleccione el color necesario</a>. Usted puede usar un <b>color de tema</b> seleccionado, un <b>color estándar</b> o elija un <b>color personalizado</b>.</li>
+			<li id="shapestroke"><b>Trazo</b> - use esta sección para cambiar el color, tipo o ancho del trazo del autoforma.<ul>
+    			<li>Para cambiar el <b>ancho</b> del trazo, seleccione una de las opciones disponibles en la lista desplegable de <b>Tamaño</b>. Las opciones disponibles son: 0.5 pt, 1 pt, 1.5 pt, 2.25 pt, 3 pt, 4.5 pt, 6 pt. O seleccione la opción <b>Sin líneas</b> si no quiere usar ningún trazo.</li>
+    			<li>Para cambiar el <b>color</b> del trazo, haga clic en el cuadro con color de debajo y <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">seleccione el color necesario</a>. Usted puede usar un <b>color de tema</b> seleccionado, un <b>color estándar</b> o elegir un <b>color personalizado</b>.</li>
+                <li>Para cambiar el <b>color</b> del trazo, seleccione la opción necesaria de la lista desplegable correspondiente (una línea sólida se aplicará de forma pre-determinada, la cual puede cambiar a una de las líneas discontinuas disponibles).</li>
     			</ul>
 			</li>
 			</ul>
 			<hr />
-			<p>Para cambiar los <b>ajustes avanzados</b> del autoforma, haga clic derecho en la forma y seleccione la opción <b>Ajustes avanzados de forma</b> en el menú contextual o haga cloc izquierdo y pulse el enlace <b>Mostrar ajustes avanzados</b> en la barra derecha lateral. Se abrirá la ventana con propiedades de la forma:</p>
-			<img alt="Propiedades de forma - pestaña tamaño" src="../images/shape_properties1.png" />
-			<p>La pestaña <b>Tamaño</b> permite cambiar el <b>Ancho</b> y/o <b>Altura</b>. Si el botón <b>Proporciones constantes</b> <img alt="icono Proporciones constantes" src="../images/constantproportions.png" /> está apretado (en este caso estará así <img alt="icono activado Proporciones constantes" src="../images/constantproportionsactivated.png" />), se cambiarán ancho y altura preservando la relación original de aspecto de forma.</p>
-			<img alt="Propiedades de forma - pestaña grosores y flechas" src="../images/shape_properties.png" />
+			<p>Para cambiar los <b>ajustes avanzados</b> de la autoforma, haga clic derecho en la forma y seleccione la opción <b>Ajustes avanzados de forma</b> en el menú contextual o haga clic izquierdo y haga clic en el enlace <b>Mostrar ajustes avanzados</b> en la barra derecha lateral. La ventana con propiedades formas se abrirá:</p>
+            <p><img alt="Propiedades de forma - pestaña de Tamaño" src="../images/shape_properties1.png" /></p>
+			<p>La pestaña <b>Tamaño</b> permite cambiar el <b>Ancho</b> y/o <b>Altura</b> de la autoforma. Si se hace clic en el botón <img alt="Icono Proporciones constantes" src="../images/constantproportions.png" /> <b>Proporciones constantes</b>  (en este caso se verá así <img alt="Icono Proporciones constantes activado" src="../images/constantproportionsactivated.png" />), se cambiarán el ancho y altura preservando la relación original de aspecto de forma.</p>
+            <p><img alt="Propiedades de forma - pestaña grosores y flechas" src="../images/shape_properties.png" /></p>
 			<p>La pestaña <b>Grosores y flechas</b> contiene los parámetros siguientes:</p>
 			<ul>
-				<li><b>Estilo de línea</b> - esta sección le permite especificar los parámetros siguientes:
-				<ul>
-				<li><b>Tipo de remate</b> - esta opción le permite establecer el estilo para el final de la línea, se aplica sólo a las formas con contorno abierto, como líneas, polilíneas etc.: 
-				    <ul>
+				<li><b>Estilo de línea</b> - este grupo de opciones permite especificar los parámetros siguientes:<ul>
+				<li><b>Tipo de remate</b> - esta opción le permite establecer el estilo para el final de la línea, por lo que se aplica solo a las formas con contorno abierto, como líneas, polilíneas etc.:<ul>
 				    <li><b>Plano</b> - los extremos serán planos.</li>
 				    <li><b>Redondeado</b> - los extremos serán redondeados.</li>
 				    <li><b>Cuadrado</b> - los extremos serán cuadrados.</li>
 				    </ul>
 				</li>
-				<li><b>Tipo de combinación</b> - esta opción le permite establecer el estilo de intersección de dos líneas, por ejemplo, puede afectar a polilínea o esquinas de triángulo o contorno de triángulo:
-    				<ul>
+				<li><b>Tipo Combinado</b> - esta opción le permite establecer el estilo de intersección de dos líneas, por ejemplo, puede afectar a una polilínea o a esquinas de triángulo o contornos de triángulos:<ul>
     				<li><b>Redondeado</b> - la esquina será redondeada.</li>
     				<li><b>Biselado</b> - la esquina será sesgada.</li>
     				<li><b>Ángulo</b> - la esquina será puntiaguda. Vale para ángulos agudos.</li>
     				</ul>
-    				<p class="note"><b>Nota</b>: el efecto será más visible si usa una gran anchura de contorno.</p>
+    				<p class="note"><b>Nota</b>: el efecto será más visible si usa un contorno con ancho amplio.</p>
 				</li>
 				</ul>
 				</li>
-				<li><b>Flechas</b> - esta sección está disponible para el grupo de autoformas <b>Líneas</b>. Le permite seleccionar los estilos <b>Inicial</b> y <b>Final</b> de la línea, su <b>Tamaño</b> seleccionando la opción apropiada en las listas desplegables.</li>
+				<li><b>Flechas</b> - esta sección está disponible si una forma del grupo de formas de <b>Líneas</b> se selecciona. Le permite ajustar la flecha <b>Empezar</b> y <b>Estilo Final</b> y <b>Tamaño</b> seleccionando la opción apropiada de las listas desplegables.</li>
 			</ul>
-			<img alt="Propiedades de forma - pestaña márgenes" src="../images/shape_properties3.png" />
-			<p><a id="internalmargins"></a>La pestaña <b>Márgenes interiores</b> permite cambiar los márgenes internos <b>superiores</b>, <b>inferiores</b>, <b>izquierdos</b> y <b>derechos</b> (a saber, la distancia entre el texto y los bordes del autoforma dentro del autoforma).</p>
-			<p class="note"><b>Nota</b>: la pestaña está disponible sólo si hay texto dentro del autoforma, en otro caso la pestaña está desactivada.</p>
-			<hr />
-			<p>Para <b>sustituir</b> el autoforma añadida, púlsela y use la lista desplegable <b>Cambiar autoforma</b> en la pestaña <b>Ajustes de forma</b> en la derecha barra lateral.</p>
-			<p>Para <b>borrar</b> el autoforma añadida, púlsela y haga clic en la tecla <b>Delete</b> en su teclado.</p>
-			<p>Para saber como <b>alinear</b> el autoforma en la diapositiva o <b>arreglar</b> unas autoformas, consulte la sección <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Alinee y arregle objetos en una diapositiva</a>.</p>
+            <p id="internalmargins"><img alt="Propiedades de forma - pestaña relleno de texto" src="../images/shape_properties3.png" /></p>
+			<p>La pestaña <b>Relleno de texto</b> permite cambiar los márgenes internos <b>superiores</b>, <b>inferiores</b>, <b>izquierdos</b> y <b>derechos</b> de la autoforma (es decir, la distancia entre el texto y los bordes del autoforma dentro del autoforma).</p>
+            <p class="note"><b>Nota</b>: esta pestaña está disponible solo si se añade texto dentro de la autoforma, si no, la pestaña está desactivada.</p>
+            <p id ="columns"><img alt="Propiedades de forma - pestaña Columnas" src="../images/shape_properties2.png" /></p>
+            <p>La pestaña <b>Columnas</b> permite añadir columnas de texto dentro de la autoforma especificando el <b>Número de columnas</b> (hasta 16) y <b>Espaciado entre columnas</b> necesario. Una vez que hace clic en <b>OK</b>, el texto que ya existe u otro texto que introduzca dentro de la autoforma aparecerá en columnas y se moverá de una columna a otra.</p>
+            <p><img alt="Propiedades de forma - pestaña Texto Alternativo" src="../images/shape_properties4.png" /></p>
+            <p>La pestaña de <b>Texto Alternativo</b> permite especificar un <b>Título</b> y <b>Descripción</b> que se leerá a las personas con deficiencias de visión o cognitivas para ayudarles a entender mejor la información que hay en la forma.</p>
+            <hr />
+			<p>Para <b>sustituir</b> la autoforma añadida, haga clic izquierdo en esta y use la lista desplegable <b>Cambiar autoforma</b> en la pestaña <b>Ajustes de forma</b> en la barra lateral derecha.</p>
+			<p>Para <b>borrar</b> la autoforma añadida, haga clic izquierdo en esta y presione la tecla <b>Delete</b> en su teclado.</p>
+			<p>Para saber como <b>alinear</b> una autoforma en la diapositiva u <b>organizar</b> varias autoformas, consulte la sección <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Alinee y organice objetos en una diapositiva</a>.</p>
+            <hr />
+            <h3>Una las autoformas usando conectores</h3>
+            <p>Puede conectar autoformas usando líneas con puntos de conexión para demostrar dependencias entre los objetos (por ejemplo si quiere crear un organigrama). Para hacerlo,</p>
+            <ol>
+                <li>haga clic en el icono <img alt="Icono Forma" src="../images/insertautoshape.png" /> <b>Forma</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior,</li>
+                <li>seleccione el grupo <b>Líneas</b> del menú.<p><img alt="Formas - Líneas" src="../images/connectors.png" /></p>
+                </li>
+                <li>haga clic en las formas necesarias dentro del grupo seleccionado (con excepción de las últimas tres formas que no son conectores, es decir, <em>forma 10</em>, <em>11</em> y <em>12</em>),</li>
+                <li>ponga el cursor del ratón sobre la primera autoforma y haga clic en uno de los puntos de conexión <img alt="Icono punto de conexión" src="../images/connectionpoint.png" /> que aparece en el trazado de la forma,<p><img alt="Uso de conectores" src="../images/connectors_firstshape.png" /></p>
+                </li>
+                <li>arrastre el cursor del ratón hacia la segunda autoforma y haga clic en el punto de conexión necesario en su esbozo.<p><img alt="Uso de conectores" src="../images/connectors_secondshape.png" /></p>
+                </li>
+            </ol>
+            <p>Si mueve las autoformas unidas, el conector permanece adjunto a las formas y se mueve a la vez que estas.</p>
+            <p><img alt="Mover formas adjuntas" src="../images/connectors_moveshape.png" /></p>
+            <p>También puede separar el conector de las formas y luego juntarlo a otros puntos de conexión.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertCharts.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertCharts.htm
index 90ef73ddf..5f0567082 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertCharts.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertCharts.htm
@@ -3,161 +3,164 @@
 	<head>
 		<title>Inserte y edite gráficos</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Añada un gráfico a su presentación y ajuste sus parámetros" />
+		<meta name="description" content="Add a chart to your presentation and adjust its properties" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
         <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 			<h1>Inserte y edite gráficos</h1>
+            <h3>Inserte un gráfico</h3>
 			<p><b>Para insertar un gráfico</b> en su presentación,</p>
-			<ol>
-				<li>coloque el cursor en el lugar donde usted quiere insertar un gráfico,</li>
-				<li>pulse el icono <b>Insertar gráfico</b> <img alt="icono Insertar gráfico" src="../images/insertchart.png" /> en la barra de herramientas superior,</li>
-				<li>seleccione el tipo de gráfico necesario de los disponibles - gráfico de columnas, de líneas, circular, de barras, de área, de punto, de cotizaciones - y elija su estilo,</li>
-				<li>después aparecerá la ventana <b>Editor de gráfico</b> donde usted puede introducir los datos necesarios en las celdas usando los controles siguientes:
-					<ul>
-						<li><img alt="Copiar" src="../images/copy.png" /> y <img alt="Pegar" src="../images/paste.png" /> para copiar y pegar los datos copiados</li>
-						<li><img alt="Deshacer" src="../images/undo.png" /> y <img alt="Rehacer" src="../images/redo.png" /> para deshacer o rehacer acciones</li>
-						<li><img alt="Insertar función" src="../images/insertfunction.png" /> para insertar funciones</li>
-						<li><img alt="Disminuir decimales" src="../images/decreasedec.png" /> y <img alt="Aumentar decimales" src="../images/increasedec.png" /> para disminuir o aumentar decimales</li>
-						<li><img alt="Formato de numero" src="../images/numberformat.png" /> para cambiar el formato de número, a saber, como los números introducidos se muestran en las celdas</li>
-					</ul>
-					<p><img alt="ventana Editor de gráfico" src="../images/charteditor.png" /></p>
-				</li>
-				<li>cambie los ajustes de gráfico pulsando el botón <b>Editar gráfico</b> situado en la ventana <b>Editor de gráfico</b>. Se abrirá la ventana <b>Gráfico - Ajustes avanzados</b>. 
-					<p><img alt="ventana Gráfico - ajustes avanzados" src="../images/chartsettings.png" /></p>
-                    <p>La pestaña <b>Tipo y datos</b> le permite seleccionar el tipo de gráfico, su estilo y también los datos.</p>
-                    <ul>
-                        <li>Seleccione el <b>Tipo</b> de gráfico: de columnas, de líneas, circular, de barras, área, de punto, de cotizaciones y el <b>Estilo</b>.</li>
-                        <li>Compruebe el <b>Rango de datos</b> y modifíquelo, si es necesario, pulsando el botón <b>Selección de datos</b> e introduciendo el rango de datos deseado en el formato siguiente: <em>Sheet1!A1:B4</em>.</li>
-                        <li>Elija el modo de arreglar los datos. Usted puede seleccionar <b>Serie de datos</b> para el eje X: <b>en filas</b> o <b>en columnas</b>.</li>
+            <ol>
+                <li>coloque el cursor en el lugar donde usted quiere insertar un gráfico,</li>
+                <li>cambie a al pestaña <b>Insertar</b> en la barra de herramientas superior,</li>
+                <li>pulse el icono<img alt="Icono Gráfico" src="../images/insertchart.png" /> <b>Gráfico</b> en la barra de herramientas superior,</li>
+                <li>Seleccione el tipo de gráfico que necesita de los disponibles - Columnas, Líneas, Circular, Barras, Área, Puntos XY (disperso), Cotizaciones.<p class="note"><b>Nota</b>: para los gráficos de <b>Columnas</b>, <b>Líneas</b>, <b>Circular</b> o <b>Barras</b>, también está disponible un formato 3D.</p>
+                </li>
+                <li>después, la ventana <b>Editor de gráfico</b> aparecerá, y usted podrá introducir los datos necesarios en las celdas usando los siguientes controles:<ul>
+                        <li><img alt="Copiar" src="../images/copy.png" /> y <img alt="Pegar" src="../images/paste.png" /> para copiar y pegar los datos copiados</li>
+                        <li><img alt="Deshacer" src="../images/undo.png" /> y <img alt="Rehacer" src="../images/redo.png" /> para deshacer o rehacer acciones</li>
+                        <li><img alt="Inserte una función" src="../images/insertfunction.png" /> para insertar una función</li>
+                        <li><img alt="Disminuir decimales" src="../images/decreasedec.png" /> y <img alt="Aumentar decimales" src="../images/increasedec.png" /> para disminuir o aumentar decimales</li>
+                        <li><img alt="Formato de número" src="../images/numberformat.png" /> para cambiar el formato del número, es decir, la manera en que los números introducidos se muestran en las celdas</li>
                     </ul>
-					<p><img alt="ventana Gráfico - ajustes avanzados" src="../images/chartsettings2.png" /></p>
+                    <p><img alt="Ventana Editor de gráfico" src="../images/charteditor.png" /></p>
+                </li>
+                <li>cambie los ajustes de gráfico pulsando el botón <b>Editar gráfico</b> situado en la ventana <b>Editor de gráfico</b>. Se abrirá la ventana <b>Gráfico - Ajustes avanzados</b>.<p><img alt="Ventana Ajustes de gráfico" src="../images/chartsettings.png" /></p>
+                    <p>La pestaña <b>Tipo y Datos</b> le permite seleccionar el tipo de gráfico, así como los datos que quiere usar para crear un gráfico.</p>
+                    <ul>
+                        <li>Seleccione el <b>Tipo</b> de gráfico que quiere insertar: Columna, Línea, Circular, Área, Puntos XY (disperso), Cotizaciones.</li>
+                        <li>Compruebe el <b>Rango de datos</b> y modifíquelo, si es necesario, pulsando el botón <b>Selección de datos</b> e introduciendo el rango de datos deseado en el formato siguiente: <em>Sheet1!A1:B4</em>.</li>
+                        <li>Elija el modo de organizar los datos. Usted puede seleccionar <b>Serie de datos</b> para el eje X: <b>en filas</b> o <b>en columnas</b>.</li>
+                    </ul>
+                    <p><img alt="Ventana Ajustes de Gráfico " src="../images/chartsettings2.png" /></p>
                     <p>La pestaña <b>Diseño</b> le permite cambiar el diseño de elementos del gráfico.</p>
                     <ul>
-                        <li>
-                            Especifique la posición del <b>Título de gráfico</b> respecto a su gráfico seleccionando la opción necesaria en la lista desplegable:
-                            <ul>
-                                <li><b>Ninguno</b> - si no quiere mostrar el título de gráfico,</li>
-                                <li><b>Superposición</b> - si quiere que el gráfico superponga el título,</li>
-                                <li><b>Sin superposición</b> - si quiere que el título se muestre arriba del gráfico.</li>
+                        <li>Especifique la posición del <b>Título de gráfico</b> respecto a su gráfico seleccionando la opción necesaria de la lista desplegable:<ul>
+                                <li><b>Ninguno</b> para no mostrar el título del gráfico,</li>
+                                <li><b>Superposición</b> para superponer y centrar un título en el área de trazado del gráfico,</li>
+                                <li><b>Sin superposición</b> para mostrar el título en la parte superior del área de trazado del gráfico.</li>
                             </ul>
                         </li>
-                        <li>
-                            Especifique la posición de la <b>Leyenda</b> respecto a su gráfico seleccionando la opción necesaria en la lista desplegable:
-                            <ul>
-                                <li><b>Ninguno</b> - si no quiere que se muestre la leyenda,</li>
-                                <li><b>Inferior</b> - si quiere que la leyenda se alinee en la parte inferior del área del gráfico,</li>
-                                <li><b>Superior</b> - si quiere que la leyenda se alinee en la parte superior del área del gráfico,</li>
-                                <li><b>Derecho</b> - si quiere que la leyenda se alinee en la parte derecha del área del gráfico,</li>
-                                <li><b>Izquierdo</b> - si quiere que la leyenda se alinee en la parte izquierda del área del gráfico,</li>
-                                <li><b>Superposición a la izquierda</b> - si quiere superponer y centrar la leyenda en la parte derecha del área del gráfico,</li>
-                                <li><b>Superposición a la derecha</b> - si quiere superponer y centrar la leyenda en la parte izquierda del área del gráfico.</li>
+                        <li>Especifique la posición de la <b>Leyenda</b> con respecto a su gráfico seleccionando la opción necesaria de la lista desplegable:<ul>
+                                <li><b>Ninguno</b> para no mostrar la leyenda,</li>
+                                <li><b>Inferior</b> para mostrar la leyenda y que esta se alinee en la parte inferior del área de trazado del gráfico,</li>
+                                <li><b>Superior</b> para mostrar la leyenda y que esta se alinee en la parte superior del área de trazado del gráfico,</li>
+                                <li><b>Derecho</b> para mostrar la leyenda y que esta se alinee en la parte derecha del área de trazado del gráfico,</li>
+                                <li><b>Izquierdo</b> para mostrar la la leyenda y que esta se alinee en la parte izquierda del área de trazado del gráfico,</li>
+                                <li><b>Superposición a la izquierda</b> para superponer y centrar la leyenda a la parte izquierda del área de trazado del gráfico,</li>
+                                <li><b>Superposición a la derecha</b> para superponer y centrar la leyenda en la parte derecha del área de trazado del gráfico.</li>
                             </ul>
                         </li>
-                        <li>
-                            Especifique si quiere mostrar o no el <b>Título de eje horizontal</b> seleccionando la opción correspondiente en la lista desplegable:
-                            <ul>
-                                <li><b>Ninguno</b> - si no quiere mostrar el título del eje horizontal,</li>
-                                <li><b>Sin superposición</b> - si quiere mostrar el título debajo del eje horizontal.</li>
+                        <li>Especifique los parámetros de las <b>Etiquetas de Datos</b> (por ejemplo, las etiquetas de datos que representan los valores exactos de los puntos de datos):<br /><ul>
+                                <li>Especifique la posición relativa de las <b>Etiquetas de Datos</b> en relación a los puntos de datos seleccionando la opción necesaria del menú despegable. Las opciones disponibles varían dependiendo del tipo de gráfico seleccionado.<ul>
+                                        <li>Para los gráfico <b>Columnas/Barras</b>, usted puede elegir las opciones siguientes: <b>Ninguno</b>, <b>Centrado</b>, <b>Interior Inferior</b>, <b>Interior Superior</b>, <b>Exterior Superior</b>.</li>
+                                        <li>Para los gráficos <b>Línea/ Puntos XY (Esparcido)/Cotizaciones</b>, puede seleccionar las siguientes opciones: <b>Ninguno</b>, <b>Centrado</b>, <b>Izquierda</b>, <b>Derecha</b>, <b>Superior</b>, <b>Inferior</b>.</li>
+                                        <li>Para los gráficos <b>Circulares</b>, puede elegir las siguientes opciones: <b>Ninguno</b>, <b>Centrado</b>, <b>Ajustar al ancho</b>, <b>Interior Superior</b>, <b>Exterior Superior</b>.</li>
+                                        <li>Para los gráfico <b>Área</b>, así como los gráficos <b>3D</b> <b>Columnas</b>, <b>Líneas</b> y <b>Barras</b>, puede elegir las siguientes opciones: <b>Ninguno</b>, <b>Centrado</b>.</li>
+                                    </ul>
+                                </li>
+                                <li>seleccione los datos que usted quiere añadir a sus etiquetas marcando las casillas correspondientes: <b>Nombre de serie</b>, <b>Nombre de categoría</b>, <b>Valor</b>,</li>
+                                <li>Introduzca in carácter (coma, punto y coma etc.) que quiera usar para separar varias etiquetas en el campo de entrada <b>Separador de Etiquetas de Datos</b>.</li>
                             </ul>
                         </li>
-                        <li>
-                            Especifique la orientación del <b>Título de eje vertical</b> seleccionando la opción correspondiente en la lista desplegable:
-                            <ul>
-                                <li><b>Ninguno</b> - si no quiere mostrar el título del eje vertical,</li>
-                                <li><b>Girado</b> - si quiere que el título se muestre de arriba hacia abajo a la izquierda del eje vertical,</li>
-                                <li><b>Horizontal</b> - si quiere que el título se muestre de abajo hacia arriba a la izquierda del eje vertical.</li>
+                        <li><b>Líneas</b> - se usa para elegir un estilo de línea para <b>gráficos de Línea/Punto XY (Esparcido)</b>. Usted puede seleccionar una de las siguientes opciones: <b>Recto</b> para usar líneas rectas entre puntos de datos, <b>Uniforme</b> para usar curvas uniformes entre puntos de datos, o <b>Nada</b> para no mostrar líneas.</li>
+                        <li><b>Marcadores</b> - se usa para especificar si los marcadores se deben mostrar (si la casilla se verifica) o no (si la casilla no se verifica) para <b>gráficos de Línea/Puntos XY (Esparcidos)</b>.<p class="note"><b>Nota</b>: las opciones de <b>Líneas</b> y <b>Marcadores</b> solo están disponibles para <b>gráficos de líneas</b> y <b>Puntos XY (Esparcidos)</b>.</p>
+                        </li>
+                        <li>La sección de <b>Ajustes del eje</b> permite especificar si desea mostrar <b>Ejes Horizontales/Verticales</b> o no, seleccionando la opción <b>Mostrar</b> o <b>Esconder</b> de la lista despegable. También puede especificar los parámetros <b>Título de Ejes Horizontal/Vertical</b>:<ul>
+                                <li>Especifique si quiere mostrar o no el <b>Título de eje horizontal</b> seleccionando la opción correspondiente en la lista desplegable:<ul>
+                                        <li><b>Ninguno</b> para no mostrar el título del eje horizontal,</li>
+                                        <li><b>Sin superposición</b> para no mostrar el título debajo del eje horizontal.</li>
+                                    </ul>
+                                </li>
+                                <li>Especifique la orientación del <b>Título de eje vertical</b> seleccionando la opción correspondiente en la lista desplegable:<ul>
+                                        <li><b>Ninguno</b> para no mostrar el título del eje vertical,</li>
+                                        <li><b>Girado</b> para que el título se muestre de arriba hacia abajo a la izquierda del eje vertical,</li>
+                                        <li><b>Horizontal</b> -para mostrar el título horizontal a la izquierda del eje vertical.</li>
+                                    </ul>
+                                </li>
                             </ul>
                         </li>
-                        <li>Elija la opción necesaria para <b>Líneas de cuadrícula horizontales/verticales</b> en la lista desplegable: <b>Principal</b>, <b>Menor</b>, o <b>Principal y menor</b>. También, usted puede ocultar las líneas cuadrículas usando la opción <b>Ninguno</b>.
-                        <p class="note"><b>Nota</b>: las secciones <b>Título de eje horizontal/vertical</b> y <b>Líneas de cuadrícula horizontales/verticales</b> estarán desactivadas para <b>Gráficos circulares</b> porque gráficos de este tipo no tienen ejes y líneas cuadrículas.</p>
-                        </li>
-                        <li>
-                            Especifique los parámetros de <b>Etiquetas de datos</b> (a saber, etiquetas de texto que representan los valores exactos de datos):<br />
-                            <ul>
-                                <li>seleccione los datos que usted quiere añadir a sus etiquetas marcando las casillas correspondientes: <b>Nombre de serie</b>, <b>nombre de categoría</b>, <b>Valor</b>,</li>
-                                <li>especifique la posición de <b>Etiquetas de datos</b> respecto a datos seleccionando la opción necesaria en la lista desplegable: <b>Al centro</b>, <b>Abajo en el interior</b>, <b>Arriba en el interior</b>, <b>Arriba en el exterior</b>,</li>
-                                <li>introduzca un carácter (coma, punto y coma etc.) que usted quiere usar para separar unas etiquetas en el campo <b>Separador de etiquetas de datos</b>.</li>
-                            </ul>
-                        </li>                        
-                        <li><b>Líneas</b> - se usa para eligir un estilo de línea. Usted puede eligir una de las opciones siguientes: <b>Recto</b> - si quiere usar líneas rectas entre los datos, <b>Suave</b> - si quiere usar curvas suaves entre los datos, o <b>Ninguno</b> si no quiere que se muestren las líneas.</li>
-                        <li><b>Marcas</b> - se usa para especificar si las marcas deben ser mostradas (si la casilla está marcada) o no (si la casilla no está marcada).
-                        <p class="note"><b>Nota</b>: las opciones <b>Líneas</b> y <b>Marcas</b> están disponibles sólo para <b>Gráficos de líneas</b> y <b>Gráficos de punto</b>.</p>
+                        <li>La sección <b>Cuadrícula</b> le permite especificar cuales de las <b>Cuadrículas Horizontales/verticales</b> quiere mostrar seleccionando la opción correspondiente de la lista despegable: <b>Principal</b>, <b>Menor</b>, o <b>Principal y menor</b>. También, puede ocultar las líneas de las cuadrículas usando la opción <b>Ninguno</b>.<p class="note"><b>Nota</b>: las secciones <b>Ajustes de Ejes</b> y <b>Líneas de cuadrícula </b> estarán desactivadas para <b>Gráficos circulares</b> ya que estos gráficos no tienen ejes ni líneas de cuadrículas.</p>
                         </li>
                     </ul>
-                    <p><img alt="ventana Gráfico - ajustes avanzados" src="../images/chartsettings3.png" /></p>
+                    <p><img alt="Ventana Ajustes de Gráfico" src="../images/chartsettings3.png" /></p>
                     <p class="note"><b>Nota</b>: las pestañas <b>Eje vertical/horizontal</b> estarán desactivadas para <b>Gráficos circulares</b> porque los gráficos de este tipo no tienen ejes.</p>
-                <p>La pestaña <b>Eje vertical</b> le permite cambiar los parámetros del eje vertical que también se llama eje de valor o eje y que muestra los valores numéricos. Tenga en cuenta, por favor, que para los <b>Gráficos de barras</b> el eje vertical será el eje de categoría que muestra etiquetas de texto, y que más, en este caso las opciones de la pestaña <b>Eje vertical</b> corresponderán a unas descritas en la siguiente sección. Para los <b>gráficos de punto</b>, los dos ejes son los ejes de valor.</p>
-                <ul>
-                    <li>La sección <b>Parámetros de eje</b> permite fijar los parámetros siguientes:
+                    <p>La pestaña <b>Eje vertical</b> le permite cambiar los parámetros del eje vertical que también se llama eje de valor o eje y que muestra los valores numéricos. Tenga en cuenta, por favor, que para los <b>Gráficos de barras</b> el eje vertical será el eje de categoría que muestra etiquetas de texto, por lo que en este caso, las opciones de la pestaña <b>Eje vertical</b> corresponderán a las descritas en la siguiente sección. Para los <b>gráficos de puntos XY (Esparcidos)</b>, los dos ejes son los ejes de valor.</p>
                     <ul>
-                        <li><b>Valor mínimo</b> - se usa para especificar el valor mínimo en el comienzo del eje vertical. La opción <b>Auto</b> está seleccionada de manera predeterminada, en este caso el valor mínimo se calcula automáticamente en función del rango de celdas seleccionado. Usted puede seleccionar la opción <b>Corregido</b> en la lista desplegable y especificar un valor diferente en el campo a la derecha.</li>
-                        <li><b>Valor máximo</b> - se usa para especificar el valor máximo en el final de eje vertical. La opción <b>Auto</b> está seleccionada de manera predeterminada, en este caso el valor máximo se calcula automáticamente en función del rango de celdas seleccionado. Usted puede seleccionar la opción <b>Corregido</b> en la lista desplegable y especificar un valor diferente en el campo a la derecha.</li>
-                        <li><b>Intersección con eje</b> - se usa para especificar un punto en el eje vertical donde el eje horizontal lo debe cruzar.  La opción <b>Auto</b> está seleccionada de manera predeterminada, en este caso el valor de punto de intersección de ejes se calcula automáticamente en función del rango de celdas seleccionado. Usted puede seleccionar la opción <b>Valor</b> en la lista desplegable y especificar un valor diferente en el campo a la derecha o fijar el <b>Valor máximo/mínimo</b> del punto de intersección de ejes en el eje vertical.</li>
-                        <li><b>Unidades de visualización</b> - se usa para determinar una representación de valores numéricos a lo largo del eje vertical. Esta opción puede servirle si usted trabaja con los números grandes y quiere que los valores en el eje se muestren de modo más compacto y legible (por ejemplo el número 50 000 puede ser escrito como 50 usando la unidad de visualización <b>Miles</b>). Seleccione unidades deseadas en la lista desplegable: <b>Cientos</b>, <b>Miles</b>, <b>10 000</b>, <b>100 000</b>, <b>Millones</b>, <b>10 000 000</b>, <b>100 000 000</b>, <b>Millardos</b>, <b>Billones</b>, o seleccione la opción <b>Ninguno</b> para volverse a las unidades por defecto.</li>
-                        <li><b>Valores en orden inverso</b> - se usa para mostrar valores en sentido contrario. Cuando la casilla está desactivada el valor mínimo está en la parte inferior y el valor máximo en la parte superior del eje. Cuando la casilla está activada, los valores se ordenan de la parte superior a la parte inferior.</li>
-                    </ul>
-                    </li>
-                    <li>La sección <b>Parámetros de marcas de graduación</b> permite ajustar la posición de marcas de graduación en el eje vertical. Las marcas de graduación principales son las divisiones más grandes de escala con las etiquetas que muestran valores numéricos. Las marcas de graduación menores son las subdivisiones de escala colocadas entre las marcas de graduación principales y no tienen etiquetas. Las marcas de graduación también definen donde pueden mostrarse las líneas de graduación, si la opción correspondiente está elejida en la pestaña <b>Diseño</b>. En las listas desplegables <b>Tipo principal/menor</b> usted puede seleccionar las opciones de disposición siguientes:
-                    <ul>                        
-                            <li><b>Ninguno</b> - si no quiere que se muestren las marcas de graduación principales/menores,</li>
-                            <li><b>Intersección</b> - si quiere mostrar las marcas de graduación principales/menores en ambas partes del eje,</li>
-                            <li><b>En</b> - si quiere mostrar las marcas de graduación principales/menores dentro del eje,</li>
-                            <li><b>Fuera</b> - si quiere mostrar las marcas de graduación principales/menores fuera del eje.</li>                                                
-                    </ul>
-                    </li>
-                    <li>La sección <b>Parámetros de etiqueta</b> permite ajustar la posición de marcas de graduación principales que muestran valores. Para especificar <b>Posición de etiqueta</b> respecto al eje vertical, seleccione la opción necesaria en la lista desplegable:
-                    <ul>
-                        <li><b>Ninguno</b> - si no quiere que se muestren etiquetas de las marcas de graduación,</li>
-                        <li><b>Bajo</b> - si quiere que etiquetas de las marcas de graduación se muestren a la izquierda del gráfico,</li>
-                        <li><b>Alto</b> - si quiere que etiquetas de las marcas de graduación se muestren a la derecha del gráfico,</li>
-                        <li><b>Al lado de eje</b> - si quiere que etiquetas de las marcas de graduación se muestren al lado del eje.</li>
-                    </ul>
-                    </li>
-                </ul>
-                    <p><img alt="ventana Gráfico - ajustes avanzados" src="../images/chartsettings4.png" /></p>
-                    <p>La pestaña <b>Eje horizontal</b> le permite cambiar los parámetros del eje horizontal que también se llama el eje de categorías o el eje x que muestra etiquetas de texto. Tenga en cuenta, por favor, que para el <b>Gráfico de barras</b> el eje horizontal será el eje de valores que mostrará valores numéricos, y que más en este caso las opciones de la pestaña <b>Eje horizontal</b> corresponderán a unas descritas en la sección anterior. Para los <b>Gráficos de punto</b>, los dos ejes son los ejes de valor.</p>
-                    <ul>
-                        <li>La sección <b>Parámetros de eje</b> permite fijar los parámetros siguientes:
-                            <ul>
-                                <li><b>Intersección con eje</b> - se usa para especificar un punto en el eje horizontal donde el eje vertical lo debe cruzar. La opción <b>Auto</b> está seleccionada de manera predeterminada, en este caso el valor de punto de intersección de ejes se calcula automáticamente en función del rango de celdas seleccionado. Usted puede seleccionar la opción <b>Valor</b> en la lista desplegable y especificar un valor diferente en el campo a la derecha o fijar el <b>Valor máximo/mínimo</b> (que corresponde a la primera y última categoría) del punto de intersección de ejes en el eje horizontal.</li>
-                                <li><b>Posición de eje</b> - se usa para especificar donde etiquetas de texto del eje deben colocarse: <b>Marcas de graduación</b> o <b>Entre marcas de graduación</b>.</li>
-                                <li><b>Valores en orden inverso</b> - se usa para mostrar valores en sentido contrario. Cuando la casilla está desactivada las categorías se muestran de izquierda a derecha. Cuando la casilla está activada, las categorías se ordenan de derecha a izquierda.</li>
+                        <li>La sección <b>Opciones de ejes</b> permite fijar los siguientes parámetros:<ul>
+                                <li><b>Valor mínimo</b> - se usa para especificar el valor mínimo que se muestra en el comienzo del eje vertical. La opción <b>Auto</b> está seleccionada de manera predeterminada, en este caso el valor mínimo se calcula automáticamente en función del rango de celdas seleccionado. Usted puede seleccionar la opción <b>Corregido</b> en la lista desplegable y especificar un valor diferente en el campo de la derecha.</li>
+                                <li><b>Valor máximo</b> - se usa para especificar el valor máximo al final de eje vertical. La opción <b>Auto</b> está seleccionada de manera predeterminada, en este caso el valor máximo se calcula automáticamente en función del rango de datos seleccionado. Usted puede seleccionar la opción <b>Corregido</b> en la lista desplegable y especificar un valor diferente en el campo de la derecha.</li>
+                                <li><b>Intersección con eje</b> - se usa para especificar un punto en el eje vertical donde el eje horizontal lo debe cruzar. La opción <b>Auto</b> está seleccionada de manera predeterminada, en este caso el valor de punto de intersección de ejes se calcula automáticamente en función del rango de datos seleccionado. Usted puede seleccionar la opción <b>Valor</b> en la lista desplegable y especificar un valor diferente en el campo a la derecha o fijar el <b>Valor máximo/mínimo</b> del punto de intersección de ejes en el eje vertical.</li>
+                                <li><b>Unidades de visualización</b> - se usa para determinar una representación de valores numéricos a lo largo del eje vertical. Esta opción puede servirle si usted trabaja con números grandes y quiere que los valores en el eje se muestren de modo más compacto y legible (por ejemplo el número 50 000 puede ser escrito como 50 usando la unidad de visualización <b>Miles</b>). Seleccione unidades deseadas en la lista desplegable: <b>Cientos</b>, <b>Miles</b>, <b>10 000</b>, <b>100 000</b>, <b>Millones</b>, <b>10 000 000</b>, <b>100 000 000</b>, <b>Billones</b>, <b>Trillones</b>, o seleccione la opción <b>Ninguno</b> para volver a las unidades por defecto.</li>
+                                <li><b>Valores en orden inverso</b> - se usa para mostrar valores en sentido contrario. Cuando la casilla está desactivada el valor mínimo está en la parte inferior y el valor máximo en la parte superior del eje. Cuando la casilla está activada, los valores se ordenan de la parte superior a la parte inferior.</li>
                             </ul>
                         </li>
-                        <li>La sección <b>Parámetros de marcas de graduación</b> permite ajustar la posición de marcas de graduación en el eje horizontal. Las marcas de graduación principales son las divisiones más grandes de escala con las etiquetas que muestran valores numéricos. Las marcas de graduación menores son las subdivisiones de escala colocadas entre las marcas de graduación principales y no tienen etiquetas. Las marcas de graduación también definen donde pueden mostrarse las líneas de graduación, si la opción correspondiente está elejida en la pestaña <b>Diseño</b>. Usted puede ajustar los parámetros de marcas de graduación siguientes:
-                            <ul>
-                                <li><b>Tipo principal/menor</b> - se usa para especificar las opciones de disposición siguientes: <b>Ninguno</b> - si no quiere que se muestren marcas de graduación principales/menores, <b>Intersección</b> - si quiere mostrar marcas de graduación principales/menores en ambas partes del eje, <b>En</b> - si quiere mostrar las marcas de graduación principales/menores dentro del eje, <b>Fuera</b> - si quiere mostrar las marcas de graduación principales/menores fuera del eje.</li>
-                                <li><b>Intervalo entre marcas</b> - se usa para especificar cuantas categorías deben mostrarse entre dos marcas de graduación vecinas.</li>
+                        <li>La sección <b>Opciones de marca de verificación</b> permite ajustar la apariencia de las marcas de verificación en el eje vertical. Las marcas de verificación principales son las divisiones más grandes a escala y que pueden tener etiquetas que muestran valores numéricos. Las marcas de verificación menores son las subdivisiones de escala colocadas entre las marcas de graduación principales y las que no tienen etiquetas. Las marcas de verificación también definen donde pueden mostrarse las líneas de cuadrículas, si la opción correspondiente está elegida en la pestaña <b>Diseño</b>. En las listas desplegables <b>Tipo principal/menor</b> usted puede seleccionar las opciones de disposición siguientes:<ul>
+                                <li><b>Ninguno</b> si no quiere que se muestren las marcas de verificación principales/menores,</li>
+                                <li><b>Intersección</b> si quiere mostrar las marcas de graduación principales/menores en ambas partes del eje,</li>
+                                <li><b>En</b> si quiere mostrar las marcas de verificación principales/menores dentro del eje,</li>
+                                <li><b>Fuera</b> si quiere mostrar las marcas de verificación principales/menores fuera del eje.</li>
                             </ul>
                         </li>
-                        <li>La sección <b>Parámetros de etiqueta</b> permite ajustar posición de etiquetas que muestran categorías.
-                        <ul>
-                            <li><b>Posición de etiqueta</b> - se usa para especificar donde las etiquetas deben colocarse respecto al eje horizontal. Seleccione la opción necesaria en la lista desplegable: <b>Ninguno</b> - si no quiere que se muestren las etiquetas de categorías, <b>Bajo</b> - si quiere mostrar las etiquetas de categorías debajo del gráfico, <b>Alto</b> - si quiere mostrar las etiquetas de categorías arriba del gráfico, <b>Al lado de eje</b> - si quiere mostrar las etiquetas de categorías al lado de eje.</li>
-                            <li><b>Distancia entre eje y etiqueta</b> - se usa para especificar la distancia entre el eje y una etiqueta. Usted puede especificar el valor necesario en el campo correspondiente. Cuanto más valor esté fijado, mas será la distancia entre el eje y etiquetas.</li>
-                            <li><b>Intervalo entre etiquetas</b> - se usa para especificar con que frecuencia deben colocarse las etiquetas. La opción <b>Auto</b> está seleccionada de manera predeterminada, en este caso las etiquetas se muestran para cada categoría. Usted puede seleccionar la opción <b>Manualmente</b> en la lista desplegable y especificar el valor necesario en el campo correspondiente a la derecha. Por ejemplo, introduzca 2 para mostrar etiquetas para cada segunda categoría.</li>
-                        </ul>
+                        <li>La sección <b>Opciones de Etiqueta</b> permite ajustar la apariencia de marcas de verificación principales que muestran valores. Para especificar la <b>Posición de etiqueta</b> con respecto al eje vertical, seleccione la opción necesaria de la lista desplegable:<ul>
+                                <li><b>Ninguno</b> si no quiere que se muestren etiquetas de las marcas de verificación,</li>
+                                <li><b>Bajo</b> si quiere mostrar marcas de verificación a la izquierda del área del gráfico,</li>
+                                <li><b>Alto</b> si quiere mostrar marcas de verificación a la derecha del área del gráfico,</li>
+                                <li><b>Al lado del eje</b> si quiere mostrar marcas de verificación al lado del eje.</li>
+                            </ul>
                         </li>
                     </ul>
+                    <p><img alt="Ventana Ajustes de Gráfico" src="../images/chartsettings4.png" /></p>
+                    <p>La pestaña <b>Eje horizontal</b> le permite cambiar los parámetros del eje horizontal que también se llama el eje de categorías o el eje x que muestra etiquetas de texto. Note que el eje horizontal será el valor de eje que muestre valores numéricos para el <b>Gráfico de barras</b> por lo que en este caso, las opciones de la pestaña <b>Eje horizontal</b> corresponderán a las descritas en la sección anterior. Para los <b>gráficos de puntos XY (Esparcidos)</b>, los dos ejes son los ejes de valor.</p>
+                    <ul>
+                        <li>La sección <b>Opciones de Eje</b> permite fijar los siguientes parámetros:<ul>
+                                <li><b>Intersección con eje</b> - se usa para especificar un punto en el eje horizontal donde el eje vertical lo debe cruzar. La opción <b>Auto</b> está seleccionada de manera predeterminada, en este caso el valor de punto de intersección de los ejes se calcula automáticamente en función del rango de datos seleccionado. Usted puede seleccionar la opción <b>Valor</b> en la lista desplegable y especificar un valor diferente en el campo a la derecha o fijar el <b>Valor máximo/mínimo</b> (que corresponde a la primera y última categoría) del punto de intersección de ejes en el eje horizontal.</li>
+                                <li><b>Posición de eje</b> - se usa para especificar dónde se deben colocar las etiquetas de eje de texto: <b>Marcas de verificación</b> o <b>Entre marcas de verificación</b>.</li>
+                                <li><b>Valores en orden inverso</b> - se usa para mostrar valores en sentido contrario. Cuando la casilla está desactivada, las categorías se muestran de izquierda a derecha. Cuando la casilla está activada, las categorías se ordenan de derecha a izquierda.</li>
+                            </ul>
+                        </li>
+                        <li>La sección <b>Opciones de Verificación</b> permite ajustar la apariencia de marcas de verificación en la escala horizontal. Las marcas de verificación principales son las divisiones más grandes de escala que pueden tener etiquetas mostrando los valores de categorías. Las marcas de verificación menores son las subdivisiones más pequeñas las cuales se colocan entre las marcas de verificación principales y no tienen etiquetas. Las marcas de verificación también definen donde se pueden mostrar las líneas de cuadrículas, si la opción correspondiente se elige en la pestaña <b>Diseño</b>. Usted puede ajustar los siguientes parámetros de marcas de verificación:<ul>
+                                <li><b>Tipo principal/menor</b> - se usa para especificar las opciones de disposición siguientes: <b>Ninguno</b> si no quiere que se muestren marcas de verificación principales/menores, <b>Intersección</b> si quiere mostrar marcas de verificación principales/menores en ambas partes del eje, <b>En</b> si quiere mostrar las marcas de verificación principales/menores dentro del eje, <b>Fuera</b> si quiere mostrar las marcas de verificación principales/menores fuera del eje.</li>
+                                <li><b>Intervalo entre marcas</b> - se usa para especificar el número de categorías que deben mostrarse entre dos marcas de verificación vecinas.</li>
+                            </ul>
+                        </li>
+                        <li>La sección <b>Opciones de etiqueta</b> permite ajustar la apariencia de etiquetas que muestran categorías.<ul>
+                                <li><b>Posición de etiqueta</b> - se usa para especificar el lugar donde las etiquetas deben colocarse con respecto al eje horizontal. Seleccione la opción correspondiente en la lista desplegable: <b>Ninguno</b> si no quiere que se muestren las etiquetas de categorías, <b>Bajo</b> si quiere mostrar las etiquetas de categorías debajo del área del gráfico, <b>Alto</b> si quiere mostrar las etiquetas de categorías arriba del gráfico, <b>Al lado de eje</b> si quiere mostrar las etiquetas de categorías al lado de eje.</li>
+                                <li><b>Distancia entre eje y etiqueta</b> - se usa para especificar la distancia entre el eje y una etiqueta. Usted puede especificar el valor necesario en el campo correspondiente. Cuanto más grande sea el valor que fije, mas será la distancia entre el eje y las etiquetas.</li>
+                                <li><b>Intervalo entre etiquetas</b> - se usa para especificar con qué frecuencia deben colocarse las etiquetas. La opción <b>Auto</b> está seleccionada de manera predeterminada, en este caso las etiquetas se muestran para cada categoría. Usted puede seleccionar la opción <b>Manualmente</b> en la lista desplegable y especificar el valor necesario en el campo correspondiente a la derecha. Por ejemplo, introduzca 2 para mostrar etiquetas para otra categoría etc.</li>
+                            </ul>
+                        </li>
+                    </ul>
+                    <p><img alt="Ventana Ajustes de Gráfico" src="../images/chartsettings5.png" /></p>
+                    <p>La pestaña de <b>Texto Alternativo</b> permite especificar un <b>Título</b> y <b>Descripción</b> que se leerá a las personas con deficiencias de visión o cognitivas para ayudarles a entender mejor la información que hay en el gráfico.</p>	
                 </li>
-				
-				<li>una vez añadido el gráfico usted también puede <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)"> cambiar su tamaño y posición</a>.
-			<p>Usted puede especificar <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">la posición del gráfico</a> en la diapositiva arrastrándolo verticalmente o horizontalmente.</p>
-			</li>
-			</ol>
+                <li>una vez añadido el gráfico usted también puede <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">cambiar su tamaño y posición</a>.<p>Usted puede especificar <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">la posición del gráfico</a> en la diapositiva arrastrándolo vertical u horizontalmente.</p>
+                </li>
+            </ol>						
 			<hr />
-			<img class="floatleft"alt="pestaña Gráfico" src="../images/charttab.png" />
-			<p>Se puede cambiar el tamaño, tipo y estilo del gráfico y también sus datos usando la barra derecha lateral. Para activarla pulse el gráfico y elija el icono <b>Ajustes de gráfico</b> <img alt="icono Ajustes de gráfico" src="../images/chart_settings_icon.png" /> a la derecha.</p>
-			<p>La sección <b>Tamaño</b> le permite cambiar ancho y/o altura. Si el botón <b>Proporciones constantes</b> <img alt="icono Proporciones constantes" src="../images/constantproportions.png" /> está apretado (en este caso estará así <img alt="icono activado Proporciones constantes" src="../images/constantproportionsactivated.png" />), se cambiarán ancho y altura preservando la relación original de aspecto de gráfico.</p>
+            <h3>Editar elementos del gráfico</h3>
+            <p>Para editar el <b>Título</b> del gráfico, seleccione el texto predeterminado con el ratón y escriba el suyo propio en su lugar.</p>
+            <p>Para cambiar el formato del tipo de letra de texto dentro de elementos, como el título del gráfico, títulos de ejes, leyendas, etiquetas de datos etc, seleccione los elementos del texto apropiados haciendo clic izquierdo en estos. Luego use los iconos en la pestaña de <b>Inicio</b> en la barra de herramientas superior para cambiar el <a href="../UsageInstructions/InsertText.htm#formatfont" onclick="onhyperlinkclick(this)">tipo, estilo, tamano o color</a> de la letra.</p>
+            <p>Para borrar un elemento del gráfico, selecciónelo con el botón izquierdo del ratón y presione la tecla <b>Delete</b> en su teclado.</p>
+            <p>También puede rotar gráficos 3D usando el ratón. Haz clic izquierdo en el área del gráfico y mantenga el botón del ratón presionado hasta que el trazo de un cuadro azul aparezca. Arrastre el cursos sin soltar el botón del ratón para cambiar la orientación del gráfico en 3D.</p>
+            <p><img alt="Gráfico 3D" src="../images/3dchart.png" /></p>
+            <hr />
+            <h3>Ajustes de gráfico</h3><img class="floatleft"alt="Pestaña Gráfico" src="../images/charttab.png" /><p>Se puede cambiar el tamaño, tipo y estilo del gráfico y también sus datos usando la barra derecha lateral. Para activarla, haga clic en el gráfico y elija el icono <img alt="Icono ajustes de gráfico" src="../images/chart_settings_icon.png" /> <b>Ajustes de gráfico</b> a la derecha.</p>
+			<p>La sección <b>Tamaño</b> le permite cambiar el ancho y/o altura del gráfico. Si el botón <img alt="Icono Proporciones constantes" src="../images/constantproportions.png" /> <b>Proporciones constantes</b> se mantiene apretado (en este caso estará así <img alt="Icono Proporciones constantes activado" src="../images/constantproportionsactivated.png" />), se cambiarán el ancho y altura preservando la relación original de aspecto de gráfico.</p>
 			<p>La sección <b>Cambiar tipo de gráfico</b> le permite cambiar el tipo de gráfico seleccionado y/o su estilo usando el menú desplegable correspondiente.</p>
-			<p>El botón <b>Editar datos</b> le permite abrir la ventana <b>Editor de gráfico</b> y empezar a editar los datos de modo descrito de arriba.</p>
-			<p class="note"><b>Nota</b>: para abrir la ventana 'Editor de gráfico' rápidamente, haga doble clic sobre la diapositiva.</p>
-			<p>Cuando el gráfico esté seleccionado, el icono <b>Ajustes de forma</b> <img alt="Shape Settings icon" src="../images/shape_settings_icon.png" /> estará también disponible a la derecha, dado que una forma se usa como el fondo para el gráfico. Usted puede pulsar este icono para abrir la pestaña <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">Ajustes de forma</a> en la barra lateral derecha y ajustar el <b>Relleno</b> y <b>Trazo</b>. Note por favor, que usted no puede cambiar el tipo de forma.</p>
+			<p>Para seleccionar el <b>Estilo</b> del gráfico correspondiente, use el segundo menú despegable en la sección <b>Cambiar Tipo de Gráfico</b>.</p>            
+            <p>El botón <b>Editar datos</b> le permite abrir la ventana <b>Editor de gráfico</b> y empezar a editar los datos como se descrito arriba.</p>
+            <p class="note"><b>Nota</b>: para abrir la ventana 'Editor de gráfico' de forma rápida, haga doble clic sobre la diapositiva.</p>
+            <p>Una vez seleccionado el gráfico, el icono <img alt="Icono Ajustes de forma" src="../images/shape_settings_icon.png" /> <b>Ajustes de forma</b>  también está disponible a la derecha, porque la forma se usa como fondo para el gráfico. Usted puede hacer clic en este icono para abrir la pestaña <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">Ajustes de forma</a> en la barra lateral derecha y ajustar el <b>Relleno</b> y <b>Trazo</b> de la forma. Note por favor, que usted no puede cambiar el tipo de forma.</p>
 			<hr />
-			<p>Para <b>borrar</b> el gráfico insertado, haga clic en ello y pulse la tecla <b>Borrar</b> en el teclado.</p>
-			<p>Para descubrir como <b>alinear</b> un gráfico en la diapositiva o <b>arreglar</b> unos objetos, consulte la sección <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Alinee y arregle objetos en una diapositiva</a>.</p>
+			<p>Para <b>borrar</b> el gráfico insertado, haga clic en este y pulse la tecla <b>Borrar</b> en el teclado.</p>
+            <p>Para descubrir como <b>alinear</b> un gráfico en la diapositiva u <b>organizar</b> varios objetos, consulte la sección <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Alinee y organice objetos en una diapositiva</a>.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertEquation.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertEquation.htm
new file mode 100644
index 000000000..b6d463ff8
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertEquation.htm
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Inserte ecuación</title>
+		<meta charset="utf-8" />
+		<meta name="description" content="Insert equations and mathematical symbols." />
+		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
+	</head>
+	<body>
+		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+			<h1>Inserte ecuación</h1>
+            <p>El <b>Editor de Presentación</b> le permite construir ecuaciones usando las plantillas incorporadas, editarlas, insertar caracteres especiales (incluyendo operadores matemáticos, letras griegas, acentos, etc.).</p>
+            <h3>Añadir ecuación nueva</h3>
+            <p>Para añadir una ecuación de la galería,</p>
+			<ol>
+                <li>cambie a la pestaña <b>Insertar</b> en la barra de herramientas superior,</li>
+				<li>pulse la flecha al lado del icono <img alt="Icono Ecuación" src="../images/insertequationicon.png" /> <b>Ecuación</b>  en la barra de herramientas superior,</li>
+				<li>seleccione una categoría de ecuación en la lista desplegable. Aquí están las categorías disponibles: <em>Símbolos</em>, <em>Fracciones</em>, <em>Scripts</em>, <em>Radicales</em>, <em>Integrales</em>, <em>Operadores grandes</em>, <em>Paréntesis</em>, <em>Funciones</em>, <em>Acentos</em>, <em>Límites y logaritmos</em>, <em>Operadores</em>, <em>Matrices</em>,</li>
+                <li>haga clic sobre un símbolo/ecuación en concreto en el conjunto correspondiente de plantillas.</li>
+			</ol>
+            <p>La casilla de símbolo/ecuación seleccionada se insertará en el centro de la diapositiva actual.</p><img alt="Ecuación insertada" src="../images/insertedequation.png" /><p>Si no ve el borde del cuadro de la ecuación, haga clic en cualquier lugar dentro de la ecuación - el borde se mostrará con una línea discontinua.  El cuadro de la ecuación se puede <b>mover, cambiar de tamaño o rotar</b> en la diapositiva de forma libre. Para realizar esto, haga clic en el borde del cuadro de la ecuación (se mostrará con una línea sólida) y use <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">las manivelas correspondientes</a>.</p><img alt="Ecuación Seleccionada" src="../images/selectedequation.png" /><p>Cada plantilla de ecuación representa un conjunto de espacios. El espacio es la posición para cada elemento que constituye la ecuación. Un espacio libre (también llamado marcador) tiene un borde punteado <img alt="Marcador de la Ecuación" src="../images/equationplaceholder.png" />. Necesita rellenar todos los marcadores especificando sus valores necesarios.</p>
+            <h3>Introduzca valores</h3>
+            <p>Los <b>puntos de inserción</b> especifican dónde aparecerá el carácter siguiente que añada. Para posicionar el punto de inserción de forma precisa, haga clic dentro del marcador y use las flechas del teclado para mover el punto de inserción un carácter a la izquierda/derecha.</p><img alt="Ecuación Editada" src="../images/newslot.png" /><p>Una vez que el punto de inserción está posicionado, puede rellenar el marcador:<ul>
+                <li>introduzca el valor numérico/literal deseado usando el teclado,</li>
+                <li>Introduzca un carácter especial usando la paleta <b>Símbolos</b> del menú <img alt="Icono Ecuación" src="../images/insertequationicon.png" /> <b>Ecuación</b> en la pestaña <b>Insertar</b> en la barra de herramientas superior,</li>
+                <li>añada otra plantilla de ecuación de la paleta de para crear una ecuación compleja anidada. El tamaño de la ecuacin principal se ajustará de manera automática para ajustarse al contenido. El tamaño de los elementos de la ecuación anidada depende del tamaño del marcador de la ecuación principal, pero no puede ser más pequeño que el tamaño del sub-subíndice.</li>                
+            </ul>
+            </p>
+            <p><img alt="Ecuación Editada" src="../images/nestedfraction.png" /></p>
+            <p>Para añadir nuevos elementos de ecuación también puede usar las <b>opciones del menú contextual</b>:</p>
+            <ul>
+                <li>Para añadir un argumento nuevo que va antes o después del que existe entre <em>Corchetes</em>, puede hacer clic derecho en el argumento existente y seleccionar la opción <b>Insertar argumento antes/después</b> del menú.</li>
+                <li>Para añadir una ecuación nueva dentro de <em>Casos</em> con varias condiciones del grupo de <em>Corchetes</em>, puede hacer clic derecho en un marcador vacío o introducir una ecuación dentro de este y seleccionar la opción <b>Inserte ecuación antes/después</b> del menú.</li>
+                <li>Para añadir una nueva columna o fila en una <em>Matriz</em>, puede hacer clic derecho dentro de un marcador, seleccionar la opción <b>Insertar</b> del menú, luego seleccionar <b>Fila Encima/Debajo</b> o <b>Columna Izquierda/Derecha</b>.</li>
+            </ul>
+            <p class="note"><b>Nota</b>: actualmente, las ecuaciones no se pueden insertar con formato linear, es decir, <b>\sqrt(4&amp;x^3)</b>.</p>
+            <p>Cuando introduzca los valores de las expresiones matemáticas, no necesita usar la <b>Barra Espaciadora</b> ya que los espacios entre los caracteres y símbolos de operaciones se establecen de forma automática.</p>
+            <p>Si la ecuación es muy larga y no cabe en una sola línea dentro del cuadro de texto, un salto de línea ocurrirá de manera automática a la vez que escribe. También puede insertar un salto de línea en una posición específica si hace clic derecho en un operador matemático y selecciona la opción <b>Insertar salto manual</b> del menú. El operador seleccionado empezará una nueva línea. Para eliminar el salto de línea añadido manualmente, haga clic derecho en el operador matemático que empieza una nueva línea y seleccione la opción <b>Eliminar salto manual</b>.</p>
+            <h3>Formatear ecuaciones</h3>
+            <p>De forma predeterminada, la ecuación dentro del cuadro de texto se centra de manera horizontal y se alinea de manera vertical a la parte superior del cuadro de texto. Para cambiar su alineación horizontal/vertical, ponga el cursor dentro del cuadro de la ecuación (los bordes del cuadro de texto se mostrarán con líneas discontinuas) y use los <a href="../UsageInstructions/InsertText.htm#formattext" onclick="onhyperlinkclick(this)">iconos correspondientes</a> en la pestaña de <b>Inicio</b> en la barra de herramientas superior.</p>
+            <p>Para aumentar o disminuir el <b>tamaño de letra</b> de la ecuación, haga clic en cualquier parte dentro del cuadro de la ecuación y seleccione el tamaño de letra necesario de la lista en la pestaña de <b>Inicio</b> en la barra de herramientas superior. Todos los elementos de la ecuación cambiarán de forma respectiva.</p>
+            <p>Las letras dentro de la ecuación se ponen en cursiva de manera predeterminada. Si es necesario, puede cambiar el <b>estilo de letra</b> (<em>negrita, cursiva, tachada</em>) o <b>color</b> de una ecuación entera o de alguna de sus partes. El estilo <em>subrayado</em> se puede usar solo para toda la ecuación, no para caracteres individuales. Seleccione las partes necesarias de la ecuación haciendo clic y arrastrando. La parte seleccionada se resaltará en azul. Luego use los botones necesarios en la pestaña de <b>Inicio</b> en la barra de herramientas superior para formatear la selección. Por ejemplo, puede eliminar el formato cursiva para palabras ordinarias que no son variables o constantes.</p><img alt="Ecuación Editada" src="../images/formatastext.png" /><p>Para modificar algunos elementos de la ecuación, también puede usar las <b>opciones del menú contextual</b>:</p>
+            <ul><li>Para cambiar el formato de <em>Fracciones</em>, puede hacer clic derecho en una fracción y seleccionar la opción <b>Cambiar a fracción desigual/linear/apilada</b> del menú (las opciones disponibles varían dependiendo del tipo de fracción seleccionada). <!--The <b>Remove/Add fraction bar</b> option is also available for stacked fractions.--></li>
+                <li>Para cambiar la posición de los <em>Scripts</em> relacionados con el texto, haga clic derecho en la ecuación que incluye scripts y seleccione la opción <b>Scripts antes/después del texto</b> del menú.</li>
+                <li>Para cambiar el tamaño del argumento de <em>Scripts, Radicales, Integrales, Operadores Grandes, Límites y Logaritmos, Operadores</em>, así como de llaves superiores/llaves inferiores y plantillas con caracteres agrupados del grupo <em>Acentos</em>, puede hacer clic derecho en el argumento que quiere cambiar y seleccionar la opción <b>Aumentar/Disminuir tamaño del argumento</b> del menú.</li>
+                <li>Para especificar si un marcador de grado vacío debe mostrarse o no para un <em>Radical</em>, puede hacer clic derecho en el radical y seleccionar la opción <b>Ocultar/Mostrar grado</b> del menú.</li>
+                <li>Para especificar si un marcador de límite vacío debe mostrarse o no para un <em>Integral</em> u <em>Operador Grande</em>, puede hacer clic derecho en la ecuación y seleccionar la opción <b>Ocultar/Mostrar límite superior/inferior</b> del menú.</li>
+                <li>Para cambiar la posición de los límites en relación con la señal integral o de operación para <em>Integrales</em> u <em>Operadores Grandes</em>, puede hacer clic derecho en la ecuación y seleccionar la opción <b>Cambiar posición de límites</b> del menú. Los límites pueden mostrarse a la derecha del símbolo del operador (como super-índices o sub-índices) o directamente encima y debajo del símbolo del operador.</li>
+                <li>Para cambiar los límites de la posición en relación al texto para <em>Límites y Logaritmos</em> y plantillas con caracteres agrupados del grupo <em>Acentos</em>, puede hacer clic derecho en la ecuación y seleccionar la opción <b>Límite por encima/por debajo del texto</b> del menú.</li>
+                <li>Para cambiar cuales de los <em>Corchetes</em> debe mostrarse, puede hacer clic derecho en la expresión de dentro y seleccionar la opción <b>Mostrar/Ocultar corchete abierto/cerrado</b> del menú.</li>
+                <li>Para controlar el tamaño de los <em>Corchetes</em>, puede hacer clic derecho en la expresión de dentro. La opción de <b>Expandir corchetes </b> se selecciona de manera predeterminada para que los corchetes puedan crecer de acuerdo a la expresión dentro de esta, pero usted puede anular esta opción para prevenir que los corchetes se expandan. Cuando esta opción está activada, usted también puede usar la opción <b>Igualar corchetes a la altura del argumento</b>.</li>
+                <li>Para cambiar la posición de los caracteres en relación al texto para corchetes superiores/corchetes inferiores o barras superiores/barras inferiores del grupo <em>Acentos</em>, puede hacer clic derecho en la plantilla y seleccionar la opción <b>Gráfico/Barra por encima/por debajo del texto</b> del menú.</li>
+                <li>Para elegir qué bordes deben mostrarse para una <em>Fórmula en caja</em> del grupo de <em>Acentos</em>, puede hacer clic derecho en la ecuación y seleccionar la opción <b>Propiedades de borde</b> del menú, luego seleccione <b>Ocultar/Mostrar borde superior/inferior/izquierdo/derecho</b> o <b>Añadir/Ocultar línea horizontal/vertical/diagonal</b>.</li>
+                <li>Para especificar si un marcador vacío debe mostrarse o no para una <em>Matriz</em>, puede hacer clic derecho en este y seleccionar la opción <b>Ocultar/Mostrar marcador</b> del menú.</li>
+            </ul>
+            <p>Para alinear algunos elementos de la ecuación, también puede usar las <b>opciones del menú contextual</b>:</p>
+            <ul>
+                <li>Para alinear ecuaciones dentro de <em>Casos</em> con varias condiciones del grupo de <em>Corchetes</em>, puede hacer clic derecho en una ecuación, seleccionar la opción <b>Alineamiento</b> del menú, luego seleccionar el tipo de alineamiento: <b>Superior</b>, <b>Centro</b> o <b>Inferior</b>.</li>
+                <li>Para alinear una <em>Matriz</em> verticalmente, puede hacer clic derecho en la matriz, seleccionar la opción de <b>Alineamiento de Matriz</b> del menú, luego seleccionar el tipo de alineamiento: <b>Superior</b>, <b>Centro</b> o <b>Inferior</b>.</li>
+                <li>Para alinear elementos dentro de una columna de <em>Matriz</em> horizontalmente, puede hacer clic derecho en un marcador dentro de la columna, seleccionar la opción de <b>Alineamiento de Columna</b> del menú, y luego seleccionar el tipo de alineamiento: <b>Izquierdo</b> , <b>Centro</b> o <b>Derecho</b> .</li>
+            </ul>
+            <h3>Elimine elementos de ecuación</h3>
+            <p>Para eliminar un parte de la ecuación, seleccione la parte que quiere eliminar arrastrando el ratón o manteniendo la tecla <b>Shift</b> y usando los botones de flechas, luego presiona la tecla <b>Eliminar</b> en el teclado.</p>
+            <p>Un hueco solo se puede eliminar junto con la plantilla a la que pertenece.</p>
+            <p>Para eliminar la ecuación por completo, haga clic en el borde del cuadro de la ecuación (se mostrará como una línea sólida) y presione la tecla <b>Eliminar</b> del teclado.</p><img alt="Eliminar Ecuación" src="../images/deleteequation.png" /><p>Para eliminar algunos elementos de la ecuación, también puede usar las <b>opciones del menú contextual</b>:</p>
+            <ul>
+                <li>Para eliminar un <em>Radical</em>, puede hacer clic derecho en este y seleccionar la opción <b>Eliminar radical</b> del menú.</li>
+                <li>Para eliminar un <em>Sub-índice</em> y/o <em>Super-índice</em>, puede hacer clic derecho en la expresión que lo contiene y seleccionar la opción de <b>Eliminar su-índice/super-índice</b> del menú. Si la expresión contiene scripts que van antes que el texto, la opción de <b>Eliminar scripts</b> está disponible.</li>
+                <li>Para eliminar <em>Corchetes</em>, puede hacer clic derecho en la expresión dentro de esta y luego seleccionar la opción <b>Eliminar caracteres adjuntos</b> o <b>Eliminar caracteres y separadores adjuntos</b> del menú.</li>
+                <li>Si la expresión de dentro de los <em>Corchetes</em> incluye más de un argumento, puede hacer clic derecho en el argumento que quiere eliminar y seleccionar la opción <b>Eliminar argumento</b> del menú.</li>
+                <li>Si los <em>Corchetes</em> incluyen más de una ecuación (es decir <em>Casos</em> con varias condiciones), puede hacer clic derecho en la ecuación que quiere eliminar y seleccionar la opción <b>Eliminar ecuación</b> del menú.</li>
+                <li>Para eliminar un <em>Límite</em>, puede hacer clic derecho en este y seleccionar la opción <b>Eliminar radical</b> del menú.</li>
+                <li>Para eliminar un <em>Acento</em>, puede hacer clic derecho en este y seleccionar la opción <b>Eliminar carácter de acento</b>, <b>Eliminar gráfico</b> o <b>Eliminar barra</b> del menú (las opciones disponibles difieren del acento seleccionado).</li>
+                <li>Para eliminar una fila o columna de una <em>Matriz</em>, puede hacer clic derecho en el marcador dentro de la fila/columna que necesita eliminar, seleccionar la opción <b>Eliminar</b> del menú, y luego seleccionar <b>Eliminar Fila/Columna.</b></li>
+            </ul>
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertImages.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertImages.htm
index 288e82d5c..395df93c9 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertImages.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertImages.htm
@@ -3,42 +3,47 @@
 	<head>
 		<title>Inserte y ajuste imágenes</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Añada una imagen a su presentación y ajuste su tamaño y posición." />
+		<meta name="description" content="Add an image to your presentation and adjust its size and position." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
         <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 			<h1>Inserte y ajuste imágenes</h1>
-			<p>En el editor de presentaciones, usted puede insertar las imágenes de formatos más populares en su presentación. Son los formatos compatibles: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
-			<p>Para <b>añadir</b> una imagen a diapositiva,</p>
+            <h3>Inserte una imagen</h3>
+			<p>En el editor de presentaciones, usted puede insertar las imágenes en su presentación con los formatos más populares. Los siguientes formatos de imágenes son compatibles: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
+			<p>Para <b>añadir</b> una imagen a una diapositiva,</p>
 			<ol>
 				<li>en la lista de diapositivas a la izquierda, seleccione la diapositiva a la que usted quiere añadir una imagen,</li>
-				<li>pulse el icono <b>Insertar imagen</b> <img alt="Icono insertar imagen" src="../images/image.png" /> en la barra de herramientas superior,</li>
-				<li>seleccione una de las opciones siguientes para cargar la imagen:
-					<ul>
-						<li>si pulsa la opción <b>Imagen desde archivo</b> se abrirá la ventana Windows estándar para selección de un archivo. Navegue el disco duro de su ordenador por el archivo necesario y pulse el botón <b>Abrir</b></li>
-						<li>si pulsa la opción <b>Imagen desde url</b> se abrirá la ventana donde usted puede introducir la dirección web de imagen necesaria. Después pulse el botón <b>OK</b></li>
+				<li>haga clic en el icono <img alt="Icono Imagen" src="../images/image.png" /> <b>Imagen</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior,</li>
+				<li>seleccione una de las opciones siguientes para cargar la imagen:<ul>
+						<li>la opción <b>Imagen desde archivo</b> abrirá la ventana de diálogo Windows para la selección de archivo. Navegue el disco duro de su ordenador para encontrar un archivo correspondiente y haga clic en el botón <b>Abrir</b></li>
+						<li>la opción <b>Imagen desde URL</b> abrirá la ventana donde usted puede introducir la dirección web de la imagen correspondiente; después haga clic en el botón <b>OK</b></li>
 					</ul>
 				</li>
-				<li>una vez añadida la imagen usted puede <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)"> cambiar su tamaño y posiсión</a>.</li>
+				<li>una vez que la imagen esté añadida, usted puede <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">cambiar su tamaño y posición</a>.</li>
 			</ol>
 			<hr />
-			<img class="floatleft"alt="Image Settings tab" src="../images/imagesettingstab.png" />
-			<p>Al hacer clic derecho en una imagen y elegir el icono <b>Ajustes de imagen </b> <img alt="icono Ajustes de imagen" src="../images/image_settings_icon.png" /> a la derecha, usted activa la barra derecha lateral.</p>
-			<p><b>Tamaño</b> - se usa para ver los <b>Ancho</b> y <b>Altura</b> de la imagen actual o restaurar el tamaño <b>predeterminado</b> si es necesario.</p>
-			<p><b>Reemplazar imagen</b> - se usa para cargar una imagen en vez de la actual seleccionando la fuente deseada. Usted puede utilizar una de las opciones: <b>De archivo</b> o <b>De URL</b>.</p>
+            <h3>Ajustes de imagen</h3><img class="floatleft"alt="Pestaña de Ajustes de Imagen" src="../images/imagesettingstab.png" /><p>Al hacer clic izquierdo en una imagen y elegir el icono <img alt="Icono Ajustes de imagen" src="../images/image_settings_icon.png" /> <b>Ajustes de imagen</b>  a la derecha, la barra derecha lateral se activa. Esta incluye las siguientes secciones:</p>
+			<p><b>Tamaño</b> - se usa para ver el <b>Ancho</b> y <b>Altura</b> de la imagen actual o para restaurar el tamaño <b>predeterminado</b> si es necesario.</p>
+			<p><b>Reemplazar imagen</b> - se usa para cargar otra imagen en vez de la actual seleccionando la fuente deseada. Usted puede seleccionar una de las siguientes opciones: <b>De archivo</b> o <b>De URL</b>.</p>
 			<hr />
-			<p>Para cambiar los <b>ajustes avanzados</b> de la imagen, haga clic con el botón derecho en la imagen y seleccione la opción <b>Ajustes avanzados de imagen</b> en el menú contextual o haga clic sobre la imagen y pulse el enlace <b>Mostrar ajustes avanzados</b> en la derecha barra lateral. Se abrirá la ventana con propiedades de la imagen:</p>
-			<img alt="Propiedades de imagen" src="../images/image_properties.png" />
-			<p>Aquí usted puede establecer las propiedades de imagen siguientes:</p>
+			<p>Para cambiar los <b>ajustes avanzados</b> de la imagen, haga clic con el botón derecho en la imagen y seleccione la opción <b>Ajustes avanzados de imagen</b> en el menú contextual o haga clic izquierdo sobre la imagen y pulse el enlace <b>Mostrar ajustes avanzados</b> en la barra lateral de la derecha. Se abrirá la ventana con propiedades de la imagen:</p>
+            <p><img alt="Propiedades de imagen" src="../images/image_properties.png" /></p>
+			<p>La pestaña <b>Posición</b> le permite ajustar las siguientes propiedades de imagen:</p>
 			<ul>
-				<li><b>Tamaño</b> - use esta opción para cambiar ancho/altura de la imagen. Si el botón <b>Proporciones constantes</b> <img alt="icono Proporciones constantes" src="../images/constantproportions.png" /> está apretado (en este caso estará así <img alt="icono activado Proporciones constantes" src="../images/constantproportionsactivated.png" />), se cambiarán ancho y altura preservando la proporción de imagen. Para restaurar el tamaño predeterminado de la imagen añadida, pulse el botón <b>Predeterminado</b>.</li>
+				<li><b>Tamaño</b> - use esta opción para cambiar el ancho/altura de la imagen. Si hace clic en el botón <img alt="Icono Proporciones constantes" src="../images/constantproportions.png" /> <b>proporciones constantes</b>  (en este caso estará así <img alt="Icono Proporciones constantes activado" src="../images/constantproportionsactivated.png" />), el ancho y altura se cambiarán manteniendo la relación de aspecto original de la imagen. Para recuperar el tamaño predeterminado de la imagen añadida, haga clic en el botón <b>Tamaño Predeterminado</b>.</li>
 				<li><b>Posición</b> - use esta opción para cambiar la posición de imagen en la diapositiva (la posición se calcula respecto a las partes superior e izquierda de la diapositiva).</li>
 			</ul>
+            <p><img alt="Propiedades de imagen" src="../images/image_properties1.png" /></p>
+            <p>La pestaña de <b>Texto Alternativo</b> permite especificar un <b>Título</b> y <b>Descripción</b> que se leerá a las personas con deficiencias de visión o cognitivas para ayudarles a entender mejor la información que hay en la imagen.</p>			
 			<hr />
-			<p>Para <b>borrar</b> la imagen insertada, haga clic sobre la imagen y pulse la tecla <b>Delete</b> en el teclado.</p>
-			<p>Para saber como <b>alinear</b> una imagen en la diapositiva o <b>arreglar</b> unas imágenes, consulte la sección <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Alinee y arregle objetos en una diapositiva</a>.</p>
+			<p>Para <b>borrar</b> la imagen que se añadido, haga clic izquierdo sobre la imagen y pulse la tecla <b>Delete</b> en el teclado.</p>
+			<p>Para saber como <b>alinear</b> una imagen en la diapositiva u <b>organizar</b> varias imágenes, consulte la sección <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Alinee y organice objetos en una diapositiva</a>.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertTables.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertTables.htm
index d2072a15b..45d4bcc20 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertTables.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertTables.htm
@@ -3,73 +3,76 @@
 	<head>
 		<title>Inserte tablas y deles formato</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Añada una tabla a su presentación y ajuste sus propiedades" />
+		<meta name="description" content="Add a table to your presentation and adjust its properties" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
         <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 			<h1>Inserte tablas y deles formato</h1>
+            <h3>Inserte una tabla</h3>
 			<p>Para insertar una tabla en una diapositiva,</p>
 			<ol>
 				<li>seleccione la diapositiva donde usted quiere añadir una tabla,</li>
-				<li>pulse el icono <b>Insertar tabla</b> <img alt="Insertar tabla" src="../images/inserttable.png" /> en la barra de herramientas superior,</li>
-				<li>seleccione la opción para crear una tabla:
-					<ul>
-						<li><p>una tabla con un número de celdas predefinido (10 por 8 celdas máximo)</p>
-						<p>Si usted quiere rápidamente añadir una tabla, seleccione el número de filas (8 máximo) y columnas (10 máximo).</p></li>
+                <li>cambie a la pestaña <b>Insertar</b> en la barra de herramientas superior,</li>
+				<li>Haga clic en el icono <img alt="Icono tabla" src="../images/inserttable.png" /> <b>Tabla</b> en la barra de herramientas superior,</li>
+				<li>seleccione la opción para crear una tabla:<ul>
+						<li><p>o una tabla con un número de celdas predefinido (máximo de 10 por 8 celdas)</p>
+						<p>Si usted quiere añadir una tabla de forma rápida, seleccione el número de filas (8 máximo) y columnas (10 máximo).</p></li>
 						<li><p>o una tabla personalizada</p>
-						<p>Si usted necesita una tabla más que 10 por 8 celdas, seleccione la opción <b>Insertar tabla personalizada</b> y se abrirá la ventana donde usted puede introducir el número necesario de filas y columnas, después pulse el botón <b>OK</b>.</p></li>
+						<p>Si usted necesita una tabla de más de 10 por 8 celdas, seleccione la opción <b>Insertar tabla personalizada</b> y se abrirá la ventana donde usted puede introducir el número necesario de filas y columnas, después pulse el botón <b>OK</b>.</p></li>
 					</ul>
 				</li>
-				<li>una vez añadida la tabla usted puede cambiar sus parámetros y posición.</li>
+				<li>una vez que la tabla se ha añadido, usted puede cambiar sus parámetros y posición.</li>
 			</ol>
-			<p>Usted puede especificar <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)"> posición de tabla</a> arrastrándola verticalmente o horizontalmente.</p>
+			<p>Usted puede especificar <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">posición de tabla</a> arrastrándola verticalmente o horizontalmente.</p>
 			<hr />
-			<img class="floatleft"alt="Table settings tab" src="../images/tablesettingstab.png" />
-			<p>Es posible cambiar la mayoría de las propiedades de la tabla y también su estructura usando la derecha barra lateral. Para activarla haga clic en la tabla y elija el icono <b>Ajustes de tabla</b> <img alt="icono Ajustes de tabla" src="../images/Table_Settings_Icon.png" /> a la derecha.</p>
-			<p>Las secciones <b>Filas</b> y <b>Columnas</b> le permiten a usted seleccionar ciertas filas/columnas aplicando algún formato a ellas, o rellenar filas/columnas con los colores diferentes para distinguirlas claramente. Son las opciones disponibles:</p>
+            <h3> Ajustes de tablas</h3><img class="floatleft"alt="Pestaña Ajustes de tablas" src="../images/tablesettingstab.png" /><p>Es posible cambiar la mayoría de las propiedades de la tabla y también su estructura usando la derecha barra lateral. Para activarla haga clic en la tabla y elija el icono <img alt="Icono Ajustes de tabla" src="../images/table_settings_icon.png" /> <b>Ajustes de tabla</b> a la derecha.</p>
+			<p>Las secciones <b>Filas</b> y <b>Columnas</b> en la parte superior le permiten seleccionar ciertas filas/columnas aplicando algún formato a ellas, o rellenar filas/columnas con los colores de fondo distintos para poder distinguirlas de forma clara. Las siguientes opciones están disponibles:</p>
 			<ul style="margin-left: 280px;">
 				<li><b>Encabezado</b> - resalta la fila superior de la tabla dándole un formato especial.</li>
 				<li><b>Total</b> - resalta la fila inferior de la tabla dándole un formato especial.</li>
-				<li><b>Con bandas</b> - activa el color de fondo diferente para las filas impares y pares.</li>
+				<li><b>Con bandas</b> - activa el color de fondo para las filas impares y pares.</li>
 				<li><b>Primero</b> - resalta la columna del extremo izquierdo de la tabla dándole un formato especial.</li>
 				<li><b>Último</b> - resalta la columna del extremo derecho de la tabla dándole un formato especial.</li>
-				<li><b>Con bandas</b> - activa el color de fondo diferente para las columnas pares y impares.</li>
+				<li><b>Con bandas</b> - activa el color de fondo para las columnas pares y impares.</li>
 			</ul>
-			<p>La sección <b>Seleccionar de plantilla</b> le permite elegir uno de los estilos de tablas predefinidos. Cada plantilla combina ciertos parámetros de formato: color de fondo, estilo de bordes, bandas de fila/columna etc.
-			El conjunto de plantillas se varia dependiendo de las opciones marcadas en la secciones <b>Filas</b> y/o <b>Columnas</b>. Por ejemplo, si marca la opción <b>Encabezado</b> en la sección <b>Filas</b> y la opción <b>Con bandas</b> en la sección <b>Columnas</b>, en la lista habrá sólo palantillas que coinciden con su solicitud:</p>
+			<p>La sección <b>Seleccionar de plantilla</b> le permite elegir uno de los estilos de tablas predefinidos. Cada plantilla combina ciertos parámetros de formato, como color de fondo, estilo de bordes, bandas de fila/columna etc. El conjunto de plantillas varía dependiendo de las opciones marcadas en la secciones <b>Filas</b> y/o <b>Columnas</b>. Por ejemplo, si marca la opción <b>Encabezado</b> en la sección <b>Filas</b> y la opción <b>Con bandas</b> en la sección <b>Columnas</b>, en la lista solo habrá plantillas que coincidan con su solicitud:</p>
 			<p><img alt="Lista de plantillas" src="../images/templateslist.png" /></p>
-			<p>La sección <b>Estilo de bordes</b> le permite cambiar el formato aplicado que corresponde a la plantilla seleccionada. Usted puede seleccionar toda la tabla o un cierto rango de celdas y establecer todos los parámetros manualmente.</p>
-			<ul style="margin-left: 280px;">
-				<li>Parámetros de <b>Borde</b> - establezca el ancho de borde usando la lista <img alt="lista de tamaño de borde" src="../images/bordersize.png" /> (o elija la opción <b>Sin bordes</b>), seleccione el <b>Color</b> en las paletas disponibles y elija el variante que quiere aplicar para mostrarlos en celdas pulsando los iconos: 
-				<p><img alt="Iconos de tipo de borde" src="../images/bordertype.png" /></p>
-				<p class="note"><b>Nota</b>: si usted decide que no quiere que se muestren los bordes de la tabla elija una plantilla apropiada, seleccione la opción <b>Sin bordes</b>, o pulse el icono <img alt="Sin bordes" src="../images/noborders.png" />, pero los bordes se indicarán con una línea punteada en la diapositiva.</p>
-				</li>
-				<li><b>Color de fondo</b> - seleccione el color de fondo para una celda seleccionada.</li>
-			</ul>
-			<p>La sección <b>Filas y columnas</b> <img alt="Filas y columnas" src="../images/rowsandcolumns.png" /> le permite realizar las operaciones siguientes:</p>
+			<p>La sección <b>Estilo de bordes</b> le permite cambiar el formato aplicado que corresponde a la plantilla seleccionada. Usted puede seleccionar toda la tabla o varias celdas para cambiar el formato y establecer todos los parámetros manualmente.</p>
 			<ul>
-				<li><b>Seleccionar</b> fila, columna, celda (depende de la posición del cursor), o toda la tabla.</li>
+				<li>Parámetros de <b>Borde</b> - establezca el ancho del borde usando la lista <img alt="Lista de tamaño de borde" src="../images/bordersize.png" /> (o elija la opción <b>Sin bordes</b>), seleccione el <b>Color</b> en las paletas disponibles y determine la forma en la que quiere aplicar este ajuste para mostrarlos en celdas pulsando los iconos:<p><img alt="Iconos Tipo de Borde" src="../images/bordertype.png" /></p>
+				<p class="note"><b>Nota</b>: si usted decide que no quiere que se muestren los bordes de la tabla, elija una plantilla apropiada, o seleccione la opción <b>Sin bordes</b>, o pulse el icono <img alt="Sin bordes" src="../images/noborders.png" />, pero los bordes se indicarán con una línea punteada en la diapositiva.</p>
+				</li>
+				<li><b>Color de fondo</b> - seleccione el color de fondo dentro de las celdas seleccionadas.</li>
+			</ul>
+			<p>La sección <img alt="Filas y columnas" src="../images/rowsandcolumns.png" /> <b>Filas y columnas</b>  le permite realizar las operaciones siguientes:</p>
+			<ul>
+				<li><b>Seleccionar</b> una fila, columna, celda (depende de la posición del cursor), o toda la tabla.</li>
 				<li><b>Insertar</b> una nueva fila arriba o debajo de la fila seleccionada y también una nueva columna a la izquierda o a la derecha de la columna seleccionada.</li>
-				<li><b>Borrar</b> fila, columna (depende de la posición del cursor o de la selección), o toda la tabla.</li>
-				<li><b>Unir celdas</b> - para unir las celdas seleccionadas en una celda única.</li>
-				<li><b>Dividir celda...</b> - para dividir la celda seleccionada  en un cierto número de filas y columnas. Esta opción abra la ventana siguiente:
-				<p><img alt="Ventana dividir celdas" src="../images/split_cells.png" /></p>
-				<p>Introduzca <b>Número de columnas</b> y <b>Número de filas</b> para dividir la celda y pulse el botón <b>OK</b>.</p>
+				<li><b>Borrar</b> una fila, columna (depende de la posición del cursor o de la selección), o toda la tabla.</li>
+				<li><b>Unir celdas</b> - para unir las celdas seleccionadas en una sola celda.</li>
+				<li><b>Dividir celda...</b> - para dividir la celda seleccionada previamente en un número de filas y columnas concreto. Esta opción abra la ventana siguiente:<p><img alt="Ventana dividir celdas" src="../images/split_cells.png" /></p>
+				<p>Introduzca el <b>Número de columnas</b> y <b>Número de filas</b> en los que la celda seleccionada debe separarse y pulse el botón <b>OK</b>.</p>
 				</li>
 			</ul>
 			<p class="note"><b>Nota</b>: las opciones de la sección <b>Filas y columnas</b> también están disponibles en el <b>menú contextual</b>.</p>
 			<hr />
-			<p>Para cambiar los ajustes avanzados de la tabla, haga clic sobre la tabla con el botón derecho del ratón y seleccione la opción <b>Ajustes avanzados de tabla</b> en el menú desplegable o pulse el enlace <b>Mostrar ajustes avanzados</b> en la derecha barra lateral. Se abrirá la ventana con los parámetros de la tabla:</p>
-			<p><img alt="Parámetros de tabla" src="../images/table_properties.png" /></p>
-			<p>Aquí usted puede establecer espaciado entre un texto y un borde de celda dentro de la celda:</p>
+			<p>Para cambiar los ajustes avanzados de la tabla, haga clic sobre la tabla con el botón derecho del ratón y seleccione la opción <b>Ajustes avanzados de tabla</b> en el menú contextual o haga clic en el enlace <b>Mostrar ajustes avanzados</b> en la barra lateral derecha. Se abrirá la ventana con los parámetros de la tabla:</p>
+			<p><img alt="Parámetros de la tabla" src="../images/table_properties.png" /></p>
+			<p>La pestaña <b>Márgenes</b> le permite ajustar el espacio entre el texto dentro de las celdas y el borde de la celda:</p>
 			<ul>
 				<li>introduzca los valores de <b>Márgenes de celda</b> manualmente, o</li>
-				<li>marque la casilla <b>Usar márgenes predeterminados</b> para aplicar los valores predeterminados (si es necesario, los valores predeterminados pueden también ajustarse).</li>
+				<li>marque la casilla <b>Usar márgenes predeterminados</b> para aplicar los valores predeterminados (si es necesario, los valores predeterminados también pueden ajustarse).</li>
 			</ul>
+            <p><img alt="Propiedades de la tabla" src="../images/table_properties1.png" /></p>
+            <p>La pestaña de <b>Texto Alternativo</b> permite especificar un <b>Título</b> y <b>Descripción</b> que se leerá a las personas con deficiencias de visión o cognitivas para ayudarles a entender mejor la información que hay en la tabla.</p>
 			<hr />
-			<p>Para <b>dar un formato al texto introducido</b> dentro de las celdas de la tabla, usted puede usar los iconos <a href="../UsageInstructions/InsertText.htm" onclick="onhyperlinkclick(this)"> en la barra de herramientas superior</a>. El <b>menú contextual</b>, que aparece cuando usted hace clic sobre la tabla con el derecho botón del ratón, proporciona dos opciones adicionales: </p>
+			<p>Para <b>dar un formato al texto introducido</b> dentro de las celdas de la tabla, usted puede usar los <a href="../UsageInstructions/InsertText.htm#formatfont" onclick="onhyperlinkclick(this)">iconos en la pestaña de <b> Inicio</b> en la barra de herramientas superior</a>. El <b>menú contextual</b>, que aparece cuando usted hace clic sobre la tabla con el botón derecho del ratón, proporciona dos opciones adicionales:</p>
 			<ul>
 			    <li><b>Alineación vertical de celda</b> - le permite establecer el tipo preferido de alineación vertical de texto en las celdas seleccionadas: <b>Alinear en la parte superior</b>, <b>Alinear al centro</b>, o <b>Alinear en la parte inferior</b>.</li>
 			    <li><b>Hiperenlace</b> - le permite insertar un hiperenlace en la celda seleccionada.</li>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertText.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertText.htm
index 64b462c91..403ec2611 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertText.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/InsertText.htm
@@ -3,173 +3,188 @@
 	<head>
 		<title>Inserte su texto y dele formato</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Inserte su texto y dele formato" />
+		<meta name="description" content="Insert and Format your Text" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
         <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 			<h1>Inserte su texto y dele formato</h1>
-			<p><b>Inserte su texto</b></p>
-			<p>Usted puede añadir un texto nuevo de dos modos:</p>
+			<h3>Inserte su texto</h3>
+			<p>Usted puede a&ntilde;adir un texto nuevo de dos modos:</p>
 			    <ul>
-			        <li>Añada un pasaje de texto al marcador de texto correspondiente provisto en el diseño de diapositiva. Para hecerlo coloque el cursor en el marcador de texto y introduzca su texto o péguelo usando la combinación de las teclas <b>Ctrl+V</b> en lugar del texto predeterminado.</li>
-			        <li>Añada un pasaje de texto al cualquier lugar de una diapositiva. Para hacerlo:
-			            <ol>
-			            <li>pulse el icono <b>Insertar texto</b> <img alt="icono Insertar texto icon" src="../images/inserttexticon.png" /> en la barra de herramientas superior, o<br />
-			            pulse el icono <b>Insertar autoforma</b> <img alt="icono Insertar autoforma" src="../images/insertautoshape.png" /> en la barra de herramientas superior y seleccione una forma <img alt="Insertar texto de autoforma" src="../images/text_autoshape.png" /> del grupo <b>Formas básicas</b>,
-			            </li>
-			            <li>coloque el cursor del ratón en el lugar donde usted quiere insertar el texto,</li>
-			            <li>en el bloque de texto que aparece, introduzca su texto o péguelo usando la combinación de las teclas <b>Ctrl+V</b>.</li>
-			            </ol>
+			        <li>A&ntilde;ada un pasaje de texto al marcador de texto correspondiente provisto en el dise&ntilde;o de diapositiva. Para hecerlo coloque el cursor en el marcador de texto y introduzca su texto o p&eacute;guelo usando la combinaci&oacute;n de las teclas <b>Ctrl+V</b> en lugar del texto predeterminado.</li>
+			        <li>A&ntilde;ada un pasaje de texto al cualquier lugar de una diapositiva. You can insert a text box (a rectangular frame that allows to enter text within it) or a Text Art object (a text box with a predefined font style and color that allows to apply some text effects). Depending on the necessary text object type you can do the following:<ul>
+                                    <li>to add a text box, click the <img alt="Text Box icon" src="../images/inserttexticon.png" /> <b>Text Box</b> icon at the <b>Home</b> or <b>Insert</b> tab of the top toolbar, then click where you want to insert the text box, hold the mouse button and drag the text box border to specify its size. When you release the mouse button, the insertion point will appear in the added text box, allowing you to enter your text.<p class="note"><b>Note</b>: it&apos;s also possible to insert a text box by clicking the <img alt="Shape icon" src="../images/insertautoshape.png" /> <b>Shape</b> icon at the top toolbar and selecting the <img alt="Inserte un autoforma" src="../images/text_autoshape.png" /> shape from the <b>Basic Shapes</b> group.</p>
+                                    </li>
+                                    <li>to add a Text Art object, click the <img alt="Text Art icon" src="../images/inserttextarticon.png" /> <b>Text Art</b> icon at the <b>Insert</b> tab of the top toolbar, then click on the desired style template &ndash; the Text Art object will be added in the center of the slide. Select the default text within the text box with the mouse and replace it with your own text.</li>
+                                </ul>
 			        </li>
-			        <li>Coloque un pasaje de texto en un autoforma. Seleccione el autoforma y empiece a escribir su texto. El texto añadido de tal modo forma una parte del autoforma (cuando mueve o gira la forma, texto gira y mueve también).</li>
+                    <li>Add a text passage within an autoshape. Select a shape and start typing your text.</li>
 			    </ul>
-			<p>Usted puede <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">cambiar tamaño, girar o desplazar</a> un marcador/bloque de texto usando los controladores especiales.</p>
-			<p>Para saber como <b>alinear un bloque de texto en la diapositiva</b> o <b>arreglar bloques de texto</b>, lea el artículo <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Alinee y arregle objetos en una diapositiva</a>.</p>
-			<p>Para cambiar los <b>bordes o relleno</b> del marcador/bloque de texto, haga clic en sus bordes - se abrirá la pestaña <b>Ajustes de forma</b> en la barra derecha lateral. Para obtener la información más detallada por favor consulte la sección <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">Rellene objetos y seleccione colores</a>.</p>
-			<hr />
-			<p><b>Alinee su texto en el bloque de texto</b></p>
+            <p>Click outside of the text object to apply the changes and return to the slide.</p>
+            <p>El texto introducido de tal modo forma la parte del autoforma (cuando usted mueva o gira el autoforma, el texto realiza las mismas acciones).</p>
+            <p>As an inserted text object represents a rectangular frame (it has invisible text box borders by default) with text in it and this frame is a common autoshape, you can change both the shape and text properties.</p>
+            <p>To delete the added text object, click on the text box border and press the <b>Delete</b> key on the keyboard. The text within the text box will also be deleted.</p>
+            <h3>Format a text box</h3>
+            <p>Select the text box clicking on its border to be able to change its properties. When the text box is selected, its borders are displayed as solid (not dashed) lines.</p>
+            <p><img alt="Text box selected" src="../images/textbox_boxselected.png" /></p>
+			<ul>
+                <li>to <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">resize, move, rotate</a> the text box use the special handles on the edges of the shape.</li>
+                <li>to edit the text box <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">fill</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">stroke</a>, <b>replace</b> the rectangular box with a different shape, or access the <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shape advanced settings</a>, click the <b>Shape settings</b> <img alt="icono Ajustes de forma" src="../images/shape_settings_icon.png" /> icon on the right sidebar and use the corresponding options.</li>
+                <li>to <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">align a text box on the slide or arrange</a> text boxes as related to other objects, right-click on the text box border and use the contextual menu options.</li>
+                <li>to create <b>columns of text</b> within the text box, right-click on the text box border, click the <b>Shape Advanced Settings</b> option and switch to the <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)"><b>Columns</b></a> tab in the <b>Shape - Advanced Settings</b> window.</li>
+            </ul>
+            <h3 id="formattext">Alinee su texto en el bloque de texto</h3>
+            <p>Click the text within the text box to be able to change its properties. When the text is selected, the text box borders are displayed as dashed lines.</p>
+            <p><img alt="Text selected" src="../images/textbox_textselected.png" /></p>
+            <p class="note"><b>Note</b>: it&apos;s also possible to change text formatting when the text box (not the text itself) is selected. In such a case, any changes will be applied to all the text within the text box. Some font formatting options (font type, size, color and decoration styles) can be applied to a previously selected portion of the text separately.</p>
+            <p><b>Alinee su texto en el bloque de texto</b></p>
 			<p>Se puede alinear el texto horizontalmente de cuatro modos: a la izquierda, a la derecha, al centro o justificado. Para hacerlo:</p>
 			<ol>
-				<li>coloque el cursor en la posición donde usted quiere aplicar alineación (puede ser una línea nueva o el texto ya introducido),</li>
-				<li>despliegue la lista <b>Alineación horizontal</b> <img alt="Icono alineación horizontal" src="../images/horizontalalign.png" /> en la barra de herramientas superior,</li>
-				<li>seleccione el tipo de alineación que usted desea aplicar:
-					<ul>
-						<li>la opción <b>Alinear texto a la izquierda</b> <img alt="icono alinear a la izquierda" src="../images/alignleft.png" /> le permite alinear su texto por la parte izquierda del bloque de texto (la parte derecha permanece sin alineación).</li>
-						<li>la opción <b>Centrar texto</b> <img alt="icono alinear al centro" src="../images/aligncenter.png" /> le permite alinear su texto por el centro del bloque de texto (las partes derecha e izquierda permanecen sin alineación).</li>
-						<li>la opción <b>Alinear texto a la derecha</b> <img alt="icono alinear a la derecha" src="../images/alignright.png" /> le permite alinear su texto por la parte derecha del bloque de texto (la parte izquierda permanece sin alineación).</li>
-						<li>la opción <b>Justificar</b> <img alt="icono justificar" src="../images/justify.png" /> le permite alinear su texto por las dos partes derecha e izquierda del bloque de texto (el espacio adicional se añade donde es necesario para mantener la alineación).</li>
+				<li>coloque el cursor en la posici&oacute;n donde usted quiere aplicar alineaci&oacute;n (puede ser una l&iacute;nea nueva o el texto ya introducido),</li>
+				<li>drop-down the <b>Horizontal align</b> <img alt="Icono alineaci&oacute;n horizontal" src="../images/horizontalalign.png" /> list at the <b>Home</b> tab of the top toolbar,</li>
+				<li>seleccione el tipo de alineaci&oacute;n que usted desea aplicar:<ul>
+						<li>la opci&oacute;n <b>Alinear texto a la izquierda</b>  le permite alinear su texto por la parte izquierda del bloque de texto (la parte derecha permanece sin alineaci&oacute;n).</li>
+						<li>la opci&oacute;n <b>Centrar texto</b>  le permite alinear su texto por el centro del bloque de texto (las partes derecha e izquierda permanecen sin alineaci&oacute;n).</li>
+						<li>la opci&oacute;n <b>Alinear texto a la derecha</b>  le permite alinear su texto por la parte derecha del bloque de texto (la parte izquierda permanece sin alineaci&oacute;n).</li>
+						<li>la opci&oacute;n <b>Justificar</b>  le permite alinear su texto por las dos partes derecha e izquierda del bloque de texto (el espacio adicional se a&ntilde;ade donde es necesario para mantener la alineaci&oacute;n).</li>
 					</ul>
 				</li>
 			</ol>
 			<p>Se puede alinear el texto verticalmente de tres modos: en la parte superior, al medio o en la parte inferior. Para hacerlo:</p>
 			<ol>
-				<li>coloque el cursor en la posición donde usted quiere aplicar alineación (puede ser una línea nueva o el texto ya introducido),</li>
-				<li>despliegue la lista <b>Alineación vertical</b> <img alt="icono alineación vertical" src="../images/verticalalign.png" /> en la barra de herramientas superior,</li>
-				<li>seleccione el tipo de alineación que usted desea aplicar:
-					<ul>
-						<li>la opción <b>Alinear texto en la parte superior</b> <img alt="icono Alinear en la parte superior" src="../images/aligntop.png" /> le permite alinear su texto por la parte superior del bloque de texto.</li>
-						<li>la opción <b>Alinear texto al medio</b> <img alt="icono Alinear al medio" src="../images/alignmiddle.png" /> le permite alinear su texto por el centro del bloque de texto.</li>
-						<li>la opción <b>Alinear texto en la parte inferior</b> <img alt="icono Alinear en la parte inferior" src="../images/alignbottom.png" /> le permite alinear su texto por la parte inferior del bloque de texto.</li>
+				<li>coloque el cursor en la posici&oacute;n donde usted quiere aplicar alineaci&oacute;n (puede ser una l&iacute;nea nueva o el texto ya introducido),</li>
+				<li>drop-down the <b>Vertical align</b> <img alt="icono alineaci&oacute;n vertical" src="../images/verticalalign.png" /> list at the <b>Home</b> tab of the top toolbar,</li>
+				<li>seleccione el tipo de alineaci&oacute;n que usted desea aplicar:<ul>
+						<li>la opci&oacute;n <b>Alinear texto en la parte superior</b>  le permite alinear su texto por la parte superior del bloque de texto.</li>
+						<li>la opci&oacute;n <b>Alinear texto al medio</b>  le permite alinear su texto por el centro del bloque de texto.</li>
+						<li>la opci&oacute;n <b>Alinear texto en la parte inferior</b>  le permite alinear su texto por la parte inferior del bloque de texto.</li>
 					</ul>
 				</li>
 			</ol>
+            <hr />
+            <p><b>Change the text direction</b></p>
+            <p>To <b>Rotate</b> the text within the text box, right-click the text, select the <b>Text Direction</b> option and then choose one of the available options: <b>Horizontal</b> (is selected by default), <b>Rotate at 90°</b> (sets a vertical direction, from top to bottom) or <b>Rotate at 270°</b> (sets a vertical direction, from bottom to top).</p>
 			<hr />
-			<p><b>Ajuste el tipo de letra, su tamaño, color y aplique los estilos de decoración</b></p>
-			<p>Usted puede seleccionar el tipo de letra, su tamaño, color y también aplicar estilos de letra diferentes usando los iconos correspondientes situados en la barra de herramientas superior.</p>
-			<p class="note"><b>Nota</b>: si usted quiere aplicar el formato al texto que ya existe en la presentación, selecciónelo con el ratón o <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">usando el teclado</a> y aplique el formato necesario.</p>
+			<p id="formatfont"><b>Ajuste el tipo de letra, su tama&ntilde;o, color y aplique los estilos de decoraci&oacute;n</b></p>
+			<p>Usted puede seleccionar el tipo de letra, su tama&ntilde;o, color y tambi&eacute;n aplicar estilos de letra diferentes usando los iconos correspondientes situados en la barra de herramientas superior.</p>
+			<p class="note"><b>Nota</b>: si usted quiere aplicar el formato al texto que ya existe en la presentaci&oacute;n, selecci&oacute;nelo con el rat&oacute;n o <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">usando el teclado</a> y aplique el formato necesario.</p>
 			<table>
 				<tr>
-					<td>Nombre de letra</td>
-					<td><img alt="Nombre de letra" src="../images/fontfamily.png" /></td>
-					<td>Se usa para seleccionar cualquiera letra en la lista de las disponibles.</td>
+					<td>Font</td>
+					<td><img alt="Font" src="../images/fontfamily.png" /></td>
+					<td>Se usa para elegir una letra en la lista de letras disponibles.</td>
 				</tr>
 				<tr>
-					<td>Tamaño de letra</td>
-					<td><img alt="Tamaño de letra" src="../images/fontsize.png" /></td>
-					<td>Se usa para seleccionar el tamaño de letra preestablecido en la lista desplegable, el tamaño también puede ser introducido manualmente en el campo correspondiente.</td>
+					<td>Tama&ntilde;o de letra</td>
+					<td><img alt="Tama&ntilde;o de letra" src="../images/fontsize.png" /></td>
+					<td>Se usa para elegir un tama&ntilde;o de la letra en el men&uacute; desplegable, tambi&eacute;n se puede introducirlo a mano en el campo de tama&ntilde;o de letra.</td>
 				</tr>
 				<tr>
 					<td>Color de letra</td>
 					<td><img alt="Color de letra" src="../images/fontcolor.png" /></td>
-					<td>Se usa para cambiar el color de letras/caracteres del texto.  Para <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">seleccionar el color</a> pulse la flecha hacia abajo al lado del icono.</td>
+					<td>Se usa para cambiar el color de letras/caracteres del texto. Para <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">seleccionar el color</a> pulse la flecha hacia abajo al lado del icono.</td>
 				</tr>
 				<tr>
 					<td>Negrita</td>
 					<td><img alt="Negrita" src="../images/bold.png" /></td>
-					<td>Se usa para poner la letra en negrita dándole más peso.</td>
+					<td>Pone la letra en negrita d&aacute;ndole m&aacute;s peso.</td>
 				</tr>
 				<tr>
 					<td>Cursiva</td>
 					<td><img alt="Cursiva" src="../images/italic.png" /></td>
-					<td>Se usa para poner la letra en cursiva dándole el plano inclinado a la derecha.</td>
+					<td>Pone la letra en cursiva d&aacute;ndole el plano inclinado a la derecha.</td>
 				</tr>
 				<tr>
 					<td>Subrayado</td>
 					<td><img alt="Subrayado" src="../images/underline.png" /></td>
-					<td>Se usa para subrayar el fragmento del texto seleccionado.</td>
+					<td>Subraya un fragmento del texto seleccionado.</td>
 				</tr>
 				<tr>
 					<td>Tachado</td>
 					<td><img alt="Tachado" src="../images/strike.png" /></td>
-					<td>Se usa para tachar el fragmento del texto seleccionado con una línea que va a través de las letras.</td>
+					<td>Se usa para tachar el fragmento del texto seleccionado con una l&iacute;nea que va a trav&eacute;s de las letras.</td>
 				</tr>
 				<tr>
-					<td>Subíndice</td>
-					<td><img alt="Subíndice" src="../images/sup.png" /></td>
-					<td>Se usa para poner el fragmento del texto seleccionado en letras pequeñas y meterlo en la parte baja de la línea del texto, por ejemplo como en fórmulas químicas.</td>
+					<td>Sub&iacute;ndice</td>
+					<td><img alt="Sub&iacute;ndice" src="../images/sup.png" /></td>
+					<td>Se usa para poner el fragmento del texto seleccionado en letras peque&ntilde;as y meterlo en la parte baja de la l&iacute;nea del texto, por ejemplo como en f&oacute;rmulas qu&iacute;micas.</td>
 				</tr>
 				<tr>
-					<td>Sobreíndice</td>
-					<td><img alt="Sobreíndice" src="../images/sub.png" /></td>
-					<td>Se usa para poner el fragmento del texto seleccionado en letras pequeñas y meterlo en la parte superior de la línea del texto, por ejemplo como en fracciones.</td>
+					<td>Sobre&iacute;ndice</td>
+					<td><img alt="Sobre&iacute;ndice" src="../images/sub.png" /></td>
+					<td>Se usa para poner el fragmento del texto seleccionado en letras peque&ntilde;as y meterlo en la parte superior de la l&iacute;nea del texto, por ejemplo como en fracciones.</td>
 				</tr>
 			</table>
-			<hr />
-			<p><b>Establezca espaciado de línea y cambie sangrías de párrafo</b></p>
-			<p>En el editor de presentaciones, usted puede establecer la altura de línea para las líneas de texto dentro de un párrafo y también margenes entre el párrafo corriente y precedente o el párrafo posterior.</p>
-			<p><img class="floatleft"alt="pestaña Ajustes de forma" src="../images/textsettingstab.png" /></p>
+			<p><b>Establezca espaciado de l&iacute;nea y cambie sangr&iacute;as de p&aacute;rrafo</b></p>
+			<p>En el editor de presentaciones, usted puede establecer la altura de l&iacute;nea para las l&iacute;neas de texto dentro de un p&aacute;rrafo y tambi&eacute;n margenes entre el p&aacute;rrafo corriente y precedente o el p&aacute;rrafo posterior.</p>
+			<p><img class="floatleft"alt="pesta&ntilde;a Ajustes de forma" src="../images/textsettingstab.png" /></p>
 			<p>Para hacerlo,</p>
 			<ol style="margin-left: 280px;">
-				<li>coloque el cursor sobre el párrafo necesario, o seleccione unos párrafos con el ratón,</li>
-				<li>use los campos correspondientes de la pestaña <b>Ajustes de texto</b> en la derecha barra lateral para alcanzar los resultados deseados:
-					<ul>
-						<li><b>Espaciado de línea</b> - establece la altura de línea para las líneas de texto dentro de un párrafo. Usted puede alternar entre tres opciones: <b>por lo menos</b> (establece el espaciado de línea mínimo para que la letra más grande o cualquiera gráfica pueda encajar en una línea), <b>múltiple</b> (establece el espaciado de línea que puede ser expresado en números mayores que 1), <b>exacto</b> (establece el espaciado de línea fijo). En el campo <b>En</b> usted puede especificar el valor necesario.</li>
-						<li><b>Antes</b> - establece la cantidad de espacio antes de párrafo.</li>
-						<li><b>Después</b> - establece la cantidad de espacio después de párrafo.</li>
+				<li>coloque el cursor sobre el p&aacute;rrafo necesario, o seleccione unos p&aacute;rrafos con el rat&oacute;n,</li>
+				<li>use los campos correspondientes de la pesta&ntilde;a <b>Ajustes de texto</b> en la derecha barra lateral para alcanzar los resultados deseados:<ul>
+						<li><b>Espaciado de l&iacute;nea</b> - establece la altura de l&iacute;nea para las l&iacute;neas de texto dentro de un p&aacute;rrafo. Usted puede alternar entre tres opciones: <b>por lo menos</b> (establece el espaciado de l&iacute;nea m&iacute;nimo para que la letra m&aacute;s grande o cualquiera gr&aacute;fica pueda encajar en una l&iacute;nea), <b>m&uacute;ltiple</b> (establece el espaciado de l&iacute;nea que puede ser expresado en n&uacute;meros mayores que 1), <b>exacto</b> (establece el espaciado de l&iacute;nea fijo). Usted puede especificar el valor necesario en el campo correspondiente.</li>
+						<li><b>Paragraph Spacing</b> - set the amount of space between paragraphs.<ul>
+                            <li><b>Antes</b> - establece la cantidad de espacio antes de p&aacute;rrafo.</li>
+                            <li><b>Despu&eacute;s</b> - establece la cantidad de espacio despu&eacute;s de p&aacute;rrafo.</li>
+                        </ul>
+                        </li>                        
 					</ul>
 				</li>
 			</ol>
-			<p>Para cambiar espaciado de línea actual rápidamente, usted también puede usar el icono <b>Espaciado de línea</b> <img alt="Espaciado de línea" src="../images/linespacing.png" /> en la barra de herramientas superior eligiendo el valor necesario en la lista: 1.0, 1.15, 1.5, 2.0, 2.5, o 3.0 líneas.</p>
-		    <p>Para cambiar desplazamiento contra la parte derecha del bloque de texto, coloque el cursor encima del párrafo necesario, o seleccione unos párrafos con el ratón y use los iconos correspondientes en la barra de herramientas superior: <b>Reducir sangría</b> <img alt="Reducir sangría" src="../images/decreaseindent.png" /> y <b>Aumentar sangría</b> <img alt="Aumentar sangría" src="../images/increaseindent.png" />.</p>
-		<hr />
-		    <p>Usted también puede cambiar los <b>ajustes avanzados</b> del párrafo. Coloque cursor en el párrafo necesario - se activará la pestaña <b>Ajustes de texto</b> en la barra derecha lateral. Pulse el enlace <b>Mostrar ajustes avanzados</b>. Se abrirá la ventana de propiedades:</p>
-			<img alt="Propiedades de párrafo - sangrías y disposición" src="../images/textadvancedsettings1.png" />
-			<p>La pestaña <b>Sangrías y disposición</b> permite cambiar el offset del <a href="../UsageInstructions/InsertAutoshapes.htm#internalmargins" onclick="onhyperlinkclick(this)">margen interno</a> izquierdo de un bloque de texto y también el offset del párrafo de los márgenes internos <b>izquierdo</b> y <b>derecho</b> de un bloque de texto.</p>
-			
-			<p>Usted también puede usar la <b>regla</b> horizontal para establecer sangrías.</p>
-            <img alt="Regla - marcadores de sangría" src="../images/indents_ruler.png" />
-            <p>Seleccione los párrafos necesarios y arrastre los marcadores de sangría a lo largo de la regla.</p>
+			<p>Para cambiar espaciado de l&iacute;nea actual r&aacute;pidamente, usted tambi&eacute;n puede usar el icono <b>Espaciado de l&iacute;nea</b>  en la barra de herramientas superior eligiendo el valor necesario en la lista: 1.0, 1.15, 1.5, 2.0, 2.5, o 3.0 l&iacute;neas.</p>
+		    <p>Para cambiar desplazamiento contra la parte derecha del bloque de texto, coloque el cursor encima del p&aacute;rrafo necesario, o seleccione unos p&aacute;rrafos con el rat&oacute;n y use los iconos correspondientes en la barra de herramientas superior: <b>Reducir sangr&iacute;a</b>  y <b>Aumentar sangr&iacute;a</b> .</p>
+		    <hr />
+		    <p>Usted tambi&eacute;n puede cambiar los <b>ajustes avanzados</b> del p&aacute;rrafo. Coloque cursor en el p&aacute;rrafo necesario - se activar&aacute; la pesta&ntilde;a <b>Ajustes de texto</b> en la barra derecha lateral. Pulse el enlace <b>Mostrar ajustes avanzados</b>. Se abrir&aacute; la ventana de propiedades:</p><img alt="Propiedades de p&aacute;rrafo - sangr&iacute;as y disposici&oacute;n" src="../images/textadvancedsettings1.png" /><p>La pesta&ntilde;a <b>Sangr&iacute;as y disposici&oacute;n</b> permite cambiar el offset del <a href="../UsageInstructions/InsertAutoshapes.htm#internalmargins" onclick="onhyperlinkclick(this)">margen interno</a> izquierdo de un bloque de texto y tambi&eacute;n el offset del p&aacute;rrafo de los m&aacute;rgenes internos <b>izquierdo</b> y <b>derecho</b> de un bloque de texto.</p>
+            <p>Usted tambi&eacute;n puede usar la <b>regla</b> horizontal para establecer sangr&iacute;as.</p><img alt="Regla - marcadores de sangr&iacute;a" src="../images/indents_ruler.png" /><p>Seleccione los p&aacute;rrafos necesarios y arrastre los marcadores de sangr&iacute;a a lo largo de la regla.</p>
             <ul>
-                <li>El marcador de <b>sangría de primera línea</b> <img alt="Marcador de sangría de primera línea" src="../images/firstline_indent.png" /> se usa para poner el offset desde el margen interno izquierdo del bloque de texto para la primera línea de un párrafo.</li>
-                <li>El marcador de <b>sangría francesa</b> <img alt="Marcador de sangría francesa" src="../images/hanging.png" /> se usa para poner el offset desde el margen interno izquierdo del bloque de texto para la línea segunda y líneas posteriores líneas de un párrafo. .</li>
-                <li>El marcador de <b>sangría derecha</b> <img alt="Marcador de sangría derecha" src="../images/right_indent.png" /> e usa para poner el offset de un párrafo desde el margen interno izquierdo del bloque de texto.</li>
+                <li>El marcador de <b>sangr&iacute;a de primera l&iacute;nea</b>  se usa para poner el offset desde el margen interno izquierdo del bloque de texto para la primera l&iacute;nea de un p&aacute;rrafo.</li>
+                <li>El marcador de <b>sangr&iacute;a francesa</b>  se usa para poner el offset desde el margen interno izquierdo del bloque de texto para la l&iacute;nea segunda y l&iacute;neas posteriores l&iacute;neas de un p&aacute;rrafo.</li>
+                <li>El marcador de <b>sangr&iacute;a derecha</b>  e usa para poner el offset de un p&aacute;rrafo desde el margen interno izquierdo del bloque de texto.</li>
+                <li>El marcador de <b>sangr&iacute;a derecha</b>  e usa para poner el offset de un p&aacute;rrafo desde el margen interno izquierdo del bloque de texto.</li>
             </ul>
-            <p class="note"><b>Nota</b>: Si usted no ve las reglas, pulse el icono <img alt="icono Mostrar ajustes" src="../images/viewsettingsicon.png" /> en la esquina derecha superior de la barra de herramientas superior y desmarque la opción <b>Ocultar reglas</b> para mostrarlas.
-            </p><img alt="Propiedades de párrafo - letra" src="../images/textadvancedsettings2.png" />
-			<p>La pestaña <b>Letra</b> contiene los parámetros siguientes:</p>
+            <p class="note"><b>Note</b>: if you don&apos;t see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <img alt="icono Mostrar ajustes" src="../images/viewsettingsicon.png" /> icon at the upper right corner and uncheck the <b>Hide Rulers</b> option to display them.</p><img alt="Propiedades de p&aacute;rrafo - letra" src="../images/textadvancedsettings2.png" /><p>La pesta&ntilde;a <b>Letra</b> contiene los par&aacute;metros siguientes:</p>
 			<ul>
-				<li><b>Tachado</b> - se usa para tachar el texto con una línea que va por el centro de las letras.</li>
-				<li><b>Doble tachado</b> - se usa para tachar el texto con dos líneas que van por el centro de las letras.</li>
-				<li><b>Sobreíndice</b> - se usa para poner el texto en letras pequeñas y meterlo en la parte superior del texto, por ejemplo como en fracciones.</li>
-				<li><b>Subíndice</b> - se usa para poner el texto en letras pequeñas y meterlo en la parte baja de la línea del texto, por ejemplo como en formulas químicas.</li>
-				<li><b>Mayúsculas pequeñas</b> - se usa para poner todas las letras en minúsculas.</li>
-				<li><b>Mayúsculas</b> - se usa para poner todas las letras en mayúsculas.</li>
+				<li><b>Tachado</b> - se usa para tachar el texto con una l&iacute;nea que va por el centro de las letras.</li>
+				<li><b>Doble tachado</b> - se usa para tachar el texto con dos l&iacute;neas que van por el centro de las letras.</li>
+				<li><b>Sobre&iacute;ndice</b> - se usa para poner el texto en letras peque&ntilde;as y meterlo en la parte superior del texto, por ejemplo como en fracciones.</li>
+				<li><b>Sub&iacute;ndice</b> - se usa para poner el texto en letras peque&ntilde;as y meterlo en la parte baja de la l&iacute;nea del texto, por ejemplo como en formulas qu&iacute;micas.</li>
+				<li><b>May&uacute;sculas peque&ntilde;as</b> - se usa para poner todas las letras en min&uacute;sculas.</li>
+				<li><b>May&uacute;sculas</b> - se usa para poner todas las letras en may&uacute;sculas.</li>
 				<li><b>Espaciado entre caracteres</b> - se usa para establecer un espaciado entre caracteres.</li>
-			</ul>
-			<img alt="propiedades de párrafo - Tab" src="../images/textadvancedsettings3.png" />
-			<p>La pestaña <b>Tab</b> permite cambiar tabulaciones, a saber, la posición que avanza el cursor al pulsar la tecla <b>Tab</b> en el teclado.</p>
+			</ul><img alt="propiedades de p&aacute;rrafo - Tab" src="../images/textadvancedsettings3.png" /><p>La pesta&ntilde;a <b>Tab</b> permite cambiar tabulaciones, a saber, la posici&oacute;n que avanza el cursor al pulsar la tecla <b>Tab</b> en el teclado.</p>
 			<ul>
-			    <li><b>Posición de tab</b> - se usa para establecer los tabuladores personalizados. Introduzca el valor necesario en este campo, ajústelo más precisamente usando los botones de flechas y pulse el botón <b>Especificar</b>. Su posición de tab personalizada se añadirá a la lista en el campo debajo.</li>
-					<li><b>Predeterminado</b> se fijó a 1.25 cm. Usted puede aumentar o disminuir este valor usando los botones de flechas o introducir el botón necesario en el campo.</li>
-					<li><b>Alineación</b> - se usa para establecer el tipo de alineación necesario para cada posición de tab en la lista de arriba. Seleccione la posición de tab necesaria en la lista, elija la opción <b>Izquierdo</b>, <b>Al centro</b> o <b>Derecho</b> y pulse el botón <b>Especificar</b>.
-			        <ul>
-			            <li><b>Izquierdo</b> - alinea su texto por la parte izquierda en la posición de tabulador; el texto mueve a la derecha del tabulador cuando usted escribe. El tabulador se indicará en el control deslizante horizontal con el marcador <img alt="Marcador de tabulador izquierdo" src="../images/tabstopleft_marker.png" />.</li>
-						<li><b>Al centro</b> - centra el texto en la posición de tabulador. El tabulador se indicará en el control deslizante horizontal con el marcador <img alt="Marcador de tabulador central" src="../images/tabstopcenter_marker.png" />.</li>
-						<li><b>Derecho</b> - alinea su texto por la parte derecha en la posición de tabulador; el texto mueve a la izquierda del tabulador cuando usted escribe.  El tabulador se indicará en el control deslizante horizontal con el marcador <img alt="Marcador de tabulador derecho" src="../images/tabstopright_marker.png" />.</li>
-					</ul>
-					<p>Para borrar los tabuladores de la lista, seleccione el tabulador y pulse el botón <b>Eliminar</b> o <b>Eliminar todo</b>.</p>
+			    <li><b>Posici&oacute;n de tab</b> - se usa para establecer los tabuladores personalizados. Introduzca el valor necesario en este campo, aj&uacute;stelo m&aacute;s precisamente usando los botones de flechas y pulse el bot&oacute;n <b>Especificar</b>. Su posici&oacute;n de tab personalizada se a&ntilde;adir&aacute; a la lista en el campo debajo.</li>
+			    <li><b>Predeterminado</b> se fij&oacute; a 1.25 cm. Usted puede aumentar o disminuir este valor usando los botones de flechas o introducir el bot&oacute;n necesario en el campo.</li>
+			    <li><b>Alineaci&oacute;n</b> - se usa para establecer el tipo de alineaci&oacute;n necesario para cada posici&oacute;n de tab en la lista de arriba. Seleccione la posici&oacute;n de tab necesaria en la lista, elija la opci&oacute;n <b>Izquierdo</b>, <b>Al centro</b> o <b>Derecho</b> y pulse el bot&oacute;n <b>Especificar</b>.<ul>
+			            <li><b>Izquierdo</b> - alinea su texto por la parte izquierda en la posici&oacute;n de tabulador; el texto mueve a la derecha del tabulador cuando usted escribe. El tabulador se indicar&aacute; en el control deslizante horizontal con el marcador .</li>
+			            <li><b>Al centro</b> - centra el texto en la posici&oacute;n de tabulador. El tabulador se indicar&aacute; en el control deslizante horizontal con el marcador .</li>
+			            <li><b>Derecho</b> - alinea su texto por la parte derecha en la posici&oacute;n de tabulador; el texto mueve a la izquierda del tabulador cuando usted escribe. El tabulador se indicar&aacute; en el control deslizante horizontal con el marcador .</li>
+			        </ul>
+			        <p>Para borrar los tabuladores de la lista, seleccione el tabulador y pulse el bot&oacute;n <b>Eliminar</b> o <b>Eliminar todo</b>.</p>
 			    </li>
 			</ul>
-	       <p>Para fijar los tabuladores, usted puede utilizar la regla horizontal:</p>
+            <p>Para fijar los tabuladores, usted puede utilizar la regla horizontal:</p>
             <ol>
-                <li>Seleccione un tipo de tabulador pulsando el botón <img alt="Botón de tabulador izquierdo" src="../images/tabstopleft.png" /> en la esquina izquierda superior del área de trabajo para elegir el tipo de tabulador necesario: <b>Izquierdo</b> <img alt="botón Tabulador izquierdo" src="../images/tabstopleft.png" />, <b>Centro</b> <img alt="botón Tabulador central" src="../images/tabstopcenter.png" />, <b>Derecho</b> <img alt="botón Tabulador derecho" src="../images/tabstopright.png" />.</li>
-                <li>Haga clic en el borde inferior de la regla donde usted quiere colocar el tabulador. Arrástrelo a lo largo de la regla para cambiar su posición. Para eliminar el tabulador añadido arrástrelo fuera de la regla. 
-                    <p><img alt="Horizontal Ruler with the Tab stops added" src="../images/tabstops_ruler.png" /></p>
-                    <p class="note"><b>Nota</b>: Si usted no ve las reglas, pulse el icono <img alt="icono Mostrar ajustes" src="../images/viewsettingsicon.png" /> en la esquina derecha superior de la barra de herramientas superior y desmarque la opción <b>Ocultar reglas</b> para mostrarlas.</p>
+                <li>Seleccione un tipo de tabulador pulsando el bot&oacute;n  en la esquina izquierda superior del &aacute;rea de trabajo para elegir el tipo de tabulador necesario: <b>Izquierdo</b> , <b>Centro</b> , <b>Derecho</b> .</li>
+                <li>Haga clic en el borde inferior de la regla donde usted quiere colocar el tabulador. Arr&aacute;strelo a lo largo de la regla para cambiar su posici&oacute;n. Para eliminar el tabulador a&ntilde;adido arr&aacute;strelo fuera de la regla.<p><img alt="Horizontal Ruler with the Tab stops added" src="../images/tabstops_ruler.png" /></p>
+                    <p class="note"><b>Note</b>: if you don&apos;t see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <img alt="icono Mostrar ajustes" src="../images/viewsettingsicon.png" /> icon at the upper right corner and uncheck the <b>Hide Rulers</b> option to display them.</p>
                 </li>
-            </ol>	
+            </ol>
+            <h3>Edit a Text Art style</h3>
+            <p>Select a text object and click the <b>Text Art settings</b> <img alt="Text Art settings icon" src="../images/textart_settings_icon.png" /> icon on the right sidebar.</p>
+            <p><img alt="Text Art setting tab" src="../images/right_textart.png" /></p>
+            <ul>
+                <li>Change the applied text style selecting a new <b>Template</b> from the gallery. You can also change the basic style additionally by selecting a different font type, size etc.</li>
+                <li>Change the font <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">fill</a> and <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">stroke</a>. The available options are the same as the ones for autoshapes.</li>
+                <li>Apply a text effect by selecting the necessary text transformation type from the <b>Transform</b> gallery. You can adjust the degree of the text distortion by dragging the pink diamond-shaped handle.</li>
+            </ul>
+            <p><img alt="Text Art Transformation" src="../images/textart_transformation.png" /></p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManageSlides.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManageSlides.htm
index 1053d6a3a..5a9591807 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManageSlides.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManageSlides.htm
@@ -3,56 +3,73 @@
 	<head>
 		<title>Gestione diapositivas</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Añada nuvas diapositivas en blanco, duplique, desplace o bórrelas" />
+		<meta name="description" content="Add new blank slides, duplicate, move or delete them" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
         <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 			<h1>Gestione diapositivas</h1>
-			<p>De manera predeterminada, una presentación nueva tiene una diapositiva de título en blanco.</p>
-			<p><b>Para crear una diapositiva nueva:</b></p>
-			<ol>
-				<li>pulse el icono <b>Añadir diapositiva</b> <img alt="Icono añadir diapositiva" src="../images/addslide.png" /> en la barra de herramientas superior,</li>
-				<li>seleccione una diapositiva con el diseño de diapositiva necesario en el menú.
-				<p class="note"><b>Nota</b>: usted puede cambiar el diseño de la diapositiva añadida cuando sea. Para obtener la información adicional sobre como hacerlo lea el artículo <a href="../UsageInstructions/SetSlideParameters.htm#changelayout" onclick="onhyperlinkclick(this)">Establezca parámetros de diapositiva</a>.</p>
-				</li>
-			</ol>
-			<p>También, usted puede hacer clic con el botón derecho sobre cualquiera diapositiva en la lista y seleccionar la opción <b>Diapositiva nueva</b> en el menú contextual.</p>
-			<p>Una diapositiva nueva será insertada después de la seleccionada en la lista de diapositivas a la izquierda.</p>
+			<p>De manera predeterminada, una presentación nueva tiene una diapositiva en blanco con una <em>Diapositiva de Título</em>. Puede crear diapositivas nuevas, copiar una diapositiva y pegarla en otra posición de la lista de diapositivas, duplicar diapositivas, mover diapositivas para cambiar su orden en la lista en diapositivas, eliminar diapositivas innecesarias, marcar algunas diapositivas como ocultas. </p>
+			<p><b>Para crear una diapositiva nueva de <em>Título y Contenido</em>:</b></p>
+			<ul>
+				<li>haga clic en el icono <img alt="Icono añadir diapositiva" src="../images/addslide.png" /> <b>Añadir Diapositiva</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior, o</li>
+				<li>haga clic con el botón derecho sobre cualquier diapositiva en la lista y seleccione la opción <b>Diapositiva nueva</b> en el menú contextual, o</li>
+                <li>pulse la combinación de teclas <b>Ctrl+M</b>.</li>
+			</ul>
+            <p><b>Para crear una diapositiva nueva con diseño distinto:</b></p>
+            <ol>
+                <li>haga clic en la flecha de al lado del icono <img alt="Icono añadir diapositiva" src="../images/addslide.png" /> <b>Añadir Diapositiva</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior,</li>
+                <li>seleccione una diapositiva con el diseño de diapositiva necesario en el menú.<p class="note"><b>Nota</b>: usted puede cambiar el diseño de la diapositiva añadida en cualquier momento. Para obtener información adicional sobre cómo hacerlo lea la sección de <a href="../UsageInstructions/SetSlideParameters.htm#changelayout" onclick="onhyperlinkclick(this)">Establezca parámetros de diapositiva</a>.</p>
+                </li>
+            </ol>
+			<p>Se insertará una nueva diapositiva después de la seleccionada en la lista de diapositivas a la izquierda.</p>
 			<p><b>Para duplicar una diapositiva:</b></p>
 			<ol>
 				<li>haga clic con el botón derecho sobre la diapositiva necesaria en la lista de las diapositivas existentes a la izquierda,</li>
 				<li>seleccione la opción <b>Duplicar diapositiva</b> en el menú contextual.</li>
 			</ol>
-			<p>La diapositiva duplicada será insertada después de la seleccionada en la lista de diapositivas.</p>
+			<p>La diapositiva duplicada se insertará después de la seleccionada en la lista de diapositivas.</p>
 			<p><b>Para copiar una diapositiva:</b></p>
 			<ol>
 				<li>seleccione la diapositiva que usted tiene que copiar en la lista de las diapositivas existentes a la izquierda,</li>
 				<li>pulse la combinación de las teclas <b>Ctrl+C</b>,</li>
-				<li>en la lista de diapositivas, seleccione la diapositiva después de la que una diapositiva copiada hay que ser insertada,</li>
+				<li>en la lista de diapositivas, seleccione la diapositiva la cual la diapositiva copiada debe ir después,</li>
 				<li>pulse la combinación de las teclas <b>Ctrl+V</b>.</li>
 			</ol>
 			<p><b>Para desplazar una diapositiva existente:</b></p>
 			<ol>
 				<li>pulse la diapositiva necesaria en la lista de diapositivas existentes a la izquierda,</li>
-				<li>mantenga apretado el botón del ratón y arrástrela a la posición necesaria  de la lista (una línea horizontal indica una posición nueva).</li>
+				<li>mantenga apretado el botón del ratón y arrástrela a la posición necesaria de la lista (una línea horizontal indica una posición nueva).</li>
 			</ol>
-			<p><b>Para borrar una diapositiva innecesaria:</b></p>
+			<p><b>Para eliminar una diapositiva innecesaria:</b></p>
 			<ol>
-				<li>haga clic con el botón derecho sobre la diapositiva que usted quiere borrar en la lista de diapositivas existentes a la izquierda,</li>
-				<li>seleccione la opción <b>Borrar diapositiva</b> en el menú contextual.</li>
+				<li>haga clic con el botón derecho sobre la diapositiva que usted quiere eliminar en la lista de diapositivas existentes a la izquierda,</li>
+				<li>seleccione la opción <b>Eliminar Diapositiva</b> en el menú contextual.</li>
 			</ol>
-			<p><b>Para seleccionar todas las diapositivas existentes a la vez:</b></p>
+            <p><b>Para marcar una diapositiva como oculta:</b></p>
+            <ol>
+                <li>haga clic con el botón derecho sobre la diapositiva que usted quiere ocultar en la lista de diapositivas existentes a la izquierda,</li>
+                <li>seleccione la opción <b>Ocultar Diapositiva</b> en el menú contextual.</li>
+            </ol>
+            <p>El número que corresponde a la diapositiva oculta en la lista de diapositivas a la izquierda se tachará.  Para mostrar la diapositiva oculta como una normal en la lista de diapositivas, haga clic de nuevo en la opción <b>Ocultar Diapositiva</b>.</p>
+            <p><img alt="Diapositiva oculta" src="../images/hidden_slide.png" /></p>
+            <p class="note"><b>Nota</b>: use esta opción si no quiere demostrar varias diapositivas a su público, pero quiere ser capaz de acceder a estas si es necesario. Cuando empieza la presentación en el <a href="../UsageInstructions/PreviewPresentation.htm#presenter" onclick="onhyperlinkclick(this)">modo <b>Presentación</b></a>, puede ver todas las diapositivas existentes en la lista a la izquierda, y los números de las diapositivas ocultas están tachados.  Para saltar una diapositiva oculta para que no se muestre cuando muestra la presentación a su público, seleccione de forma manual la siguiente diapositiva en la lista de diapositivas existentes la izquierda. Si quiere mostrar una diapositiva marcada como oculta, haga clic en esta en la lista de diapositivas a la izquierda - la diapositiva aparecerá. Si empieza la presentación en el modo <b>Vista Previa</b>, todas las diapositivas (incluyendo las que se han marcado como ocultas) se mostrarán.</p>
+            <p><b>Para seleccionar todas las diapositivas existentes a la vez:</b></p>
 			<ol>
-				<li>haga clic con el botón derecho sobre cualquiera diapositiva en la lista de diapositivas existentes a la izquierda,</li>
+				<li>haga clic con el botón derecho sobre cualquier diapositiva en la lista de diapositivas existentes a la izquierda,</li>
 				<li>seleccione la opción <b>Seleccionar todo</b> en el menú contextual.</li>
 			</ol>
-			<p><b>Para seleccionar unas diapositivas:</b></p>
+			<p><b>Para seleccionar varias diapositivas:</b></p>
 			<ol>
 				<li>mantenga apretada la tecla <b>Ctrl</b>,</li>
-				<li>seleccione las diapositivas necesarias  en la lista de diapositivas existentes a la izquierda haciendo clics en ellas.</li>
+				<li>seleccione las diapositivas necesarias en la lista de diapositivas existentes a la izquierda haciendo clic en estas.</li>
 			</ol>
+            <p class="note"><b>Nota</b>: todas las combinaciones de teclas que se pueden usar para organizar diapositivas están listadas en la página de <a href="../HelpfulHints/KeyboardShortcuts.htm#manageslides" onclick="onhyperlinkclick(this)">Atajo de teclado.</a></p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManipulateObjects.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManipulateObjects.htm
index cbe2d31a7..45f52be3e 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManipulateObjects.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ManipulateObjects.htm
@@ -3,28 +3,31 @@
 	<head>
 		<title>Maneje objetos en una diapositiva</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Desplace, gire,cambie el tamaño y forma de autoformas e imágenes." />
+		<meta name="description" content="Move, rotate, resize and reshape autoshapes, images, charts." />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 			<h1>Maneje objetos en una diapositiva</h1>
-			<p>Usted puede cambiar el tamaño de objetos diferentes, mover, girarlos en una diapositiva manualmente usando controladores especiales. Usted también puede exactamente especificar las dimensiones y posición de unos objetos usando la barra derecha lateral o la ventana <b>Ajustes avanzados</b>.</p>						
-			<p><b>Cambie tamaño de objetos</b></p>
-			<p>Para cambiar el tamaño de <b>imagen/autoforma/gráfico/bloque de texto</b>, arrastre los pequeños cuadrados <img alt="Icono cuadrado" src="../images/resize_square.png" /> situados en los bordes de la imagen/autoforma. Para mantener proporciones originales del objeto seleccionado mientras redimensionamiento, mantenga apretada la tecla <b>Shift</b> y arrastre iconos de las esquinas.</p>
-			<p><img alt="mantener proporciones" src="../images/maintain_proportions.png" /></p>
-			<p>Para especificar los ancho y altura precisos de un <b>gráfico</b>, selecciónelo en una diapositiva y utilice la sección <b>Tamaño</b> en la barra derecha lateral que se activará.</p>
+			<p>Usted puede cambiar el tamaño de objetos diferentes, moverlos, girarlos en una diapositiva de forma manual usando los controladores especiales. Usted también puede especificar de forma exacta las dimensiones y posición de varios objetos usando la barra derecha lateral o la ventana <b>Ajustes avanzados</b>.</p>			
+			<h3>Cambiar el tamaño de objetos</h3>
+			<p>Para cambiar el tamaño de <b>imagen/autoforma/gráfico/cuadro de texto</b>, arrastre los cuadrados pequeños <img alt="Icono Cuadrado" src="../images/resize_square.png" /> situados en los bordes del objeto. Para mantener las proporciones originales del objeto seleccionado mientras cambia de tamaño/forma, mantenga apretada la tecla <b>Shift</b> y arrastre uno de los iconos de las esquinas.</p>
+			<p><img alt="Mantener proporciones" src="../images/maintain_proportions.png" /></p>
+			<p>Para especificar el ancho y altura precisos de un <b>gráfico</b>, selecciónelo en una diapositiva y utilice la sección <b>Tamaño</b> en la barra derecha lateral que se activará.</p>
 			<p>Para especificar las dimensiones precisas de una <b>imagen</b> o <b>autoforma</b>, haga clic derecho en el objeto necesario en una diapositiva y seleccione <b>Ajustes avanzados de imagen/forma</b> en el menú. Especifique los valores necesarios en la pestaña <b>Tamaño</b> de la ventana <b>Ajustes avanzados</b> y pulse <b>OK</b>.</p>
-			<p><b>Modifique autoformas</b></p>
-			<p>Al modificar unas formas, por ejemplo flechas o llamadas, icono de rombo amarillo <img alt="icono rombo amarillo" src="../images/yellowdiamond.png" /> también está disponible. Le permite ajustar algunos aspectos de la forma, por ejemplo, la longitud de punta de flecha.</p>
-			<p><img alt="remodelar autoformas" src="../images/reshaping.png" /></p>
-			<p><b>Desplace objetos</b></p>
-			<p>Para cambiar la posición de <b>imagen/gráfico/autoforma/tabla/bloque de texto</b>, use el icono <img alt="Flecha" src="../images/arrow.png" /> que aparece si mantiene el cursor de su ratón sobre el objeto. Arrastre el objeto a la posición necesaria apretando el botón del ratón. 
-			Para desplazar el objeto en incrementos de un píxel, mantenga apretada la tecla <b>Ctrl</b> y use las flechas en el teclado. 
-			Para desplazar los objetos horizontalmente o verticalmente y para que no se muevan en una dirección perpendicular, mantenga la tecla <b>Shift</b> apretada al arrastrar el objeto.</p>
-			<p>Para especificar la posición precisa de una <b>imagen</b>, púlsela con el botón derecho y seleccione la opción <b>Ajustes avanzados de imagen</b> en el menú. Especifique los valores necesarios en la sección <b>Posición</b> de la ventana <b>Ajustes avanzados</b> y pulse <b>OK</b>.</p>
-			<p><b>Gire objetos</b></p>
-			<p>Para girar <b>autoforma/imagen/bloque de texto</b>, mantenga cursor del ratón sobre el controlador de giro <img alt="Rotation handle" src="../images/greencircle.png" /> y arrástrela(lo) en la dirección de las manecillas de reloj o en el sentido antihorario . Para limitar el ángulo de rotación al incremento de 15 grados, mientras rotación mantenga la tecla <b>Shift</b> apretada.</p>		
+			<h3>Cambiar la forma de autoformas</h3>
+			<p>Al modificar unas formas, por ejemplo flechas o llamadas, el icono amarillo en forma de rombo está disponible <img alt="Icono rombo amarillo" src="../images/yellowdiamond.png" />. Le permite ajustar varios aspectos de forma, por ejemplo, la longitud de la punta de flecha.</p>
+			<p><img alt="Cambiar la forma de una autoforma" src="../images/reshaping.png" /></p>
+			<h3>Mover objetos</h3>
+			<p>Para cambiar la posición de <b>imagen/gráfico/autoforma/tabla/cuadro de texto</b>, use el icono <img alt="Flecha" src="../images/arrow.png" /> que aparece si mantiene el cursor de su ratón sobre el objeto. Arrastre el objeto a la posición necesaria sin soltar el botón de ratón. Para desplazar el objeto en incrementos de un píxel, mantenga apretada la tecla <b>Ctrl</b> y use las flechas en el teclado. Para desplazar los objetos horizontal o verticalmente y para que no se muevan en una dirección perpendicular, mantenga la tecla <b>Shift</b> apretada al arrastrar el objeto.</p>
+			<p>Para especificar la posición precisa de una <b>imagen</b>, haga clic en esta con el botón derecho y seleccione la opción <b>Ajustes avanzados de imagen</b> del menú. Especifique los valores necesarios en la sección <b>Posición</b> de la ventana <b>Ajustes avanzados</b> y pulse <b>OK</b>.</p>
+			<h3>Girar objetos</h3>
+			<p>Para girar <b>autoforma/imagen/cuadros de texto</b>, mantenga el cursor del ratón sobre el controlador de giro <img alt="Controlador de giro" src="../images/greencircle.png" /> y arrástrelo en la dirección de las manecillas de reloj o en el sentido contrario. Para limitar el ángulo de rotación hasta el incremento de 15 grados, mantenga apretada la tecla <b>Shift</b> mientras rota.</p>			
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/OpenCreateNew.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/OpenCreateNew.htm
index cba511116..4b469ceb3 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/OpenCreateNew.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/OpenCreateNew.htm
@@ -1,27 +1,32 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<title>Cree una presentación nueva o abra la existente</title>
+		<title>Cree una presentación nueva o abra una existente</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Abra una presentación recién editada, cree una presentación nueva, o vaya a la lista de las presentaciones existentes" />
+		<meta name="description" content="Open a recently edited presentation, create a new one, or return to the list of existing presentations" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
-			<h1>Cree una presentación nueva o abra la existente</h1>
-			<p>Si el editor de presentaciones está abierto, usted puede inmediatamente pasar a la presentación existente y recién editada, crear una presentación nueva, o volver a la lista de presentaciones existentes.</p>
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+			<h1>Cree una presentación nueva o abra una existente</h1>
+			<p>Si el editor de presentaciones está abierto, usted puede abrir una presentación existente recién editada, crear una presentación nueva, o volver a la lista de presentaciones existentes de forma rápida.</p>
 			<p>Para crear una presentación nueva en el editor de presentaciones:</p>
 			<ol>
-				<li>pulse el icono <b>Archivo</b> <img alt="Icono archivo" src="../images/file.png" /> en la izquierda barra lateral,</li>
+				<li>haga clic en la pestaña <b>Archivo</b> en la barra de herramientas superior,</li>
 				<li>seleccione la opción <b>Crear nuevo</b>. <!--Here you can choose whether to create a <b>blank</b> text document or use one of the available document <b>templates</b>: contract, letter, list, or plan.--></li>
 			</ol>
 			<p>Para abrir una presentación recién editada en el editor de presentaciones:</p>
 			<ol>
-				<li>pulse el icono <b>Archivo</b> <img alt="Icono archivo" src="../images/file.png" /> en la izquierda barra lateral,</li>
+				<li>haga clic en la pestaña <b>Archivo</b> en la barra de herramientas superior,</li>
 				<li>seleccione la opción <b>Abrir reciente</b>,</li>
-				<li>elija la presentación necesaria  en la lista de presentaciones recién editadas.</li>
+				<li>elija la presentación necesaria en la lista de presentaciones recién editadas.</li>
 			</ol>
-			<p>Para volver a la lista de presentaciones existentes, pulse el enlace <b>Ir a documentos</b> en la derecha esquina superior o el icono <b>Archivo</b> <img alt="Icono archivo" src="../images/file.png" /> en la izquierda barra lateral y seleccione la opción <b>Ir a documentos</b>.</p>
+			<p>Para volver a la lista de documentos existentes, haga clic en el icono <img alt="Ir a Documentos" src="../images/gotodocuments.png" /> <b>Ir a documentos</b> a la derecha del encabezado del editor. De forma alternativa, puede cambiar a la pestaña <b>Archivo</b> en la barra de herramientas superior y seleccionar la opción <b>Ir a Documentos</b>.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/PreviewPresentation.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/PreviewPresentation.htm
index 6ce29da15..1c68c762b 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/PreviewPresentation.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/PreviewPresentation.htm
@@ -3,23 +3,62 @@
 	<head>
 		<title>Obtenga vista previa de su presentación</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Obtenga vista previa de su presentación" />
+		<meta name="description" content="Preview your presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
         <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 			<h1>Obtenga vista previa de su presentación</h1>
-			<p>Para obtener vista previa de su presentación actualmente editada:</p>
-			<ol>
-			<li>pulse el icono <b>Vista previa</b> <img alt="icono vista previa" src="../images/startpreview.png" /> en la barra de herramientas superior.
-			<p class="note"><b>Nota</b>: para obtener vista previa empezando con una cierta diapositiva, usted puede seleccionarla en la lista de diapositivas a la izquierda, haciendo clic con el botón derecho sobre ella y eligiendo la opción <b>Vista previa</b> en el menú.</p>
-			<p>El modo <b>Vista previa</b> se activará.</p>
-			</li>
-			<li>pulse el botón <b>Iniciar presentación</b> <img alt="icono iniciar presentación" src="../images/startpresentation.png" /> en la izquierda esquina inferior de la pantalla.</li>
-			</ol>
-			<p>Use los controles correspondientes en la izquierda esquina inferior para <b>Detener presentación</b> <img alt="icono detener presentación" src="../images/pausepresentation.png" />, ir a <b>Diapositiva siguiente</b> <img alt="icono diapositiva siguiente" src="../images/nextslide.png" />, <b>Diapositiva anterior</b> <img alt="icono diapositiva anterior" src="../images/previousslide.png" />, <b>Cerrar vista previa</b> <img alt="icono cerrar vista previa" src="../images/closepreview.png" /> o <a href="../HelpfulHints/KeyboardShortcuts.htm#preview" onclick="onhyperlinkclick(this)">use los atajos de teclado</a>.</p>
-			<p class="note"><b>Nota</b>: para pasar a una cierta diapositiva en el modo de vista previa, pulse el <b>Indicador del número de diapositiva</b> y introduzca el número necesario de diapositiva en la ventana abierta.</p>			
+            <h3>Empezar la vista previa</h3>
+			<p>Para visualizar la presentación que está editando actualmente, puede:</p>
+            <ul>
+                <li>hacer clic en el icono <img alt="Icono iniciar presentación" src="../images/startpreview.png" /> <b>Empezar presentación</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior o en la parte izquierda de la barra de estado, o</li>
+                <li>seleccionar una diapositiva en concreto dentro de la lisa de diapositivas a la izquierda, hacer clic derecho en esta y elegir la opción <b>Empezar presentación</b> en el menú contextual.</li>
+            </ul>
+            <p>La vista previa empezará desde la diapositiva elegida.</p>
+            <p>También puede hacer clic en la flecha de al lado del icono <img alt="Icono iniciar presentación" src="../images/startpreview.png" /> <b>Empezar presentación</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior y seleccionar una de las opciones siguientes:</p>
+            <ul>
+                <li><b>Mostrar desde el principio</b> - para empezar la vista previa desde la primera diapositiva,</li>
+                <li><b>Mostrar desde la diapositiva seleccionada actualmente</b> - para empezar la vista previa desde la diapositiva seleccionada actualmente,</li>
+                <li><b>Mostrar vista previa en presentador</b> - para empezar la vista previa en el modo <b>Presentador</b> que permite mostrar la presentación a su público sin notas en las diapositivas mientras visualiza la presentación con las notas de diapositivas en otra pantalla.</li>
+                <li><b>Mostrar ajustes</b> - para abrir una ventana de ajustes que permite elegir una sola opción: <b>Repite continuamente hasta que se presiona la tecla ‘Esc’</b>. Valide esta opción si es necesario y haga clic en <b>OK</b>. Si valida esta opción, la presentación se mostrará hasta que presione la tecla de <b>Escape</b> en el teclado, por ejemplo, cuando llegue a la última diapositiva de la presentación, será capaz de volver a la primera diapositiva etc. Si esta opción está desactivada, una vez que llegue a la última diapositiva de la presentación, una pantalla negra aparecerá informando que la presentación se ha acabado y que puede salir de la <b>Vista previa</b>  <p><img alt="Ventana de ajustes de presentación" src="../images/showsettings.png" /></p>
+                </li>
+            </ul>
+            <h3>Usar el modo de vista previa</h3>
+            <p>En el modo <b>Vista previa</b>, puede usar los siguientes controles en la esquina inferior izquierda.</p>
+            <p><img alt="Controles del modo de vista previa" src="../images/preview_mode.png" /></p>
+            <ul>
+                <li>el botón <img alt="Icono diapositiva anterior" src="../images/previousslide.png" /> de <b>Diapositiva anterior</b> permite volver a la diapositiva anterior.</li>
+                <li>el botón <img alt="Icono detener presentación" src="../images/pausepresentation.png" /> <b>Pausar presentación</b> permite parar la vista previa. Cuando presiona el botón, se convierte en el botón <img alt="Icono iniciar presentación" src="../images/startpresentation.png" />.</li>
+                <li>el botón <img alt="Icono iniciar presentación" src="../images/startpresentation.png" /> <b>Empezar presentación</b> permite volver a la vista previa. Cuando presiona el botón, se convierte en el botón <img alt="Icono detener presentación" src="../images/pausepresentation.png" />.</li>
+                <li>el botón <img alt="Icono diapositiva siguiente" src="../images/nextslide.png" /> de <b>Diapositiva siguiente</b> le permite ir a la siguiente diapositiva.</li>
+                <li>el <b>indicador del número de diapositiva</b> muestra el número de diapositiva actual así como el número total de diapositivas en la presentación. Para pasar a una cierta diapositiva en el modo de vista previa, pulse el <b>Indicador del número de diapositiva</b> e introduzca el número de diapositiva correspondiente en la ventana abierta y presione <b>Enter</b>.</li>
+                <li>el botón <img alt="Icono pantalla completa" src="../images/fullscreen.png" /> <b>Pantalla completa</b> le permite cambiar al modo de pantalla completa.</li>
+                <li>el botón <img alt="Icono salir de pantalla completa" src="../images/exitfullscreen.png" /> <b>Salir de la pantalla completa</b> le permite salir del modo de pantalla completa.</li>
+                <li>el botón <img alt="Icono cerrar vista previa" src="../images/closepreview.png" /> de <b>Cerrar presentación</b> le permite salir del modo de vista previa.</li>
+            </ul>
+			<p>También puede <a href="../HelpfulHints/KeyboardShortcuts.htm#preview" onclick="onhyperlinkclick(this)">usar los atajos de teclado</a> para navegar entre diapositivas en el modo de vista previa.</p>
+            <h3 id="presenter">Usar el modo presentador</h3>
+            <p>En el modo <b>Presentador</b>, puede ver sus presentaciones con notas de diapositivas en una ventana separada, mientras la muestra sin notas en una pantalla diferente. Las notas para cada diapositiva se muestran debajo del área de vista previa de diapositivas.</p>
+            <p>Para navegar entre diapositivas puede usar los botones <img alt="Icono diapositiva anterior" src="../images/previousslide.png" /> y <img alt="Icono diapositiva siguiente" src="../images/nextslide.png" /> o hacer clic en las diapositivas en la lista de la izquierda. Los números ocultos de las diapositivas están tachados en la lista de diapositivas de la izquierda. Para saltar una diapositiva oculta para que no se muestre cuando muestra la presentación a su público, seleccione de forma manual la siguiente diapositiva en la lista de diapositivas existentes la izquierda. Si quiere mostrar una diapositiva marcada como oculta, haga clic en esta en la lista de diapositivas a la izquierda - la diapositiva aparecerá.</p>
+            <p>Puede usar los controles siguientes en la parte inferior del área de vista previa de las diapositivas:</p>
+            <p><img alt="Controles del modo de presentador" src="../images/presenter_mode.png" /></p>
+            <ul>
+                <li>El <b>Temporizador</b> muestra el tiempo transcurrido de la presentación en el formato <em>hh.mm.ss</em>.</li>
+                <li>el botón <img alt="Icono detener presentación" src="../images/pausepresentation.png" /> <b>Pausar presentación</b> permite parar la vista previa. Cuando presiona el botón, se convierte en el botón <img alt="Icono iniciar presentación" src="../images/startpresentation.png" />.</li>
+                <li>el botón <img alt="Icono iniciar presentación" src="../images/startpresentation.png" /> <b>Empezar presentación</b> permite volver a la vista previa. Cuando presiona el botón, se convierte en el botón <img alt="Icono detener presentación" src="../images/pausepresentation.png" />.</li>
+                <li>el botón <b>Reiniciar</b> permite reiniciar el tiempo transcurrido de la presentación.</li>
+                <li>el botón <img alt="Icono diapositiva anterior" src="../images/previousslide.png" /> de <b>Diapositiva anterior</b> permite volver a la diapositiva anterior.</li>
+                <li>el botón <img alt="Icono diapositiva siguiente" src="../images/nextslide.png" /> de <b>Diapositiva siguiente</b> le permite ir a la siguiente diapositiva.</li>
+                <li>el <b>indicador del número de diapositiva</b> muestra el número de diapositiva actual así como el número total de diapositivas en la presentación.</li>
+                <li>el botón <img alt="Icono puntero" src="../images/pointer.png" /> <b>Puntero</b> le permite destacar elementos en la pantalla mientras está mostrando la presentación. Cuando está opción está desactivada, el botón se muestra así: <img alt="Icono puntero" src="../images/pointer_enabled.png" />. Para señalar elementos ponga el cursor del ratón encima del área de la vista previa de la diapositiva y mueva el puntero alrededor de la diapositiva. El puntero estará así: <img alt="Icono puntero" src="../images/pointer_screen.png" />. Para desactivar esta opción haga clic en el botón <img alt="Icono puntero" src="../images/pointer_enabled.png" /> de nuevo.</li>
+                <li>el botón <b>Finalizar presentación</b> le permite salir del modo <b>Presentador</b>.</li>
+            </ul>			
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/SavePrintDownload.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/SavePrintDownload.htm
index bdfedb751..872fae1ec 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/SavePrintDownload.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/SavePrintDownload.htm
@@ -3,33 +3,39 @@
 	<head>
 		<title>Guarde/imprima/descargue su presentación</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Guarde/imprima/descargue su presentaciones en formatos diferentes" />
+		<meta name="description" content="Save, print and download your presentations in various formats" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
         <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
-		<div class="mainpart">
-			<h1>Guarde/imprima/descargue su presentación</h1>
-			<p>Cuando usted trabaja en su presentación, <b>el editor de presentaciones</b> guarda su archivo cada 2 segundos automáticamente preveniendo la pérdida de datos en caso de un cierre inesperado del programa. Si el archivo se está editando por varias prsonas a la vez, los cambios se guardan cada 10 minutos. Se puede fácilmente desactivar la función <b>Autoguardado</b> en la página <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Ajustes avanzados</a>.</p>
-			<p>Para guardar su presentación actual manualmente,</p>
-			<ul>
-				<li>pulse el icono <b>Guardar</b> <img alt="icono guardar" src="../images/save.png" /> en la barra de herramientas superior, o</li>
-				<li>use la combinación de las teclas <b>Ctrl+S</b>, o</li>
-				<li>pulse el icono <b>Archivo</b> <img alt="icono archivo" src="../images/file.png" /> en la izquierda barra lateral y seleccione la opción <b>Guardar</b>.</li>
-			</ul>
-			<p>Para imprimir la presentación actual,</p>
-			<ul>
-				<li>pulse el icono <b>Imprimir</b> <img alt="icono imprimir" src="../images/print.png" /> eb la barra de herramientas superior, o</li>
-				<li>use la combinación de las teclas <b>Ctrl+P</b>, o</li>
-				<li>pulse el icono <b>Archivo</b> <img alt="icono archivo" src="../images/file.png" /> en la izquierda barra lateral y seleccione la opción <b>Imprimir</b>.</li>
-			</ul>
-			<p>Después el archivo PDF será generado basándose en la presentación editada. Usted puede abrir e imprimirlo, o guardarlo en el disco duro de su ordenador o en un medio extraíble para imprimirlo más tarde.</p>
-			<p>Para descargar la presentación al disco duro de su ordenador,</p>
-			<ol>
-				<li>pulse el icono <b>Archivo</b> <img alt="icono archivo" src="../images/file.png" /> en la izquierda barra lateral,</li>
-				<li>seleccione la opción <b>Descargar como</b>,</li>
-				<li>elija uno de los formatos disponibles según sus necesidades: PDF, PPTX.</li>
-			</ol>
-		</div>
+        <div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+            <h1>Guarde/imprima<span class="onlineDocumentFeatures">/descargue</span> su presentación</h1>
+            <p>Cuando usted trabaja en su presentación, <b>el editor de presentaciones</b> guarda su archivo cada 2 segundos automáticamente preveniendo la pérdida de datos en caso de un cierre inesperado del programa. <span class="onlineDocumentFeatures">Si está editando el archivo con varias personas a la vez en el modo <b>Rápido</b>, el temporizador requiere actualizaciones 25 veces por segundo y guarda los cambios si estos se han producido. Si el archivo se está editando por varias personas a la vez en el modo <b>Estricto</b>, los cambios se guardan de forma automática cada 10 minutos. Si lo necesita, puede de forma fácil seleccionar el modo de co-edición preferido o desactivar la función <b>Autoguardado</b> en la página <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Ajustes avanzados</a>.</span></p>
+            <p>Para guardar su presentación actual de forma manual,</p>
+            <ul>
+                <li>pulse el icono <img alt="Icono Guardar" src="../images/save.png" /> <b>Guardar</b> en la barra de herramientas superior, o</li>
+                <li>use la combinación de las teclas <b>Ctrl+S</b>, o</li>
+                <li>haga clic en la pestaña <b>Archivo</b> en la barra de herramientas superior y seleccione la opción <b>Guardar</b>.</li>
+            </ul>
+            <p>Para imprimir la presentación actual,</p>
+            <ul>
+                <li>haga clic en el icono <img alt="Icono Imprimir" src="../images/print.png" /> <b>Imprimir</b> en la barra de herramientas superior, o</li>
+                <li>use la combinación de las teclas <b>Ctrl+P</b>, o</li>
+                <li>haga clic en la pestaña <b>Archivo</b>  en la barra de herramientas superior y seleccione la opción <b>Imprimir</b>.</li>
+            </ul>
+            <div class="onlineDocumentFeatures">
+                <p>Después el archivo PDF se generará basándose en la presentación editada. Usted puede abrirlo e imprimirlo, o guardarlo en el disco duro de su ordenador o en un medio extraíble para imprimirlo más tarde.</p>
+                <p>Para descargar la presentación al disco duro de su ordenador,</p>
+                <ol>
+                    <li>haga clic en la pestaña <b>Archivo</b> en la barra de herramientas superior,</li>
+                    <li>seleccione la opción <b>Descargar como</b>,</li>
+                    <li>elija uno de los siguientes formatos disponibles dependiendo en sus necesidades: PDF, PPTX o ODP.</li>
+                </ol>
+            </div>
+        </div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/SetSlideParameters.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/SetSlideParameters.htm
index 3a7a13bba..fa6554a40 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/SetSlideParameters.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/SetSlideParameters.htm
@@ -3,67 +3,70 @@
 	<head>
 		<title>Establezca parámetros de diapositiva</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Establezca parámetros de diapositiva: seleccione el relleno de fondo, temas, esquemas de color, diseños de diapositiva" />
+		<meta name="description" content="Set slide parameters: select background fill, themes, color schemes, slide layouts" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
         <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
 			<h1>Establezca parámetros de diapositiva</h1>
-			<p>Para personalizar su presentación, usted puede seleccionar un tema, combinación de colores y tamaño de la diapositiva en la presentación, también cambiar el relleno del fondo o el diseño de diapositiva para cada diapositiva separada. Usted puede aplicar transiciones entre diapositivas.</p>
+			<p>Para personalizar su presentación, usted puede seleccionar un tema, la combinación de colores y el tamaño de la diapositiva para toda la presentación, también puede cambiar el relleno del fondo o el diseño de cada diapositiva de forma separada, e introducir transiciones entre diapositivas. También es posible añadir notas explicativas a cada diapositiva que puedan ser de ayuda cuando muestra la presentación en el modo <b>Presentar</b>.</p>
 			<ul>
-			<li>La opción <b>Temas</b> le permite a usted cambiar el diseño de presentación de manera rápida, el fondo de dipositiva, tipos de letra predefinidos para textos y títulos, la combinación de colores que se usa para elementos de la presentación.
-			<b>Para seleccionar un tema</b> de la presentación, pulse un necesario tema preestablecido en la galería de temas en la parte derecha en la barra de herramientas superior. El tema seleccionado será aplicado a todas las diapositivas si usted no selecciona unas ciertas diapositivas para aplicar el tema.
-			<p><img alt="Temas" src="../images/themes.png" /></p>
+			<li>La opción <b>Temas</b> le permite a usted cambiar el diseño de presentación de manera rápida, el fondo de la diapositiva, los tipos de letra predefinidos para textos y títulos y la combinación de colores que se usa para elementos de la presentación. <b>Para seleccionar un tema</b> para la presentación, haga clic en el tema preestablecido en la galería de temas en la parte derecha de la barra de herramientas superior en la pestaña de <b>Inicio</b>. El tema seleccionado se aplicará a todas las diapositivas si usted no selecciona de ante mano varias diapositivas a las que aplicar el tema.<p><img alt="Galería de Temas" src="../images/themes.png" /></p>
+            <p>Para cambiar el tema seleccionado para una o más diapositivas, puede hacer clic derecho en las diapositivas seleccionadas en la lista a la izquierda (o haga clic derecho en el área de edición), seleccione la opción <b>Cambiar Tema</b> del menú contextual y elija el tema necesario.</p>
 			</li>
-			<li><b>Combinación de colores</b> afecta a colores predefinidos usados para los elementos de presentación (tipo de letra, líneas, rellenos etc.) y le permite mantener la consistencia de colores en la presentación.
-			<b>Para cambiar una combinación de colores</b> en la presentación, pulse el icono <b>Cambiar combinación de colores</b> <img alt="icono Cambiar combinación de colores" src="../images/changecolorscheme.png" /> en la barra de herramientas superior y selecciona una combinación de colores necesaria en la lista desplegable. La combinación seleccionada se aplicará a todas las diapositivas si usted no seleccione unas ciertas diapositivas para aplicar la combinación.
-			<p><img alt="Combinación de colores" src="../images/colorscheme.png" /></p>
+			<li><b>Combinación de colores</b> afecta los colores predefinidos usados para los elementos de la presentación (tipo de letra, líneas, rellenos etc.) y le permite mantener la consistencia de colores en la presentación. <b>Para cambiar una combinación de colores</b>, pulse el icono <img alt="Icono Cambiar combinación de colores" src="../images/changecolorscheme.png" /> <b>Cambiar combinación de colores</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior y seleccione una combinación de colores necesaria en la lista desplegable. La combinación seleccionada se aplicará a todas las diapositivas.<p><img alt="Combinaciones de colores" src="../images/colorscheme.png" /></p>
 			</li>
-			<li><b>Para cambiar el tamaño de diapositiva</b> y aplicar este cambio a todas las diapositivas de la presentación, pulse el icono <b>Seleccionar tamaño de diapositiva</b> <img alt="icono Seleccionar tamaño de diapositiva" src="../images/selectslidesizeicon.png" /> en la barra de herramientas superior y seleccione la opción necesaria en la lista desplegable. Usted puede seleccionar:
-			    <ul>
+			<li><b>Para cambiar el tamaño de diapositiva</b> y aplicar este cambio a todas las diapositivas de la presentación, haga clic en el icono <img alt="Icono seleccionar tamaño de diapositiva" src="../images/selectslidesizeicon.png" /> <b>Seleccionar tamaño de diapositiva</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior y seleccione la opción necesaria en la lista desplegable. Usted puede seleccionar:<ul>
 			    <li>una de las variantes predeterminadas de acceso rápido - <b>Estándar (4:3)</b> o <b>Panorámico (16:9)</b>,</li>
-			    <li>la opción <b>Ajustes avanzados</b> que abre la ventana <b>Ajustes de tamaño de diapositiva</b> donde usted puede seleccionar una variante predeterminada o establecer el tamaño <b>personalizado</b> especificando los valores de <b>Ancho</b> y <b>Altura</b> deseados.
-			    <p><img alt="ventana Ajustes de tamaño de diapositiva" src="../images/slidesizesettingswindow.png" /></p>
-			    <p>Son las variantes disponibles: Estándar (4:3), Panorámico (16:9), Panorámico (16:10), Letter Paper (8.5x11 in), Ledger Paper (11x17 in), Hoja A3 (297x420 mm), Hoja A4 (210x297 mm), Hoja B4 (ICO) (250x353 mm), Hoja B5 (ICO) (176x250 mm), Diapositivas 35 mm, Transparencia, Banner.</p>
-			    </li>
+			    <li>la opción <b>Ajustes avanzados</b> que abre la ventana <b>Ajustes de tamaño de diapositiva</b> donde usted puede seleccionar una variante predeterminada o establecer el tamaño <b>personalizado</b> especificando los valores de <b>Ancho</b> y <b>Altura</b> deseados.<p><img alt="Ventana Ajustes de tamaño de diapositiva" src="../images/slidesizesettingswindow.png" /></p>
+			    <p>Las variantes disponibles son: Estándar (4:3), Panorámico (16:9), Panorámico (16:10), Letter Paper (8.5x11 in), Ledger Paper (11x17 in), Hoja A3 (297x420 mm), Hoja A4 (210x297 mm), Hoja B4 (ICO) (250x353 mm), Hoja B5 (ICO) (176x250 mm), Diapositivas 35 mm, Transparencia, Banner.</p>
+			    <p>el menú de <b>Orientación de Diapositiva</b> le permite cambiar el tipo de orientación seleccionado en ese momento. El tipo de orientación predeterminado es <b>Vertical</b> pero usted puede cambiarlo a <b>Horizontal</b>.</p>
+                </li>
 			    </ul>
 			</li>
-			<li><b>Para cambiar un relleno de fondo:</b>
-			<ol>
-				<li>en la lista de diapositivas a la izquierda, seleccione las diapositivas a las que usted quiere aplicar un relleno. O haga clic sobre el espacio en blanco en área de edición de diapositiva para cambiar el tipo de relleno para esta diapositiva.</li>
-				<li>en la pestaña <b>Ajustes de diapositiva</b> en la derecha barra lateral, seleccione la opción necesaria:
-				    <ul>
+			<li><b>Para cambiar un relleno de fondo:</b><ol>
+				<li>en la lista de diapositivas a la izquierda, seleccione las diapositivas a las que usted quiere aplicar un relleno. O haga clic sobre el espacio en blanco en el área de edición de diapositiva para cambiar el tipo de relleno de esta diapositiva.</li>
+				<li>en la pestaña <b>Ajustes de diapositiva</b> en la barra lateral de la derecha, seleccione la opción necesaria:<ul>
 				    <li><b>Color de relleno</b> - seleccione esta opción para especificar el color que usted quiere aplicar a las diapositivas seleccionadas.</li>
-				    <li><b>Relleno degradado</b> - seleccione esta opción para aplicar a su diapositiva dos colores que suavemente cambian de uno a otro.</li>
-				    <li><b>Imagen o textura</b> - seleccione esta opción para usar una imagen o textura predefinida como el fondo de diapositiva.</li>
-				    <li><b>Patrón</b> - seleccione esta opción para aplicar a su diapositiva un diseño de dos colores que está compuesto de los elementos repetidos.</li>
-				    <li><b>Sin relleno</b> - seleccione esta opción si no quiere usar ningún relleno.</li>
+				    <li><b>Relleno degradado</b> - seleccione esta opción para aplicar dos colores a su diapositiva, los cuales cambian de uno a otro de forma suave.</li>
+				    <li><b>Imagen o textura</b> - seleccione esta opción para usar una imagen o textura predefinida como el fondo de la diapositiva.</li>
+				    <li><b>Patrón</b> - seleccione esta opción para aplicar a su diapositiva un diseño de dos colores que está compuesto de elementos repetidos.</li>
+				    <li><b>Sin relleno</b> - seleccione esta opción si no desea usar ningún relleno.</li>
 				    </ul>
-				    <p>Para la información detallada sobre estas opciones lea el artículo <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">Rellene objetos y seleccione colores</a>.</p>
+				    <p>Para obtener información detallada sobre estas opciones, por favor, consulte la sección <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">Rellene objetos y seleccione colores</a>.</p>
 				</li>			
 			</ol>
 			</li>
-			<li>Las <b>transiciones</b> le ayudan a hacer su presentación más dinámica y mantener la atención de su público. <b>Para aplicar la transición:</b>
-			<ol>
+			<li>Las <b>transiciones</b> le ayudan a hacer su presentación más dinámica y mantener la atención de su público. <b>Para aplicar una transición:</b><ol>
 				<li>en la lista de diapositivas a la izquierda, seleccione las diapositivas a las que usted quiere aplicar la transición,</li>
-				<li>elija una transición en la lista desplegable <b>Efecto</b> de la pestaña <b>Ajustes de diapositiva</b>,</li>
+				<li>elija una transición en la lista desplegable <b>Efecto</b> de la pestaña <b>Ajustes de diapositiva</b>,<p class="note"><b>Nota</b>: para abrir la pestaña <b>Ajustes de diapositiva</b>, puede hacer clic en el icono <img alt="Icono Ajustes de diapositiva" src="../images/slide_settings_icon.png" /> <b>Ajustes de diapositiva</b> a la derecha o hacer clic derecho en la diapositiva en el área de editar diapositivas y seleccionar la opción <b>Ajustes de diapositiva</b> del menú contextual.</p>
+                </li>
 				<li>ajuste las propiedades de transición: elija variante, duración de transición, y el modo de avanzar diapositivas,</li>
-				<li>pulse el botón <b>Aplicar a todas diapositivas</b> si usted quiere aplicar la misma transición a todas las diapositivas de la presentación.
-				    <p>Para obtener la información más detallada sobre esta opcion consulte la sección <a href="../UsageInstructions/ApplyTransitions.htm" onclick="onhyperlinkclick(this)">Aplique la transición</a>.</p>
+				<li>Haga clic en el botón <b>Aplicar a todas diapositivas</b> si usted quiere aplicar la misma transición a todas las diapositivas de la presentación.<p>Para obtener información más detallada sobre estas opciones consulte la sección <a href="../UsageInstructions/ApplyTransitions.htm" onclick="onhyperlinkclick(this)">Aplique la transición</a>.</p>
 				</li>			
 			</ol>
 			</li>
-			<li><a id="changelayout"></a><b>Para cambiar el diseño de diapositiva:</b>
-			<ol>
+			<li><a id="changelayout"></a><b>Para cambiar el diseño de diapositiva:</b><ol>
 			<li>en la lista de diapositivas a la izquierda, seleccione las diapositivas a las que quiere aplicar un nuevo diseño,</li>
-			<li>pulse el icono <b>Cambiar diseño de diapositiva</b> <img alt="icono Cambiar diseño de diapositiva" src="../images/changelayout.png" /> en la barra de herramientas superior,</li>
-			<li>seleccione el diseño necesario en el menú.
-			<p>También usted puede cambiar el diseño de tal modo: haga clic con el botón derecho sobre la diapositiva necesaria, luego seleccione la opción <b>Cambiar diseño</b> en el menú contextual y elija el diseño necesario.</p>
-			<p class="note"><b>Nota</b>: los diseños disponibles ahora: Título, Título y objeto, Encabezado de sección, Dos objetos,Dos textos y dos objetos, Sólo título, En blanco, Título,objeto y leyenda, Imagen y leyenda, Texto vertical, Título vertical y texto.</p>
+			<li>haga clic en el icono <img alt="Icono Cambiar diseño de diapositiva" src="../images/changelayout.png" /> <b>Cambiar diseño de diapositiva</b> en la pestaña de <b>Inicio</b> en la barra de herramientas superior,</li>
+			<li>seleccione el diseño necesario del menú.<p>De forma alternativa, haga clic con el botón derecho sobre la diapositiva necesaria a la izquierda en el área de edición, luego seleccione la opción <b>Cambiar diseño</b> en el menú contextual y elija el diseño correspondiente.</p>
+			<p class="note"><b>Nota</b>: los siguientes diseños están disponibles: Título, Título y objeto, Encabezado de sección, Dos objetos,Dos textos y dos objetos, Solo título, En blanco, Título, objeto y leyenda, Imagen y leyenda, Texto vertical, Título vertical y texto.</p>
 			</li>
 			</ol>
 			</li>
+                <li><a id="slidenote"></a><b>Para añadir notas a una diapositiva:</b><ol>
+                        <li>en la lista de diapositivas a la izquierda, seleccione la diapositiva a la que usted quiere añadir una nota,</li>
+                        <li>haga clic en la captura <b>haga clic para añadir notas</b> debajo del área de edición de la diapositiva,</li>
+                        <li>escriba el texto de su nota.<p class="note"><b>Nota</b>: puede formatear el texto usando los iconos en la pestaña de <b>Inicio</b> en la barra de herramientas superior.</p>
+                        </li>
+                    </ol>
+                    <p>Cuando empieza la presentación de diapositivas en el <a href="../UsageInstructions/PreviewPresentation.htm#presenter" onclick="onhyperlinkclick(this)">modo <b>Presentación</b></a>, será capaz de ver todas las notas de diapositivas en el área de visualización de diapositivas.</p>
+                </li>
 			</ul>			
 		</div>
 	</body>
diff --git a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ViewPresentationInfo.htm b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ViewPresentationInfo.htm
index d9b954922..9ab9e177e 100644
--- a/apps/presentationeditor/main/resources/help/es/UsageInstructions/ViewPresentationInfo.htm
+++ b/apps/presentationeditor/main/resources/help/es/UsageInstructions/ViewPresentationInfo.htm
@@ -1,18 +1,32 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<title>Vea información sobre presentación</title>
+		<title>Vea información sobre la presentación</title>
 		<meta charset="utf-8" />
-		<meta name="description" content="Vea el título de presentación, su autor, ubicación, fecha de creación, personas con los derechos de ver o editar la presentación" />
+		<meta name="description" content="View presentation title, author, location, creation date, persons with the rights to view or edit the presentation" />
 		<link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script type="text/javascript" src="../callback.js"></script>
+        <script type="text/javascript" src="../search/js/page-search.js"></script>
 	</head>
 	<body>
 		<div class="mainpart">
-			<h1>Vea información sobre presentación</h1>
-			<p>Para acceder a la información detallada sobre la presentación actualmente editada, pulse el icono <b>Archivo</b> <img alt="icono archivo" src="../images/file.png" /> en la barra izquierda lateral y seleccione la opción <b>Info sobre presentación</b>.</p>
-			<p>La información sobre presentación contiene título de presentación, su autor, ubicación, fecha de creación, personas con los derechos de ver o editarla.</p>
-			<p>Si usted tiene acceso completo a esta presentación, usted también puede cambiar los derechos de acceso actualmente seleccinados pulsando el botón <b>Cambiar derechos de acceso</b> en la sección <b>Personas que tienen derechos</b>.</p>
-			<p>Para cerrar el panel <b>Archivo</b> y volver a editar la presentación, seleccione la opción <b>Ir a presentación</b>.</p>
+        <div class="search-field">
+            <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+        </div>
+			<h1>Vea información sobre la presentación</h1>
+			<p>Para acceder a la información detallada sobre la presentación actualmente editada, haga clic en la pestaña <b>Archivo</b> en la barra izquierda lateral y seleccione la opción <b>Información sobre presentación</b>.</p>
+            <h3>Información General</h3>
+            <p>La información sobe la presentación incluye la presentación del título, autor, localización y fecha de creación.</p>
+            <div class="onlineDocumentFeatures">
+                <p class="note"><b>Nota</b>: Los Editores en Línea le permiten cambiar el título de presentación directamente desde el interfaz del editor. Para realizar esto, haga clic en la pestaña <b>Archivo</b> en la barra de herramientas superior y seleccione la opción <b>Cambiar de nombre...</b>, luego introduzca el <b>Nombre de archivo</b> correspondiente en una ventana nueva que se abre y haga clic en <b>OK</b>.</p>
+            </div>
+            <div class="onlineDocumentFeatures">
+            <h3>Información de Permiso</h3>
+            <p class="note"><b>Nota</b>: esta opción no está disponible para usuarios con los permisos de <b>Solo Lectura</b>.</p>
+            <p>Para descubrir quién tiene derechos de vista o edición en la presentación, seleccione la opción <b>Derechos de Acceso...</b> En la barra lateral izquierda.</p>
+			<p>También puede cambiar los derechos de acceso seleccionados actualmente si presiona el botón <b>Cambiar derechos de acceso</b> en la sección <b>Personas que tienen derechos</b>.</p>
+            </div>
+			<p>Para cerrar el panel de <b>Archivo</b> y volver a la edición de la presentación, seleccione la opción <b>Cerrar Menú</b>.</p>
 		</div>
 	</body>
 </html>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/images/3dchart.png b/apps/presentationeditor/main/resources/help/es/images/3dchart.png
new file mode 100644
index 000000000..319141b5a
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/3dchart.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/SearchOptions.png b/apps/presentationeditor/main/resources/help/es/images/SearchOptions.png
new file mode 100644
index 000000000..fff3cc513
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/SearchOptions.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/ShapeSettingsTab.png b/apps/presentationeditor/main/resources/help/es/images/ShapeSettingsTab.png
index 481d2b541..29f918d95 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/ShapeSettingsTab.png and b/apps/presentationeditor/main/resources/help/es/images/ShapeSettingsTab.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/SlideSettingsTab.png b/apps/presentationeditor/main/resources/help/es/images/SlideSettingsTab.png
index 63ee27b4b..e3883552a 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/SlideSettingsTab.png and b/apps/presentationeditor/main/resources/help/es/images/SlideSettingsTab.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/TextSettingsTab.png b/apps/presentationeditor/main/resources/help/es/images/TextSettingsTab.png
index 42a0ac79b..ad2be1af8 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/TextSettingsTab.png and b/apps/presentationeditor/main/resources/help/es/images/TextSettingsTab.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/access_rights.png b/apps/presentationeditor/main/resources/help/es/images/access_rights.png
new file mode 100644
index 000000000..a8330a8d1
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/access_rights.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/addhyperlink.png b/apps/presentationeditor/main/resources/help/es/images/addhyperlink.png
index 5627099c9..47b4c40df 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/addhyperlink.png and b/apps/presentationeditor/main/resources/help/es/images/addhyperlink.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/addslide.png b/apps/presentationeditor/main/resources/help/es/images/addslide.png
index 80826065c..a55e3d1a7 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/addslide.png and b/apps/presentationeditor/main/resources/help/es/images/addslide.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/alignobjectbottom.png b/apps/presentationeditor/main/resources/help/es/images/alignobjectbottom.png
index 7cedb3992..11bf4ab9c 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/alignobjectbottom.png and b/apps/presentationeditor/main/resources/help/es/images/alignobjectbottom.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/alignobjectcenter.png b/apps/presentationeditor/main/resources/help/es/images/alignobjectcenter.png
index b5e28f2f5..c606bf885 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/alignobjectcenter.png and b/apps/presentationeditor/main/resources/help/es/images/alignobjectcenter.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/alignobjectleft.png b/apps/presentationeditor/main/resources/help/es/images/alignobjectleft.png
index b25727389..a18fa0fdf 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/alignobjectleft.png and b/apps/presentationeditor/main/resources/help/es/images/alignobjectleft.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/alignobjectmiddle.png b/apps/presentationeditor/main/resources/help/es/images/alignobjectmiddle.png
index 43b436bcc..a22936bac 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/alignobjectmiddle.png and b/apps/presentationeditor/main/resources/help/es/images/alignobjectmiddle.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/alignobjectright.png b/apps/presentationeditor/main/resources/help/es/images/alignobjectright.png
index 013a93ff0..125207da0 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/alignobjectright.png and b/apps/presentationeditor/main/resources/help/es/images/alignobjectright.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/alignobjecttop.png b/apps/presentationeditor/main/resources/help/es/images/alignobjecttop.png
index 02f4c02d1..f9699e8e2 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/alignobjecttop.png and b/apps/presentationeditor/main/resources/help/es/images/alignobjecttop.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/alignshape.png b/apps/presentationeditor/main/resources/help/es/images/alignshape.png
index c3eeaed00..4283c97e3 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/alignshape.png and b/apps/presentationeditor/main/resources/help/es/images/alignshape.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/arrangeshape.png b/apps/presentationeditor/main/resources/help/es/images/arrangeshape.png
index b71ae6142..683495725 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/arrangeshape.png and b/apps/presentationeditor/main/resources/help/es/images/arrangeshape.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/bordersize.png b/apps/presentationeditor/main/resources/help/es/images/bordersize.png
index cf5277f9d..7c4d9c851 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/bordersize.png and b/apps/presentationeditor/main/resources/help/es/images/bordersize.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/bringforward.png b/apps/presentationeditor/main/resources/help/es/images/bringforward.png
index 43a5f466c..91ff2770f 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/bringforward.png and b/apps/presentationeditor/main/resources/help/es/images/bringforward.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/bringtofront.png b/apps/presentationeditor/main/resources/help/es/images/bringtofront.png
index 29f2fc9f3..bdd785688 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/bringtofront.png and b/apps/presentationeditor/main/resources/help/es/images/bringtofront.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/changelayout.png b/apps/presentationeditor/main/resources/help/es/images/changelayout.png
index 5e5165576..b1a062a85 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/changelayout.png and b/apps/presentationeditor/main/resources/help/es/images/changelayout.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/charteditor.png b/apps/presentationeditor/main/resources/help/es/images/charteditor.png
index 56aa2e746..641e94d23 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/charteditor.png and b/apps/presentationeditor/main/resources/help/es/images/charteditor.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/chartsettings.png b/apps/presentationeditor/main/resources/help/es/images/chartsettings.png
index f9a16d527..f0e978a99 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/chartsettings.png and b/apps/presentationeditor/main/resources/help/es/images/chartsettings.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/chartsettings2.png b/apps/presentationeditor/main/resources/help/es/images/chartsettings2.png
index 10653ff2c..41b9e0ece 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/chartsettings2.png and b/apps/presentationeditor/main/resources/help/es/images/chartsettings2.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/chartsettings3.png b/apps/presentationeditor/main/resources/help/es/images/chartsettings3.png
index 0b260fe0a..f8e3e277a 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/chartsettings3.png and b/apps/presentationeditor/main/resources/help/es/images/chartsettings3.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/chartsettings4.png b/apps/presentationeditor/main/resources/help/es/images/chartsettings4.png
index 78f711351..a3746b5c4 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/chartsettings4.png and b/apps/presentationeditor/main/resources/help/es/images/chartsettings4.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/chartsettings5.png b/apps/presentationeditor/main/resources/help/es/images/chartsettings5.png
new file mode 100644
index 000000000..bdfa5a41c
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/chartsettings5.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/charttab.png b/apps/presentationeditor/main/resources/help/es/images/charttab.png
index 5cda58a56..2f63f5a83 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/charttab.png and b/apps/presentationeditor/main/resources/help/es/images/charttab.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/closepreview.png b/apps/presentationeditor/main/resources/help/es/images/closepreview.png
index 6280d94b0..4af964818 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/closepreview.png and b/apps/presentationeditor/main/resources/help/es/images/closepreview.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/colorscheme.png b/apps/presentationeditor/main/resources/help/es/images/colorscheme.png
index 5f98f2c9c..16d56f5fc 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/colorscheme.png and b/apps/presentationeditor/main/resources/help/es/images/colorscheme.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/columnwidthmarker.png b/apps/presentationeditor/main/resources/help/es/images/columnwidthmarker.png
new file mode 100644
index 000000000..830b37510
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/columnwidthmarker.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/comment_toptoolbar.png b/apps/presentationeditor/main/resources/help/es/images/comment_toptoolbar.png
new file mode 100644
index 000000000..a33649d46
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/comment_toptoolbar.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/connectionpoint.png b/apps/presentationeditor/main/resources/help/es/images/connectionpoint.png
new file mode 100644
index 000000000..3c0b5cfd1
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/connectionpoint.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/connectors.png b/apps/presentationeditor/main/resources/help/es/images/connectors.png
new file mode 100644
index 000000000..cb338be97
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/connectors.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/connectors_firstshape.png b/apps/presentationeditor/main/resources/help/es/images/connectors_firstshape.png
new file mode 100644
index 000000000..a3fe82088
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/connectors_firstshape.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/connectors_moveshape.png b/apps/presentationeditor/main/resources/help/es/images/connectors_moveshape.png
new file mode 100644
index 000000000..21c6e2ff5
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/connectors_moveshape.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/connectors_secondshape.png b/apps/presentationeditor/main/resources/help/es/images/connectors_secondshape.png
new file mode 100644
index 000000000..c9bf8c516
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/connectors_secondshape.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/copypastewindow.png b/apps/presentationeditor/main/resources/help/es/images/copypastewindow.png
index eb489edc7..66aa1022a 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/copypastewindow.png and b/apps/presentationeditor/main/resources/help/es/images/copypastewindow.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/deleteequation.png b/apps/presentationeditor/main/resources/help/es/images/deleteequation.png
new file mode 100644
index 000000000..85d374e93
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/deleteequation.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/distributehorizontally.png b/apps/presentationeditor/main/resources/help/es/images/distributehorizontally.png
index 2c9532e75..815ab254a 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/distributehorizontally.png and b/apps/presentationeditor/main/resources/help/es/images/distributehorizontally.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/distributevertically.png b/apps/presentationeditor/main/resources/help/es/images/distributevertically.png
index 2056db343..124e9acac 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/distributevertically.png and b/apps/presentationeditor/main/resources/help/es/images/distributevertically.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/document_language.png b/apps/presentationeditor/main/resources/help/es/images/document_language.png
new file mode 100644
index 000000000..efaa0e861
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/document_language.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/document_language_window.png b/apps/presentationeditor/main/resources/help/es/images/document_language_window.png
new file mode 100644
index 000000000..1cd228c07
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/document_language_window.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/equationplaceholder.png b/apps/presentationeditor/main/resources/help/es/images/equationplaceholder.png
new file mode 100644
index 000000000..0fdc9a0b4
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/equationplaceholder.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/exitfullscreen.png b/apps/presentationeditor/main/resources/help/es/images/exitfullscreen.png
new file mode 100644
index 000000000..57f77b4f2
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/exitfullscreen.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/feedback.png b/apps/presentationeditor/main/resources/help/es/images/feedback.png
new file mode 100644
index 000000000..461cb98c0
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/feedback.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/fill_color.png b/apps/presentationeditor/main/resources/help/es/images/fill_color.png
index ff154dfba..a5c28b4e6 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/fill_color.png and b/apps/presentationeditor/main/resources/help/es/images/fill_color.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/fill_gradient.png b/apps/presentationeditor/main/resources/help/es/images/fill_gradient.png
index 8dcbb9322..85d48d9da 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/fill_gradient.png and b/apps/presentationeditor/main/resources/help/es/images/fill_gradient.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/fill_pattern.png b/apps/presentationeditor/main/resources/help/es/images/fill_pattern.png
index f45c8720b..1974249b3 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/fill_pattern.png and b/apps/presentationeditor/main/resources/help/es/images/fill_pattern.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/fill_picture.png b/apps/presentationeditor/main/resources/help/es/images/fill_picture.png
index 88acbc9cb..390d8ad77 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/fill_picture.png and b/apps/presentationeditor/main/resources/help/es/images/fill_picture.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/formatastext.png b/apps/presentationeditor/main/resources/help/es/images/formatastext.png
new file mode 100644
index 000000000..bbb6e1884
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/formatastext.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/fullscreen.png b/apps/presentationeditor/main/resources/help/es/images/fullscreen.png
new file mode 100644
index 000000000..9401ceb32
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/fullscreen.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/gotodocuments.png b/apps/presentationeditor/main/resources/help/es/images/gotodocuments.png
new file mode 100644
index 000000000..0ad9d357d
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/gotodocuments.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/greencircle.png b/apps/presentationeditor/main/resources/help/es/images/greencircle.png
index 4e345e9ca..354ffe1cb 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/greencircle.png and b/apps/presentationeditor/main/resources/help/es/images/greencircle.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/group.png b/apps/presentationeditor/main/resources/help/es/images/group.png
index 7b3faad26..b277d90b8 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/group.png and b/apps/presentationeditor/main/resources/help/es/images/group.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/hanging.png b/apps/presentationeditor/main/resources/help/es/images/hanging.png
index 3db644fa8..51e673343 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/hanging.png and b/apps/presentationeditor/main/resources/help/es/images/hanging.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/hidden_slide.png b/apps/presentationeditor/main/resources/help/es/images/hidden_slide.png
new file mode 100644
index 000000000..9599cd32e
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/hidden_slide.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/hyperlinkwindow.png b/apps/presentationeditor/main/resources/help/es/images/hyperlinkwindow.png
index 328e0a4d2..7c18d8672 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/hyperlinkwindow.png and b/apps/presentationeditor/main/resources/help/es/images/hyperlinkwindow.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/hyperlinkwindow2.png b/apps/presentationeditor/main/resources/help/es/images/hyperlinkwindow2.png
index a6ec410e2..9aa6206f2 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/hyperlinkwindow2.png and b/apps/presentationeditor/main/resources/help/es/images/hyperlinkwindow2.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/image.png b/apps/presentationeditor/main/resources/help/es/images/image.png
index fc980ff7c..58ca36dde 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/image.png and b/apps/presentationeditor/main/resources/help/es/images/image.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/image_properties.png b/apps/presentationeditor/main/resources/help/es/images/image_properties.png
index 1497a9b3d..95cc0ca1a 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/image_properties.png and b/apps/presentationeditor/main/resources/help/es/images/image_properties.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/image_properties1.png b/apps/presentationeditor/main/resources/help/es/images/image_properties1.png
new file mode 100644
index 000000000..fbb34c4e9
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/image_properties1.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/image_settings_icon.png b/apps/presentationeditor/main/resources/help/es/images/image_settings_icon.png
index c7393a315..594c548ae 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/image_settings_icon.png and b/apps/presentationeditor/main/resources/help/es/images/image_settings_icon.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/imagesettingstab.png b/apps/presentationeditor/main/resources/help/es/images/imagesettingstab.png
index dc012ee50..33fca6afb 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/imagesettingstab.png and b/apps/presentationeditor/main/resources/help/es/images/imagesettingstab.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/insertautoshape.png b/apps/presentationeditor/main/resources/help/es/images/insertautoshape.png
index 5e49eab70..315c8474c 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/insertautoshape.png and b/apps/presentationeditor/main/resources/help/es/images/insertautoshape.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/insertchart.png b/apps/presentationeditor/main/resources/help/es/images/insertchart.png
index 59f0a927a..c439ab44f 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/insertchart.png and b/apps/presentationeditor/main/resources/help/es/images/insertchart.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/insertedequation.png b/apps/presentationeditor/main/resources/help/es/images/insertedequation.png
new file mode 100644
index 000000000..bea14781e
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/insertedequation.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/insertequationicon.png b/apps/presentationeditor/main/resources/help/es/images/insertequationicon.png
new file mode 100644
index 000000000..7dcd29b1c
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/insertequationicon.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/insertfunction.png b/apps/presentationeditor/main/resources/help/es/images/insertfunction.png
index 9f54d1576..512bc7801 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/insertfunction.png and b/apps/presentationeditor/main/resources/help/es/images/insertfunction.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/inserttable.png b/apps/presentationeditor/main/resources/help/es/images/inserttable.png
index b7ea58122..0e8b33b19 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/inserttable.png and b/apps/presentationeditor/main/resources/help/es/images/inserttable.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/inserttextarticon.png b/apps/presentationeditor/main/resources/help/es/images/inserttextarticon.png
new file mode 100644
index 000000000..7b40e327f
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/inserttextarticon.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/inserttexticon.png b/apps/presentationeditor/main/resources/help/es/images/inserttexticon.png
index d8ce1e1ee..26fbaac13 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/inserttexticon.png and b/apps/presentationeditor/main/resources/help/es/images/inserttexticon.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/interface/editorwindow.png b/apps/presentationeditor/main/resources/help/es/images/interface/editorwindow.png
new file mode 100644
index 000000000..6a0783bc3
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/interface/editorwindow.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/interface/filetab.png b/apps/presentationeditor/main/resources/help/es/images/interface/filetab.png
new file mode 100644
index 000000000..27b9af0ab
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/interface/filetab.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/interface/hometab.png b/apps/presentationeditor/main/resources/help/es/images/interface/hometab.png
new file mode 100644
index 000000000..ca1a7b876
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/interface/hometab.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/interface/inserttab.png b/apps/presentationeditor/main/resources/help/es/images/interface/inserttab.png
new file mode 100644
index 000000000..f1b7bbbc9
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/interface/inserttab.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/interface/leftpart.png b/apps/presentationeditor/main/resources/help/es/images/interface/leftpart.png
new file mode 100644
index 000000000..27cb01343
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/interface/leftpart.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/interface/pluginstab.png b/apps/presentationeditor/main/resources/help/es/images/interface/pluginstab.png
new file mode 100644
index 000000000..d9e966151
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/interface/pluginstab.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/interface/rightpart.png b/apps/presentationeditor/main/resources/help/es/images/interface/rightpart.png
new file mode 100644
index 000000000..87fc463a5
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/interface/rightpart.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/leftindent.png b/apps/presentationeditor/main/resources/help/es/images/leftindent.png
new file mode 100644
index 000000000..fafac7f07
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/leftindent.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/nestedfraction.png b/apps/presentationeditor/main/resources/help/es/images/nestedfraction.png
new file mode 100644
index 000000000..f731dec78
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/nestedfraction.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/newslot.png b/apps/presentationeditor/main/resources/help/es/images/newslot.png
new file mode 100644
index 000000000..5dcaf8e8b
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/newslot.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/nextpage.png b/apps/presentationeditor/main/resources/help/es/images/nextpage.png
index 29afe93fb..63180207f 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/nextpage.png and b/apps/presentationeditor/main/resources/help/es/images/nextpage.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/nextslide.png b/apps/presentationeditor/main/resources/help/es/images/nextslide.png
index 554ec811b..cadbd443e 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/nextslide.png and b/apps/presentationeditor/main/resources/help/es/images/nextslide.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/noborders.png b/apps/presentationeditor/main/resources/help/es/images/noborders.png
index 44b45a0fc..ba0d834be 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/noborders.png and b/apps/presentationeditor/main/resources/help/es/images/noborders.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/nofill.png b/apps/presentationeditor/main/resources/help/es/images/nofill.png
index f5299f8a8..90d87794a 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/nofill.png and b/apps/presentationeditor/main/resources/help/es/images/nofill.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/palette_custom.png b/apps/presentationeditor/main/resources/help/es/images/palette_custom.png
index 0e22ebf2d..2d69d6d7e 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/palette_custom.png and b/apps/presentationeditor/main/resources/help/es/images/palette_custom.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/palettes.png b/apps/presentationeditor/main/resources/help/es/images/palettes.png
index 3b56823d8..cce261049 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/palettes.png and b/apps/presentationeditor/main/resources/help/es/images/palettes.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/pausepresentation.png b/apps/presentationeditor/main/resources/help/es/images/pausepresentation.png
index b7e6ff842..d0432a4f6 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/pausepresentation.png and b/apps/presentationeditor/main/resources/help/es/images/pausepresentation.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/pointer.png b/apps/presentationeditor/main/resources/help/es/images/pointer.png
new file mode 100644
index 000000000..32306dd3e
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/pointer.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/pointer_enabled.png b/apps/presentationeditor/main/resources/help/es/images/pointer_enabled.png
new file mode 100644
index 000000000..bfa4789ab
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/pointer_enabled.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/pointer_screen.png b/apps/presentationeditor/main/resources/help/es/images/pointer_screen.png
new file mode 100644
index 000000000..e2665204c
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/pointer_screen.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/presenter_mode.png b/apps/presentationeditor/main/resources/help/es/images/presenter_mode.png
new file mode 100644
index 000000000..ca1a87da4
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/presenter_mode.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/preview_mode.png b/apps/presentationeditor/main/resources/help/es/images/preview_mode.png
new file mode 100644
index 000000000..dbe2d7ec6
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/preview_mode.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/previouspage.png b/apps/presentationeditor/main/resources/help/es/images/previouspage.png
index ee58ffc80..09c4448bb 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/previouspage.png and b/apps/presentationeditor/main/resources/help/es/images/previouspage.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/previousslide.png b/apps/presentationeditor/main/resources/help/es/images/previousslide.png
index e1a2d243b..3343d3d29 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/previousslide.png and b/apps/presentationeditor/main/resources/help/es/images/previousslide.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/resize_square.png b/apps/presentationeditor/main/resources/help/es/images/resize_square.png
index ba9422a74..ab61bab71 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/resize_square.png and b/apps/presentationeditor/main/resources/help/es/images/resize_square.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/resolvedicon.png b/apps/presentationeditor/main/resources/help/es/images/resolvedicon.png
new file mode 100644
index 000000000..cd8161a10
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/resolvedicon.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/resolveicon.png b/apps/presentationeditor/main/resources/help/es/images/resolveicon.png
new file mode 100644
index 000000000..08767ffc8
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/resolveicon.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/right_textart.png b/apps/presentationeditor/main/resources/help/es/images/right_textart.png
new file mode 100644
index 000000000..c630a8a18
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/right_textart.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/rowheightmarker.png b/apps/presentationeditor/main/resources/help/es/images/rowheightmarker.png
new file mode 100644
index 000000000..6002ebf4b
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/rowheightmarker.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/search_replace_window.png b/apps/presentationeditor/main/resources/help/es/images/search_replace_window.png
new file mode 100644
index 000000000..94b46c3a4
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/search_replace_window.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/search_window.png b/apps/presentationeditor/main/resources/help/es/images/search_window.png
index cc3ddef9e..fa29d756a 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/search_window.png and b/apps/presentationeditor/main/resources/help/es/images/search_window.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/selectedequation.png b/apps/presentationeditor/main/resources/help/es/images/selectedequation.png
new file mode 100644
index 000000000..2b5d0c0d2
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/selectedequation.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/sendbackward.png b/apps/presentationeditor/main/resources/help/es/images/sendbackward.png
index f6863cb75..646d2b181 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/sendbackward.png and b/apps/presentationeditor/main/resources/help/es/images/sendbackward.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/sendtoback.png b/apps/presentationeditor/main/resources/help/es/images/sendtoback.png
index 6f530e6dc..1f7d60ff0 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/sendtoback.png and b/apps/presentationeditor/main/resources/help/es/images/sendtoback.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/shape_properties.png b/apps/presentationeditor/main/resources/help/es/images/shape_properties.png
index 3351d2f47..b104b0434 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/shape_properties.png and b/apps/presentationeditor/main/resources/help/es/images/shape_properties.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/shape_properties1.png b/apps/presentationeditor/main/resources/help/es/images/shape_properties1.png
index b335dd9c0..8302ef9ea 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/shape_properties1.png and b/apps/presentationeditor/main/resources/help/es/images/shape_properties1.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/shape_properties2.png b/apps/presentationeditor/main/resources/help/es/images/shape_properties2.png
new file mode 100644
index 000000000..023477d62
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/shape_properties2.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/shape_properties3.png b/apps/presentationeditor/main/resources/help/es/images/shape_properties3.png
index 9deff1000..17cb0bdb5 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/shape_properties3.png and b/apps/presentationeditor/main/resources/help/es/images/shape_properties3.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/shape_properties4.png b/apps/presentationeditor/main/resources/help/es/images/shape_properties4.png
new file mode 100644
index 000000000..8fcba8897
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/shape_properties4.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/showsettings.png b/apps/presentationeditor/main/resources/help/es/images/showsettings.png
new file mode 100644
index 000000000..c6e03feec
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/showsettings.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/slide_settings_icon.png b/apps/presentationeditor/main/resources/help/es/images/slide_settings_icon.png
index f08f07681..87936aa3d 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/slide_settings_icon.png and b/apps/presentationeditor/main/resources/help/es/images/slide_settings_icon.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/slidesizesettingswindow.png b/apps/presentationeditor/main/resources/help/es/images/slidesizesettingswindow.png
index c45db084b..910d164ea 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/slidesizesettingswindow.png and b/apps/presentationeditor/main/resources/help/es/images/slidesizesettingswindow.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/spellcheckactivated.png b/apps/presentationeditor/main/resources/help/es/images/spellcheckactivated.png
new file mode 100644
index 000000000..63cc45628
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/spellcheckactivated.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/spellcheckdeactivated.png b/apps/presentationeditor/main/resources/help/es/images/spellcheckdeactivated.png
new file mode 100644
index 000000000..637a0eb63
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/spellcheckdeactivated.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/spellchecking_language.png b/apps/presentationeditor/main/resources/help/es/images/spellchecking_language.png
new file mode 100644
index 000000000..c10b95ec8
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/spellchecking_language.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/spellchecking_presentation.png b/apps/presentationeditor/main/resources/help/es/images/spellchecking_presentation.png
new file mode 100644
index 000000000..541266078
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/spellchecking_presentation.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/spellchecking_toptoolbar.png b/apps/presentationeditor/main/resources/help/es/images/spellchecking_toptoolbar.png
new file mode 100644
index 000000000..7c6e601c0
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/spellchecking_toptoolbar.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/spellchecking_toptoolbar_activated.png b/apps/presentationeditor/main/resources/help/es/images/spellchecking_toptoolbar_activated.png
new file mode 100644
index 000000000..c39a201d7
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/spellchecking_toptoolbar_activated.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/split_cells.png b/apps/presentationeditor/main/resources/help/es/images/split_cells.png
index 6f091e9dc..81e53956b 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/split_cells.png and b/apps/presentationeditor/main/resources/help/es/images/split_cells.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/startpresentation.png b/apps/presentationeditor/main/resources/help/es/images/startpresentation.png
index f004dd75d..879d2d62f 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/startpresentation.png and b/apps/presentationeditor/main/resources/help/es/images/startpresentation.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/startpreview.png b/apps/presentationeditor/main/resources/help/es/images/startpreview.png
index 12a870ba9..6c5ce79b1 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/startpreview.png and b/apps/presentationeditor/main/resources/help/es/images/startpreview.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/table.png b/apps/presentationeditor/main/resources/help/es/images/table.png
new file mode 100644
index 000000000..c65d9d32b
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/table.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/table_properties.png b/apps/presentationeditor/main/resources/help/es/images/table_properties.png
index 01510b47c..0dca8f2e1 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/table_properties.png and b/apps/presentationeditor/main/resources/help/es/images/table_properties.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/table_properties1.png b/apps/presentationeditor/main/resources/help/es/images/table_properties1.png
new file mode 100644
index 000000000..d9f51330d
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/table_properties1.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/tablesettingstab.png b/apps/presentationeditor/main/resources/help/es/images/tablesettingstab.png
index 97824eece..a14c9ab9d 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/tablesettingstab.png and b/apps/presentationeditor/main/resources/help/es/images/tablesettingstab.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/templateslist.png b/apps/presentationeditor/main/resources/help/es/images/templateslist.png
index 28a3a9e8e..a341671f6 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/templateslist.png and b/apps/presentationeditor/main/resources/help/es/images/templateslist.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/text_settings_icon.png b/apps/presentationeditor/main/resources/help/es/images/text_settings_icon.png
new file mode 100644
index 000000000..d8ce1e1ee
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/text_settings_icon.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/textadvancedsettings1.png b/apps/presentationeditor/main/resources/help/es/images/textadvancedsettings1.png
index 1a7a4e33b..64bef3c5c 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/textadvancedsettings1.png and b/apps/presentationeditor/main/resources/help/es/images/textadvancedsettings1.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/textadvancedsettings2.png b/apps/presentationeditor/main/resources/help/es/images/textadvancedsettings2.png
index f835a4cbe..04f7d80a9 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/textadvancedsettings2.png and b/apps/presentationeditor/main/resources/help/es/images/textadvancedsettings2.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/textadvancedsettings3.png b/apps/presentationeditor/main/resources/help/es/images/textadvancedsettings3.png
index 09aad3eca..6b6bdd909 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/textadvancedsettings3.png and b/apps/presentationeditor/main/resources/help/es/images/textadvancedsettings3.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/textart_settings_icon.png b/apps/presentationeditor/main/resources/help/es/images/textart_settings_icon.png
new file mode 100644
index 000000000..730babd93
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/textart_settings_icon.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/textart_transformation.png b/apps/presentationeditor/main/resources/help/es/images/textart_transformation.png
new file mode 100644
index 000000000..709849f20
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/textart_transformation.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/textbox_boxselected.png b/apps/presentationeditor/main/resources/help/es/images/textbox_boxselected.png
new file mode 100644
index 000000000..4fcb2edd0
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/textbox_boxselected.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/textbox_textselected.png b/apps/presentationeditor/main/resources/help/es/images/textbox_textselected.png
new file mode 100644
index 000000000..cecab6d68
Binary files /dev/null and b/apps/presentationeditor/main/resources/help/es/images/textbox_textselected.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/ungroup.png b/apps/presentationeditor/main/resources/help/es/images/ungroup.png
index 80045757e..fba764eb1 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/ungroup.png and b/apps/presentationeditor/main/resources/help/es/images/ungroup.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/images/usersnumber.png b/apps/presentationeditor/main/resources/help/es/images/usersnumber.png
index 1d378846f..becee0dc3 100644
Binary files a/apps/presentationeditor/main/resources/help/es/images/usersnumber.png and b/apps/presentationeditor/main/resources/help/es/images/usersnumber.png differ
diff --git a/apps/presentationeditor/main/resources/help/es/search/indexes.js b/apps/presentationeditor/main/resources/help/es/search/indexes.js
new file mode 100644
index 000000000..41f78c073
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/search/indexes.js
@@ -0,0 +1,168 @@
+var indexes = 
+[
+   {
+        "id": "HelpfulHints/About.htm", 
+        "title": "Acerca del editor de presentaciones", 
+        "body": "El editor de presentaciones es una aplicación en línea que le permite ver y editar presentaciones directamente en su navegador . Usando el editor de presentaciones, usted puede realizar varias operaciones de edición como en cualquier editor de escritorio, imprimir las presentaciones editadas manteniendo todos los detalles de formato o descargarlas al disco duro de su ordenador como PDF o PPTX. Para ver la versión de software actual y los detalles de licenciador, haga clic en el icono en la barra de menú a la izquierda."
+    },
+   {
+        "id": "HelpfulHints/AdvancedSettings.htm", 
+        "title": "Ajustes avanzados del editor de presentaciones", 
+        "body": "El editor de presentaciones le permite cambiar los ajustes avanzados. Para acceder a estos, abra la pestaña Archivo en la barra de herramientas superior y seleccione la opción Ajustes avanzados.... Usted también puede usar el icono en la esquina derecha en la pestaña Inicio en la barra de herramientas superior. Los ajustes avanzados son: Corrección ortográfica se usa para activar/desactivar la opción de corrección ortográfica. Contribución alternativa se usa para activar/desactivar jeroglíficos. Guías de alineación se usa para activar/desactivar quías de alineación que aparecen cuando usted mueve objetos y le permiten colocarlos en la diapositiva de forma precisa. Guardar automáticamente se usa para activar/desactivar el autoguardado de cambios mientras se edita el documento. El Modo Co-edición se usa para seleccionar la visualización de los cambios realizados durante la co-edición: De forma predeterminada se selecciona el modo Rápido, los usuarios que participan en la co-edición del documento verán los cambios a tiempo real una vez que estos se lleven a cabo por otros usuarios. Si prefiere no ver los cambios de otros usuarios (para que no le moleste, o por otros motivos), seleccione el modo Estricto, y todos los cambios se mostrarán solo una vez que haga clic en el icono Guardar, notificándole que hay cambios de otros usuarios. Valor de zoom predeterminado se usa para establecer el valor de zoom predeterminado, el cual puede seleccionarse en la lista de las opciones disponibles que van desde 50% hasta 200%. También puede elegir la opción Ajustar a la diapositiva o Ajustar a la anchura. Unidad de medida se usa para especificar qué unidades se usan en las reglas y las ventanas de propiedades para medir el ancho, altura, espaciado, márgenes y otros parámetros. Usted puede seleccionar la opción Centímetro o Punto. Para guardar los cambios realizados, pulse el botón Aplicar."
+    },
+   {
+        "id": "HelpfulHints/CollaborativeEditing.htm", 
+        "title": "Edición de presentación en colaboración", 
+        "body": "El editor de presentaciones le ofrece la posibilidad de trabajar en una presentación en colaboración con otros usuarios. Esta función incluye: acceso simultáneo de varios usuarios a la presentación editada indicación visual de objetos que otros usuarios están editando sincronización de los cambios al hacer clic e un botón chat para compartir ideas sobre partes en concreto de una presentación comentarios que contienen la descripción de una tarea o un problema que hay que resolver Co-edición El Editor de Presentación permite seleccionar uno de los dos modos de co-edición disponibles. Rápido se usa de forma predeterminada y muestra los cambios hechos por otros usuarios a tiempo real. Estricto se selecciona para ocultar los cambios de otros usuarios hasta que usted haga clic en el icono Guardar para guardar sus cambios propios y aceptar los cambios hechos por otros usuarios. El modo se puede seleccionar en los Ajustes Avanzados. Cuando una presentación se está editando por varios usuarios simultáneamente en el modo Estricto, los objetos editados (autoformas, objetos de texto, tablas, imágenes, gráficos) aparecen marcados con línea discontinua de diferentes colores. El objeto que está editando se rodea con una línea discontinua de color verde. Las líneas rojas discontinuas indican que los objetos se están editando por otros usuarios. Al poner el cursor del ratón sobre uno de los pasajes editados, se muestra el nombre del usuario que está editando ese objeto en este momento. El modo Rápido mostrará las acciones y los nombres de los co-editores cuando estos estén editando el texto. El número de usuarios que están trabajando en la presentación actual se especifica en la parte derecha del encabezado de editor - . Si quiere ver de forma exacta quién está editando la presentación, puede hacer clic ene ste icono o abrir el panel Chat con la lista completa de los usuarios. Cuando ningún usuario está viendo o editando el archivo, el icono en el encabezado del editor estará así , y le permitirá organizar a los usuarios que tienen acceso al archivo desde el documento: invite a nuevos usuarios y otórgueles acceso completo o solo de lectura, o deniegue derechos de acceso al archivo a usuarios. Haga clic en este icono para gestionar el acceso al archivo; esto se puede realizar cuando no hay otros usuarios que están viendo o co-editando el documento en este momento y cuando hay otros usuarios y el icono aparece así . Cuando uno de los usuarios guarda sus cambios al hacer clic en el icono , los otros verán una nota dentro de la barra de estado indicando que hay actualizaciones. Para guardar los cambios que usted ha realizado, y que así otros usuarios puedan verlos y obtener las actualizaciones guardadas por sus co-editores, haga clic en el icono en la esquina superior izquierda de la barra de herramientas. Las actualizaciones se resaltarán para que usted pueda verificar qué se ha cambiado de forma concreta. Chat Usted puede usar esta herramienta para coordinar el proceso de co-edición sobre la marcha, por ejemplo, para asignar los párrafos a cada compañero de trabajo y especificar, que párrafo Usted va a editar en ese momento etc. Los mensajes de chat se almacenan solo durante una sesión. Para discutir el contenido del documento es mejor usar comentarios que se almacenan hasta que decida eliminarlos. Para acceder al chat y dejar un mensaje para otros usuarios, haga clic en el icono en la barra lateral de la izquierda, introduzca su texto en el campo correspondiente de más abajo, pulse el botón Enviar. Todos los mensajes enviados por otros usuarios se mostrarán en el panel a la izquierda. Si hay mensajes nuevos que no ha leído todavía, el icono de chat aparecerá así - . Para cerrar el panel con los mensajes de chat, haga clic en el icono una vez más. Comentarios Para dejar un comentario: seleccione un objeto que en su opinión tiene un error o problema, cambie a la pestaña Insertar en la barra de herramientas superior y haga clic en el botón de Comentario o use el icono en la barra lateral izquierda para abrir el panel de Comentarios y haga clic en el enlace Añadir Comentario al Documento, o haga clic derecho en el objeto seleccionado y seleccione la opción de Añadir Comentario del menú, introduzca el texto necesario, Haga clic en el botón Añadir comentario/Añadir. El comentario se mostrará en el panel izquierdo. El objeto que usted ha comentado será marcado con el icono . Para ver el comentario, solo pulse este icono. Cualquier otro usuario puede contestar al comentario añadido haciendo preguntas o informando sobre el trabajo realizado. Para hacerlo, pulse el enlace Añadir respuesta que se sitúa debajo del comentario. Usted puede gestionar sus comentarios añadidos de la siguiente manera: editar los comentarios pulsando en el icono , eliminar los comentarios pulsando en el icono , cerrar la discusión pulsando en el icono si la tarea o el problema que usted ha indicado en su comentario ya se ha resuelto, después de esto la discusión que ha abierto con su comentario obtendrá el estado de resuelto. Para abrir la discusión de nuevo, haga clic en el icono . Nuevos comentarios añadidos por otros usuarios se harán visibles solo después de hacer clic en el icono en la esquina superior izquierda de la barra superior de herramientas. Para cerrar el panel con comentarios, pulse el icono en la barra lateral izquierda una vez más."
+    },
+   {
+        "id": "HelpfulHints/KeyboardShortcuts.htm", 
+        "title": "Atajos de teclado", 
+        "body": "Trabajando con presentación Abrir panel 'Archivo' Alt+F Abre el panel Archivo para guardar, descargar, imprimir la presentación actual, ver su información, crear una presentación nueva o abrir la existente, acceder a la ayuda o los ajustes avanzados de el Editor de Presentaciones. Abrir panel de 'Búsqueda' Ctrl+F Abre el panel Búsqueda para empezar a buscar el carácter/palabra/frase en la presentación editada recientemente. Abrir panel 'Comentarios' Ctrl+Shift+H Abre el panel Comentarios para añadir su comentario propio o contestar a comentarios de otros usuarios. Abrir campo de comentarios Alt+H Abre un campo en el cual usted puede añadir un texto o su comentario. Abrir panel 'Chat' Alt+Q Abre el panel Chat y envía un mensaje. Guardar presentación Ctrl+S Guarda todos los cambios en la presentación editada actualmente con el Editor de Presentaciones. Imprimir presentación Ctrl+P Imprime la presentación o la guarda en un archivo. Descargar como... Ctrl+Shift+S Guarda la presentación actualmente editada al disco duro de su ordenador en uno de los formatos compatibles: PDF, PPTX. Pantalla completa F11 Cambia a la vista de pantalla completa para ajustar el editor de presentaciones a su pantalla. Menú de ayuda F1 Abre el menú de Ayuda del editor de presentaciones. Navegación La primera diapositiva Inicio Abre la primera diapositiva de la presentación actualmente editada. La última diapositiva Fin Abre la última diapositiva de la presentación actualmente editada. Siguiente diapositiva PgDn Abre la diapositiva siguiente de la presentación que está editando. Diapositiva anterior PgUp Abre la diapositiva anterior de la presentación que esta editando. Seleccionar la forma siguiente Tabulación Elije la forma que va después de la seleccionada. Seleccionar la forma anterior Shift+Tab Elige la forma que va antes de la seleccionada. Acercar Ctrl++ Acerca la presentación que se está editando. Alejar Ctrl+- Aleja la presentación que se está editando. Acciones con diapositivas Diapositiva nueva Ctrl+M Crea una diapositiva nueva y añádala después de la seleccionada. Duplicar diapositiva Ctrl+D Duplica la diapositiva seleccionada. Desplazar diapositiva hacia arriba Ctrl+flecha hacia arriba Desplaza la diapositiva seleccionada arriba de la anterior en la lista. Desplazar diapositiva hacia abajo Ctrl+flecha hacia abajo Desplaza la diapositiva seleccionada debajo de la siguiente en la lista. Desplazar diapositiva al principio Ctrl+Shift+flecha hacia arriba Desplaza la diapositiva seleccionada a la primera posición en la lista. Desplazar diapositiva al final Ctrl+Shift+flecha hacia abajo Desplaza la diapositiva seleccionada a la última posición en la lista. Acciones con objetos Crear una copia Ctrl+arrastrar o Ctrl+D Mantenga apretada la tecla Ctrl mientras arrastra el objeto seleccionado o pulse la combinación Ctrl+D para crear su copia. Agrupar Ctrl+G Agrupa los objetos seleccionados. Desagrupar Ctrl+Shift+G Desagrupa el grupo de objetos seleccionado. Modificación de objetos Limitar movimiento Shift+drag Limita el movimiento horizontal y vertical del objeto seleccionado. Establecer rotación de 15 grados Shift+arrastrar(mientras rota) Limita el ángulo de rotación a incrementos de 15 grados. Mantener proporciones Shift+arrastrar (mientras redimensiona) Mantiene las proporciones del objeto seleccionado mientras este cambia de tamaño. Desplazar píxel a píxel Ctrl Mantenga apretada la tecla Ctrl y use las flechas del teclado para desplazar el objeto seleccionado de un píxel a un píxel cada vez. Obtener vista previa de la presentación Obtener una vista previa desde el principio Ctrl+F5 Muestra la vista previa de una presentación empezando con la primera diapositiva. Navegar hacia delante ENTER, PAGE DOWN, FLECHA DERECHA, FLECHA HACIA ABAJO, o SPACEBAR Realiza la animación siguiente o abre la diapositiva siguiente. Navegar hacia atrás PAGE UP, FLECHA IZQUIERDA, FLECHA HACIA ARRIBA Realiza la animación anterior o abre la diapositiva anterior. Cerrar vista previa ESC Finalizar una presentación. Deshacer y Rehacer Deshacer Ctrl+Z Invierte las últimas acciones realizadas. Rehacer Ctrl+Y Repite la última acción deshecha. Cortar, copiar, y pegar Cortar Ctrl+X, Shift+Delete Corta el objeto seleccionado y lo envía al portapapeles de su ordenador. El objeto que se ha cortado se puede insertar en otro lugar en la misma presentación. Copiar Ctrl+C, Ctrl+Insert Envía el objeto seleccionado al portapapeles de su ordenador. Después el objeto copiado se puede insertar en otro lugar de la misma presentación. Pegar Ctrl+V, Shift+Insert Inserta el objeto anteriormente copiado del portapapeles de su ordenador a la posición actual del cursor. El objeto se puede copiar anteriormente de la misma presentación. Insertar hiperenlace Ctrl+K Inserta un hiperenlace que puede usarse para ir a una dirección web o a una diapositiva en concreto de la presentación. Copiar estilo Ctrl+Shift+C Copia el formato del fragmento seleccionado del texto que se está editando actualmente. Después el formato copiado se puede aplicar a cualquier fragmento de la misma presentación. Aplicar estilo Ctrl+Shift+V Aplica el formato anteriormente copiado al texto en el cuadro de texto que se está editando. Seleccionar con el ratón Añadir el fragmento seleccionado Shift Empiece la selección, mantenga apretada la tecla Shift y pulse en un lugar donde usted quiere terminar la selección. Seleccionar con el teclado Seleccionar todo Ctrl+A Selecciona todas las diapositivas (en la lista de diapositivas) o todos los objetos en la diapositiva (en el área de edición de diapositiva) o todo el texto (en el bloque de texto) - en función de la posición del cursor de ratón. Seleccionar fragmento de texto Shift+Arrow Selecciona el texto carácter por carácter. Seleccionar texto desde el cursor hasta principio de línea Shift+Home Selecciona un fragmento del texto del cursor hasta el principio de la línea actual. Seleccionar texto desde el cursor hasta el final de línea Shift+End Selecciona un fragmento del texto desde el cursor al final de la línea actual. Estilo de texto Negrita Ctrl+B Pone la letra de un fragmento del texto seleccionado en negrita dándole más peso. Cursiva Ctrl+I Pone un fragmento del texto seleccionado en cursiva dándole el plano inclinado a la derecha. Subrayado Ctrl+U Subraya un fragmento del texto seleccionado. Sobreíndice Ctrl+.(punto) Pone un fragmento del texto seleccionado en letras pequeñas y lo coloca en la parte baja de la línea del texto, por ejemplo como en formulas químicas. Subíndice Ctrl+,(coma) Pone un fragmento del texto seleccionado en letras pequeñas y lo coloca en la parte superior de la línea del texto, por ejemplo como en fracciones. Lista con puntos Ctrl+Shift+L Crea una lista con puntos desordenada de un fragmento del texto seleccionado o inicia una nueva. Eliminar formato Ctrl+Spacebar Elimine el formato de un fragmento del texto seleccionado. Aumentar tipo de letra Ctrl+] Aumenta el tamaño de las letras de un fragmento del texto seleccionado en un punto. Disminuir tipo de letra Ctrl+[ Disminuye el tamaño de las letras de un fragmento del texto seleccionado en un punto. Alinear centro/izquierda Ctrl+E Alterna un párrafo entre el centro y alineado a la izquierda. Alinear justificado/izquierda Ctrl+J Alterna un párrafo entre justificado y alineado a la izquierda. Alinear derecha /izquierda Ctrl+R Alterna un párrafo entre alineado a la derecha y alineado a la izquierda. Alinear a la izquierda Ctrl+L Alinea el fragmento de texto a la izquierda, la parte derecha permanece sin alinear."
+    },
+   {
+        "id": "HelpfulHints/Navigation.htm", 
+        "title": "Configuración de la vista y herramientas de navegación", 
+        "body": "El editor de presentaciones ofrece varias herramientas para ayudarle a visualizar y navegar por su presentación: zoom, los botones de diapositiva anterior/siguiente, el indicador del numero de diapositiva. Ajuste la configuración de la vista Para ajustar la configuración predeterminada de la vista y establecer el modo más conveniente de trabajar en la presentación, cambie a la pestaña Inicio en la barra de herramientas superior, haga clic en el icono Mostrar ajustes en la esquina izquierda de la barra de herramientas superior y seleccione qué elementos de la interfaz quiere mostrar u ocultar. Usted puede seleccionar las opciones siguientes en la lista desplegable Mostrar ajustes: Ocultar barra de herramientas - oculta la barra de herramientas superior que contiene comandos mientras que las pestañas permaneces visibles. Cuando esta opción está desactivada, puede hacer clic en cualquier pestaña para mostrar la barra de herramientas. La barra de herramientas se muestra hasta que hace clic en cualquier lugar fuera de este. Para desactivar este modo cambie a la pestaña de Inicio, luego haga clic en el icono Mostrar ajustes y haga clic en la opción Ocultar barra de herramientas de nuevo. La barra de herramientas superior se mostrará todo el tiempo.Nota: de forma alternativa, puede hacer doble clic en cualquier pestaña para ocultar la barra de herramientas superior o mostrarla de nuevo. Ocultar barra de estado - oculta la barra más baja donde se sitúan los botones Indicador de número de diapositiva y Zoom. Para mostrar la Barra de estado ocultada pulse esta opción de nuevo. Ocultar reglas - oculta las reglas usadas para establecer tabuladores y sangrías de párrafo en bloques de texto. Para mostrar las Reglas ocultadas, pulse esta opción de nuevo. La barra derecha lateral se minimiza de manera predeterminada. Para expandirla, seleccione cualquier objeto/diapositiva y pulse el icono de la pestaña actualmente activada a la derecha. Para minimizar la barra lateral derecha, pulse el icono de nuevo. Se puede ajustar el ancho de la barra izquierda lateral usando la acción de arrastrar y soltar: mueva el cursor del ratón sobre el borde de la barra izquierda lateral para que se convierta en una flecha bi-direccional y arrastre el borde a la izquierda para reducir el ancho de la barra lateral o a la derecha para expandirlo. Utilice las herramientas de navegación Para navegar por su presentación, utilice las herramientas siguientes: Los botones Zoom se sitúan en la esquina derecha inferior y se usan para acercar o alejar la presentación actual. Para cambiar el valor de zoom seleccionado que se muestra en porcentajes, haz clic en este y seleccione una de las opciones de zoom disponibles de la lista o use los botones Acercar o Alejar . Pulse el icono Ajustar al ancho para ajustar el ancho de la diapositiva a la parte visible del área de trabajo. Para ajustar toda la diapositiva a la parte visible del área de trabajo, pulse el icono Ajustar diapositiva . Los ajustes de zoom también están disponibles en la lista desplegable Mostrar ajustes que puede ser útil si usted decide ocultar la Barra de estado. Nota: usted puede establecer el valor predeterminado de zoom. Cambie a la pestaña Archivo en la barra de herramientas superior, pase a la sección Ajustes avanzados..., elija el Valor de zoom predeterminado de la lista y haga clic en el botón Aplicar. Para ir a la diapositiva anterior o la diapositiva siguiente cuando edita una presentación, puede usar los botones de y en la parte superior e inferior de la barra de desplazamiento vertical situada a la derecha de la presentación. El Indicador del número de diapositiva muestra la diapositiva actual como parte de todas las diapositivas en la presentación actual (diapositiva 'n' de 'nn'). Haga clic en esta leyenda para abrir la ventana donde usted puede introducir el número de diapositiva y rápidamente ir a esta. Si usted decide ocultar la Barra de estado, esta herramienta será inaccesible."
+    },
+   {
+        "id": "HelpfulHints/Search.htm", 
+        "title": "Función de búsqueda", 
+        "body": "Para buscar los caracteres necesarios, palabras o frases usadas en la presentación actualmente editada, haga clic en el icono situado en la barra izquierda lateral. La ventana Búsqueda se abrirá: Introduzca su consulta en el campo correspondiente. Pulse uno de los botones de flecha a la derecha. La búsqueda se realizará o hacia el principio de la presentación (si pulsa el botón ) o hacia el final de la presentación (si pulsa el botón ) de la posición actual de cursor. La primera diapositiva en la dirección seleccionada que contiene los caracteres introducidos se resaltará en la lista de diapositivas y se mostrará en el área de trabajo con los caracteres necesarios resaltados. Si no es la diapositiva que está buscando, haga clic en el botón de nuevo para encontrar la siguiente diapositiva que contiene los caracteres introducidos."
+    },
+   {
+        "id": "HelpfulHints/SpellChecking.htm", 
+        "title": "Corrección ortográfica", 
+        "body": "El editor de documentos le permite comprobar la ortografía de su texto en un idioma concreto y corregir errores mientras edita. Lo primero, establezca el idioma para su presentación. Haga clic en el icono en la parte derecha de la barra de estado. En la ventana que aparece, seleccione el idioma necesario y pulse OK. El idioma seleccionado se aplicará a toda la presentación. Para eligir un idioma diferente para cualquier parte de texto en la presentación, seleccione el pasaje de texto necesario con el ratón y use el menú en la barra de estado. Para activar la opción de corrección ortográfica, puede: hacer clic en el icono Corrección ortográfica en la barra de estado, o abra la la pestaña Archivo en la barra de herramientas superior, seleccione la opción Ajustes avanzados..., valide la casilla de Activar opción de corrección ortográfica y haga clic en el botón Aplicar. Las palabras mal escritas se subrayarán con una línea roja. Haga clic derecho en la palabra necesaria para activar el menú y: elija una de las palabras sugeridas escritas correctamente para reemplazar la palabra mal escrita con la sugerida. Si se han encontrado demasiado variantes, la opción Más variantes... aparecerá en el menú; utilice la opción Ignorar para omitir solo esa palabra y eliminar subrayado o Ignorar todo para omitir todas las palabras idénticas repetidas en el texto; seleccione un idioma diferente para esta palabra. Para desactivar la opción de corrección ortográfica, puede: hacer clic en el icono Corrección ortográfica en la barra de estado, o abra la la pestaña Archivo en la barra de herramientas superior, seleccione la opción Ajustes avanzados..., desvalide la casilla de Activar opción de corrección ortográfica y haga clic en el botón Aplicar."
+    },
+   {
+        "id": "HelpfulHints/SupportedFormats.htm", 
+        "title": "Formatos compatibles de presentaciones electrónicas", 
+        "body": "La presentación es un conjunto de diapositivas que puede incluir distintos tipos de contenido por como imágenes, archivos multimedia, texto, efectos etc. El editor de presentaciones es compatible con los siguientes formatos de presentaciones: Formatos Descripción Ver Editar Descargar PPTX Presentación Office Open XML El formato de archivo comprimido, basado en XML desarrollado por Microsoft para representación de hojas de cálculo, gráficos, presentaciones, y documentos de procesamiento de texto + + + PPT Formato de archivo usado por Microsoft PowerPoint + + ODP Presentación OpenDocument El formato que representa un documento de presentación creado por la aplicación Impress, que es parte de las oficinas suites basadas en OpenOffice + + + PDF Formato de documento portátil Es un formato de archivo usado para la representación de documentos en una manera independiente de la aplicación de software, hardware, y sistemas operativos +"
+    },
+   {
+        "id": "ProgramInterface/FileTab.htm", 
+        "title": "Pestaña de archivo", 
+        "body": "La pestaña de Archivo permite realizar operaciones básicas en el archivo actual. Si usa esta pestaña podrá: guardar el archivo actual (en caso de que la opción de autoguardado esté desactivada), descargar, imprimir o cambiar el nombre del archivo, crear una presentación nueva o abrir una que se ha editado de forma reciente, mostrar información general sobre la presentación, gestionar los derechos de acceso, acceder al editor de Ajustes avanzados volver a la lista de Documentos."
+    },
+   {
+        "id": "ProgramInterface/HomeTab.htm", 
+        "title": "Pestaña de Inicio", 
+        "body": "La pestaña de Inicio se abre por defecto cuando abre una presentación. Permite fijar parámetros generales con respecto a diapositivas, formato del texto, insertar, alinear y organizar varios objetos. Si usa esta pestaña podrá: organizar diapositivas y empezar presentación, formatear texto que está dentro de un cuadro de texto, insertar cuadros de texto, imágenes, formas, alinear y arreglar objetos en una diapositiva, copiar/borrar el formato de un texto, cambiar un tema, esquema de color o tamaño de diapositiva, ajustar los Ajustes de visualización y acceder al editor de Ajustes avanzados."
+    },
+   {
+        "id": "ProgramInterface/InsertTab.htm", 
+        "title": "Pestaña Insertar", 
+        "body": "La pestaña Insertar permite añadir objetos visuales y comentarios a su presentación. Si usa esta pestaña podrá: insertar tablas, Insertar cuadros de texto y objetos Text Art, imágenes, formas, gráficos, insertar comentarios y hiperenlaces, insertar ecuaciones."
+    },
+   {
+        "id": "ProgramInterface/PluginsTab.htm", 
+        "title": "Pestaña de Puglins", 
+        "body": "La pestaña de Puglins permite acceder a funciones de edición avanzadas usando componentes disponibles de terceros. Actualmente, los siguientes puglins están disponibles: ClipArt permite añadir imágenes de la colección de clipart a su presentación, Editor de Fotos permite editar imágenes: cortar, cambiar tamaño, usar efectos etc. Tabla de símbolos permite introducir símbolos especiales en su texto, Traductor permite traducir el texto seleccionado a otros idiomas, Youtube permite adjuntar vídeos de YouTube en su presentación. Para aprender más sobre plugins, por favor, lea nuestra Documentación API. Todos los ejemplos de puglin existentes y de acceso libre están disponibles en GitHub"
+    },
+   {
+        "id": "ProgramInterface/ProgramInterface.htm", 
+        "title": "Introduciendo el interfaz de usuario de Editor de Presentación", 
+        "body": "El Editor de Presentación usa un interfaz de pestañas donde los comandos de edición se agrupan en pestañas de manera funcional. El interfaz de edición consiste en los siguientes elementos principales: El Encabezado del editor muestra el logo, pestañas de menú, el nombre de la presentación y dos iconos a la derecha que permiten ajustar derechos de acceso y volver a la lista de Documentos. La Barra de herramientas superior muestra un conjunto de comandos para editar dependiendo de la pestaña del menú que se ha seleccionado. Actualmente, las siguientes pestañas están disponibles: Archivo, Inicio, Insertar, Puglins.Las opciones de Imprimir, Guardar, Copiar, Pegar, Deshacer, Volver a hacer y Añadir diapositiva están siempre disponibles en la parte izquierda de la Barra de herramientas superior independientemente de la pestaña seleccionada. La Barra de estado de debajo de la ventana del editor contiene el icono Empezar presentación de diapositivas, y varias herramientas de navegación: indicador de número de diapositivas y botones de zoom. La Barra de estado también muestra varias notificaciones (como \"Todos los cambios se han guardado\" etc.) y permite ajustar un idioma para el texto y activar la corrección ortográfica. La Barra lateral izquierda contiene iconos que permiten el uso de la herramienta Buscar, minimizar/expandir la lista de diapositivas, abrir el panel Comentarios y Chat, contactar a nuestro equipo de ayuda y ver la información del programa. La Barra lateral derecha permite ajustar parámetros adicionales de objetos distintos. Cuando selecciona un objeto en particular en una diapositiva, el icono correspondiente se activa en la barra lateral derecha. Haga clic en este icono para expandir la barra lateral derecha. Las Reglas horizontales y verticales le ayudan a colocar objetos en una diapositiva y le permiten establecer paradas del tabulador y sangrías dentro de cuadros de texto. El área de trabajo permite ver contenido de presentación, introducir y editar datos. La Barra de desplazamiento a la derecha permite desplazar la presentación hacia arriba y hacia abajo. Para su conveniencia, puede ocultar varios componentes y mostrarlos de nuevo cuando sea necesario. Para aprender más sobre cómo ajustar los ajustes de vista vaya a esta página."
+    },
+   {
+        "id": "UsageInstructions/AddHyperlinks.htm", 
+        "title": "Añada hiperenlace", 
+        "body": "Para añadir un hiperenlace, coloque el cursor en la posición dentro del cuadro de texto donde quiere añadir un hiperenlace, cambie a al pestaña Insertar en la barra de herramientas superior, pulse el icono Hiperenlaceen la barra de herramientas superior, Después de estos pasos, la ventana Configuración de hiperenlace se abrirá, y usted podrá especificar los parámetros del hiperenlace: Tipo de enlace seleccione el tipo de enlace que quiere insertar en la lista desplegable: Use la opción Enlace externo e introduzca una URL en el formato http://www.example.com en el campo debajo de Enlace a si usted necesita añadir un hiperenlace a un sitio web externo. Use la opción Diapositiva en esta presentación y seleccione una de las opciones de debajo si usted necesita añadir un hiperenlace a una cierta diapositiva de la misma presentación. Usted puede verificar una de las siguientes casillas: Diapositiva siguiente, Diapositiva anterior, Primera diapositiva, Última diapositiva, Diapositiva con el número especificado. Mostrar - introduzca texto sobre el que se pueda hacer clic para ir a la dirección web/diapositiva especificada en el campo de arriba. Información en pantalla - introduzca un texto que se hará visible en una ventana emergente y que le proporciona una nota breve o una etiqueta al enlace que se indica. Pulse el botón OK. Para añadir un hiperenlace, usted también puede hacer clic con el botón derecho del ratón en la posición donde se insertará el hiperenlace y seleccionar la opción Hiperenlace en el menú contextual o usar la combinación de teclas Ctrl+K. Nota: también es posible seleccionar un símbolo, palabra o combinación de palabras con el ratón o usando el teclado y pulsar el icono hiperenlace en la pestaña Insertar en la barra de herramientas superior o hacer clic derecho sobre la selección y elegir la opción Hiperenlace del menú. Después, la ventana que se muestra arriba se abrirá con el campo de Mostrar, completado con el texto del fragmento seleccionado. Si mantiene el cursor encima del hiperenlace añadido, aparecerá la Información en pantalla con el texto que ha especificado. Usted puede seguir el enlace pulsando la tecla CTRL y haciendo clic sobre el enlace en su presentación. Para editar o borrar el hiperenlace añadido, haga clic en este mismo con el botón derecho del ratón, seleccione la opción Hiperenlace en el menú contextual y la acción que quiere realizar - Editar hiperenlace o Eliminar hiperenlace."
+    },
+   {
+        "id": "UsageInstructions/AlignArrangeObjects.htm", 
+        "title": "Alinee y organice objetos en una diapositiva", 
+        "body": "Los cuadros de texto o autoformas, gráficos e imágenes añadidos, se pueden alinear, agrupar, ordenar, o distribuir horizontal y verticalmente en una diapositiva. Para realizar una de estas acciones, primero seleccione un objeto o varios objetos en el área de edición de diapositiva. Para seleccionar unos objetos, mantenga apretada la tecla Ctrl y haga clic sobre los objetos necesarios. Para seleccionar un cuadro de texto, haga clic en su borde y no en el texto de dentro. Después, puede utilizar o los iconos en la pestaña de Inicio de la barra de herramientas superior que se describen más adelante o las opciones análogas del menú contextual. Alinear objetos Para alinear el objeto seleccionado (o varios objetos), pulse el icono Alinear forma en la pestaña de Inicio en barra de herramientas superior y seleccione el tipo de alineación necesario de la lista: Alinear a la izquierda - para alinear los objetos horizontalmente a la parte izquierda de una diapositiva, Alinear al centro - para alinear los objetos horizontalmente al centro de una diapositiva, Alinear a la derecha - para alinear los objetos horizontalmente a la parte derecha de una diapositiva, Alinear en la parte superior - para alinear los objetos verticalmente a la parte superior de una diapositiva, Alinear al medio - para alinear los objetos verticalmente al medio de una diapositiva, Alinear en la parte inferior - para alinear los objetos verticalmente a la parte inferior de una diapositiva. Para distribuir dos o más objetos seleccionados horizontal o verticalmente, haga clic en el icono Alinear forma en la pestaña de Inicio en la barra de herramientas superior y seleccione el tipo de distribución necesaria en la lista: Distribuir horizontalmente - para alinear los objetos seleccionados (de los bordes derechos a los de la izquierda) al centro horizontal de una diapositiva. Distribuir verticalmente - para alinear los objetos seleccionados (de los bordes de arriba a los de abajo) al centro vertical de una diapositiva. Organizar objetos Para organizar los objetos seleccionados (por ejemplo, cambiar su orden cuando varios objetos sobreponen uno al otro), haga clic en el icono Arreglar forma en la pestaña de Inicio en la barra de herramientas superior y seleccione el tipo de disposición necesaria de la lista: Traer al frente - para desplazar el objeto (o unos objetos) delante de los otros, Enviar al fondo - para desplazar el objeto (o unos objetos) detrás de los otros, Traer adelante - para desplazar el objeto (o unos objetos) un nivel más hacia delante con respecto a los otros objetos. Enviar atrás - para desplazar el objeto (o unos objetos) un nivel más hacia atrás con respecto a los otros objetos. Para agrupar dos o más objetos seleccionados o desagruparlos, haga clic en el icono Arreglar forma en la pestaña de Inicio en la barra de herramientas superior y seleccione la opción necesaria de la lista: Agrupar - para unir varios objetos al grupo para que sea posible girarlos, desplazarlos, cambiar el tamaño y formato, alinearlos, arreglarlos, copiarlos, pegarlos como si fuera un solo objeto. Desagrupar - para desagrupar el grupo de los objetos seleccionado."
+    },
+   {
+        "id": "UsageInstructions/ApplyTransitions.htm", 
+        "title": "Aplique transiciones", 
+        "body": "La transición es un efecto de animación que se aplica entre dos diapositivas cuando una diapositiva avanza a la otra durante una demonstración. Usted puede aplicar la misma transición a todas las diapositivas o aplicar distintas transiciones a cada diapositiva por separado y ajustar los parámetros de transición. Para aplicar una transición a una diapositiva o unas diapositivas seleccionadas: Seleccione la diapositiva necesaria (o unas diapositivas en la lista) a la que usted quiere aplicar la transición. La pestaña Ajustes de diapositiva se activará en la barra derecha lateral. Para abrirla pulse el icono Ajustes de diapositiva a la derecha. De manera alternativa, usted puede hacer clic con el botón derecho en cualquier diapositiva de el área de edición y seleccionar la opción Ajustes de Diapositiva en el menú contextual. En la lista desplegable Efectos, seleccione la transición que usted quiere utilizar.Las siguientes transiciones están disponibles: Atenuación, Pulsación, Limpiar, Descubrir, Cubrir, Reloj, Zoom. En la lista desplegable de debajo, seleccione una de las opciones de efectos disponibles. Estas opciones definen de forma precisa cómo aparece el efecto. Por ejemplo, si la transición Zoom está seleccionada, las opciones de Acercar, Alejar y Girar están disponibles. Especifique la duración de una transición. En la casilla Duración, introduzca o seleccione el valor de tiempo necesario, expresado en segundos. Pulse el botón Vista previa para visualizar la diapositiva con la transición aplicada en el área de edición de diapositivas. Especifique el periodo de tiempo que quiere que la diapositiva se muestre hasta que cambie a otra: Iniciar al hacer clic – marque esta casilla si no quiere limitar el tiempo de visualización de la diapositiva seleccionada. La diapositiva cambiará a la siguiente solo si hace clic con el ratón en esta. Retraso – utilice esta opción si usted quiere que la diapositiva seleccionada se visualice durante el tiempo especificado antes de cambiar a la diapositiva siguiente. Marque esta casilla e introduzca o seleccione el valor de tiempo necesario, expresado en segundos.Nota: si marca solo la casilla de retraso, las diapositivas cambiarán automáticamente en un intervalo de tiempo especificado. Si marca las dos casillas Iniciar al hacer clic y Retraso y establece el valor de retraso, las diapositivas también cambiarán automáticamente, pero usted podrá hacer clic en una diapositiva para avanzar a la siguiente. Para aplicar una transición a todas las diapositivas de su presentación: realice el procedimiento descrito arriba y pulse el botón Aplicar a todas diapositivas. Para borrar una transición: seleccione la diapositiva necesaria y elija la opción Ningún en la lista Efecto. Para borrar todas las transiciones: seleccione cualquier diapositiva, elija la opción Ningún en la lista Efecto y pulse el botón Aplicar a todas diapositivas."
+    },
+   {
+        "id": "UsageInstructions/CopyClearFormatting.htm", 
+        "title": "Copie/elimine formato", 
+        "body": "Para copiar un formato de un texto en particular, seleccione el pasaje de texto cuyo formato quiere copiar con el ratón o usando el teclado, haga clic en el icono Copiar estilo en la pestaña de Inicio en la barra de herramientas superior, (el cursor del ratón estará así ), seleccione el pasaje de texto donde usted quiere aplicar el mismo formato. Para eliminar el formato que usted ha aplicado de forma rápida a un pasaje de texto, seleccione el pasaje de texto cuyo formato quiere eliminar, haga clic en el icono Borrar estilo en la pestaña de Inicio en la barra de herramientas superior."
+    },
+   {
+        "id": "UsageInstructions/CopyPasteUndoRedo.htm", 
+        "title": "Copie/pegue sus datos, deshaga/rehaga sus acciones", 
+        "body": "Para cortar, copiar y pegar los objetos seleccionados (diapositivas, párrafos de texto, autoformas) en su presentación o deshacer y reahecer sus acciones, use las opciones correspondientes del menú contextual, o los atajos de teclado, o los iconos correspondientes en la barra de herramientas superior: Cortar – seleccione un objeto y use la opción Cortar del menú contextual para borrar lo que ha seleccionado y enviarlo al portapapeles de su ordenador. Los datos eliminados pueden insertarse mas tarde a otro lugar de la misma presentación. Copiar – seleccione un objeto y use la opción Copiar del menú contextual o el icono Copiar en la barra de herramientas superior para copiarlo al portapapeles de su ordenador. El objeto copiado se puede copiar más adelante en otra parte de la misma presentación. Pegar – encuentre un lugar en su presentación donde quiera pegar el objeto anteriormente copiado y use la opción Pegar del menú contextual o el icono Pegar en la barra de herramientas superior. El objeto se insertará en la posición actual de la posición del cursor. El objeto se puede copiar previamente de la misma presentación. Para copiar o pegar datos de/en otra presentación u otro programa use las combinaciones de las teclas siguientes: La combinación de letras Ctrl+C para copiar; La combinación de las teclas Ctrl+V para pegar; La combinación de las teclas Ctrl+X para cortar. Para deshacer/rehacer la última operación, use los iconos correspondientes que estan disponibles en la barra de herramientas superior o los atajos de teclado: Deshacer – use el icono Deshacer para deshacer la última operación que usted ha realizado. Rehacer – use el icono Rehacer para rehacer la última operación que usted ha realizado.Usted también puede usar la combinación de las teclas Ctrl+Z para desahecer una acción o Ctrl+Y para rehacerla."
+    },
+   {
+        "id": "UsageInstructions/CreateLists.htm", 
+        "title": "Cree listas", 
+        "body": "Para crear una lista en su presentación, coloque el cursor dentro del cuadro de texto donde desea iniciar una lista (puede ser una línea nueva o el texto ya introducido), cambie a la pestaña Inicio en la barra de herramientas superior, seleccione el tipo de lista que usted quiere crear: La Lista desordenada con marcadores se puede crear usando el icono Puntos situado en la barra de herramientas superior La Lista ordenada con números o letras se puede crear usando el icono Numeración que se sitúa en la barra de herramientas superiorNota: haga clic en la flecha hacia abajo junto a icono Puntos o Numeración para seleccionar el aspecto de la lista. ahora cada vez que usted pulse la tecla Enter al final de la línea, un elemento nuevo de una lista ordenada o desordenada aparecerá. Para para esto, pulse la tecla Backspace y continúe con el texto de párrafo común."
+    },
+   {
+        "id": "UsageInstructions/FillObjectsSelectColor.htm", 
+        "title": "Rellene objetos y seleccione colores", 
+        "body": "Usted puede aplicar rellenos distintos al fondo de diapositivas, autoformas y Text Art. Seleccione un objeto Para cambiar el relleno de fondo de una diapositiva, seleccione las diapositivas necesarias en la lista de diapositivas. La pestaña Ajustes de diapositiva se activará en la barra derecha lateral. Para cambiar el relleno de autoformas, haga clic izquierdo en el autoforma necesaria. La pestaña Ajustes de diapositiva se activará en la barra derecha lateral. Para cambiar el relleno del Texto de Arte, haga clic izquierdo en el objeto de texto necesario. La pestaña Ajustes de Text Art se activará en la barra derecha lateral. Elija el tipo de relleno deseado Ajuste las propiedades de relleno seleccionadas (vea la descripción detallada de cada tipo de relleno)Nota: para el tipo de letra de las autoformas y Text Art, independientemente del tipo de relleno seleccionado, usted también puede establecer el nivel de Opacidad arrastrando el control deslizante o introduciendo el valor manualmente. El valor predeterminado es 100%. Esto corresponde a una opacidad completa. El valor 0% corresponde a plena transparencia. Son los tipos de relleno disponibles: Color de relleno - seleccione esta opción para especificar el color que usted quiere aplicar a la parte interna de una diapositiva/autoforma seleccionada. Haga clic en el cuadro coloreado de debajo y seleccione el color necesario en la paleta de colores o especifique cualquier color que le guste: Colores de tema - los colores que corresponden a la combinación de colores seleccionada en la presentación. Una vez que aplica un tema o combinación de colores nuevo, el conjunto de Colores de tema se cambiará. Colores estándar - el conjunto de colores predeterminado. Color personalizado - pulse esta leyenda si no hay ningún color que usted necesita en las paletas disponibles. Seleccione el rango de colores necesario moviendo el deslizante de color vertical y establezca el color arrastrando el selector de color dentro del campo de color cuadrado. Una vez seleccionado un color, verá los valores RGB y sRGB correspondientes en los campos a la derecha. Usted también puede especificar un color basándose en el modelo de color RGB introduciendo los valores numéricos necesarios en los campos R, G, B (red-rojo, green-verde, blue-azul) o introduzca el código hexadecimal sRGB en el campo marcado con el signo #. El color seleccionado se mostrará en el cuadro de visualización previa Nuevo. Si el objeto se rellenó con otro color personalizado, este color se muestra en el cuadro Actual para que pueda comparar el color original con los modificados. Una vez especificado el color, haga clic en el botón Añadir: El color personalizado se aplicará a su objeto y se añadirá a la paleta Color personalizado del menú. Nota: los mismos colores que puede usar cuando selecciona el color de trazo de la autoforma, cambiando el color de fondo, o el color de fondo de tabla. Relleno degradado - seleccione esta opción para rellenar una diapositiva/forma con dos colores que cambian de uno a otro de forma progresiva. Estilo - elija una de las opciones disponibles: Lineal (los colores cambian en línea recta; por ejemplo, sobre un eje horizontal/vertical o por una línea diagonal que forma un ángulo de 45 grados) o Radial (los colores cambian por una trayectoria circular del centro a los bordes). Dirección - elija una plantilla en el menú. Si selecciona la gradiente Lineal, las siguientes direcciones estarán disponibles: de la parte superior izquierda a la inferior derecha, de la parte superior a la inferior, de la parte superior derecha a la inferior izquierda, de la parte derecha a la izquierda,de la parte inferior derecha a la superior izquierda, de la parte inferior a la superior, de la parte inferior izquierda a la superior derecha, de la parte izquierda a la derecha. Si selecciona la gradiente Radial, solo una plantilla estará disponible. Gradiente - haga clic en el control deslizante izquierdo debajo de la barra de gradiente para activar la casilla de color que corresponde al primer color. Haga clic en la casilla de color a la derecha para elegir el primer color en la paleta. Arrastre el control deslizante para establecer el punto de degradado - el punto donde un color cambie a otro. Utilice el control deslizante derecho debajo de la barra de gradiente para especificar el segundo color y establecer el punto de degradado. Imagen o textura - seleccione esta opción para usar una imagen o textura predefinida como el fondo de una diapositiva/autoforma. Si usted desea usar una imagen como fondo de una diapositiva/autoforma, puede añadir una imagen De archivo de su ordenador HDD o De URL introduciendo la dirección de URL apropiada en la ventana abierta. Si usted quiere usar una textura como fondo de una diapositiva/autoforma, despliegue el menú De textura y seleccione la textura necesaria.En estos momentos, las siguientes texturas están disponibles: Lienzo, Algodón, Tela oscura, Grano, Granito, Papel gris, Tejido, Piel, Papel marrón, Papiro, Madera. En caso de que la Imagen seleccionada tenga más o menos dimensiones que la autoforma o la diapositiva, usted puede seleccionar la opción Estirar o Mosaico en la lista desplegable.La opción Estirar le permite ajustar el tamaño de imagen al tamaño de la diapositiva o la autoforma para que la imagen pueda ocupar todo el espacio. La opción Mosaico le permite mostrar solo una parte de la imagen más grande manteniendo su tamaño original, o repetir las imágenes pequeñas manteniendo su tamaño original para que ocupen todo el espacio de la diapositiva o la autoforma. Nota: cualquiera Textura predeterminada ocupa el espacio completamente, pero usted puede aplicar el efecto Estirar si es necesario. Patrón - seleccione esta opción para rellenar una diapositiva/forma con un diseño de dos colores que está compuesto por elementos repetidos de forma regular. Patrón - seleccione uno de los diseños predeterminados en el menú. Color de primer plano - pulse esta casilla de color para cambiar el color de elementos de patrón. Color de fondo - pulse esta casilla de color para cambiar el color de fondo de patrón. Sin relleno - seleccione esta opción si no desea usar ningún relleno."
+    },
+   {
+        "id": "UsageInstructions/InsertAutoshapes.htm", 
+        "title": "Inserte y dé formato a autoformas", 
+        "body": "Inserte un autoforma Para añadir un autoforma a una diapositiva, en la lista de diapositivas a la izquierda, seleccione la diapositiva a la que usted quiere añadir una autoforma, haga clic en el icono Forma en la pestaña de Inicio o Insertar en la barra de herramientas superior, seleccione uno de los grupos de autoformas disponibles: Formas básicas, Formas de flecha, Matemáticas, Gráficos, Cintas y estrellas, Llamadas, Botones, Rectángulos, Líneas, haga clic sobre la autoforma necesaria en el grupo seleccionado, en el área de edición de diapositiva, coloque el cursor del ratón donde usted quiere insertar la autoforma,Nota: usted puede hacer clic en la autoforma y arrastrar esta para estirarla. una vez que la autoforma se ha añadido, usted puede cambiar su tamaño, posición y propiedades.Nota: si quiere añadir una leyenda en la autoforma, asegúrese de que la autoforma está seleccionada y empiece a introducir su texto. El texto introducido de tal modo forma la parte del autoforma (cuando usted mueva o gire la autoforma, el texto realiza las mismas acciones). Ajuste la configuración de autoforma Se pueden cambiar algunos parámetros de la autoforma usando la pestaña Ajustes de forma en la barra lateral derecha. Para activarla, haga clic en la autoforma y elija el icono Ajustes de forma a la derecha. Aquí usted puede cambiar los siguientes ajustes: Relleno - utilice esta sección para seleccionar el relleno de la autoforma. Usted puede seleccionar las opciones siguientes: Color de relleno - para especificar el color que usted quiere aplicar a la forma seleccionada. Relleno degradado - para rellenar la forma de dos colores que cambian de uno a otro de forma gradual. Imagen o textura - para usar una imagen o textura pre-definida como el fondo de la forma. Patrón - para rellenar la forma con un diseño de dos colores que está compuesto de elementos repetidos. Sin relleno - seleccione esta opción si no desea usar ningún relleno. Para obtener información detallada sobre estas opciones, por favor, consulte la sección Rellene objetos y seleccione colores. Trazo - use esta sección para cambiar el color, tipo o ancho del trazo del autoforma. Para cambiar el ancho del trazo, seleccione una de las opciones disponibles en la lista desplegable de Tamaño. Las opciones disponibles son: 0.5 pt, 1 pt, 1.5 pt, 2.25 pt, 3 pt, 4.5 pt, 6 pt. O seleccione la opción Sin líneas si no quiere usar ningún trazo. Para cambiar el color del trazo, haga clic en el cuadro con color de debajo y seleccione el color necesario. Usted puede usar un color de tema seleccionado, un color estándar o elegir un color personalizado. Para cambiar el color del trazo, seleccione la opción necesaria de la lista desplegable correspondiente (una línea sólida se aplicará de forma pre-determinada, la cual puede cambiar a una de las líneas discontinuas disponibles). Para cambiar los ajustes avanzados de la autoforma, haga clic derecho en la forma y seleccione la opción Ajustes avanzados de forma en el menú contextual o haga clic izquierdo y haga clic en el enlace Mostrar ajustes avanzados en la barra derecha lateral. La ventana con propiedades formas se abrirá: La pestaña Tamaño permite cambiar el Ancho y/o Altura de la autoforma. Si se hace clic en el botón Proporciones constantes (en este caso se verá así ), se cambiarán el ancho y altura preservando la relación original de aspecto de forma. La pestaña Grosores y flechas contiene los parámetros siguientes: Estilo de línea - este grupo de opciones permite especificar los parámetros siguientes: Tipo de remate - esta opción le permite establecer el estilo para el final de la línea, por lo que se aplica solo a las formas con contorno abierto, como líneas, polilíneas etc.: Plano - los extremos serán planos. Redondeado - los extremos serán redondeados. Cuadrado - los extremos serán cuadrados. Tipo Combinado - esta opción le permite establecer el estilo de intersección de dos líneas, por ejemplo, puede afectar a una polilínea o a esquinas de triángulo o contornos de triángulos: Redondeado - la esquina será redondeada. Biselado - la esquina será sesgada. Ángulo - la esquina será puntiaguda. Vale para ángulos agudos. Nota: el efecto será más visible si usa un contorno con ancho amplio. Flechas - esta sección está disponible si una forma del grupo de formas de Líneas se selecciona. Le permite ajustar la flecha Empezar y Estilo Final y Tamaño seleccionando la opción apropiada de las listas desplegables. La pestaña Relleno de texto permite cambiar los márgenes internos superiores, inferiores, izquierdos y derechos de la autoforma (es decir, la distancia entre el texto y los bordes del autoforma dentro del autoforma). Nota: esta pestaña está disponible solo si se añade texto dentro de la autoforma, si no, la pestaña está desactivada. La pestaña Columnas permite añadir columnas de texto dentro de la autoforma especificando el Número de columnas (hasta 16) y Espaciado entre columnas necesario. Una vez que hace clic en OK, el texto que ya existe u otro texto que introduzca dentro de la autoforma aparecerá en columnas y se moverá de una columna a otra. La pestaña de Texto Alternativo permite especificar un Título y Descripción que se leerá a las personas con deficiencias de visión o cognitivas para ayudarles a entender mejor la información que hay en la forma. Para sustituir la autoforma añadida, haga clic izquierdo en esta y use la lista desplegable Cambiar autoforma en la pestaña Ajustes de forma en la barra lateral derecha. Para borrar la autoforma añadida, haga clic izquierdo en esta y presione la tecla Delete en su teclado. Para saber como alinear una autoforma en la diapositiva u organizar varias autoformas, consulte la sección Alinee y organice objetos en una diapositiva. Una las autoformas usando conectores Puede conectar autoformas usando líneas con puntos de conexión para demostrar dependencias entre los objetos (por ejemplo si quiere crear un organigrama). Para hacerlo, haga clic en el icono Forma en la pestaña de Inicio o Insertar en la barra de herramientas superior, seleccione el grupo Líneas del menú. haga clic en las formas necesarias dentro del grupo seleccionado (con excepción de las últimas tres formas que no son conectores, es decir, forma 10, 11 y 12), ponga el cursor del ratón sobre la primera autoforma y haga clic en uno de los puntos de conexión que aparece en el trazado de la forma, arrastre el cursor del ratón hacia la segunda autoforma y haga clic en el punto de conexión necesario en su esbozo. Si mueve las autoformas unidas, el conector permanece adjunto a las formas y se mueve a la vez que estas. También puede separar el conector de las formas y luego juntarlo a otros puntos de conexión."
+    },
+   {
+        "id": "UsageInstructions/InsertCharts.htm", 
+        "title": "Inserte y edite gráficos", 
+        "body": "Inserte un gráfico Para insertar un gráfico en su presentación, coloque el cursor en el lugar donde usted quiere insertar un gráfico, cambie a al pestaña Insertar en la barra de herramientas superior, pulse el icono Gráfico en la barra de herramientas superior, Seleccione el tipo de gráfico que necesita de los disponibles - Columnas, Líneas, Circular, Barras, Área, Puntos XY (disperso), Cotizaciones.Nota: para los gráficos de Columnas, Líneas, Circular o Barras, también está disponible un formato 3D. después, la ventana Editor de gráfico aparecerá, y usted podrá introducir los datos necesarios en las celdas usando los siguientes controles: y para copiar y pegar los datos copiados y para deshacer o rehacer acciones para insertar una función y para disminuir o aumentar decimales para cambiar el formato del número, es decir, la manera en que los números introducidos se muestran en las celdas  cambie los ajustes de gráfico pulsando el botón Editar gráfico situado en la ventana Editor de gráfico. Se abrirá la ventana Gráfico - Ajustes avanzados. La pestaña Tipo y Datos le permite seleccionar el tipo de gráfico, así como los datos que quiere usar para crear un gráfico. Seleccione el Tipo de gráfico que quiere insertar: Columna, Línea, Circular, Área, Puntos XY (disperso), Cotizaciones. Compruebe el Rango de datos y modifíquelo, si es necesario, pulsando el botón Selección de datos e introduciendo el rango de datos deseado en el formato siguiente: Sheet1!A1:B4. Elija el modo de organizar los datos. Usted puede seleccionar Serie de datos para el eje X: en filas o en columnas.  La pestaña Diseño le permite cambiar el diseño de elementos del gráfico. Especifique la posición del Título de gráfico respecto a su gráfico seleccionando la opción necesaria de la lista desplegable: Ninguno para no mostrar el título del gráfico, Superposición para superponer y centrar un título en el área de trazado del gráfico, Sin superposición para mostrar el título en la parte superior del área de trazado del gráfico.  Especifique la posición de la Leyenda con respecto a su gráfico seleccionando la opción necesaria de la lista desplegable: Ninguno para no mostrar la leyenda, Inferior para mostrar la leyenda y que esta se alinee en la parte inferior del área de trazado del gráfico, Superior para mostrar la leyenda y que esta se alinee en la parte superior del área de trazado del gráfico, Derecho para mostrar la leyenda y que esta se alinee en la parte derecha del área de trazado del gráfico, Izquierdo para mostrar la la leyenda y que esta se alinee en la parte izquierda del área de trazado del gráfico, Superposición a la izquierda para superponer y centrar la leyenda a la parte izquierda del área de trazado del gráfico, Superposición a la derecha para superponer y centrar la leyenda en la parte derecha del área de trazado del gráfico.  Especifique los parámetros de las Etiquetas de Datos (por ejemplo, las etiquetas de datos que representan los valores exactos de los puntos de datos): Especifique la posición relativa de las Etiquetas de Datos en relación a los puntos de datos seleccionando la opción necesaria del menú despegable. Las opciones disponibles varían dependiendo del tipo de gráfico seleccionado. Para los gráfico Columnas/Barras, usted puede elegir las opciones siguientes: Ninguno, Centrado, Interior Inferior, Interior Superior, Exterior Superior. Para los gráficos Línea/ Puntos XY (Esparcido)/Cotizaciones, puede seleccionar las siguientes opciones: Ninguno, Centrado, Izquierda, Derecha, Superior, Inferior. Para los gráficos Circulares, puede elegir las siguientes opciones: Ninguno, Centrado, Ajustar al ancho, Interior Superior, Exterior Superior. Para los gráfico Área, así como los gráficos 3D Columnas, Líneas y Barras, puede elegir las siguientes opciones: Ninguno, Centrado.  seleccione los datos que usted quiere añadir a sus etiquetas marcando las casillas correspondientes: Nombre de serie, Nombre de categoría, Valor, Introduzca in carácter (coma, punto y coma etc.) que quiera usar para separar varias etiquetas en el campo de entrada Separador de Etiquetas de Datos.  Líneas - se usa para elegir un estilo de línea para gráficos de Línea/Punto XY (Esparcido). Usted puede seleccionar una de las siguientes opciones: Recto para usar líneas rectas entre puntos de datos, Uniforme para usar curvas uniformes entre puntos de datos, o Nada para no mostrar líneas. Marcadores - se usa para especificar si los marcadores se deben mostrar (si la casilla se verifica) o no (si la casilla no se verifica) para gráficos de Línea/Puntos XY (Esparcidos).Nota: las opciones de Líneas y Marcadores solo están disponibles para gráficos de líneas y Puntos XY (Esparcidos). La sección de Ajustes del eje permite especificar si desea mostrar Ejes Horizontales/Verticales o no, seleccionando la opción Mostrar o Esconder de la lista despegable. También puede especificar los parámetros Título de Ejes Horizontal/Vertical: Especifique si quiere mostrar o no el Título de eje horizontal seleccionando la opción correspondiente en la lista desplegable: Ninguno para no mostrar el título del eje horizontal, Sin superposición para no mostrar el título debajo del eje horizontal.  Especifique la orientación del Título de eje vertical seleccionando la opción correspondiente en la lista desplegable: Ninguno para no mostrar el título del eje vertical, Girado para que el título se muestre de arriba hacia abajo a la izquierda del eje vertical, Horizontal -para mostrar el título horizontal a la izquierda del eje vertical.   La sección Cuadrícula le permite especificar cuales de las Cuadrículas Horizontales/verticales quiere mostrar seleccionando la opción correspondiente de la lista despegable: Principal, Menor, o Principal y menor. También, puede ocultar las líneas de las cuadrículas usando la opción Ninguno.Nota: las secciones Ajustes de Ejes y Líneas de cuadrícula estarán desactivadas para Gráficos circulares ya que estos gráficos no tienen ejes ni líneas de cuadrículas.  Nota: las pestañas Eje vertical/horizontal estarán desactivadas para Gráficos circulares porque los gráficos de este tipo no tienen ejes. La pestaña Eje vertical le permite cambiar los parámetros del eje vertical que también se llama eje de valor o eje y que muestra los valores numéricos. Tenga en cuenta, por favor, que para los Gráficos de barras el eje vertical será el eje de categoría que muestra etiquetas de texto, por lo que en este caso, las opciones de la pestaña Eje vertical corresponderán a las descritas en la siguiente sección. Para los gráficos de puntos XY (Esparcidos), los dos ejes son los ejes de valor. La sección Opciones de ejes permite fijar los siguientes parámetros: Valor mínimo - se usa para especificar el valor mínimo que se muestra en el comienzo del eje vertical. La opción Auto está seleccionada de manera predeterminada, en este caso el valor mínimo se calcula automáticamente en función del rango de celdas seleccionado. Usted puede seleccionar la opción Corregido en la lista desplegable y especificar un valor diferente en el campo de la derecha. Valor máximo - se usa para especificar el valor máximo al final de eje vertical. La opción Auto está seleccionada de manera predeterminada, en este caso el valor máximo se calcula automáticamente en función del rango de datos seleccionado. Usted puede seleccionar la opción Corregido en la lista desplegable y especificar un valor diferente en el campo de la derecha. Intersección con eje - se usa para especificar un punto en el eje vertical donde el eje horizontal lo debe cruzar. La opción Auto está seleccionada de manera predeterminada, en este caso el valor de punto de intersección de ejes se calcula automáticamente en función del rango de datos seleccionado. Usted puede seleccionar la opción Valor en la lista desplegable y especificar un valor diferente en el campo a la derecha o fijar el Valor máximo/mínimo del punto de intersección de ejes en el eje vertical. Unidades de visualización - se usa para determinar una representación de valores numéricos a lo largo del eje vertical. Esta opción puede servirle si usted trabaja con números grandes y quiere que los valores en el eje se muestren de modo más compacto y legible (por ejemplo el número 50 000 puede ser escrito como 50 usando la unidad de visualización Miles). Seleccione unidades deseadas en la lista desplegable: Cientos, Miles, 10 000, 100 000, Millones, 10 000 000, 100 000 000, Billones, Trillones, o seleccione la opción Ninguno para volver a las unidades por defecto. Valores en orden inverso - se usa para mostrar valores en sentido contrario. Cuando la casilla está desactivada el valor mínimo está en la parte inferior y el valor máximo en la parte superior del eje. Cuando la casilla está activada, los valores se ordenan de la parte superior a la parte inferior.  La sección Opciones de marca de verificación permite ajustar la apariencia de las marcas de verificación en el eje vertical. Las marcas de verificación principales son las divisiones más grandes a escala y que pueden tener etiquetas que muestran valores numéricos. Las marcas de verificación menores son las subdivisiones de escala colocadas entre las marcas de graduación principales y las que no tienen etiquetas. Las marcas de verificación también definen donde pueden mostrarse las líneas de cuadrículas, si la opción correspondiente está elegida en la pestaña Diseño. En las listas desplegables Tipo principal/menor usted puede seleccionar las opciones de disposición siguientes: Ninguno si no quiere que se muestren las marcas de verificación principales/menores, Intersección si quiere mostrar las marcas de graduación principales/menores en ambas partes del eje, En si quiere mostrar las marcas de verificación principales/menores dentro del eje, Fuera si quiere mostrar las marcas de verificación principales/menores fuera del eje.  La sección Opciones de Etiqueta permite ajustar la apariencia de marcas de verificación principales que muestran valores. Para especificar la Posición de etiqueta con respecto al eje vertical, seleccione la opción necesaria de la lista desplegable: Ninguno si no quiere que se muestren etiquetas de las marcas de verificación, Bajo si quiere mostrar marcas de verificación a la izquierda del área del gráfico, Alto si quiere mostrar marcas de verificación a la derecha del área del gráfico, Al lado del eje si quiere mostrar marcas de verificación al lado del eje.  La pestaña Eje horizontal le permite cambiar los parámetros del eje horizontal que también se llama el eje de categorías o el eje x que muestra etiquetas de texto. Note que el eje horizontal será el valor de eje que muestre valores numéricos para el Gráfico de barras por lo que en este caso, las opciones de la pestaña Eje horizontal corresponderán a las descritas en la sección anterior. Para los gráficos de puntos XY (Esparcidos), los dos ejes son los ejes de valor. La sección Opciones de Eje permite fijar los siguientes parámetros: Intersección con eje - se usa para especificar un punto en el eje horizontal donde el eje vertical lo debe cruzar. La opción Auto está seleccionada de manera predeterminada, en este caso el valor de punto de intersección de los ejes se calcula automáticamente en función del rango de datos seleccionado. Usted puede seleccionar la opción Valor en la lista desplegable y especificar un valor diferente en el campo a la derecha o fijar el Valor máximo/mínimo (que corresponde a la primera y última categoría) del punto de intersección de ejes en el eje horizontal. Posición de eje - se usa para especificar dónde se deben colocar las etiquetas de eje de texto: Marcas de verificación o Entre marcas de verificación. Valores en orden inverso - se usa para mostrar valores en sentido contrario. Cuando la casilla está desactivada, las categorías se muestran de izquierda a derecha. Cuando la casilla está activada, las categorías se ordenan de derecha a izquierda.  La sección Opciones de Verificación permite ajustar la apariencia de marcas de verificación en la escala horizontal. Las marcas de verificación principales son las divisiones más grandes de escala que pueden tener etiquetas mostrando los valores de categorías. Las marcas de verificación menores son las subdivisiones más pequeñas las cuales se colocan entre las marcas de verificación principales y no tienen etiquetas. Las marcas de verificación también definen donde se pueden mostrar las líneas de cuadrículas, si la opción correspondiente se elige en la pestaña Diseño. Usted puede ajustar los siguientes parámetros de marcas de verificación: Tipo principal/menor - se usa para especificar las opciones de disposición siguientes: Ninguno si no quiere que se muestren marcas de verificación principales/menores, Intersección si quiere mostrar marcas de verificación principales/menores en ambas partes del eje, En si quiere mostrar las marcas de verificación principales/menores dentro del eje, Fuera si quiere mostrar las marcas de verificación principales/menores fuera del eje. Intervalo entre marcas - se usa para especificar el número de categorías que deben mostrarse entre dos marcas de verificación vecinas.  La sección Opciones de etiqueta permite ajustar la apariencia de etiquetas que muestran categorías. Posición de etiqueta - se usa para especificar el lugar donde las etiquetas deben colocarse con respecto al eje horizontal. Seleccione la opción correspondiente en la lista desplegable: Ninguno si no quiere que se muestren las etiquetas de categorías, Bajo si quiere mostrar las etiquetas de categorías debajo del área del gráfico, Alto si quiere mostrar las etiquetas de categorías arriba del gráfico, Al lado de eje si quiere mostrar las etiquetas de categorías al lado de eje. Distancia entre eje y etiqueta - se usa para especificar la distancia entre el eje y una etiqueta. Usted puede especificar el valor necesario en el campo correspondiente. Cuanto más grande sea el valor que fije, mas será la distancia entre el eje y las etiquetas. Intervalo entre etiquetas - se usa para especificar con qué frecuencia deben colocarse las etiquetas. La opción Auto está seleccionada de manera predeterminada, en este caso las etiquetas se muestran para cada categoría. Usted puede seleccionar la opción Manualmente en la lista desplegable y especificar el valor necesario en el campo correspondiente a la derecha. Por ejemplo, introduzca 2 para mostrar etiquetas para otra categoría etc.  La pestaña de Texto Alternativo permite especificar un Título y Descripción que se leerá a las personas con deficiencias de visión o cognitivas para ayudarles a entender mejor la información que hay en el gráfico. una vez añadido el gráfico usted también puede cambiar su tamaño y posición.Usted puede especificar la posición del gráfico en la diapositiva arrastrándolo vertical u horizontalmente. Editar elementos del gráfico Para editar el Título del gráfico, seleccione el texto predeterminado con el ratón y escriba el suyo propio en su lugar. Para cambiar el formato del tipo de letra de texto dentro de elementos, como el título del gráfico, títulos de ejes, leyendas, etiquetas de datos etc, seleccione los elementos del texto apropiados haciendo clic izquierdo en estos. Luego use los iconos en la pestaña de Inicio en la barra de herramientas superior para cambiar el tipo, estilo, tamano o color de la letra. Para borrar un elemento del gráfico, selecciónelo con el botón izquierdo del ratón y presione la tecla Delete en su teclado. También puede rotar gráficos 3D usando el ratón. Haz clic izquierdo en el área del gráfico y mantenga el botón del ratón presionado hasta que el trazo de un cuadro azul aparezca. Arrastre el cursos sin soltar el botón del ratón para cambiar la orientación del gráfico en 3D. Ajustes de gráficoSe puede cambiar el tamaño, tipo y estilo del gráfico y también sus datos usando la barra derecha lateral. Para activarla, haga clic en el gráfico y elija el icono Ajustes de gráfico a la derecha. La sección Tamaño le permite cambiar el ancho y/o altura del gráfico. Si el botón Proporciones constantes se mantiene apretado (en este caso estará así ), se cambiarán el ancho y altura preservando la relación original de aspecto de gráfico. La sección Cambiar tipo de gráfico le permite cambiar el tipo de gráfico seleccionado y/o su estilo usando el menú desplegable correspondiente. Para seleccionar el Estilo del gráfico correspondiente, use el segundo menú despegable en la sección Cambiar Tipo de Gráfico. El botón Editar datos le permite abrir la ventana Editor de gráfico y empezar a editar los datos como se descrito arriba. Nota: para abrir la ventana 'Editor de gráfico' de forma rápida, haga doble clic sobre la diapositiva. Una vez seleccionado el gráfico, el icono Ajustes de forma también está disponible a la derecha, porque la forma se usa como fondo para el gráfico. Usted puede hacer clic en este icono para abrir la pestaña Ajustes de forma en la barra lateral derecha y ajustar el Relleno y Trazo de la forma. Note por favor, que usted no puede cambiar el tipo de forma. Para borrar el gráfico insertado, haga clic en este y pulse la tecla Borrar en el teclado. Para descubrir como alinear un gráfico en la diapositiva u organizar varios objetos, consulte la sección Alinee y organice objetos en una diapositiva."
+    },
+   {
+        "id": "UsageInstructions/InsertEquation.htm", 
+        "title": "Inserte ecuación", 
+        "body": "El Editor de Presentación le permite construir ecuaciones usando las plantillas incorporadas, editarlas, insertar caracteres especiales (incluyendo operadores matemáticos, letras griegas, acentos, etc.). Añadir ecuación nueva Para añadir una ecuación de la galería, cambie a la pestaña Insertar en la barra de herramientas superior, pulse la flecha al lado del icono Ecuación en la barra de herramientas superior, seleccione una categoría de ecuación en la lista desplegable. Aquí están las categorías disponibles: Símbolos, Fracciones, Scripts, Radicales, Integrales, Operadores grandes, Paréntesis, Funciones, Acentos, Límites y logaritmos, Operadores, Matrices, haga clic sobre un símbolo/ecuación en concreto en el conjunto correspondiente de plantillas. La casilla de símbolo/ecuación seleccionada se insertará en el centro de la diapositiva actual.Si no ve el borde del cuadro de la ecuación, haga clic en cualquier lugar dentro de la ecuación - el borde se mostrará con una línea discontinua. El cuadro de la ecuación se puede mover, cambiar de tamaño o rotar en la diapositiva de forma libre. Para realizar esto, haga clic en el borde del cuadro de la ecuación (se mostrará con una línea sólida) y use las manivelas correspondientes.Cada plantilla de ecuación representa un conjunto de espacios. El espacio es la posición para cada elemento que constituye la ecuación. Un espacio libre (también llamado marcador) tiene un borde punteado . Necesita rellenar todos los marcadores especificando sus valores necesarios. Introduzca valores Los puntos de inserción especifican dónde aparecerá el carácter siguiente que añada. Para posicionar el punto de inserción de forma precisa, haga clic dentro del marcador y use las flechas del teclado para mover el punto de inserción un carácter a la izquierda/derecha.Una vez que el punto de inserción está posicionado, puede rellenar el marcador: introduzca el valor numérico/literal deseado usando el teclado, Introduzca un carácter especial usando la paleta Símbolos del menú Ecuación en la pestaña Insertar en la barra de herramientas superior, añada otra plantilla de ecuación de la paleta de para crear una ecuación compleja anidada. El tamaño de la ecuacin principal se ajustará de manera automática para ajustarse al contenido. El tamaño de los elementos de la ecuación anidada depende del tamaño del marcador de la ecuación principal, pero no puede ser más pequeño que el tamaño del sub-subíndice.  Para añadir nuevos elementos de ecuación también puede usar las opciones del menú contextual: Para añadir un argumento nuevo que va antes o después del que existe entre Corchetes, puede hacer clic derecho en el argumento existente y seleccionar la opción Insertar argumento antes/después del menú. Para añadir una ecuación nueva dentro de Casos con varias condiciones del grupo de Corchetes, puede hacer clic derecho en un marcador vacío o introducir una ecuación dentro de este y seleccionar la opción Inserte ecuación antes/después del menú. Para añadir una nueva columna o fila en una Matriz, puede hacer clic derecho dentro de un marcador, seleccionar la opción Insertar del menú, luego seleccionar Fila Encima/Debajo o Columna Izquierda/Derecha. Nota: actualmente, las ecuaciones no se pueden insertar con formato linear, es decir, \\sqrt(4&amp;x^3). Cuando introduzca los valores de las expresiones matemáticas, no necesita usar la Barra Espaciadora ya que los espacios entre los caracteres y símbolos de operaciones se establecen de forma automática. Si la ecuación es muy larga y no cabe en una sola línea dentro del cuadro de texto, un salto de línea ocurrirá de manera automática a la vez que escribe. También puede insertar un salto de línea en una posición específica si hace clic derecho en un operador matemático y selecciona la opción Insertar salto manual del menú. El operador seleccionado empezará una nueva línea. Para eliminar el salto de línea añadido manualmente, haga clic derecho en el operador matemático que empieza una nueva línea y seleccione la opción Eliminar salto manual. Formatear ecuaciones De forma predeterminada, la ecuación dentro del cuadro de texto se centra de manera horizontal y se alinea de manera vertical a la parte superior del cuadro de texto. Para cambiar su alineación horizontal/vertical, ponga el cursor dentro del cuadro de la ecuación (los bordes del cuadro de texto se mostrarán con líneas discontinuas) y use los iconos correspondientes en la pestaña de Inicio en la barra de herramientas superior. Para aumentar o disminuir el tamaño de letra de la ecuación, haga clic en cualquier parte dentro del cuadro de la ecuación y seleccione el tamaño de letra necesario de la lista en la pestaña de Inicio en la barra de herramientas superior. Todos los elementos de la ecuación cambiarán de forma respectiva. Las letras dentro de la ecuación se ponen en cursiva de manera predeterminada. Si es necesario, puede cambiar el estilo de letra (negrita, cursiva, tachada) o color de una ecuación entera o de alguna de sus partes. El estilo subrayado se puede usar solo para toda la ecuación, no para caracteres individuales. Seleccione las partes necesarias de la ecuación haciendo clic y arrastrando. La parte seleccionada se resaltará en azul. Luego use los botones necesarios en la pestaña de Inicio en la barra de herramientas superior para formatear la selección. Por ejemplo, puede eliminar el formato cursiva para palabras ordinarias que no son variables o constantes.Para modificar algunos elementos de la ecuación, también puede usar las opciones del menú contextual: Para cambiar el formato de Fracciones, puede hacer clic derecho en una fracción y seleccionar la opción Cambiar a fracción desigual/linear/apilada del menú (las opciones disponibles varían dependiendo del tipo de fracción seleccionada). Para cambiar la posición de los Scripts relacionados con el texto, haga clic derecho en la ecuación que incluye scripts y seleccione la opción Scripts antes/después del texto del menú. Para cambiar el tamaño del argumento de Scripts, Radicales, Integrales, Operadores Grandes, Límites y Logaritmos, Operadores, así como de llaves superiores/llaves inferiores y plantillas con caracteres agrupados del grupo Acentos, puede hacer clic derecho en el argumento que quiere cambiar y seleccionar la opción Aumentar/Disminuir tamaño del argumento del menú. Para especificar si un marcador de grado vacío debe mostrarse o no para un Radical, puede hacer clic derecho en el radical y seleccionar la opción Ocultar/Mostrar grado del menú. Para especificar si un marcador de límite vacío debe mostrarse o no para un Integral u Operador Grande, puede hacer clic derecho en la ecuación y seleccionar la opción Ocultar/Mostrar límite superior/inferior del menú. Para cambiar la posición de los límites en relación con la señal integral o de operación para Integrales u Operadores Grandes, puede hacer clic derecho en la ecuación y seleccionar la opción Cambiar posición de límites del menú. Los límites pueden mostrarse a la derecha del símbolo del operador (como super-índices o sub-índices) o directamente encima y debajo del símbolo del operador. Para cambiar los límites de la posición en relación al texto para Límites y Logaritmos y plantillas con caracteres agrupados del grupo Acentos, puede hacer clic derecho en la ecuación y seleccionar la opción Límite por encima/por debajo del texto del menú. Para cambiar cuales de los Corchetes debe mostrarse, puede hacer clic derecho en la expresión de dentro y seleccionar la opción Mostrar/Ocultar corchete abierto/cerrado del menú. Para controlar el tamaño de los Corchetes, puede hacer clic derecho en la expresión de dentro. La opción de Expandir corchetes se selecciona de manera predeterminada para que los corchetes puedan crecer de acuerdo a la expresión dentro de esta, pero usted puede anular esta opción para prevenir que los corchetes se expandan. Cuando esta opción está activada, usted también puede usar la opción Igualar corchetes a la altura del argumento. Para cambiar la posición de los caracteres en relación al texto para corchetes superiores/corchetes inferiores o barras superiores/barras inferiores del grupo Acentos, puede hacer clic derecho en la plantilla y seleccionar la opción Gráfico/Barra por encima/por debajo del texto del menú. Para elegir qué bordes deben mostrarse para una Fórmula en caja del grupo de Acentos, puede hacer clic derecho en la ecuación y seleccionar la opción Propiedades de borde del menú, luego seleccione Ocultar/Mostrar borde superior/inferior/izquierdo/derecho o Añadir/Ocultar línea horizontal/vertical/diagonal. Para especificar si un marcador vacío debe mostrarse o no para una Matriz, puede hacer clic derecho en este y seleccionar la opción Ocultar/Mostrar marcador del menú. Para alinear algunos elementos de la ecuación, también puede usar las opciones del menú contextual: Para alinear ecuaciones dentro de Casos con varias condiciones del grupo de Corchetes, puede hacer clic derecho en una ecuación, seleccionar la opción Alineamiento del menú, luego seleccionar el tipo de alineamiento: Superior, Centro o Inferior. Para alinear una Matriz verticalmente, puede hacer clic derecho en la matriz, seleccionar la opción de Alineamiento de Matriz del menú, luego seleccionar el tipo de alineamiento: Superior, Centro o Inferior. Para alinear elementos dentro de una columna de Matriz horizontalmente, puede hacer clic derecho en un marcador dentro de la columna, seleccionar la opción de Alineamiento de Columna del menú, y luego seleccionar el tipo de alineamiento: Izquierdo , Centro o Derecho . Elimine elementos de ecuación Para eliminar un parte de la ecuación, seleccione la parte que quiere eliminar arrastrando el ratón o manteniendo la tecla Shift y usando los botones de flechas, luego presiona la tecla Eliminar en el teclado. Un hueco solo se puede eliminar junto con la plantilla a la que pertenece. Para eliminar la ecuación por completo, haga clic en el borde del cuadro de la ecuación (se mostrará como una línea sólida) y presione la tecla Eliminar del teclado.Para eliminar algunos elementos de la ecuación, también puede usar las opciones del menú contextual: Para eliminar un Radical, puede hacer clic derecho en este y seleccionar la opción Eliminar radical del menú. Para eliminar un Sub-índice y/o Super-índice, puede hacer clic derecho en la expresión que lo contiene y seleccionar la opción de Eliminar su-índice/super-índice del menú. Si la expresión contiene scripts que van antes que el texto, la opción de Eliminar scripts está disponible. Para eliminar Corchetes, puede hacer clic derecho en la expresión dentro de esta y luego seleccionar la opción Eliminar caracteres adjuntos o Eliminar caracteres y separadores adjuntos del menú. Si la expresión de dentro de los Corchetes incluye más de un argumento, puede hacer clic derecho en el argumento que quiere eliminar y seleccionar la opción Eliminar argumento del menú. Si los Corchetes incluyen más de una ecuación (es decir Casos con varias condiciones), puede hacer clic derecho en la ecuación que quiere eliminar y seleccionar la opción Eliminar ecuación del menú. Para eliminar un Límite, puede hacer clic derecho en este y seleccionar la opción Eliminar radical del menú. Para eliminar un Acento, puede hacer clic derecho en este y seleccionar la opción Eliminar carácter de acento, Eliminar gráfico o Eliminar barra del menú (las opciones disponibles difieren del acento seleccionado). Para eliminar una fila o columna de una Matriz, puede hacer clic derecho en el marcador dentro de la fila/columna que necesita eliminar, seleccionar la opción Eliminar del menú, y luego seleccionar Eliminar Fila/Columna."
+    },
+   {
+        "id": "UsageInstructions/InsertImages.htm", 
+        "title": "Inserte y ajuste imágenes", 
+        "body": "Inserte una imagen En el editor de presentaciones, usted puede insertar las imágenes en su presentación con los formatos más populares. Los siguientes formatos de imágenes son compatibles: BMP, GIF, JPEG, JPG, PNG. Para añadir una imagen a una diapositiva, en la lista de diapositivas a la izquierda, seleccione la diapositiva a la que usted quiere añadir una imagen, haga clic en el icono Imagen en la pestaña de Inicio o Insertar en la barra de herramientas superior, seleccione una de las opciones siguientes para cargar la imagen: la opción Imagen desde archivo abrirá la ventana de diálogo Windows para la selección de archivo. Navegue el disco duro de su ordenador para encontrar un archivo correspondiente y haga clic en el botón Abrir la opción Imagen desde URL abrirá la ventana donde usted puede introducir la dirección web de la imagen correspondiente; después haga clic en el botón OK una vez que la imagen esté añadida, usted puede cambiar su tamaño y posición. Ajustes de imagenAl hacer clic izquierdo en una imagen y elegir el icono Ajustes de imagen a la derecha, la barra derecha lateral se activa. Esta incluye las siguientes secciones: Tamaño - se usa para ver el Ancho y Altura de la imagen actual o para restaurar el tamaño predeterminado si es necesario. Reemplazar imagen - se usa para cargar otra imagen en vez de la actual seleccionando la fuente deseada. Usted puede seleccionar una de las siguientes opciones: De archivo o De URL. Para cambiar los ajustes avanzados de la imagen, haga clic con el botón derecho en la imagen y seleccione la opción Ajustes avanzados de imagen en el menú contextual o haga clic izquierdo sobre la imagen y pulse el enlace Mostrar ajustes avanzados en la barra lateral de la derecha. Se abrirá la ventana con propiedades de la imagen: La pestaña Posición le permite ajustar las siguientes propiedades de imagen: Tamaño - use esta opción para cambiar el ancho/altura de la imagen. Si hace clic en el botón proporciones constantes (en este caso estará así ), el ancho y altura se cambiarán manteniendo la relación de aspecto original de la imagen. Para recuperar el tamaño predeterminado de la imagen añadida, haga clic en el botón Tamaño Predeterminado. Posición - use esta opción para cambiar la posición de imagen en la diapositiva (la posición se calcula respecto a las partes superior e izquierda de la diapositiva). La pestaña de Texto Alternativo permite especificar un Título y Descripción que se leerá a las personas con deficiencias de visión o cognitivas para ayudarles a entender mejor la información que hay en la imagen. Para borrar la imagen que se añadido, haga clic izquierdo sobre la imagen y pulse la tecla Delete en el teclado. Para saber como alinear una imagen en la diapositiva u organizar varias imágenes, consulte la sección Alinee y organice objetos en una diapositiva."
+    },
+   {
+        "id": "UsageInstructions/InsertTables.htm", 
+        "title": "Inserte tablas y deles formato", 
+        "body": "Inserte una tabla Para insertar una tabla en una diapositiva, seleccione la diapositiva donde usted quiere añadir una tabla, cambie a la pestaña Insertar en la barra de herramientas superior, Haga clic en el icono Tabla en la barra de herramientas superior, seleccione la opción para crear una tabla: o una tabla con un número de celdas predefinido (máximo de 10 por 8 celdas) Si usted quiere añadir una tabla de forma rápida, seleccione el número de filas (8 máximo) y columnas (10 máximo). o una tabla personalizada Si usted necesita una tabla de más de 10 por 8 celdas, seleccione la opción Insertar tabla personalizada y se abrirá la ventana donde usted puede introducir el número necesario de filas y columnas, después pulse el botón OK. una vez que la tabla se ha añadido, usted puede cambiar sus parámetros y posición. Usted puede especificar posición de tabla arrastrándola verticalmente o horizontalmente. Ajustes de tablasEs posible cambiar la mayoría de las propiedades de la tabla y también su estructura usando la derecha barra lateral. Para activarla haga clic en la tabla y elija el icono Ajustes de tabla a la derecha. Las secciones Filas y Columnas en la parte superior le permiten seleccionar ciertas filas/columnas aplicando algún formato a ellas, o rellenar filas/columnas con los colores de fondo distintos para poder distinguirlas de forma clara. Las siguientes opciones están disponibles: Encabezado - resalta la fila superior de la tabla dándole un formato especial. Total - resalta la fila inferior de la tabla dándole un formato especial. Con bandas - activa el color de fondo para las filas impares y pares. Primero - resalta la columna del extremo izquierdo de la tabla dándole un formato especial. Último - resalta la columna del extremo derecho de la tabla dándole un formato especial. Con bandas - activa el color de fondo para las columnas pares y impares. La sección Seleccionar de plantilla le permite elegir uno de los estilos de tablas predefinidos. Cada plantilla combina ciertos parámetros de formato, como color de fondo, estilo de bordes, bandas de fila/columna etc. El conjunto de plantillas varía dependiendo de las opciones marcadas en la secciones Filas y/o Columnas. Por ejemplo, si marca la opción Encabezado en la sección Filas y la opción Con bandas en la sección Columnas, en la lista solo habrá plantillas que coincidan con su solicitud: La sección Estilo de bordes le permite cambiar el formato aplicado que corresponde a la plantilla seleccionada. Usted puede seleccionar toda la tabla o varias celdas para cambiar el formato y establecer todos los parámetros manualmente. Parámetros de Borde - establezca el ancho del borde usando la lista (o elija la opción Sin bordes), seleccione el Color en las paletas disponibles y determine la forma en la que quiere aplicar este ajuste para mostrarlos en celdas pulsando los iconos: Nota: si usted decide que no quiere que se muestren los bordes de la tabla, elija una plantilla apropiada, o seleccione la opción Sin bordes, o pulse el icono , pero los bordes se indicarán con una línea punteada en la diapositiva. Color de fondo - seleccione el color de fondo dentro de las celdas seleccionadas. La sección Filas y columnas le permite realizar las operaciones siguientes: Seleccionar una fila, columna, celda (depende de la posición del cursor), o toda la tabla. Insertar una nueva fila arriba o debajo de la fila seleccionada y también una nueva columna a la izquierda o a la derecha de la columna seleccionada. Borrar una fila, columna (depende de la posición del cursor o de la selección), o toda la tabla. Unir celdas - para unir las celdas seleccionadas en una sola celda. Dividir celda... - para dividir la celda seleccionada previamente en un número de filas y columnas concreto. Esta opción abra la ventana siguiente: Introduzca el Número de columnas y Número de filas en los que la celda seleccionada debe separarse y pulse el botón OK. Nota: las opciones de la sección Filas y columnas también están disponibles en el menú contextual. Para cambiar los ajustes avanzados de la tabla, haga clic sobre la tabla con el botón derecho del ratón y seleccione la opción Ajustes avanzados de tabla en el menú contextual o haga clic en el enlace Mostrar ajustes avanzados en la barra lateral derecha. Se abrirá la ventana con los parámetros de la tabla: La pestaña Márgenes le permite ajustar el espacio entre el texto dentro de las celdas y el borde de la celda: introduzca los valores de Márgenes de celda manualmente, o marque la casilla Usar márgenes predeterminados para aplicar los valores predeterminados (si es necesario, los valores predeterminados también pueden ajustarse). La pestaña de Texto Alternativo permite especificar un Título y Descripción que se leerá a las personas con deficiencias de visión o cognitivas para ayudarles a entender mejor la información que hay en la tabla. Para dar un formato al texto introducido dentro de las celdas de la tabla, usted puede usar los iconos en la pestaña de Inicio en la barra de herramientas superior. El menú contextual, que aparece cuando usted hace clic sobre la tabla con el botón derecho del ratón, proporciona dos opciones adicionales: Alineación vertical de celda - le permite establecer el tipo preferido de alineación vertical de texto en las celdas seleccionadas: Alinear en la parte superior, Alinear al centro, o Alinear en la parte inferior. Hiperenlace - le permite insertar un hiperenlace en la celda seleccionada."
+    },
+   {
+        "id": "UsageInstructions/InsertText.htm", 
+        "title": "Inserte su texto y dele formato", 
+        "body": "Inserte su texto Usted puede a&ntilde;adir un texto nuevo de dos modos: A&ntilde;ada un pasaje de texto al marcador de texto correspondiente provisto en el dise&ntilde;o de diapositiva. Para hecerlo coloque el cursor en el marcador de texto y introduzca su texto o p&eacute;guelo usando la combinaci&oacute;n de las teclas Ctrl+V en lugar del texto predeterminado. A&ntilde;ada un pasaje de texto al cualquier lugar de una diapositiva. You can insert a text box (a rectangular frame that allows to enter text within it) or a Text Art object (a text box with a predefined font style and color that allows to apply some text effects). Depending on the necessary text object type you can do the following: to add a text box, click the Text Box icon at the Home or Insert tab of the top toolbar, then click where you want to insert the text box, hold the mouse button and drag the text box border to specify its size. When you release the mouse button, the insertion point will appear in the added text box, allowing you to enter your text.Note: it&apos;s also possible to insert a text box by clicking the Shape icon at the top toolbar and selecting the shape from the Basic Shapes group.  to add a Text Art object, click the Text Art icon at the Insert tab of the top toolbar, then click on the desired style template &ndash; the Text Art object will be added in the center of the slide. Select the default text within the text box with the mouse and replace it with your own text.  Add a text passage within an autoshape. Select a shape and start typing your text. Click outside of the text object to apply the changes and return to the slide. El texto introducido de tal modo forma la parte del autoforma (cuando usted mueva o gira el autoforma, el texto realiza las mismas acciones). As an inserted text object represents a rectangular frame (it has invisible text box borders by default) with text in it and this frame is a common autoshape, you can change both the shape and text properties. To delete the added text object, click on the text box border and press the Delete key on the keyboard. The text within the text box will also be deleted. Format a text box Select the text box clicking on its border to be able to change its properties. When the text box is selected, its borders are displayed as solid (not dashed) lines. to resize, move, rotate the text box use the special handles on the edges of the shape. to edit the text box fill, stroke, replace the rectangular box with a different shape, or access the shape advanced settings, click the Shape settings icon on the right sidebar and use the corresponding options. to align a text box on the slide or arrange text boxes as related to other objects, right-click on the text box border and use the contextual menu options. to create columns of text within the text box, right-click on the text box border, click the Shape Advanced Settings option and switch to the Columns tab in the Shape - Advanced Settings window. Alinee su texto en el bloque de texto Click the text within the text box to be able to change its properties. When the text is selected, the text box borders are displayed as dashed lines. Note: it&apos;s also possible to change text formatting when the text box (not the text itself) is selected. In such a case, any changes will be applied to all the text within the text box. Some font formatting options (font type, size, color and decoration styles) can be applied to a previously selected portion of the text separately. Alinee su texto en el bloque de texto Se puede alinear el texto horizontalmente de cuatro modos: a la izquierda, a la derecha, al centro o justificado. Para hacerlo: coloque el cursor en la posici&oacute;n donde usted quiere aplicar alineaci&oacute;n (puede ser una l&iacute;nea nueva o el texto ya introducido), drop-down the Horizontal align list at the Home tab of the top toolbar, seleccione el tipo de alineaci&oacute;n que usted desea aplicar: la opci&oacute;n Alinear texto a la izquierda le permite alinear su texto por la parte izquierda del bloque de texto (la parte derecha permanece sin alineaci&oacute;n). la opci&oacute;n Centrar texto le permite alinear su texto por el centro del bloque de texto (las partes derecha e izquierda permanecen sin alineaci&oacute;n). la opci&oacute;n Alinear texto a la derecha le permite alinear su texto por la parte derecha del bloque de texto (la parte izquierda permanece sin alineaci&oacute;n). la opci&oacute;n Justificar le permite alinear su texto por las dos partes derecha e izquierda del bloque de texto (el espacio adicional se a&ntilde;ade donde es necesario para mantener la alineaci&oacute;n). Se puede alinear el texto verticalmente de tres modos: en la parte superior, al medio o en la parte inferior. Para hacerlo: coloque el cursor en la posici&oacute;n donde usted quiere aplicar alineaci&oacute;n (puede ser una l&iacute;nea nueva o el texto ya introducido), drop-down the Vertical align list at the Home tab of the top toolbar, seleccione el tipo de alineaci&oacute;n que usted desea aplicar: la opci&oacute;n Alinear texto en la parte superior le permite alinear su texto por la parte superior del bloque de texto. la opci&oacute;n Alinear texto al medio le permite alinear su texto por el centro del bloque de texto. la opci&oacute;n Alinear texto en la parte inferior le permite alinear su texto por la parte inferior del bloque de texto. Change the text direction To Rotate the text within the text box, right-click the text, select the Text Direction option and then choose one of the available options: Horizontal (is selected by default), Rotate at 90° (sets a vertical direction, from top to bottom) or Rotate at 270° (sets a vertical direction, from bottom to top). Ajuste el tipo de letra, su tama&ntilde;o, color y aplique los estilos de decoraci&oacute;n Usted puede seleccionar el tipo de letra, su tama&ntilde;o, color y tambi&eacute;n aplicar estilos de letra diferentes usando los iconos correspondientes situados en la barra de herramientas superior. Nota: si usted quiere aplicar el formato al texto que ya existe en la presentaci&oacute;n, selecci&oacute;nelo con el rat&oacute;n o usando el teclado y aplique el formato necesario. Font Se usa para elegir una letra en la lista de letras disponibles. Tama&ntilde;o de letra Se usa para elegir un tama&ntilde;o de la letra en el men&uacute; desplegable, tambi&eacute;n se puede introducirlo a mano en el campo de tama&ntilde;o de letra. Color de letra Se usa para cambiar el color de letras/caracteres del texto. Para seleccionar el color pulse la flecha hacia abajo al lado del icono. Negrita Pone la letra en negrita d&aacute;ndole m&aacute;s peso. Cursiva Pone la letra en cursiva d&aacute;ndole el plano inclinado a la derecha. Subrayado Subraya un fragmento del texto seleccionado. Tachado Se usa para tachar el fragmento del texto seleccionado con una l&iacute;nea que va a trav&eacute;s de las letras. Sub&iacute;ndice Se usa para poner el fragmento del texto seleccionado en letras peque&ntilde;as y meterlo en la parte baja de la l&iacute;nea del texto, por ejemplo como en f&oacute;rmulas qu&iacute;micas. Sobre&iacute;ndice Se usa para poner el fragmento del texto seleccionado en letras peque&ntilde;as y meterlo en la parte superior de la l&iacute;nea del texto, por ejemplo como en fracciones. Establezca espaciado de l&iacute;nea y cambie sangr&iacute;as de p&aacute;rrafo En el editor de presentaciones, usted puede establecer la altura de l&iacute;nea para las l&iacute;neas de texto dentro de un p&aacute;rrafo y tambi&eacute;n margenes entre el p&aacute;rrafo corriente y precedente o el p&aacute;rrafo posterior. Para hacerlo, coloque el cursor sobre el p&aacute;rrafo necesario, o seleccione unos p&aacute;rrafos con el rat&oacute;n, use los campos correspondientes de la pesta&ntilde;a Ajustes de texto en la derecha barra lateral para alcanzar los resultados deseados: Espaciado de l&iacute;nea - establece la altura de l&iacute;nea para las l&iacute;neas de texto dentro de un p&aacute;rrafo. Usted puede alternar entre tres opciones: por lo menos (establece el espaciado de l&iacute;nea m&iacute;nimo para que la letra m&aacute;s grande o cualquiera gr&aacute;fica pueda encajar en una l&iacute;nea), m&uacute;ltiple (establece el espaciado de l&iacute;nea que puede ser expresado en n&uacute;meros mayores que 1), exacto (establece el espaciado de l&iacute;nea fijo). Usted puede especificar el valor necesario en el campo correspondiente. Paragraph Spacing - set the amount of space between paragraphs. Antes - establece la cantidad de espacio antes de p&aacute;rrafo. Despu&eacute;s - establece la cantidad de espacio despu&eacute;s de p&aacute;rrafo.  Para cambiar espaciado de l&iacute;nea actual r&aacute;pidamente, usted tambi&eacute;n puede usar el icono Espaciado de l&iacute;nea en la barra de herramientas superior eligiendo el valor necesario en la lista: 1.0, 1.15, 1.5, 2.0, 2.5, o 3.0 l&iacute;neas. Para cambiar desplazamiento contra la parte derecha del bloque de texto, coloque el cursor encima del p&aacute;rrafo necesario, o seleccione unos p&aacute;rrafos con el rat&oacute;n y use los iconos correspondientes en la barra de herramientas superior: Reducir sangr&iacute;a y Aumentar sangr&iacute;a . Usted tambi&eacute;n puede cambiar los ajustes avanzados del p&aacute;rrafo. Coloque cursor en el p&aacute;rrafo necesario - se activar&aacute; la pesta&ntilde;a Ajustes de texto en la barra derecha lateral. Pulse el enlace Mostrar ajustes avanzados. Se abrir&aacute; la ventana de propiedades:La pesta&ntilde;a Sangr&iacute;as y disposici&oacute;n permite cambiar el offset del margen interno izquierdo de un bloque de texto y tambi&eacute;n el offset del p&aacute;rrafo de los m&aacute;rgenes internos izquierdo y derecho de un bloque de texto. Usted tambi&eacute;n puede usar la regla horizontal para establecer sangr&iacute;as.Seleccione los p&aacute;rrafos necesarios y arrastre los marcadores de sangr&iacute;a a lo largo de la regla. El marcador de sangr&iacute;a de primera l&iacute;nea se usa para poner el offset desde el margen interno izquierdo del bloque de texto para la primera l&iacute;nea de un p&aacute;rrafo. El marcador de sangr&iacute;a francesa se usa para poner el offset desde el margen interno izquierdo del bloque de texto para la l&iacute;nea segunda y l&iacute;neas posteriores l&iacute;neas de un p&aacute;rrafo. El marcador de sangr&iacute;a derecha e usa para poner el offset de un p&aacute;rrafo desde el margen interno izquierdo del bloque de texto. El marcador de sangr&iacute;a derecha e usa para poner el offset de un p&aacute;rrafo desde el margen interno izquierdo del bloque de texto. Note: if you don&apos;t see the rulers, switch to the Home tab of the top toolbar, click the View settings icon at the upper right corner and uncheck the Hide Rulers option to display them.La pesta&ntilde;a Letra contiene los par&aacute;metros siguientes: Tachado - se usa para tachar el texto con una l&iacute;nea que va por el centro de las letras. Doble tachado - se usa para tachar el texto con dos l&iacute;neas que van por el centro de las letras. Sobre&iacute;ndice - se usa para poner el texto en letras peque&ntilde;as y meterlo en la parte superior del texto, por ejemplo como en fracciones. Sub&iacute;ndice - se usa para poner el texto en letras peque&ntilde;as y meterlo en la parte baja de la l&iacute;nea del texto, por ejemplo como en formulas qu&iacute;micas. May&uacute;sculas peque&ntilde;as - se usa para poner todas las letras en min&uacute;sculas. May&uacute;sculas - se usa para poner todas las letras en may&uacute;sculas. Espaciado entre caracteres - se usa para establecer un espaciado entre caracteres. La pesta&ntilde;a Tab permite cambiar tabulaciones, a saber, la posici&oacute;n que avanza el cursor al pulsar la tecla Tab en el teclado. Posici&oacute;n de tab - se usa para establecer los tabuladores personalizados. Introduzca el valor necesario en este campo, aj&uacute;stelo m&aacute;s precisamente usando los botones de flechas y pulse el bot&oacute;n Especificar. Su posici&oacute;n de tab personalizada se a&ntilde;adir&aacute; a la lista en el campo debajo. Predeterminado se fij&oacute; a 1.25 cm. Usted puede aumentar o disminuir este valor usando los botones de flechas o introducir el bot&oacute;n necesario en el campo. Alineaci&oacute;n - se usa para establecer el tipo de alineaci&oacute;n necesario para cada posici&oacute;n de tab en la lista de arriba. Seleccione la posici&oacute;n de tab necesaria en la lista, elija la opci&oacute;n Izquierdo, Al centro o Derecho y pulse el bot&oacute;n Especificar. Izquierdo - alinea su texto por la parte izquierda en la posici&oacute;n de tabulador; el texto mueve a la derecha del tabulador cuando usted escribe. El tabulador se indicar&aacute; en el control deslizante horizontal con el marcador . Al centro - centra el texto en la posici&oacute;n de tabulador. El tabulador se indicar&aacute; en el control deslizante horizontal con el marcador . Derecho - alinea su texto por la parte derecha en la posici&oacute;n de tabulador; el texto mueve a la izquierda del tabulador cuando usted escribe. El tabulador se indicar&aacute; en el control deslizante horizontal con el marcador . Para borrar los tabuladores de la lista, seleccione el tabulador y pulse el bot&oacute;n Eliminar o Eliminar todo. Para fijar los tabuladores, usted puede utilizar la regla horizontal: Seleccione un tipo de tabulador pulsando el bot&oacute;n en la esquina izquierda superior del &aacute;rea de trabajo para elegir el tipo de tabulador necesario: Izquierdo , Centro , Derecho . Haga clic en el borde inferior de la regla donde usted quiere colocar el tabulador. Arr&aacute;strelo a lo largo de la regla para cambiar su posici&oacute;n. Para eliminar el tabulador a&ntilde;adido arr&aacute;strelo fuera de la regla. Note: if you don&apos;t see the rulers, switch to the Home tab of the top toolbar, click the View settings icon at the upper right corner and uncheck the Hide Rulers option to display them. Edit a Text Art style Select a text object and click the Text Art settings icon on the right sidebar. Change the applied text style selecting a new Template from the gallery. You can also change the basic style additionally by selecting a different font type, size etc. Change the font fill and stroke. The available options are the same as the ones for autoshapes. Apply a text effect by selecting the necessary text transformation type from the Transform gallery. You can adjust the degree of the text distortion by dragging the pink diamond-shaped handle."
+    },
+   {
+        "id": "UsageInstructions/ManageSlides.htm", 
+        "title": "Gestione diapositivas", 
+        "body": "De manera predeterminada, una presentación nueva tiene una diapositiva en blanco con una Diapositiva de Título. Puede crear diapositivas nuevas, copiar una diapositiva y pegarla en otra posición de la lista de diapositivas, duplicar diapositivas, mover diapositivas para cambiar su orden en la lista en diapositivas, eliminar diapositivas innecesarias, marcar algunas diapositivas como ocultas. Para crear una diapositiva nueva de Título y Contenido: haga clic en el icono Añadir Diapositiva en la pestaña de Inicio o Insertar en la barra de herramientas superior, o haga clic con el botón derecho sobre cualquier diapositiva en la lista y seleccione la opción Diapositiva nueva en el menú contextual, o pulse la combinación de teclas Ctrl+M. Para crear una diapositiva nueva con diseño distinto: haga clic en la flecha de al lado del icono Añadir Diapositiva en la pestaña de Inicio o Insertar en la barra de herramientas superior, seleccione una diapositiva con el diseño de diapositiva necesario en el menú.Nota: usted puede cambiar el diseño de la diapositiva añadida en cualquier momento. Para obtener información adicional sobre cómo hacerlo lea la sección de Establezca parámetros de diapositiva. Se insertará una nueva diapositiva después de la seleccionada en la lista de diapositivas a la izquierda. Para duplicar una diapositiva: haga clic con el botón derecho sobre la diapositiva necesaria en la lista de las diapositivas existentes a la izquierda, seleccione la opción Duplicar diapositiva en el menú contextual. La diapositiva duplicada se insertará después de la seleccionada en la lista de diapositivas. Para copiar una diapositiva: seleccione la diapositiva que usted tiene que copiar en la lista de las diapositivas existentes a la izquierda, pulse la combinación de las teclas Ctrl+C, en la lista de diapositivas, seleccione la diapositiva la cual la diapositiva copiada debe ir después, pulse la combinación de las teclas Ctrl+V. Para desplazar una diapositiva existente: pulse la diapositiva necesaria en la lista de diapositivas existentes a la izquierda, mantenga apretado el botón del ratón y arrástrela a la posición necesaria de la lista (una línea horizontal indica una posición nueva). Para eliminar una diapositiva innecesaria: haga clic con el botón derecho sobre la diapositiva que usted quiere eliminar en la lista de diapositivas existentes a la izquierda, seleccione la opción Eliminar Diapositiva en el menú contextual. Para marcar una diapositiva como oculta: haga clic con el botón derecho sobre la diapositiva que usted quiere ocultar en la lista de diapositivas existentes a la izquierda, seleccione la opción Ocultar Diapositiva en el menú contextual. El número que corresponde a la diapositiva oculta en la lista de diapositivas a la izquierda se tachará. Para mostrar la diapositiva oculta como una normal en la lista de diapositivas, haga clic de nuevo en la opción Ocultar Diapositiva. Nota: use esta opción si no quiere demostrar varias diapositivas a su público, pero quiere ser capaz de acceder a estas si es necesario. Cuando empieza la presentación en el modo Presentación, puede ver todas las diapositivas existentes en la lista a la izquierda, y los números de las diapositivas ocultas están tachados. Para saltar una diapositiva oculta para que no se muestre cuando muestra la presentación a su público, seleccione de forma manual la siguiente diapositiva en la lista de diapositivas existentes la izquierda. Si quiere mostrar una diapositiva marcada como oculta, haga clic en esta en la lista de diapositivas a la izquierda - la diapositiva aparecerá. Si empieza la presentación en el modo Vista Previa, todas las diapositivas (incluyendo las que se han marcado como ocultas) se mostrarán. Para seleccionar todas las diapositivas existentes a la vez: haga clic con el botón derecho sobre cualquier diapositiva en la lista de diapositivas existentes a la izquierda, seleccione la opción Seleccionar todo en el menú contextual. Para seleccionar varias diapositivas: mantenga apretada la tecla Ctrl, seleccione las diapositivas necesarias en la lista de diapositivas existentes a la izquierda haciendo clic en estas. Nota: todas las combinaciones de teclas que se pueden usar para organizar diapositivas están listadas en la página de Atajo de teclado."
+    },
+   {
+        "id": "UsageInstructions/ManipulateObjects.htm", 
+        "title": "Maneje objetos en una diapositiva", 
+        "body": "Usted puede cambiar el tamaño de objetos diferentes, moverlos, girarlos en una diapositiva de forma manual usando los controladores especiales. Usted también puede especificar de forma exacta las dimensiones y posición de varios objetos usando la barra derecha lateral o la ventana Ajustes avanzados. Cambiar el tamaño de objetos Para cambiar el tamaño de imagen/autoforma/gráfico/cuadro de texto, arrastre los cuadrados pequeños situados en los bordes del objeto. Para mantener las proporciones originales del objeto seleccionado mientras cambia de tamaño/forma, mantenga apretada la tecla Shift y arrastre uno de los iconos de las esquinas. Para especificar el ancho y altura precisos de un gráfico, selecciónelo en una diapositiva y utilice la sección Tamaño en la barra derecha lateral que se activará. Para especificar las dimensiones precisas de una imagen o autoforma, haga clic derecho en el objeto necesario en una diapositiva y seleccione Ajustes avanzados de imagen/forma en el menú. Especifique los valores necesarios en la pestaña Tamaño de la ventana Ajustes avanzados y pulse OK. Cambiar la forma de autoformas Al modificar unas formas, por ejemplo flechas o llamadas, el icono amarillo en forma de rombo está disponible . Le permite ajustar varios aspectos de forma, por ejemplo, la longitud de la punta de flecha. Mover objetos Para cambiar la posición de imagen/gráfico/autoforma/tabla/cuadro de texto, use el icono que aparece si mantiene el cursor de su ratón sobre el objeto. Arrastre el objeto a la posición necesaria sin soltar el botón de ratón. Para desplazar el objeto en incrementos de un píxel, mantenga apretada la tecla Ctrl y use las flechas en el teclado. Para desplazar los objetos horizontal o verticalmente y para que no se muevan en una dirección perpendicular, mantenga la tecla Shift apretada al arrastrar el objeto. Para especificar la posición precisa de una imagen, haga clic en esta con el botón derecho y seleccione la opción Ajustes avanzados de imagen del menú. Especifique los valores necesarios en la sección Posición de la ventana Ajustes avanzados y pulse OK. Girar objetos Para girar autoforma/imagen/cuadros de texto, mantenga el cursor del ratón sobre el controlador de giro y arrástrelo en la dirección de las manecillas de reloj o en el sentido contrario. Para limitar el ángulo de rotación hasta el incremento de 15 grados, mantenga apretada la tecla Shift mientras rota."
+    },
+   {
+        "id": "UsageInstructions/OpenCreateNew.htm", 
+        "title": "Cree una presentación nueva o abra una existente", 
+        "body": "Si el editor de presentaciones está abierto, usted puede abrir una presentación existente recién editada, crear una presentación nueva, o volver a la lista de presentaciones existentes de forma rápida. Para crear una presentación nueva en el editor de presentaciones: haga clic en la pestaña Archivo en la barra de herramientas superior, seleccione la opción Crear nuevo. Para abrir una presentación recién editada en el editor de presentaciones: haga clic en la pestaña Archivo en la barra de herramientas superior, seleccione la opción Abrir reciente, elija la presentación necesaria en la lista de presentaciones recién editadas. Para volver a la lista de documentos existentes, haga clic en el icono Ir a documentos a la derecha del encabezado del editor. De forma alternativa, puede cambiar a la pestaña Archivo en la barra de herramientas superior y seleccionar la opción Ir a Documentos."
+    },
+   {
+        "id": "UsageInstructions/PreviewPresentation.htm", 
+        "title": "Obtenga vista previa de su presentación", 
+        "body": "Empezar la vista previa Para visualizar la presentación que está editando actualmente, puede: hacer clic en el icono Empezar presentación en la pestaña de Inicio en la barra de herramientas superior o en la parte izquierda de la barra de estado, o seleccionar una diapositiva en concreto dentro de la lisa de diapositivas a la izquierda, hacer clic derecho en esta y elegir la opción Empezar presentación en el menú contextual. La vista previa empezará desde la diapositiva elegida. También puede hacer clic en la flecha de al lado del icono Empezar presentación en la pestaña de Inicio en la barra de herramientas superior y seleccionar una de las opciones siguientes: Mostrar desde el principio - para empezar la vista previa desde la primera diapositiva, Mostrar desde la diapositiva seleccionada actualmente - para empezar la vista previa desde la diapositiva seleccionada actualmente, Mostrar vista previa en presentador - para empezar la vista previa en el modo Presentador que permite mostrar la presentación a su público sin notas en las diapositivas mientras visualiza la presentación con las notas de diapositivas en otra pantalla. Mostrar ajustes - para abrir una ventana de ajustes que permite elegir una sola opción: Repite continuamente hasta que se presiona la tecla ‘Esc’. Valide esta opción si es necesario y haga clic en OK. Si valida esta opción, la presentación se mostrará hasta que presione la tecla de Escape en el teclado, por ejemplo, cuando llegue a la última diapositiva de la presentación, será capaz de volver a la primera diapositiva etc. Si esta opción está desactivada, una vez que llegue a la última diapositiva de la presentación, una pantalla negra aparecerá informando que la presentación se ha acabado y que puede salir de la Vista previa Usar el modo de vista previa En el modo Vista previa, puede usar los siguientes controles en la esquina inferior izquierda. el botón de Diapositiva anterior permite volver a la diapositiva anterior. el botón Pausar presentación permite parar la vista previa. Cuando presiona el botón, se convierte en el botón . el botón Empezar presentación permite volver a la vista previa. Cuando presiona el botón, se convierte en el botón . el botón de Diapositiva siguiente le permite ir a la siguiente diapositiva. el indicador del número de diapositiva muestra el número de diapositiva actual así como el número total de diapositivas en la presentación. Para pasar a una cierta diapositiva en el modo de vista previa, pulse el Indicador del número de diapositiva e introduzca el número de diapositiva correspondiente en la ventana abierta y presione Enter. el botón Pantalla completa le permite cambiar al modo de pantalla completa. el botón Salir de la pantalla completa le permite salir del modo de pantalla completa. el botón de Cerrar presentación le permite salir del modo de vista previa. También puede usar los atajos de teclado para navegar entre diapositivas en el modo de vista previa. Usar el modo presentador En el modo Presentador, puede ver sus presentaciones con notas de diapositivas en una ventana separada, mientras la muestra sin notas en una pantalla diferente. Las notas para cada diapositiva se muestran debajo del área de vista previa de diapositivas. Para navegar entre diapositivas puede usar los botones y o hacer clic en las diapositivas en la lista de la izquierda. Los números ocultos de las diapositivas están tachados en la lista de diapositivas de la izquierda. Para saltar una diapositiva oculta para que no se muestre cuando muestra la presentación a su público, seleccione de forma manual la siguiente diapositiva en la lista de diapositivas existentes la izquierda. Si quiere mostrar una diapositiva marcada como oculta, haga clic en esta en la lista de diapositivas a la izquierda - la diapositiva aparecerá. Puede usar los controles siguientes en la parte inferior del área de vista previa de las diapositivas: El Temporizador muestra el tiempo transcurrido de la presentación en el formato hh.mm.ss. el botón Pausar presentación permite parar la vista previa. Cuando presiona el botón, se convierte en el botón . el botón Empezar presentación permite volver a la vista previa. Cuando presiona el botón, se convierte en el botón . el botón Reiniciar permite reiniciar el tiempo transcurrido de la presentación. el botón de Diapositiva anterior permite volver a la diapositiva anterior. el botón de Diapositiva siguiente le permite ir a la siguiente diapositiva. el indicador del número de diapositiva muestra el número de diapositiva actual así como el número total de diapositivas en la presentación. el botón Puntero le permite destacar elementos en la pantalla mientras está mostrando la presentación. Cuando está opción está desactivada, el botón se muestra así: . Para señalar elementos ponga el cursor del ratón encima del área de la vista previa de la diapositiva y mueva el puntero alrededor de la diapositiva. El puntero estará así: . Para desactivar esta opción haga clic en el botón de nuevo. el botón Finalizar presentación le permite salir del modo Presentador."
+    },
+   {
+        "id": "UsageInstructions/SavePrintDownload.htm", 
+        "title": "Guarde/imprima/descargue su presentación", 
+        "body": "Cuando usted trabaja en su presentación, el editor de presentaciones guarda su archivo cada 2 segundos automáticamente preveniendo la pérdida de datos en caso de un cierre inesperado del programa. Si está editando el archivo con varias personas a la vez en el modo Rápido, el temporizador requiere actualizaciones 25 veces por segundo y guarda los cambios si estos se han producido. Si el archivo se está editando por varias personas a la vez en el modo Estricto, los cambios se guardan de forma automática cada 10 minutos. Si lo necesita, puede de forma fácil seleccionar el modo de co-edición preferido o desactivar la función Autoguardado en la página Ajustes avanzados. Para guardar su presentación actual de forma manual, pulse el icono Guardar en la barra de herramientas superior, o use la combinación de las teclas Ctrl+S, o haga clic en la pestaña Archivo en la barra de herramientas superior y seleccione la opción Guardar. Para imprimir la presentación actual, haga clic en el icono Imprimir en la barra de herramientas superior, o use la combinación de las teclas Ctrl+P, o haga clic en la pestaña Archivo en la barra de herramientas superior y seleccione la opción Imprimir. Después el archivo PDF se generará basándose en la presentación editada. Usted puede abrirlo e imprimirlo, o guardarlo en el disco duro de su ordenador o en un medio extraíble para imprimirlo más tarde. Para descargar la presentación al disco duro de su ordenador, haga clic en la pestaña Archivo en la barra de herramientas superior, seleccione la opción Descargar como, elija uno de los siguientes formatos disponibles dependiendo en sus necesidades: PDF, PPTX o ODP."
+    },
+   {
+        "id": "UsageInstructions/SetSlideParameters.htm", 
+        "title": "Establezca parámetros de diapositiva", 
+        "body": "Para personalizar su presentación, usted puede seleccionar un tema, la combinación de colores y el tamaño de la diapositiva para toda la presentación, también puede cambiar el relleno del fondo o el diseño de cada diapositiva de forma separada, e introducir transiciones entre diapositivas. También es posible añadir notas explicativas a cada diapositiva que puedan ser de ayuda cuando muestra la presentación en el modo Presentar. La opción Temas le permite a usted cambiar el diseño de presentación de manera rápida, el fondo de la diapositiva, los tipos de letra predefinidos para textos y títulos y la combinación de colores que se usa para elementos de la presentación. Para seleccionar un tema para la presentación, haga clic en el tema preestablecido en la galería de temas en la parte derecha de la barra de herramientas superior en la pestaña de Inicio. El tema seleccionado se aplicará a todas las diapositivas si usted no selecciona de ante mano varias diapositivas a las que aplicar el tema. Para cambiar el tema seleccionado para una o más diapositivas, puede hacer clic derecho en las diapositivas seleccionadas en la lista a la izquierda (o haga clic derecho en el área de edición), seleccione la opción Cambiar Tema del menú contextual y elija el tema necesario. Combinación de colores afecta los colores predefinidos usados para los elementos de la presentación (tipo de letra, líneas, rellenos etc.) y le permite mantener la consistencia de colores en la presentación. Para cambiar una combinación de colores, pulse el icono Cambiar combinación de colores en la pestaña de Inicio en la barra de herramientas superior y seleccione una combinación de colores necesaria en la lista desplegable. La combinación seleccionada se aplicará a todas las diapositivas. Para cambiar el tamaño de diapositiva y aplicar este cambio a todas las diapositivas de la presentación, haga clic en el icono Seleccionar tamaño de diapositiva en la pestaña de Inicio en la barra de herramientas superior y seleccione la opción necesaria en la lista desplegable. Usted puede seleccionar: una de las variantes predeterminadas de acceso rápido - Estándar (4:3) o Panorámico (16:9), la opción Ajustes avanzados que abre la ventana Ajustes de tamaño de diapositiva donde usted puede seleccionar una variante predeterminada o establecer el tamaño personalizado especificando los valores de Ancho y Altura deseados. Las variantes disponibles son: Estándar (4:3), Panorámico (16:9), Panorámico (16:10), Letter Paper (8.5x11 in), Ledger Paper (11x17 in), Hoja A3 (297x420 mm), Hoja A4 (210x297 mm), Hoja B4 (ICO) (250x353 mm), Hoja B5 (ICO) (176x250 mm), Diapositivas 35 mm, Transparencia, Banner. el menú de Orientación de Diapositiva le permite cambiar el tipo de orientación seleccionado en ese momento. El tipo de orientación predeterminado es Vertical pero usted puede cambiarlo a Horizontal. Para cambiar un relleno de fondo: en la lista de diapositivas a la izquierda, seleccione las diapositivas a las que usted quiere aplicar un relleno. O haga clic sobre el espacio en blanco en el área de edición de diapositiva para cambiar el tipo de relleno de esta diapositiva. en la pestaña Ajustes de diapositiva en la barra lateral de la derecha, seleccione la opción necesaria: Color de relleno - seleccione esta opción para especificar el color que usted quiere aplicar a las diapositivas seleccionadas. Relleno degradado - seleccione esta opción para aplicar dos colores a su diapositiva, los cuales cambian de uno a otro de forma suave. Imagen o textura - seleccione esta opción para usar una imagen o textura predefinida como el fondo de la diapositiva. Patrón - seleccione esta opción para aplicar a su diapositiva un diseño de dos colores que está compuesto de elementos repetidos. Sin relleno - seleccione esta opción si no desea usar ningún relleno. Para obtener información detallada sobre estas opciones, por favor, consulte la sección Rellene objetos y seleccione colores. Las transiciones le ayudan a hacer su presentación más dinámica y mantener la atención de su público. Para aplicar una transición: en la lista de diapositivas a la izquierda, seleccione las diapositivas a las que usted quiere aplicar la transición, elija una transición en la lista desplegable Efecto de la pestaña Ajustes de diapositiva,Nota: para abrir la pestaña Ajustes de diapositiva, puede hacer clic en el icono Ajustes de diapositiva a la derecha o hacer clic derecho en la diapositiva en el área de editar diapositivas y seleccionar la opción Ajustes de diapositiva del menú contextual. ajuste las propiedades de transición: elija variante, duración de transición, y el modo de avanzar diapositivas, Haga clic en el botón Aplicar a todas diapositivas si usted quiere aplicar la misma transición a todas las diapositivas de la presentación.Para obtener información más detallada sobre estas opciones consulte la sección Aplique la transición. Para cambiar el diseño de diapositiva: en la lista de diapositivas a la izquierda, seleccione las diapositivas a las que quiere aplicar un nuevo diseño, haga clic en el icono Cambiar diseño de diapositiva en la pestaña de Inicio en la barra de herramientas superior, seleccione el diseño necesario del menú.De forma alternativa, haga clic con el botón derecho sobre la diapositiva necesaria a la izquierda en el área de edición, luego seleccione la opción Cambiar diseño en el menú contextual y elija el diseño correspondiente. Nota: los siguientes diseños están disponibles: Título, Título y objeto, Encabezado de sección, Dos objetos,Dos textos y dos objetos, Solo título, En blanco, Título, objeto y leyenda, Imagen y leyenda, Texto vertical, Título vertical y texto. Para añadir notas a una diapositiva: en la lista de diapositivas a la izquierda, seleccione la diapositiva a la que usted quiere añadir una nota, haga clic en la captura haga clic para añadir notas debajo del área de edición de la diapositiva, escriba el texto de su nota.Nota: puede formatear el texto usando los iconos en la pestaña de Inicio en la barra de herramientas superior.  Cuando empieza la presentación de diapositivas en el modo Presentación, será capaz de ver todas las notas de diapositivas en el área de visualización de diapositivas."
+    },
+   {
+        "id": "UsageInstructions/ViewPresentationInfo.htm", 
+        "title": "Vea información sobre la presentación", 
+        "body": "Para acceder a la información detallada sobre la presentación actualmente editada, haga clic en la pestaña Archivo en la barra izquierda lateral y seleccione la opción Información sobre presentación. Información General La información sobe la presentación incluye la presentación del título, autor, localización y fecha de creación. Nota: Los Editores en Línea le permiten cambiar el título de presentación directamente desde el interfaz del editor. Para realizar esto, haga clic en la pestaña Archivo en la barra de herramientas superior y seleccione la opción Cambiar de nombre..., luego introduzca el Nombre de archivo correspondiente en una ventana nueva que se abre y haga clic en OK. Información de Permiso Nota: esta opción no está disponible para usuarios con los permisos de Solo Lectura. Para descubrir quién tiene derechos de vista o edición en la presentación, seleccione la opción Derechos de Acceso... En la barra lateral izquierda. También puede cambiar los derechos de acceso seleccionados actualmente si presiona el botón Cambiar derechos de acceso en la sección Personas que tienen derechos. Para cerrar el panel de Archivo y volver a la edición de la presentación, seleccione la opción Cerrar Menú."
+    }
+]
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/search/js/jquery.min.js b/apps/presentationeditor/main/resources/help/es/search/js/jquery.min.js
new file mode 100644
index 000000000..9a85bd346
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/search/js/jquery.min.js
@@ -0,0 +1,6 @@
+/*! jQuery v2.0.3 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
+//@ sourceMappingURL=jquery.min.map
+*/
+(function(e,undefined){var t,n,r=typeof undefined,i=e.location,o=e.document,s=o.documentElement,a=e.jQuery,u=e.$,l={},c=[],p="2.0.3",f=c.concat,h=c.push,d=c.slice,g=c.indexOf,m=l.toString,y=l.hasOwnProperty,v=p.trim,x=function(e,n){return new x.fn.init(e,n,t)},b=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,w=/\S+/g,T=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,k=/^-ms-/,N=/-([\da-z])/gi,E=function(e,t){return t.toUpperCase()},S=function(){o.removeEventListener("DOMContentLoaded",S,!1),e.removeEventListener("load",S,!1),x.ready()};x.fn=x.prototype={jquery:p,constructor:x,init:function(e,t,n){var r,i;if(!e)return this;if("string"==typeof e){if(r="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:T.exec(e),!r||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof x?t[0]:t,x.merge(this,x.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:o,!0)),C.test(r[1])&&x.isPlainObject(t))for(r in t)x.isFunction(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return i=o.getElementById(r[2]),i&&i.parentNode&&(this.length=1,this[0]=i),this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):x.isFunction(e)?n.ready(e):(e.selector!==undefined&&(this.selector=e.selector,this.context=e.context),x.makeArray(e,this))},selector:"",length:0,toArray:function(){return d.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=x.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return x.each(this,e,t)},ready:function(e){return x.ready.promise().done(e),this},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(x.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:h,sort:[].sort,splice:[].splice},x.fn.init.prototype=x.fn,x.extend=x.fn.extend=function(){var e,t,n,r,i,o,s=arguments[0]||{},a=1,u=arguments.length,l=!1;for("boolean"==typeof s&&(l=s,s=arguments[1]||{},a=2),"object"==typeof s||x.isFunction(s)||(s={}),u===a&&(s=this,--a);u>a;a++)if(null!=(e=arguments[a]))for(t in e)n=s[t],r=e[t],s!==r&&(l&&r&&(x.isPlainObject(r)||(i=x.isArray(r)))?(i?(i=!1,o=n&&x.isArray(n)?n:[]):o=n&&x.isPlainObject(n)?n:{},s[t]=x.extend(l,o,r)):r!==undefined&&(s[t]=r));return s},x.extend({expando:"jQuery"+(p+Math.random()).replace(/\D/g,""),noConflict:function(t){return e.$===x&&(e.$=u),t&&e.jQuery===x&&(e.jQuery=a),x},isReady:!1,readyWait:1,holdReady:function(e){e?x.readyWait++:x.ready(!0)},ready:function(e){(e===!0?--x.readyWait:x.isReady)||(x.isReady=!0,e!==!0&&--x.readyWait>0||(n.resolveWith(o,[x]),x.fn.trigger&&x(o).trigger("ready").off("ready")))},isFunction:function(e){return"function"===x.type(e)},isArray:Array.isArray,isWindow:function(e){return null!=e&&e===e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if("object"!==x.type(e)||e.nodeType||x.isWindow(e))return!1;try{if(e.constructor&&!y.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(t){return!1}return!0},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=x.buildFragment([e],t,i),i&&x(i).remove(),x.merge([],r.childNodes))},parseJSON:JSON.parse,parseXML:function(e){var t,n;if(!e||"string"!=typeof e)return null;try{n=new DOMParser,t=n.parseFromString(e,"text/xml")}catch(r){t=undefined}return(!t||t.getElementsByTagName("parsererror").length)&&x.error("Invalid XML: "+e),t},noop:function(){},globalEval:function(e){var t,n=eval;e=x.trim(e),e&&(1===e.indexOf("use strict")?(t=o.createElement("script"),t.text=e,o.head.appendChild(t).parentNode.removeChild(t)):n(e))},camelCase:function(e){return e.replace(k,"ms-").replace(N,E)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,s=j(e);if(n){if(s){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(s){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:function(e){return null==e?"":v.call(e)},makeArray:function(e,t){var n=t||[];return null!=e&&(j(Object(e))?x.merge(n,"string"==typeof e?[e]:e):h.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:g.call(t,e,n)},merge:function(e,t){var n=t.length,r=e.length,i=0;if("number"==typeof n)for(;n>i;i++)e[r++]=t[i];else while(t[i]!==undefined)e[r++]=t[i++];return e.length=r,e},grep:function(e,t,n){var r,i=[],o=0,s=e.length;for(n=!!n;s>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,s=j(e),a=[];if(s)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(a[a.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(a[a.length]=r);return f.apply([],a)},guid:1,proxy:function(e,t){var n,r,i;return"string"==typeof t&&(n=e[t],t=e,e=n),x.isFunction(e)?(r=d.call(arguments,2),i=function(){return e.apply(t||this,r.concat(d.call(arguments)))},i.guid=e.guid=e.guid||x.guid++,i):undefined},access:function(e,t,n,r,i,o,s){var a=0,u=e.length,l=null==n;if("object"===x.type(n)){i=!0;for(a in n)x.access(e,t,a,n[a],!0,o,s)}else if(r!==undefined&&(i=!0,x.isFunction(r)||(s=!0),l&&(s?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(x(e),n)})),t))for(;u>a;a++)t(e[a],n,s?r:r.call(e[a],a,t(e[a],n)));return i?e:l?t.call(e):u?t(e[0],n):o},now:Date.now,swap:function(e,t,n,r){var i,o,s={};for(o in t)s[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=s[o];return i}}),x.ready.promise=function(t){return n||(n=x.Deferred(),"complete"===o.readyState?setTimeout(x.ready):(o.addEventListener("DOMContentLoaded",S,!1),e.addEventListener("load",S,!1))),n.promise(t)},x.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){l["[object "+t+"]"]=t.toLowerCase()});function j(e){var t=e.length,n=x.type(e);return x.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}t=x(o),function(e,undefined){var t,n,r,i,o,s,a,u,l,c,p,f,h,d,g,m,y,v="sizzle"+-new Date,b=e.document,w=0,T=0,C=st(),k=st(),N=st(),E=!1,S=function(e,t){return e===t?(E=!0,0):0},j=typeof undefined,D=1<<31,A={}.hasOwnProperty,L=[],q=L.pop,H=L.push,O=L.push,F=L.slice,P=L.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",W="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",$=W.replace("w","w#"),B="\\["+M+"*("+W+")"+M+"*(?:([*^$|!~]?=)"+M+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+$+")|)|)"+M+"*\\]",I=":("+W+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+B.replace(3,8)+")*)|.*)\\)|)",z=RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=RegExp("^"+M+"*,"+M+"*"),X=RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=RegExp(M+"*[+~]"),Y=RegExp("="+M+"*([^\\]'\"]*)"+M+"*\\]","g"),V=RegExp(I),G=RegExp("^"+$+"$"),J={ID:RegExp("^#("+W+")"),CLASS:RegExp("^\\.("+W+")"),TAG:RegExp("^("+W.replace("w","w*")+")"),ATTR:RegExp("^"+B),PSEUDO:RegExp("^"+I),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:RegExp("^(?:"+R+")$","i"),needsContext:RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Q=/^[^{]+\{\s*\[native \w/,K=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,Z=/^(?:input|select|textarea|button)$/i,et=/^h\d$/i,tt=/'|\\/g,nt=RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),rt=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:0>r?String.fromCharCode(r+65536):String.fromCharCode(55296|r>>10,56320|1023&r)};try{O.apply(L=F.call(b.childNodes),b.childNodes),L[b.childNodes.length].nodeType}catch(it){O={apply:L.length?function(e,t){H.apply(e,F.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function ot(e,t,r,i){var o,s,a,u,l,f,g,m,x,w;if((t?t.ownerDocument||t:b)!==p&&c(t),t=t||p,r=r||[],!e||"string"!=typeof e)return r;if(1!==(u=t.nodeType)&&9!==u)return[];if(h&&!i){if(o=K.exec(e))if(a=o[1]){if(9===u){if(s=t.getElementById(a),!s||!s.parentNode)return r;if(s.id===a)return r.push(s),r}else if(t.ownerDocument&&(s=t.ownerDocument.getElementById(a))&&y(t,s)&&s.id===a)return r.push(s),r}else{if(o[2])return O.apply(r,t.getElementsByTagName(e)),r;if((a=o[3])&&n.getElementsByClassName&&t.getElementsByClassName)return O.apply(r,t.getElementsByClassName(a)),r}if(n.qsa&&(!d||!d.test(e))){if(m=g=v,x=t,w=9===u&&e,1===u&&"object"!==t.nodeName.toLowerCase()){f=gt(e),(g=t.getAttribute("id"))?m=g.replace(tt,"\\$&"):t.setAttribute("id",m),m="[id='"+m+"'] ",l=f.length;while(l--)f[l]=m+mt(f[l]);x=U.test(e)&&t.parentNode||t,w=f.join(",")}if(w)try{return O.apply(r,x.querySelectorAll(w)),r}catch(T){}finally{g||t.removeAttribute("id")}}}return kt(e.replace(z,"$1"),t,r,i)}function st(){var e=[];function t(n,r){return e.push(n+=" ")>i.cacheLength&&delete t[e.shift()],t[n]=r}return t}function at(e){return e[v]=!0,e}function ut(e){var t=p.createElement("div");try{return!!e(t)}catch(n){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function lt(e,t){var n=e.split("|"),r=e.length;while(r--)i.attrHandle[n[r]]=t}function ct(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||D)-(~e.sourceIndex||D);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function pt(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function ft(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function ht(e){return at(function(t){return t=+t,at(function(n,r){var i,o=e([],n.length,t),s=o.length;while(s--)n[i=o[s]]&&(n[i]=!(r[i]=n[i]))})})}s=ot.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},n=ot.support={},c=ot.setDocument=function(e){var t=e?e.ownerDocument||e:b,r=t.defaultView;return t!==p&&9===t.nodeType&&t.documentElement?(p=t,f=t.documentElement,h=!s(t),r&&r.attachEvent&&r!==r.top&&r.attachEvent("onbeforeunload",function(){c()}),n.attributes=ut(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ut(function(e){return e.appendChild(t.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=ut(function(e){return e.innerHTML="<div class='a'></div><div class='a i'></div>",e.firstChild.className="i",2===e.getElementsByClassName("i").length}),n.getById=ut(function(e){return f.appendChild(e).id=v,!t.getElementsByName||!t.getElementsByName(v).length}),n.getById?(i.find.ID=function(e,t){if(typeof t.getElementById!==j&&h){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){return e.getAttribute("id")===t}}):(delete i.find.ID,i.filter.ID=function(e){var t=e.replace(nt,rt);return function(e){var n=typeof e.getAttributeNode!==j&&e.getAttributeNode("id");return n&&n.value===t}}),i.find.TAG=n.getElementsByTagName?function(e,t){return typeof t.getElementsByTagName!==j?t.getElementsByTagName(e):undefined}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},i.find.CLASS=n.getElementsByClassName&&function(e,t){return typeof t.getElementsByClassName!==j&&h?t.getElementsByClassName(e):undefined},g=[],d=[],(n.qsa=Q.test(t.querySelectorAll))&&(ut(function(e){e.innerHTML="<select><option selected=''></option></select>",e.querySelectorAll("[selected]").length||d.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll(":checked").length||d.push(":checked")}),ut(function(e){var n=t.createElement("input");n.setAttribute("type","hidden"),e.appendChild(n).setAttribute("t",""),e.querySelectorAll("[t^='']").length&&d.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll(":enabled").length||d.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),d.push(",.*:")})),(n.matchesSelector=Q.test(m=f.webkitMatchesSelector||f.mozMatchesSelector||f.oMatchesSelector||f.msMatchesSelector))&&ut(function(e){n.disconnectedMatch=m.call(e,"div"),m.call(e,"[s!='']:x"),g.push("!=",I)}),d=d.length&&RegExp(d.join("|")),g=g.length&&RegExp(g.join("|")),y=Q.test(f.contains)||f.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},S=f.compareDocumentPosition?function(e,r){if(e===r)return E=!0,0;var i=r.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(r);return i?1&i||!n.sortDetached&&r.compareDocumentPosition(e)===i?e===t||y(b,e)?-1:r===t||y(b,r)?1:l?P.call(l,e)-P.call(l,r):0:4&i?-1:1:e.compareDocumentPosition?-1:1}:function(e,n){var r,i=0,o=e.parentNode,s=n.parentNode,a=[e],u=[n];if(e===n)return E=!0,0;if(!o||!s)return e===t?-1:n===t?1:o?-1:s?1:l?P.call(l,e)-P.call(l,n):0;if(o===s)return ct(e,n);r=e;while(r=r.parentNode)a.unshift(r);r=n;while(r=r.parentNode)u.unshift(r);while(a[i]===u[i])i++;return i?ct(a[i],u[i]):a[i]===b?-1:u[i]===b?1:0},t):p},ot.matches=function(e,t){return ot(e,null,null,t)},ot.matchesSelector=function(e,t){if((e.ownerDocument||e)!==p&&c(e),t=t.replace(Y,"='$1']"),!(!n.matchesSelector||!h||g&&g.test(t)||d&&d.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(i){}return ot(t,p,null,[e]).length>0},ot.contains=function(e,t){return(e.ownerDocument||e)!==p&&c(e),y(e,t)},ot.attr=function(e,t){(e.ownerDocument||e)!==p&&c(e);var r=i.attrHandle[t.toLowerCase()],o=r&&A.call(i.attrHandle,t.toLowerCase())?r(e,t,!h):undefined;return o===undefined?n.attributes||!h?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null:o},ot.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},ot.uniqueSort=function(e){var t,r=[],i=0,o=0;if(E=!n.detectDuplicates,l=!n.sortStable&&e.slice(0),e.sort(S),E){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return e},o=ot.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=o(t);return n},i=ot.selectors={cacheLength:50,createPseudo:at,match:J,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(nt,rt),e[3]=(e[4]||e[5]||"").replace(nt,rt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||ot.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&ot.error(e[0]),e},PSEUDO:function(e){var t,n=!e[5]&&e[2];return J.CHILD.test(e[0])?null:(e[3]&&e[4]!==undefined?e[2]=e[4]:n&&V.test(n)&&(t=gt(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(nt,rt).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=C[e+" "];return t||(t=RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&C(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!==j&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=ot.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),s="last"!==e.slice(-4),a="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,p,f,h,d,g=o!==s?"nextSibling":"previousSibling",m=t.parentNode,y=a&&t.nodeName.toLowerCase(),x=!u&&!a;if(m){if(o){while(g){p=t;while(p=p[g])if(a?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;d=g="only"===e&&!d&&"nextSibling"}return!0}if(d=[s?m.firstChild:m.lastChild],s&&x){c=m[v]||(m[v]={}),l=c[e]||[],h=l[0]===w&&l[1],f=l[0]===w&&l[2],p=h&&m.childNodes[h];while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[w,h,f];break}}else if(x&&(l=(t[v]||(t[v]={}))[e])&&l[0]===w)f=l[1];else while(p=++h&&p&&p[g]||(f=h=0)||d.pop())if((a?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(x&&((p[v]||(p[v]={}))[e]=[w,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||ot.error("unsupported pseudo: "+e);return r[v]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?at(function(e,n){var i,o=r(e,t),s=o.length;while(s--)i=P.call(e,o[s]),e[i]=!(n[i]=o[s])}):function(e){return r(e,0,n)}):r}},pseudos:{not:at(function(e){var t=[],n=[],r=a(e.replace(z,"$1"));return r[v]?at(function(e,t,n,i){var o,s=r(e,null,i,[]),a=e.length;while(a--)(o=s[a])&&(e[a]=!(t[a]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:at(function(e){return function(t){return ot(e,t).length>0}}),contains:at(function(e){return function(t){return(t.textContent||t.innerText||o(t)).indexOf(e)>-1}}),lang:at(function(e){return G.test(e||"")||ot.error("unsupported lang: "+e),e=e.replace(nt,rt).toLowerCase(),function(t){var n;do if(n=h?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===f},focus:function(e){return e===p.activeElement&&(!p.hasFocus||p.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!i.pseudos.empty(e)},header:function(e){return et.test(e.nodeName)},input:function(e){return Z.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:ht(function(){return[0]}),last:ht(function(e,t){return[t-1]}),eq:ht(function(e,t,n){return[0>n?n+t:n]}),even:ht(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:ht(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:ht(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:ht(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}},i.pseudos.nth=i.pseudos.eq;for(t in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})i.pseudos[t]=pt(t);for(t in{submit:!0,reset:!0})i.pseudos[t]=ft(t);function dt(){}dt.prototype=i.filters=i.pseudos,i.setFilters=new dt;function gt(e,t){var n,r,o,s,a,u,l,c=k[e+" "];if(c)return t?0:c.slice(0);a=e,u=[],l=i.preFilter;while(a){(!n||(r=_.exec(a)))&&(r&&(a=a.slice(r[0].length)||a),u.push(o=[])),n=!1,(r=X.exec(a))&&(n=r.shift(),o.push({value:n,type:r[0].replace(z," ")}),a=a.slice(n.length));for(s in i.filter)!(r=J[s].exec(a))||l[s]&&!(r=l[s](r))||(n=r.shift(),o.push({value:n,type:s,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?ot.error(e):k(e,u).slice(0)}function mt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function yt(e,t,n){var i=t.dir,o=n&&"parentNode"===i,s=T++;return t.first?function(t,n,r){while(t=t[i])if(1===t.nodeType||o)return e(t,n,r)}:function(t,n,a){var u,l,c,p=w+" "+s;if(a){while(t=t[i])if((1===t.nodeType||o)&&e(t,n,a))return!0}else while(t=t[i])if(1===t.nodeType||o)if(c=t[v]||(t[v]={}),(l=c[i])&&l[0]===p){if((u=l[1])===!0||u===r)return u===!0}else if(l=c[i]=[p],l[1]=e(t,n,a)||r,l[1]===!0)return!0}}function vt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function xt(e,t,n,r,i){var o,s=[],a=0,u=e.length,l=null!=t;for(;u>a;a++)(o=e[a])&&(!n||n(o,r,i))&&(s.push(o),l&&t.push(a));return s}function bt(e,t,n,r,i,o){return r&&!r[v]&&(r=bt(r)),i&&!i[v]&&(i=bt(i,o)),at(function(o,s,a,u){var l,c,p,f=[],h=[],d=s.length,g=o||Ct(t||"*",a.nodeType?[a]:a,[]),m=!e||!o&&t?g:xt(g,f,e,a,u),y=n?i||(o?e:d||r)?[]:s:m;if(n&&n(m,y,a,u),r){l=xt(y,h),r(l,[],a,u),c=l.length;while(c--)(p=l[c])&&(y[h[c]]=!(m[h[c]]=p))}if(o){if(i||e){if(i){l=[],c=y.length;while(c--)(p=y[c])&&l.push(m[c]=p);i(null,y=[],l,u)}c=y.length;while(c--)(p=y[c])&&(l=i?P.call(o,p):f[c])>-1&&(o[l]=!(s[l]=p))}}else y=xt(y===s?y.splice(d,y.length):y),i?i(null,s,y,u):O.apply(s,y)})}function wt(e){var t,n,r,o=e.length,s=i.relative[e[0].type],a=s||i.relative[" "],l=s?1:0,c=yt(function(e){return e===t},a,!0),p=yt(function(e){return P.call(t,e)>-1},a,!0),f=[function(e,n,r){return!s&&(r||n!==u)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;o>l;l++)if(n=i.relative[e[l].type])f=[yt(vt(f),n)];else{if(n=i.filter[e[l].type].apply(null,e[l].matches),n[v]){for(r=++l;o>r;r++)if(i.relative[e[r].type])break;return bt(l>1&&vt(f),l>1&&mt(e.slice(0,l-1).concat({value:" "===e[l-2].type?"*":""})).replace(z,"$1"),n,r>l&&wt(e.slice(l,r)),o>r&&wt(e=e.slice(r)),o>r&&mt(e))}f.push(n)}return vt(f)}function Tt(e,t){var n=0,o=t.length>0,s=e.length>0,a=function(a,l,c,f,h){var d,g,m,y=[],v=0,x="0",b=a&&[],T=null!=h,C=u,k=a||s&&i.find.TAG("*",h&&l.parentNode||l),N=w+=null==C?1:Math.random()||.1;for(T&&(u=l!==p&&l,r=n);null!=(d=k[x]);x++){if(s&&d){g=0;while(m=e[g++])if(m(d,l,c)){f.push(d);break}T&&(w=N,r=++n)}o&&((d=!m&&d)&&v--,a&&b.push(d))}if(v+=x,o&&x!==v){g=0;while(m=t[g++])m(b,y,l,c);if(a){if(v>0)while(x--)b[x]||y[x]||(y[x]=q.call(f));y=xt(y)}O.apply(f,y),T&&!a&&y.length>0&&v+t.length>1&&ot.uniqueSort(f)}return T&&(w=N,u=C),b};return o?at(a):a}a=ot.compile=function(e,t){var n,r=[],i=[],o=N[e+" "];if(!o){t||(t=gt(e)),n=t.length;while(n--)o=wt(t[n]),o[v]?r.push(o):i.push(o);o=N(e,Tt(i,r))}return o};function Ct(e,t,n){var r=0,i=t.length;for(;i>r;r++)ot(e,t[r],n);return n}function kt(e,t,r,o){var s,u,l,c,p,f=gt(e);if(!o&&1===f.length){if(u=f[0]=f[0].slice(0),u.length>2&&"ID"===(l=u[0]).type&&n.getById&&9===t.nodeType&&h&&i.relative[u[1].type]){if(t=(i.find.ID(l.matches[0].replace(nt,rt),t)||[])[0],!t)return r;e=e.slice(u.shift().value.length)}s=J.needsContext.test(e)?0:u.length;while(s--){if(l=u[s],i.relative[c=l.type])break;if((p=i.find[c])&&(o=p(l.matches[0].replace(nt,rt),U.test(u[0].type)&&t.parentNode||t))){if(u.splice(s,1),e=o.length&&mt(u),!e)return O.apply(r,o),r;break}}}return a(e,f)(o,t,!h,r,U.test(e)),r}n.sortStable=v.split("").sort(S).join("")===v,n.detectDuplicates=E,c(),n.sortDetached=ut(function(e){return 1&e.compareDocumentPosition(p.createElement("div"))}),ut(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||lt("type|href|height|width",function(e,t,n){return n?undefined:e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ut(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||lt("value",function(e,t,n){return n||"input"!==e.nodeName.toLowerCase()?undefined:e.defaultValue}),ut(function(e){return null==e.getAttribute("disabled")})||lt(R,function(e,t,n){var r;return n?undefined:(r=e.getAttributeNode(t))&&r.specified?r.value:e[t]===!0?t.toLowerCase():null}),x.find=ot,x.expr=ot.selectors,x.expr[":"]=x.expr.pseudos,x.unique=ot.uniqueSort,x.text=ot.getText,x.isXMLDoc=ot.isXML,x.contains=ot.contains}(e);var D={};function A(e){var t=D[e]={};return x.each(e.match(w)||[],function(e,n){t[n]=!0}),t}x.Callbacks=function(e){e="string"==typeof e?D[e]||A(e):x.extend({},e);var t,n,r,i,o,s,a=[],u=!e.once&&[],l=function(p){for(t=e.memory&&p,n=!0,s=i||0,i=0,o=a.length,r=!0;a&&o>s;s++)if(a[s].apply(p[0],p[1])===!1&&e.stopOnFalse){t=!1;break}r=!1,a&&(u?u.length&&l(u.shift()):t?a=[]:c.disable())},c={add:function(){if(a){var n=a.length;(function s(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&c.has(n)||a.push(n):n&&n.length&&"string"!==r&&s(n)})})(arguments),r?o=a.length:t&&(i=n,l(t))}return this},remove:function(){return a&&x.each(arguments,function(e,t){var n;while((n=x.inArray(t,a,n))>-1)a.splice(n,1),r&&(o>=n&&o--,s>=n&&s--)}),this},has:function(e){return e?x.inArray(e,a)>-1:!(!a||!a.length)},empty:function(){return a=[],o=0,this},disable:function(){return a=u=t=undefined,this},disabled:function(){return!a},lock:function(){return u=undefined,t||c.disable(),this},locked:function(){return!u},fireWith:function(e,t){return!a||n&&!u||(t=t||[],t=[e,t.slice?t.slice():t],r?u.push(t):l(t)),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!n}};return c},x.extend({Deferred:function(e){var t=[["resolve","done",x.Callbacks("once memory"),"resolved"],["reject","fail",x.Callbacks("once memory"),"rejected"],["notify","progress",x.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var s=o[0],a=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=a&&a.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[s+"With"](this===r?n.promise():this,a?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?x.extend(e,r):r}},i={};return r.pipe=r.then,x.each(t,function(e,o){var s=o[2],a=o[3];r[o[1]]=s.add,a&&s.add(function(){n=a},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=s.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=d.call(arguments),r=n.length,i=1!==r||e&&x.isFunction(e.promise)?r:0,o=1===i?e:x.Deferred(),s=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?d.call(arguments):r,n===a?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},a,u,l;if(r>1)for(a=Array(r),u=Array(r),l=Array(r);r>t;t++)n[t]&&x.isFunction(n[t].promise)?n[t].promise().done(s(t,l,n)).fail(o.reject).progress(s(t,u,a)):--i;return i||o.resolveWith(l,n),o.promise()}}),x.support=function(t){var n=o.createElement("input"),r=o.createDocumentFragment(),i=o.createElement("div"),s=o.createElement("select"),a=s.appendChild(o.createElement("option"));return n.type?(n.type="checkbox",t.checkOn=""!==n.value,t.optSelected=a.selected,t.reliableMarginRight=!0,t.boxSizingReliable=!0,t.pixelPosition=!1,n.checked=!0,t.noCloneChecked=n.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!a.disabled,n=o.createElement("input"),n.value="t",n.type="radio",t.radioValue="t"===n.value,n.setAttribute("checked","t"),n.setAttribute("name","t"),r.appendChild(n),t.checkClone=r.cloneNode(!0).cloneNode(!0).lastChild.checked,t.focusinBubbles="onfocusin"in e,i.style.backgroundClip="content-box",i.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===i.style.backgroundClip,x(function(){var n,r,s="padding:0;margin:0;border:0;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box",a=o.getElementsByTagName("body")[0];a&&(n=o.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",a.appendChild(n).appendChild(i),i.innerHTML="",i.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%",x.swap(a,null!=a.style.zoom?{zoom:1}:{},function(){t.boxSizing=4===i.offsetWidth}),e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(i,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(i,null)||{width:"4px"}).width,r=i.appendChild(o.createElement("div")),r.style.cssText=i.style.cssText=s,r.style.marginRight=r.style.width="0",i.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),a.removeChild(n))}),t):t}({});var L,q,H=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,O=/([A-Z])/g;function F(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=x.expando+Math.random()}F.uid=1,F.accepts=function(e){return e.nodeType?1===e.nodeType||9===e.nodeType:!0},F.prototype={key:function(e){if(!F.accepts(e))return 0;var t={},n=e[this.expando];if(!n){n=F.uid++;try{t[this.expando]={value:n},Object.defineProperties(e,t)}catch(r){t[this.expando]=n,x.extend(e,t)}}return this.cache[n]||(this.cache[n]={}),n},set:function(e,t,n){var r,i=this.key(e),o=this.cache[i];if("string"==typeof t)o[t]=n;else if(x.isEmptyObject(o))x.extend(this.cache[i],t);else for(r in t)o[r]=t[r];return o},get:function(e,t){var n=this.cache[this.key(e)];return t===undefined?n:n[t]},access:function(e,t,n){var r;return t===undefined||t&&"string"==typeof t&&n===undefined?(r=this.get(e,t),r!==undefined?r:this.get(e,x.camelCase(t))):(this.set(e,t,n),n!==undefined?n:t)},remove:function(e,t){var n,r,i,o=this.key(e),s=this.cache[o];if(t===undefined)this.cache[o]={};else{x.isArray(t)?r=t.concat(t.map(x.camelCase)):(i=x.camelCase(t),t in s?r=[t,i]:(r=i,r=r in s?[r]:r.match(w)||[])),n=r.length;while(n--)delete s[r[n]]}},hasData:function(e){return!x.isEmptyObject(this.cache[e[this.expando]]||{})},discard:function(e){e[this.expando]&&delete this.cache[e[this.expando]]}},L=new F,q=new F,x.extend({acceptData:F.accepts,hasData:function(e){return L.hasData(e)||q.hasData(e)},data:function(e,t,n){return L.access(e,t,n)},removeData:function(e,t){L.remove(e,t)},_data:function(e,t,n){return q.access(e,t,n)},_removeData:function(e,t){q.remove(e,t)}}),x.fn.extend({data:function(e,t){var n,r,i=this[0],o=0,s=null;if(e===undefined){if(this.length&&(s=L.get(i),1===i.nodeType&&!q.get(i,"hasDataAttrs"))){for(n=i.attributes;n.length>o;o++)r=n[o].name,0===r.indexOf("data-")&&(r=x.camelCase(r.slice(5)),P(i,r,s[r]));q.set(i,"hasDataAttrs",!0)}return s}return"object"==typeof e?this.each(function(){L.set(this,e)}):x.access(this,function(t){var n,r=x.camelCase(e);if(i&&t===undefined){if(n=L.get(i,e),n!==undefined)return n;if(n=L.get(i,r),n!==undefined)return n;if(n=P(i,r,undefined),n!==undefined)return n}else this.each(function(){var n=L.get(this,r);L.set(this,r,t),-1!==e.indexOf("-")&&n!==undefined&&L.set(this,e,t)})},null,t,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){L.remove(this,e)})}});function P(e,t,n){var r;if(n===undefined&&1===e.nodeType)if(r="data-"+t.replace(O,"-$1").toLowerCase(),n=e.getAttribute(r),"string"==typeof n){try{n="true"===n?!0:"false"===n?!1:"null"===n?null:+n+""===n?+n:H.test(n)?JSON.parse(n):n}catch(i){}L.set(e,t,n)}else n=undefined;return n}x.extend({queue:function(e,t,n){var r;return e?(t=(t||"fx")+"queue",r=q.get(e,t),n&&(!r||x.isArray(n)?r=q.access(e,t,x.makeArray(n)):r.push(n)),r||[]):undefined},dequeue:function(e,t){t=t||"fx";var n=x.queue(e,t),r=n.length,i=n.shift(),o=x._queueHooks(e,t),s=function(){x.dequeue(e,t)
+};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,s,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return q.get(e,n)||q.access(e,n,{empty:x.Callbacks("once memory").add(function(){q.remove(e,[t+"queue",n])})})}}),x.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),n>arguments.length?x.queue(this[0],e):t===undefined?this:this.each(function(){var n=x.queue(this,e,t);x._queueHooks(this,e),"fx"===e&&"inprogress"!==n[0]&&x.dequeue(this,e)})},dequeue:function(e){return this.each(function(){x.dequeue(this,e)})},delay:function(e,t){return e=x.fx?x.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=x.Deferred(),o=this,s=this.length,a=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=undefined),e=e||"fx";while(s--)n=q.get(o[s],e+"queueHooks"),n&&n.empty&&(r++,n.empty.add(a));return a(),i.promise(t)}});var R,M,W=/[\t\r\n\f]/g,$=/\r/g,B=/^(?:input|select|textarea|button)$/i;x.fn.extend({attr:function(e,t){return x.access(this,x.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){x.removeAttr(this,e)})},prop:function(e,t){return x.access(this,x.prop,e,t,arguments.length>1)},removeProp:function(e){return this.each(function(){delete this[x.propFix[e]||e]})},addClass:function(e){var t,n,r,i,o,s=0,a=this.length,u="string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=x.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,s=0,a=this.length,u=0===arguments.length||"string"==typeof e&&e;if(x.isFunction(e))return this.each(function(t){x(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];a>s;s++)if(n=this[s],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(W," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?x.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e;return"boolean"==typeof t&&"string"===n?t?this.addClass(e):this.removeClass(e):x.isFunction(e)?this.each(function(n){x(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var t,i=0,o=x(this),s=e.match(w)||[];while(t=s[i++])o.hasClass(t)?o.removeClass(t):o.addClass(t)}else(n===r||"boolean"===n)&&(this.className&&q.set(this,"__className__",this.className),this.className=this.className||e===!1?"":q.get(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(W," ").indexOf(t)>=0)return!0;return!1},val:function(e){var t,n,r,i=this[0];{if(arguments.length)return r=x.isFunction(e),this.each(function(n){var i;1===this.nodeType&&(i=r?e.call(this,n,x(this).val()):e,null==i?i="":"number"==typeof i?i+="":x.isArray(i)&&(i=x.map(i,function(e){return null==e?"":e+""})),t=x.valHooks[this.type]||x.valHooks[this.nodeName.toLowerCase()],t&&"set"in t&&t.set(this,i,"value")!==undefined||(this.value=i))});if(i)return t=x.valHooks[i.type]||x.valHooks[i.nodeName.toLowerCase()],t&&"get"in t&&(n=t.get(i,"value"))!==undefined?n:(n=i.value,"string"==typeof n?n.replace($,""):null==n?"":n)}}}),x.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,s=o?null:[],a=o?i+1:r.length,u=0>i?a:o?i:0;for(;a>u;u++)if(n=r[u],!(!n.selected&&u!==i||(x.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&x.nodeName(n.parentNode,"optgroup"))){if(t=x(n).val(),o)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=x.makeArray(t),s=i.length;while(s--)r=i[s],(r.selected=x.inArray(x(r).val(),o)>=0)&&(n=!0);return n||(e.selectedIndex=-1),o}}},attr:function(e,t,n){var i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return typeof e.getAttribute===r?x.prop(e,t,n):(1===s&&x.isXMLDoc(e)||(t=t.toLowerCase(),i=x.attrHooks[t]||(x.expr.match.bool.test(t)?M:R)),n===undefined?i&&"get"in i&&null!==(o=i.get(e,t))?o:(o=x.find.attr(e,t),null==o?undefined:o):null!==n?i&&"set"in i&&(o=i.set(e,n,t))!==undefined?o:(e.setAttribute(t,n+""),n):(x.removeAttr(e,t),undefined))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=x.propFix[n]||n,x.expr.match.bool.test(n)&&(e[r]=!1),e.removeAttribute(n)},attrHooks:{type:{set:function(e,t){if(!x.support.radioValue&&"radio"===t&&x.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{"for":"htmlFor","class":"className"},prop:function(e,t,n){var r,i,o,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return o=1!==s||!x.isXMLDoc(e),o&&(t=x.propFix[t]||t,i=x.propHooks[t]),n!==undefined?i&&"set"in i&&(r=i.set(e,n,t))!==undefined?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){return e.hasAttribute("tabindex")||B.test(e.nodeName)||e.href?e.tabIndex:-1}}}}),M={set:function(e,t,n){return t===!1?x.removeAttr(e,n):e.setAttribute(n,n),n}},x.each(x.expr.match.bool.source.match(/\w+/g),function(e,t){var n=x.expr.attrHandle[t]||x.find.attr;x.expr.attrHandle[t]=function(e,t,r){var i=x.expr.attrHandle[t],o=r?undefined:(x.expr.attrHandle[t]=undefined)!=n(e,t,r)?t.toLowerCase():null;return x.expr.attrHandle[t]=i,o}}),x.support.optSelected||(x.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null}}),x.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){x.propFix[this.toLowerCase()]=this}),x.each(["radio","checkbox"],function(){x.valHooks[this]={set:function(e,t){return x.isArray(t)?e.checked=x.inArray(x(e).val(),t)>=0:undefined}},x.support.checkOn||(x.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})});var I=/^key/,z=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,X=/^([^.]*)(?:\.(.+)|)$/;function U(){return!0}function Y(){return!1}function V(){try{return o.activeElement}catch(e){}}x.event={global:{},add:function(e,t,n,i,o){var s,a,u,l,c,p,f,h,d,g,m,y=q.get(e);if(y){n.handler&&(s=n,n=s.handler,o=s.selector),n.guid||(n.guid=x.guid++),(l=y.events)||(l=y.events={}),(a=y.handle)||(a=y.handle=function(e){return typeof x===r||e&&x.event.triggered===e.type?undefined:x.event.dispatch.apply(a.elem,arguments)},a.elem=e),t=(t||"").match(w)||[""],c=t.length;while(c--)u=X.exec(t[c])||[],d=m=u[1],g=(u[2]||"").split(".").sort(),d&&(f=x.event.special[d]||{},d=(o?f.delegateType:f.bindType)||d,f=x.event.special[d]||{},p=x.extend({type:d,origType:m,data:i,handler:n,guid:n.guid,selector:o,needsContext:o&&x.expr.match.needsContext.test(o),namespace:g.join(".")},s),(h=l[d])||(h=l[d]=[],h.delegateCount=0,f.setup&&f.setup.call(e,i,g,a)!==!1||e.addEventListener&&e.addEventListener(d,a,!1)),f.add&&(f.add.call(e,p),p.handler.guid||(p.handler.guid=n.guid)),o?h.splice(h.delegateCount++,0,p):h.push(p),x.event.global[d]=!0);e=null}},remove:function(e,t,n,r,i){var o,s,a,u,l,c,p,f,h,d,g,m=q.hasData(e)&&q.get(e);if(m&&(u=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(a=X.exec(t[l])||[],h=g=a[1],d=(a[2]||"").split(".").sort(),h){p=x.event.special[h]||{},h=(r?p.delegateType:p.bindType)||h,f=u[h]||[],a=a[2]&&RegExp("(^|\\.)"+d.join("\\.(?:.*\\.|)")+"(\\.|$)"),s=o=f.length;while(o--)c=f[o],!i&&g!==c.origType||n&&n.guid!==c.guid||a&&!a.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(f.splice(o,1),c.selector&&f.delegateCount--,p.remove&&p.remove.call(e,c));s&&!f.length&&(p.teardown&&p.teardown.call(e,d,m.handle)!==!1||x.removeEvent(e,h,m.handle),delete u[h])}else for(h in u)x.event.remove(e,h+t[l],n,r,!0);x.isEmptyObject(u)&&(delete m.handle,q.remove(e,"events"))}},trigger:function(t,n,r,i){var s,a,u,l,c,p,f,h=[r||o],d=y.call(t,"type")?t.type:t,g=y.call(t,"namespace")?t.namespace.split("."):[];if(a=u=r=r||o,3!==r.nodeType&&8!==r.nodeType&&!_.test(d+x.event.triggered)&&(d.indexOf(".")>=0&&(g=d.split("."),d=g.shift(),g.sort()),c=0>d.indexOf(":")&&"on"+d,t=t[x.expando]?t:new x.Event(d,"object"==typeof t&&t),t.isTrigger=i?2:3,t.namespace=g.join("."),t.namespace_re=t.namespace?RegExp("(^|\\.)"+g.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,t.result=undefined,t.target||(t.target=r),n=null==n?[t]:x.makeArray(n,[t]),f=x.event.special[d]||{},i||!f.trigger||f.trigger.apply(r,n)!==!1)){if(!i&&!f.noBubble&&!x.isWindow(r)){for(l=f.delegateType||d,_.test(l+d)||(a=a.parentNode);a;a=a.parentNode)h.push(a),u=a;u===(r.ownerDocument||o)&&h.push(u.defaultView||u.parentWindow||e)}s=0;while((a=h[s++])&&!t.isPropagationStopped())t.type=s>1?l:f.bindType||d,p=(q.get(a,"events")||{})[t.type]&&q.get(a,"handle"),p&&p.apply(a,n),p=c&&a[c],p&&x.acceptData(a)&&p.apply&&p.apply(a,n)===!1&&t.preventDefault();return t.type=d,i||t.isDefaultPrevented()||f._default&&f._default.apply(h.pop(),n)!==!1||!x.acceptData(r)||c&&x.isFunction(r[d])&&!x.isWindow(r)&&(u=r[c],u&&(r[c]=null),x.event.triggered=d,r[d](),x.event.triggered=undefined,u&&(r[c]=u)),t.result}},dispatch:function(e){e=x.event.fix(e);var t,n,r,i,o,s=[],a=d.call(arguments),u=(q.get(this,"events")||{})[e.type]||[],l=x.event.special[e.type]||{};if(a[0]=e,e.delegateTarget=this,!l.preDispatch||l.preDispatch.call(this,e)!==!1){s=x.event.handlers.call(this,e,u),t=0;while((i=s[t++])&&!e.isPropagationStopped()){e.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(o.namespace))&&(e.handleObj=o,e.data=o.data,r=((x.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,a),r!==undefined&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return l.postDispatch&&l.postDispatch.call(this,e),e.result}},handlers:function(e,t){var n,r,i,o,s=[],a=t.delegateCount,u=e.target;if(a&&u.nodeType&&(!e.button||"click"!==e.type))for(;u!==this;u=u.parentNode||this)if(u.disabled!==!0||"click"!==e.type){for(r=[],n=0;a>n;n++)o=t[n],i=o.selector+" ",r[i]===undefined&&(r[i]=o.needsContext?x(i,this).index(u)>=0:x.find(i,this,null,[u]).length),r[i]&&r.push(o);r.length&&s.push({elem:u,handlers:r})}return t.length>a&&s.push({elem:this,handlers:t.slice(a)}),s},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,t){var n,r,i,s=t.button;return null==e.pageX&&null!=t.clientX&&(n=e.target.ownerDocument||o,r=n.documentElement,i=n.body,e.pageX=t.clientX+(r&&r.scrollLeft||i&&i.scrollLeft||0)-(r&&r.clientLeft||i&&i.clientLeft||0),e.pageY=t.clientY+(r&&r.scrollTop||i&&i.scrollTop||0)-(r&&r.clientTop||i&&i.clientTop||0)),e.which||s===undefined||(e.which=1&s?1:2&s?3:4&s?2:0),e}},fix:function(e){if(e[x.expando])return e;var t,n,r,i=e.type,s=e,a=this.fixHooks[i];a||(this.fixHooks[i]=a=z.test(i)?this.mouseHooks:I.test(i)?this.keyHooks:{}),r=a.props?this.props.concat(a.props):this.props,e=new x.Event(s),t=r.length;while(t--)n=r[t],e[n]=s[n];return e.target||(e.target=o),3===e.target.nodeType&&(e.target=e.target.parentNode),a.filter?a.filter(e,s):e},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==V()&&this.focus?(this.focus(),!1):undefined},delegateType:"focusin"},blur:{trigger:function(){return this===V()&&this.blur?(this.blur(),!1):undefined},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&x.nodeName(this,"input")?(this.click(),!1):undefined},_default:function(e){return x.nodeName(e.target,"a")}},beforeunload:{postDispatch:function(e){e.result!==undefined&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=x.extend(new x.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?x.event.trigger(i,null,t):x.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},x.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)},x.Event=function(e,t){return this instanceof x.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.getPreventDefault&&e.getPreventDefault()?U:Y):this.type=e,t&&x.extend(this,t),this.timeStamp=e&&e.timeStamp||x.now(),this[x.expando]=!0,undefined):new x.Event(e,t)},x.Event.prototype={isDefaultPrevented:Y,isPropagationStopped:Y,isImmediatePropagationStopped:Y,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=U,e&&e.preventDefault&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=U,e&&e.stopPropagation&&e.stopPropagation()},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=U,this.stopPropagation()}},x.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){x.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj;return(!i||i!==r&&!x.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),x.support.focusinBubbles||x.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){x.event.simulate(t,e.target,x.event.fix(e),!0)};x.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),x.fn.extend({on:function(e,t,n,r,i){var o,s;if("object"==typeof e){"string"!=typeof t&&(n=n||t,t=undefined);for(s in e)this.on(s,t,n,e[s],i);return this}if(null==n&&null==r?(r=t,n=t=undefined):null==r&&("string"==typeof t?(r=n,n=undefined):(r=n,n=t,t=undefined)),r===!1)r=Y;else if(!r)return this;return 1===i&&(o=r,r=function(e){return x().off(e),o.apply(this,arguments)},r.guid=o.guid||(o.guid=x.guid++)),this.each(function(){x.event.add(this,e,r,n,t)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,x(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return(t===!1||"function"==typeof t)&&(n=t,t=undefined),n===!1&&(n=Y),this.each(function(){x.event.remove(this,e,n,t)})},trigger:function(e,t){return this.each(function(){x.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];return n?x.event.trigger(e,t,n,!0):undefined}});var G=/^.[^:#\[\.,]*$/,J=/^(?:parents|prev(?:Until|All))/,Q=x.expr.match.needsContext,K={children:!0,contents:!0,next:!0,prev:!0};x.fn.extend({find:function(e){var t,n=[],r=this,i=r.length;if("string"!=typeof e)return this.pushStack(x(e).filter(function(){for(t=0;i>t;t++)if(x.contains(r[t],this))return!0}));for(t=0;i>t;t++)x.find(e,r[t],n);return n=this.pushStack(i>1?x.unique(n):n),n.selector=this.selector?this.selector+" "+e:e,n},has:function(e){var t=x(e,this),n=t.length;return this.filter(function(){var e=0;for(;n>e;e++)if(x.contains(this,t[e]))return!0})},not:function(e){return this.pushStack(et(this,e||[],!0))},filter:function(e){return this.pushStack(et(this,e||[],!1))},is:function(e){return!!et(this,"string"==typeof e&&Q.test(e)?x(e):e||[],!1).length},closest:function(e,t){var n,r=0,i=this.length,o=[],s=Q.test(e)||"string"!=typeof e?x(e,t||this.context):0;for(;i>r;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(11>n.nodeType&&(s?s.index(n)>-1:1===n.nodeType&&x.find.matchesSelector(n,e))){n=o.push(n);break}return this.pushStack(o.length>1?x.unique(o):o)},index:function(e){return e?"string"==typeof e?g.call(x(e),this[0]):g.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?x(e,t):x.makeArray(e&&e.nodeType?[e]:e),r=x.merge(this.get(),n);return this.pushStack(x.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function Z(e,t){while((e=e[t])&&1!==e.nodeType);return e}x.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return x.dir(e,"parentNode")},parentsUntil:function(e,t,n){return x.dir(e,"parentNode",n)},next:function(e){return Z(e,"nextSibling")},prev:function(e){return Z(e,"previousSibling")},nextAll:function(e){return x.dir(e,"nextSibling")},prevAll:function(e){return x.dir(e,"previousSibling")},nextUntil:function(e,t,n){return x.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return x.dir(e,"previousSibling",n)},siblings:function(e){return x.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return x.sibling(e.firstChild)},contents:function(e){return e.contentDocument||x.merge([],e.childNodes)}},function(e,t){x.fn[e]=function(n,r){var i=x.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=x.filter(r,i)),this.length>1&&(K[e]||x.unique(i),J.test(e)&&i.reverse()),this.pushStack(i)}}),x.extend({filter:function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?x.find.matchesSelector(r,e)?[r]:[]:x.find.matches(e,x.grep(t,function(e){return 1===e.nodeType}))},dir:function(e,t,n){var r=[],i=n!==undefined;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&x(e).is(n))break;r.push(e)}return r},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function et(e,t,n){if(x.isFunction(t))return x.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return x.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(G.test(t))return x.filter(t,e,n);t=x.filter(t,e)}return x.grep(e,function(e){return g.call(t,e)>=0!==n})}var tt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,nt=/<([\w:]+)/,rt=/<|&#?\w+;/,it=/<(?:script|style|link)/i,ot=/^(?:checkbox|radio)$/i,st=/checked\s*(?:[^=]|=\s*.checked.)/i,at=/^$|\/(?:java|ecma)script/i,ut=/^true\/(.*)/,lt=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ct={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ct.optgroup=ct.option,ct.tbody=ct.tfoot=ct.colgroup=ct.caption=ct.thead,ct.th=ct.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===undefined?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.appendChild(e)}})},prepend:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=pt(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=e?x.filter(e,this):this,i=0;for(;null!=(n=r[i]);i++)t||1!==n.nodeType||x.cleanData(mt(n)),n.parentNode&&(t&&x.contains(n.ownerDocument,n)&&dt(mt(n,"script")),n.parentNode.removeChild(n));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++)1===e.nodeType&&(x.cleanData(mt(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return x.clone(this,e,t)})},html:function(e){return x.access(this,function(e){var t=this[0]||{},n=0,r=this.length;if(e===undefined&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!it.test(e)&&!ct[(nt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(tt,"<$1></$2>");try{for(;r>n;n++)t=this[n]||{},1===t.nodeType&&(x.cleanData(mt(t,!1)),t.innerHTML=e);t=0}catch(i){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var e=x.map(this,function(e){return[e.nextSibling,e.parentNode]}),t=0;return this.domManip(arguments,function(n){var r=e[t++],i=e[t++];i&&(r&&r.parentNode!==i&&(r=this.nextSibling),x(this).remove(),i.insertBefore(n,r))},!0),t?this:this.remove()},detach:function(e){return this.remove(e,!0)},domManip:function(e,t,n){e=f.apply([],e);var r,i,o,s,a,u,l=0,c=this.length,p=this,h=c-1,d=e[0],g=x.isFunction(d);if(g||!(1>=c||"string"!=typeof d||x.support.checkClone)&&st.test(d))return this.each(function(r){var i=p.eq(r);g&&(e[0]=d.call(this,r,i.html())),i.domManip(e,t,n)});if(c&&(r=x.buildFragment(e,this[0].ownerDocument,!1,!n&&this),i=r.firstChild,1===r.childNodes.length&&(r=i),i)){for(o=x.map(mt(r,"script"),ft),s=o.length;c>l;l++)a=r,l!==h&&(a=x.clone(a,!0,!0),s&&x.merge(o,mt(a,"script"))),t.call(this[l],a,l);if(s)for(u=o[o.length-1].ownerDocument,x.map(o,ht),l=0;s>l;l++)a=o[l],at.test(a.type||"")&&!q.access(a,"globalEval")&&x.contains(u,a)&&(a.src?x._evalUrl(a.src):x.globalEval(a.textContent.replace(lt,"")))}return this}}),x.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){x.fn[e]=function(e){var n,r=[],i=x(e),o=i.length-1,s=0;for(;o>=s;s++)n=s===o?this:this.clone(!0),x(i[s])[t](n),h.apply(r,n.get());return this.pushStack(r)}}),x.extend({clone:function(e,t,n){var r,i,o,s,a=e.cloneNode(!0),u=x.contains(e.ownerDocument,e);if(!(x.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||x.isXMLDoc(e)))for(s=mt(a),o=mt(e),r=0,i=o.length;i>r;r++)yt(o[r],s[r]);if(t)if(n)for(o=o||mt(e),s=s||mt(a),r=0,i=o.length;i>r;r++)gt(o[r],s[r]);else gt(e,a);return s=mt(a,"script"),s.length>0&&dt(s,!u&&mt(e,"script")),a},buildFragment:function(e,t,n,r){var i,o,s,a,u,l,c=0,p=e.length,f=t.createDocumentFragment(),h=[];for(;p>c;c++)if(i=e[c],i||0===i)if("object"===x.type(i))x.merge(h,i.nodeType?[i]:i);else if(rt.test(i)){o=o||f.appendChild(t.createElement("div")),s=(nt.exec(i)||["",""])[1].toLowerCase(),a=ct[s]||ct._default,o.innerHTML=a[1]+i.replace(tt,"<$1></$2>")+a[2],l=a[0];while(l--)o=o.lastChild;x.merge(h,o.childNodes),o=f.firstChild,o.textContent=""}else h.push(t.createTextNode(i));f.textContent="",c=0;while(i=h[c++])if((!r||-1===x.inArray(i,r))&&(u=x.contains(i.ownerDocument,i),o=mt(f.appendChild(i),"script"),u&&dt(o),n)){l=0;while(i=o[l++])at.test(i.type||"")&&n.push(i)}return f},cleanData:function(e){var t,n,r,i,o,s,a=x.event.special,u=0;for(;(n=e[u])!==undefined;u++){if(F.accepts(n)&&(o=n[q.expando],o&&(t=q.cache[o]))){if(r=Object.keys(t.events||{}),r.length)for(s=0;(i=r[s])!==undefined;s++)a[i]?x.event.remove(n,i):x.removeEvent(n,i,t.handle);q.cache[o]&&delete q.cache[o]}delete L.cache[n[L.expando]]}},_evalUrl:function(e){return x.ajax({url:e,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})}});function pt(e,t){return x.nodeName(e,"table")&&x.nodeName(1===t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function ft(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function ht(e){var t=ut.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function dt(e,t){var n=e.length,r=0;for(;n>r;r++)q.set(e[r],"globalEval",!t||q.get(t[r],"globalEval"))}function gt(e,t){var n,r,i,o,s,a,u,l;if(1===t.nodeType){if(q.hasData(e)&&(o=q.access(e),s=q.set(t,o),l=o.events)){delete s.handle,s.events={};for(i in l)for(n=0,r=l[i].length;r>n;n++)x.event.add(t,i,l[i][n])}L.hasData(e)&&(a=L.access(e),u=x.extend({},a),L.set(t,u))}}function mt(e,t){var n=e.getElementsByTagName?e.getElementsByTagName(t||"*"):e.querySelectorAll?e.querySelectorAll(t||"*"):[];return t===undefined||t&&x.nodeName(e,t)?x.merge([e],n):n}function yt(e,t){var n=t.nodeName.toLowerCase();"input"===n&&ot.test(e.type)?t.checked=e.checked:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}x.fn.extend({wrapAll:function(e){var t;return x.isFunction(e)?this.each(function(t){x(this).wrapAll(e.call(this,t))}):(this[0]&&(t=x(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this)},wrapInner:function(e){return x.isFunction(e)?this.each(function(t){x(this).wrapInner(e.call(this,t))}):this.each(function(){var t=x(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=x.isFunction(e);return this.each(function(n){x(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){x.nodeName(this,"body")||x(this).replaceWith(this.childNodes)}).end()}});var vt,xt,bt=/^(none|table(?!-c[ea]).+)/,wt=/^margin/,Tt=RegExp("^("+b+")(.*)$","i"),Ct=RegExp("^("+b+")(?!px)[a-z%]+$","i"),kt=RegExp("^([+-])=("+b+")","i"),Nt={BODY:"block"},Et={position:"absolute",visibility:"hidden",display:"block"},St={letterSpacing:0,fontWeight:400},jt=["Top","Right","Bottom","Left"],Dt=["Webkit","O","Moz","ms"];function At(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=Dt.length;while(i--)if(t=Dt[i]+n,t in e)return t;return r}function Lt(e,t){return e=t||e,"none"===x.css(e,"display")||!x.contains(e.ownerDocument,e)}function qt(t){return e.getComputedStyle(t,null)}function Ht(e,t){var n,r,i,o=[],s=0,a=e.length;for(;a>s;s++)r=e[s],r.style&&(o[s]=q.get(r,"olddisplay"),n=r.style.display,t?(o[s]||"none"!==n||(r.style.display=""),""===r.style.display&&Lt(r)&&(o[s]=q.access(r,"olddisplay",Rt(r.nodeName)))):o[s]||(i=Lt(r),(n&&"none"!==n||!i)&&q.set(r,"olddisplay",i?n:x.css(r,"display"))));for(s=0;a>s;s++)r=e[s],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[s]||"":"none"));return e}x.fn.extend({css:function(e,t){return x.access(this,function(e,t,n){var r,i,o={},s=0;if(x.isArray(t)){for(r=qt(e),i=t.length;i>s;s++)o[t[s]]=x.css(e,t[s],!1,r);return o}return n!==undefined?x.style(e,t,n):x.css(e,t)},e,t,arguments.length>1)},show:function(){return Ht(this,!0)},hide:function(){return Ht(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){Lt(this)?x(this).show():x(this).hide()})}}),x.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=vt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,s,a=x.camelCase(t),u=e.style;return t=x.cssProps[a]||(x.cssProps[a]=At(u,a)),s=x.cssHooks[t]||x.cssHooks[a],n===undefined?s&&"get"in s&&(i=s.get(e,!1,r))!==undefined?i:u[t]:(o=typeof n,"string"===o&&(i=kt.exec(n))&&(n=(i[1]+1)*i[2]+parseFloat(x.css(e,t)),o="number"),null==n||"number"===o&&isNaN(n)||("number"!==o||x.cssNumber[a]||(n+="px"),x.support.clearCloneStyle||""!==n||0!==t.indexOf("background")||(u[t]="inherit"),s&&"set"in s&&(n=s.set(e,n,r))===undefined||(u[t]=n)),undefined)}},css:function(e,t,n,r){var i,o,s,a=x.camelCase(t);return t=x.cssProps[a]||(x.cssProps[a]=At(e.style,a)),s=x.cssHooks[t]||x.cssHooks[a],s&&"get"in s&&(i=s.get(e,!0,n)),i===undefined&&(i=vt(e,t,r)),"normal"===i&&t in St&&(i=St[t]),""===n||n?(o=parseFloat(i),n===!0||x.isNumeric(o)?o||0:i):i}}),vt=function(e,t,n){var r,i,o,s=n||qt(e),a=s?s.getPropertyValue(t)||s[t]:undefined,u=e.style;return s&&(""!==a||x.contains(e.ownerDocument,e)||(a=x.style(e,t)),Ct.test(a)&&wt.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=s.width,u.width=r,u.minWidth=i,u.maxWidth=o)),a};function Ot(e,t,n){var r=Tt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function Ft(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,s=0;for(;4>o;o+=2)"margin"===n&&(s+=x.css(e,n+jt[o],!0,i)),r?("content"===n&&(s-=x.css(e,"padding"+jt[o],!0,i)),"margin"!==n&&(s-=x.css(e,"border"+jt[o]+"Width",!0,i))):(s+=x.css(e,"padding"+jt[o],!0,i),"padding"!==n&&(s+=x.css(e,"border"+jt[o]+"Width",!0,i)));return s}function Pt(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=qt(e),s=x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=vt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Ct.test(i))return i;r=s&&(x.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+Ft(e,t,n||(s?"border":"content"),r,o)+"px"}function Rt(e){var t=o,n=Nt[e];return n||(n=Mt(e,t),"none"!==n&&n||(xt=(xt||x("<iframe frameborder='0' width='0' height='0'/>").css("cssText","display:block !important")).appendTo(t.documentElement),t=(xt[0].contentWindow||xt[0].contentDocument).document,t.write("<!doctype html><html><body>"),t.close(),n=Mt(e,t),xt.detach()),Nt[e]=n),n}function Mt(e,t){var n=x(t.createElement(e)).appendTo(t.body),r=x.css(n[0],"display");return n.remove(),r}x.each(["height","width"],function(e,t){x.cssHooks[t]={get:function(e,n,r){return n?0===e.offsetWidth&&bt.test(x.css(e,"display"))?x.swap(e,Et,function(){return Pt(e,t,r)}):Pt(e,t,r):undefined},set:function(e,n,r){var i=r&&qt(e);return Ot(e,n,r?Ft(e,t,r,x.support.boxSizing&&"border-box"===x.css(e,"boxSizing",!1,i),i):0)}}}),x(function(){x.support.reliableMarginRight||(x.cssHooks.marginRight={get:function(e,t){return t?x.swap(e,{display:"inline-block"},vt,[e,"marginRight"]):undefined}}),!x.support.pixelPosition&&x.fn.position&&x.each(["top","left"],function(e,t){x.cssHooks[t]={get:function(e,n){return n?(n=vt(e,t),Ct.test(n)?x(e).position()[t]+"px":n):undefined}}})}),x.expr&&x.expr.filters&&(x.expr.filters.hidden=function(e){return 0>=e.offsetWidth&&0>=e.offsetHeight},x.expr.filters.visible=function(e){return!x.expr.filters.hidden(e)}),x.each({margin:"",padding:"",border:"Width"},function(e,t){x.cssHooks[e+t]={expand:function(n){var r=0,i={},o="string"==typeof n?n.split(" "):[n];for(;4>r;r++)i[e+jt[r]+t]=o[r]||o[r-2]||o[0];return i}},wt.test(e)||(x.cssHooks[e+t].set=Ot)});var Wt=/%20/g,$t=/\[\]$/,Bt=/\r?\n/g,It=/^(?:submit|button|image|reset|file)$/i,zt=/^(?:input|select|textarea|keygen)/i;x.fn.extend({serialize:function(){return x.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=x.prop(this,"elements");return e?x.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!x(this).is(":disabled")&&zt.test(this.nodeName)&&!It.test(e)&&(this.checked||!ot.test(e))}).map(function(e,t){var n=x(this).val();return null==n?null:x.isArray(n)?x.map(n,function(e){return{name:t.name,value:e.replace(Bt,"\r\n")}}):{name:t.name,value:n.replace(Bt,"\r\n")}}).get()}}),x.param=function(e,t){var n,r=[],i=function(e,t){t=x.isFunction(t)?t():null==t?"":t,r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};if(t===undefined&&(t=x.ajaxSettings&&x.ajaxSettings.traditional),x.isArray(e)||e.jquery&&!x.isPlainObject(e))x.each(e,function(){i(this.name,this.value)});else for(n in e)_t(n,e[n],t,i);return r.join("&").replace(Wt,"+")};function _t(e,t,n,r){var i;if(x.isArray(t))x.each(t,function(t,i){n||$t.test(e)?r(e,i):_t(e+"["+("object"==typeof i?t:"")+"]",i,n,r)});else if(n||"object"!==x.type(t))r(e,t);else for(i in t)_t(e+"["+i+"]",t[i],n,r)}x.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(e,t){x.fn[t]=function(e,n){return arguments.length>0?this.on(t,null,e,n):this.trigger(t)}}),x.fn.extend({hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)
+},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)}});var Xt,Ut,Yt=x.now(),Vt=/\?/,Gt=/#.*$/,Jt=/([?&])_=[^&]*/,Qt=/^(.*?):[ \t]*([^\r\n]*)$/gm,Kt=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Zt=/^(?:GET|HEAD)$/,en=/^\/\//,tn=/^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,nn=x.fn.load,rn={},on={},sn="*/".concat("*");try{Ut=i.href}catch(an){Ut=o.createElement("a"),Ut.href="",Ut=Ut.href}Xt=tn.exec(Ut.toLowerCase())||[];function un(e){return function(t,n){"string"!=typeof t&&(n=t,t="*");var r,i=0,o=t.toLowerCase().match(w)||[];if(x.isFunction(n))while(r=o[i++])"+"===r[0]?(r=r.slice(1)||"*",(e[r]=e[r]||[]).unshift(n)):(e[r]=e[r]||[]).push(n)}}function ln(e,t,n,r){var i={},o=e===on;function s(a){var u;return i[a]=!0,x.each(e[a]||[],function(e,a){var l=a(t,n,r);return"string"!=typeof l||o||i[l]?o?!(u=l):undefined:(t.dataTypes.unshift(l),s(l),!1)}),u}return s(t.dataTypes[0])||!i["*"]&&s("*")}function cn(e,t){var n,r,i=x.ajaxSettings.flatOptions||{};for(n in t)t[n]!==undefined&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&x.extend(!0,e,r),e}x.fn.load=function(e,t,n){if("string"!=typeof e&&nn)return nn.apply(this,arguments);var r,i,o,s=this,a=e.indexOf(" ");return a>=0&&(r=e.slice(a),e=e.slice(0,a)),x.isFunction(t)?(n=t,t=undefined):t&&"object"==typeof t&&(i="POST"),s.length>0&&x.ajax({url:e,type:i,dataType:"html",data:t}).done(function(e){o=arguments,s.html(r?x("<div>").append(x.parseHTML(e)).find(r):e)}).complete(n&&function(e,t){s.each(n,o||[e.responseText,t,e])}),this},x.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){x.fn[t]=function(e){return this.on(t,e)}}),x.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Ut,type:"GET",isLocal:Kt.test(Xt[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":sn,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":x.parseJSON,"text xml":x.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?cn(cn(e,x.ajaxSettings),t):cn(x.ajaxSettings,e)},ajaxPrefilter:un(rn),ajaxTransport:un(on),ajax:function(e,t){"object"==typeof e&&(t=e,e=undefined),t=t||{};var n,r,i,o,s,a,u,l,c=x.ajaxSetup({},t),p=c.context||c,f=c.context&&(p.nodeType||p.jquery)?x(p):x.event,h=x.Deferred(),d=x.Callbacks("once memory"),g=c.statusCode||{},m={},y={},v=0,b="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(2===v){if(!o){o={};while(t=Qt.exec(i))o[t[1].toLowerCase()]=t[2]}t=o[e.toLowerCase()]}return null==t?null:t},getAllResponseHeaders:function(){return 2===v?i:null},setRequestHeader:function(e,t){var n=e.toLowerCase();return v||(e=y[n]=y[n]||e,m[e]=t),this},overrideMimeType:function(e){return v||(c.mimeType=e),this},statusCode:function(e){var t;if(e)if(2>v)for(t in e)g[t]=[g[t],e[t]];else T.always(e[T.status]);return this},abort:function(e){var t=e||b;return n&&n.abort(t),k(0,t),this}};if(h.promise(T).complete=d.add,T.success=T.done,T.error=T.fail,c.url=((e||c.url||Ut)+"").replace(Gt,"").replace(en,Xt[1]+"//"),c.type=t.method||t.type||c.method||c.type,c.dataTypes=x.trim(c.dataType||"*").toLowerCase().match(w)||[""],null==c.crossDomain&&(a=tn.exec(c.url.toLowerCase()),c.crossDomain=!(!a||a[1]===Xt[1]&&a[2]===Xt[2]&&(a[3]||("http:"===a[1]?"80":"443"))===(Xt[3]||("http:"===Xt[1]?"80":"443")))),c.data&&c.processData&&"string"!=typeof c.data&&(c.data=x.param(c.data,c.traditional)),ln(rn,c,t,T),2===v)return T;u=c.global,u&&0===x.active++&&x.event.trigger("ajaxStart"),c.type=c.type.toUpperCase(),c.hasContent=!Zt.test(c.type),r=c.url,c.hasContent||(c.data&&(r=c.url+=(Vt.test(r)?"&":"?")+c.data,delete c.data),c.cache===!1&&(c.url=Jt.test(r)?r.replace(Jt,"$1_="+Yt++):r+(Vt.test(r)?"&":"?")+"_="+Yt++)),c.ifModified&&(x.lastModified[r]&&T.setRequestHeader("If-Modified-Since",x.lastModified[r]),x.etag[r]&&T.setRequestHeader("If-None-Match",x.etag[r])),(c.data&&c.hasContent&&c.contentType!==!1||t.contentType)&&T.setRequestHeader("Content-Type",c.contentType),T.setRequestHeader("Accept",c.dataTypes[0]&&c.accepts[c.dataTypes[0]]?c.accepts[c.dataTypes[0]]+("*"!==c.dataTypes[0]?", "+sn+"; q=0.01":""):c.accepts["*"]);for(l in c.headers)T.setRequestHeader(l,c.headers[l]);if(c.beforeSend&&(c.beforeSend.call(p,T,c)===!1||2===v))return T.abort();b="abort";for(l in{success:1,error:1,complete:1})T[l](c[l]);if(n=ln(on,c,t,T)){T.readyState=1,u&&f.trigger("ajaxSend",[T,c]),c.async&&c.timeout>0&&(s=setTimeout(function(){T.abort("timeout")},c.timeout));try{v=1,n.send(m,k)}catch(C){if(!(2>v))throw C;k(-1,C)}}else k(-1,"No Transport");function k(e,t,o,a){var l,m,y,b,w,C=t;2!==v&&(v=2,s&&clearTimeout(s),n=undefined,i=a||"",T.readyState=e>0?4:0,l=e>=200&&300>e||304===e,o&&(b=pn(c,T,o)),b=fn(c,b,T,l),l?(c.ifModified&&(w=T.getResponseHeader("Last-Modified"),w&&(x.lastModified[r]=w),w=T.getResponseHeader("etag"),w&&(x.etag[r]=w)),204===e||"HEAD"===c.type?C="nocontent":304===e?C="notmodified":(C=b.state,m=b.data,y=b.error,l=!y)):(y=C,(e||!C)&&(C="error",0>e&&(e=0))),T.status=e,T.statusText=(t||C)+"",l?h.resolveWith(p,[m,C,T]):h.rejectWith(p,[T,C,y]),T.statusCode(g),g=undefined,u&&f.trigger(l?"ajaxSuccess":"ajaxError",[T,c,l?m:y]),d.fireWith(p,[T,C]),u&&(f.trigger("ajaxComplete",[T,c]),--x.active||x.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return x.get(e,t,n,"json")},getScript:function(e,t){return x.get(e,undefined,t,"script")}}),x.each(["get","post"],function(e,t){x[t]=function(e,n,r,i){return x.isFunction(n)&&(i=i||r,r=n,n=undefined),x.ajax({url:e,type:t,dataType:i,data:n,success:r})}});function pn(e,t,n){var r,i,o,s,a=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),r===undefined&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in a)if(a[i]&&a[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}s||(s=i)}o=o||s}return o?(o!==u[0]&&u.unshift(o),n[o]):undefined}function fn(e,t,n,r){var i,o,s,a,u,l={},c=e.dataTypes.slice();if(c[1])for(s in e.converters)l[s.toLowerCase()]=e.converters[s];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(s=l[u+" "+o]||l["* "+o],!s)for(i in l)if(a=i.split(" "),a[1]===o&&(s=l[u+" "+a[0]]||l["* "+a[0]])){s===!0?s=l[i]:l[i]!==!0&&(o=a[0],c.unshift(a[1]));break}if(s!==!0)if(s&&e["throws"])t=s(t);else try{t=s(t)}catch(p){return{state:"parsererror",error:s?p:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}x.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(e){return x.globalEval(e),e}}}),x.ajaxPrefilter("script",function(e){e.cache===undefined&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),x.ajaxTransport("script",function(e){if(e.crossDomain){var t,n;return{send:function(r,i){t=x("<script>").prop({async:!0,charset:e.scriptCharset,src:e.url}).on("load error",n=function(e){t.remove(),n=null,e&&i("error"===e.type?404:200,e.type)}),o.head.appendChild(t[0])},abort:function(){n&&n()}}}});var hn=[],dn=/(=)\?(?=&|$)|\?\?/;x.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=hn.pop()||x.expando+"_"+Yt++;return this[e]=!0,e}}),x.ajaxPrefilter("json jsonp",function(t,n,r){var i,o,s,a=t.jsonp!==!1&&(dn.test(t.url)?"url":"string"==typeof t.data&&!(t.contentType||"").indexOf("application/x-www-form-urlencoded")&&dn.test(t.data)&&"data");return a||"jsonp"===t.dataTypes[0]?(i=t.jsonpCallback=x.isFunction(t.jsonpCallback)?t.jsonpCallback():t.jsonpCallback,a?t[a]=t[a].replace(dn,"$1"+i):t.jsonp!==!1&&(t.url+=(Vt.test(t.url)?"&":"?")+t.jsonp+"="+i),t.converters["script json"]=function(){return s||x.error(i+" was not called"),s[0]},t.dataTypes[0]="json",o=e[i],e[i]=function(){s=arguments},r.always(function(){e[i]=o,t[i]&&(t.jsonpCallback=n.jsonpCallback,hn.push(i)),s&&x.isFunction(o)&&o(s[0]),s=o=undefined}),"script"):undefined}),x.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(e){}};var gn=x.ajaxSettings.xhr(),mn={0:200,1223:204},yn=0,vn={};e.ActiveXObject&&x(e).on("unload",function(){for(var e in vn)vn[e]();vn=undefined}),x.support.cors=!!gn&&"withCredentials"in gn,x.support.ajax=gn=!!gn,x.ajaxTransport(function(e){var t;return x.support.cors||gn&&!e.crossDomain?{send:function(n,r){var i,o,s=e.xhr();if(s.open(e.type,e.url,e.async,e.username,e.password),e.xhrFields)for(i in e.xhrFields)s[i]=e.xhrFields[i];e.mimeType&&s.overrideMimeType&&s.overrideMimeType(e.mimeType),e.crossDomain||n["X-Requested-With"]||(n["X-Requested-With"]="XMLHttpRequest");for(i in n)s.setRequestHeader(i,n[i]);t=function(e){return function(){t&&(delete vn[o],t=s.onload=s.onerror=null,"abort"===e?s.abort():"error"===e?r(s.status||404,s.statusText):r(mn[s.status]||s.status,s.statusText,"string"==typeof s.responseText?{text:s.responseText}:undefined,s.getAllResponseHeaders()))}},s.onload=t(),s.onerror=t("error"),t=vn[o=yn++]=t("abort"),s.send(e.hasContent&&e.data||null)},abort:function(){t&&t()}}:undefined});var xn,bn,wn=/^(?:toggle|show|hide)$/,Tn=RegExp("^(?:([+-])=|)("+b+")([a-z%]*)$","i"),Cn=/queueHooks$/,kn=[An],Nn={"*":[function(e,t){var n=this.createTween(e,t),r=n.cur(),i=Tn.exec(t),o=i&&i[3]||(x.cssNumber[e]?"":"px"),s=(x.cssNumber[e]||"px"!==o&&+r)&&Tn.exec(x.css(n.elem,e)),a=1,u=20;if(s&&s[3]!==o){o=o||s[3],i=i||[],s=+r||1;do a=a||".5",s/=a,x.style(n.elem,e,s+o);while(a!==(a=n.cur()/r)&&1!==a&&--u)}return i&&(s=n.start=+s||+r||0,n.unit=o,n.end=i[1]?s+(i[1]+1)*i[2]:+i[2]),n}]};function En(){return setTimeout(function(){xn=undefined}),xn=x.now()}function Sn(e,t,n){var r,i=(Nn[t]||[]).concat(Nn["*"]),o=0,s=i.length;for(;s>o;o++)if(r=i[o].call(n,t,e))return r}function jn(e,t,n){var r,i,o=0,s=kn.length,a=x.Deferred().always(function(){delete u.elem}),u=function(){if(i)return!1;var t=xn||En(),n=Math.max(0,l.startTime+l.duration-t),r=n/l.duration||0,o=1-r,s=0,u=l.tweens.length;for(;u>s;s++)l.tweens[s].run(o);return a.notifyWith(e,[l,o,n]),1>o&&u?n:(a.resolveWith(e,[l]),!1)},l=a.promise({elem:e,props:x.extend({},t),opts:x.extend(!0,{specialEasing:{}},n),originalProperties:t,originalOptions:n,startTime:xn||En(),duration:n.duration,tweens:[],createTween:function(t,n){var r=x.Tween(e,l.opts,t,n,l.opts.specialEasing[t]||l.opts.easing);return l.tweens.push(r),r},stop:function(t){var n=0,r=t?l.tweens.length:0;if(i)return this;for(i=!0;r>n;n++)l.tweens[n].run(1);return t?a.resolveWith(e,[l,t]):a.rejectWith(e,[l,t]),this}}),c=l.props;for(Dn(c,l.opts.specialEasing);s>o;o++)if(r=kn[o].call(l,e,c,l.opts))return r;return x.map(c,Sn,l),x.isFunction(l.opts.start)&&l.opts.start.call(e,l),x.fx.timer(x.extend(u,{elem:e,anim:l,queue:l.opts.queue})),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always)}function Dn(e,t){var n,r,i,o,s;for(n in e)if(r=x.camelCase(n),i=t[r],o=e[n],x.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),s=x.cssHooks[r],s&&"expand"in s){o=s.expand(o),delete e[r];for(n in o)n in e||(e[n]=o[n],t[n]=i)}else t[r]=i}x.Animation=x.extend(jn,{tweener:function(e,t){x.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;i>r;r++)n=e[r],Nn[n]=Nn[n]||[],Nn[n].unshift(t)},prefilter:function(e,t){t?kn.unshift(e):kn.push(e)}});function An(e,t,n){var r,i,o,s,a,u,l=this,c={},p=e.style,f=e.nodeType&&Lt(e),h=q.get(e,"fxshow");n.queue||(a=x._queueHooks(e,"fx"),null==a.unqueued&&(a.unqueued=0,u=a.empty.fire,a.empty.fire=function(){a.unqueued||u()}),a.unqueued++,l.always(function(){l.always(function(){a.unqueued--,x.queue(e,"fx").length||a.empty.fire()})})),1===e.nodeType&&("height"in t||"width"in t)&&(n.overflow=[p.overflow,p.overflowX,p.overflowY],"inline"===x.css(e,"display")&&"none"===x.css(e,"float")&&(p.display="inline-block")),n.overflow&&(p.overflow="hidden",l.always(function(){p.overflow=n.overflow[0],p.overflowX=n.overflow[1],p.overflowY=n.overflow[2]}));for(r in t)if(i=t[r],wn.exec(i)){if(delete t[r],o=o||"toggle"===i,i===(f?"hide":"show")){if("show"!==i||!h||h[r]===undefined)continue;f=!0}c[r]=h&&h[r]||x.style(e,r)}if(!x.isEmptyObject(c)){h?"hidden"in h&&(f=h.hidden):h=q.access(e,"fxshow",{}),o&&(h.hidden=!f),f?x(e).show():l.done(function(){x(e).hide()}),l.done(function(){var t;q.remove(e,"fxshow");for(t in c)x.style(e,t,c[t])});for(r in c)s=Sn(f?h[r]:0,r,l),r in h||(h[r]=s.start,f&&(s.end=s.start,s.start="width"===r||"height"===r?1:0))}}function Ln(e,t,n,r,i){return new Ln.prototype.init(e,t,n,r,i)}x.Tween=Ln,Ln.prototype={constructor:Ln,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||"swing",this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(x.cssNumber[n]?"":"px")},cur:function(){var e=Ln.propHooks[this.prop];return e&&e.get?e.get(this):Ln.propHooks._default.get(this)},run:function(e){var t,n=Ln.propHooks[this.prop];return this.pos=t=this.options.duration?x.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):Ln.propHooks._default.set(this),this}},Ln.prototype.init.prototype=Ln.prototype,Ln.propHooks={_default:{get:function(e){var t;return null==e.elem[e.prop]||e.elem.style&&null!=e.elem.style[e.prop]?(t=x.css(e.elem,e.prop,""),t&&"auto"!==t?t:0):e.elem[e.prop]},set:function(e){x.fx.step[e.prop]?x.fx.step[e.prop](e):e.elem.style&&(null!=e.elem.style[x.cssProps[e.prop]]||x.cssHooks[e.prop])?x.style(e.elem,e.prop,e.now+e.unit):e.elem[e.prop]=e.now}}},Ln.propHooks.scrollTop=Ln.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},x.each(["toggle","show","hide"],function(e,t){var n=x.fn[t];x.fn[t]=function(e,r,i){return null==e||"boolean"==typeof e?n.apply(this,arguments):this.animate(qn(t,!0),e,r,i)}}),x.fn.extend({fadeTo:function(e,t,n,r){return this.filter(Lt).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(e,t,n,r){var i=x.isEmptyObject(e),o=x.speed(t,n,r),s=function(){var t=jn(this,x.extend({},e),o);(i||q.get(this,"finish"))&&t.stop(!0)};return s.finish=s,i||o.queue===!1?this.each(s):this.queue(o.queue,s)},stop:function(e,t,n){var r=function(e){var t=e.stop;delete e.stop,t(n)};return"string"!=typeof e&&(n=t,t=e,e=undefined),t&&e!==!1&&this.queue(e||"fx",[]),this.each(function(){var t=!0,i=null!=e&&e+"queueHooks",o=x.timers,s=q.get(this);if(i)s[i]&&s[i].stop&&r(s[i]);else for(i in s)s[i]&&s[i].stop&&Cn.test(i)&&r(s[i]);for(i=o.length;i--;)o[i].elem!==this||null!=e&&o[i].queue!==e||(o[i].anim.stop(n),t=!1,o.splice(i,1));(t||!n)&&x.dequeue(this,e)})},finish:function(e){return e!==!1&&(e=e||"fx"),this.each(function(){var t,n=q.get(this),r=n[e+"queue"],i=n[e+"queueHooks"],o=x.timers,s=r?r.length:0;for(n.finish=!0,x.queue(this,e,[]),i&&i.stop&&i.stop.call(this,!0),t=o.length;t--;)o[t].elem===this&&o[t].queue===e&&(o[t].anim.stop(!0),o.splice(t,1));for(t=0;s>t;t++)r[t]&&r[t].finish&&r[t].finish.call(this);delete n.finish})}});function qn(e,t){var n,r={height:e},i=0;for(t=t?1:0;4>i;i+=2-t)n=jt[i],r["margin"+n]=r["padding"+n]=e;return t&&(r.opacity=r.width=e),r}x.each({slideDown:qn("show"),slideUp:qn("hide"),slideToggle:qn("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,t){x.fn[e]=function(e,n,r){return this.animate(t,e,n,r)}}),x.speed=function(e,t,n){var r=e&&"object"==typeof e?x.extend({},e):{complete:n||!n&&t||x.isFunction(e)&&e,duration:e,easing:n&&t||t&&!x.isFunction(t)&&t};return r.duration=x.fx.off?0:"number"==typeof r.duration?r.duration:r.duration in x.fx.speeds?x.fx.speeds[r.duration]:x.fx.speeds._default,(null==r.queue||r.queue===!0)&&(r.queue="fx"),r.old=r.complete,r.complete=function(){x.isFunction(r.old)&&r.old.call(this),r.queue&&x.dequeue(this,r.queue)},r},x.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2}},x.timers=[],x.fx=Ln.prototype.init,x.fx.tick=function(){var e,t=x.timers,n=0;for(xn=x.now();t.length>n;n++)e=t[n],e()||t[n]!==e||t.splice(n--,1);t.length||x.fx.stop(),xn=undefined},x.fx.timer=function(e){e()&&x.timers.push(e)&&x.fx.start()},x.fx.interval=13,x.fx.start=function(){bn||(bn=setInterval(x.fx.tick,x.fx.interval))},x.fx.stop=function(){clearInterval(bn),bn=null},x.fx.speeds={slow:600,fast:200,_default:400},x.fx.step={},x.expr&&x.expr.filters&&(x.expr.filters.animated=function(e){return x.grep(x.timers,function(t){return e===t.elem}).length}),x.fn.offset=function(e){if(arguments.length)return e===undefined?this:this.each(function(t){x.offset.setOffset(this,e,t)});var t,n,i=this[0],o={top:0,left:0},s=i&&i.ownerDocument;if(s)return t=s.documentElement,x.contains(t,i)?(typeof i.getBoundingClientRect!==r&&(o=i.getBoundingClientRect()),n=Hn(s),{top:o.top+n.pageYOffset-t.clientTop,left:o.left+n.pageXOffset-t.clientLeft}):o},x.offset={setOffset:function(e,t,n){var r,i,o,s,a,u,l,c=x.css(e,"position"),p=x(e),f={};"static"===c&&(e.style.position="relative"),a=p.offset(),o=x.css(e,"top"),u=x.css(e,"left"),l=("absolute"===c||"fixed"===c)&&(o+u).indexOf("auto")>-1,l?(r=p.position(),s=r.top,i=r.left):(s=parseFloat(o)||0,i=parseFloat(u)||0),x.isFunction(t)&&(t=t.call(e,n,a)),null!=t.top&&(f.top=t.top-a.top+s),null!=t.left&&(f.left=t.left-a.left+i),"using"in t?t.using.call(e,f):p.css(f)}},x.fn.extend({position:function(){if(this[0]){var e,t,n=this[0],r={top:0,left:0};return"fixed"===x.css(n,"position")?t=n.getBoundingClientRect():(e=this.offsetParent(),t=this.offset(),x.nodeName(e[0],"html")||(r=e.offset()),r.top+=x.css(e[0],"borderTopWidth",!0),r.left+=x.css(e[0],"borderLeftWidth",!0)),{top:t.top-r.top-x.css(n,"marginTop",!0),left:t.left-r.left-x.css(n,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||s;while(e&&!x.nodeName(e,"html")&&"static"===x.css(e,"position"))e=e.offsetParent;return e||s})}}),x.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,n){var r="pageYOffset"===n;x.fn[t]=function(i){return x.access(this,function(t,i,o){var s=Hn(t);return o===undefined?s?s[n]:t[i]:(s?s.scrollTo(r?e.pageXOffset:o,r?o:e.pageYOffset):t[i]=o,undefined)},t,i,arguments.length,null)}});function Hn(e){return x.isWindow(e)?e:9===e.nodeType&&e.defaultView}x.each({Height:"height",Width:"width"},function(e,t){x.each({padding:"inner"+e,content:t,"":"outer"+e},function(n,r){x.fn[r]=function(r,i){var o=arguments.length&&(n||"boolean"!=typeof r),s=n||(r===!0||i===!0?"margin":"border");return x.access(this,function(t,n,r){var i;return x.isWindow(t)?t.document.documentElement["client"+e]:9===t.nodeType?(i=t.documentElement,Math.max(t.body["scroll"+e],i["scroll"+e],t.body["offset"+e],i["offset"+e],i["client"+e])):r===undefined?x.css(t,n,s):x.style(t,n,r,s)},t,o?r:undefined,o,null)}})}),x.fn.size=function(){return this.length},x.fn.andSelf=x.fn.addBack,"object"==typeof module&&module&&"object"==typeof module.exports?module.exports=x:"function"==typeof define&&define.amd&&define("jquery",[],function(){return x}),"object"==typeof e&&"object"==typeof e.document&&(e.jQuery=e.$=x)})(window);
diff --git a/apps/presentationeditor/main/resources/help/es/search/js/lunr-languages/lunr.es.js b/apps/presentationeditor/main/resources/help/es/search/js/lunr-languages/lunr.es.js
new file mode 100644
index 000000000..46cbc3607
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/search/js/lunr-languages/lunr.es.js
@@ -0,0 +1,599 @@
+/*!
+ * Lunr languages, `Spanish` language
+ * https://github.com/MihaiValentin/lunr-languages
+ *
+ * Copyright 2014, Mihai Valentin
+ * http://www.mozilla.org/MPL/
+ */
+/*!
+ * based on
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+/**
+ * export the module via AMD, CommonJS or as a browser global
+ * Export code from https://github.com/umdjs/umd/blob/master/returnExports.js
+ */
+;
+(function(root, factory) {
+  if (typeof define === 'function' && define.amd) {
+    // AMD. Register as an anonymous module.
+    define(factory)
+  } else if (typeof exports === 'object') {
+    /**
+     * Node. Does not work with strict CommonJS, but
+     * only CommonJS-like environments that support module.exports,
+     * like Node.
+     */
+    module.exports = factory()
+  } else {
+    // Browser globals (root is window)
+    factory()(root.lunr);
+  }
+}(this, function() {
+  /**
+   * Just return a value to define the module export.
+   * This example returns an object, but the module
+   * can return a function as the exported value.
+   */
+  return function(lunr) {
+    /* throw error if lunr is not yet included */
+    if ('undefined' === typeof lunr) {
+      throw new Error('Lunr is not present. Please include / require Lunr before this script.');
+    }
+
+    /* throw error if lunr stemmer support is not yet included */
+    if ('undefined' === typeof lunr.stemmerSupport) {
+      throw new Error('Lunr stemmer support is not present. Please include / require Lunr stemmer support before this script.');
+    }
+
+    /* register specific locale function */
+    lunr.es = function() {
+      this.pipeline.reset();
+      this.pipeline.add(
+        lunr.es.trimmer,
+        lunr.es.stopWordFilter,
+        lunr.es.stemmer
+      );
+
+      // for lunr version 2
+      // this is necessary so that every searched word is also stemmed before
+      // in lunr <= 1 this is not needed, as it is done using the normal pipeline
+      if (this.searchPipeline) {
+        this.searchPipeline.reset();
+        this.searchPipeline.add(lunr.es.stemmer)
+      }
+    };
+
+    /* lunr trimmer function */
+    lunr.es.wordCharacters = "A-Za-z\xAA\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02B8\u02E0-\u02E4\u1D00-\u1D25\u1D2C-\u1D5C\u1D62-\u1D65\u1D6B-\u1D77\u1D79-\u1DBE\u1E00-\u1EFF\u2071\u207F\u2090-\u209C\u212A\u212B\u2132\u214E\u2160-\u2188\u2C60-\u2C7F\uA722-\uA787\uA78B-\uA7AD\uA7B0-\uA7B7\uA7F7-\uA7FF\uAB30-\uAB5A\uAB5C-\uAB64\uFB00-\uFB06\uFF21-\uFF3A\uFF41-\uFF5A";
+    lunr.es.trimmer = lunr.trimmerSupport.generateTrimmer(lunr.es.wordCharacters);
+
+    lunr.Pipeline.registerFunction(lunr.es.trimmer, 'trimmer-es');
+
+    /* lunr stemmer function */
+    lunr.es.stemmer = (function() {
+      /* create the wrapped stemmer object */
+      var Among = lunr.stemmerSupport.Among,
+        SnowballProgram = lunr.stemmerSupport.SnowballProgram,
+        st = new function SpanishStemmer() {
+          var a_0 = [new Among("", -1, 6), new Among("\u00E1", 0, 1),
+              new Among("\u00E9", 0, 2), new Among("\u00ED", 0, 3),
+              new Among("\u00F3", 0, 4), new Among("\u00FA", 0, 5)
+            ],
+            a_1 = [
+              new Among("la", -1, -1), new Among("sela", 0, -1),
+              new Among("le", -1, -1), new Among("me", -1, -1),
+              new Among("se", -1, -1), new Among("lo", -1, -1),
+              new Among("selo", 5, -1), new Among("las", -1, -1),
+              new Among("selas", 7, -1), new Among("les", -1, -1),
+              new Among("los", -1, -1), new Among("selos", 10, -1),
+              new Among("nos", -1, -1)
+            ],
+            a_2 = [new Among("ando", -1, 6),
+              new Among("iendo", -1, 6), new Among("yendo", -1, 7),
+              new Among("\u00E1ndo", -1, 2), new Among("i\u00E9ndo", -1, 1),
+              new Among("ar", -1, 6), new Among("er", -1, 6),
+              new Among("ir", -1, 6), new Among("\u00E1r", -1, 3),
+              new Among("\u00E9r", -1, 4), new Among("\u00EDr", -1, 5)
+            ],
+            a_3 = [
+              new Among("ic", -1, -1), new Among("ad", -1, -1),
+              new Among("os", -1, -1), new Among("iv", -1, 1)
+            ],
+            a_4 = [
+              new Among("able", -1, 1), new Among("ible", -1, 1),
+              new Among("ante", -1, 1)
+            ],
+            a_5 = [new Among("ic", -1, 1),
+              new Among("abil", -1, 1), new Among("iv", -1, 1)
+            ],
+            a_6 = [
+              new Among("ica", -1, 1), new Among("ancia", -1, 2),
+              new Among("encia", -1, 5), new Among("adora", -1, 2),
+              new Among("osa", -1, 1), new Among("ista", -1, 1),
+              new Among("iva", -1, 9), new Among("anza", -1, 1),
+              new Among("log\u00EDa", -1, 3), new Among("idad", -1, 8),
+              new Among("able", -1, 1), new Among("ible", -1, 1),
+              new Among("ante", -1, 2), new Among("mente", -1, 7),
+              new Among("amente", 13, 6), new Among("aci\u00F3n", -1, 2),
+              new Among("uci\u00F3n", -1, 4), new Among("ico", -1, 1),
+              new Among("ismo", -1, 1), new Among("oso", -1, 1),
+              new Among("amiento", -1, 1), new Among("imiento", -1, 1),
+              new Among("ivo", -1, 9), new Among("ador", -1, 2),
+              new Among("icas", -1, 1), new Among("ancias", -1, 2),
+              new Among("encias", -1, 5), new Among("adoras", -1, 2),
+              new Among("osas", -1, 1), new Among("istas", -1, 1),
+              new Among("ivas", -1, 9), new Among("anzas", -1, 1),
+              new Among("log\u00EDas", -1, 3), new Among("idades", -1, 8),
+              new Among("ables", -1, 1), new Among("ibles", -1, 1),
+              new Among("aciones", -1, 2), new Among("uciones", -1, 4),
+              new Among("adores", -1, 2), new Among("antes", -1, 2),
+              new Among("icos", -1, 1), new Among("ismos", -1, 1),
+              new Among("osos", -1, 1), new Among("amientos", -1, 1),
+              new Among("imientos", -1, 1), new Among("ivos", -1, 9)
+            ],
+            a_7 = [
+              new Among("ya", -1, 1), new Among("ye", -1, 1),
+              new Among("yan", -1, 1), new Among("yen", -1, 1),
+              new Among("yeron", -1, 1), new Among("yendo", -1, 1),
+              new Among("yo", -1, 1), new Among("yas", -1, 1),
+              new Among("yes", -1, 1), new Among("yais", -1, 1),
+              new Among("yamos", -1, 1), new Among("y\u00F3", -1, 1)
+            ],
+            a_8 = [
+              new Among("aba", -1, 2), new Among("ada", -1, 2),
+              new Among("ida", -1, 2), new Among("ara", -1, 2),
+              new Among("iera", -1, 2), new Among("\u00EDa", -1, 2),
+              new Among("ar\u00EDa", 5, 2), new Among("er\u00EDa", 5, 2),
+              new Among("ir\u00EDa", 5, 2), new Among("ad", -1, 2),
+              new Among("ed", -1, 2), new Among("id", -1, 2),
+              new Among("ase", -1, 2), new Among("iese", -1, 2),
+              new Among("aste", -1, 2), new Among("iste", -1, 2),
+              new Among("an", -1, 2), new Among("aban", 16, 2),
+              new Among("aran", 16, 2), new Among("ieran", 16, 2),
+              new Among("\u00EDan", 16, 2), new Among("ar\u00EDan", 20, 2),
+              new Among("er\u00EDan", 20, 2), new Among("ir\u00EDan", 20, 2),
+              new Among("en", -1, 1), new Among("asen", 24, 2),
+              new Among("iesen", 24, 2), new Among("aron", -1, 2),
+              new Among("ieron", -1, 2), new Among("ar\u00E1n", -1, 2),
+              new Among("er\u00E1n", -1, 2), new Among("ir\u00E1n", -1, 2),
+              new Among("ado", -1, 2), new Among("ido", -1, 2),
+              new Among("ando", -1, 2), new Among("iendo", -1, 2),
+              new Among("ar", -1, 2), new Among("er", -1, 2),
+              new Among("ir", -1, 2), new Among("as", -1, 2),
+              new Among("abas", 39, 2), new Among("adas", 39, 2),
+              new Among("idas", 39, 2), new Among("aras", 39, 2),
+              new Among("ieras", 39, 2), new Among("\u00EDas", 39, 2),
+              new Among("ar\u00EDas", 45, 2), new Among("er\u00EDas", 45, 2),
+              new Among("ir\u00EDas", 45, 2), new Among("es", -1, 1),
+              new Among("ases", 49, 2), new Among("ieses", 49, 2),
+              new Among("abais", -1, 2), new Among("arais", -1, 2),
+              new Among("ierais", -1, 2), new Among("\u00EDais", -1, 2),
+              new Among("ar\u00EDais", 55, 2), new Among("er\u00EDais", 55, 2),
+              new Among("ir\u00EDais", 55, 2), new Among("aseis", -1, 2),
+              new Among("ieseis", -1, 2), new Among("asteis", -1, 2),
+              new Among("isteis", -1, 2), new Among("\u00E1is", -1, 2),
+              new Among("\u00E9is", -1, 1), new Among("ar\u00E9is", 64, 2),
+              new Among("er\u00E9is", 64, 2), new Among("ir\u00E9is", 64, 2),
+              new Among("ados", -1, 2), new Among("idos", -1, 2),
+              new Among("amos", -1, 2), new Among("\u00E1bamos", 70, 2),
+              new Among("\u00E1ramos", 70, 2), new Among("i\u00E9ramos", 70, 2),
+              new Among("\u00EDamos", 70, 2), new Among("ar\u00EDamos", 74, 2),
+              new Among("er\u00EDamos", 74, 2), new Among("ir\u00EDamos", 74, 2),
+              new Among("emos", -1, 1), new Among("aremos", 78, 2),
+              new Among("eremos", 78, 2), new Among("iremos", 78, 2),
+              new Among("\u00E1semos", 78, 2), new Among("i\u00E9semos", 78, 2),
+              new Among("imos", -1, 2), new Among("ar\u00E1s", -1, 2),
+              new Among("er\u00E1s", -1, 2), new Among("ir\u00E1s", -1, 2),
+              new Among("\u00EDs", -1, 2), new Among("ar\u00E1", -1, 2),
+              new Among("er\u00E1", -1, 2), new Among("ir\u00E1", -1, 2),
+              new Among("ar\u00E9", -1, 2), new Among("er\u00E9", -1, 2),
+              new Among("ir\u00E9", -1, 2), new Among("i\u00F3", -1, 2)
+            ],
+            a_9 = [
+              new Among("a", -1, 1), new Among("e", -1, 2),
+              new Among("o", -1, 1), new Among("os", -1, 1),
+              new Among("\u00E1", -1, 1), new Among("\u00E9", -1, 2),
+              new Among("\u00ED", -1, 1), new Among("\u00F3", -1, 1)
+            ],
+            g_v = [17,
+              65, 16, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 17, 4, 10
+            ],
+            I_p2, I_p1, I_pV, sbp = new SnowballProgram();
+          this.setCurrent = function(word) {
+            sbp.setCurrent(word);
+          };
+          this.getCurrent = function() {
+            return sbp.getCurrent();
+          };
+
+          function habr1() {
+            if (sbp.out_grouping(g_v, 97, 252)) {
+              while (!sbp.in_grouping(g_v, 97, 252)) {
+                if (sbp.cursor >= sbp.limit)
+                  return true;
+                sbp.cursor++;
+              }
+              return false;
+            }
+            return true;
+          }
+
+          function habr2() {
+            if (sbp.in_grouping(g_v, 97, 252)) {
+              var v_1 = sbp.cursor;
+              if (habr1()) {
+                sbp.cursor = v_1;
+                if (!sbp.in_grouping(g_v, 97, 252))
+                  return true;
+                while (!sbp.out_grouping(g_v, 97, 252)) {
+                  if (sbp.cursor >= sbp.limit)
+                    return true;
+                  sbp.cursor++;
+                }
+              }
+              return false;
+            }
+            return true;
+          }
+
+          function habr3() {
+            var v_1 = sbp.cursor,
+              v_2;
+            if (habr2()) {
+              sbp.cursor = v_1;
+              if (!sbp.out_grouping(g_v, 97, 252))
+                return;
+              v_2 = sbp.cursor;
+              if (habr1()) {
+                sbp.cursor = v_2;
+                if (!sbp.in_grouping(g_v, 97, 252) || sbp.cursor >= sbp.limit)
+                  return;
+                sbp.cursor++;
+              }
+            }
+            I_pV = sbp.cursor;
+          }
+
+          function habr4() {
+            while (!sbp.in_grouping(g_v, 97, 252)) {
+              if (sbp.cursor >= sbp.limit)
+                return false;
+              sbp.cursor++;
+            }
+            while (!sbp.out_grouping(g_v, 97, 252)) {
+              if (sbp.cursor >= sbp.limit)
+                return false;
+              sbp.cursor++;
+            }
+            return true;
+          }
+
+          function r_mark_regions() {
+            var v_1 = sbp.cursor;
+            I_pV = sbp.limit;
+            I_p1 = I_pV;
+            I_p2 = I_pV;
+            habr3();
+            sbp.cursor = v_1;
+            if (habr4()) {
+              I_p1 = sbp.cursor;
+              if (habr4())
+                I_p2 = sbp.cursor;
+            }
+          }
+
+          function r_postlude() {
+            var among_var;
+            while (true) {
+              sbp.bra = sbp.cursor;
+              among_var = sbp.find_among(a_0, 6);
+              if (among_var) {
+                sbp.ket = sbp.cursor;
+                switch (among_var) {
+                  case 1:
+                    sbp.slice_from("a");
+                    continue;
+                  case 2:
+                    sbp.slice_from("e");
+                    continue;
+                  case 3:
+                    sbp.slice_from("i");
+                    continue;
+                  case 4:
+                    sbp.slice_from("o");
+                    continue;
+                  case 5:
+                    sbp.slice_from("u");
+                    continue;
+                  case 6:
+                    if (sbp.cursor >= sbp.limit)
+                      break;
+                    sbp.cursor++;
+                    continue;
+                }
+              }
+              break;
+            }
+          }
+
+          function r_RV() {
+            return I_pV <= sbp.cursor;
+          }
+
+          function r_R1() {
+            return I_p1 <= sbp.cursor;
+          }
+
+          function r_R2() {
+            return I_p2 <= sbp.cursor;
+          }
+
+          function r_attached_pronoun() {
+            var among_var;
+            sbp.ket = sbp.cursor;
+            if (sbp.find_among_b(a_1, 13)) {
+              sbp.bra = sbp.cursor;
+              among_var = sbp.find_among_b(a_2, 11);
+              if (among_var && r_RV())
+                switch (among_var) {
+                  case 1:
+                    sbp.bra = sbp.cursor;
+                    sbp.slice_from("iendo");
+                    break;
+                  case 2:
+                    sbp.bra = sbp.cursor;
+                    sbp.slice_from("ando");
+                    break;
+                  case 3:
+                    sbp.bra = sbp.cursor;
+                    sbp.slice_from("ar");
+                    break;
+                  case 4:
+                    sbp.bra = sbp.cursor;
+                    sbp.slice_from("er");
+                    break;
+                  case 5:
+                    sbp.bra = sbp.cursor;
+                    sbp.slice_from("ir");
+                    break;
+                  case 6:
+                    sbp.slice_del();
+                    break;
+                  case 7:
+                    if (sbp.eq_s_b(1, "u"))
+                      sbp.slice_del();
+                    break;
+                }
+            }
+          }
+
+          function habr5(a, n) {
+            if (!r_R2())
+              return true;
+            sbp.slice_del();
+            sbp.ket = sbp.cursor;
+            var among_var = sbp.find_among_b(a, n);
+            if (among_var) {
+              sbp.bra = sbp.cursor;
+              if (among_var == 1 && r_R2())
+                sbp.slice_del();
+            }
+            return false;
+          }
+
+          function habr6(c1) {
+            if (!r_R2())
+              return true;
+            sbp.slice_del();
+            sbp.ket = sbp.cursor;
+            if (sbp.eq_s_b(2, c1)) {
+              sbp.bra = sbp.cursor;
+              if (r_R2())
+                sbp.slice_del();
+            }
+            return false;
+          }
+
+          function r_standard_suffix() {
+            var among_var;
+            sbp.ket = sbp.cursor;
+            among_var = sbp.find_among_b(a_6, 46);
+            if (among_var) {
+              sbp.bra = sbp.cursor;
+              switch (among_var) {
+                case 1:
+                  if (!r_R2())
+                    return false;
+                  sbp.slice_del();
+                  break;
+                case 2:
+                  if (habr6("ic"))
+                    return false;
+                  break;
+                case 3:
+                  if (!r_R2())
+                    return false;
+                  sbp.slice_from("log");
+                  break;
+                case 4:
+                  if (!r_R2())
+                    return false;
+                  sbp.slice_from("u");
+                  break;
+                case 5:
+                  if (!r_R2())
+                    return false;
+                  sbp.slice_from("ente");
+                  break;
+                case 6:
+                  if (!r_R1())
+                    return false;
+                  sbp.slice_del();
+                  sbp.ket = sbp.cursor;
+                  among_var = sbp.find_among_b(a_3, 4);
+                  if (among_var) {
+                    sbp.bra = sbp.cursor;
+                    if (r_R2()) {
+                      sbp.slice_del();
+                      if (among_var == 1) {
+                        sbp.ket = sbp.cursor;
+                        if (sbp.eq_s_b(2, "at")) {
+                          sbp.bra = sbp.cursor;
+                          if (r_R2())
+                            sbp.slice_del();
+                        }
+                      }
+                    }
+                  }
+                  break;
+                case 7:
+                  if (habr5(a_4, 3))
+                    return false;
+                  break;
+                case 8:
+                  if (habr5(a_5, 3))
+                    return false;
+                  break;
+                case 9:
+                  if (habr6("at"))
+                    return false;
+                  break;
+              }
+              return true;
+            }
+            return false;
+          }
+
+          function r_y_verb_suffix() {
+            var among_var, v_1;
+            if (sbp.cursor >= I_pV) {
+              v_1 = sbp.limit_backward;
+              sbp.limit_backward = I_pV;
+              sbp.ket = sbp.cursor;
+              among_var = sbp.find_among_b(a_7, 12);
+              sbp.limit_backward = v_1;
+              if (among_var) {
+                sbp.bra = sbp.cursor;
+                if (among_var == 1) {
+                  if (!sbp.eq_s_b(1, "u"))
+                    return false;
+                  sbp.slice_del();
+                }
+                return true;
+              }
+            }
+            return false;
+          }
+
+          function r_verb_suffix() {
+            var among_var, v_1, v_2, v_3;
+            if (sbp.cursor >= I_pV) {
+              v_1 = sbp.limit_backward;
+              sbp.limit_backward = I_pV;
+              sbp.ket = sbp.cursor;
+              among_var = sbp.find_among_b(a_8, 96);
+              sbp.limit_backward = v_1;
+              if (among_var) {
+                sbp.bra = sbp.cursor;
+                switch (among_var) {
+                  case 1:
+                    v_2 = sbp.limit - sbp.cursor;
+                    if (sbp.eq_s_b(1, "u")) {
+                      v_3 = sbp.limit - sbp.cursor;
+                      if (sbp.eq_s_b(1, "g"))
+                        sbp.cursor = sbp.limit - v_3;
+                      else
+                        sbp.cursor = sbp.limit - v_2;
+                    } else
+                      sbp.cursor = sbp.limit - v_2;
+                    sbp.bra = sbp.cursor;
+                  case 2:
+                    sbp.slice_del();
+                    break;
+                }
+              }
+            }
+          }
+
+          function r_residual_suffix() {
+            var among_var, v_1;
+            sbp.ket = sbp.cursor;
+            among_var = sbp.find_among_b(a_9, 8);
+            if (among_var) {
+              sbp.bra = sbp.cursor;
+              switch (among_var) {
+                case 1:
+                  if (r_RV())
+                    sbp.slice_del();
+                  break;
+                case 2:
+                  if (r_RV()) {
+                    sbp.slice_del();
+                    sbp.ket = sbp.cursor;
+                    if (sbp.eq_s_b(1, "u")) {
+                      sbp.bra = sbp.cursor;
+                      v_1 = sbp.limit - sbp.cursor;
+                      if (sbp.eq_s_b(1, "g")) {
+                        sbp.cursor = sbp.limit - v_1;
+                        if (r_RV())
+                          sbp.slice_del();
+                      }
+                    }
+                  }
+                  break;
+              }
+            }
+          }
+          this.stem = function() {
+            var v_1 = sbp.cursor;
+            r_mark_regions();
+            sbp.limit_backward = v_1;
+            sbp.cursor = sbp.limit;
+            r_attached_pronoun();
+            sbp.cursor = sbp.limit;
+            if (!r_standard_suffix()) {
+              sbp.cursor = sbp.limit;
+              if (!r_y_verb_suffix()) {
+                sbp.cursor = sbp.limit;
+                r_verb_suffix();
+              }
+            }
+            sbp.cursor = sbp.limit;
+            r_residual_suffix();
+            sbp.cursor = sbp.limit_backward;
+            r_postlude();
+            return true;
+          }
+        };
+
+      /* and return a function that stems a word for the current locale */
+      return function(token) {
+        // for lunr version 2
+        if (typeof token.update === "function") {
+          return token.update(function(word) {
+            st.setCurrent(word);
+            st.stem();
+            return st.getCurrent();
+          })
+        } else { // for lunr version <= 1
+          st.setCurrent(token);
+          st.stem();
+          return st.getCurrent();
+        }
+      }
+    })();
+
+    lunr.Pipeline.registerFunction(lunr.es.stemmer, 'stemmer-es');
+
+    lunr.es.stopWordFilter = lunr.generateStopWordFilter('a al algo algunas algunos ante antes como con contra cual cuando de del desde donde durante e el ella ellas ellos en entre era erais eran eras eres es esa esas ese eso esos esta estaba estabais estaban estabas estad estada estadas estado estados estamos estando estar estaremos estará estarán estarás estaré estaréis estaría estaríais estaríamos estarían estarías estas este estemos esto estos estoy estuve estuviera estuvierais estuvieran estuvieras estuvieron estuviese estuvieseis estuviesen estuvieses estuvimos estuviste estuvisteis estuviéramos estuviésemos estuvo está estábamos estáis están estás esté estéis estén estés fue fuera fuerais fueran fueras fueron fuese fueseis fuesen fueses fui fuimos fuiste fuisteis fuéramos fuésemos ha habida habidas habido habidos habiendo habremos habrá habrán habrás habré habréis habría habríais habríamos habrían habrías habéis había habíais habíamos habían habías han has hasta hay haya hayamos hayan hayas hayáis he hemos hube hubiera hubierais hubieran hubieras hubieron hubiese hubieseis hubiesen hubieses hubimos hubiste hubisteis hubiéramos hubiésemos hubo la las le les lo los me mi mis mucho muchos muy más mí mía mías mío míos nada ni no nos nosotras nosotros nuestra nuestras nuestro nuestros o os otra otras otro otros para pero poco por porque que quien quienes qué se sea seamos sean seas seremos será serán serás seré seréis sería seríais seríamos serían serías seáis sido siendo sin sobre sois somos son soy su sus suya suyas suyo suyos sí también tanto te tendremos tendrá tendrán tendrás tendré tendréis tendría tendríais tendríamos tendrían tendrías tened tenemos tenga tengamos tengan tengas tengo tengáis tenida tenidas tenido tenidos teniendo tenéis tenía teníais teníamos tenían tenías ti tiene tienen tienes todo todos tu tus tuve tuviera tuvierais tuvieran tuvieras tuvieron tuviese tuvieseis tuviesen tuvieses tuvimos tuviste tuvisteis tuviéramos tuviésemos tuvo tuya tuyas tuyo tuyos tú un una uno unos vosotras vosotros vuestra vuestras vuestro vuestros y ya yo él éramos'.split(' '));
+
+    lunr.Pipeline.registerFunction(lunr.es.stopWordFilter, 'stopWordFilter-es');
+  };
+}))
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/search/js/lunr-languages/lunr.multi.js b/apps/presentationeditor/main/resources/help/es/search/js/lunr-languages/lunr.multi.js
new file mode 100644
index 000000000..076792c72
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/search/js/lunr-languages/lunr.multi.js
@@ -0,0 +1,75 @@
+/**
+ * export the module via AMD, CommonJS or as a browser global
+ * Export code from https://github.com/umdjs/umd/blob/master/returnExports.js
+ */
+;(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(factory)
+    } else if (typeof exports === 'object') {
+        /**
+         * Node. Does not work with strict CommonJS, but
+         * only CommonJS-like environments that support module.exports,
+         * like Node.
+         */
+        module.exports = factory()
+    } else {
+        // Browser globals (root is window)
+        factory()(root.lunr);
+    }
+}(this, function () {
+    /**
+     * Just return a value to define the module export.
+     * This example returns an object, but the module
+     * can return a function as the exported value.
+     */
+    return function(lunr) {
+        /* Set up the pipeline for indexing content in multiple languages. The
+           corresponding lunr.{lang} files must be loaded before calling this
+           function; English ('en') is built in.
+
+           Returns: a lunr plugin for use in your indexer.
+
+           Known drawback: every word will be stemmed with stemmers for every
+           language. This could mean that sometimes words that have the same
+           stemming root will not be stemmed as such.
+           */
+        lunr.multiLanguage = function(/* lang1, lang2, ... */) {
+            var languages = Array.prototype.slice.call(arguments);
+            var nameSuffix = languages.join('-');
+            var wordCharacters = "";
+            var pipeline = [];
+            var searchPipeline = [];
+            for (var i = 0; i < languages.length; ++i) {
+                if (languages[i] == 'en') {
+                    wordCharacters += '\\w';
+                    pipeline.unshift(lunr.stopWordFilter);
+                    pipeline.push(lunr.stemmer);
+                    searchPipeline.push(lunr.stemmer);
+                } else {
+                    wordCharacters += lunr[languages[i]].wordCharacters;
+                    pipeline.unshift(lunr[languages[i]].stopWordFilter);
+                    pipeline.push(lunr[languages[i]].stemmer);
+                    searchPipeline.push(lunr[languages[i]].stemmer);
+                }
+            };
+            var multiTrimmer = lunr.trimmerSupport.generateTrimmer(wordCharacters);
+            lunr.Pipeline.registerFunction(multiTrimmer, 'lunr-multi-trimmer-' + nameSuffix);
+            pipeline.unshift(multiTrimmer);
+
+            return function() {
+                this.pipeline.reset();
+
+                this.pipeline.add.apply(this.pipeline, pipeline);
+
+                // for lunr version 2
+                // this is necessary so that every searched word is also stemmed before
+                // in lunr <= 1 this is not needed, as it is done using the normal pipeline
+                if (this.searchPipeline) {
+                    this.searchPipeline.reset();
+                    this.searchPipeline.add.apply(this.searchPipeline, searchPipeline);
+                }
+            };
+        }
+    }
+}));
diff --git a/apps/presentationeditor/main/resources/help/es/search/js/lunr-languages/lunr.stemmer.support.js b/apps/presentationeditor/main/resources/help/es/search/js/lunr-languages/lunr.stemmer.support.js
new file mode 100644
index 000000000..896476a18
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/search/js/lunr-languages/lunr.stemmer.support.js
@@ -0,0 +1,304 @@
+/*!
+ * Snowball JavaScript Library v0.3
+ * http://code.google.com/p/urim/
+ * http://snowball.tartarus.org/
+ *
+ * Copyright 2010, Oleg Mazko
+ * http://www.mozilla.org/MPL/
+ */
+
+/**
+ * export the module via AMD, CommonJS or as a browser global
+ * Export code from https://github.com/umdjs/umd/blob/master/returnExports.js
+ */
+;(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(factory)
+    } else if (typeof exports === 'object') {
+        /**
+         * Node. Does not work with strict CommonJS, but
+         * only CommonJS-like environments that support module.exports,
+         * like Node.
+         */
+        module.exports = factory()
+    } else {
+        // Browser globals (root is window)
+        factory()(root.lunr);
+    }
+}(this, function () {
+    /**
+     * Just return a value to define the module export.
+     * This example returns an object, but the module
+     * can return a function as the exported value.
+     */
+    return function(lunr) {
+        /* provides utilities for the included stemmers */
+        lunr.stemmerSupport = {
+            Among: function(s, substring_i, result, method) {
+                this.toCharArray = function(s) {
+                    var sLength = s.length, charArr = new Array(sLength);
+                    for (var i = 0; i < sLength; i++)
+                        charArr[i] = s.charCodeAt(i);
+                    return charArr;
+                };
+
+                if ((!s && s != "") || (!substring_i && (substring_i != 0)) || !result)
+                    throw ("Bad Among initialisation: s:" + s + ", substring_i: "
+                        + substring_i + ", result: " + result);
+                this.s_size = s.length;
+                this.s = this.toCharArray(s);
+                this.substring_i = substring_i;
+                this.result = result;
+                this.method = method;
+            },
+            SnowballProgram: function() {
+                var current;
+                return {
+                    bra : 0,
+                    ket : 0,
+                    limit : 0,
+                    cursor : 0,
+                    limit_backward : 0,
+                    setCurrent : function(word) {
+                        current = word;
+                        this.cursor = 0;
+                        this.limit = word.length;
+                        this.limit_backward = 0;
+                        this.bra = this.cursor;
+                        this.ket = this.limit;
+                    },
+                    getCurrent : function() {
+                        var result = current;
+                        current = null;
+                        return result;
+                    },
+                    in_grouping : function(s, min, max) {
+                        if (this.cursor < this.limit) {
+                            var ch = current.charCodeAt(this.cursor);
+                            if (ch <= max && ch >= min) {
+                                ch -= min;
+                                if (s[ch >> 3] & (0X1 << (ch & 0X7))) {
+                                    this.cursor++;
+                                    return true;
+                                }
+                            }
+                        }
+                        return false;
+                    },
+                    in_grouping_b : function(s, min, max) {
+                        if (this.cursor > this.limit_backward) {
+                            var ch = current.charCodeAt(this.cursor - 1);
+                            if (ch <= max && ch >= min) {
+                                ch -= min;
+                                if (s[ch >> 3] & (0X1 << (ch & 0X7))) {
+                                    this.cursor--;
+                                    return true;
+                                }
+                            }
+                        }
+                        return false;
+                    },
+                    out_grouping : function(s, min, max) {
+                        if (this.cursor < this.limit) {
+                            var ch = current.charCodeAt(this.cursor);
+                            if (ch > max || ch < min) {
+                                this.cursor++;
+                                return true;
+                            }
+                            ch -= min;
+                            if (!(s[ch >> 3] & (0X1 << (ch & 0X7)))) {
+                                this.cursor++;
+                                return true;
+                            }
+                        }
+                        return false;
+                    },
+                    out_grouping_b : function(s, min, max) {
+                        if (this.cursor > this.limit_backward) {
+                            var ch = current.charCodeAt(this.cursor - 1);
+                            if (ch > max || ch < min) {
+                                this.cursor--;
+                                return true;
+                            }
+                            ch -= min;
+                            if (!(s[ch >> 3] & (0X1 << (ch & 0X7)))) {
+                                this.cursor--;
+                                return true;
+                            }
+                        }
+                        return false;
+                    },
+                    eq_s : function(s_size, s) {
+                        if (this.limit - this.cursor < s_size)
+                            return false;
+                        for (var i = 0; i < s_size; i++)
+                            if (current.charCodeAt(this.cursor + i) != s.charCodeAt(i))
+                                return false;
+                        this.cursor += s_size;
+                        return true;
+                    },
+                    eq_s_b : function(s_size, s) {
+                        if (this.cursor - this.limit_backward < s_size)
+                            return false;
+                        for (var i = 0; i < s_size; i++)
+                            if (current.charCodeAt(this.cursor - s_size + i) != s
+                                .charCodeAt(i))
+                                return false;
+                        this.cursor -= s_size;
+                        return true;
+                    },
+                    find_among : function(v, v_size) {
+                        var i = 0, j = v_size, c = this.cursor, l = this.limit, common_i = 0, common_j = 0, first_key_inspected = false;
+                        while (true) {
+                            var k = i + ((j - i) >> 1), diff = 0, common = common_i < common_j
+                                ? common_i
+                                : common_j, w = v[k];
+                            for (var i2 = common; i2 < w.s_size; i2++) {
+                                if (c + common == l) {
+                                    diff = -1;
+                                    break;
+                                }
+                                diff = current.charCodeAt(c + common) - w.s[i2];
+                                if (diff)
+                                    break;
+                                common++;
+                            }
+                            if (diff < 0) {
+                                j = k;
+                                common_j = common;
+                            } else {
+                                i = k;
+                                common_i = common;
+                            }
+                            if (j - i <= 1) {
+                                if (i > 0 || j == i || first_key_inspected)
+                                    break;
+                                first_key_inspected = true;
+                            }
+                        }
+                        while (true) {
+                            var w = v[i];
+                            if (common_i >= w.s_size) {
+                                this.cursor = c + w.s_size;
+                                if (!w.method)
+                                    return w.result;
+                                var res = w.method();
+                                this.cursor = c + w.s_size;
+                                if (res)
+                                    return w.result;
+                            }
+                            i = w.substring_i;
+                            if (i < 0)
+                                return 0;
+                        }
+                    },
+                    find_among_b : function(v, v_size) {
+                        var i = 0, j = v_size, c = this.cursor, lb = this.limit_backward, common_i = 0, common_j = 0, first_key_inspected = false;
+                        while (true) {
+                            var k = i + ((j - i) >> 1), diff = 0, common = common_i < common_j
+                                ? common_i
+                                : common_j, w = v[k];
+                            for (var i2 = w.s_size - 1 - common; i2 >= 0; i2--) {
+                                if (c - common == lb) {
+                                    diff = -1;
+                                    break;
+                                }
+                                diff = current.charCodeAt(c - 1 - common) - w.s[i2];
+                                if (diff)
+                                    break;
+                                common++;
+                            }
+                            if (diff < 0) {
+                                j = k;
+                                common_j = common;
+                            } else {
+                                i = k;
+                                common_i = common;
+                            }
+                            if (j - i <= 1) {
+                                if (i > 0 || j == i || first_key_inspected)
+                                    break;
+                                first_key_inspected = true;
+                            }
+                        }
+                        while (true) {
+                            var w = v[i];
+                            if (common_i >= w.s_size) {
+                                this.cursor = c - w.s_size;
+                                if (!w.method)
+                                    return w.result;
+                                var res = w.method();
+                                this.cursor = c - w.s_size;
+                                if (res)
+                                    return w.result;
+                            }
+                            i = w.substring_i;
+                            if (i < 0)
+                                return 0;
+                        }
+                    },
+                    replace_s : function(c_bra, c_ket, s) {
+                        var adjustment = s.length - (c_ket - c_bra), left = current
+                            .substring(0, c_bra), right = current.substring(c_ket);
+                        current = left + s + right;
+                        this.limit += adjustment;
+                        if (this.cursor >= c_ket)
+                            this.cursor += adjustment;
+                        else if (this.cursor > c_bra)
+                            this.cursor = c_bra;
+                        return adjustment;
+                    },
+                    slice_check : function() {
+                        if (this.bra < 0 || this.bra > this.ket || this.ket > this.limit
+                            || this.limit > current.length)
+                            throw ("faulty slice operation");
+                    },
+                    slice_from : function(s) {
+                        this.slice_check();
+                        this.replace_s(this.bra, this.ket, s);
+                    },
+                    slice_del : function() {
+                        this.slice_from("");
+                    },
+                    insert : function(c_bra, c_ket, s) {
+                        var adjustment = this.replace_s(c_bra, c_ket, s);
+                        if (c_bra <= this.bra)
+                            this.bra += adjustment;
+                        if (c_bra <= this.ket)
+                            this.ket += adjustment;
+                    },
+                    slice_to : function() {
+                        this.slice_check();
+                        return current.substring(this.bra, this.ket);
+                    },
+                    eq_v_b : function(s) {
+                        return this.eq_s_b(s.length, s);
+                    }
+                };
+            }
+        };
+
+        lunr.trimmerSupport = {
+            generateTrimmer: function(wordCharacters) {
+                var startRegex = new RegExp("^[^" + wordCharacters + "]+")
+                var endRegex = new RegExp("[^" + wordCharacters + "]+$")
+
+                return function(token) {
+                    // for lunr version 2
+                    if (typeof token.update === "function") {
+                        return token.update(function (s) {
+                            return s
+                                .replace(startRegex, '')
+                                .replace(endRegex, '');
+                        })
+                    } else { // for lunr version 1
+                        return token
+                            .replace(startRegex, '')
+                            .replace(endRegex, '');
+                    }
+                };
+            }
+        }
+    }
+}));
diff --git a/apps/presentationeditor/main/resources/help/es/search/js/lunr.js b/apps/presentationeditor/main/resources/help/es/search/js/lunr.js
new file mode 100644
index 000000000..f208eba5a
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/search/js/lunr.js
@@ -0,0 +1,2977 @@
+/**
+ * lunr - http://lunrjs.com - A bit like Solr, but much smaller and not as bright - 2.1.5
+ * Copyright (C) 2017 Oliver Nightingale
+ * @license MIT
+ */
+
+;(function(){
+
+/**
+ * A convenience function for configuring and constructing
+ * a new lunr Index.
+ *
+ * A lunr.Builder instance is created and the pipeline setup
+ * with a trimmer, stop word filter and stemmer.
+ *
+ * This builder object is yielded to the configuration function
+ * that is passed as a parameter, allowing the list of fields
+ * and other builder parameters to be customised.
+ *
+ * All documents _must_ be added within the passed config function.
+ *
+ * @example
+ * var idx = lunr(function () {
+ *   this.field('title')
+ *   this.field('body')
+ *   this.ref('id')
+ *
+ *   documents.forEach(function (doc) {
+ *     this.add(doc)
+ *   }, this)
+ * })
+ *
+ * @see {@link lunr.Builder}
+ * @see {@link lunr.Pipeline}
+ * @see {@link lunr.trimmer}
+ * @see {@link lunr.stopWordFilter}
+ * @see {@link lunr.stemmer}
+ * @namespace {function} lunr
+ */
+var lunr = function (config) {
+  var builder = new lunr.Builder
+
+  builder.pipeline.add(
+    lunr.trimmer,
+    lunr.stopWordFilter,
+    lunr.stemmer
+  )
+
+  builder.searchPipeline.add(
+    lunr.stemmer
+  )
+
+  config.call(builder, builder)
+  return builder.build()
+}
+
+lunr.version = "2.1.5"
+/*!
+ * lunr.utils
+ * Copyright (C) 2017 Oliver Nightingale
+ */
+
+/**
+ * A namespace containing utils for the rest of the lunr library
+ */
+lunr.utils = {}
+
+/**
+ * Print a warning message to the console.
+ *
+ * @param {String} message The message to be printed.
+ * @memberOf Utils
+ */
+lunr.utils.warn = (function (global) {
+  /* eslint-disable no-console */
+  return function (message) {
+    if (global.console && console.warn) {
+      console.warn(message)
+    }
+  }
+  /* eslint-enable no-console */
+})(this)
+
+/**
+ * Convert an object to a string.
+ *
+ * In the case of `null` and `undefined` the function returns
+ * the empty string, in all other cases the result of calling
+ * `toString` on the passed object is returned.
+ *
+ * @param {Any} obj The object to convert to a string.
+ * @return {String} string representation of the passed object.
+ * @memberOf Utils
+ */
+lunr.utils.asString = function (obj) {
+  if (obj === void 0 || obj === null) {
+    return ""
+  } else {
+    return obj.toString()
+  }
+}
+lunr.FieldRef = function (docRef, fieldName, stringValue) {
+  this.docRef = docRef
+  this.fieldName = fieldName
+  this._stringValue = stringValue
+}
+
+lunr.FieldRef.joiner = "/"
+
+lunr.FieldRef.fromString = function (s) {
+  var n = s.indexOf(lunr.FieldRef.joiner)
+
+  if (n === -1) {
+    throw "malformed field ref string"
+  }
+
+  var fieldRef = s.slice(0, n),
+      docRef = s.slice(n + 1)
+
+  return new lunr.FieldRef (docRef, fieldRef, s)
+}
+
+lunr.FieldRef.prototype.toString = function () {
+  if (this._stringValue == undefined) {
+    this._stringValue = this.fieldName + lunr.FieldRef.joiner + this.docRef
+  }
+
+  return this._stringValue
+}
+/**
+ * A function to calculate the inverse document frequency for
+ * a posting. This is shared between the builder and the index
+ *
+ * @private
+ * @param {object} posting - The posting for a given term
+ * @param {number} documentCount - The total number of documents.
+ */
+lunr.idf = function (posting, documentCount) {
+  var documentsWithTerm = 0
+
+  for (var fieldName in posting) {
+    if (fieldName == '_index') continue // Ignore the term index, its not a field
+    documentsWithTerm += Object.keys(posting[fieldName]).length
+  }
+
+  var x = (documentCount - documentsWithTerm + 0.5) / (documentsWithTerm + 0.5)
+
+  return Math.log(1 + Math.abs(x))
+}
+
+/**
+ * A token wraps a string representation of a token
+ * as it is passed through the text processing pipeline.
+ *
+ * @constructor
+ * @param {string} [str=''] - The string token being wrapped.
+ * @param {object} [metadata={}] - Metadata associated with this token.
+ */
+lunr.Token = function (str, metadata) {
+  this.str = str || ""
+  this.metadata = metadata || {}
+}
+
+/**
+ * Returns the token string that is being wrapped by this object.
+ *
+ * @returns {string}
+ */
+lunr.Token.prototype.toString = function () {
+  return this.str
+}
+
+/**
+ * A token update function is used when updating or optionally
+ * when cloning a token.
+ *
+ * @callback lunr.Token~updateFunction
+ * @param {string} str - The string representation of the token.
+ * @param {Object} metadata - All metadata associated with this token.
+ */
+
+/**
+ * Applies the given function to the wrapped string token.
+ *
+ * @example
+ * token.update(function (str, metadata) {
+ *   return str.toUpperCase()
+ * })
+ *
+ * @param {lunr.Token~updateFunction} fn - A function to apply to the token string.
+ * @returns {lunr.Token}
+ */
+lunr.Token.prototype.update = function (fn) {
+  this.str = fn(this.str, this.metadata)
+  return this
+}
+
+/**
+ * Creates a clone of this token. Optionally a function can be
+ * applied to the cloned token.
+ *
+ * @param {lunr.Token~updateFunction} [fn] - An optional function to apply to the cloned token.
+ * @returns {lunr.Token}
+ */
+lunr.Token.prototype.clone = function (fn) {
+  fn = fn || function (s) { return s }
+  return new lunr.Token (fn(this.str, this.metadata), this.metadata)
+}
+/*!
+ * lunr.tokenizer
+ * Copyright (C) 2017 Oliver Nightingale
+ */
+
+/**
+ * A function for splitting a string into tokens ready to be inserted into
+ * the search index. Uses `lunr.tokenizer.separator` to split strings, change
+ * the value of this property to change how strings are split into tokens.
+ *
+ * This tokenizer will convert its parameter to a string by calling `toString` and
+ * then will split this string on the character in `lunr.tokenizer.separator`.
+ * Arrays will have their elements converted to strings and wrapped in a lunr.Token.
+ *
+ * @static
+ * @param {?(string|object|object[])} obj - The object to convert into tokens
+ * @returns {lunr.Token[]}
+ */
+lunr.tokenizer = function (obj) {
+  if (obj == null || obj == undefined) {
+    return []
+  }
+
+  if (Array.isArray(obj)) {
+    return obj.map(function (t) {
+      return new lunr.Token(lunr.utils.asString(t).toLowerCase())
+    })
+  }
+
+  var str = obj.toString().trim().toLowerCase(),
+      len = str.length,
+      tokens = []
+
+  for (var sliceEnd = 0, sliceStart = 0; sliceEnd <= len; sliceEnd++) {
+    var char = str.charAt(sliceEnd),
+        sliceLength = sliceEnd - sliceStart
+
+    if ((char.match(lunr.tokenizer.separator) || sliceEnd == len)) {
+
+      if (sliceLength > 0) {
+        tokens.push(
+          new lunr.Token (str.slice(sliceStart, sliceEnd), {
+            position: [sliceStart, sliceLength],
+            index: tokens.length
+          })
+        )
+      }
+
+      sliceStart = sliceEnd + 1
+    }
+
+  }
+
+  return tokens
+}
+
+/**
+ * The separator used to split a string into tokens. Override this property to change the behaviour of
+ * `lunr.tokenizer` behaviour when tokenizing strings. By default this splits on whitespace and hyphens.
+ *
+ * @static
+ * @see lunr.tokenizer
+ */
+lunr.tokenizer.separator = /[\s\-]+/
+/*!
+ * lunr.Pipeline
+ * Copyright (C) 2017 Oliver Nightingale
+ */
+
+/**
+ * lunr.Pipelines maintain an ordered list of functions to be applied to all
+ * tokens in documents entering the search index and queries being ran against
+ * the index.
+ *
+ * An instance of lunr.Index created with the lunr shortcut will contain a
+ * pipeline with a stop word filter and an English language stemmer. Extra
+ * functions can be added before or after either of these functions or these
+ * default functions can be removed.
+ *
+ * When run the pipeline will call each function in turn, passing a token, the
+ * index of that token in the original list of all tokens and finally a list of
+ * all the original tokens.
+ *
+ * The output of functions in the pipeline will be passed to the next function
+ * in the pipeline. To exclude a token from entering the index the function
+ * should return undefined, the rest of the pipeline will not be called with
+ * this token.
+ *
+ * For serialisation of pipelines to work, all functions used in an instance of
+ * a pipeline should be registered with lunr.Pipeline. Registered functions can
+ * then be loaded. If trying to load a serialised pipeline that uses functions
+ * that are not registered an error will be thrown.
+ *
+ * If not planning on serialising the pipeline then registering pipeline functions
+ * is not necessary.
+ *
+ * @constructor
+ */
+lunr.Pipeline = function () {
+  this._stack = []
+}
+
+lunr.Pipeline.registeredFunctions = Object.create(null)
+
+/**
+ * A pipeline function maps lunr.Token to lunr.Token. A lunr.Token contains the token
+ * string as well as all known metadata. A pipeline function can mutate the token string
+ * or mutate (or add) metadata for a given token.
+ *
+ * A pipeline function can indicate that the passed token should be discarded by returning
+ * null. This token will not be passed to any downstream pipeline functions and will not be
+ * added to the index.
+ *
+ * Multiple tokens can be returned by returning an array of tokens. Each token will be passed
+ * to any downstream pipeline functions and all will returned tokens will be added to the index.
+ *
+ * Any number of pipeline functions may be chained together using a lunr.Pipeline.
+ *
+ * @interface lunr.PipelineFunction
+ * @param {lunr.Token} token - A token from the document being processed.
+ * @param {number} i - The index of this token in the complete list of tokens for this document/field.
+ * @param {lunr.Token[]} tokens - All tokens for this document/field.
+ * @returns {(?lunr.Token|lunr.Token[])}
+ */
+
+/**
+ * Register a function with the pipeline.
+ *
+ * Functions that are used in the pipeline should be registered if the pipeline
+ * needs to be serialised, or a serialised pipeline needs to be loaded.
+ *
+ * Registering a function does not add it to a pipeline, functions must still be
+ * added to instances of the pipeline for them to be used when running a pipeline.
+ *
+ * @param {lunr.PipelineFunction} fn - The function to check for.
+ * @param {String} label - The label to register this function with
+ */
+lunr.Pipeline.registerFunction = function (fn, label) {
+  if (label in this.registeredFunctions) {
+    lunr.utils.warn('Overwriting existing registered function: ' + label)
+  }
+
+  fn.label = label
+  lunr.Pipeline.registeredFunctions[fn.label] = fn
+}
+
+/**
+ * Warns if the function is not registered as a Pipeline function.
+ *
+ * @param {lunr.PipelineFunction} fn - The function to check for.
+ * @private
+ */
+lunr.Pipeline.warnIfFunctionNotRegistered = function (fn) {
+  var isRegistered = fn.label && (fn.label in this.registeredFunctions)
+
+  if (!isRegistered) {
+    lunr.utils.warn('Function is not registered with pipeline. This may cause problems when serialising the index.\n', fn)
+  }
+}
+
+/**
+ * Loads a previously serialised pipeline.
+ *
+ * All functions to be loaded must already be registered with lunr.Pipeline.
+ * If any function from the serialised data has not been registered then an
+ * error will be thrown.
+ *
+ * @param {Object} serialised - The serialised pipeline to load.
+ * @returns {lunr.Pipeline}
+ */
+lunr.Pipeline.load = function (serialised) {
+  var pipeline = new lunr.Pipeline
+
+  serialised.forEach(function (fnName) {
+    var fn = lunr.Pipeline.registeredFunctions[fnName]
+
+    if (fn) {
+      pipeline.add(fn)
+    } else {
+      throw new Error('Cannot load unregistered function: ' + fnName)
+    }
+  })
+
+  return pipeline
+}
+
+/**
+ * Adds new functions to the end of the pipeline.
+ *
+ * Logs a warning if the function has not been registered.
+ *
+ * @param {lunr.PipelineFunction[]} functions - Any number of functions to add to the pipeline.
+ */
+lunr.Pipeline.prototype.add = function () {
+  var fns = Array.prototype.slice.call(arguments)
+
+  fns.forEach(function (fn) {
+    lunr.Pipeline.warnIfFunctionNotRegistered(fn)
+    this._stack.push(fn)
+  }, this)
+}
+
+/**
+ * Adds a single function after a function that already exists in the
+ * pipeline.
+ *
+ * Logs a warning if the function has not been registered.
+ *
+ * @param {lunr.PipelineFunction} existingFn - A function that already exists in the pipeline.
+ * @param {lunr.PipelineFunction} newFn - The new function to add to the pipeline.
+ */
+lunr.Pipeline.prototype.after = function (existingFn, newFn) {
+  lunr.Pipeline.warnIfFunctionNotRegistered(newFn)
+
+  var pos = this._stack.indexOf(existingFn)
+  if (pos == -1) {
+    throw new Error('Cannot find existingFn')
+  }
+
+  pos = pos + 1
+  this._stack.splice(pos, 0, newFn)
+}
+
+/**
+ * Adds a single function before a function that already exists in the
+ * pipeline.
+ *
+ * Logs a warning if the function has not been registered.
+ *
+ * @param {lunr.PipelineFunction} existingFn - A function that already exists in the pipeline.
+ * @param {lunr.PipelineFunction} newFn - The new function to add to the pipeline.
+ */
+lunr.Pipeline.prototype.before = function (existingFn, newFn) {
+  lunr.Pipeline.warnIfFunctionNotRegistered(newFn)
+
+  var pos = this._stack.indexOf(existingFn)
+  if (pos == -1) {
+    throw new Error('Cannot find existingFn')
+  }
+
+  this._stack.splice(pos, 0, newFn)
+}
+
+/**
+ * Removes a function from the pipeline.
+ *
+ * @param {lunr.PipelineFunction} fn The function to remove from the pipeline.
+ */
+lunr.Pipeline.prototype.remove = function (fn) {
+  var pos = this._stack.indexOf(fn)
+  if (pos == -1) {
+    return
+  }
+
+  this._stack.splice(pos, 1)
+}
+
+/**
+ * Runs the current list of functions that make up the pipeline against the
+ * passed tokens.
+ *
+ * @param {Array} tokens The tokens to run through the pipeline.
+ * @returns {Array}
+ */
+lunr.Pipeline.prototype.run = function (tokens) {
+  var stackLength = this._stack.length
+
+  for (var i = 0; i < stackLength; i++) {
+    var fn = this._stack[i]
+
+    tokens = tokens.reduce(function (memo, token, j) {
+      var result = fn(token, j, tokens)
+
+      if (result === void 0 || result === '') return memo
+
+      return memo.concat(result)
+    }, [])
+  }
+
+  return tokens
+}
+
+/**
+ * Convenience method for passing a string through a pipeline and getting
+ * strings out. This method takes care of wrapping the passed string in a
+ * token and mapping the resulting tokens back to strings.
+ *
+ * @param {string} str - The string to pass through the pipeline.
+ * @returns {string[]}
+ */
+lunr.Pipeline.prototype.runString = function (str) {
+  var token = new lunr.Token (str)
+
+  return this.run([token]).map(function (t) {
+    return t.toString()
+  })
+}
+
+/**
+ * Resets the pipeline by removing any existing processors.
+ *
+ */
+lunr.Pipeline.prototype.reset = function () {
+  this._stack = []
+}
+
+/**
+ * Returns a representation of the pipeline ready for serialisation.
+ *
+ * Logs a warning if the function has not been registered.
+ *
+ * @returns {Array}
+ */
+lunr.Pipeline.prototype.toJSON = function () {
+  return this._stack.map(function (fn) {
+    lunr.Pipeline.warnIfFunctionNotRegistered(fn)
+
+    return fn.label
+  })
+}
+/*!
+ * lunr.Vector
+ * Copyright (C) 2017 Oliver Nightingale
+ */
+
+/**
+ * A vector is used to construct the vector space of documents and queries. These
+ * vectors support operations to determine the similarity between two documents or
+ * a document and a query.
+ *
+ * Normally no parameters are required for initializing a vector, but in the case of
+ * loading a previously dumped vector the raw elements can be provided to the constructor.
+ *
+ * For performance reasons vectors are implemented with a flat array, where an elements
+ * index is immediately followed by its value. E.g. [index, value, index, value]. This
+ * allows the underlying array to be as sparse as possible and still offer decent
+ * performance when being used for vector calculations.
+ *
+ * @constructor
+ * @param {Number[]} [elements] - The flat list of element index and element value pairs.
+ */
+lunr.Vector = function (elements) {
+  this._magnitude = 0
+  this.elements = elements || []
+}
+
+
+/**
+ * Calculates the position within the vector to insert a given index.
+ *
+ * This is used internally by insert and upsert. If there are duplicate indexes then
+ * the position is returned as if the value for that index were to be updated, but it
+ * is the callers responsibility to check whether there is a duplicate at that index
+ *
+ * @param {Number} insertIdx - The index at which the element should be inserted.
+ * @returns {Number}
+ */
+lunr.Vector.prototype.positionForIndex = function (index) {
+  // For an empty vector the tuple can be inserted at the beginning
+  if (this.elements.length == 0) {
+    return 0
+  }
+
+  var start = 0,
+      end = this.elements.length / 2,
+      sliceLength = end - start,
+      pivotPoint = Math.floor(sliceLength / 2),
+      pivotIndex = this.elements[pivotPoint * 2]
+
+  while (sliceLength > 1) {
+    if (pivotIndex < index) {
+      start = pivotPoint
+    }
+
+    if (pivotIndex > index) {
+      end = pivotPoint
+    }
+
+    if (pivotIndex == index) {
+      break
+    }
+
+    sliceLength = end - start
+    pivotPoint = start + Math.floor(sliceLength / 2)
+    pivotIndex = this.elements[pivotPoint * 2]
+  }
+
+  if (pivotIndex == index) {
+    return pivotPoint * 2
+  }
+
+  if (pivotIndex > index) {
+    return pivotPoint * 2
+  }
+
+  if (pivotIndex < index) {
+    return (pivotPoint + 1) * 2
+  }
+}
+
+/**
+ * Inserts an element at an index within the vector.
+ *
+ * Does not allow duplicates, will throw an error if there is already an entry
+ * for this index.
+ *
+ * @param {Number} insertIdx - The index at which the element should be inserted.
+ * @param {Number} val - The value to be inserted into the vector.
+ */
+lunr.Vector.prototype.insert = function (insertIdx, val) {
+  this.upsert(insertIdx, val, function () {
+    throw "duplicate index"
+  })
+}
+
+/**
+ * Inserts or updates an existing index within the vector.
+ *
+ * @param {Number} insertIdx - The index at which the element should be inserted.
+ * @param {Number} val - The value to be inserted into the vector.
+ * @param {function} fn - A function that is called for updates, the existing value and the
+ * requested value are passed as arguments
+ */
+lunr.Vector.prototype.upsert = function (insertIdx, val, fn) {
+  this._magnitude = 0
+  var position = this.positionForIndex(insertIdx)
+
+  if (this.elements[position] == insertIdx) {
+    this.elements[position + 1] = fn(this.elements[position + 1], val)
+  } else {
+    this.elements.splice(position, 0, insertIdx, val)
+  }
+}
+
+/**
+ * Calculates the magnitude of this vector.
+ *
+ * @returns {Number}
+ */
+lunr.Vector.prototype.magnitude = function () {
+  if (this._magnitude) return this._magnitude
+
+  var sumOfSquares = 0,
+      elementsLength = this.elements.length
+
+  for (var i = 1; i < elementsLength; i += 2) {
+    var val = this.elements[i]
+    sumOfSquares += val * val
+  }
+
+  return this._magnitude = Math.sqrt(sumOfSquares)
+}
+
+/**
+ * Calculates the dot product of this vector and another vector.
+ *
+ * @param {lunr.Vector} otherVector - The vector to compute the dot product with.
+ * @returns {Number}
+ */
+lunr.Vector.prototype.dot = function (otherVector) {
+  var dotProduct = 0,
+      a = this.elements, b = otherVector.elements,
+      aLen = a.length, bLen = b.length,
+      aVal = 0, bVal = 0,
+      i = 0, j = 0
+
+  while (i < aLen && j < bLen) {
+    aVal = a[i], bVal = b[j]
+    if (aVal < bVal) {
+      i += 2
+    } else if (aVal > bVal) {
+      j += 2
+    } else if (aVal == bVal) {
+      dotProduct += a[i + 1] * b[j + 1]
+      i += 2
+      j += 2
+    }
+  }
+
+  return dotProduct
+}
+
+/**
+ * Calculates the cosine similarity between this vector and another
+ * vector.
+ *
+ * @param {lunr.Vector} otherVector - The other vector to calculate the
+ * similarity with.
+ * @returns {Number}
+ */
+lunr.Vector.prototype.similarity = function (otherVector) {
+  return this.dot(otherVector) / (this.magnitude() * otherVector.magnitude())
+}
+
+/**
+ * Converts the vector to an array of the elements within the vector.
+ *
+ * @returns {Number[]}
+ */
+lunr.Vector.prototype.toArray = function () {
+  var output = new Array (this.elements.length / 2)
+
+  for (var i = 1, j = 0; i < this.elements.length; i += 2, j++) {
+    output[j] = this.elements[i]
+  }
+
+  return output
+}
+
+/**
+ * A JSON serializable representation of the vector.
+ *
+ * @returns {Number[]}
+ */
+lunr.Vector.prototype.toJSON = function () {
+  return this.elements
+}
+/* eslint-disable */
+/*!
+ * lunr.stemmer
+ * Copyright (C) 2017 Oliver Nightingale
+ * Includes code from - http://tartarus.org/~martin/PorterStemmer/js.txt
+ */
+
+/**
+ * lunr.stemmer is an english language stemmer, this is a JavaScript
+ * implementation of the PorterStemmer taken from http://tartarus.org/~martin
+ *
+ * @static
+ * @implements {lunr.PipelineFunction}
+ * @param {lunr.Token} token - The string to stem
+ * @returns {lunr.Token}
+ * @see {@link lunr.Pipeline}
+ */
+lunr.stemmer = (function(){
+  var step2list = {
+      "ational" : "ate",
+      "tional" : "tion",
+      "enci" : "ence",
+      "anci" : "ance",
+      "izer" : "ize",
+      "bli" : "ble",
+      "alli" : "al",
+      "entli" : "ent",
+      "eli" : "e",
+      "ousli" : "ous",
+      "ization" : "ize",
+      "ation" : "ate",
+      "ator" : "ate",
+      "alism" : "al",
+      "iveness" : "ive",
+      "fulness" : "ful",
+      "ousness" : "ous",
+      "aliti" : "al",
+      "iviti" : "ive",
+      "biliti" : "ble",
+      "logi" : "log"
+    },
+
+    step3list = {
+      "icate" : "ic",
+      "ative" : "",
+      "alize" : "al",
+      "iciti" : "ic",
+      "ical" : "ic",
+      "ful" : "",
+      "ness" : ""
+    },
+
+    c = "[^aeiou]",          // consonant
+    v = "[aeiouy]",          // vowel
+    C = c + "[^aeiouy]*",    // consonant sequence
+    V = v + "[aeiou]*",      // vowel sequence
+
+    mgr0 = "^(" + C + ")?" + V + C,               // [C]VC... is m>0
+    meq1 = "^(" + C + ")?" + V + C + "(" + V + ")?$",  // [C]VC[V] is m=1
+    mgr1 = "^(" + C + ")?" + V + C + V + C,       // [C]VCVC... is m>1
+    s_v = "^(" + C + ")?" + v;                   // vowel in stem
+
+  var re_mgr0 = new RegExp(mgr0);
+  var re_mgr1 = new RegExp(mgr1);
+  var re_meq1 = new RegExp(meq1);
+  var re_s_v = new RegExp(s_v);
+
+  var re_1a = /^(.+?)(ss|i)es$/;
+  var re2_1a = /^(.+?)([^s])s$/;
+  var re_1b = /^(.+?)eed$/;
+  var re2_1b = /^(.+?)(ed|ing)$/;
+  var re_1b_2 = /.$/;
+  var re2_1b_2 = /(at|bl|iz)$/;
+  var re3_1b_2 = new RegExp("([^aeiouylsz])\\1$");
+  var re4_1b_2 = new RegExp("^" + C + v + "[^aeiouwxy]$");
+
+  var re_1c = /^(.+?[^aeiou])y$/;
+  var re_2 = /^(.+?)(ational|tional|enci|anci|izer|bli|alli|entli|eli|ousli|ization|ation|ator|alism|iveness|fulness|ousness|aliti|iviti|biliti|logi)$/;
+
+  var re_3 = /^(.+?)(icate|ative|alize|iciti|ical|ful|ness)$/;
+
+  var re_4 = /^(.+?)(al|ance|ence|er|ic|able|ible|ant|ement|ment|ent|ou|ism|ate|iti|ous|ive|ize)$/;
+  var re2_4 = /^(.+?)(s|t)(ion)$/;
+
+  var re_5 = /^(.+?)e$/;
+  var re_5_1 = /ll$/;
+  var re3_5 = new RegExp("^" + C + v + "[^aeiouwxy]$");
+
+  var porterStemmer = function porterStemmer(w) {
+    var stem,
+      suffix,
+      firstch,
+      re,
+      re2,
+      re3,
+      re4;
+
+    if (w.length < 3) { return w; }
+
+    firstch = w.substr(0,1);
+    if (firstch == "y") {
+      w = firstch.toUpperCase() + w.substr(1);
+    }
+
+    // Step 1a
+    re = re_1a
+    re2 = re2_1a;
+
+    if (re.test(w)) { w = w.replace(re,"$1$2"); }
+    else if (re2.test(w)) { w = w.replace(re2,"$1$2"); }
+
+    // Step 1b
+    re = re_1b;
+    re2 = re2_1b;
+    if (re.test(w)) {
+      var fp = re.exec(w);
+      re = re_mgr0;
+      if (re.test(fp[1])) {
+        re = re_1b_2;
+        w = w.replace(re,"");
+      }
+    } else if (re2.test(w)) {
+      var fp = re2.exec(w);
+      stem = fp[1];
+      re2 = re_s_v;
+      if (re2.test(stem)) {
+        w = stem;
+        re2 = re2_1b_2;
+        re3 = re3_1b_2;
+        re4 = re4_1b_2;
+        if (re2.test(w)) { w = w + "e"; }
+        else if (re3.test(w)) { re = re_1b_2; w = w.replace(re,""); }
+        else if (re4.test(w)) { w = w + "e"; }
+      }
+    }
+
+    // Step 1c - replace suffix y or Y by i if preceded by a non-vowel which is not the first letter of the word (so cry -> cri, by -> by, say -> say)
+    re = re_1c;
+    if (re.test(w)) {
+      var fp = re.exec(w);
+      stem = fp[1];
+      w = stem + "i";
+    }
+
+    // Step 2
+    re = re_2;
+    if (re.test(w)) {
+      var fp = re.exec(w);
+      stem = fp[1];
+      suffix = fp[2];
+      re = re_mgr0;
+      if (re.test(stem)) {
+        w = stem + step2list[suffix];
+      }
+    }
+
+    // Step 3
+    re = re_3;
+    if (re.test(w)) {
+      var fp = re.exec(w);
+      stem = fp[1];
+      suffix = fp[2];
+      re = re_mgr0;
+      if (re.test(stem)) {
+        w = stem + step3list[suffix];
+      }
+    }
+
+    // Step 4
+    re = re_4;
+    re2 = re2_4;
+    if (re.test(w)) {
+      var fp = re.exec(w);
+      stem = fp[1];
+      re = re_mgr1;
+      if (re.test(stem)) {
+        w = stem;
+      }
+    } else if (re2.test(w)) {
+      var fp = re2.exec(w);
+      stem = fp[1] + fp[2];
+      re2 = re_mgr1;
+      if (re2.test(stem)) {
+        w = stem;
+      }
+    }
+
+    // Step 5
+    re = re_5;
+    if (re.test(w)) {
+      var fp = re.exec(w);
+      stem = fp[1];
+      re = re_mgr1;
+      re2 = re_meq1;
+      re3 = re3_5;
+      if (re.test(stem) || (re2.test(stem) && !(re3.test(stem)))) {
+        w = stem;
+      }
+    }
+
+    re = re_5_1;
+    re2 = re_mgr1;
+    if (re.test(w) && re2.test(w)) {
+      re = re_1b_2;
+      w = w.replace(re,"");
+    }
+
+    // and turn initial Y back to y
+
+    if (firstch == "y") {
+      w = firstch.toLowerCase() + w.substr(1);
+    }
+
+    return w;
+  };
+
+  return function (token) {
+    return token.update(porterStemmer);
+  }
+})();
+
+lunr.Pipeline.registerFunction(lunr.stemmer, 'stemmer')
+/*!
+ * lunr.stopWordFilter
+ * Copyright (C) 2017 Oliver Nightingale
+ */
+
+/**
+ * lunr.generateStopWordFilter builds a stopWordFilter function from the provided
+ * list of stop words.
+ *
+ * The built in lunr.stopWordFilter is built using this generator and can be used
+ * to generate custom stopWordFilters for applications or non English languages.
+ *
+ * @param {Array} token The token to pass through the filter
+ * @returns {lunr.PipelineFunction}
+ * @see lunr.Pipeline
+ * @see lunr.stopWordFilter
+ */
+lunr.generateStopWordFilter = function (stopWords) {
+  var words = stopWords.reduce(function (memo, stopWord) {
+    memo[stopWord] = stopWord
+    return memo
+  }, {})
+
+  return function (token) {
+    if (token && words[token.toString()] !== token.toString()) return token
+  }
+}
+
+/**
+ * lunr.stopWordFilter is an English language stop word list filter, any words
+ * contained in the list will not be passed through the filter.
+ *
+ * This is intended to be used in the Pipeline. If the token does not pass the
+ * filter then undefined will be returned.
+ *
+ * @implements {lunr.PipelineFunction}
+ * @params {lunr.Token} token - A token to check for being a stop word.
+ * @returns {lunr.Token}
+ * @see {@link lunr.Pipeline}
+ */
+lunr.stopWordFilter = lunr.generateStopWordFilter([
+  'a',
+  'able',
+  'about',
+  'across',
+  'after',
+  'all',
+  'almost',
+  'also',
+  'am',
+  'among',
+  'an',
+  'and',
+  'any',
+  'are',
+  'as',
+  'at',
+  'be',
+  'because',
+  'been',
+  'but',
+  'by',
+  'can',
+  'cannot',
+  'could',
+  'dear',
+  'did',
+  'do',
+  'does',
+  'either',
+  'else',
+  'ever',
+  'every',
+  'for',
+  'from',
+  'get',
+  'got',
+  'had',
+  'has',
+  'have',
+  'he',
+  'her',
+  'hers',
+  'him',
+  'his',
+  'how',
+  'however',
+  'i',
+  'if',
+  'in',
+  'into',
+  'is',
+  'it',
+  'its',
+  'just',
+  'least',
+  'let',
+  'like',
+  'likely',
+  'may',
+  'me',
+  'might',
+  'most',
+  'must',
+  'my',
+  'neither',
+  'no',
+  'nor',
+  'not',
+  'of',
+  'off',
+  'often',
+  'on',
+  'only',
+  'or',
+  'other',
+  'our',
+  'own',
+  'rather',
+  'said',
+  'say',
+  'says',
+  'she',
+  'should',
+  'since',
+  'so',
+  'some',
+  'than',
+  'that',
+  'the',
+  'their',
+  'them',
+  'then',
+  'there',
+  'these',
+  'they',
+  'this',
+  'tis',
+  'to',
+  'too',
+  'twas',
+  'us',
+  'wants',
+  'was',
+  'we',
+  'were',
+  'what',
+  'when',
+  'where',
+  'which',
+  'while',
+  'who',
+  'whom',
+  'why',
+  'will',
+  'with',
+  'would',
+  'yet',
+  'you',
+  'your'
+])
+
+lunr.Pipeline.registerFunction(lunr.stopWordFilter, 'stopWordFilter')
+/*!
+ * lunr.trimmer
+ * Copyright (C) 2017 Oliver Nightingale
+ */
+
+/**
+ * lunr.trimmer is a pipeline function for trimming non word
+ * characters from the beginning and end of tokens before they
+ * enter the index.
+ *
+ * This implementation may not work correctly for non latin
+ * characters and should either be removed or adapted for use
+ * with languages with non-latin characters.
+ *
+ * @static
+ * @implements {lunr.PipelineFunction}
+ * @param {lunr.Token} token The token to pass through the filter
+ * @returns {lunr.Token}
+ * @see lunr.Pipeline
+ */
+lunr.trimmer = function (token) {
+  return token.update(function (s) {
+    return s.replace(/^\W+/, '').replace(/\W+$/, '')
+  })
+}
+
+lunr.Pipeline.registerFunction(lunr.trimmer, 'trimmer')
+/*!
+ * lunr.TokenSet
+ * Copyright (C) 2017 Oliver Nightingale
+ */
+
+/**
+ * A token set is used to store the unique list of all tokens
+ * within an index. Token sets are also used to represent an
+ * incoming query to the index, this query token set and index
+ * token set are then intersected to find which tokens to look
+ * up in the inverted index.
+ *
+ * A token set can hold multiple tokens, as in the case of the
+ * index token set, or it can hold a single token as in the
+ * case of a simple query token set.
+ *
+ * Additionally token sets are used to perform wildcard matching.
+ * Leading, contained and trailing wildcards are supported, and
+ * from this edit distance matching can also be provided.
+ *
+ * Token sets are implemented as a minimal finite state automata,
+ * where both common prefixes and suffixes are shared between tokens.
+ * This helps to reduce the space used for storing the token set.
+ *
+ * @constructor
+ */
+lunr.TokenSet = function () {
+  this.final = false
+  this.edges = {}
+  this.id = lunr.TokenSet._nextId
+  lunr.TokenSet._nextId += 1
+}
+
+/**
+ * Keeps track of the next, auto increment, identifier to assign
+ * to a new tokenSet.
+ *
+ * TokenSets require a unique identifier to be correctly minimised.
+ *
+ * @private
+ */
+lunr.TokenSet._nextId = 1
+
+/**
+ * Creates a TokenSet instance from the given sorted array of words.
+ *
+ * @param {String[]} arr - A sorted array of strings to create the set from.
+ * @returns {lunr.TokenSet}
+ * @throws Will throw an error if the input array is not sorted.
+ */
+lunr.TokenSet.fromArray = function (arr) {
+  var builder = new lunr.TokenSet.Builder
+
+  for (var i = 0, len = arr.length; i < len; i++) {
+    builder.insert(arr[i])
+  }
+
+  builder.finish()
+  return builder.root
+}
+
+/**
+ * Creates a token set from a query clause.
+ *
+ * @private
+ * @param {Object} clause - A single clause from lunr.Query.
+ * @param {string} clause.term - The query clause term.
+ * @param {number} [clause.editDistance] - The optional edit distance for the term.
+ * @returns {lunr.TokenSet}
+ */
+lunr.TokenSet.fromClause = function (clause) {
+  if ('editDistance' in clause) {
+    return lunr.TokenSet.fromFuzzyString(clause.term, clause.editDistance)
+  } else {
+    return lunr.TokenSet.fromString(clause.term)
+  }
+}
+
+/**
+ * Creates a token set representing a single string with a specified
+ * edit distance.
+ *
+ * Insertions, deletions, substitutions and transpositions are each
+ * treated as an edit distance of 1.
+ *
+ * Increasing the allowed edit distance will have a dramatic impact
+ * on the performance of both creating and intersecting these TokenSets.
+ * It is advised to keep the edit distance less than 3.
+ *
+ * @param {string} str - The string to create the token set from.
+ * @param {number} editDistance - The allowed edit distance to match.
+ * @returns {lunr.Vector}
+ */
+lunr.TokenSet.fromFuzzyString = function (str, editDistance) {
+  var root = new lunr.TokenSet
+
+  var stack = [{
+    node: root,
+    editsRemaining: editDistance,
+    str: str
+  }]
+
+  while (stack.length) {
+    var frame = stack.pop()
+
+    // no edit
+    if (frame.str.length > 0) {
+      var char = frame.str.charAt(0),
+          noEditNode
+
+      if (char in frame.node.edges) {
+        noEditNode = frame.node.edges[char]
+      } else {
+        noEditNode = new lunr.TokenSet
+        frame.node.edges[char] = noEditNode
+      }
+
+      if (frame.str.length == 1) {
+        noEditNode.final = true
+      } else {
+        stack.push({
+          node: noEditNode,
+          editsRemaining: frame.editsRemaining,
+          str: frame.str.slice(1)
+        })
+      }
+    }
+
+    // deletion
+    // can only do a deletion if we have enough edits remaining
+    // and if there are characters left to delete in the string
+    if (frame.editsRemaining > 0 && frame.str.length > 1) {
+      var char = frame.str.charAt(1),
+          deletionNode
+
+      if (char in frame.node.edges) {
+        deletionNode = frame.node.edges[char]
+      } else {
+        deletionNode = new lunr.TokenSet
+        frame.node.edges[char] = deletionNode
+      }
+
+      if (frame.str.length <= 2) {
+        deletionNode.final = true
+      } else {
+        stack.push({
+          node: deletionNode,
+          editsRemaining: frame.editsRemaining - 1,
+          str: frame.str.slice(2)
+        })
+      }
+    }
+
+    // deletion
+    // just removing the last character from the str
+    if (frame.editsRemaining > 0 && frame.str.length == 1) {
+      frame.node.final = true
+    }
+
+    // substitution
+    // can only do a substitution if we have enough edits remaining
+    // and if there are characters left to substitute
+    if (frame.editsRemaining > 0 && frame.str.length >= 1) {
+      if ("*" in frame.node.edges) {
+        var substitutionNode = frame.node.edges["*"]
+      } else {
+        var substitutionNode = new lunr.TokenSet
+        frame.node.edges["*"] = substitutionNode
+      }
+
+      if (frame.str.length == 1) {
+        substitutionNode.final = true
+      } else {
+        stack.push({
+          node: substitutionNode,
+          editsRemaining: frame.editsRemaining - 1,
+          str: frame.str.slice(1)
+        })
+      }
+    }
+
+    // insertion
+    // can only do insertion if there are edits remaining
+    if (frame.editsRemaining > 0) {
+      if ("*" in frame.node.edges) {
+        var insertionNode = frame.node.edges["*"]
+      } else {
+        var insertionNode = new lunr.TokenSet
+        frame.node.edges["*"] = insertionNode
+      }
+
+      if (frame.str.length == 0) {
+        insertionNode.final = true
+      } else {
+        stack.push({
+          node: insertionNode,
+          editsRemaining: frame.editsRemaining - 1,
+          str: frame.str
+        })
+      }
+    }
+
+    // transposition
+    // can only do a transposition if there are edits remaining
+    // and there are enough characters to transpose
+    if (frame.editsRemaining > 0 && frame.str.length > 1) {
+      var charA = frame.str.charAt(0),
+          charB = frame.str.charAt(1),
+          transposeNode
+
+      if (charB in frame.node.edges) {
+        transposeNode = frame.node.edges[charB]
+      } else {
+        transposeNode = new lunr.TokenSet
+        frame.node.edges[charB] = transposeNode
+      }
+
+      if (frame.str.length == 1) {
+        transposeNode.final = true
+      } else {
+        stack.push({
+          node: transposeNode,
+          editsRemaining: frame.editsRemaining - 1,
+          str: charA + frame.str.slice(2)
+        })
+      }
+    }
+  }
+
+  return root
+}
+
+/**
+ * Creates a TokenSet from a string.
+ *
+ * The string may contain one or more wildcard characters (*)
+ * that will allow wildcard matching when intersecting with
+ * another TokenSet.
+ *
+ * @param {string} str - The string to create a TokenSet from.
+ * @returns {lunr.TokenSet}
+ */
+lunr.TokenSet.fromString = function (str) {
+  var node = new lunr.TokenSet,
+      root = node,
+      wildcardFound = false
+
+  /*
+   * Iterates through all characters within the passed string
+   * appending a node for each character.
+   *
+   * As soon as a wildcard character is found then a self
+   * referencing edge is introduced to continually match
+   * any number of any characters.
+   */
+  for (var i = 0, len = str.length; i < len; i++) {
+    var char = str[i],
+        final = (i == len - 1)
+
+    if (char == "*") {
+      wildcardFound = true
+      node.edges[char] = node
+      node.final = final
+
+    } else {
+      var next = new lunr.TokenSet
+      next.final = final
+
+      node.edges[char] = next
+      node = next
+
+      // TODO: is this needed anymore?
+      if (wildcardFound) {
+        node.edges["*"] = root
+      }
+    }
+  }
+
+  return root
+}
+
+/**
+ * Converts this TokenSet into an array of strings
+ * contained within the TokenSet.
+ *
+ * @returns {string[]}
+ */
+lunr.TokenSet.prototype.toArray = function () {
+  var words = []
+
+  var stack = [{
+    prefix: "",
+    node: this
+  }]
+
+  while (stack.length) {
+    var frame = stack.pop(),
+        edges = Object.keys(frame.node.edges),
+        len = edges.length
+
+    if (frame.node.final) {
+      words.push(frame.prefix)
+    }
+
+    for (var i = 0; i < len; i++) {
+      var edge = edges[i]
+
+      stack.push({
+        prefix: frame.prefix.concat(edge),
+        node: frame.node.edges[edge]
+      })
+    }
+  }
+
+  return words
+}
+
+/**
+ * Generates a string representation of a TokenSet.
+ *
+ * This is intended to allow TokenSets to be used as keys
+ * in objects, largely to aid the construction and minimisation
+ * of a TokenSet. As such it is not designed to be a human
+ * friendly representation of the TokenSet.
+ *
+ * @returns {string}
+ */
+lunr.TokenSet.prototype.toString = function () {
+  // NOTE: Using Object.keys here as this.edges is very likely
+  // to enter 'hash-mode' with many keys being added
+  //
+  // avoiding a for-in loop here as it leads to the function
+  // being de-optimised (at least in V8). From some simple
+  // benchmarks the performance is comparable, but allowing
+  // V8 to optimize may mean easy performance wins in the future.
+
+  if (this._str) {
+    return this._str
+  }
+
+  var str = this.final ? '1' : '0',
+      labels = Object.keys(this.edges).sort(),
+      len = labels.length
+
+  for (var i = 0; i < len; i++) {
+    var label = labels[i],
+        node = this.edges[label]
+
+    str = str + label + node.id
+  }
+
+  return str
+}
+
+/**
+ * Returns a new TokenSet that is the intersection of
+ * this TokenSet and the passed TokenSet.
+ *
+ * This intersection will take into account any wildcards
+ * contained within the TokenSet.
+ *
+ * @param {lunr.TokenSet} b - An other TokenSet to intersect with.
+ * @returns {lunr.TokenSet}
+ */
+lunr.TokenSet.prototype.intersect = function (b) {
+  var output = new lunr.TokenSet,
+      frame = undefined
+
+  var stack = [{
+    qNode: b,
+    output: output,
+    node: this
+  }]
+
+  while (stack.length) {
+    frame = stack.pop()
+
+    // NOTE: As with the #toString method, we are using
+    // Object.keys and a for loop instead of a for-in loop
+    // as both of these objects enter 'hash' mode, causing
+    // the function to be de-optimised in V8
+    var qEdges = Object.keys(frame.qNode.edges),
+        qLen = qEdges.length,
+        nEdges = Object.keys(frame.node.edges),
+        nLen = nEdges.length
+
+    for (var q = 0; q < qLen; q++) {
+      var qEdge = qEdges[q]
+
+      for (var n = 0; n < nLen; n++) {
+        var nEdge = nEdges[n]
+
+        if (nEdge == qEdge || qEdge == '*') {
+          var node = frame.node.edges[nEdge],
+              qNode = frame.qNode.edges[qEdge],
+              final = node.final && qNode.final,
+              next = undefined
+
+          if (nEdge in frame.output.edges) {
+            // an edge already exists for this character
+            // no need to create a new node, just set the finality
+            // bit unless this node is already final
+            next = frame.output.edges[nEdge]
+            next.final = next.final || final
+
+          } else {
+            // no edge exists yet, must create one
+            // set the finality bit and insert it
+            // into the output
+            next = new lunr.TokenSet
+            next.final = final
+            frame.output.edges[nEdge] = next
+          }
+
+          stack.push({
+            qNode: qNode,
+            output: next,
+            node: node
+          })
+        }
+      }
+    }
+  }
+
+  return output
+}
+lunr.TokenSet.Builder = function () {
+  this.previousWord = ""
+  this.root = new lunr.TokenSet
+  this.uncheckedNodes = []
+  this.minimizedNodes = {}
+}
+
+lunr.TokenSet.Builder.prototype.insert = function (word) {
+  var node,
+      commonPrefix = 0
+
+  if (word < this.previousWord) {
+    throw new Error ("Out of order word insertion")
+  }
+
+  for (var i = 0; i < word.length && i < this.previousWord.length; i++) {
+    if (word[i] != this.previousWord[i]) break
+    commonPrefix++
+  }
+
+  this.minimize(commonPrefix)
+
+  if (this.uncheckedNodes.length == 0) {
+    node = this.root
+  } else {
+    node = this.uncheckedNodes[this.uncheckedNodes.length - 1].child
+  }
+
+  for (var i = commonPrefix; i < word.length; i++) {
+    var nextNode = new lunr.TokenSet,
+        char = word[i]
+
+    node.edges[char] = nextNode
+
+    this.uncheckedNodes.push({
+      parent: node,
+      char: char,
+      child: nextNode
+    })
+
+    node = nextNode
+  }
+
+  node.final = true
+  this.previousWord = word
+}
+
+lunr.TokenSet.Builder.prototype.finish = function () {
+  this.minimize(0)
+}
+
+lunr.TokenSet.Builder.prototype.minimize = function (downTo) {
+  for (var i = this.uncheckedNodes.length - 1; i >= downTo; i--) {
+    var node = this.uncheckedNodes[i],
+        childKey = node.child.toString()
+
+    if (childKey in this.minimizedNodes) {
+      node.parent.edges[node.char] = this.minimizedNodes[childKey]
+    } else {
+      // Cache the key for this node since
+      // we know it can't change anymore
+      node.child._str = childKey
+
+      this.minimizedNodes[childKey] = node.child
+    }
+
+    this.uncheckedNodes.pop()
+  }
+}
+/*!
+ * lunr.Index
+ * Copyright (C) 2017 Oliver Nightingale
+ */
+
+/**
+ * An index contains the built index of all documents and provides a query interface
+ * to the index.
+ *
+ * Usually instances of lunr.Index will not be created using this constructor, instead
+ * lunr.Builder should be used to construct new indexes, or lunr.Index.load should be
+ * used to load previously built and serialized indexes.
+ *
+ * @constructor
+ * @param {Object} attrs - The attributes of the built search index.
+ * @param {Object} attrs.invertedIndex - An index of term/field to document reference.
+ * @param {Object<string, lunr.Vector>} attrs.documentVectors - Document vectors keyed by document reference.
+ * @param {lunr.TokenSet} attrs.tokenSet - An set of all corpus tokens.
+ * @param {string[]} attrs.fields - The names of indexed document fields.
+ * @param {lunr.Pipeline} attrs.pipeline - The pipeline to use for search terms.
+ */
+lunr.Index = function (attrs) {
+  this.invertedIndex = attrs.invertedIndex
+  this.fieldVectors = attrs.fieldVectors
+  this.tokenSet = attrs.tokenSet
+  this.fields = attrs.fields
+  this.pipeline = attrs.pipeline
+}
+
+/**
+ * A result contains details of a document matching a search query.
+ * @typedef {Object} lunr.Index~Result
+ * @property {string} ref - The reference of the document this result represents.
+ * @property {number} score - A number between 0 and 1 representing how similar this document is to the query.
+ * @property {lunr.MatchData} matchData - Contains metadata about this match including which term(s) caused the match.
+ */
+
+/**
+ * Although lunr provides the ability to create queries using lunr.Query, it also provides a simple
+ * query language which itself is parsed into an instance of lunr.Query.
+ *
+ * For programmatically building queries it is advised to directly use lunr.Query, the query language
+ * is best used for human entered text rather than program generated text.
+ *
+ * At its simplest queries can just be a single term, e.g. `hello`, multiple terms are also supported
+ * and will be combined with OR, e.g `hello world` will match documents that contain either 'hello'
+ * or 'world', though those that contain both will rank higher in the results.
+ *
+ * Wildcards can be included in terms to match one or more unspecified characters, these wildcards can
+ * be inserted anywhere within the term, and more than one wildcard can exist in a single term. Adding
+ * wildcards will increase the number of documents that will be found but can also have a negative
+ * impact on query performance, especially with wildcards at the beginning of a term.
+ *
+ * Terms can be restricted to specific fields, e.g. `title:hello`, only documents with the term
+ * hello in the title field will match this query. Using a field not present in the index will lead
+ * to an error being thrown.
+ *
+ * Modifiers can also be added to terms, lunr supports edit distance and boost modifiers on terms. A term
+ * boost will make documents matching that term score higher, e.g. `foo^5`. Edit distance is also supported
+ * to provide fuzzy matching, e.g. 'hello~2' will match documents with hello with an edit distance of 2.
+ * Avoid large values for edit distance to improve query performance.
+ *
+ * To escape special characters the backslash character '\' can be used, this allows searches to include
+ * characters that would normally be considered modifiers, e.g. `foo\~2` will search for a term "foo~2" instead
+ * of attempting to apply a boost of 2 to the search term "foo".
+ *
+ * @typedef {string} lunr.Index~QueryString
+ * @example <caption>Simple single term query</caption>
+ * hello
+ * @example <caption>Multiple term query</caption>
+ * hello world
+ * @example <caption>term scoped to a field</caption>
+ * title:hello
+ * @example <caption>term with a boost of 10</caption>
+ * hello^10
+ * @example <caption>term with an edit distance of 2</caption>
+ * hello~2
+ */
+
+/**
+ * Performs a search against the index using lunr query syntax.
+ *
+ * Results will be returned sorted by their score, the most relevant results
+ * will be returned first.
+ *
+ * For more programmatic querying use lunr.Index#query.
+ *
+ * @param {lunr.Index~QueryString} queryString - A string containing a lunr query.
+ * @throws {lunr.QueryParseError} If the passed query string cannot be parsed.
+ * @returns {lunr.Index~Result[]}
+ */
+lunr.Index.prototype.search = function (queryString) {
+  return this.query(function (query) {
+    var parser = new lunr.QueryParser(queryString, query)
+    parser.parse()
+  })
+}
+
+/**
+ * A query builder callback provides a query object to be used to express
+ * the query to perform on the index.
+ *
+ * @callback lunr.Index~queryBuilder
+ * @param {lunr.Query} query - The query object to build up.
+ * @this lunr.Query
+ */
+
+/**
+ * Performs a query against the index using the yielded lunr.Query object.
+ *
+ * If performing programmatic queries against the index, this method is preferred
+ * over lunr.Index#search so as to avoid the additional query parsing overhead.
+ *
+ * A query object is yielded to the supplied function which should be used to
+ * express the query to be run against the index.
+ *
+ * Note that although this function takes a callback parameter it is _not_ an
+ * asynchronous operation, the callback is just yielded a query object to be
+ * customized.
+ *
+ * @param {lunr.Index~queryBuilder} fn - A function that is used to build the query.
+ * @returns {lunr.Index~Result[]}
+ */
+lunr.Index.prototype.query = function (fn) {
+  // for each query clause
+  // * process terms
+  // * expand terms from token set
+  // * find matching documents and metadata
+  // * get document vectors
+  // * score documents
+
+  var query = new lunr.Query(this.fields),
+      matchingFields = Object.create(null),
+      queryVectors = Object.create(null),
+      termFieldCache = Object.create(null)
+
+  fn.call(query, query)
+
+  for (var i = 0; i < query.clauses.length; i++) {
+    /*
+     * Unless the pipeline has been disabled for this term, which is
+     * the case for terms with wildcards, we need to pass the clause
+     * term through the search pipeline. A pipeline returns an array
+     * of processed terms. Pipeline functions may expand the passed
+     * term, which means we may end up performing multiple index lookups
+     * for a single query term.
+     */
+    var clause = query.clauses[i],
+        terms = null
+
+    if (clause.usePipeline) {
+      terms = this.pipeline.runString(clause.term)
+    } else {
+      terms = [clause.term]
+    }
+
+    for (var m = 0; m < terms.length; m++) {
+      var term = terms[m]
+
+      /*
+       * Each term returned from the pipeline needs to use the same query
+       * clause object, e.g. the same boost and or edit distance. The
+       * simplest way to do this is to re-use the clause object but mutate
+       * its term property.
+       */
+      clause.term = term
+
+      /*
+       * From the term in the clause we create a token set which will then
+       * be used to intersect the indexes token set to get a list of terms
+       * to lookup in the inverted index
+       */
+      var termTokenSet = lunr.TokenSet.fromClause(clause),
+          expandedTerms = this.tokenSet.intersect(termTokenSet).toArray()
+
+      for (var j = 0; j < expandedTerms.length; j++) {
+        /*
+         * For each term get the posting and termIndex, this is required for
+         * building the query vector.
+         */
+        var expandedTerm = expandedTerms[j],
+            posting = this.invertedIndex[expandedTerm],
+            termIndex = posting._index
+
+        for (var k = 0; k < clause.fields.length; k++) {
+          /*
+           * For each field that this query term is scoped by (by default
+           * all fields are in scope) we need to get all the document refs
+           * that have this term in that field.
+           *
+           * The posting is the entry in the invertedIndex for the matching
+           * term from above.
+           */
+          var field = clause.fields[k],
+              fieldPosting = posting[field],
+              matchingDocumentRefs = Object.keys(fieldPosting),
+              termField = expandedTerm + "/" + field
+
+          /*
+           * To support field level boosts a query vector is created per
+           * field. This vector is populated using the termIndex found for
+           * the term and a unit value with the appropriate boost applied.
+           *
+           * If the query vector for this field does not exist yet it needs
+           * to be created.
+           */
+          if (queryVectors[field] === undefined) {
+            queryVectors[field] = new lunr.Vector
+          }
+
+          /*
+           * Using upsert because there could already be an entry in the vector
+           * for the term we are working with. In that case we just add the scores
+           * together.
+           */
+          queryVectors[field].upsert(termIndex, 1 * clause.boost, function (a, b) { return a + b })
+
+          /**
+           * If we've already seen this term, field combo then we've already collected
+           * the matching documents and metadata, no need to go through all that again
+           */
+          if (termFieldCache[termField]) {
+            continue
+          }
+
+          for (var l = 0; l < matchingDocumentRefs.length; l++) {
+            /*
+             * All metadata for this term/field/document triple
+             * are then extracted and collected into an instance
+             * of lunr.MatchData ready to be returned in the query
+             * results
+             */
+            var matchingDocumentRef = matchingDocumentRefs[l],
+                matchingFieldRef = new lunr.FieldRef (matchingDocumentRef, field),
+                metadata = fieldPosting[matchingDocumentRef],
+                fieldMatch
+
+            if ((fieldMatch = matchingFields[matchingFieldRef]) === undefined) {
+              matchingFields[matchingFieldRef] = new lunr.MatchData (expandedTerm, field, metadata)
+            } else {
+              fieldMatch.add(expandedTerm, field, metadata)
+            }
+
+          }
+
+          termFieldCache[termField] = true
+        }
+      }
+    }
+  }
+
+  var matchingFieldRefs = Object.keys(matchingFields),
+      results = [],
+      matches = Object.create(null)
+
+  for (var i = 0; i < matchingFieldRefs.length; i++) {
+    /*
+     * Currently we have document fields that match the query, but we
+     * need to return documents. The matchData and scores are combined
+     * from multiple fields belonging to the same document.
+     *
+     * Scores are calculated by field, using the query vectors created
+     * above, and combined into a final document score using addition.
+     */
+    var fieldRef = lunr.FieldRef.fromString(matchingFieldRefs[i]),
+        docRef = fieldRef.docRef,
+        fieldVector = this.fieldVectors[fieldRef],
+        score = queryVectors[fieldRef.fieldName].similarity(fieldVector),
+        docMatch
+
+    if ((docMatch = matches[docRef]) !== undefined) {
+      docMatch.score += score
+      docMatch.matchData.combine(matchingFields[fieldRef])
+    } else {
+      var match = {
+        ref: docRef,
+        score: score,
+        matchData: matchingFields[fieldRef]
+      }
+      matches[docRef] = match
+      results.push(match)
+    }
+  }
+
+  /*
+   * Sort the results objects by score, highest first.
+   */
+  return results.sort(function (a, b) {
+    return b.score - a.score
+  })
+}
+
+/**
+ * Prepares the index for JSON serialization.
+ *
+ * The schema for this JSON blob will be described in a
+ * separate JSON schema file.
+ *
+ * @returns {Object}
+ */
+lunr.Index.prototype.toJSON = function () {
+  var invertedIndex = Object.keys(this.invertedIndex)
+    .sort()
+    .map(function (term) {
+      return [term, this.invertedIndex[term]]
+    }, this)
+
+  var fieldVectors = Object.keys(this.fieldVectors)
+    .map(function (ref) {
+      return [ref, this.fieldVectors[ref].toJSON()]
+    }, this)
+
+  return {
+    version: lunr.version,
+    fields: this.fields,
+    fieldVectors: fieldVectors,
+    invertedIndex: invertedIndex,
+    pipeline: this.pipeline.toJSON()
+  }
+}
+
+/**
+ * Loads a previously serialized lunr.Index
+ *
+ * @param {Object} serializedIndex - A previously serialized lunr.Index
+ * @returns {lunr.Index}
+ */
+lunr.Index.load = function (serializedIndex) {
+  var attrs = {},
+      fieldVectors = {},
+      serializedVectors = serializedIndex.fieldVectors,
+      invertedIndex = {},
+      serializedInvertedIndex = serializedIndex.invertedIndex,
+      tokenSetBuilder = new lunr.TokenSet.Builder,
+      pipeline = lunr.Pipeline.load(serializedIndex.pipeline)
+
+  if (serializedIndex.version != lunr.version) {
+    lunr.utils.warn("Version mismatch when loading serialised index. Current version of lunr '" + lunr.version + "' does not match serialized index '" + serializedIndex.version + "'")
+  }
+
+  for (var i = 0; i < serializedVectors.length; i++) {
+    var tuple = serializedVectors[i],
+        ref = tuple[0],
+        elements = tuple[1]
+
+    fieldVectors[ref] = new lunr.Vector(elements)
+  }
+
+  for (var i = 0; i < serializedInvertedIndex.length; i++) {
+    var tuple = serializedInvertedIndex[i],
+        term = tuple[0],
+        posting = tuple[1]
+
+    tokenSetBuilder.insert(term)
+    invertedIndex[term] = posting
+  }
+
+  tokenSetBuilder.finish()
+
+  attrs.fields = serializedIndex.fields
+
+  attrs.fieldVectors = fieldVectors
+  attrs.invertedIndex = invertedIndex
+  attrs.tokenSet = tokenSetBuilder.root
+  attrs.pipeline = pipeline
+
+  return new lunr.Index(attrs)
+}
+/*!
+ * lunr.Builder
+ * Copyright (C) 2017 Oliver Nightingale
+ */
+
+/**
+ * lunr.Builder performs indexing on a set of documents and
+ * returns instances of lunr.Index ready for querying.
+ *
+ * All configuration of the index is done via the builder, the
+ * fields to index, the document reference, the text processing
+ * pipeline and document scoring parameters are all set on the
+ * builder before indexing.
+ *
+ * @constructor
+ * @property {string} _ref - Internal reference to the document reference field.
+ * @property {string[]} _fields - Internal reference to the document fields to index.
+ * @property {object} invertedIndex - The inverted index maps terms to document fields.
+ * @property {object} documentTermFrequencies - Keeps track of document term frequencies.
+ * @property {object} documentLengths - Keeps track of the length of documents added to the index.
+ * @property {lunr.tokenizer} tokenizer - Function for splitting strings into tokens for indexing.
+ * @property {lunr.Pipeline} pipeline - The pipeline performs text processing on tokens before indexing.
+ * @property {lunr.Pipeline} searchPipeline - A pipeline for processing search terms before querying the index.
+ * @property {number} documentCount - Keeps track of the total number of documents indexed.
+ * @property {number} _b - A parameter to control field length normalization, setting this to 0 disabled normalization, 1 fully normalizes field lengths, the default value is 0.75.
+ * @property {number} _k1 - A parameter to control how quickly an increase in term frequency results in term frequency saturation, the default value is 1.2.
+ * @property {number} termIndex - A counter incremented for each unique term, used to identify a terms position in the vector space.
+ * @property {array} metadataWhitelist - A list of metadata keys that have been whitelisted for entry in the index.
+ */
+lunr.Builder = function () {
+  this._ref = "id"
+  this._fields = []
+  this.invertedIndex = Object.create(null)
+  this.fieldTermFrequencies = {}
+  this.fieldLengths = {}
+  this.tokenizer = lunr.tokenizer
+  this.pipeline = new lunr.Pipeline
+  this.searchPipeline = new lunr.Pipeline
+  this.documentCount = 0
+  this._b = 0.75
+  this._k1 = 1.2
+  this.termIndex = 0
+  this.metadataWhitelist = []
+}
+
+/**
+ * Sets the document field used as the document reference. Every document must have this field.
+ * The type of this field in the document should be a string, if it is not a string it will be
+ * coerced into a string by calling toString.
+ *
+ * The default ref is 'id'.
+ *
+ * The ref should _not_ be changed during indexing, it should be set before any documents are
+ * added to the index. Changing it during indexing can lead to inconsistent results.
+ *
+ * @param {string} ref - The name of the reference field in the document.
+ */
+lunr.Builder.prototype.ref = function (ref) {
+  this._ref = ref
+}
+
+/**
+ * Adds a field to the list of document fields that will be indexed. Every document being
+ * indexed should have this field. Null values for this field in indexed documents will
+ * not cause errors but will limit the chance of that document being retrieved by searches.
+ *
+ * All fields should be added before adding documents to the index. Adding fields after
+ * a document has been indexed will have no effect on already indexed documents.
+ *
+ * @param {string} field - The name of a field to index in all documents.
+ */
+lunr.Builder.prototype.field = function (field) {
+  this._fields.push(field)
+}
+
+/**
+ * A parameter to tune the amount of field length normalisation that is applied when
+ * calculating relevance scores. A value of 0 will completely disable any normalisation
+ * and a value of 1 will fully normalise field lengths. The default is 0.75. Values of b
+ * will be clamped to the range 0 - 1.
+ *
+ * @param {number} number - The value to set for this tuning parameter.
+ */
+lunr.Builder.prototype.b = function (number) {
+  if (number < 0) {
+    this._b = 0
+  } else if (number > 1) {
+    this._b = 1
+  } else {
+    this._b = number
+  }
+}
+
+/**
+ * A parameter that controls the speed at which a rise in term frequency results in term
+ * frequency saturation. The default value is 1.2. Setting this to a higher value will give
+ * slower saturation levels, a lower value will result in quicker saturation.
+ *
+ * @param {number} number - The value to set for this tuning parameter.
+ */
+lunr.Builder.prototype.k1 = function (number) {
+  this._k1 = number
+}
+
+/**
+ * Adds a document to the index.
+ *
+ * Before adding fields to the index the index should have been fully setup, with the document
+ * ref and all fields to index already having been specified.
+ *
+ * The document must have a field name as specified by the ref (by default this is 'id') and
+ * it should have all fields defined for indexing, though null or undefined values will not
+ * cause errors.
+ *
+ * @param {object} doc - The document to add to the index.
+ */
+lunr.Builder.prototype.add = function (doc) {
+  var docRef = doc[this._ref]
+
+  this.documentCount += 1
+
+  for (var i = 0; i < this._fields.length; i++) {
+    var fieldName = this._fields[i],
+        field = doc[fieldName],
+        tokens = this.tokenizer(field),
+        terms = this.pipeline.run(tokens),
+        fieldRef = new lunr.FieldRef (docRef, fieldName),
+        fieldTerms = Object.create(null)
+
+    this.fieldTermFrequencies[fieldRef] = fieldTerms
+    this.fieldLengths[fieldRef] = 0
+
+    // store the length of this field for this document
+    this.fieldLengths[fieldRef] += terms.length
+
+    // calculate term frequencies for this field
+    for (var j = 0; j < terms.length; j++) {
+      var term = terms[j]
+
+      if (fieldTerms[term] == undefined) {
+        fieldTerms[term] = 0
+      }
+
+      fieldTerms[term] += 1
+
+      // add to inverted index
+      // create an initial posting if one doesn't exist
+      if (this.invertedIndex[term] == undefined) {
+        var posting = Object.create(null)
+        posting["_index"] = this.termIndex
+        this.termIndex += 1
+
+        for (var k = 0; k < this._fields.length; k++) {
+          posting[this._fields[k]] = Object.create(null)
+        }
+
+        this.invertedIndex[term] = posting
+      }
+
+      // add an entry for this term/fieldName/docRef to the invertedIndex
+      if (this.invertedIndex[term][fieldName][docRef] == undefined) {
+        this.invertedIndex[term][fieldName][docRef] = Object.create(null)
+      }
+
+      // store all whitelisted metadata about this token in the
+      // inverted index
+      for (var l = 0; l < this.metadataWhitelist.length; l++) {
+        var metadataKey = this.metadataWhitelist[l],
+            metadata = term.metadata[metadataKey]
+
+        if (this.invertedIndex[term][fieldName][docRef][metadataKey] == undefined) {
+          this.invertedIndex[term][fieldName][docRef][metadataKey] = []
+        }
+
+        this.invertedIndex[term][fieldName][docRef][metadataKey].push(metadata)
+      }
+    }
+
+  }
+}
+
+/**
+ * Calculates the average document length for this index
+ *
+ * @private
+ */
+lunr.Builder.prototype.calculateAverageFieldLengths = function () {
+
+  var fieldRefs = Object.keys(this.fieldLengths),
+      numberOfFields = fieldRefs.length,
+      accumulator = {},
+      documentsWithField = {}
+
+  for (var i = 0; i < numberOfFields; i++) {
+    var fieldRef = lunr.FieldRef.fromString(fieldRefs[i]),
+        field = fieldRef.fieldName
+
+    documentsWithField[field] || (documentsWithField[field] = 0)
+    documentsWithField[field] += 1
+
+    accumulator[field] || (accumulator[field] = 0)
+    accumulator[field] += this.fieldLengths[fieldRef]
+  }
+
+  for (var i = 0; i < this._fields.length; i++) {
+    var field = this._fields[i]
+    accumulator[field] = accumulator[field] / documentsWithField[field]
+  }
+
+  this.averageFieldLength = accumulator
+}
+
+/**
+ * Builds a vector space model of every document using lunr.Vector
+ *
+ * @private
+ */
+lunr.Builder.prototype.createFieldVectors = function () {
+  var fieldVectors = {},
+      fieldRefs = Object.keys(this.fieldTermFrequencies),
+      fieldRefsLength = fieldRefs.length,
+      termIdfCache = Object.create(null)
+
+  for (var i = 0; i < fieldRefsLength; i++) {
+    var fieldRef = lunr.FieldRef.fromString(fieldRefs[i]),
+        field = fieldRef.fieldName,
+        fieldLength = this.fieldLengths[fieldRef],
+        fieldVector = new lunr.Vector,
+        termFrequencies = this.fieldTermFrequencies[fieldRef],
+        terms = Object.keys(termFrequencies),
+        termsLength = terms.length
+
+    for (var j = 0; j < termsLength; j++) {
+      var term = terms[j],
+          tf = termFrequencies[term],
+          termIndex = this.invertedIndex[term]._index,
+          idf, score, scoreWithPrecision
+
+      if (termIdfCache[term] === undefined) {
+        idf = lunr.idf(this.invertedIndex[term], this.documentCount)
+        termIdfCache[term] = idf
+      } else {
+        idf = termIdfCache[term]
+      }
+
+      score = idf * ((this._k1 + 1) * tf) / (this._k1 * (1 - this._b + this._b * (fieldLength / this.averageFieldLength[field])) + tf)
+      scoreWithPrecision = Math.round(score * 1000) / 1000
+      // Converts 1.23456789 to 1.234.
+      // Reducing the precision so that the vectors take up less
+      // space when serialised. Doing it now so that they behave
+      // the same before and after serialisation. Also, this is
+      // the fastest approach to reducing a number's precision in
+      // JavaScript.
+
+      fieldVector.insert(termIndex, scoreWithPrecision)
+    }
+
+    fieldVectors[fieldRef] = fieldVector
+  }
+
+  this.fieldVectors = fieldVectors
+}
+
+/**
+ * Creates a token set of all tokens in the index using lunr.TokenSet
+ *
+ * @private
+ */
+lunr.Builder.prototype.createTokenSet = function () {
+  this.tokenSet = lunr.TokenSet.fromArray(
+    Object.keys(this.invertedIndex).sort()
+  )
+}
+
+/**
+ * Builds the index, creating an instance of lunr.Index.
+ *
+ * This completes the indexing process and should only be called
+ * once all documents have been added to the index.
+ *
+ * @returns {lunr.Index}
+ */
+lunr.Builder.prototype.build = function () {
+  this.calculateAverageFieldLengths()
+  this.createFieldVectors()
+  this.createTokenSet()
+
+  return new lunr.Index({
+    invertedIndex: this.invertedIndex,
+    fieldVectors: this.fieldVectors,
+    tokenSet: this.tokenSet,
+    fields: this._fields,
+    pipeline: this.searchPipeline
+  })
+}
+
+/**
+ * Applies a plugin to the index builder.
+ *
+ * A plugin is a function that is called with the index builder as its context.
+ * Plugins can be used to customise or extend the behaviour of the index
+ * in some way. A plugin is just a function, that encapsulated the custom
+ * behaviour that should be applied when building the index.
+ *
+ * The plugin function will be called with the index builder as its argument, additional
+ * arguments can also be passed when calling use. The function will be called
+ * with the index builder as its context.
+ *
+ * @param {Function} plugin The plugin to apply.
+ */
+lunr.Builder.prototype.use = function (fn) {
+  var args = Array.prototype.slice.call(arguments, 1)
+  args.unshift(this)
+  fn.apply(this, args)
+}
+/**
+ * Contains and collects metadata about a matching document.
+ * A single instance of lunr.MatchData is returned as part of every
+ * lunr.Index~Result.
+ *
+ * @constructor
+ * @param {string} term - The term this match data is associated with
+ * @param {string} field - The field in which the term was found
+ * @param {object} metadata - The metadata recorded about this term in this field
+ * @property {object} metadata - A cloned collection of metadata associated with this document.
+ * @see {@link lunr.Index~Result}
+ */
+lunr.MatchData = function (term, field, metadata) {
+  var clonedMetadata = Object.create(null),
+      metadataKeys = Object.keys(metadata)
+
+  // Cloning the metadata to prevent the original
+  // being mutated during match data combination.
+  // Metadata is kept in an array within the inverted
+  // index so cloning the data can be done with
+  // Array#slice
+  for (var i = 0; i < metadataKeys.length; i++) {
+    var key = metadataKeys[i]
+    clonedMetadata[key] = metadata[key].slice()
+  }
+
+  this.metadata = Object.create(null)
+  this.metadata[term] = Object.create(null)
+  this.metadata[term][field] = clonedMetadata
+}
+
+/**
+ * An instance of lunr.MatchData will be created for every term that matches a
+ * document. However only one instance is required in a lunr.Index~Result. This
+ * method combines metadata from another instance of lunr.MatchData with this
+ * objects metadata.
+ *
+ * @param {lunr.MatchData} otherMatchData - Another instance of match data to merge with this one.
+ * @see {@link lunr.Index~Result}
+ */
+lunr.MatchData.prototype.combine = function (otherMatchData) {
+  var terms = Object.keys(otherMatchData.metadata)
+
+  for (var i = 0; i < terms.length; i++) {
+    var term = terms[i],
+        fields = Object.keys(otherMatchData.metadata[term])
+
+    if (this.metadata[term] == undefined) {
+      this.metadata[term] = Object.create(null)
+    }
+
+    for (var j = 0; j < fields.length; j++) {
+      var field = fields[j],
+          keys = Object.keys(otherMatchData.metadata[term][field])
+
+      if (this.metadata[term][field] == undefined) {
+        this.metadata[term][field] = Object.create(null)
+      }
+
+      for (var k = 0; k < keys.length; k++) {
+        var key = keys[k]
+
+        if (this.metadata[term][field][key] == undefined) {
+          this.metadata[term][field][key] = otherMatchData.metadata[term][field][key]
+        } else {
+          this.metadata[term][field][key] = this.metadata[term][field][key].concat(otherMatchData.metadata[term][field][key])
+        }
+
+      }
+    }
+  }
+}
+
+/**
+ * Add metadata for a term/field pair to this instance of match data.
+ *
+ * @param {string} term - The term this match data is associated with
+ * @param {string} field - The field in which the term was found
+ * @param {object} metadata - The metadata recorded about this term in this field
+ */
+lunr.MatchData.prototype.add = function (term, field, metadata) {
+  if (!(term in this.metadata)) {
+    this.metadata[term] = Object.create(null)
+    this.metadata[term][field] = metadata
+    return
+  }
+
+  if (!(field in this.metadata[term])) {
+    this.metadata[term][field] = metadata
+    return
+  }
+
+  var metadataKeys = Object.keys(metadata)
+
+  for (var i = 0; i < metadataKeys.length; i++) {
+    var key = metadataKeys[i]
+
+    if (key in this.metadata[term][field]) {
+      this.metadata[term][field][key] = this.metadata[term][field][key].concat(metadata[key])
+    } else {
+      this.metadata[term][field][key] = metadata[key]
+    }
+  }
+}
+/**
+ * A lunr.Query provides a programmatic way of defining queries to be performed
+ * against a {@link lunr.Index}.
+ *
+ * Prefer constructing a lunr.Query using the {@link lunr.Index#query} method
+ * so the query object is pre-initialized with the right index fields.
+ *
+ * @constructor
+ * @property {lunr.Query~Clause[]} clauses - An array of query clauses.
+ * @property {string[]} allFields - An array of all available fields in a lunr.Index.
+ */
+lunr.Query = function (allFields) {
+  this.clauses = []
+  this.allFields = allFields
+}
+
+/**
+ * Constants for indicating what kind of automatic wildcard insertion will be used when constructing a query clause.
+ *
+ * This allows wildcards to be added to the beginning and end of a term without having to manually do any string
+ * concatenation.
+ *
+ * The wildcard constants can be bitwise combined to select both leading and trailing wildcards.
+ *
+ * @constant
+ * @default
+ * @property {number} wildcard.NONE - The term will have no wildcards inserted, this is the default behaviour
+ * @property {number} wildcard.LEADING - Prepend the term with a wildcard, unless a leading wildcard already exists
+ * @property {number} wildcard.TRAILING - Append a wildcard to the term, unless a trailing wildcard already exists
+ * @see lunr.Query~Clause
+ * @see lunr.Query#clause
+ * @see lunr.Query#term
+ * @example <caption>query term with trailing wildcard</caption>
+ * query.term('foo', { wildcard: lunr.Query.wildcard.TRAILING })
+ * @example <caption>query term with leading and trailing wildcard</caption>
+ * query.term('foo', {
+ *   wildcard: lunr.Query.wildcard.LEADING | lunr.Query.wildcard.TRAILING
+ * })
+ */
+lunr.Query.wildcard = new String ("*")
+lunr.Query.wildcard.NONE = 0
+lunr.Query.wildcard.LEADING = 1
+lunr.Query.wildcard.TRAILING = 2
+
+/**
+ * A single clause in a {@link lunr.Query} contains a term and details on how to
+ * match that term against a {@link lunr.Index}.
+ *
+ * @typedef {Object} lunr.Query~Clause
+ * @property {string[]} fields - The fields in an index this clause should be matched against.
+ * @property {number} [boost=1] - Any boost that should be applied when matching this clause.
+ * @property {number} [editDistance] - Whether the term should have fuzzy matching applied, and how fuzzy the match should be.
+ * @property {boolean} [usePipeline] - Whether the term should be passed through the search pipeline.
+ * @property {number} [wildcard=0] - Whether the term should have wildcards appended or prepended.
+ */
+
+/**
+ * Adds a {@link lunr.Query~Clause} to this query.
+ *
+ * Unless the clause contains the fields to be matched all fields will be matched. In addition
+ * a default boost of 1 is applied to the clause.
+ *
+ * @param {lunr.Query~Clause} clause - The clause to add to this query.
+ * @see lunr.Query~Clause
+ * @returns {lunr.Query}
+ */
+lunr.Query.prototype.clause = function (clause) {
+  if (!('fields' in clause)) {
+    clause.fields = this.allFields
+  }
+
+  if (!('boost' in clause)) {
+    clause.boost = 1
+  }
+
+  if (!('usePipeline' in clause)) {
+    clause.usePipeline = true
+  }
+
+  if (!('wildcard' in clause)) {
+    clause.wildcard = lunr.Query.wildcard.NONE
+  }
+
+  if ((clause.wildcard & lunr.Query.wildcard.LEADING) && (clause.term.charAt(0) != lunr.Query.wildcard)) {
+    clause.term = "*" + clause.term
+  }
+
+  if ((clause.wildcard & lunr.Query.wildcard.TRAILING) && (clause.term.slice(-1) != lunr.Query.wildcard)) {
+    clause.term = "" + clause.term + "*"
+  }
+
+  this.clauses.push(clause)
+
+  return this
+}
+
+/**
+ * Adds a term to the current query, under the covers this will create a {@link lunr.Query~Clause}
+ * to the list of clauses that make up this query.
+ *
+ * @param {string} term - The term to add to the query.
+ * @param {Object} [options] - Any additional properties to add to the query clause.
+ * @returns {lunr.Query}
+ * @see lunr.Query#clause
+ * @see lunr.Query~Clause
+ * @example <caption>adding a single term to a query</caption>
+ * query.term("foo")
+ * @example <caption>adding a single term to a query and specifying search fields, term boost and automatic trailing wildcard</caption>
+ * query.term("foo", {
+ *   fields: ["title"],
+ *   boost: 10,
+ *   wildcard: lunr.Query.wildcard.TRAILING
+ * })
+ */
+lunr.Query.prototype.term = function (term, options) {
+  var clause = options || {}
+  clause.term = term
+
+  this.clause(clause)
+
+  return this
+}
+lunr.QueryParseError = function (message, start, end) {
+  this.name = "QueryParseError"
+  this.message = message
+  this.start = start
+  this.end = end
+}
+
+lunr.QueryParseError.prototype = new Error
+lunr.QueryLexer = function (str) {
+  this.lexemes = []
+  this.str = str
+  this.length = str.length
+  this.pos = 0
+  this.start = 0
+  this.escapeCharPositions = []
+}
+
+lunr.QueryLexer.prototype.run = function () {
+  var state = lunr.QueryLexer.lexText
+
+  while (state) {
+    state = state(this)
+  }
+}
+
+lunr.QueryLexer.prototype.sliceString = function () {
+  var subSlices = [],
+      sliceStart = this.start,
+      sliceEnd = this.pos
+
+  for (var i = 0; i < this.escapeCharPositions.length; i++) {
+    sliceEnd = this.escapeCharPositions[i]
+    subSlices.push(this.str.slice(sliceStart, sliceEnd))
+    sliceStart = sliceEnd + 1
+  }
+
+  subSlices.push(this.str.slice(sliceStart, this.pos))
+  this.escapeCharPositions.length = 0
+
+  return subSlices.join('')
+}
+
+lunr.QueryLexer.prototype.emit = function (type) {
+  this.lexemes.push({
+    type: type,
+    str: this.sliceString(),
+    start: this.start,
+    end: this.pos
+  })
+
+  this.start = this.pos
+}
+
+lunr.QueryLexer.prototype.escapeCharacter = function () {
+  this.escapeCharPositions.push(this.pos - 1)
+  this.pos += 1
+}
+
+lunr.QueryLexer.prototype.next = function () {
+  if (this.pos >= this.length) {
+    return lunr.QueryLexer.EOS
+  }
+
+  var char = this.str.charAt(this.pos)
+  this.pos += 1
+  return char
+}
+
+lunr.QueryLexer.prototype.width = function () {
+  return this.pos - this.start
+}
+
+lunr.QueryLexer.prototype.ignore = function () {
+  if (this.start == this.pos) {
+    this.pos += 1
+  }
+
+  this.start = this.pos
+}
+
+lunr.QueryLexer.prototype.backup = function () {
+  this.pos -= 1
+}
+
+lunr.QueryLexer.prototype.acceptDigitRun = function () {
+  var char, charCode
+
+  do {
+    char = this.next()
+    charCode = char.charCodeAt(0)
+  } while (charCode > 47 && charCode < 58)
+
+  if (char != lunr.QueryLexer.EOS) {
+    this.backup()
+  }
+}
+
+lunr.QueryLexer.prototype.more = function () {
+  return this.pos < this.length
+}
+
+lunr.QueryLexer.EOS = 'EOS'
+lunr.QueryLexer.FIELD = 'FIELD'
+lunr.QueryLexer.TERM = 'TERM'
+lunr.QueryLexer.EDIT_DISTANCE = 'EDIT_DISTANCE'
+lunr.QueryLexer.BOOST = 'BOOST'
+
+lunr.QueryLexer.lexField = function (lexer) {
+  lexer.backup()
+  lexer.emit(lunr.QueryLexer.FIELD)
+  lexer.ignore()
+  return lunr.QueryLexer.lexText
+}
+
+lunr.QueryLexer.lexTerm = function (lexer) {
+  if (lexer.width() > 1) {
+    lexer.backup()
+    lexer.emit(lunr.QueryLexer.TERM)
+  }
+
+  lexer.ignore()
+
+  if (lexer.more()) {
+    return lunr.QueryLexer.lexText
+  }
+}
+
+lunr.QueryLexer.lexEditDistance = function (lexer) {
+  lexer.ignore()
+  lexer.acceptDigitRun()
+  lexer.emit(lunr.QueryLexer.EDIT_DISTANCE)
+  return lunr.QueryLexer.lexText
+}
+
+lunr.QueryLexer.lexBoost = function (lexer) {
+  lexer.ignore()
+  lexer.acceptDigitRun()
+  lexer.emit(lunr.QueryLexer.BOOST)
+  return lunr.QueryLexer.lexText
+}
+
+lunr.QueryLexer.lexEOS = function (lexer) {
+  if (lexer.width() > 0) {
+    lexer.emit(lunr.QueryLexer.TERM)
+  }
+}
+
+// This matches the separator used when tokenising fields
+// within a document. These should match otherwise it is
+// not possible to search for some tokens within a document.
+//
+// It is possible for the user to change the separator on the
+// tokenizer so it _might_ clash with any other of the special
+// characters already used within the search string, e.g. :.
+//
+// This means that it is possible to change the separator in
+// such a way that makes some words unsearchable using a search
+// string.
+lunr.QueryLexer.termSeparator = lunr.tokenizer.separator
+
+lunr.QueryLexer.lexText = function (lexer) {
+  while (true) {
+    var char = lexer.next()
+
+    if (char == lunr.QueryLexer.EOS) {
+      return lunr.QueryLexer.lexEOS
+    }
+
+    // Escape character is '\'
+    if (char.charCodeAt(0) == 92) {
+      lexer.escapeCharacter()
+      continue
+    }
+
+    if (char == ":") {
+      return lunr.QueryLexer.lexField
+    }
+
+    if (char == "~") {
+      lexer.backup()
+      if (lexer.width() > 0) {
+        lexer.emit(lunr.QueryLexer.TERM)
+      }
+      return lunr.QueryLexer.lexEditDistance
+    }
+
+    if (char == "^") {
+      lexer.backup()
+      if (lexer.width() > 0) {
+        lexer.emit(lunr.QueryLexer.TERM)
+      }
+      return lunr.QueryLexer.lexBoost
+    }
+
+    if (char.match(lunr.QueryLexer.termSeparator)) {
+      return lunr.QueryLexer.lexTerm
+    }
+  }
+}
+
+lunr.QueryParser = function (str, query) {
+  this.lexer = new lunr.QueryLexer (str)
+  this.query = query
+  this.currentClause = {}
+  this.lexemeIdx = 0
+}
+
+lunr.QueryParser.prototype.parse = function () {
+  this.lexer.run()
+  this.lexemes = this.lexer.lexemes
+
+  var state = lunr.QueryParser.parseFieldOrTerm
+
+  while (state) {
+    state = state(this)
+  }
+
+  return this.query
+}
+
+lunr.QueryParser.prototype.peekLexeme = function () {
+  return this.lexemes[this.lexemeIdx]
+}
+
+lunr.QueryParser.prototype.consumeLexeme = function () {
+  var lexeme = this.peekLexeme()
+  this.lexemeIdx += 1
+  return lexeme
+}
+
+lunr.QueryParser.prototype.nextClause = function () {
+  var completedClause = this.currentClause
+  this.query.clause(completedClause)
+  this.currentClause = {}
+}
+
+lunr.QueryParser.parseFieldOrTerm = function (parser) {
+  var lexeme = parser.peekLexeme()
+
+  if (lexeme == undefined) {
+    return
+  }
+
+  switch (lexeme.type) {
+    case lunr.QueryLexer.FIELD:
+      return lunr.QueryParser.parseField
+    case lunr.QueryLexer.TERM:
+      return lunr.QueryParser.parseTerm
+    default:
+      var errorMessage = "expected either a field or a term, found " + lexeme.type
+
+      if (lexeme.str.length >= 1) {
+        errorMessage += " with value '" + lexeme.str + "'"
+      }
+
+      throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)
+  }
+}
+
+lunr.QueryParser.parseField = function (parser) {
+  var lexeme = parser.consumeLexeme()
+
+  if (lexeme == undefined) {
+    return
+  }
+
+  if (parser.query.allFields.indexOf(lexeme.str) == -1) {
+    var possibleFields = parser.query.allFields.map(function (f) { return "'" + f + "'" }).join(', '),
+        errorMessage = "unrecognised field '" + lexeme.str + "', possible fields: " + possibleFields
+
+    throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)
+  }
+
+  parser.currentClause.fields = [lexeme.str]
+
+  var nextLexeme = parser.peekLexeme()
+
+  if (nextLexeme == undefined) {
+    var errorMessage = "expecting term, found nothing"
+    throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)
+  }
+
+  switch (nextLexeme.type) {
+    case lunr.QueryLexer.TERM:
+      return lunr.QueryParser.parseTerm
+    default:
+      var errorMessage = "expecting term, found '" + nextLexeme.type + "'"
+      throw new lunr.QueryParseError (errorMessage, nextLexeme.start, nextLexeme.end)
+  }
+}
+
+lunr.QueryParser.parseTerm = function (parser) {
+  var lexeme = parser.consumeLexeme()
+
+  if (lexeme == undefined) {
+    return
+  }
+
+  parser.currentClause.term = lexeme.str.toLowerCase()
+
+  if (lexeme.str.indexOf("*") != -1) {
+    parser.currentClause.usePipeline = false
+  }
+
+  var nextLexeme = parser.peekLexeme()
+
+  if (nextLexeme == undefined) {
+    parser.nextClause()
+    return
+  }
+
+  switch (nextLexeme.type) {
+    case lunr.QueryLexer.TERM:
+      parser.nextClause()
+      return lunr.QueryParser.parseTerm
+    case lunr.QueryLexer.FIELD:
+      parser.nextClause()
+      return lunr.QueryParser.parseField
+    case lunr.QueryLexer.EDIT_DISTANCE:
+      return lunr.QueryParser.parseEditDistance
+    case lunr.QueryLexer.BOOST:
+      return lunr.QueryParser.parseBoost
+    default:
+      var errorMessage = "Unexpected lexeme type '" + nextLexeme.type + "'"
+      throw new lunr.QueryParseError (errorMessage, nextLexeme.start, nextLexeme.end)
+  }
+}
+
+lunr.QueryParser.parseEditDistance = function (parser) {
+  var lexeme = parser.consumeLexeme()
+
+  if (lexeme == undefined) {
+    return
+  }
+
+  var editDistance = parseInt(lexeme.str, 10)
+
+  if (isNaN(editDistance)) {
+    var errorMessage = "edit distance must be numeric"
+    throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)
+  }
+
+  parser.currentClause.editDistance = editDistance
+
+  var nextLexeme = parser.peekLexeme()
+
+  if (nextLexeme == undefined) {
+    parser.nextClause()
+    return
+  }
+
+  switch (nextLexeme.type) {
+    case lunr.QueryLexer.TERM:
+      parser.nextClause()
+      return lunr.QueryParser.parseTerm
+    case lunr.QueryLexer.FIELD:
+      parser.nextClause()
+      return lunr.QueryParser.parseField
+    case lunr.QueryLexer.EDIT_DISTANCE:
+      return lunr.QueryParser.parseEditDistance
+    case lunr.QueryLexer.BOOST:
+      return lunr.QueryParser.parseBoost
+    default:
+      var errorMessage = "Unexpected lexeme type '" + nextLexeme.type + "'"
+      throw new lunr.QueryParseError (errorMessage, nextLexeme.start, nextLexeme.end)
+  }
+}
+
+lunr.QueryParser.parseBoost = function (parser) {
+  var lexeme = parser.consumeLexeme()
+
+  if (lexeme == undefined) {
+    return
+  }
+
+  var boost = parseInt(lexeme.str, 10)
+
+  if (isNaN(boost)) {
+    var errorMessage = "boost must be numeric"
+    throw new lunr.QueryParseError (errorMessage, lexeme.start, lexeme.end)
+  }
+
+  parser.currentClause.boost = boost
+
+  var nextLexeme = parser.peekLexeme()
+
+  if (nextLexeme == undefined) {
+    parser.nextClause()
+    return
+  }
+
+  switch (nextLexeme.type) {
+    case lunr.QueryLexer.TERM:
+      parser.nextClause()
+      return lunr.QueryParser.parseTerm
+    case lunr.QueryLexer.FIELD:
+      parser.nextClause()
+      return lunr.QueryParser.parseField
+    case lunr.QueryLexer.EDIT_DISTANCE:
+      return lunr.QueryParser.parseEditDistance
+    case lunr.QueryLexer.BOOST:
+      return lunr.QueryParser.parseBoost
+    default:
+      var errorMessage = "Unexpected lexeme type '" + nextLexeme.type + "'"
+      throw new lunr.QueryParseError (errorMessage, nextLexeme.start, nextLexeme.end)
+  }
+}
+
+  /**
+   * export the module via AMD, CommonJS or as a browser global
+   * Export code from https://github.com/umdjs/umd/blob/master/returnExports.js
+   */
+  ;(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+      // AMD. Register as an anonymous module.
+      define(factory)
+    } else if (typeof exports === 'object') {
+      /**
+       * Node. Does not work with strict CommonJS, but
+       * only CommonJS-like enviroments that support module.exports,
+       * like Node.
+       */
+      module.exports = factory()
+    } else {
+      // Browser globals (root is window)
+      root.lunr = factory()
+    }
+  }(this, function () {
+    /**
+     * Just return a value to define the module export.
+     * This example returns an object, but the module
+     * can return a function as the exported value.
+     */
+    return lunr
+  }))
+})();
diff --git a/apps/presentationeditor/main/resources/help/es/search/js/page-search.js b/apps/presentationeditor/main/resources/help/es/search/js/page-search.js
new file mode 100644
index 000000000..cea11d288
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/search/js/page-search.js
@@ -0,0 +1,5 @@
+function doSearch(e) {
+    if (e.keyCode == 13) {
+        document.location.href = '../search/search.html?query=' + document.getElementById('search').value;
+    }
+}
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/help/es/search/search.html b/apps/presentationeditor/main/resources/help/es/search/search.html
new file mode 100644
index 000000000..423c76236
--- /dev/null
+++ b/apps/presentationeditor/main/resources/help/es/search/search.html
@@ -0,0 +1,235 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Search results</title>
+        <meta charset="utf-8" />
+        <meta name="description" content="Search results" />
+        <link type="text/css" rel="stylesheet" href="../editor.css" />
+        <script src="js/jquery.min.js"></script>
+        <script src="indexes.js"></script>
+        <script src="js/lunr.js"></script>
+        <script src="js/lunr-languages/lunr.stemmer.support.js"></script>
+        <script src="js/lunr-languages/lunr.multi.js"></script>
+        <script src="js/lunr-languages/lunr.es.js"></script>
+
+        <style type="text/css">
+            ul {
+                padding-left: 15px;
+                margin-top: 20px;
+            }
+
+            li {
+                list-style-type: decimal;
+                line-height: 1.5em;
+                padding-bottom: 1.5em;
+            }
+
+            li a {
+                font-family: 'Open Sans',sans-serif,Arial;
+                font-size: 1.2em;
+            }
+
+            li p {
+                margin: 0.5em 0;
+            }
+
+            li p.info {
+                color: #999;
+                font-size: 0.9em;
+                font-style: italic;
+            }
+
+            li a span {
+                background: yellow;
+            }
+
+            li p span {
+                background: yellow;
+            }
+
+        </style>
+    </head>
+    <body>
+        <script>
+            (function() {
+                var getParameterByName = function(name, url) {
+                    if (!url) url = window.location.href;
+                    name = name.replace(/[\[\]]/g, "\\$&");
+                    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
+                        results = regex.exec(url);
+                    if (!results) return null;
+                    if (!results[2]) return '';
+                    return decodeURIComponent(results[2].replace(/\+/g, " "));
+                };
+
+                var getInfoById = function(id) {
+                    var objects = $.grep(indexes, function(e){ return e.id == id; });
+
+                    if (objects.length > 0) {
+                        return objects[0]
+                    }
+
+                    return null;
+                };
+
+                var uniqueArray = function(array) {
+                    return array.map(JSON.stringify).reverse().filter(function (e, i, a) {
+                        return a.indexOf(e, i+1) === -1;
+                    }).reverse().map(JSON.parse)
+                };
+
+                var higtlightTitles = function(result, info, positions) {
+                    var elements = positions.map(function(position) {
+                        return $('<li>')
+                            .append(
+                                $('<a>', {
+                                    href: "../" + result.ref,
+                                    html: [
+                                        info.title.slice(0, position[0]),
+                                        "<span>",
+                                        info.title.slice(position[0], position[0] + position[1]),
+                                        "</span>",
+                                        info.title.slice(position[0] + position[1])
+                                    ].join('')
+                               })
+                            )
+                            .append($('<p>').text(info.body.substring(0, 250) + "..."))
+                    });
+
+                    return elements;
+                };
+
+                var higtlightBodyes = function(result, info, positions) {
+                    var elements = positions.map(function(position) {
+                        var html = [
+                            info.body.slice(0, position[0]),
+                            "<span>",
+                            info.body.slice(position[0], position[0] + position[1]),
+                            "</span>",
+                            info.body.slice(position[0] + position[1])
+                        ].join('');
+
+                        var sentences = html.split("."),
+                            displayBody = "",
+                            sentenceCount = 0,
+                            commonLength = 0;
+
+
+                        $(sentences).each(function(index, sentence) {
+                            commonLength += sentence.length;
+
+                            if (commonLength > position[0]) {
+                                sentenceCount++;
+                                displayBody += sentence + ".";
+                            }
+
+                            if (commonLength > 450 && sentenceCount > 2) {
+                                displayBody = displayBody.substring(0, 450) + "..."
+                                return false;
+                            }
+                        });
+
+                        
+                        return $('<li>')
+                            .append(
+                                $('<a>', {
+                                    href: "../" + result.ref,
+                                    html: info.title.substring(0, 150)
+                               })
+                            )
+                            .append(
+                                $('<p>')
+                                    .html(displayBody)
+                            )
+                    });
+
+                    return elements;
+                };
+
+                var processSearch = function() {
+                    var self = this,
+                        query = getParameterByName("query");
+
+                    if (query !== null && query.length > 0) {
+                        var parameterisedPlugin = function (builder, fields) {
+                            fields.forEach(function (field) {
+                                builder.field(field)
+                            })
+                        }
+
+                        var idx = lunr(function () {
+                            this.use(lunr.multiLanguage('en', 'es'))
+                            this.ref('id')
+                            this.field('title', {boost: 10})
+                            this.field('body')
+                            this.metadataWhitelist = ['position']
+                            this.use(parameterisedPlugin, ['title', 'body']);
+
+                            indexes.forEach(function (doc) {
+                              this.add(doc)
+                            }, this)
+                        });
+
+                        var results = idx.search(query),
+                            resultsCount = 0;
+
+                        if (results.length > 0) {
+                            $("#search-results").append(
+                                results.map(function(result) {
+                                    var displayInfo = getInfoById(result.ref);
+                                    if (displayInfo) {
+                                        var elements = []
+
+                                        Object.keys(result.matchData.metadata).forEach(function (term) {
+                                            Object.keys(result.matchData.metadata[term]).forEach(function (fieldName) {
+                                                if (fieldName == "title") {
+                                                    var positions = uniqueArray(result.matchData.metadata[term][fieldName].position);
+                                                    elements = elements.concat(higtlightTitles(result, displayInfo, positions));
+                                                } else if (fieldName == "body") {
+                                                    var positions = uniqueArray(result.matchData.metadata[term][fieldName].position);
+                                                    elements = elements.concat(higtlightBodyes(result, displayInfo, positions));
+                                                }
+                                            })
+                                        })
+
+                                        resultsCount += elements.length;
+
+                                        return elements.map(function(element) {
+                                            return $("<div>").append(element).html()
+                                        }).join('');
+                                    }
+                                })
+                            )
+                            $(".subtitle").html("Search results: " + resultsCount);
+                        } else {
+                            $(".subtitle").html("No search results");
+                        }
+
+                        $("h1").text("Search results");
+                    } else {
+                        $("h1").text("Search results");
+                        $(".subtitle").html("No search results");
+                    }
+                }
+
+                $(document).ready(function() {
+                    setTimeout(processSearch, 50);
+                });
+            })();
+
+            function doSearch(e) {
+                if (e.keyCode == 13) {
+                    document.location.href = 'search.html?query=' + document.getElementById('search').value;
+                }
+            }
+        </script>
+        <div class="mainpart">
+            <div class="search-field">
+                <input id="search" class="searchBar" placeholder="Search" type="search" onkeypress="doSearch(event)">
+            </div>
+            <h1>Searching...</h1>
+            <span class="subtitle"></span>
+            <ul id="search-results"></ul>
+        </div>
+    </body>
+</html>
\ No newline at end of file