[chronojump] Website changes and other minor changes



commit f2da02f9c64bac7d91fc101f18ae543bb58d1626
Author: Xavier de Blas <xaviblas gmail com>
Date:   Fri Sep 21 13:57:33 2012 +0200

    Website changes and other minor changes

 chronojump_server/r-sqlite/update-r-graphs         |    4 +-
 encoder/graph.R                                    |    2 +-
 web/chronopic_build.html                           |  219 ++++-
 web/chronopic_build_es.html                        |  216 ++++-
 web/construction_contact_platform.html             |  221 ++++-
 web/construction_contact_platform_es.html          |  217 ++++-
 web/construction_modular_circuit_platform.html     |  220 ++++-
 web/construction_modular_circuit_platform_es.html  |  216 ++++-
 web/construction_push_button.html                  |  221 ++++-
 web/construction_push_button_es.html               |  216 ++++-
 web/converting-chronopic3-to-encoder.html          |  219 ++++-
 web/documents.html                                 |  925 +++++++++++++-------
 web/documents_es.html                              |  921 +++++++++++++-------
 web/faq_hardware.html                              |  228 ++++--
 web/faq_hardware_es.html                           |  223 ++++--
 web/faq_software.html                              |  217 ++++-
 web/faq_software_es.html                           |  209 ++++-
 web/hardware_store.html                            |  212 -----
 web/hardware_store_es.html                         |  211 -----
 web/index.html                                     |  384 ++++++---
 web/index_es.html                                  |  384 ++++++--
 web/old/create_web_chronojump.pl                   |  558 ------------
 web/old/data/.svn/entries                          |  172 ----
 web/old/data/.svn/format                           |    1 -
 web/old/data/.svn/prop-base/authors.txt.svn-base   |   13 -
 .../data/.svn/prop-base/colaborations.txt.svn-base |   13 -
 .../data/.svn/prop-base/contributors.txt.svn-base  |   13 -
 web/old/data/.svn/prop-base/languages.txt.svn-base |   13 -
 web/old/data/.svn/text-base/authors.txt.svn-base   |    8 -
 .../data/.svn/text-base/colaborations.txt.svn-base |   10 -
 .../data/.svn/text-base/contributors.txt.svn-base  |    2 -
 web/old/data/.svn/text-base/languages.txt.svn-base |    7 -
 .../.svn/text-base/languages_with_de.txt.svn-base  |    8 -
 web/old/data/.svn/text-base/photos.txt.svn-base    |   43 -
 web/old/data/.svn/tmp/tempfile.2.tmp               |    8 -
 web/old/data/.svn/tmp/tempfile.tmp                 |    7 -
 web/old/data/authors.txt                           |    8 -
 web/old/data/colaborations.txt                     |   10 -
 web/old/data/contributors.txt                      |    2 -
 web/old/data/langs/.svn/entries                    |   95 --
 web/old/data/langs/.svn/format                     |    1 -
 web/old/data/langs/_ca/.svn/entries                |  125 ---
 web/old/data/langs/_ca/.svn/format                 |    1 -
 .../langs/_ca/.svn/text-base/Designed.svn-base     |    1 -
 .../data/langs/_ca/.svn/text-base/License.svn-base |   25 -
 .../data/langs/_ca/.svn/text-base/Links.svn-base   |   12 -
 .../data/langs/_ca/.svn/text-base/Print.svn-base   |    1 -
 .../data/langs/_ca/.svn/text-base/Title.svn-base   |    1 -
 .../langs/_ca/.svn/text-base/Translator.svn-base   |    1 -
 web/old/data/langs/_ca/Designed                    |    1 -
 web/old/data/langs/_ca/License                     |   25 -
 web/old/data/langs/_ca/Links                       |   12 -
 web/old/data/langs/_ca/Pages/.svn/entries          |  282 ------
 web/old/data/langs/_ca/Pages/.svn/format           |    1 -
 .../_ca/Pages/.svn/text-base/construction.svn-base |    5 -
 .../construction_contact_platform.svn-base         |   91 --
 ...construction_contact_platform_comments.svn-base |   15 -
 ...ruction_contact_platform_parallel_port.svn-base |   38 -
 .../_ca/Pages/.svn/text-base/documents.svn-base    |   82 --
 .../langs/_ca/Pages/.svn/text-base/faq.svn-base    |  120 ---
 .../_ca/Pages/.svn/text-base/features.svn-base     |   36 -
 .../langs/_ca/Pages/.svn/text-base/index.svn-base  |   40 -
 .../_ca/Pages/.svn/text-base/installation.svn-base |   25 -
 .../_ca/Pages/.svn/text-base/screenshots.svn-base  |   95 --
 web/old/data/langs/_ca/Pages/construction          |    5 -
 .../langs/_ca/Pages/construction_contact_platform  |   91 --
 .../Pages/construction_contact_platform_comments   |   15 -
 .../construction_contact_platform_parallel_port    |   38 -
 web/old/data/langs/_ca/Pages/courses               |   51 --
 web/old/data/langs/_ca/Pages/documents             |   82 --
 web/old/data/langs/_ca/Pages/faq                   |  120 ---
 web/old/data/langs/_ca/Pages/features              |   36 -
 web/old/data/langs/_ca/Pages/hardware              |   87 --
 web/old/data/langs/_ca/Pages/index                 |   40 -
 web/old/data/langs/_ca/Pages/installation          |   25 -
 web/old/data/langs/_ca/Pages/old_chronopics        |   39 -
 web/old/data/langs/_ca/Pages/screenshots           |   95 --
 web/old/data/langs/_ca/Print                       |    1 -
 web/old/data/langs/_ca/Title                       |    1 -
 web/old/data/langs/_ca/Translator                  |    1 -
 web/old/data/langs/_de/.svn/entries                |  125 ---
 web/old/data/langs/_de/.svn/format                 |    1 -
 .../langs/_de/.svn/text-base/Designed.svn-base     |    1 -
 .../data/langs/_de/.svn/text-base/License.svn-base |   26 -
 .../data/langs/_de/.svn/text-base/Links.svn-base   |   11 -
 .../data/langs/_de/.svn/text-base/Print.svn-base   |    1 -
 .../data/langs/_de/.svn/text-base/Title.svn-base   |    1 -
 .../langs/_de/.svn/text-base/Translator.svn-base   |    1 -
 web/old/data/langs/_de/Designed                    |    1 -
 web/old/data/langs/_de/License                     |   26 -
 web/old/data/langs/_de/Links                       |   11 -
 web/old/data/langs/_de/Pages/.svn/entries          |   98 --
 web/old/data/langs/_de/Pages/.svn/format           |    1 -
 .../_de/Pages/.svn/text-base/features.svn-base     |   36 -
 .../langs/_de/Pages/.svn/text-base/index.svn-base  |    3 -
 web/old/data/langs/_de/Pages/features              |   36 -
 web/old/data/langs/_de/Pages/index                 |    3 -
 web/old/data/langs/_de/Print                       |    1 -
 web/old/data/langs/_de/Title                       |    1 -
 web/old/data/langs/_de/Translator                  |    1 -
 web/old/data/langs/_en/.svn/entries                |  125 ---
 web/old/data/langs/_en/.svn/format                 |    1 -
 .../langs/_en/.svn/text-base/Designed.svn-base     |    1 -
 .../data/langs/_en/.svn/text-base/License.svn-base |   23 -
 .../data/langs/_en/.svn/text-base/Links.svn-base   |   12 -
 .../data/langs/_en/.svn/text-base/Print.svn-base   |    1 -
 .../data/langs/_en/.svn/text-base/Title.svn-base   |    1 -
 .../langs/_en/.svn/text-base/Translator.svn-base   |    1 -
 web/old/data/langs/_en/Designed                    |    1 -
 web/old/data/langs/_en/License                     |   23 -
 web/old/data/langs/_en/Links                       |   12 -
 web/old/data/langs/_en/Pages/.svn/entries          |  304 -------
 web/old/data/langs/_en/Pages/.svn/format           |    1 -
 .../_en/Pages/.svn/text-base/construction.svn-base |    5 -
 .../construction_chronopic_juanfer.svn-base        |   63 --
 .../construction_contact_platform.svn-base         |  110 ---
 .../construction_modular_circuit_platform.svn-base |  102 ---
 .../_en/Pages/.svn/text-base/documents.svn-base    |   81 --
 .../langs/_en/Pages/.svn/text-base/faq.svn-base    |  120 ---
 .../_en/Pages/.svn/text-base/features.svn-base     |   40 -
 .../langs/_en/Pages/.svn/text-base/index.svn-base  |   41 -
 .../_en/Pages/.svn/text-base/installation.svn-base |   28 -
 .../_en/Pages/.svn/text-base/screenshots.svn-base  |   95 --
 web/old/data/langs/_en/Pages/construction          |    5 -
 .../langs/_en/Pages/construction_chronopic_juanfer |   63 --
 .../langs/_en/Pages/construction_contact_platform  |  110 ---
 .../Pages/construction_contact_platform_buy_stuff  |   17 -
 .../Pages/construction_modular_circuit_platform    |  102 ---
 .../data/langs/_en/Pages/construction_push_button  |   48 -
 web/old/data/langs/_en/Pages/documents             |   81 --
 web/old/data/langs/_en/Pages/faq                   |  120 ---
 web/old/data/langs/_en/Pages/features              |   40 -
 web/old/data/langs/_en/Pages/hardware              |   85 --
 web/old/data/langs/_en/Pages/index                 |   41 -
 web/old/data/langs/_en/Pages/installation          |   28 -
 web/old/data/langs/_en/Pages/old_chronopics        |   40 -
 web/old/data/langs/_en/Pages/photocells_velleman   |   59 --
 web/old/data/langs/_en/Pages/problems              |  135 ---
 web/old/data/langs/_en/Pages/screenshots           |   95 --
 web/old/data/langs/_en/Print                       |    1 -
 web/old/data/langs/_en/Title                       |    1 -
 web/old/data/langs/_en/Translator                  |    1 -
 web/old/data/langs/_es/.svn/entries                |  125 ---
 web/old/data/langs/_es/.svn/format                 |    1 -
 .../langs/_es/.svn/text-base/Designed.svn-base     |    1 -
 .../data/langs/_es/.svn/text-base/License.svn-base |   22 -
 .../data/langs/_es/.svn/text-base/Links.svn-base   |   12 -
 .../data/langs/_es/.svn/text-base/Print.svn-base   |    1 -
 .../data/langs/_es/.svn/text-base/Title.svn-base   |    1 -
 .../langs/_es/.svn/text-base/Translator.svn-base   |    1 -
 web/old/data/langs/_es/Designed                    |    1 -
 web/old/data/langs/_es/License                     |   22 -
 web/old/data/langs/_es/Links                       |   12 -
 web/old/data/langs/_es/Pages/.svn/entries          |  386 --------
 web/old/data/langs/_es/Pages/.svn/format           |    1 -
 .../construction_modular_circuit_platform.svn-base |    5 -
 .../_es/Pages/.svn/text-base/construction.svn-base |    5 -
 .../construction_chronopic_juanfer.svn-base        |   64 --
 .../construction_contact_platform.svn-base         |  129 ---
 ...construction_contact_platform_comments.svn-base |   15 -
 ...ruction_contact_platform_parallel_port.svn-base |   33 -
 .../construction_modular_circuit_platform.svn-base |   99 ---
 .../_es/Pages/.svn/text-base/documents.svn-base    |   81 --
 .../langs/_es/Pages/.svn/text-base/faq.svn-base    |  122 ---
 .../_es/Pages/.svn/text-base/features.svn-base     |   38 -
 .../langs/_es/Pages/.svn/text-base/index.svn-base  |   40 -
 .../_es/Pages/.svn/text-base/installation.svn-base |   28 -
 .../_es/Pages/.svn/text-base/photocells.svn-base   |  123 ---
 .../_es/Pages/.svn/text-base/screenshots.svn-base  |   95 --
 .../data/langs/_es/Pages/chronopic3_lista_espera   |   22 -
 web/old/data/langs/_es/Pages/construction          |    5 -
 .../langs/_es/Pages/construction_chronopic_juanfer |   64 --
 .../langs/_es/Pages/construction_contact_platform  |  129 ---
 .../Pages/construction_contact_platform_buy_stuff  |   17 -
 .../Pages/construction_contact_platform_comments   |   15 -
 .../construction_contact_platform_parallel_port    |   33 -
 .../Pages/construction_modular_circuit_platform    |   99 ---
 .../data/langs/_es/Pages/construction_push_button  |   48 -
 web/old/data/langs/_es/Pages/courses               |   49 -
 web/old/data/langs/_es/Pages/documents             |   81 --
 web/old/data/langs/_es/Pages/faq                   |  122 ---
 web/old/data/langs/_es/Pages/features              |   38 -
 web/old/data/langs/_es/Pages/hardware              |   85 --
 web/old/data/langs/_es/Pages/index                 |   40 -
 web/old/data/langs/_es/Pages/installation          |   28 -
 web/old/data/langs/_es/Pages/old_chronopics        |   40 -
 web/old/data/langs/_es/Pages/photocells            |  123 ---
 web/old/data/langs/_es/Pages/photocells_velleman   |   59 --
 web/old/data/langs/_es/Pages/screenshots           |   95 --
 web/old/data/langs/_es/Print                       |    1 -
 web/old/data/langs/_es/Title                       |    1 -
 web/old/data/langs/_es/Translator                  |    1 -
 web/old/data/langs/_fr/.svn/entries                |  135 ---
 web/old/data/langs/_fr/.svn/format                 |    1 -
 .../langs/_fr/.svn/text-base/Designed.svn-base     |    1 -
 .../data/langs/_fr/.svn/text-base/License.svn-base |   24 -
 .../data/langs/_fr/.svn/text-base/Links.svn-base   |   12 -
 .../data/langs/_fr/.svn/text-base/Title.svn-base   |    1 -
 .../langs/_fr/.svn/text-base/Translator.svn-base   |    1 -
 web/old/data/langs/_fr/Designed                    |    1 -
 web/old/data/langs/_fr/License                     |   24 -
 web/old/data/langs/_fr/Links                       |   12 -
 web/old/data/langs/_fr/Pages/.svn/entries          |   86 --
 web/old/data/langs/_fr/Pages/.svn/format           |    1 -
 .../langs/_fr/Pages/.svn/text-base/index.svn-base  |   40 -
 web/old/data/langs/_fr/Pages/index                 |   40 -
 web/old/data/langs/_fr/Print                       |    1 -
 web/old/data/langs/_fr/Title                       |    1 -
 web/old/data/langs/_fr/Translator                  |    1 -
 web/old/data/langs/_gl/.svn/entries                |  125 ---
 web/old/data/langs/_gl/.svn/format                 |    1 -
 .../langs/_gl/.svn/text-base/Designed.svn-base     |    2 -
 .../data/langs/_gl/.svn/text-base/License.svn-base |   37 -
 .../data/langs/_gl/.svn/text-base/Links.svn-base   |   13 -
 .../data/langs/_gl/.svn/text-base/Print.svn-base   |    1 -
 .../data/langs/_gl/.svn/text-base/Title.svn-base   |    2 -
 .../langs/_gl/.svn/text-base/Translator.svn-base   |    1 -
 web/old/data/langs/_gl/Designed                    |    2 -
 web/old/data/langs/_gl/License                     |   37 -
 web/old/data/langs/_gl/Links                       |   13 -
 web/old/data/langs/_gl/Pages/.svn/entries          |  270 ------
 web/old/data/langs/_gl/Pages/.svn/format           |    1 -
 .../_gl/Pages/.svn/text-base/construction.svn-base |    5 -
 .../construction_chronopic_juanfer.svn-base        |   61 --
 .../construction_contact_platform.svn-base         |  125 ---
 .../_gl/Pages/.svn/text-base/documents.svn-base    |   91 --
 .../langs/_gl/Pages/.svn/text-base/faq.svn-base    |  126 ---
 .../_gl/Pages/.svn/text-base/features.svn-base     |   39 -
 .../langs/_gl/Pages/.svn/text-base/index.svn-base  |   42 -
 .../_gl/Pages/.svn/text-base/installation.svn-base |   29 -
 .../_gl/Pages/.svn/text-base/screenshots.svn-base  |   94 --
 web/old/data/langs/_gl/Pages/construction          |    5 -
 .../langs/_gl/Pages/construction_chronopic_juanfer |   61 --
 .../langs/_gl/Pages/construction_contact_platform  |  125 ---
 web/old/data/langs/_gl/Pages/documents             |   91 --
 web/old/data/langs/_gl/Pages/faq                   |  126 ---
 web/old/data/langs/_gl/Pages/features              |   39 -
 web/old/data/langs/_gl/Pages/hardware              |   90 --
 web/old/data/langs/_gl/Pages/index                 |   42 -
 web/old/data/langs/_gl/Pages/installation          |   29 -
 web/old/data/langs/_gl/Pages/old_chronopics        |   39 -
 web/old/data/langs/_gl/Pages/screenshots           |   94 --
 web/old/data/langs/_gl/Print                       |    1 -
 web/old/data/langs/_gl/Title                       |    2 -
 web/old/data/langs/_gl/Translator                  |    1 -
 web/old/data/langs/_it/.svn/entries                |  128 ---
 web/old/data/langs/_it/.svn/format                 |    1 -
 .../langs/_it/.svn/text-base/Designed.svn-base     |    1 -
 .../data/langs/_it/.svn/text-base/License.svn-base |   24 -
 .../data/langs/_it/.svn/text-base/Links.svn-base   |   12 -
 .../data/langs/_it/.svn/text-base/Print.svn-base   |    1 -
 .../data/langs/_it/.svn/text-base/Title.svn-base   |    1 -
 .../langs/_it/.svn/text-base/Translator.svn-base   |    1 -
 web/old/data/langs/_it/CVS/.svn/entries            |   52 --
 web/old/data/langs/_it/CVS/.svn/format             |    1 -
 .../langs/_it/CVS/.svn/text-base/Entries.svn-base  |    6 -
 .../_it/CVS/.svn/text-base/Repository.svn-base     |    1 -
 .../langs/_it/CVS/.svn/text-base/Root.svn-base     |    1 -
 web/old/data/langs/_it/CVS/Entries                 |    6 -
 web/old/data/langs/_it/CVS/Repository              |    1 -
 web/old/data/langs/_it/CVS/Root                    |    1 -
 web/old/data/langs/_it/Designed                    |    1 -
 web/old/data/langs/_it/License                     |   24 -
 web/old/data/langs/_it/Links                       |   12 -
 web/old/data/langs/_it/Pages/.svn/entries          |   65 --
 web/old/data/langs/_it/Pages/.svn/format           |    1 -
 .../langs/_it/Pages/.svn/text-base/index.svn-base  |   41 -
 web/old/data/langs/_it/Pages/CVS/.svn/entries      |   52 --
 web/old/data/langs/_it/Pages/CVS/.svn/format       |    1 -
 .../_it/Pages/CVS/.svn/text-base/Entries.svn-base  |    3 -
 .../Pages/CVS/.svn/text-base/Repository.svn-base   |    1 -
 .../_it/Pages/CVS/.svn/text-base/Root.svn-base     |    1 -
 web/old/data/langs/_it/Pages/CVS/Entries           |    3 -
 web/old/data/langs/_it/Pages/CVS/Repository        |    1 -
 web/old/data/langs/_it/Pages/CVS/Root              |    1 -
 web/old/data/langs/_it/Pages/index                 |   41 -
 web/old/data/langs/_it/Print                       |    1 -
 web/old/data/langs/_it/Title                       |    1 -
 web/old/data/langs/_it/Translator                  |    1 -
 web/old/data/langs/_oc/.svn/entries                |  201 -----
 web/old/data/langs/_oc/.svn/format                 |    1 -
 .../langs/_oc/.svn/text-base/Designed.svn-base     |    1 -
 .../data/langs/_oc/.svn/text-base/License.svn-base |   20 -
 .../data/langs/_oc/.svn/text-base/Links.svn-base   |   12 -
 .../data/langs/_oc/.svn/text-base/Title.svn-base   |    1 -
 .../langs/_oc/.svn/text-base/Translator.svn-base   |    1 -
 web/old/data/langs/_oc/Designed                    |    1 -
 web/old/data/langs/_oc/License                     |   20 -
 web/old/data/langs/_oc/Links                       |   12 -
 web/old/data/langs/_oc/Pages/.svn/entries          |   86 --
 web/old/data/langs/_oc/Pages/.svn/format           |    1 -
 .../langs/_oc/Pages/.svn/text-base/index.svn-base  |   41 -
 web/old/data/langs/_oc/Pages/index                 |   41 -
 web/old/data/langs/_oc/Title                       |    1 -
 web/old/data/langs/_oc/Translator                  |    1 -
 web/old/data/langs/_pt/.svn/entries                |  125 ---
 web/old/data/langs/_pt/.svn/format                 |    1 -
 .../langs/_pt/.svn/text-base/Designed.svn-base     |    1 -
 .../data/langs/_pt/.svn/text-base/License.svn-base |   23 -
 .../data/langs/_pt/.svn/text-base/Links.svn-base   |   12 -
 .../data/langs/_pt/.svn/text-base/Print.svn-base   |    1 -
 .../data/langs/_pt/.svn/text-base/Title.svn-base   |    1 -
 .../langs/_pt/.svn/text-base/Translator.svn-base   |    1 -
 web/old/data/langs/_pt/Designed                    |    1 -
 web/old/data/langs/_pt/License                     |   23 -
 web/old/data/langs/_pt/Links                       |   12 -
 web/old/data/langs/_pt/Pages/.svn/entries          |  258 ------
 web/old/data/langs/_pt/Pages/.svn/format           |    1 -
 .../_pt/Pages/.svn/text-base/construction.svn-base |    5 -
 .../construction_contact_platform.svn-base         |  120 ---
 .../_pt/Pages/.svn/text-base/documents.svn-base    |   83 --
 .../langs/_pt/Pages/.svn/text-base/faq.svn-base    |  121 ---
 .../_pt/Pages/.svn/text-base/features.svn-base     |   34 -
 .../langs/_pt/Pages/.svn/text-base/index.svn-base  |   40 -
 .../_pt/Pages/.svn/text-base/installation.svn-base |   28 -
 .../_pt/Pages/.svn/text-base/screenshots.svn-base  |   94 --
 web/old/data/langs/_pt/Pages/construction          |    5 -
 .../langs/_pt/Pages/construction_contact_platform  |  120 ---
 web/old/data/langs/_pt/Pages/documents             |   83 --
 web/old/data/langs/_pt/Pages/faq                   |  121 ---
 web/old/data/langs/_pt/Pages/features              |   34 -
 web/old/data/langs/_pt/Pages/hardware              |   90 --
 web/old/data/langs/_pt/Pages/index                 |   40 -
 web/old/data/langs/_pt/Pages/installation          |   28 -
 web/old/data/langs/_pt/Pages/old_chronopics        |   42 -
 web/old/data/langs/_pt/Pages/screenshots           |   94 --
 web/old/data/langs/_pt/Print                       |    1 -
 web/old/data/langs/_pt/Title                       |    1 -
 web/old/data/langs/_pt/Translator                  |    1 -
 web/old/data/languages.txt                         |    7 -
 web/old/data/languages_with_de.txt                 |    8 -
 web/old/data/photos.txt                            |   43 -
 web/old/html_created_no_edit/.svn/entries          |  149 ----
 web/old/html_created_no_edit/.svn/format           |    1 -
 .../.svn/prop-base/faq_es.html.svn-base            |   13 -
 .../.svn/prop-base/style.css.svn-base              |   13 -
 ...n_modular_circuit_platform.txt_es.html.svn-base |  199 -----
 .../.svn/text-base/faq_es.html.svn-base            |  226 -----
 .../.svn/text-base/photocells_es.html.svn-base     |  228 -----
 .../.svn/text-base/style.css.svn-base              |  274 ------
 web/photocells_velleman.html                       |  221 ++++-
 web/photocells_velleman_es.html                    |  216 ++++-
 web/posters.html                                   |  219 ++++-
 web/posters_es.html                                |  215 ++++-
 web/server.html                                    |  654 ++++++++------
 web/server_es.html                                 |  651 ++++++++------
 web/software.html                                  |  182 ----
 web/software_es.html                               |  182 ----
 web/software_more.html                             |  223 ++++-
 web/software_more_es.html                          |  218 ++++-
 350 files changed, 5853 insertions(+), 17053 deletions(-)
---
diff --git a/chronojump_server/r-sqlite/update-r-graphs b/chronojump_server/r-sqlite/update-r-graphs
index fbd5102..d9fdb79 100644
--- a/chronojump_server/r-sqlite/update-r-graphs
+++ b/chronojump_server/r-sqlite/update-r-graphs
@@ -14,6 +14,8 @@ sleep 5
 sleep 5
   R CMD BATCH tf_by_level_sex_jumptype.R
 
+./chronojump_server_log.sh
+
 sleep 5
 cd /var/www/web/server/images
 convert -resize 225x225 evaluators.png small/evaluators.png
@@ -24,8 +26,6 @@ convert -resize 225x225 tf_by_age.png small/tf_by_age.png
 convert -resize 225x225 ieiub.png small/ieiub.png
 convert -resize 225x225 tf_by_level_sex_jumptype.png small/tf_by_level_sex_jumptype.png
 
-./chronojump_server_log.sh
-
 rm /var/www/mono/need-to-update-r-graphs
 fi
 
diff --git a/encoder/graph.R b/encoder/graph.R
index c72a588..3b4a242 100644
--- a/encoder/graph.R
+++ b/encoder/graph.R
@@ -401,7 +401,7 @@ paintPowerPeakPowerBars <- function(paf, myEccons) {
 	plot(bp[2,],paf[,5],type="o",lwd=2,xlim=c(1,n*3+.5),axes=F,xlab="",ylab="",col=pafColors[3])
 	legend("bottom",col=pafColors, lty=c(0,0,1), lwd=c(1,1,2), pch=c(15,15,NA), legend=c("Power","Peak Power", "Time at Peak Power"), ncol=3, inset=-.2)
 	axis(4)
-	mtext("Time at peak power (s)", side=4, line=-1)
+	mtext("Time at peak power (ms)", side=4, line=-1)
 }
 
 #see paf for more info
diff --git a/web/chronopic_build.html b/web/chronopic_build.html
index 65c57e0..eafdd38 100644
--- a/web/chronopic_build.html
+++ b/web/chronopic_build.html
@@ -1,51 +1,101 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://forum.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Store</font></td>
-					<td><font size="2">Documents</font></td>
-					<td><font size="2">Forum</font></td>
-					<td><font size="2">Server</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="chronopic_build_es.html">EspaÃol</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
 
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index.html">Home</a></li>
+                                        <li><a href="tests.html">Tests</a></li>
+                                        <li><a href="products.html">Products</a></li>
+                                        <li><a href="pricing.html">Pricing</a></li>
+                                        <li><a href="contact.html">Contact</a></li>
+<!--                                        <li><a href="documentation.html">Documentation</a></li>-->
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index_es.html" class="button small">EspaÃol</a></li>
+<!--
+                                        <li class="current"><a href="index.html">English</a></li> <li>/</li> <li><a href="index_es.html">EspaÃol</a></li>
+-->
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documents</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
 
 <table width="99%" align="center" border="0" cellspacing="6" cellpadding="6">
 	<tr>
@@ -99,5 +149,80 @@
 		</div>
 	</tr>
 </table>
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">Relevant documentation</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Chronojump PhD thesis: creation and validation of tools (spanish)</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_en.pdf";>Software manual</a></li>
+                                    <li><a href="documents.html">(See all documents)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://forum.chronojump.org";>Forum</a></li>
+                                    <li><a href="https://twitter.com/boscosystem";>Twitter</a></li>
+                                    <li><a href="photos.html">Photos</a></li>
+                                    <li><a href="server.html">Server (share data)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - free software - open hardware - reliable - affordable</footer>
+                <div id="toTop">^ Back to Top</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/chronopic_build_es.html b/web/chronopic_build_es.html
index 9a72d9b..3835da1 100644
--- a/web/chronopic_build_es.html
+++ b/web/chronopic_build_es.html
@@ -1,50 +1,96 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index_es.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software_es.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store_es.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents_es.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://foro.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server_es.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Tienda</font></td>
-					<td><font size="2">Documentos</font></td>
-					<td><font size="2">Foro</font></td>
-					<td><font size="2">Servidor</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="chronopic_build.html">English</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index_es.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index_es.html">Principal</a></li>
+                                        <li><a href="tests_es.html">Tests</a></li>
+                                        <li><a href="products_es.html">Productos</a></li>
+                                        <li><a href="pricing_es.html">Precios</a></li>
+                                        <li><a href="contact_es.html">Contactar</a></li>
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index.html" class="button small">English</a></li>
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documentos</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
 
 
 <table width="99%" align="center" border="0" cellspacing="6" cellpadding="6">
@@ -98,5 +144,81 @@
 		</div>
 	</tr>
 </table>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">DocumentaciÃn relevante</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Tesis doctoral: creaciÃn y validaciÃn de las herramientas</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_es.pdf";>Manual del software</a></li>
+                                    <li><a href="documents_es.html">(Ver todos los documentos)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://foro.chronojump.org";>Foro</a></li>
+                                    <li><a href="https://twitter.com/boscosystem_es";>Twitter</a></li>
+                                    <li><a href="photos_es.html">Fotos</a></li>
+                                    <li><a href="server_es.html">Servidor (compartir&nbsp;datos)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - software libre - hardware abierto - fiable - asequible</footer>
+                <div id="toTop">^ Subir a inicio de pÃgina</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/construction_contact_platform.html b/web/construction_contact_platform.html
index 7c8a754..dff2160 100644
--- a/web/construction_contact_platform.html
+++ b/web/construction_contact_platform.html
@@ -1,51 +1,101 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://forum.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Store</font></td>
-					<td><font size="2">Documents</font></td>
-					<td><font size="2">Forum</font></td>
-					<td><font size="2">Server</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="construction_contact_platform_es.html">EspaÃol</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
-
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index.html">Home</a></li>
+                                        <li><a href="tests.html">Tests</a></li>
+                                        <li><a href="products.html">Products</a></li>
+                                        <li><a href="pricing.html">Pricing</a></li>
+                                        <li><a href="contact.html">Contact</a></li>
+<!--                                        <li><a href="documentation.html">Documentation</a></li>-->
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index_es.html" class="button small">EspaÃol</a></li>
+<!--
+                                        <li class="current"><a href="index.html">English</a></li> <li>/</li> <li><a href="index_es.html">EspaÃol</a></li>
+-->
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documents</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
 
 <center>
 <table width="600" border="0" cellspacing="6" cellpadding="6">
@@ -179,5 +229,80 @@
 	</tr>
 </table>
 </center>
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">Relevant documentation</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Chronojump PhD thesis: creation and validation of tools (spanish)</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_en.pdf";>Software manual</a></li>
+                                    <li><a href="documents.html">(See all documents)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://forum.chronojump.org";>Forum</a></li>
+                                    <li><a href="https://twitter.com/boscosystem";>Twitter</a></li>
+                                    <li><a href="photos.html">Photos</a></li>
+                                    <li><a href="server.html">Server (share data)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - free software - open hardware - reliable - affordable</footer>
+                <div id="toTop">^ Back to Top</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/construction_contact_platform_es.html b/web/construction_contact_platform_es.html
index be52547..9aa4fab 100644
--- a/web/construction_contact_platform_es.html
+++ b/web/construction_contact_platform_es.html
@@ -1,51 +1,96 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index_es.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software_es.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store_es.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents_es.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://foro.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server_es.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Tienda</font></td>
-					<td><font size="2">Documentos</font></td>
-					<td><font size="2">Foro</font></td>
-					<td><font size="2">Servidor</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="construction_contact_platform.html">English</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
-
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index_es.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index_es.html">Principal</a></li>
+                                        <li><a href="tests_es.html">Tests</a></li>
+                                        <li><a href="products_es.html">Productos</a></li>
+                                        <li><a href="pricing_es.html">Precios</a></li>
+                                        <li><a href="contact_es.html">Contactar</a></li>
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index.html" class="button small">English</a></li>
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documentos</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
 
 <center>
 <table width="600" border="0" cellspacing="6" cellpadding="6">
@@ -191,5 +236,81 @@
 	</tr>
 </table>
 </center>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">DocumentaciÃn relevante</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Tesis doctoral: creaciÃn y validaciÃn de las herramientas</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_es.pdf";>Manual del software</a></li>
+                                    <li><a href="documents_es.html">(Ver todos los documentos)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://foro.chronojump.org";>Foro</a></li>
+                                    <li><a href="https://twitter.com/boscosystem_es";>Twitter</a></li>
+                                    <li><a href="photos_es.html">Fotos</a></li>
+                                    <li><a href="server_es.html">Servidor (compartir&nbsp;datos)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - software libre - hardware abierto - fiable - asequible</footer>
+                <div id="toTop">^ Subir a inicio de pÃgina</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/construction_modular_circuit_platform.html b/web/construction_modular_circuit_platform.html
index 7447990..e818726 100644
--- a/web/construction_modular_circuit_platform.html
+++ b/web/construction_modular_circuit_platform.html
@@ -1,50 +1,101 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://forum.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Store</font></td>
-					<td><font size="2">Documents</font></td>
-					<td><font size="2">Forum</font></td>
-					<td><font size="2">Server</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="construction_modular_circuit_platform_es.html">EspaÃol</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index.html">Home</a></li>
+                                        <li><a href="tests.html">Tests</a></li>
+                                        <li><a href="products.html">Products</a></li>
+                                        <li><a href="pricing.html">Pricing</a></li>
+                                        <li><a href="contact.html">Contact</a></li>
+<!--                                        <li><a href="documentation.html">Documentation</a></li>-->
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index_es.html" class="button small">EspaÃol</a></li>
+<!--
+                                        <li class="current"><a href="index.html">English</a></li> <li>/</li> <li><a href="index_es.html">EspaÃol</a></li>
+-->
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documents</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
 
 <center>
 <table width="600" border="0" cellspacing="6" cellpadding="6">
@@ -163,5 +214,80 @@ Josep Ma Padull&eacute;s, Xavier de Blas
 	</tr>
 </table>
 </center>
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">Relevant documentation</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Chronojump PhD thesis: creation and validation of tools (spanish)</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_en.pdf";>Software manual</a></li>
+                                    <li><a href="documents.html">(See all documents)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://forum.chronojump.org";>Forum</a></li>
+                                    <li><a href="https://twitter.com/boscosystem";>Twitter</a></li>
+                                    <li><a href="photos.html">Photos</a></li>
+                                    <li><a href="server.html">Server (share data)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - free software - open hardware - reliable - affordable</footer>
+                <div id="toTop">^ Back to Top</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/construction_modular_circuit_platform_es.html b/web/construction_modular_circuit_platform_es.html
index 5194740..6645135 100644
--- a/web/construction_modular_circuit_platform_es.html
+++ b/web/construction_modular_circuit_platform_es.html
@@ -1,50 +1,96 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index_es.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software_es.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store_es.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents_es.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://foro.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server_es.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Tienda</font></td>
-					<td><font size="2">Documentos</font></td>
-					<td><font size="2">Foro</font></td>
-					<td><font size="2">Servidor</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="construction_modular_circuit_platform.html">English</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index_es.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index_es.html">Principal</a></li>
+                                        <li><a href="tests_es.html">Tests</a></li>
+                                        <li><a href="products_es.html">Productos</a></li>
+                                        <li><a href="pricing_es.html">Precios</a></li>
+                                        <li><a href="contact_es.html">Contactar</a></li>
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index.html" class="button small">English</a></li>
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documentos</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
 
 <center>
 <table width="600" border="0" cellspacing="6" cellpadding="6">
@@ -165,5 +211,81 @@ Se puede acoplar tantos pares de placas como se desee y en cualquier forma bidim
 	</tr>
 </table>
 </center>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">DocumentaciÃn relevante</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Tesis doctoral: creaciÃn y validaciÃn de las herramientas</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_es.pdf";>Manual del software</a></li>
+                                    <li><a href="documents_es.html">(Ver todos los documentos)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://foro.chronojump.org";>Foro</a></li>
+                                    <li><a href="https://twitter.com/boscosystem_es";>Twitter</a></li>
+                                    <li><a href="photos_es.html">Fotos</a></li>
+                                    <li><a href="server_es.html">Servidor (compartir&nbsp;datos)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - software libre - hardware abierto - fiable - asequible</footer>
+                <div id="toTop">^ Subir a inicio de pÃgina</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/construction_push_button.html b/web/construction_push_button.html
index c78e763..e8ec816 100644
--- a/web/construction_push_button.html
+++ b/web/construction_push_button.html
@@ -1,51 +1,101 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://forum.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Store</font></td>
-					<td><font size="2">Documents</font></td>
-					<td><font size="2">Forum</font></td>
-					<td><font size="2">Server</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="construction_push_button_es.html">EspaÃol</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
-
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index.html">Home</a></li>
+                                        <li><a href="tests.html">Tests</a></li>
+                                        <li><a href="products.html">Products</a></li>
+                                        <li><a href="pricing.html">Pricing</a></li>
+                                        <li><a href="contact.html">Contact</a></li>
+<!--                                        <li><a href="documentation.html">Documentation</a></li>-->
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index_es.html" class="button small">EspaÃol</a></li>
+<!--
+                                        <li class="current"><a href="index.html">English</a></li> <li>/</li> <li><a href="index_es.html">EspaÃol</a></li>
+-->
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documents</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
 
 <center>
 <table width="600" border="0" cellspacing="6" cellpadding="6">
@@ -104,5 +154,80 @@
 	</tr>
 </table>
 </center>
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">Relevant documentation</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Chronojump PhD thesis: creation and validation of tools (spanish)</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_en.pdf";>Software manual</a></li>
+                                    <li><a href="documents.html">(See all documents)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://forum.chronojump.org";>Forum</a></li>
+                                    <li><a href="https://twitter.com/boscosystem";>Twitter</a></li>
+                                    <li><a href="photos.html">Photos</a></li>
+                                    <li><a href="server.html">Server (share data)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - free software - open hardware - reliable - affordable</footer>
+                <div id="toTop">^ Back to Top</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/construction_push_button_es.html b/web/construction_push_button_es.html
index a3413c7..1a5506b 100644
--- a/web/construction_push_button_es.html
+++ b/web/construction_push_button_es.html
@@ -1,50 +1,96 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index_es.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software_es.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store_es.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents_es.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://foro.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server_es.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Tienda</font></td>
-					<td><font size="2">Documentos</font></td>
-					<td><font size="2">Foro</font></td>
-					<td><font size="2">Servidor</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="construction_push_button.html">English</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index_es.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index_es.html">Principal</a></li>
+                                        <li><a href="tests_es.html">Tests</a></li>
+                                        <li><a href="products_es.html">Productos</a></li>
+                                        <li><a href="pricing_es.html">Precios</a></li>
+                                        <li><a href="contact_es.html">Contactar</a></li>
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index.html" class="button small">English</a></li>
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documentos</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
 
 <center>
 <table width="600" border="0" cellspacing="6" cellpadding="6">
@@ -102,5 +148,81 @@
 	</tr>
 </table>
 </center>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">DocumentaciÃn relevante</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Tesis doctoral: creaciÃn y validaciÃn de las herramientas</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_es.pdf";>Manual del software</a></li>
+                                    <li><a href="documents_es.html">(Ver todos los documentos)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://foro.chronojump.org";>Foro</a></li>
+                                    <li><a href="https://twitter.com/boscosystem_es";>Twitter</a></li>
+                                    <li><a href="photos_es.html">Fotos</a></li>
+                                    <li><a href="server_es.html">Servidor (compartir&nbsp;datos)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - software libre - hardware abierto - fiable - asequible</footer>
+                <div id="toTop">^ Subir a inicio de pÃgina</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/converting-chronopic3-to-encoder.html b/web/converting-chronopic3-to-encoder.html
index 66e39ec..a309ca7 100644
--- a/web/converting-chronopic3-to-encoder.html
+++ b/web/converting-chronopic3-to-encoder.html
@@ -1,52 +1,102 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://forum.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Store</font></td>
-					<td><font size="2">Documents</font></td>
-					<td><font size="2">Forum</font></td>
-					<td><font size="2">Server</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom">&nbsp;</td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
 
 
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index.html">Home</a></li>
+                                        <li><a href="tests.html">Tests</a></li>
+                                        <li><a href="products.html">Products</a></li>
+                                        <li><a href="pricing.html">Pricing</a></li>
+                                        <li><a href="contact.html">Contact</a></li>
+<!--                                        <li><a href="documentation.html">Documentation</a></li>-->
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index_es.html" class="button small">EspaÃol</a></li>
+<!--
+                                        <li class="current"><a href="index.html">English</a></li> <li>/</li> <li><a href="index_es.html">EspaÃol</a></li>
+-->
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documents</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
+
 <center>
 <table width="600" border="0" cellspacing="6" cellpadding="6">
 	<tr>
@@ -203,5 +253,80 @@
 	</tr>
 </table>
 </center>
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">Relevant documentation</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Chronojump PhD thesis: creation and validation of tools (spanish)</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_en.pdf";>Software manual</a></li>
+                                    <li><a href="documents.html">(See all documents)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://forum.chronojump.org";>Forum</a></li>
+                                    <li><a href="https://twitter.com/boscosystem";>Twitter</a></li>
+                                    <li><a href="photos.html">Photos</a></li>
+                                    <li><a href="server.html">Server (share data)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - free software - open hardware - reliable - affordable</footer>
+                <div id="toTop">^ Back to Top</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/documents.html b/web/documents.html
index 17774a5..3dbb407 100644
--- a/web/documents.html
+++ b/web/documents.html
@@ -1,294 +1,631 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		<style type="text/css">
-			a#slide_chronojump {
-				display: block; width: 92; height: 69; background: transparent url(images/documents_blank-chronojump.png) no-repeat; 
-			}
-			a#slide_chronojump:hover { background-position: -92px 0; } 
-			a#slide_hardware {
-				display: block; width: 92; height: 69; background: transparent url(images/documents_blank-hardware.png) no-repeat; 
-			}
-			a#slide_hardware:hover { background-position: -92px 0; } 
-			a#slide_training {
-				display: block; width: 92; height: 69; background: transparent url(images/documents_blank-training.png) no-repeat; 
-			}
-			a#slide_training:hover { background-position: -92px 0; } 
-			a#slide_other {
-				display: block; width: 92; height: 69; background: transparent url(images/documents_blank-other.png) no-repeat; 
-			}
-			a#slide_other:hover { background-position: -92px 0; } 
-			
-			a .alt { display: none; }
-		</style>
-		</head>
-
-	<body id="page-main" class="with-sidebar">
-		<div id="gallery">
-		<div id="dalt">
-			<table cellpadding="0" cellspacing="0" width="800" border="0" align="center">
-				<tr>
-					<td rowspan="2" valign="bottom" align="left">
-						<div align="left"><a href="http://chronojump.org/";><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" height="76" width="198" border="0"></a></div>
-					</td>
-					<td valign="center" align="center" width="100%">
-						<center>
-							<table border ="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-								<tr valign="bottom" align="center">
-									<td width="20%"><a href="software.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-									<td width="20%"><a href="hardware_store.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-									<td width="20%" bgcolor="#6c77ab"><img src="images/nuvola-folder.png" alt="Documents" border="0"></td>
-									<td width="20%"><a href="http://forum.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-									<td width="20%"><a href="server.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-								</tr>
-								<tr valign="top" align="center">
-									<td><font size="2">Software</font></td>
-									<td><font size="2">Store</font></td>
-									<td bgcolor="#6c77ab"><font size="2" color="white">Documents</font></td>
-									<td><font size="2">Forum</font></td>
-									<td><font size="2">Server</font></td>
-								</tr>
-							</table>
-						</center>
-					</td>
-					<td valign="bottom"><font size="2"><a href="documents_es.html">EspaÃol</a></font></td>
-				</tr>
-				<tr height="1px"><td colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-			</table>
-		</div> <!--dalt-->
-
-		<br>
-			<div id="slides">
-				<div id="slide1">
-					<ul>
-						<li><a id="slide_chronojump" href="#chronojump"><span class="alt">Chronojump</span></a></li>
-						<li><a id="slide_hardware" href="#hardware"><span class="alt">Hardware</span></a></li>
-						<li><a id="slide_training" href="#training"><span class="alt">Training</span></a></li>
-						<li><a id="slide_other" href="#other"><span class="alt">Other</span></a></li>
-					</ul>
-				</div>
-			</div>
-
-			<div id="fullsize">
-				<div id="chronojump">
-					<table id="chronojump" border="0">
-						<tr><th colspan="4"><h3><font color="#888A85">Chronojump project</font></h3></th></tr>
-						<tr><td colspan="4" bgcolor="#888A85" height="1px"></td></tr>
-						<tr valign="top">
-							<td id="presentation" width="40%">
-								<ul id="space">
-									<li><b>Chronojump Project</b></li>
-								</ul>
-								<br><br>
-							</td>
-							<td width="10%">
-								<ul id="lang">
-									<li id="lang"><a href="http://projects.gnome.org/chronojump/slides-en-fr/1.html";>en-fr</a><br><a href="http://projects.gnome.org/chronojump/slides-es-ca/1.html";>es-ca</a></li>
-								</ul>
-							</td>
-							<td id="video" rowspan="3" width="42%">
-								<ul id="space">
-									<li>Projecte Chronojump</li>
-									<li>Compartir dades en la recerca. Servidor Chronojump</li>
-								</ul>
-								<ul id="nospace">
-									<li>InstalÂlaciÃ, construcciÃ, adquisiciÃ</li>
-									<li>Utilitzacià de Chronojump</li>
-									<li>Knee angle computer vision detection</li>
-								</ul>
-							</td>
-							<td rowspan="2" width="8%">
-								<ul id="lang">
-									<li id="lang"><a href="http://www.vimeo.com/1198489"; title="X. De Blas, 2008 (Flash video)">ca</a></li>
-									<li id="lang">&nbsp;</li>
-									<li id="lang"><a href="http://omploader.org/vMjA4Ng"; title="X. De Blas, 2009 (OpenVideo, use Firefox 3.5 or other free browsers)">ca</a></li>
-									<li id="lang"><a href="http://www.vimeo.com/1231058"; title="X. De Blas, 2008 (Flash video)">ca</a></li>
-									<li id="lang"><a href="http://www.vimeo.com/1274340"; title="R. BescÃs, J.M. PadullÃs, 2008 (Flash video)">ca</a></li>
-									<li id="lang"><a href="http://omploader.org/vMXozaQ"; title="X. De Blas, 2008 (OpenVideo, use Firefox 3.5 or other free browsers)">noaudio</a></li>
-								</ul>
-							</td>
-						</tr>
-						<tr valign="top">
-							<td id="documents">
-								<ul id="space">
-									<li><b>Chronojump Manual</b></li>
-									<li>Chronojump Wikipedia</li>
-								</ul>
-								<ul id="nospace">
-									<li>Software FAQ</li>
-									<li>Chronojump project (poster)</li>
-									<li>Authors, license, award</li>
-									<li>Chronojump source code</li>
-									<li>Glossary for translators</li>
-								</ul>
-							</td>
-							<td>
-								<ul id="lang">
-									<li id="lang"><a href="docs/chronojump_manual_en.pdf">en</a>, <a href="docs/chronojump_manual_es.pdf">es</a></li>
-									<li id="lang"><a href="http://es.wikipedia.org/wiki/Chronojump_Boscosystem";>es</a></li>
-									<li id="lang"><a href="faq_software.html">en</a>, <a href="faq_software_es.html">es</a></li>
-									<li id="lang"><a href="posters.html#06-08">en</a></li>
-									<li id="lang"><a href="software_more.html">en</a>, <a href="software_more_es.html">es</a></li>
-									<li id="lang"><a href="http://git.gnome.org/cgit/chronojump/";>en</a></li>
-									<li id="lang"><a href="http://svn.gnome.org/svn/chronojump/trunk/glossary/chronojump_glossary_for_translators.html";>en</a></li>
-								</ul>
-							</td>
-						</tr>
-					</table>
-				</div>
-				<div id="hardware">
-					<table id="hardware" border="0">
-						<tr><th colspan="4"><h3><font color="#CC3636">Hardware</font></h3></th></tr>
-						<tr><td colspan="4" bgcolor="#CC3636" height="1px"></td></tr>
-						<tr valign="top">
-										<td id="documents" width="50%">
-														<ul id="space">
-																		<li>Hardware FAQ</li>
-																		<li>Chronopic 3 validation (poster)</li>
-														</ul>
-														<ul id="nospace">
-																		<li>Connect Photocells to Chronopic</li>
-																		<li>Build your contact platform:
-																		<br>&nbsp;&nbsp;&nbsp;Modular printed circuit (recommended) (+video)
-																		<br>&nbsp;&nbsp;&nbsp;Steel rods</li>
-																		<li>Construction of a push button</li>
-																		<li>Chronopic build</li>
-																		<li>Adapting Chronopic 3 to encoder</li>
-																		<li>Weight bar velocity using Chronojump (poster)</li>
-																		<li>Weight bar velocity using Chronojump (article)</li>
-														</ul>
-							</td>
-							<td>
-											<ul id="lang">
-															<li id="lang"><a href="faq_hardware.html">en</a>, <a href="faq_hardware_es.html">es</a></li>
-															<li id="lang"><a href="posters.html#seattle_09">en</a></a></li>
-															<li id="lang"><a href="photocells_velleman.html">en</a>, <a href="photocells_velleman_es.html">es</a></li>
-															<li id="lang">&nbsp;</li>
-															<li id="lang"><a href="construction_modular_circuit_platform.html">en</a>, <a href="construction_modular_circuit_platform_es.html">es</a></li>
-															<li id="lang"><a href="construction_contact_platform.html">en</a>, <a href="construction_contact_platform_es.html">es</a></li>
-															<li id="lang"><a href="construction_push_button.html">en</a>, <a href="construction_push_button_es.html">es</a></li>
-															<li id="lang"><a href="chronopic_build.html">en</a>, <a href="chronopic_build_es.html">es</a></li>
-															<li id="lang"><a href="converting-chronopic3-to-encoder.html">en</a></li>
-															<li id="lang"><a href="posters.html#06-08">en</a></li>
-															<li id="lang"><a href="http://www.efdeportes.com/efd141/nuevo-dispositivo-para-medir-la-velocidad.htm";>es</a></li>
-											</ul>
-							</td>
-							<td id="video" width="35%">
-											<ul id="space">
-															<li>Construccià de dispositius de mesura I</li>
-											</ul>
-											<ul id="nospace">
-															<li>Construccià de dispositius de mesura II</li>
-											</ul>
-							</td>
-							<td>
-											<ul id="lang">
-															<li id="lang">&nbsp;</li>
-															<li id="lang"><a href="http://www.vimeo.com/1205809"; title="B. BuscÃ, X. PeÃa, 2008 (Flash video)">ca</a></li>
-															<li id="lang">&nbsp;</li>
-															<li id="lang"><a href="http://omploader.org/vMXo1MA"; title="J.M. PadullÃs, 2009 (OpenVideo, usad Firefox 3.5 u otros navegadores libres)">ca</a></li>
-											</ul>
-							</td>
-						</tr>
-					</table>
-				</div>
-				<div id="training">
-					<table id="training" border="0">
-						<tr><th colspan="2"><h3><font color="#8CB241">Training</font></h3></th></tr>
-						<tr><td colspan="2" bgcolor="#8CB241" height="1px"></td></tr>
-						<tr valign="top">
-										<td id="video" width="70%">
-														<ul id="space">
-																		<li>Fonaments teÃrics</li>
-																		<li>Fonaments teÃrics II</li>
-														</ul>
-														<ul id="nospace">
-																		<li>Test d'anÃlisi de la cursa (28'...)</li>
-																		<li>EvaluaciÃn del rendimiento deportivo en el atletismo</li>
-																		<li>Repeated-Sprint Ability Team-Sport</li>
-																		<li>ExperiÃncies del Test de Bosco en l'atletisme</li>
-																		<li>Mesa redonda de la Jornada Esport Blanquerna 2009</li>
-														</ul>
-							</td>
-							<td>
-											<ul id="lang">
-															<li id="lang"><a href="http://www.vimeo.com/1230686"; title="J.M. PadullÃs, 2008 (Flash video)">ca</a></li>
-															<li id="lang"><a href="http://www.vimeo.com/1230340"; title="R. BescÃs, M. VÃlez, 2008 (Flash video)">ca</a></li>
-															<li id="lang"><a href="http://omploader.org/vMXo1MA"; title="J.M. PadullÃs, 2009 (OpenVideo, use Firefox 3.5 or other free browsers)">ca</a></li>
-															<li id="lang"><a href="http://omploader.org/vMjA5ZA"; title="M. VÃlez, 2009 (OpenVideo, use Firefox 3.5 or other free browsers)">es</a></li>
-															<li id="lang"><a href="http://omploader.org/vMXp2MQ"; title="J. Jorge, 2009 (OpenVideo, use Firefox 3.5 or other free browsers)">es</a></li>
-															<li id="lang"><a href="http://omploader.org/vMjBvYg"; title="J.L. LÃpez, 2009 (OpenVideo, use Firefox 3.5 or other free browsers)">ca</a></li>
-															<li id="lang"><a href="http://omploader.org/vMjBwMQ"; title="(OpenVideo, use Firefox 3.5 or other free browsers)">ca-es</a></li>
-											</ul>
-							</td>
-						</tr>
-					</table>
-				</div>
-				<div id="other">
-					<table id="other" border="0">
-						<tr><th colspan="2"><h3><font color="#3771C8">Other</font></h3></th></tr>
-						<tr><td colspan="2" bgcolor="#3771C8" height="1px"></td></tr>
-						<tr valign="top">
-										<td id="video" width="70%">
-														<ul id="space">
-																		<li>Homenatge a Carmelo Bosco</li>
-																		<li>BiomecÃnica esportiva. Del Rendiment a l'escola</li>
-														</ul>
-														<ul id="nospace">
-																		<li>MTGUG</li>
-																		<li>IntegraciÃn de R en software libre de anÃlisis del rendimiento deportivo multiplataforma y en entorno cliente-servidor</li>
-														</ul>
-							</td>
-							<td>
-											<ul id="lang">
-															<li id="lang"><a href="http://www.vimeo.com/1230152"; title="J.M. PadullÃs, 2008 (Flash video)">ca</a></li>
-															<li id="lang"><a href="http://omploader.org/vMjBocA"; title="X. Aguado, 2009 (OpenVideo, use Firefox 3.5 or other free browsers)">ca</a></li>
-															<li id="lang"><a href="http://omploader.org/vMXo0OQ"; title="M. GinÃ, 2009 (OpenVideo, use Firefox 3.5 or other free browsers)">ca</a></li>
-															<li id="lang">&nbsp;</li>
-															<li id="lang"><a href="http://tv.um.es/video/index/id/751"; title="X. De Blas, 2009 (Flash video)">es</a></li>
-											</ul>
-							</td>
-						</tr>
-					</table>
-				</div>
-			</div>
-			<div id="note">
-				<font size="2">
-					<table align="left" border="0" cellspacing="0" cellpadding="0" width="800">
-						<tr>
-							<th colspan=4 align="left" width="48%">Languages</th>
-							<th align="left" width="52%">Comments</th>
-						</tr>
-						<tr><td colspan="5" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr valign="top">
-							<td align="left" width="12%">
-								ca:&nbsp;Catalan
-							</td>
-							<td align="left" width="12%">
-								es:&nbsp;Spanish
-							</td>
-							<td align="left" width="12%">
-								en:&nbsp;English
-							</td>
-							<td align="left" width="12%">
-								fr:&nbsp;French
-							</td>
-							<td align="left" width="52%">
-							       On videos point to links to see author and format.
-							</td>
-						</tr>
-					</table>
-				</font>
-			</div>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index.html">Home</a></li>
+                                        <li><a href="tests.html">Tests</a></li>
+                                        <li><a href="products.html">Products</a></li>
+                                        <li><a href="pricing.html">Pricing</a></li>
+                                        <li><a href="contact.html">Contact</a></li>
+<!--                                        <li><a href="documentation.html">Documentation</a></li>-->
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index_es.html" class="button small">EspaÃol</a></li>
+<!--
+                                        <li class="current"><a href="index.html">English</a></li> <li>/</li> <li><a href="index_es.html">EspaÃol</a></li>
+-->
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documents</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
+        
+        <!-- MAIN CONTENT -->
+        <div id="outermain">
+        	<div class="container">
+        	<section id="maincontent" class="twelve columns">
+		
+		<ul id="filter" class="controlnav">
+                    <li><a href="#chronojump_project" data-value="all">Chronojump project</a></li>
+                    <li><a href="#hardware" data-value="all">Hardware</a></li>
+                    <li><a href="#training" data-value="all">Training</a></li>
+                    <li><a href="#education" data-value="all">Education</a></li>
+                    <li><a href="#other" data-value="all">Other</a></li>
+		</ul>
+	
+			<div id="chronojump_project">
+			<h3 style="text-align:center">Chronojump project</h3>
+                        <table>
+                        <tbody>
+                        <tr>
+                        <th><span class="highlight1">Document</span></th>
+                        <th><span class="highlight1">Type</span></th>
+                        <th><span class="highlight1">Date</span></th>
+                        <th><span class="highlight2">Catalan</span></th>
+                        <th><span class="highlight2">English</span></th>
+                        <th><span class="highlight2">French</span></th>
+                        <th><span class="highlight2">Spanish</span></th>
+                        </tr>
+                        <tr>
+                        <th>Chronojump PhD thesis<br>(creation and validation of tools)</th>
+                        <td>PDF</td>
+                        <td>2012</td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://www.tdx.cat/handle/10803/83302";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <th>Chronojump Manual</th>
+                        <td>PDF</td>
+                        <td>2004-11</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/docs/chronojump_manual_en.pdf";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/docs/chronojump_manual_es.pdf";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Chronojump project (presentation)</td>
+                        <td>HTML</td>
+                        <td>2007-08</td>
+                        <td><a id="hoverImage" href="http://projects.gnome.org/chronojump/slides-es-ca/1.html";><img src="images/checklist.png" alt="yes"></a></a></td>
+                        <td><a id="hoverImage" href="http://projects.gnome.org/chronojump/slides-en-fr/1.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td><a id="hoverImage" href="http://projects.gnome.org/chronojump/slides-en-fr/1.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td><a id="hoverImage" href="http://projects.gnome.org/chronojump/slides-es-ca/1.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Chronojump project (poster)</td>
+                        <td>HTML</td>
+                        <td>2006</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/posters.html#06-08";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Chronojump project (talk)</td>
+                        <td>Video</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://www.vimeo.com/1198489";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Chronojump at Wikipedia</td>
+                        <td>PDF</td>
+                        <td>2010-12</td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://es.wikipedia.org/wiki/Chronojump_Boscosystem";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Authors, license, award</td>
+                        <td>HTML</td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/software_more.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/software_more_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Software FAQ</td>
+                        <td>HTML</td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/faq_software.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/faq_software_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Chronojump source code</td>
+                        <td>HTML</td>
+                        <td>2003-12</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://git.gnome.org/cgit/chronojump/";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Glossary for translators</td>
+                        <td>HTML</td>
+                        <td>2007</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://git.gnome.org/browse/chronojump/plain/glossary/chronojump_glossary_for_translators.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Share data in research. Chronojump server</td>
+                        <td>Video</td>
+                        <td>2009</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMjA4Ng";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Installation, construction, buying</td>
+                        <td>Video</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://www.vimeo.com/1231058";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Using Chronojump</td>
+                        <td>Video</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://www.vimeo.com/1274340";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Knee angle computer vision detection</td>
+                        <td>Video</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXozaQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXozaQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXozaQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXozaQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        </tbody>
+                        </table>
+			</div> <!--chronojump_project-->
+                        
+			<div class="separator shadow small"></div>
+
+			<div id="hardware">
+			<h3 style="text-align:center">Hardware</h3>
+                        <table>
+                        <tbody>
+                        <tr>
+                        <th><span class="highlight1">Document</span></th>
+                        <th><span class="highlight1">Type</span></th>
+                        <th><span class="highlight1">Date</span></th>
+                        <th><span class="highlight2">Catalan</span></th>
+                        <th><span class="highlight2">English</span></th>
+                        <th><span class="highlight2">French</span></th>
+                        <th><span class="highlight2">Spanish</span></th>
+                        </tr>
+                        <tr>
+                        <td>Hardware FAQ</td>
+                        <td>HTML</td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/faq_hardware.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/faq_hardware_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Chronopic 3 validation (poster)</td>
+                        <td>HTML</td>
+                        <td>2009</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/posters.html#seattle_09";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Connect Photocells to Chronopic</td>
+                        <td>HTML</td>
+                        <td>2009</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/photocells_velleman.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/photocells_velleman_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <th>Build your contact platform<br>Modular printed circuit (recommended) (+video)</th>
+                        <td>HTML</td>
+                        <td>2009</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/construction_modular_circuit_platform.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/construction_modular_circuit_platform_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Build your contact platform<br>(Steel rods)</td>
+                        <td>HTML</td>
+                        <td>2004</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/construction_contact_platform.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/construction_contact_platform_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Construction of a push button</td>
+                        <td>HTML</td>
+                        <td>2009</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/construction_push_button.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/construction_push_button_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Chronopic build</td>
+                        <td>HTML</td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/chronopic_build.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/chronopic_build_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Adapting Chronopic 3 to encoder</td>
+                        <td>HTML</td>
+                        <td>2012</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/converting-chronopic3-to-encoder.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Weight bar velocity using Chronojump (poster)</td>
+                        <td>HTML</td>
+                        <td>2008</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/posters.html#06-08";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Weight bar velocity using Chronojump (article)</td>
+                        <td>HTML</td>
+                        <td>2010</td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://www.efdeportes.com/efd141/nuevo-dispositivo-para-medir-la-velocidad.htm";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Construction of measurement systems I</td>
+                        <td>Video</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://www.vimeo.com/1205809";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Construction of measurement systems II</td>
+                        <td>Video</td>
+                        <td>2009</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXo1MA";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        </tbody>
+                        </table>
+			</div> <!--hardware-->
+
+			<div class="separator shadow small"></div>
+
+			<div id="training">
+			<h3 style="text-align:center">Training</h3>
+                        <table>
+                        <tbody>
+                        <tr>
+                        <th><span class="highlight1">Document</span></th>
+                        <th><span class="highlight1">Type</span></th>
+                        <th><span class="highlight1">Date</span></th>
+                        <th><span class="highlight2">Catalan</span></th>
+                        <th><span class="highlight2">English</span></th>
+                        <th><span class="highlight2">French</span></th>
+                        <th><span class="highlight2">Spanish</span></th>
+                        </tr>
+                        <tr>
+                        <td>Theoretical I</td>
+                        <td>Video</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://www.vimeo.com/1230686";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Theoretical II</td>
+                        <td>Video</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://www.vimeo.com/1230340";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Run analysis test (28'...)</td>
+                        <td>Video</td>
+                        <td>2009</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXo1MA";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Performance evaluation on athletics</td>
+                        <td>Video</td>
+                        <td>2009</td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMjA5ZA";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Repeated-Sprint Ability Team-Sport</td>
+                        <td>Video</td>
+                        <td>2009</td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXp2MQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Experiences using Bosco Test on athletics</td>
+                        <td>Video</td>
+                        <td>2009</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMjBvYg";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Jornada Esport Blanquerna 2009 Round table</td>
+                        <td>Video</td>
+                        <td>2009</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMjBwMQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMjBwMQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        </tbody>
+                        </table>
+			</div> <!--training-->
+
+			<div class="separator shadow small"></div>
+
+			<div id="education">
+			<h3 style="text-align:center">Education</h3>
+                        <table>
+                        <tbody>
+                        <tr>
+                        <th><span class="highlight1">Document</span></th>
+                        <th><span class="highlight1">Type</span></th>
+                        <th><span class="highlight1">Date</span></th>
+                        <th><span class="highlight2">Catalan</span></th>
+                        <th><span class="highlight2">English</span></th>
+                        <th><span class="highlight2">French</span></th>
+                        <th><span class="highlight2">Spanish</span></th>
+                        </tr>
+                        <tr>
+                        <th>Practices on Chronojump-Boscosystem to learn measurement of strength</th>
+                        <td>PDF</td>
+                        <td>2012</td>
+                        <td><a id="hoverImage" href="docs/practiques_chronojump_boscosystem.pdf"><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <th>Sport Biomechanics. From sports perfomance to school</th>
+                        <td>Video</td>
+                        <td>2009</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMjBocA";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        </tbody>
+                        </table>
+			</div> <!--education-->
+
+			<div class="separator shadow small"></div>
+
+			<div id="other">
+			<h3 style="text-align:center">Other</h3>
+                        <table>
+                        <tbody>
+                        <tr>
+                        <th><span class="highlight1">Document</span></th>
+                        <th><span class="highlight1">Type</span></th>
+                        <th><span class="highlight1">Date</span></th>
+                        <th><span class="highlight2">Catalan</span></th>
+                        <th><span class="highlight2">English</span></th>
+                        <th><span class="highlight2">French</span></th>
+                        <th><span class="highlight2">Spanish</span></th>
+                        </tr>
+                        <tr>
+                        <th>Homage to Carmelo Bosco</th>
+                        <td>Video</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://www.vimeo.com/1230152";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>MTGUG Modified Time Get Up and Go</td>
+                        <td>Video</td>
+                        <td>2009</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXo0OQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Integration of R in free software on analysis of sports perfomance multiplatform and with client-server aproach</td>
+                        <td>Video</td>
+                        <td>2009</td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://tv.um.es/video/index/id/751";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        </tbody>
+                        </table>
+			</div> <!--other-->
+
+
+                <div class="clear"></div><!-- clear float --> 
+            </section>
+            </div>
+        </div>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">Relevant documentation</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Chronojump PhD thesis: creation and validation of tools (spanish)</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_en.pdf";>Software manual</a></li>
+                                    <li><a href="documents.html">(See all documents)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://forum.chronojump.org";>Forum</a></li>
+                                    <li><a href="https://twitter.com/boscosystem";>Twitter</a></li>
+                                    <li><a href="photos.html">Photos</a></li>
+                                    <li><a href="server.html">Server (share data)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - free software - open hardware - reliable - affordable</footer>
+                <div id="toTop">^ Back to Top</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
+</body>
+</html>
diff --git a/web/documents_es.html b/web/documents_es.html
index 0ee4181..615bdff 100644
--- a/web/documents_es.html
+++ b/web/documents_es.html
@@ -1,294 +1,627 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		<style type="text/css">
-			a#slide_chronojump {
-				display: block; width: 92; height: 69; background: transparent url(images/documents_blank-chronojump.png) no-repeat; 
-			}
-			a#slide_chronojump:hover { background-position: -92px 0; } 
-			a#slide_hardware {
-				display: block; width: 92; height: 69; background: transparent url(images/documents_blank-hardware.png) no-repeat; 
-			}
-			a#slide_hardware:hover { background-position: -92px 0; } 
-			a#slide_entrenamiento {
-				display: block; width: 92; height: 69; background: transparent url(images/documents_blank-entrenamiento.png) no-repeat; 
-			}
-			a#slide_entrenamiento:hover { background-position: -92px 0; } 
-			a#slide_otros {
-				display: block; width: 92; height: 69; background: transparent url(images/documents_blank-otros.png) no-repeat; 
-			}
-			a#slide_otros:hover { background-position: -92px 0; } 
-			
-			a .alt { display: none; }
-		</style>
-		</head>
-
-	<body id="page-main" class="with-sidebar">
-		<div id="gallery">
-		<div id="dalt">
-			<table cellpadding="0" cellspacing="0" width="800" border="0" align="center">
-				<tr>
-					<td rowspan="2" valign="bottom" align="left">
-						<div align="left"><a href="index_es.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" height="76" width="198" border="0"></a></div>
-					</td>
-					<td valign="center" align="center" width="100%">
-						<center>
-							<table border ="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-								<tr valign="bottom" align="center">
-									<td width="20%"><a href="software_es.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-									<td width="20%"><a href="hardware_store_es.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-									<td width="20%" bgcolor="#6c77ab"><img src="images/nuvola-folder.png" alt="Documents" border="0"></td>
-									<td width="20%"><a href="http://foro.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Foro" border="0"></a></td>
-									<td width="20%"><a href="server_es.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-								</tr>
-								<tr valign="top" align="center">
-									<td><font size="2">Software</font></td>
-									<td><font size="2">Tienda</font></td>
-									<td bgcolor="#6c77ab"><font size="2" color="white">Documentos</font></td>
-									<td><font size="2">Foro</font></td>
-									<td><font size="2">Servidor</font></td>
-								</tr>
-							</table>
-						</center>
-					</td>
-					<td valign="bottom"><font size="2"><a href="documents.html">English</a></font></td>
-				</tr>
-				<tr height="1px"><td colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-			</table>
-		</div> <!--dalt-->
-
-		<br>
-			<div id="slides">
-				<div id="slide1">
-					<ul>
-						<li><a id="slide_chronojump" href="#chronojump"><span class="alt">Chronojump</span></a></li>
-						<li><a id="slide_hardware" href="#hardware"><span class="alt">Hardware</span></a></li>
-						<li><a id="slide_entrenamiento" href="#entrenamiento"><span class="alt">entrenamiento</span></a></li>
-						<li><a id="slide_otros" href="#otros"><span class="alt">Otros</span></a></li>
-					</ul>
-				</div>
-			</div>
-
-			<div id="fullsize">
-				<div id="chronojump">
-					<table id="chronojump" border="0">
-						<tr><th colspan="4"><h3><font color="#888A85">Proyecto Chronojump</font></h3></th></tr>
-						<tr><td colspan="4" bgcolor="#888A85" height="1px"></td></tr>
-						<tr valign="top">
-							<td id="presentation" width="40%">
-								<ul id="space">
-												<li><b>Proyecto Chronojump</b></li>
-								</ul>
-								<br><br>
-							</td>
-							<td width="10%">
-								<ul id="lang">
-									<li id="lang"><a href="http://projects.gnome.org/chronojump/slides-en-fr/1.html";>en-fr</a><br><a href="http://projects.gnome.org/chronojump/slides-es-ca/1.html";>es-ca</a></li>
-								</ul>
-							</td>
-							<td id="video" rowspan="3" width="42%">
-								<ul id="space">
-												<li>Projecte Chronojump</li>
-												<li>Compartir dades en la recerca. Servidor Chronojump</li>
-								</ul>
-								<ul id="nospace">
-												<li>InstalÂlaciÃ, construcciÃ, adquisiciÃ</li>
-												<li>Utilitzacià de Chronojump</li>
-												<li>DetecciÃn rodilla por computador</li>
-								</ul>
-							</td>
-							<td rowspan="2" width="8%">
-											<ul id="lang">
-															<li id="lang"><a href="http://www.vimeo.com/1198489"; title="X. De Blas, 2008 (Flash video)">ca</a></li>
-															<li id="lang">&nbsp;</li>
-															<li id="lang"><a href="http://omploader.org/vMjA4Ng"; title="X. De Blas, 2009 (OpenVideo, usad Firefox 3.5 u otros navegadores libres)">ca</a></li>
-															<li id="lang"><a href="http://www.vimeo.com/1231058"; title="X. De Blas, 2008 (Flash video)">ca</a></li>
-															<li id="lang"><a href="http://www.vimeo.com/1274340"; title="R. BescÃs, J.M. PadullÃs, 2008 (Flash video)">ca</a></li>
-															<li id="lang"><a href="http://omploader.org/vMXozaQ"; title="X. De Blas, 2008 (OpenVideo, usad Firefox 3.5 u otros navegadores libres)">noaudio</a></li>
-											</ul>
-							</td>
-						</tr>
-						<tr valign="top">
-							<td id="documents">
-											<ul id="space">
-															<li><b>Chronojump Manual</b></li>
-															<li>Chronojump Wikipedia</li>
-											</ul>
-											<ul id="nospace">
-															<li>Software FAQ</li>
-															<li>Proyecto Chronojump (pÃster)</li>
-															<li>Autores, licencia, premio</li>
-															<li>CÃdigo fuente de Chronojump</li>
-															<li>Glosario para traductores</li>
-											</ul>
-							</td>
-							<td>
-											<ul id="lang">
-															<li id="lang"><a href="docs/chronojump_manual_en.pdf">en</a>, <a href="docs/chronojump_manual_es.pdf">es</a></li>
-															<li id="lang"><a href="http://es.wikipedia.org/wiki/Chronojump_Boscosystem";>es</a></li>
-															<li id="lang"><a href="faq_software.html">en</a>, <a href="faq_software_es.html">es</a></li>
-															<li id="lang"><a href="posters.html#06-08">en</a></li>
-															<li id="lang"><a href="software_more.html">en</a>, <a href="software_more_es.html">es</a></li>
-															<li id="lang"><a href="http://git.gnome.org/cgit/chronojump/";>en</a></li>
-															<li id="lang"><a href="http://svn.gnome.org/svn/chronojump/trunk/glossary/chronojump_glossary_for_translators.html";>en</a></li>
-											</ul>
-							</td>
-						</tr>
-					</table>
-				</div>
-				<div id="hardware">
-					<table id="hardware" border="0">
-						<tr><th colspan="4"><h3><font color="#CC3636">Hardware</font></h3></th></tr>
-						<tr><td colspan="4" bgcolor="#CC3636" height="1px"></td></tr>
-						<tr valign="top">
-										<td id="documents" width="50%">
-														<ul id="space">
-																		<li>Hardware FAQ</li>
-																		<li>ValidaciÃn de Chronopic 3 (pÃster)</li>
-														</ul>
-														<ul id="nospace">
-																		<li>Conectar fotocÃlulas a Chronopic</li>
-																		<li>ConstrucciÃn de plataforma de contactos:
-																		<br>&nbsp;&nbsp;&nbsp;Modular de circuito impreso (recomendada)<br>&nbsp;&nbsp;&nbsp;(+vÃdeo)
-																		<br>&nbsp;&nbsp;&nbsp;Varillas de acero</li>
-																		<li>ConstrucciÃn de pulsador</li>
-																		<li>ConstrucciÃn de Chronopic</li>
-																		<li>Adaptar Chronopic 3 al encoder</li>
-																		<li>Velocidad de barra usando Chronojump (pÃster)</li>
-																		<li>Velocidad de barra usando Chronojump (artÃculo)</li>
-														</ul>
-							</td>
-							<td>
-											<ul id="lang">
-															<li id="lang"><a href="faq_hardware.html">en</a>, <a href="faq_hardware_es.html">es</a></li>
-															<li id="lang"><a href="posters.html#seattle_09">en</a></li>
-															<li id="lang"><a href="photocells_velleman.html">en</a>, <a href="photocells_velleman_es.html">es</a></li>
-															<li id="lang">&nbsp;</li>
-															<li id="lang"><a href="construction_modular_circuit_platform.html">en</a>, <a href="construction_modular_circuit_platform_es.html">es</a></li><br>
-															<li id="lang"><a href="construction_contact_platform.html">en</a>, <a href="construction_contact_platform_es.html">es</a></li>
-															<li id="lang"><a href="construction_push_button.html">en</a>, <a href="construction_push_button_es.html">es</a></li>
-															<li id="lang"><a href="chronopic_build.html">en</a>, <a href="chronopic_build_es.html">es</a></li>
-															<li id="lang"><a href="converting-chronopic3-to-encoder.html">en</a></li>
-															<li id="lang"><a href="posters.html#06-08">en</a></li>
-															<li id="lang"><a href="http://www.efdeportes.com/efd141/nuevo-dispositivo-para-medir-la-velocidad.htm";>es</a></li>
-											</ul>
-							</td>
-							<td id="video" width="35%">
-											<ul id="space">
-													<li>Construccià de dispositius de mesura I</li>
-											</ul>
-											<ul id="nospace">
-															<li>Construccià de dispositius de mesura II</li>
-											</ul>
-							</td>
-							<td>
-											<ul id="lang">
-															<li id="lang">&nbsp;</li>
-															<li id="lang"><a href="http://www.vimeo.com/1205809"; title="B. BuscÃ, X. PeÃa, 2008 (Flash video)">ca</a></li>
-															<li id="lang">&nbsp;</li>
-															<li id="lang"><a href="http://omploader.org/vMXo1MA"; title="J.M. PadullÃs, 2009 (OpenVideo, usad Firefox 3.5 u otros navegadores libres)">ca</a></li>
-											</ul>
-							</td>
-						</tr>
-					</table>
-				</div>
-				<div id="entrenamiento">
-					<table id="training" border="0">
-						<tr><th colspan="2"><h3><font color="#8CB241">Entrenamiento</font></h3></th></tr>
-						<tr><td colspan="2" bgcolor="#8CB241" height="1px"></td></tr>
-						<tr valign="top">
-										<td id="video" width="70%">
-														<ul id="space">
-																		<li>Fonaments teÃrics</li>
-																		<li>Fonaments teÃrics II</li>
-														</ul>
-														<ul id="nospace">
-																		<li>Test d'anÃlisi de la cursa (28'...)</li>
-																		<li>EvaluaciÃn del rendimiento deportivo en el atletismo</li>
-																		<li>Repeated-Sprint Ability Team-Sport</li>
-																		<li>ExperiÃncies del Test de Bosco en l'atletisme</li>
-																		<li>Mesa redonda de la Jornada Esport Blanquerna 2009</li>
-														</ul>
-							</td>
-							<td>
-											<ul id="lang">
-															<li id="lang"><a href="http://www.vimeo.com/1230686"; title="J.M. PadullÃs, 2008 (Flash video)">ca</a></li>
-															<li id="lang"><a href="http://www.vimeo.com/1230340"; title="R. BescÃs, M. VÃlez, 2008 (Flash video)">ca</a></li>
-															<li id="lang"><a href="http://omploader.org/vMXo1MA"; title="J.M. PadullÃs, 2009 (OpenVideo, usad Firefox 3.5 u otros navegadores libres)">ca</a></li>
-															<li id="lang"><a href="http://omploader.org/vMjA5ZA"; title="M. VÃlez, 2009 (OpenVideo, usad Firefox 3.5 u otros navegadores libres)">es</a></li>
-															<li id="lang"><a href="http://omploader.org/vMXp2MQ"; title="J. Jorge, 2009 (OpenVideo, usad Firefox 3.5 u otros navegadores libres)">es</a></li>
-															<li id="lang"><a href="http://omploader.org/vMjBvYg"; title="J.L. LÃpez, 2009 (OpenVideo, usad Firefox 3.5 u otros navegadores libres)">ca</a></li>
-															<li id="lang"><a href="http://omploader.org/vMjBwMQ"; title="(OpenVideo, usad Firefox 3.5 u otros navegadores libres)">ca-es</a></li>
-											</ul>
-							</td>
-						</tr>
-					</table>
-				</div>
-				<div id="otros">
-					<table id="other" border="0">
-						<tr><th colspan="2"><h3><font color="#3771C8">Otros</font></h3></th></tr>
-						<tr><td colspan="2" bgcolor="#3771C8" height="1px"></td></tr>
-						<tr valign="top">
-										<td id="video" width="70%">
-														<ul id="space">
-																		<li>Homenatge a Carmelo Bosco</li>
-																		<li>BiomecÃnica esportiva. Del Rendiment a l'escola</li>
-														</ul>
-														<ul id="nospace">
-																		<li>MTGUG</li>
-																		<li>IntegraciÃn de R en software libre de anÃlisis del rendimiento deportivo multiplataforma y en entorno cliente-servidor</li>
-														</ul>
-							</td>
-							<td>
-											<ul id="lang">
-															<li id="lang"><a href="http://www.vimeo.com/1230152"; title="J.M. PadullÃs, 2008 (Flash video)">ca</a></li>
-															<li id="lang"><a href="http://omploader.org/vMjBocA"; title="X. Aguado, 2009 (OpenVideo, usad Firefox 3.5 u otros navegadores libres)">ca</a></li>
-															<li id="lang"><a href="http://omploader.org/vMXo0OQ"; title="M. GinÃ, 2009 (OpenVideo, usad Firefox 3.5 u otros navegadores libres)">ca</a></li>
-															<li id="lang">&nbsp;</li>
-															<li id="lang"><a href="http://tv.um.es/video/index/id/751"; title="X. De Blas, 2009 (Flash video)">es</a></li>
-											</ul>
-							</td>
-						</tr>
-					</table>
-				</div>
-			</div>
-			<div id="note">
-				<font size="2">
-					<table align="left" border="0" cellspacing="0" cellpadding="0" width="800">
-						<tr>
-							<th colspan=4 align="left" width="48%">Idiomas</th>
-							<th align="left" width="52%">Comentarios</th>
-						</tr>
-						<tr><td colspan="5" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr valign="top">
-							<td align="left" width="12%">
-								ca:&nbsp;CatalÃn
-							</td>
-							<td align="left" width="12%">
-								es:&nbsp;EspaÃol
-							</td>
-							<td align="left" width="12%">
-								en:&nbsp;InglÃs
-							</td>
-							<td align="left" width="12%">
-								fr:&nbsp;FrancÃs
-							</td>
-							<td align="left" width="52%">
-							       SeÃalar con puntero en los vÃdeos muestra autores y formato.
-							</td>
-						</tr>
-					</table>
-				</font>
-			</div>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index_es.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index_es.html">Principal</a></li>
+                                        <li><a href="tests_es.html">Tests</a></li>
+                                        <li><a href="products_es.html">Productos</a></li>
+                                        <li><a href="pricing_es.html">Precios</a></li>
+                                        <li><a href="contact_es.html">Contactar</a></li>
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index.html" class="button small">English</a></li>
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documentos</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
+        
+        <!-- MAIN CONTENT -->
+        <div id="outermain">
+        	<div class="container">
+        	<section id="maincontent" class="twelve columns">
+		
+		<ul id="filter" class="controlnav">
+                    <li><a href="#proyecto_chronojump" data-value="all">Proyecto Chronojump</a></li>
+                    <li><a href="#hardware" data-value="all">Hardware</a></li>
+                    <li><a href="#entrenamiento" data-value="all">Entrenamiento</a></li>
+                    <li><a href="#educacion" data-value="all">EducaciÃn</a></li>
+                    <li><a href="#otros" data-value="all">Otros</a></li>
+		</ul>
+	
+			<div id="proyecto_chronojump">
+			<h3 style="text-align:center">Proyecto Chronojump</h3>
+                        <table>
+                        <tbody>
+                        <tr>
+                        <th><span class="highlight1">Documento</span></th>
+                        <th><span class="highlight1">Tipo</span></th>
+                        <th><span class="highlight1">Fecha</span></th>
+                        <th><span class="highlight2">CatalÃn</span></th>
+                        <th><span class="highlight2">EspaÃol</span></th>
+                        <th><span class="highlight2">FrancÃs</span></th>
+                        <th><span class="highlight2">InglÃs</span></th>
+                        </tr>
+                        <tr>
+                        <th>Tesis doctoral sobre Chronojump<br>(creaciÃn y validaciÃn de las herramientas)</th>
+                        <td>PDF</td>
+                        <td>2012</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://www.tdx.cat/handle/10803/83302";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <th>Manual de Chronojump</th>
+                        <td>PDF</td>
+                        <td>2004-11</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/docs/chronojump_manual_es.pdf";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/docs/chronojump_manual_en.pdf";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Proyecto Chronojump (presentaciÃn)</td>
+                        <td>HTML</td>
+                        <td>2007-08</td>
+                        <td><a id="hoverImage" href="http://projects.gnome.org/chronojump/slides-es-ca/1.html";><img src="images/checklist.png" alt="yes"></a></a></td>
+                        <td><a id="hoverImage" href="http://projects.gnome.org/chronojump/slides-es-ca/1.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td><a id="hoverImage" href="http://projects.gnome.org/chronojump/slides-en-fr/1.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td><a id="hoverImage" href="http://projects.gnome.org/chronojump/slides-en-fr/1.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Proyecto Chronojump (pÃster)</td>
+                        <td>HTML</td>
+                        <td>2006</td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/posters.html#06-08";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Proyecto Chronojump (conferencia)</td>
+                        <td>VÃdeo</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://www.vimeo.com/1198489";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Chronojump en la Wikipedia</td>
+                        <td>PDF</td>
+                        <td>2010-12</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://es.wikipedia.org/wiki/Chronojump_Boscosystem";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Authores, licencia, premio</td>
+                        <td>HTML</td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/software_more_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/software_more.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Software FAQ</td>
+                        <td>HTML</td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/faq_software_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/faq_software.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>CÃdigo fuente de Chronojump</td>
+                        <td>HTML</td>
+                        <td>2003-12</td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://git.gnome.org/cgit/chronojump/";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Glosario para traductores</td>
+                        <td>HTML</td>
+                        <td>2007</td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://git.gnome.org/browse/chronojump/plain/glossary/chronojump_glossary_for_translators.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Compartir datos en la investigaciÃn.<br>Servidor Chronojump</td>
+                        <td>VÃdeo</td>
+                        <td>2009</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMjA4Ng";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>InstalaciÃn, construcciÃn, compra</td>
+                        <td>VÃdeo</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://www.vimeo.com/1231058";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>UtilizaciÃn de Chronojump</td>
+                        <td>VÃdeo</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://www.vimeo.com/1274340";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>DetecciÃn del Ãngulo de la rodilla con visiÃn por computador</td>
+                        <td>VÃdeo</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXozaQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXozaQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXozaQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXozaQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        </tbody>
+                        </table>
+			</div> <!--proyecto_chronojump-->
+                        
+			<div class="separator shadow small"></div>
+
+			<div id="hardware">
+			<h3 style="text-align:center">Hardware</h3>
+                        <table>
+                        <tbody>
+                        <tr>
+                        <th><span class="highlight1">Documento</span></th>
+                        <th><span class="highlight1">Tipo</span></th>
+                        <th><span class="highlight1">Fecha</span></th>
+                        <th><span class="highlight2">CatalÃn</span></th>
+                        <th><span class="highlight2">EspaÃol</span></th>
+                        <th><span class="highlight2">FrancÃs</span></th>
+                        <th><span class="highlight2">InglÃs</span></th>
+                        </tr>
+                        <tr>
+                        <td>Hardware FAQ</td>
+                        <td>HTML</td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/faq_hardware_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/faq_hardware.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>ValidaciÃn de Chronopic 3 (pÃster)</td>
+                        <td>HTML</td>
+                        <td>2009</td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/posters.html#seattle_09";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Conectar fotocÃlulas al Chronopic</td>
+                        <td>HTML</td>
+                        <td>2009</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/photocells_velleman_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/photocells_velleman.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <th>ConstrucciÃn de plataforma de contactos<br>Modular de circuito impreso (recomendada) (+vÃdeo)</th>
+                        <td>HTML</td>
+                        <td>2009</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/construction_modular_circuit_platform_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/construction_modular_circuit_platform.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>ConstrucciÃn de plataforma de contactos<br>(Varillas de acero)</td>
+                        <td>HTML</td>
+                        <td>2004</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/construction_contact_platform_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/construction_contact_platform.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>ConstrucciÃn de un pulsador</td>
+                        <td>HTML</td>
+                        <td>2009</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/construction_push_button_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/construction_push_button.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>ConstrucciÃn de Chronopic</td>
+                        <td>HTML</td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/chronopic_build_es.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/chronopic_build.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Adaptar Chronopic 3 al encoder</td>
+                        <td>HTML</td>
+                        <td>2012</td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/converting-chronopic3-to-encoder.html";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Velocidad de barra usando Chronojump (pÃster)</td>
+                        <td>HTML</td>
+                        <td>2008</td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://chronojump.org/posters.html#06-08";><img src="images/checklist.png" alt="yes"></a></td>
+                        </tr>
+                        <tr>
+                        <td>Velocidad de barra usando Chronojump (artÃculo)</td>
+                        <td>HTML</td>
+                        <td>2010</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://www.efdeportes.com/efd141/nuevo-dispositivo-para-medir-la-velocidad.htm";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>ConstrucciÃn dispositivos medida I</td>
+                        <td>VÃdeo</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://www.vimeo.com/1205809";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>ConstrucciÃn dispositivos medida II</td>
+                        <td>VÃdeo</td>
+                        <td>2009</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXo1MA";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        </tbody>
+                        </table>
+			</div> <!--hardware-->
+
+			<div class="separator shadow small"></div>
+
+			<div id="entrenamiento">
+			<h3 style="text-align:center">Entrenamiento</h3>
+                        <table>
+                        <tbody>
+                        <tr>
+                        <th><span class="highlight1">Documento</span></th>
+                        <th><span class="highlight1">Tipo</span></th>
+                        <th><span class="highlight1">Fecha</span></th>
+                        <th><span class="highlight2">CatalÃn</span></th>
+                        <th><span class="highlight2">EspaÃol</span></th>
+                        <th><span class="highlight2">FrancÃs</span></th>
+                        <th><span class="highlight2">InglÃs</span></th>
+                        </tr>
+                        <tr>
+                        <td>Fundamentos teÃricos I</td>
+                        <td>VÃdeo</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://www.vimeo.com/1230686";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Fundamentos teÃricos II</td>
+                        <td>VÃdeo</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://www.vimeo.com/1230340";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Test de anÃlisis de la carrera (28'...)</td>
+                        <td>VÃdeo</td>
+                        <td>2009</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXo1MA";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>EvaluaciÃn del rendimiento deportivo en el atletismo</td>
+                        <td>VÃdeo</td>
+                        <td>2009</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMjA5ZA";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Repeated-Sprint Ability Team-Sport</td>
+                        <td>VÃdeo</td>
+                        <td>2009</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXp2MQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Experiencias del Test de Bosco en el atletismo</td>
+                        <td>VÃdeo</td>
+                        <td>2009</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMjBvYg";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>Mesa redonda de la Jornada Esport Blanquerna 2009</td>
+                        <td>VÃdeo</td>
+                        <td>2009</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMjBwMQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMjBwMQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        </tbody>
+                        </table>
+			</div> <!--entrenamiento-->
+
+			<div class="separator shadow small"></div>
+
+			<div id="educacion">
+			<h3 style="text-align:center">EducaciÃn</h3>
+                        <table>
+                        <tbody>
+                        <tr>
+                        <th><span class="highlight1">Documento</span></th>
+                        <th><span class="highlight1">Tipo</span></th>
+                        <th><span class="highlight1">Fecha</span></th>
+                        <th><span class="highlight2">CatalÃn</span></th>
+                        <th><span class="highlight2">EspaÃol</span></th>
+                        <th><span class="highlight2">FrancÃs</span></th>
+                        <th><span class="highlight2">InglÃs</span></th>
+                        </tr>
+                        <tr>
+                        <th>Practicas de Chronojump-Boscosystem para aprender a medir la fuerza</th>
+                        <td>PDF</td>
+                        <td>2012</td>
+                        <td><a id="hoverImage" href="docs/practiques_chronojump_boscosystem.pdf"><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <th>BiomecÃnica deportiva.<br>Del Rendimiento a la escuela</th>
+                        <td>VÃdeo</td>
+                        <td>2009</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMjBocA";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        </tbody>
+                        </table>
+			
+			</div> <!--educaciÃn-->
+
+			<div class="separator shadow small"></div>
+
+			<div id="otros">
+			<h3 style="text-align:center">Otros</h3>
+                        <table>
+                        <tbody>
+                        <tr>
+                        <th><span class="highlight1">Documento</span></th>
+                        <th><span class="highlight1">Tipo</span></th>
+                        <th><span class="highlight1">Fecha</span></th>
+                        <th><span class="highlight2">CatalÃn</span></th>
+                        <th><span class="highlight2">EspaÃol</span></th>
+                        <th><span class="highlight2">FrancÃs</span></th>
+                        <th><span class="highlight2">InglÃs</span></th>
+                        </tr>
+                        <tr>
+                        <th>Homenage a Carmelo Bosco</th>
+                        <td>VÃdeo</td>
+                        <td>2008</td>
+                        <td><a id="hoverImage" href="http://www.vimeo.com/1230152";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>MTGUG Modified Time Get Up and Go</td>
+                        <td>VÃdeo</td>
+                        <td>2009</td>
+                        <td><a id="hoverImage" href="http://omploader.org/vMXo0OQ";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        <tr>
+                        <td>IntegraciÃn de R en software libre de anÃlisis del rendimiento deportivo multiplataforma y en entorno cliente-servidor</td>
+                        <td>VÃdeo</td>
+                        <td>2009</td>
+                        <td></td>
+                        <td><a id="hoverImage" href="http://tv.um.es/video/index/id/751";><img src="images/checklist.png" alt="yes"></a></td>
+                        <td></td>
+                        <td></td>
+                        </tr>
+                        </tbody>
+                        </table>
+			</div> <!--otros-->
+
+
+                <div class="clear"></div><!-- clear float --> 
+            </section>
+            </div>
+        </div>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">DocumentaciÃn relevante</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Tesis doctoral: creaciÃn y validaciÃn de las herramientas</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_es.pdf";>Manual del software</a></li>
+                                    <li><a href="documents_es.html">(Ver todos los documentos)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://foro.chronojump.org";>Foro</a></li>
+                                    <li><a href="https://twitter.com/boscosystem_es";>Twitter</a></li>
+                                    <li><a href="photos_es.html">Fotos</a></li>
+                                    <li><a href="server_es.html">Servidor (compartir&nbsp;datos)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - software libre - hardware abierto - fiable - asequible</footer>
+                <div id="toTop">^ Subir a inicio de pÃgina</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
+</body>
+</html>
diff --git a/web/faq_hardware.html b/web/faq_hardware.html
index f0f926a..bae2f02 100644
--- a/web/faq_hardware.html
+++ b/web/faq_hardware.html
@@ -1,52 +1,101 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://forum.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Store</font></td>
-					<td><font size="2">Documents</font></td>
-					<td><font size="2">Forum</font></td>
-					<td><font size="2">Server</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="faq_hardware_es.html">EspaÃol</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
-
-
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index.html">Home</a></li>
+                                        <li><a href="tests.html">Tests</a></li>
+                                        <li><a href="products.html">Products</a></li>
+                                        <li><a href="pricing.html">Pricing</a></li>
+                                        <li><a href="contact.html">Contact</a></li>
+<!--                                        <li><a href="documentation.html">Documentation</a></li>-->
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index_es.html" class="button small">EspaÃol</a></li>
+<!--
+                                        <li class="current"><a href="index.html">English</a></li> <li>/</li> <li><a href="index_es.html">EspaÃol</a></li>
+-->
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documents</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
 
 <table width="99%" align="center" border="0" cellspacing="6" cellpadding="6">
 	<tr>
@@ -60,7 +109,7 @@
 				<ol>
 					<p><li>Where can I buy a contact platform?
 					<p>
-					See <a href="hardware_store.html">Hardware store</a>.
+					See <a href="pricing.html">pricing</a> page.
 
 					<li>How can I build a contact platform? 
 					<p>
@@ -71,7 +120,7 @@
 					The steel of the contact platform will be submitted to a number of pressures, if warmed it will resist better and it will also have a better capacity to return to its initial position.
 					<p><li>Can we use photoelectric cells?
 					<p>
-					Yes. See <a href="hardware_store.html">Hardware store</a> and hardware section at webpage: <a href="documents.html">documents</a>.
+					Yes. See <a href="products.html">products</a> page and hardware section at webpage: <a href="documents.html">documents</a>.
 
 				</ol>
 
@@ -80,7 +129,7 @@
 				<ol>
 					<p><li>Where can I buy Chronopic?</p>
 					<p>
-					See <a href="hardware_store.html">Hardware store</a>.
+					See <a href="pricing.html">pricing</a> page.
 					<p>
 
 					<p><li>Can I build a homemade or industrial Chronopic?<p>
@@ -116,5 +165,80 @@
 		<td align="center" valign="center"><img border="0" src="images/infrared.jpg"></td>
 	</tr>
 </table>
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">Relevant documentation</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Chronojump PhD thesis: creation and validation of tools (spanish)</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_en.pdf";>Software manual</a></li>
+                                    <li><a href="documents.html">(See all documents)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://forum.chronojump.org";>Forum</a></li>
+                                    <li><a href="https://twitter.com/boscosystem";>Twitter</a></li>
+                                    <li><a href="photos.html">Photos</a></li>
+                                    <li><a href="server.html">Server (share data)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - free software - open hardware - reliable - affordable</footer>
+                <div id="toTop">^ Back to Top</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/faq_hardware_es.html b/web/faq_hardware_es.html
index db3a826..340e65b 100644
--- a/web/faq_hardware_es.html
+++ b/web/faq_hardware_es.html
@@ -1,51 +1,96 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index_es.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software_es.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store_es.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents_es.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://foro.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server_es.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Tienda</font></td>
-					<td><font size="2">Documentos</font></td>
-					<td><font size="2">Foro</font></td>
-					<td><font size="2">Servidor</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="faq_hardware.html">English</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
-
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index_es.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index_es.html">Principal</a></li>
+                                        <li><a href="tests_es.html">Tests</a></li>
+                                        <li><a href="products_es.html">Productos</a></li>
+                                        <li><a href="pricing_es.html">Precios</a></li>
+                                        <li><a href="contact_es.html">Contactar</a></li>
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index.html" class="button small">English</a></li>
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documentos</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
 
 <table width="99%" align="center" border="0" cellspacing="6" cellpadding="6">
 	<tr>
@@ -58,7 +103,7 @@
 				<ol>
 					<p><li>ÂD&oacute;nde puedo comprar la plataforma de contactos?
 					<p>
-					Puede comprarla en la <a href="hardware_store_es.html">Tienda de hardware</a>.
+					Consulte la pÃgina de <a href="pricing_es.html">precios</a>.
 
 					<li>ÂC&oacute;mo puedo construir la plataforma de contactos?
 					<p>
@@ -70,7 +115,7 @@
 
 					<p><li>ÂPuede usar c&eacute;lulas fotoel&eacute;ctricas?
 					<p>
-					SÃ. Consulte la <a href="hardware_store_es.html">Tienda de hardware</a> y la pÃgina de <a href="documents_es.html">documentos</a>.
+					SÃ, consulte la pÃgina de <a href="products_es.html">productos</a> y la pÃgina de <a href="documents_es.html">documentos</a>.
 				</ol>
 
 				<h5>Cron&oacute;metro Chronopic</h5>
@@ -78,7 +123,7 @@
 				<ol>
 					<p><li>ÂD&oacute;nde puedo comprar el Chronopic?
 					<p>
-					Acceda a la <a href="hardware_store_es.html">Tienda de Hardware</a>.
+					Consulte la pÃgina de <a href="pricing_es.html">precios</a>.
 
 					<p><li>ÂPuedo construir o fabricar de forma industrial el Chronopic?<p>
 					<p>
@@ -113,5 +158,81 @@
 		<td align="center" valign="center"><img border="0" src="images/infrared.jpg"></td>
 	</tr>
 </table>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">DocumentaciÃn relevante</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Tesis doctoral: creaciÃn y validaciÃn de las herramientas</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_es.pdf";>Manual del software</a></li>
+                                    <li><a href="documents_es.html">(Ver todos los documentos)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://foro.chronojump.org";>Foro</a></li>
+                                    <li><a href="https://twitter.com/boscosystem_es";>Twitter</a></li>
+                                    <li><a href="photos_es.html">Fotos</a></li>
+                                    <li><a href="server_es.html">Servidor (compartir&nbsp;datos)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - software libre - hardware abierto - fiable - asequible</footer>
+                <div id="toTop">^ Subir a inicio de pÃgina</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/faq_software.html b/web/faq_software.html
index bead0f1..8be4bd8 100644
--- a/web/faq_software.html
+++ b/web/faq_software.html
@@ -1,45 +1,101 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-<table width="99%" border="0" cellspacing="0" cellpadding="0">
-		<tr><td align="left" valign="top">
-		<div align="left"><a href="http://chronojump.org";><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border ="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software.html"><img src="software.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store.html"><img src="hardware.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents.html"><img src="multimedia.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://forum.chronojump.org";><img src="forum.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server.html"><img src="server.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Hardware store</font></td>
-					<td><font size="2">Documents</font></td>
-					<td><font size="2">Forum</font></td>
-					<td><font size="2">Server</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td><font size="2"><a href="faq_software_es.html">EspaÃol</a></font><br><hr color="#d1dce1" width="100%"></td>
-</tr></table>
-
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index.html">Home</a></li>
+                                        <li><a href="tests.html">Tests</a></li>
+                                        <li><a href="products.html">Products</a></li>
+                                        <li><a href="pricing.html">Pricing</a></li>
+                                        <li><a href="contact.html">Contact</a></li>
+<!--                                        <li><a href="documentation.html">Documentation</a></li>-->
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index_es.html" class="button small">EspaÃol</a></li>
+<!--
+                                        <li class="current"><a href="index.html">English</a></li> <li>/</li> <li><a href="index_es.html">EspaÃol</a></li>
+-->
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documents</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
 <br>
 
 
@@ -65,7 +121,7 @@
 					Chronojump has been written for the programming platform <a href="http://www.mono-project.com";>MONO</a>, that has been conceived in order to facilitate the work of the computer programs in different operative systems and computer equipments. So far it works in GNU/Linux and Windows systems.<br>
 
 					<p><li>How can I download the program? <p>
-					See the web page <a href="software.html">Software</a>.
+					See the web page <a href="products.html">products</a>.
 
 					<p><li>Can I try Chronojump even though I donÂt have either the chronometer or the contact platform?
 					<p>
@@ -98,5 +154,80 @@
 		<td align="center" valign="center"><img border="0" src="images/reaction_time.png"></td>
 	</tr>
 </table>
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">Relevant documentation</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Chronojump PhD thesis: creation and validation of tools (spanish)</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_en.pdf";>Software manual</a></li>
+                                    <li><a href="documents.html">(See all documents)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://forum.chronojump.org";>Forum</a></li>
+                                    <li><a href="https://twitter.com/boscosystem";>Twitter</a></li>
+                                    <li><a href="photos.html">Photos</a></li>
+                                    <li><a href="server.html">Server (share data)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - free software - open hardware - reliable - affordable</footer>
+                <div id="toTop">^ Back to Top</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/faq_software_es.html b/web/faq_software_es.html
index e26ede0..b697907 100644
--- a/web/faq_software_es.html
+++ b/web/faq_software_es.html
@@ -1,57 +1,102 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
 
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
 
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
 
-		<body id="page-main" class="with-sidebar">
-<table width="99%" border="0" cellspacing="0" cellpadding="0">
-		<tr><td align="left" valign="top">
-		<div align="left"><a href="index_es.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border ="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software_es.html"><img src="software.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store_es.html"><img src="hardware.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents_es.html"><img src="multimedia.png" alt="Documentos" border="0"></a></td>
-					<td width="20%"><a href="http://foro.chronojump.org";><img src="forum.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server_es.html"><img src="server.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Tienda de Hardware</font></td>
-					<td><font size="2">Documentos</font></td>
-					<td><font size="2">Foro</font></td>
-					<td><font size="2">Servidor</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td><font size="2"><a href="faq_software.html">English</a></font><br><hr color="#d1dce1" width="100%"></td>
-</tr></table>
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
 
-<br>
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
 
 
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index_es.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index_es.html">Principal</a></li>
+                                        <li><a href="tests_es.html">Tests</a></li>
+                                        <li><a href="products_es.html">Productos</a></li>
+                                        <li><a href="pricing_es.html">Precios</a></li>
+                                        <li><a href="contact_es.html">Contactar</a></li>
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index.html" class="button small">English</a></li>
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documentos</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+
 <table width="99%" align="center" border="0" cellspacing="6" cellpadding="6">
 	<tr>
 		<td align="center" valign="center"><img border="0" src="images/take_off.png"></td>
 		<td width="100%" align="left" valign="top">
 			<div id="cols">
-
-
-
-				<d="chronojump">Software Chronojump</h5>
 				<h2>FAQ Preguntas Frecuentes sobre el software Chronojump</h2>
 			
 			<ol>
@@ -71,7 +116,7 @@
 				
 				<p><li>ÂC&oacute;mo puedo descargar (download) el programa?
 				<p>
-				Acceda a la p&aacute;gina web de <a href="software_es.html">software</a>.
+				Acceda a la p&aacute;gina web de <a href="productos_es.html">productos</a>.
 				
 				
 				<p><li>ÂPuedo probar Chronojump sin tener el cron&oacute;metro ni la plataforma de contactos?
@@ -106,5 +151,81 @@
 		<td align="center" valign="center"><img border="0" src="images/reaction_time.png"></td>
 	</tr>
 </table>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">DocumentaciÃn relevante</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Tesis doctoral: creaciÃn y validaciÃn de las herramientas</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_es.pdf";>Manual del software</a></li>
+                                    <li><a href="documents_es.html">(Ver todos los documentos)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://foro.chronojump.org";>Foro</a></li>
+                                    <li><a href="https://twitter.com/boscosystem_es";>Twitter</a></li>
+                                    <li><a href="photos_es.html">Fotos</a></li>
+                                    <li><a href="server_es.html">Servidor (compartir&nbsp;datos)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - software libre - hardware abierto - fiable - asequible</footer>
+                <div id="toTop">^ Subir a inicio de pÃgina</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/index.html b/web/index.html
index 8bb938d..94566ee 100644
--- a/web/index.html
+++ b/web/index.html
@@ -1,99 +1,285 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>Chronojump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-
-<center>
-<br><table border ="0" width = "600">
-	<tr valign="center" align="right">
-		<td colspan="6">
-			<table width="100%" border=0 cellpadding="0" cellspacing="0">
-				<tr valign="bottom">
-				<td valign="bottom" align="left">
-					<img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0">
-				</td>
-				<td valign="bottom" align="right" width="100%"><font size="2"><a href="index_es.html">Ver&nbsp;en&nbsp;espa&ntilde;ol</a></font></td></tr>
-				<tr height="1px"><td colspan="2" style="padding:0px 0px 0px 0px" bgcolor="#6c77ab" height="1px"></td></tr>
-			</table>
-		</td>
-	</tr>
-	<tr><td colspan="6">&nbsp;</td></tr>
-	<tr height=50 valign="top" align="center">
-		<td width="85"><a href="software.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-		<td width="85"><a href="hardware_store.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-		<td width="85"><a href="documents.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-		<td width="85"><a href="http://forum.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-		<td width="85"><a href="server.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-		<td width="200" align="right" rowspan="4">
-<script src="twitter_widget.js"></script>
-<script>
-new TWTR.Widget({
-  version: 2,
-  type: 'profile',
-  rpp: 0,
-  interval: 6000,
-  width: 160,
-  height: 200,
-  theme: {
-    shell: {
-      background: '#ffffff',
-      color: '#333333'
-    },
-    tweets: {
-      background: '#ffffff',
-      color: '#000000',
-      links: '#6c76ab'
-    }
-  },
-  features: {
-    scrollbar: true,
-    loop: true,
-    live: true,
-    hashtags: true,
-    timestamp: true,
-    avatars: false,
-    behavior: 'all'
-  }
-}).render().setUser('boscosystem').start();
-</script>
-		</td>
-	</tr>
-	<tr valign="top" align="center">
-		<td><font size="2">Software</font></td>
-		<td><font size="2">Store</font></td>
-		<td><font size="2">Documents</font></td>
-		<td><font size="2">Forum</font></td>
-		<td><font size="2">Server</font></td>
-	</tr>
-	<tr valign="top">
-		<td colspan="5">
-			<br>
-			Chronojump Boscosystem measures, and manages sport short-time tests.
-			<br>Chronojump is a free solution used by trainers, teachers and students.
-		</td>
-	</tr>
-	<tr valign="top">
-		<td colspan="2">
-			<br><a href="images/chronojump-boscosystem-schema.png"><img src="images/chronojump-boscosystem-schema_small.png"></a>
-		</td><td colspan="3">
-			<br>Click to understand Chronojump&nbsp;Boscosystem technologies.
-		</td>
-	</tr>
-</table>
-		</div> <!--dalt-->
-
-</center>
-</body>
-</html>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/flexslider.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+    
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li class="current"><a href="index.html">Home</a></li>
+                                        <li><a href="tests.html">Tests</a></li>
+                                        <li><a href="products.html">Products</a></li>
+                                        <li><a href="pricing.html">Pricing</a></li>
+                                        <li><a href="contact.html">Contact</a></li>
+<!--                                        <li><a href="documentation.html">Documentation</a></li>-->
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index_es.html" class="button small">EspaÃol</a></li>
+<!--
+                                        <li class="current"><a href="index.html">English</a></li> <li>/</li> <li><a href="index_es.html">EspaÃol</a></li>
+-->
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="slidercontainer">
+            	<section id="slider">
+                	
+                    <div id="slideritems" class="flexslider">
+                        <ul class="slides">
+                            <li>
+                            	<div class="container">
+                                	<div  class="twelve columns">
+                                        <img src="images/content/reliable.png" alt="" />
+                                        <div class="flex-caption">
+                                            <h1>Reliable</h1>
+                                            <h2 class="slidetext1">Product of a continuous research</h2>
+                                            <p class="slidetext2">There's plenty of documentation on the creation and validation of the tools. Chronojump-Boscosystem has been used in by an increasing group of researchers.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                            <li>
+                            	<div class="container">
+                                	<div  class="twelve columns">
+                                        <img src="images/content/affordable.png" alt="" />
+                                        <div class="flex-caption">
+                                            <h1>Affordable</h1>
+                                            <h2 class="slidetext1">Save money with our technologies</h2>
+                                            <p class="slidetext2">We supply you a complete jump system for less than 150 euros. </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                            <li>
+                            	<div class="container">
+                                	<div  class="twelve columns">
+                                        <img src="images/content/customizable.png" alt="" />
+                                        <div class="flex-caption">
+                                            <h1>Customizable</h1>
+                                            <h2 class="slidetext1">Satisfies your needs</h2>
+                                            <p class="slidetext2">Lots of tests are defined and you can create yours.<br>There's a growing documentation and community interested in measurement. </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                    
+                </section>
+            </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
+ 
+        
+        <!-- MAIN CONTENT -->
+        <div id="outermain">
+        	<section id="maincontent">
+   
+                <div class="container">
+                <div class="highlight-container">
+                    <div class="highlight-content">
+                        <div class="container">
+                        	<div class="twelve columns">
+                            <blockquote><h2>Chronojump-Boscosystem measures and manages sport short-time tests. It is a free solution from the the academia used in lab and field.</h2></blockquote>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                        
+                <div class="separator"></div>
+<!--
+		<div class="separator shadow"></div>
+-->
+
+		<div class="one_third firstcols">
+                            <img src="images/icons/trainers.png" alt="" class="alignleft" >
+                            <h4 class="margin_bottom_middle valignmiddle">Trainers</h4>
+Affordable for trainers. Allows intrasession and intersession comparisons (track changes by specific training, rest, illnes, diet, ...). Realtime feedback on repetitive tests.
+                        </div>
+                        <div class="one_third">
+                            <img src="images/icons/researchers.png" alt="" class="alignleft" >
+                            <h4 class="margin_bottom_middle valignmiddle">Researchers</h4>
+<a href="http://www.tdx.cat/handle/10803/83302";>Validated</a> (spanish PhD document). <a href="http://scholar.google.com/scholar?q=chronojump";>Used on scientific researches</a>. In order to improve knowledge <a href="server.html">users share data in a public server</a>.
+                        </div>
+                        <div class="one_third lastcols">
+                            <img src="images/icons/students.png" alt="" class="alignleft" >
+                            <h4 class="margin_bottom_middle valignmiddle">Students</h4>
+Affordable for scools and students. Well <a href="documents.html">documented</a>. Tools can be built by students to improve learning.
+                        </div>
+                <div class="clear"></div><!-- clear float --> 
+
+                <div class="separator"></div>
+		
+                <div class="container">
+               	<div class="twelve columns">
+               	  <div class="five columns alpha">
+                        <h3 class="titleSection">Partners: "Free tools development for sports"</h3>
+                            <img src="images/content/cidida-nchc.png" alt="" class="alignleft imgborder">
+                            <p>We joined non-profit foundation <a href="http://www.cidida.org/";>CIDIDA</a> in order to be partners with <a href="http://www.nchc.org.tw/";>NCHC</a> for an international project.<br/>Purpose: Develop free tools (software and hardware) to measure in sports.</p>
+                            <p>Project will end at May 2015.</p>
+		  </div>
+               	  <div class="one column">
+			&nbsp;
+		  </div>
+               	  <div class="six columns omega">
+                        <h3 class="titleSection">Partners: "Sports Analysis Pack"</h3>
+                            <img src="images/content/casio-kinovea-longomatch.png" alt="" class="alignleft imgborder">
+                            <p><a href="http://www.casio.com/";>CASIO</a>, Chronojump, <a href="http://www.kinovea.org/en/";>Kinovea</a>, and <a href="http://longomatch.org/";>Longomatch</a> joined the "Sports Analysis Pack" since the new CASIO high speed camera ZR1000.</p>
+		  </div>
+		</div>
+		</div>
+
+                <div class="clear"></div><!-- clear float --> 
+            </section>
+        </div>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">Relevant documentation</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Chronojump PhD thesis: creation and validation of tools (spanish)</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_en.pdf";>Software manual</a></li>
+                                    <li><a href="documents.html">(See all documents)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://forum.chronojump.org";>Forum</a></li>
+                                    <li><a href="https://twitter.com/boscosystem";>Twitter</a></li>
+                                    <li><a href="photos.html">Photos</a></li>
+                                    <li><a href="server.html">Server (share data)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - free software - open hardware - reliable - affordable</footer>
+                <div id="toTop">^ Back to Top</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Flexslider -->
+<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
+<script type="text/javascript">
+jQuery(window).load(function() {
+	jQuery('.flexslider').flexslider({
+	  animation: "fade",              //String: Select your animation type, "fade" or "slide"
+	  directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false)
+	  controlNav: false  //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
+	});
+});
+</script>	
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
+</body>
+</html>
diff --git a/web/index_es.html b/web/index_es.html
index a31e032..2763379 100644
--- a/web/index_es.html
+++ b/web/index_es.html
@@ -1,98 +1,286 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>Chronojump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-
-<center>
-<br><table border ="0" width = "630">
-	<tr valign="center" align="right">
-		<td colspan="6">
-			<table width="100%" border=0 cellpadding="0" cellspacing="0">
-				<tr valign="bottom">
-				<td valign="bottom" align="left">
-					<img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0">
-				</td>
-				<td valign="bottom" align="right" width="100%"><font size="2"><a href="index.html">See&nbsp;in&nbsp;english</a></font></td></tr>
-				<tr height="1px"><td colspan="2" style="padding:0px 0px 0px 0px" bgcolor="#6c77ab" height="1px"></td></tr>
-			</table>
-		</td>
-	</tr>
-	<tr><td colspan="6">&nbsp;</td></tr>
-	<tr height="50" valign="top" align="center">
-		<td width="85"><a href="software_es.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-		<td width="85"><a href="hardware_store_es.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-		<td width="85"><a href="documents_es.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-		<td width="85"><a href="http://foro.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-		<td width="85"><a href="server_es.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-		<td width="230" align="right" rowspan="4">
-<script src="twitter_widget.js"></script>
-<script>
-new TWTR.Widget({
-  version: 2,
-  type: 'profile',
-  rpp: 0,
-  interval: 6000,
-  width: 190,
-  height: 200,
-  theme: {
-    shell: {
-      background: '#ffffff',
-      color: '#333333'
-    },
-    tweets: {
-      background: '#ffffff',
-      color: '#000000',
-      links: '#6c76ab'
-    }
-  },
-  features: {
-    scrollbar: true,
-    loop: true,
-    live: true,
-    hashtags: true,
-    timestamp: true,
-    avatars: false,
-    behavior: 'all'
-  }
-}).render().setUser('boscosystem_es').start();
-</script>
-		</td>
-	</tr>
-	<tr valign="top" align="center">
-		<td><font size="2">Software</font></td>
-		<td><font size="2">Tienda</font></td>
-		<td><font size="2">Documentos</font></td>
-		<td><font size="2">Foro</font></td>
-		<td><font size="2">Servidor</font></td>
-	</tr>
-	<tr>
-		<td colspan="5">
-			<br>Chronojump Boscosystem mide y gestiona tests deportivos de corta duraciÃn.
-			<br>Chronojump es una soluciÃn libre usada por entrenadores, profesores y estudiantes.
-		</td>
-	</tr>
-	<tr>
-		<td colspan="2">
-			<br><a href="images/chronojump-boscosystem-schema_es.png"><img src="images/chronojump-boscosystem-schema_small_es.png"></a>
-		</td><td colspan="3">
-			<br>Clic para entender las tecnologÃas asociadas a Chronojump&nbsp;Boscosystem.
-		</td>
-	</tr>
-</table>
-		</div> <!--dalt-->
-
-</center>
-</body>
-</html>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/flexslider.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+    
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index_es.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li class="current"><a href="index_es.html">Principal</a></li>
+                                        <li><a href="tests_es.html">Tests</a></li>
+                                        <li><a href="products_es.html">Productos</a></li>
+                                        <li><a href="pricing_es.html">Precios</a></li>
+                                        <li><a href="contact_es.html">Contactar</a></li>
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index.html" class="button small">English</a></li>
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="slidercontainer">
+            	<section id="slider">
+                	
+                    <div id="slideritems" class="flexslider">
+                        <ul class="slides">
+                            <li>
+                            	<div class="container">
+                                	<div  class="twelve columns">
+                                        <img src="images/content/reliable.png" alt="" />
+                                        <div class="flex-caption">
+                                            <h1>Fiable</h1>
+                                            <h2 class="slidetext1">Producto de una investigaciÃn contÃnua</h2>
+                                            <p class="slidetext2">Publicamos documentaciÃn completa sobre la creaciÃn y validaciÃn de nuestras herramientas. Chronojump-Boscosystem es usado por un nÃmero creciente de investigadores.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                            <li>
+                            	<div class="container">
+                                	<div  class="twelve columns">
+                                        <img src="images/content/affordable.png" alt="" />
+                                        <div class="flex-caption">
+                                            <h1>Asequible</h1>
+                                            <h2 class="slidetext1">TecnologÃa para todos</h2>
+                                            <p class="slidetext2">Le enviamos un sistema completo de salto por menos de 150 euros. </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                            <li>
+                            	<div class="container">
+                                	<div  class="twelve columns">
+                                        <img src="images/content/customizable.png" alt="" />
+                                        <div class="flex-caption">
+                                            <h1>Personalizable</h1>
+                                            <h2 class="slidetext1">Se adapta a sus necesidades</h2>
+                                            <p class="slidetext2">Se han definido multitud de tests y usted puede crear los suyos fÃcilmente.<br>Cada dÃa hay mÃs personas interesadas en la mediciÃn y mÃs documentaciÃn relacionada.</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                    
+                </section>
+            </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
+ 
+        
+        <!-- MAIN CONTENT -->
+        <div id="outermain">
+        	<section id="maincontent">
+   
+                <div class="container">
+                <div class="highlight-container">
+                    <div class="highlight-content">
+                        <div class="container">
+                        	<div class="twelve columns">
+                            <blockquote><h2>Chronojump-Boscosystem mide y gestiona tests temporales de corta duraciÃn. Es una herramienta que nace en la universidad y se usa tanto en el laboratorio como en el campo.</h2></blockquote>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                        
+                <div class="separator"></div>
+<!--
+		<div class="separator shadow"></div>
+-->
+
+		<div class="one_third firstcols">
+                            <img src="images/icons/trainers.png" alt="" class="alignleft" >
+                            <h4 class="margin_bottom_middle valignmiddle">Entrenadores</h4>
+Asequible para entrenadores. Permite comparaciones intrasesiÃn e intersesiÃn (registrar cambios producidos por un entrenamiento especÃfico, descanso, enfermedad, dieta, ...). Feedback en tiempo real en los tests repetitivos. 
+                        </div>
+                        <div class="one_third">
+                            <img src="images/icons/researchers.png" alt="" class="alignleft" >
+                            <h4 class="margin_bottom_middle valignmiddle">Investigadores</h4>
+<a href="http://www.tdx.cat/handle/10803/83302";>Validado</a> (Tesis doctoral). <a href="http://scholar.google.com/scholar?q=chronojump";>Usado en investigaciones cientÃficas</a>. Dispone de un servidor en el que <a href="server_es.html">los usurios comparten sus datos</a> para producir conocimiento compartido.
+                        </div>
+                        <div class="one_third lastcols">
+                            <img src="images/icons/students.png" alt="" class="alignleft" >
+                            <h4 class="margin_bottom_middle valignmiddle">Estudiantes</h4>
+Asquible para los centros docentes y los estudiantes. Bien <a href="documents_es.html">documentado</a>. Los estudiantes pueden construir las herramientas para aumentar su aprendizaje.
+                        </div>
+                    
+                <div class="clear"></div><!-- clear float --> 
+
+                <div class="separator"></div>
+		
+                <div class="container">
+               	<div class="twelve columns">
+               	  <div class="five columns alpha">
+                        <h3 class="titleSection">Partners: "Desarrollo de herramientas libres para el deporte"</h3>
+                            <img src="images/content/cidida-nchc.png" alt="" class="alignleft imgborder">
+                            <p>Colaboramos con la fundaciÃn sin Ãnimo de lucro <a href="http://www.cidida.org/";>CIDIDA</a> y el <a href="http://www.nchc.org.tw/";>NCHC</a> para un proyecto internacional con el objetivo del desarrollo de herramientas libres (software y hardware) para la mediciÃn en el deporte.</p>
+                            <p>El proyecto finalizarà en mayo de 2015.</p>
+
+		  </div>
+               	  <div class="one column">
+			&nbsp;
+		  </div>
+               	  <div class="six columns omega">
+                        <h3 class="titleSection">Partners: "Sports Analysis Pack"</h3>
+                            <img src="images/content/casio-kinovea-longomatch.png" alt="" class="alignleft imgborder">
+                            <p><a href="http://www.casio.com/";>CASIO</a>, Chronojump, <a href="http://www.kinovea.org/en/";>Kinovea</a>, y <a href="http://longomatch.org/";>Longomatch</a> colaboran en el "Sports Analysis Pack" desde la apariciÃn de la nueva cÃmara de alta velocidad CASIO ZR1000.</p>
+		  </div>
+		</div>
+		</div>
+
+                <div class="clear"></div><!-- clear float --> 
+
+
+
+            </section>
+        </div>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">DocumentaciÃn relevante</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Tesis doctoral: creaciÃn y validaciÃn de las herramientas</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_es.pdf";>Manual del software</a></li>
+                                    <li><a href="documents_es.html">(Ver todos los documentos)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://foro.chronojump.org";>Foro</a></li>
+                                    <li><a href="https://twitter.com/boscosystem_es";>Twitter</a></li>
+                                    <li><a href="photos_es.html">Fotos</a></li>
+                                    <li><a href="server_es.html">Servidor (compartir&nbsp;datos)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - software libre - hardware abierto - fiable - asequible</footer>
+                <div id="toTop">^ Subir a inicio de pÃgina</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Flexslider -->
+<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
+<script type="text/javascript">
+jQuery(window).load(function() {
+	jQuery('.flexslider').flexslider({
+	  animation: "fade",              //String: Select your animation type, "fade" or "slide"
+	  directionNav: true, //Boolean: Create navigation for previous/next navigation? (true/false)
+	  controlNav: false  //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
+	});
+});
+</script>	
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
+</body>
+</html>
diff --git a/web/photocells_velleman.html b/web/photocells_velleman.html
index 576ae80..33a6eff 100644
--- a/web/photocells_velleman.html
+++ b/web/photocells_velleman.html
@@ -1,51 +1,101 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://forum.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Store</font></td>
-					<td><font size="2">Documents</font></td>
-					<td><font size="2">Forum</font></td>
-					<td><font size="2">Server</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="photocells_velleman_es.html">EspaÃol</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
-
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index.html">Home</a></li>
+                                        <li><a href="tests.html">Tests</a></li>
+                                        <li><a href="products.html">Products</a></li>
+                                        <li><a href="pricing.html">Pricing</a></li>
+                                        <li><a href="contact.html">Contact</a></li>
+<!--                                        <li><a href="documentation.html">Documentation</a></li>-->
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index_es.html" class="button small">EspaÃol</a></li>
+<!--
+                                        <li class="current"><a href="index.html">English</a></li> <li>/</li> <li><a href="index_es.html">EspaÃol</a></li>
+-->
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documents</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
 
 <center>
 <table width="600" border="0" cellspacing="6" cellpadding="6">
@@ -120,5 +170,80 @@ Josep Ma Padull&eacute;s, Xavier de Blas.
 	</tr>
 </table>
 </center>
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">Relevant documentation</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Chronojump PhD thesis: creation and validation of tools (spanish)</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_en.pdf";>Software manual</a></li>
+                                    <li><a href="documents.html">(See all documents)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://forum.chronojump.org";>Forum</a></li>
+                                    <li><a href="https://twitter.com/boscosystem";>Twitter</a></li>
+                                    <li><a href="photos.html">Photos</a></li>
+                                    <li><a href="server.html">Server (share data)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - free software - open hardware - reliable - affordable</footer>
+                <div id="toTop">^ Back to Top</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/photocells_velleman_es.html b/web/photocells_velleman_es.html
index e7828e3..73c3d4a 100644
--- a/web/photocells_velleman_es.html
+++ b/web/photocells_velleman_es.html
@@ -1,50 +1,96 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index_es.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software_es.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store_es.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents_es.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://foro.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server_es.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Tienda</font></td>
-					<td><font size="2">Documentos</font></td>
-					<td><font size="2">Foro</font></td>
-					<td><font size="2">Servidor</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="photocells_velleman.html">English</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index_es.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index_es.html">Principal</a></li>
+                                        <li><a href="tests_es.html">Tests</a></li>
+                                        <li><a href="products_es.html">Productos</a></li>
+                                        <li><a href="pricing_es.html">Precios</a></li>
+                                        <li><a href="contact_es.html">Contactar</a></li>
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index.html" class="button small">English</a></li>
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documentos</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
 
 <center>
 <table width="600" border="0" cellspacing="6" cellpadding="6">
@@ -117,5 +163,81 @@ Josep Ma Padull&eacute;s, Xavier de Blas.
 	</tr>
 </table>
 </center>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">DocumentaciÃn relevante</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Tesis doctoral: creaciÃn y validaciÃn de las herramientas</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_es.pdf";>Manual del software</a></li>
+                                    <li><a href="documents_es.html">(Ver todos los documentos)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://foro.chronojump.org";>Foro</a></li>
+                                    <li><a href="https://twitter.com/boscosystem_es";>Twitter</a></li>
+                                    <li><a href="photos_es.html">Fotos</a></li>
+                                    <li><a href="server_es.html">Servidor (compartir&nbsp;datos)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - software libre - hardware abierto - fiable - asequible</footer>
+                <div id="toTop">^ Subir a inicio de pÃgina</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/posters.html b/web/posters.html
index 6081285..a12f57d 100644
--- a/web/posters.html
+++ b/web/posters.html
@@ -1,52 +1,102 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://forum.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Store</font></td>
-					<td><font size="2">Documents</font></td>
-					<td><font size="2">Forum</font></td>
-					<td><font size="2">Server</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="posters_es.html">EspaÃol</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
+
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
 
 
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index.html">Home</a></li>
+                                        <li><a href="tests.html">Tests</a></li>
+                                        <li><a href="products.html">Products</a></li>
+                                        <li><a href="pricing.html">Pricing</a></li>
+                                        <li><a href="contact.html">Contact</a></li>
+<!--                                        <li><a href="documentation.html">Documentation</a></li>-->
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index_es.html" class="button small">EspaÃol</a></li>
+<!--
+                                        <li class="current"><a href="index.html">English</a></li> <li>/</li> <li><a href="index_es.html">EspaÃol</a></li>
+-->
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documents</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
+
 <table align="center" border="0" cellspacing="10" cellpadding="2">
 	<tr id="seattle_09" bgcolor="#e6e6fa"><th colspan="2">Chronopic 3 validation poster presented at the ACSM, Seattle 09</th></tr>
 	<tr><td>
@@ -83,5 +133,80 @@
 
 </table>
 
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">Relevant documentation</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Chronojump PhD thesis: creation and validation of tools (spanish)</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_en.pdf";>Software manual</a></li>
+                                    <li><a href="documents.html">(See all documents)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://forum.chronojump.org";>Forum</a></li>
+                                    <li><a href="https://twitter.com/boscosystem";>Twitter</a></li>
+                                    <li><a href="photos.html">Photos</a></li>
+                                    <li><a href="server.html">Server (share data)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - free software - open hardware - reliable - affordable</footer>
+                <div id="toTop">^ Back to Top</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/posters_es.html b/web/posters_es.html
index 043d17e..9ef674c 100644
--- a/web/posters_es.html
+++ b/web/posters_es.html
@@ -1,51 +1,97 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index_es.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software_es.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store_es.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents_es.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://foro.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server_es.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Tienda</font></td>
-					<td><font size="2">Documentos</font></td>
-					<td><font size="2">Foro</font></td>
-					<td><font size="2">Servidor</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="posters.html">English</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
 
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index_es.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index_es.html">Principal</a></li>
+                                        <li><a href="tests_es.html">Tests</a></li>
+                                        <li><a href="products_es.html">Productos</a></li>
+                                        <li><a href="pricing_es.html">Precios</a></li>
+                                        <li><a href="contact_es.html">Contactar</a></li>
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index.html" class="button small">English</a></li>
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documentos</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
 
 <table align="center" border="0" cellspacing="10" cellpadding="2">
 	<tr id="seattle_09" bgcolor="#e6e6fa"><th colspan="2">ValidaciÃn de Chronopic 3. PÃster presentado en el ACSM, Seattle 09</th></tr>
@@ -82,6 +128,81 @@
 
 
 </table>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">DocumentaciÃn relevante</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Tesis doctoral: creaciÃn y validaciÃn de las herramientas</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_es.pdf";>Manual del software</a></li>
+                                    <li><a href="documents_es.html">(Ver todos los documentos)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://foro.chronojump.org";>Foro</a></li>
+                                    <li><a href="https://twitter.com/boscosystem_es";>Twitter</a></li>
+                                    <li><a href="photos_es.html">Fotos</a></li>
+                                    <li><a href="server_es.html">Servidor (compartir&nbsp;datos)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - software libre - hardware abierto - fiable - asequible</footer>
+                <div id="toTop">^ Subir a inicio de pÃgina</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
 
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/server.html b/web/server.html
index 8bde1c5..89d023a 100644
--- a/web/server.html
+++ b/web/server.html
@@ -1,268 +1,386 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-	<head>
-		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>Chronojump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-	</head>
-	<body id="page-main" class="with-sidebar">
-		<div id="gallery">
-		<div id="dalt">
-			<table cellpadding="0" cellspacing="0" width="800" border="0" align="center">
-				<tr>
-					<td rowspan="2" valign="bottom" align="left">
-						<div align="left"><a href="http://chronojump.org/";><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" height="76" width="198" border="0"></a></div>
-					</td>
-					<td valign="center" align="center" width="100%">
-						<center>
-							<table border ="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-								<tr valign="bottom" align="center">
-									<td width="20%"><a href="software.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-									<td width="20%"><a href="hardware_store.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-									<td width="20%"><a href="documents.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-									<td width="20%"><a href="http://forum.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-									<td width="20%" bgcolor="#6c77ab"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></td>
-								</tr>
-								<tr valign="top" align="center">
-									<td><font size="2">Software</font></td>
-									<td><font size="2">Store</font></td>
-									<td><font size="2">Documents</font></td>
-									<td><font size="2">Forum</font></td>
-									<td bgcolor="#6c77ab"><font color="white" size="2">Server</font></td>
-								</tr>
-							</table>
-						</center>
-					</td>
-					<td valign="bottom"><font size="2"><a href="server_es.html">EspaÃol</a></font></td>
-				</tr>
-				<tr height="1px"><td colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-			</table>
-		</div> <!--dalt-->
-
-		<br>
-			<div id="slides">
-				<div id="slide1">
-					<ul>
-						<li><a href="#evaluators"><img src="images/server-stats-types-evaluators.png"></a></li>
-						<li><a href="#persons"><img src="images/server-stats-types-persons.png"></a></li>
-						<li><a href="#tests"><img src="images/server-stats-types-tests.png"></a></li>
-					</ul>
-				</div>
-			</div>
-
-			<div id="fullsize">
-				<div id="evaluators">
-					<table id="server" border="0">
-						<tr><th colspan="2"><h3>Chronojump Server - Evaluators stats</h3></th></tr>
-						<tr><td colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr valign="top"><td rowspan="2">
-								<img src="server/images/small/evaluators.png" alt="Chronojump Server">
-								</td><td width="100%">
-								In this graph you can see the different contributors that have uploaded data in the server.<br><br>You can see a more complete report in the <a href="http://chronojump.org/server/chronojump_server_log.html";>Chronojump server log</a>.
-								</td></tr>
-								<tr><td valign="bottom">
-										<a href="server/images/evaluators.png"><img src="images/zoom.png" alt="Zoom image" border="0"></a>
-							</td>
-					</tr></table>
-				</div>
-				<div id="persons">
-					<table id="server" border="0">
-						<tr><th colspan="2"><h3>Chronojump Server - Persons stats</h3></th></tr>
-						<tr><td colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr valign="top"><td rowspan="2">
-								<img src="server/images/small/persons.png" alt="Chronojump Server">
-								</td><td width="100%">
-								Here you can see a graph of the persons (athletes) that are in server. This graph shows:
-								<ul>
-									<li>Sport
-									<li>Country
-									<li>Age
-									<li>Gender
-									<li>Level (of practice)
-								</ul>
-								</td></tr>
-								<tr><td valign="bottom">
-										<a href="server/images/persons.png"><img src="images/zoom.png" alt="Zoom image" border="0"></a>
-							</td>
-					</tr></table>
-				</div>
-				<div id="tests">
-					<table id="server" border="0">
-						<tr><th colspan="5"><h3>Chronojump Server - Tests stats</h3></th></tr>
-						<tr><td colspan="5" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr>
-							<td><img src="server/images/small/tf_by_jumps_boxplot.png" width="60" height="60" style="border-width: 1px;border-color: orange;"></td>
-							<td><a href="#tests2"><img src="server/images/small/tf_by_level_sex_jumptype.png" width="60" height="60"></a></td>
-							<td><a href="#tests3"><img src="server/images/small/ieiub.png" width="60" height="60"></a></td>
-							<td><a href="#tests4"><img src="server/images/small/tf_by_extra_weight.png" width="60" height="60"></a></td>
-							<td width="100%"><a href="#tests5"><img src="server/images/small/tf_by_age.png" width="60" height="60"></a></td>
-						</tr>
-						<tr valign="top"><td colspan="2" rowspan="2">
-								<img src="server/images/small/tf_by_jumps_boxplot.png" width="140" height="140">
-						</td><td colspan="3" width="100%">
-								<b>Flight times by jumps</b>
-								<br>This image shows a graph for males and another for females. Each graph plots boxplots of different simple jumps (only on flight time) that are on server.
-								<br><br>Each boxplot shows quantiles and rare values (if any).
-								<br>Also <i>n</i> value is shown.
-								</td></tr>
-								<tr><td colspan="3" valign="bottom">
-										<a href="server/images/tf_by_jumps_boxplot.png"><img src="images/zoom.png" alt="Zoom image" border="0"></a>
-							</td>
-					</tr></table>
-				</div>
-				<div id="tests2">
-					<table id="server" border="0">
-						<tr><th colspan="5"><h3>Chronojump Server - Tests stats</h3></th></tr>
-						<tr><td colspan="5" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr>
-							<td><a href="#tests"><img src="server/images/small/tf_by_jumps_boxplot.png" width="60" height="60"></a></td>
-							<td><img src="server/images/small/tf_by_level_sex_jumptype.png" width="60" height="60" style="border-width: 1px;border-color: orange;"></td>
-							<td><a href="#tests3"><img src="server/images/small/ieiub.png" width="60" height="60"></a></td>
-							<td><a href="#tests4"><img src="server/images/small/tf_by_extra_weight.png" width="60" height="60"></a></td>
-							<td width="100%"><a href="#tests5"><img src="server/images/small/tf_by_age.png" width="60" height="60"></a></td>
-						</tr>
-						<tr valign="top"><td colspan="2" rowspan="2">
-								<img src="server/images/small/tf_by_level_sex_jumptype.png" width="140" height="140">
-						</td><td colspan="3" width="100%">
-								<b>Flight time by level, sex, jump type</b>
-								This is a four variable graph:
-								<ul>
-									<li>Flight time
-									<li>Practice level
-									<li>Jump type
-									<li>Sex
-								</ul>
-								</td></tr>
-								<tr><td colspan="3" valign="bottom">
-										<a href="server/images/tf_by_level_sex_jumptype.png"><img src="images/zoom.png" alt="Zoom image" border="0"></a>
-							</td>
-					</tr></table>
-				</div>
-				<div id="tests3">
-					<table id="server" border="0">
-						<tr><th colspan="5"><h3>Chronojump Server - Tests stats</h3></th></tr>
-						<tr><td colspan="5" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr>
-							<td><a href="#tests"><img src="server/images/small/tf_by_jumps_boxplot.png" width="60" height="60"></a></td>
-							<td><a href="#tests2"><img src="server/images/small/tf_by_level_sex_jumptype.png" width="60" height="60"></a></td>
-							<td><img src="server/images/small/ieiub.png" width="60" height="60" style="border-width: 1px;border-color: orange;"></td>
-							<td><a href="#tests4"><img src="server/images/small/tf_by_extra_weight.png" width="60" height="60"></a></td>
-							<td width="100%"><a href="#tests5"><img src="server/images/small/tf_by_age.png" width="60" height="60"></a></td>
-						</tr>
-						<tr valign="top"><td colspan="2" rowspan="2">
-								<img src="server/images/small/ieiub.png" width="140" height="140">
-						</td><td colspan="3" width="100%">
-								<b>IE IUB</b>
-								<br>This is an indexes graph:
-								<ul>
-									<li>IE (relationship between CMJ and SJ)
-									<li>IUB (relationship between ABK and CMJ)
-								</ul>
-								</td></tr>
-								<tr><td colspan="3" valign="bottom">
-										<a href="server/images/ieiub.png"><img src="images/zoom.png" alt="Zoom image" border="0"></a>
-							</td>
-					</tr></table>
-				</div>
-				<div id="tests4">
-					<table id="server" border="0">
-						<tr><th colspan="5"><h3>Chronojump Server - Tests stats</h3></th></tr>
-						<tr><td colspan="5" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr>
-							<td><a href="#tests"><img src="server/images/small/tf_by_jumps_boxplot.png" width="60" height="60"></a></td>
-							<td><a href="#tests2"><img src="server/images/small/tf_by_level_sex_jumptype.png" width="60" height="60"></a></td>
-							<td><a href="#tests3"><img src="server/images/small/ieiub.png" width="60" height="60"></a></td>
-							<td><img src="server/images/small/tf_by_extra_weight.png" width="60" height="60" style="border-width: 1px;border-color: orange;"></td>
-							<td width="100%"><a href="#tests5"><img src="server/images/small/tf_by_age.png" width="60" height="60"></a></td>
-						</tr>
-						<tr valign="top"><td colspan="2" rowspan="2">
-								<img src="server/images/small/tf_by_extra_weight.png" width="140" height="140">
-						</td><td colspan="3" width="100%">
-								<b>Correlations extra weight - flight time</b>
-								<br>This image shows correlation between jumps flight time and extra weight.
-								</td></tr>
-								<tr><td colspan="3" valign="bottom">
-										<a href="server/images/tf_by_extra_weight.png"><img src="images/zoom.png" alt="Zoom image" border="0"></a>
-							</td>
-					</tr></table>
-				</div>
-				<div id="tests5">
-					<table id="server" border="0">
-						<tr><th colspan="5"><h3>Chronojump Server - Tests stats</h3></th></tr>
-						<tr><td colspan="5" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr>
-							<td><a href="#tests"><img src="server/images/small/tf_by_jumps_boxplot.png" width="60" height="60"></a></td>
-							<td><a href="#tests2"><img src="server/images/small/tf_by_level_sex_jumptype.png" width="60" height="60"></a></td>
-							<td><a href="#tests3"><img src="server/images/small/ieiub.png" width="60" height="60"></a></td>
-							<td><a href="#tests4"><img src="server/images/small/tf_by_extra_weight.png" width="60" height="60"></a></td>
-							<td width="100%"><img src="server/images/small/tf_by_age.png" width="60" height="60" style="border-width: 1px;border-color: orange;"></td>
-						</tr>
-						<tr valign="top"><td colspan="2" rowspan="2">
-								<img src="server/images/small/tf_by_age.png" width="140" height="140">
-						</td><td colspan="3" width="100%">
-								<b>Correlations age - flight time</b>
-								<br>This image shows correlation between jumps flight time and age of persons at session date.
-								</td></tr>
-								<tr><td colspan="3" valign="bottom">
-										<a href="server/images/tf_by_age.png"><img src="images/zoom.png" alt="Zoom image" border="0"></a>
-							</td>
-					</tr></table>
-				</div>
-				<div id="reliability">
-					<table id="all_vert_space">
-						<tr><th colspan="2"><h3>Reliability on the server. Two levels:</h3></th></tr>
-						<tr><td colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-
-						<tr valign="top"><td colspan="2">
-<b>1)<span style="background-color: yellow">General data</b></span> Uploaded by anyone with the technology.
-<br><b>2)<span style="background-color: #ccff00">Reliable data</b></span> Accredited by SAFE research group (Universitat Ramon Llull).
-								</td></tr>
-<tr valign="top"><td width="50%">
-<span style="background-color: #ccff00"><b>Reliable data</b></span>. Profile <b>Evaluator-trainer</b>
-<ul id="nospace">
-  <li>National trainer.
-  <li>Current work: club, institution, category.
-  <li>Years as elite trainer.
-  <li>Historical on trained sports and specialties.
-  <li>Experience on using measurement equipment.
-  <li>Career (100 words)
-</ul>
-</td><td>
-<span style="background-color: #ccff00"><b>Reliable data</b></span>. Profile <b>Evaluator-researcher</b>
-<ul id="nospace">
-  <li>Maximum reached degree.
-  <li>Teacher at University?
-  <li>Sport science researches using measure.
-  <li>Other researches. Years as researcher.
-  <li>University research groups.
-  <li>Received grants.
-  <li>Career (100 words)
-</ul>
-								</td></tr>
-						<tr valign="top"><td colspan="2">
-<span style="background-color: #ccff00"><b>Reliable data</b></span>. Criteria <b>by session</b>: 
-Informed consent -
-Warming up -
-Protocol variations (if any) -
-New tests protocols and validations (if any) -
-Data has been published? Where? -
-Justification of the research (100 words).
-								</td></tr>
-					</tr></table>
-				</div>
-			</div>
-			<div id="note">
-				<font size="2">
-					<br>Chronojump has a server in order to share data between users.
-					<br>Server started to collect and show data (thanks to users contribution).
-					<br><br><a href="server.html#reliability">Realiability on the server</a>.
-				</font>
-			</div>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+    <link rel="stylesheet" href="styles/prettyPhoto.css"  media="screen" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+    
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index.html">Home</a></li>
+                                        <li><a href="tests.html">Tests</a></li>
+                                        <li><a href="products.html">Products</a></li>
+                                        <li><a href="pricing.html">Pricing</a></li>
+                                        <li><a href="contact.html">Contact</a></li>
+<!--                                        <li><a href="documentation.html">Documentation</a></li>-->
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index_es.html" class="button small">EspaÃol</a></li>
+<!--
+                                        <li class="current"><a href="index.html">English</a></li> <li>/</li> <li><a href="index_es.html">EspaÃol</a></li>
+-->
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Chronojump server. share data!</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
+ 
+        
+        <!-- MAIN CONTENT -->
+        <div id="outermain">
+        	<div class="container">
+        	<section id="maincontent" class="twelve columns">
+               
+		<p>Chronojump has a server in order to share data between users.
+		<br>Server started to collect and show data (thanks to users contribution).
+		</p>
+                
+                <div id="ts-display-portfolio">
+               
+<!--
+                <ul id="filter" class="controlnav">
+                    <li class="segment-1 selected-1"><a href="#" data-value="all">All Categories</a></li>
+                    <li class="segment-1"><a href="#" data-value="tech">Technology</a></li>
+                    <li class="segment-1"><a href="#" data-value="people">People</a></li>
+                </ul>
+-->
+                
+                <ul id="ts-display-pf-filterable" class="ts-display-pf-col-4 image-grid">
+                        <li data-id="id-1" class="">
+                            <div class="ts-display-pf-img">
+                                <a class="image" href="server/images/evaluators.png">
+                                <span class="rollover"></span>
+                                <img src="server/images/small/evaluators.png" alt=""/>
+                                </a>							
+                            </div>
+                            <div class="ts-display-pf-text">
+                                <h2>Evaluators stats</h2>
+                                <span>In this graph you can see the different contributors that have uploaded data in the server. You can see a more complete report in the <a href="http://chronojump.org/server/chronojump_server_log.html";>Chronojump server log</a>.</span>
+                            </div>
+                            <div class="ts-display-clear"></div>
+                        </li>
+                        <li data-id="id-2" class="">
+                            <div class="ts-display-pf-img">
+                                <a class="image" href="server/images/persons.png">
+                                <span class="rollover"></span>
+                                <img src="server/images/small/persons.png" alt=""/>
+                                </a>							
+                            </div>
+                            <div class="ts-display-pf-text">
+                                <h2>Persons</h2>
+                                <span>Here you can see a graph of the persons (athletes) that are in server. This graph shows: sport, country, age, gender, level (of practice).</span>
+                            </div>
+                            <div class="ts-display-clear"></div>
+                        </li>
+                        <li data-id="id-3" class="">
+                            <div class="ts-display-pf-img">
+                                <a class="image" href="server/images/tf_by_jumps_boxplot.png">
+                                <span class="rollover"></span>
+                                <img src="server/images/small/tf_by_jumps_boxplot.png" alt=""/>
+                                </a>							
+                            </div>
+                            <div class="ts-display-pf-text">
+                                <h2>Flight times by jumps</h2>
+                                <span>This image shows a graph for males and another for females. Each graph plots boxplots of different simple jumps (only on flight time) that are on server.<br>
+Each boxplot shows quantiles and rare values (if any). Also 'n' value is shown.</span>
+                            </div>
+                            <div class="ts-display-clear"></div>
+                        </li>
+                        <li data-id="id-4" class="nomargin">
+                            <div class="ts-display-pf-img">
+                                <a class="image" href="server/images/tf_by_level_sex_jumptype.png">
+                                <span class="rollover"></span>
+                                <img src="server/images/small/tf_by_level_sex_jumptype.png" alt=""/>
+                                </a>							
+                            </div>
+                            <div class="ts-display-pf-text">
+                                <h2>Flight time by level, sex, jump type</h2>
+                                <span>This is a four variable graph: flight time, practice level, jump type, sex.</span>
+                            </div>
+                            <div class="ts-display-clear"></div>
+                        </li>
+                        <li data-id="id-5" class="">
+                            <div class="ts-display-pf-img">
+                                <a class="image" href="server/images/ieiub.png">
+                                <span class="rollover"></span>
+                                <img src="server/images/small/ieiub.png" alt=""/>
+                                </a>							
+                            </div>
+                            <div class="ts-display-pf-text">
+                                <h2>IE, IUB</h2>
+                                <span>This is an indexes graph:<br>-IE (relationship between CMJ and SJ)<br>-IUB (relationship between ABK and CMJ).</span>
+                            </div>
+                            <div class="ts-display-clear"></div>
+                        </li>
+                        <li data-id="id-6" class="">
+                            <div class="ts-display-pf-img">
+                                <a class="image" href="server/images/tf_by_extra_weight.png">
+                                <span class="rollover"></span>
+                                <img src="server/images/small/tf_by_extra_weight.png" alt=""/>
+                                </a>							
+                            </div>
+                            <div class="ts-display-pf-text">
+                                <h2>Correlations extra weight - flight time</h2>
+                                <span>This image shows correlation between jumps flight time and extra weight.</span>
+                            </div>
+                            <div class="ts-display-clear"></div>
+                        </li>
+                        <li data-id="id-7" class="">
+                            <div class="ts-display-pf-img">
+                                <a class="image" href="server/images/tf_by_age.png">
+                                <span class="rollover"></span>
+                                <img src="server/images/small/tf_by_age.png" alt=""/>
+                                </a>							
+                            </div>
+                            <div class="ts-display-pf-text">
+                                <h2>Correlations age - flight time </h2>
+                                <span>This image shows correlation between jumps flight time and age of persons at session date.</span>
+                            </div>
+                            <div class="ts-display-clear"></div>
+                        </li>
+                </ul>
+                
+                <div class="clear"></div>
+                
+                </div><!-- end #ts-display-portfolio -->
+                        
+		<div class="separator shadow small"></div>
+               
+		<h2>Reliability of the server</h2>
+		<p>There are two levels of reliability:
+
+		<ul>
+<li><span class="highlight2">General data</span> Uploaded by anyone with the technology.</li>
+<li><span class="highlight1">Reliable data</span> Uploaded by anyone with the technology and accredited by SAFE research group (Universitat Ramon Llull) using the following directions:</li>
+</ul></p>
+                    
+		<div class="one_half firstcols">
+
+<p><span class="highlight1">Reliable data</span> Profile Evaluator-trainer</p>
+<ul id="nospace">
+  <li>National trainer</li>
+  <li>Current work: club, institution, category</li>
+  <li>Years as elite trainer</li>
+  <li>Historical on trained sports and specialties</li>
+  <li>Experience on using measurement equipment</li>
+  <li>Career (100 words)</li>
+</ul>
+                    </div>
+
+                    <div class="one_half lastcols">
+<p><span class="highlight1">Reliable data</span> Profile Evaluator-researcher</p>
+<ul id="nospace">
+  <li>Maximum reached degree</li>
+  <li>Teacher at University?</li>
+  <li>Sport science researches using measure</li>
+  <li>Other researches. Years as researcher</li>
+  <li>University research groups</li>
+  <li>Received grants</li>
+  <li>Career (100 words)</li>
+</ul>
+                    </div>
+
+		<div class="one_half firstcols">
+<p><span class="highlight1">Reliable data</span> Criteria by session</p>
+<ul>
+<li>Informed consent</li>
+<li>Warming up</li>
+<li>Protocol variations (if any)</li>
+<li>New tests protocols and validations (if any)</li>
+<li>Data has been published? Where?</li>
+<li>Justification of the research (100 words)</li>
+</ul>
+
+<p><span class="highlight1">Reliable data</span> Criteria by persons</p>
+<ul>
+<li>Incomplete data of the persons</li>
+<li>Person's height so low: &lt; 0.5 m</li>
+<li>Person's height so tall: &gt; 2.1 m</li>
+<li>Weight so low: &lt; 30 Kg</li>
+<li>Weight so high: &gt; 200 Kg</li>
+<!--â Dudas en cuanto al deporte de los practicantes.-->
+</ul>
+                    </div>
+		<div class="one_half lastcols">
+<p><span class="highlight1">Reliable data</span> Criteria by jumps</p>
+<ul>
+<li>Flight time too low for jumps without extra weight: &lt; 0.3 s</li>
+<li>Flight time too high: &gt; 0.8 s</li>
+<li>Contact time too low: &lt; 0.15 s</li>
+<li>Contact time too high for jumps without extra weight: &gt; 0.4 s</li>
+<li>Squat or Rocket higher than CMJ on the same persons</li>
+<li>CMJ values higher that ABK on the same persons</li>
+<li>Repeated values on jumps</li>
+<li>Women results better than man results</li>
+</ul>
+                    </div>
+                <div class="clear"></div><!-- clear float --> 
+<p>All this items can be refined in the future.<br>
+If the evaluator has a mixed profile, it will need to answer both profiles.<br>
+Currently all the data is marked as <span class="highlight2">General data</span>. In the future, when there's more data, reliability checks will apply.</p>
+                  
+            </section>
+            </div>
+        </div>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">Relevant documentation</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Chronojump PhD thesis: creation and validation of tools (spanish)</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_en.pdf";>Software manual</a></li>
+                                    <li><a href="documents.html">(See all documents)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://forum.chronojump.org";>Forum</a></li>
+                                    <li><a href="https://twitter.com/boscosystem";>Twitter</a></li>
+                                    <li><a href="photos.html">Photos</a></li>
+                                    <li><a href="server.html">Server (share data)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - free software - open hardware - reliable - affordable</footer>
+                <div id="toTop">^ Back to Top</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Easing -->
+
+<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
+
+
+<!-- jQuery PrettyPhoto -->
+<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
+
+<!-- jQuery Fade -->
+<script type="text/javascript" src="js/fade.js"></script>
+
+<!-- jQuery Filterable -->
+<script type="text/javascript" src="js/quicksand.js"></script>
+<script type="text/javascript" src="js/quicksand_config.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
+</body>
+</html>
diff --git a/web/server_es.html b/web/server_es.html
index 01f915b..46c5285 100644
--- a/web/server_es.html
+++ b/web/server_es.html
@@ -1,269 +1,382 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-	<head>
-		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>Chronojump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-	</head>
-	<body id="page-main" class="with-sidebar">
-		<div id="gallery">
-		<div id="dalt">
-			<table cellpadding="0" cellspacing="0" width="800" border="0" align="center">
-				<tr>
-					<td rowspan="2" valign="bottom" align="left">
-						<div align="left"><a href="http://chronojump.org/";><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" height="76" width="198" border="0"></a></div>
-					</td>
-					<td valign="center" align="center" width="100%">
-						<center>
-							<table border ="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-								<tr valign="bottom" align="center">
-									<td width="20%"><a href="software_es.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-									<td width="20%"><a href="hardware_store_es.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-									<td width="20%"><a href="documents_es.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-									<td width="20%"><a href="http://foro.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-									<td width="20%" bgcolor="#6c77ab"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></td>
-								</tr>
-								<tr valign="top" align="center">
-									<td><font size="2">Software</font></td>
-									<td><font size="2">Tienda</font></td>
-									<td><font size="2">Documentos</font></td>
-									<td><font size="2">Foro</font></td>
-									<td bgcolor="#6c77ab"><font color="white" size="2">Servidor</font></td>
-								</tr>
-							</table>
-						</center>
-					</td>
-					<td valign="bottom"><font size="2"><a href="server.html">English</a></font></td>
-				</tr>
-				<tr height="1px"><td colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-			</table>
-		</div> <!--dalt-->
-
-		<br>
-			<div id="slides">
-				<div id="slide1">
-					<ul>
-						<li><a href="#evaluators"><img src="images/server-stats-types-evaluators.png"></a></li>
-						<li><a href="#persons"><img src="images/server-stats-types-persons.png"></a></li>
-						<li><a href="#tests"><img src="images/server-stats-types-tests.png"></a></li>
-					</ul>
-				</div>
-			</div>
-
-			<div id="fullsize">
-				<div id="evaluators">
-					<table id="server" border="0">
-						<tr><th colspan="2"><h3>Chronojump Server - Evaluators stats</h3></th></tr>
-						<tr><td colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr valign="top"><td rowspan="2">
-								<img src="server/images/small/evaluators.png" alt="Chronojump Server">
-								</td><td width="100%">
-								En este grÃfico puede ver los diferentes evaluadores que han subido sus contribuciones.
-								<br><br>Puede ver un informe mÃs completo (en inglÃs) en el <a href="http://chronojump.org/server/chronojump_server_log.html";>Chronojump server log</a>.
-								</td></tr>
-								<tr><td valign="bottom">
-										<a href="server/images/evaluators.png"><img src="images/zoom.png" alt="Zoom image" border="0"></a>
-							</td>
-					</tr></table>
-				</div>
-				<div id="persons">
-					<table id="server" border="0">
-						<tr><th colspan="2"><h3>Chronojump Server - Persons stats</h3></th></tr>
-						<tr><td colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr valign="top"><td rowspan="2">
-								<img src="server/images/small/persons.png" alt="Chronojump Server">
-								</td><td width="100%">
-									Aquà puede ver un grÃfico de las personas (deportistas) que han sido subidos al servidor. El grÃfico muestra:
-									<ul>
-										<li>Deporte
-										<li>PaÃs
-										<li>Edad
-										<li>GÃnero
-										<li>Nivel (de prÃctica) 
-									</ul>
-								</td></tr>
-								<tr><td valign="bottom">
-										<a href="server/images/persons.png"><img src="images/zoom.png" alt="Zoom image" border="0"></a>
-							</td>
-					</tr></table>
-				</div>
-				<div id="tests">
-					<table id="server" border="0">
-						<tr><th colspan="5"><h3>Chronojump Server - Tests stats</h3></th></tr>
-						<tr><td colspan="5" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr>
-							<td><img src="server/images/small/tf_by_jumps_boxplot.png" width="60" height="60" style="border-width: 1px;border-color: orange;"></td>
-							<td><a href="#tests2"><img src="server/images/small/tf_by_level_sex_jumptype.png" width="60" height="60"></a></td>
-							<td><a href="#tests3"><img src="server/images/small/ieiub.png" width="60" height="60"></a></td>
-							<td><a href="#tests4"><img src="server/images/small/tf_by_extra_weight.png" width="60" height="60"></a></td>
-							<td width="100%"><a href="#tests5"><img src="server/images/small/tf_by_age.png" width="60" height="60"></a></td>
-						</tr>
-						<tr valign="top"><td colspan="2" rowspan="2">
-								<img src="server/images/small/tf_by_jumps_boxplot.png" width="140" height="140">
-						</td><td colspan="3" width="100%">
-								<b>Tiempos de vuelo en funciÃn del tipo de salto</b>
-								<br>En esta imagen puede ver un grÃfico para hombres y otro para mujeres. Cada grÃfico muestra cajas de saltos simples (con sÃlo un tiempo de vuelo) que han sido subidos al servidor.
-								<br><br>Cada caja muestra los cuartiles y los valores extraÃos (si los hay).
-								<br>TambiÃn se muestra la <i>n</i>.
-								</td></tr>
-								<tr><td colspan="3" valign="bottom">
-										<a href="server/images/tf_by_jumps_boxplot.png"><img src="images/zoom.png" alt="Zoom image" border="0"></a>
-							</td>
-					</tr></table>
-				</div>
-				<div id="tests2">
-					<table id="server" border="0">
-						<tr><th colspan="5"><h3>Chronojump Server - Tests stats</h3></th></tr>
-						<tr><td colspan="5" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr>
-							<td><a href="#tests"><img src="server/images/small/tf_by_jumps_boxplot.png" width="60" height="60"></a></td>
-							<td><img src="server/images/small/tf_by_level_sex_jumptype.png" width="60" height="60" style="border-width: 1px;border-color: orange;"></td>
-							<td><a href="#tests3"><img src="server/images/small/ieiub.png" width="60" height="60"></a></td>
-							<td><a href="#tests4"><img src="server/images/small/tf_by_extra_weight.png" width="60" height="60"></a></td>
-							<td width="100%"><a href="#tests5"><img src="server/images/small/tf_by_age.png" width="60" height="60"></a></td>
-						</tr>
-						<tr valign="top"><td colspan="2" rowspan="2">
-								<img src="server/images/small/tf_by_level_sex_jumptype.png" width="140" height="140">
-						</td><td colspan="3" width="100%">
-								<b>Tiempo de vuelo en funciÃn de nivel, gÃnero, tipo de salto</b>
-								Este es un grÃfico de cuatro variables:
-								<ul>
-									<li>Tiempo de vuelo
-									<li>Nivel de prÃctica
-									<li>Tipo de salto
-									<li>GÃnero
-								</ul>
-								</td></tr>
-								<tr><td colspan="3" valign="bottom">
-										<a href="server/images/tf_by_level_sex_jumptype.png"><img src="images/zoom.png" alt="Zoom image" border="0"></a>
-							</td>
-					</tr></table>
-				</div>
-				<div id="tests3">
-					<table id="server" border="0">
-						<tr><th colspan="5"><h3>Chronojump Server - Tests stats</h3></th></tr>
-						<tr><td colspan="5" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr>
-							<td><a href="#tests"><img src="server/images/small/tf_by_jumps_boxplot.png" width="60" height="60"></a></td>
-							<td><a href="#tests2"><img src="server/images/small/tf_by_level_sex_jumptype.png" width="60" height="60"></a></td>
-							<td><img src="server/images/small/ieiub.png" width="60" height="60" style="border-width: 1px;border-color: orange;"></td>
-							<td><a href="#tests4"><img src="server/images/small/tf_by_extra_weight.png" width="60" height="60"></a></td>
-							<td width="100%"><a href="#tests5"><img src="server/images/small/tf_by_age.png" width="60" height="60"></a></td>
-						</tr>
-						<tr valign="top"><td colspan="2" rowspan="2">
-								<img src="server/images/small/ieiub.png" width="140" height="140">
-						</td><td colspan="3" width="100%">
-								<b>IE IUB</b>
-								<br>Ãndices:
-								<ul>
-									<li>Indice de Elasticidad (relaciÃn entre CMJ y SJ)
-									<li>Indice de UtilizaciÃn de Brazos (relaciÃn entre ABK y CMJ)
-								</ul>
-								</td></tr>
-								<tr><td colspan="3" valign="bottom">
-										<a href="server/images/ieiub.png"><img src="images/zoom.png" alt="Zoom image" border="0"></a>
-							</td>
-					</tr></table>
-				</div>
-				<div id="tests4">
-					<table id="server" border="0">
-						<tr><th colspan="5"><h3>Chronojump Server - Tests stats</h3></th></tr>
-						<tr><td colspan="5" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr>
-							<td><a href="#tests"><img src="server/images/small/tf_by_jumps_boxplot.png" width="60" height="60"></a></td>
-							<td><a href="#tests2"><img src="server/images/small/tf_by_level_sex_jumptype.png" width="60" height="60"></a></td>
-							<td><a href="#tests3"><img src="server/images/small/ieiub.png" width="60" height="60"></a></td>
-							<td><img src="server/images/small/tf_by_extra_weight.png" width="60" height="60" style="border-width: 1px;border-color: orange;"></td>
-							<td width="100%"><a href="#tests5"><img src="server/images/small/tf_by_age.png" width="60" height="60"></a></td>
-						</tr>
-						<tr valign="top"><td colspan="2" rowspan="2">
-								<img src="server/images/small/tf_by_extra_weight.png" width="140" height="140">
-						</td><td colspan="3" width="100%">
-								<b>Correlaciones peso extra - tiempo de vuelo</b>
-								<br>Esta imagen muestra la correlaciÃn entre tiempo de vuelo y peso extra.
-								</td></tr>
-								<tr><td colspan="3" valign="bottom">
-										<a href="server/images/tf_by_extra_weight.png"><img src="images/zoom.png" alt="Zoom image" border="0"></a>
-							</td>
-					</tr></table>
-				</div>
-				<div id="tests5">
-					<table id="server" border="0">
-						<tr><th colspan="5"><h3>Chronojump Server - Tests stats</h3></th></tr>
-						<tr><td colspan="5" bgcolor="#6c77ab" height="1px"></td></tr>
-						<tr>
-							<td><a href="#tests"><img src="server/images/small/tf_by_jumps_boxplot.png" width="60" height="60"></a></td>
-							<td><a href="#tests2"><img src="server/images/small/tf_by_level_sex_jumptype.png" width="60" height="60"></a></td>
-							<td><a href="#tests3"><img src="server/images/small/ieiub.png" width="60" height="60"></a></td>
-							<td><a href="#tests4"><img src="server/images/small/tf_by_extra_weight.png" width="60" height="60"></a></td>
-							<td width="100%"><img src="server/images/small/tf_by_age.png" width="60" height="60" style="border-width: 1px;border-color: orange;"></td>
-						</tr>
-						<tr valign="top"><td colspan="2" rowspan="2">
-								<img src="server/images/small/tf_by_age.png" width="140" height="140">
-						</td><td colspan="3" width="100%">
-								<b>Correlaciones edad - tiempo de vuelo</b>
-								<br>Esta imagen muestra la correlaciÃn entre tiempo de vuelo y edad.
-								</td></tr>
-								<tr><td colspan="3" valign="bottom">
-										<a href="server/images/tf_by_age.png"><img src="images/zoom.png" alt="Zoom image" border="0"></a>
-							</td>
-					</tr></table>
-				</div>
-				<div id="reliability">
-					<table id="all_vert_space">
-						<tr><th colspan="2"><h3>Reliability on the server. Two levels:</h3></th></tr>
-						<tr><td colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-
-						<tr valign="top"><td colspan="2">
-<b>1)<span style="background-color: yellow">General data</b></span> Uploaded by anyone with the technology.
-<br><b>2)<span style="background-color: #ccff00">Reliable data</b></span> Accredited by SAFE research group (Universitat Ramon Llull).
-								</td></tr>
-<tr valign="top"><td width="50%">
-<span style="background-color: #ccff00"><b>Reliable data</b></span>. Profile <b>Evaluator-trainer</b>
-<ul id="nospace">
-  <li>National trainer.
-  <li>Current work: club, institution, category.
-  <li>Years as elite trainer.
-  <li>Historical on trained sports and specialties.
-  <li>Experience on using measurement equipment.
-  <li>Career (100 words)
-</ul>
-</td><td>
-<span style="background-color: #ccff00"><b>Reliable data</b></span>. Profile <b>Evaluator-researcher</b>
-<ul id="nospace">
-  <li>Maximum reached degree.
-  <li>Teacher at University?
-  <li>Sport science researches using measure.
-  <li>Other researches. Years as researcher.
-  <li>University research groups.
-  <li>Received grants.
-  <li>Career (100 words)
-</ul>
-								</td></tr>
-						<tr valign="top"><td colspan="2">
-<span style="background-color: #ccff00"><b>Reliable data</b></span>. Criteria <b>by session</b>: 
-Informed consent -
-Warming up -
-Protocol variations (if any) -
-New tests protocols and validations (if any) -
-Data has been published? Where? -
-Justification of the research (100 words).
-								</td></tr>
-					</tr></table>
-				</div>
-			</div>
-			<div id="note">
-				<font size="2">
-					<br>Chronojump has a server in order to share data between users.
-					<br>Server started to collect and show data (thanks to users contribution).
-					<br><br><a href="server.html#reliability">Realiability on the server</a>.
-				</font>
-			</div>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+    <link rel="stylesheet" href="styles/prettyPhoto.css"  media="screen" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+    
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index_es.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index_es.html">Principal</a></li>
+                                        <li><a href="tests_es.html">Tests</a></li>
+                                        <li><a href="products_es.html">Productos</a></li>
+                                        <li><a href="pricing_es.html">Precios</a></li>
+                                        <li><a href="contact_es.html">Contactar</a></li>
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index.html" class="button small">English</a></li>
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Servidor Chronojump. Comparta sus datos!</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
+ 
+        
+        <!-- MAIN CONTENT -->
+        <div id="outermain">
+        	<div class="container">
+        	<section id="maincontent" class="twelve columns">
+               
+		<p>Chronojump tiene un servidor que permite compartir los datos entre los usuarios.
+		<br>El servidor ha comenzado a recoger y mostrar datos gracias a la contribuciÃn de los usuarios.
+		</p>
+                
+                <div id="ts-display-portfolio">
+               
+<!--
+                <ul id="filter" class="controlnav">
+                    <li class="segment-1 selected-1"><a href="#" data-value="all">All Categories</a></li>
+                    <li class="segment-1"><a href="#" data-value="tech">Technology</a></li>
+                    <li class="segment-1"><a href="#" data-value="people">People</a></li>
+                </ul>
+-->
+                
+                <ul id="ts-display-pf-filterable" class="ts-display-pf-col-4 image-grid">
+                        <li data-id="id-1" class="">
+                            <div class="ts-display-pf-img">
+                                <a class="image" href="server/images/evaluators.png">
+                                <span class="rollover"></span>
+                                <img src="server/images/small/evaluators.png" alt=""/>
+                                </a>							
+                            </div>
+                            <div class="ts-display-pf-text">
+                                <h2>Evaluadores</h2>
+                                <span>En este grÃfico puede ver los diferentes evaluadores que han subido sus contribuciones. Puede ver un informe mÃs completo (en inglÃs) en el <a href="http://chronojump.org/server/chronojump_server_log.html";>Chronojump server log</a>.</span>
+				
+                            </div>
+                            <div class="ts-display-clear"></div>
+                        </li>
+                        <li data-id="id-2" class="">
+                            <div class="ts-display-pf-img">
+                                <a class="image" href="server/images/persons.png">
+                                <span class="rollover"></span>
+                                <img src="server/images/small/persons.png" alt=""/>
+                                </a>							
+                            </div>
+                            <div class="ts-display-pf-text">
+                                <h2>Sujetos</h2>
+                                <span>Aquà puede ver un grÃfico de los sujetos (deportistas) que han sido subidos al servidor. El grÃfico muestra: deporte, paÃs, edad, gÃnero, nivel (de prÃctica).</span>
+                            </div>
+                            <div class="ts-display-clear"></div>
+                        </li>
+                        <li data-id="id-3" class="">
+                            <div class="ts-display-pf-img">
+                                <a class="image" href="server/images/tf_by_jumps_boxplot.png">
+                                <span class="rollover"></span>
+                                <img src="server/images/small/tf_by_jumps_boxplot.png" alt=""/>
+                                </a>							
+                            </div>
+                            <div class="ts-display-pf-text">
+                                <h2>Tiempos de vuelo en funciÃn del tipo de salto</h2>
+                                <span>En esta imagen puede ver un grÃfico para hombres y otro para mujeres. Cada grÃfico muestra cajas de saltos simples (con sÃlo un tiempo de vuelo) que han sido subidos al servidor.<br>
+				Se muestran tambiÃn los cuartiles, los valores extraÃos (si los hay), y la 'n'.</span>
+                            </div>
+                            <div class="ts-display-clear"></div>
+                        </li>
+                        <li data-id="id-4" class="nomargin">
+                            <div class="ts-display-pf-img">
+                                <a class="image" href="server/images/tf_by_level_sex_jumptype.png">
+                                <span class="rollover"></span>
+                                <img src="server/images/small/tf_by_level_sex_jumptype.png" alt=""/>
+                                </a>							
+                            </div>
+                            <div class="ts-display-pf-text">
+                                <h2>Tiempo de vuelo en funciÃn de nivel, gÃnero, tipo de salto</h2>
+                                <span>Este es un grÃfico de cuatro variables: tiempo de vuelo, nivel de prÃctica, tipo de salto, gÃnero.</span>
+                            </div>
+                            <div class="ts-display-clear"></div>
+                        </li>
+                        <li data-id="id-5" class="">
+                            <div class="ts-display-pf-img">
+                                <a class="image" href="server/images/ieiub.png">
+                                <span class="rollover"></span>
+                                <img src="server/images/small/ieiub.png" alt=""/>
+                                </a>							
+                            </div>
+                            <div class="ts-display-pf-text">
+                                <h2>IE, IUB</h2>
+                                <span>Ãndices:<br>-Indice de Elasticidad (relaciÃn entre CMJ y SJ)<br>-Indice de UtilizaciÃn de Brazos (relaciÃn entre ABK y CMJ)</span>
+                            </div>
+                            <div class="ts-display-clear"></div>
+                        </li>
+                        <li data-id="id-6" class="">
+                            <div class="ts-display-pf-img">
+                                <a class="image" href="server/images/tf_by_extra_weight.png">
+                                <span class="rollover"></span>
+                                <img src="server/images/small/tf_by_extra_weight.png" alt=""/>
+                                </a>							
+                            </div>
+                            <div class="ts-display-pf-text">
+                                <h2>Correlaciones peso extra - tiempo de vuelo</h2>
+                                <span>Esta imagen muestra la correlaciÃn entre tiempo de vuelo y peso extra. </span>
+                            </div>
+                            <div class="ts-display-clear"></div>
+                        </li>
+                        <li data-id="id-7" class="">
+                            <div class="ts-display-pf-img">
+                                <a class="image" href="server/images/tf_by_age.png">
+                                <span class="rollover"></span>
+                                <img src="server/images/small/tf_by_age.png" alt=""/>
+                                </a>							
+                            </div>
+                            <div class="ts-display-pf-text">
+                                <h2>Correlaciones edad - tiempo de vuelo</h2>
+                                <span>Esta imagen muestra la correlaciÃn entre tiempo de vuelo y edad de los sujetos en la fecha de la sesiÃn. </span>
+                            </div>
+                            <div class="ts-display-clear"></div>
+                        </li>
+                </ul>
+                
+                <div class="clear"></div>
+                
+                </div><!-- end #ts-display-portfolio -->
+                        
+		<div class="separator shadow small"></div>
+               
+		<h2>Fiabilidad del servidor</h2>
+		<p>Se han definido dos niveles de fiabilidad:
+
+		<ul>
+<li><span class="highlight2">Datos generales</span> Compartidos por cualquiera que dispone de la tecnologÃa Chronojump.</li>
+<li><span class="highlight1">Datos fiables</span> Compartidos por cualquiera que dispone de la tecnologÃa Chronojump y acreditados por el grupo de investigaciÃn SAFE (Universitat Ramon Llull) con los siguientes criterios:</li>
+</ul></p>
+                    
+		<div class="one_half firstcols">
+
+<p><span class="highlight1">Datos fiables</span> Perfil Evaluador-Entrenador</p>
+<ul id="nospace">
+  <li>Entrenador nacional</li>
+  <li>Trabajo acutal: club, instituciÃn, categorÃa</li>
+  <li>AÃos en el entrenamiento de deportistas de Ãlite</li>
+  <li>HistÃrico de entrenador en cuanto a deportes y especialidades</li>
+  <li>Experiencia en el uso de instrumental de medida</li>
+  <li>Trayectoria profesional (100 palabras)</li>
+</ul>
+                    </div>
+
+                    <div class="one_half lastcols">
+<p><span class="highlight1">Datos fiables</span> Perfil Evaluador-Investigador</p>
+<ul id="nospace">
+  <li>MÃxima titulaciÃn conseguida</li>
+  <li>ÂHa realizado docencia en la Universidad?</li>
+  <li>Investigaciones que requieran de mediciÃn en el Ãmbito de las ciencias del deporte</li>
+  <li>Otras investigaciones realizadas. AÃos investigando</li>
+  <li>ParticipaciÃn en grupos de investigaciÃn con vinculaciÃn universitaria</li>
+  <li>Becas obtenidas</li>
+  <li>Trayectoria profesional (100 palabras)</li>
+</ul>
+                    </div>
+
+		<div class="one_half firstcols">
+<p><span class="highlight1">Datos fiables</span> Criterios de la sesiÃn</p>
+<ul>
+<li>Consentimiento informado</li>
+<li>Calentamiento realizado</li>
+<li>Variaciones del protocolo de los tests (si las hay)</li>
+<li>Nuevos protocolos de tests y variaciones (si las hay)</li>
+<li>ÂLos datos han sido publicados? Aportar referencia</li>
+<li>JustificaciÃn de la recogida de los datos</li>
+</ul>
+
+<p><span class="highlight1">Datos fiables</span> Criterios de los sujetos</p>
+<ul>
+<li>Los datos de los sujetos se encuentran incompletos</li>
+<li>Altura de alguna persona es muy baja: &lt; 0,5 m</li>
+<li>Altura de alguna persona es muy elevada: &gt; 2,1 m</li>
+<li>Peso de alguna persona es muy bajo: &lt; 30 Kg</li>
+<li>Peso de alguna persona es muy ato: &gt; 200 Kg</li>
+<!--â Dudas en cuanto al deporte de los practicantes.-->
+</ul>
+                    </div>
+		<div class="one_half lastcols">
+<p><span class="highlight1">Datos fiables</span> Criterios de los saltos</p>
+<ul>
+<li>Tiempos de vuelo demasiado bajos en saltos sin carga extra: &lt; 0,3 s</li>
+<li>Tiempos de vuelo demasiado altos: &gt; 0,8 s</li>
+<li>Tiempos de contacto demasiado bajos: &lt; 0,15 s</li>
+<li>Tiempos de contacto demasiado altos en saltos sin carga extra: &gt; 0,4 s</li>
+<li>Valores de saltos squat o rocket superiores a los saltos en contramovimiento para los mismos sujetos</li>
+<li>Valores de saltos con contramovimiento superiores a los de Abalakov para los mismos sujetos</li>
+<li>Valores repetidos de saltos</li>
+<li>Resultados de las mujeres superiores a los hombres</li>
+</ul>
+                    </div>
+                <div class="clear"></div><!-- clear float --> 
+<p>Todos los aspectos podran ser ajustados en un futuro.<br>
+Si el evaluador tiene un perfil mixto, se le pedirà que responda a ambos perfiles.<br>
+Actualmente todos los datos son clasificados como <span class="highlight2">Datos generales</span>. En un futuro, cuando haya mÃs datos, se iniciarÃn las comprobaciones de fiabilidad.</p>
+                  
+            </section>
+            </div>
+        </div>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">DocumentaciÃn relevante</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Tesis doctoral: creaciÃn y validaciÃn de las herramientas</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_es.pdf";>Manual del software</a></li>
+                                    <li><a href="documents_es.html">(Ver todos los documentos)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://foro.chronojump.org";>Foro</a></li>
+                                    <li><a href="https://twitter.com/boscosystem_es";>Twitter</a></li>
+                                    <li><a href="photos_es.html">Fotos</a></li>
+                                    <li><a href="server_es.html">Servidor (compartir&nbsp;datos)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - software libre - hardware abierto - fiable - asequible</footer>
+                <div id="toTop">^ Subir a inicio de pÃgina</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Easing -->
+
+<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
+
+
+<!-- jQuery PrettyPhoto -->
+<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
+
+<!-- jQuery Fade -->
+<script type="text/javascript" src="js/fade.js"></script>
+
+<!-- jQuery Filterable -->
+<script type="text/javascript" src="js/quicksand.js"></script>
+<script type="text/javascript" src="js/quicksand_config.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
+</body>
+</html>
diff --git a/web/software_more.html b/web/software_more.html
index 3ab8e25..6e95fd2 100644
--- a/web/software_more.html
+++ b/web/software_more.html
@@ -1,52 +1,102 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://forum.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Store</font></td>
-					<td><font size="2">Documents</font></td>
-					<td><font size="2">Forum</font></td>
-					<td><font size="2">Server</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="software_more_es.html">EspaÃol</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
 
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
 
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index.html">Home</a></li>
+                                        <li><a href="tests.html">Tests</a></li>
+                                        <li><a href="products.html">Products</a></li>
+                                        <li><a href="pricing.html">Pricing</a></li>
+                                        <li><a href="contact.html">Contact</a></li>
+<!--                                        <li><a href="documentation.html">Documentation</a></li>-->
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index_es.html" class="button small">EspaÃol</a></li>
+<!--
+                                        <li class="current"><a href="index.html">English</a></li> <li>/</li> <li><a href="index_es.html">EspaÃol</a></li>
+-->
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documents</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
+        
 <table width="600" align="center" border="0" cellspacing="6" cellpadding="6">
 	<tr>
 		<td width="33%" align="center" valign="top">
@@ -60,6 +110,7 @@
 					<li><a href="http://www.iearobotics.com/personal/ricardo/index.html";>Ricardo G&oacute;mez</a></li>
 					<li><a href="http://www.logicbrick.com/";>Sharad Shankar</a></li>
 					<li><a href="http://www.logicbrick.com/";>Onkar Nath Mishra</a></li>
+					<li><a href="mailto:wadedang gmail com">Teng Wei Hua</li>
 				</ul>
 				
 				<br><h2>Collaborators [a-z]</h2>
@@ -93,11 +144,87 @@
 		<div id="cols">
 			<h2>Award</h2>
 			<img src="images/tropheesdulibre.jpg"><br>
-			Chronojump wons <a href="http://www.tropheesdulibre2007.org/-Les-resultats-.html?lang=en";>free software awards on 2007</a> on education category.
+			Chronojump wons <a href="http://en.wikipedia.org/wiki/Les_Troph%C3%A9es_du_Libre";>free software awards on 2007</a> on education category.
 
 		</div>
 	</td>
 	</tr>
 </table>
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">Relevant documentation</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Chronojump PhD thesis: creation and validation of tools (spanish)</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_en.pdf";>Software manual</a></li>
+                                    <li><a href="documents.html">(See all documents)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://forum.chronojump.org";>Forum</a></li>
+                                    <li><a href="https://twitter.com/boscosystem";>Twitter</a></li>
+                                    <li><a href="photos.html">Photos</a></li>
+                                    <li><a href="server.html">Server (share data)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - free software - open hardware - reliable - affordable</footer>
+                <div id="toTop">^ Back to Top</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>
diff --git a/web/software_more_es.html b/web/software_more_es.html
index b9ba4ba..ad413fb 100644
--- a/web/software_more_es.html
+++ b/web/software_more_es.html
@@ -1,51 +1,96 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
-
-<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="es   ">
-
-			  <head>
-			  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-		<title>ChronoJump - measurement, management and statistics of sport short-time tests. </title>
-		<style type="text/css">
-			@import url(style.css);
-		</style>
-		</head>
-
-		<body id="page-main" class="with-sidebar">
-		<div id="dalt">
-			<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">
-		<tr>
-			<td rowspan="2" valign="bottom" align="left">
-		<div align="left"><a href="index_es.html"><img src="images/chronojump-boscosystem.png" alt="Chronojump main site" width="198" height="76" border="0"></a>
-		</div>
-		</td><td valign="center" align="center" width="100%">
-		<center>
-			<table border="0" width = "410" height="81" cellpadding="0" cellspacing="0">
-				<tr valign="bottom" align="center">
-					<td width="20%"><a href="software_es.html"><img src="images/nuvola-media-optical.png" alt="Software" border="0"></a></td>
-					<td width="20%"><a href="hardware_store_es.html"><img src="images/nuvola-emblem-package.png" alt="Hardware store" border="0"></a></td>
-					<td width="20%"><a href="documents_es.html"><img src="images/nuvola-folder.png" alt="Documents" border="0"></a></td>
-					<td width="20%"><a href="http://foro.chronojump.org";><img src="images/nuvola-gaim_send-im.png" alt="Forum" border="0"></a></td>
-					<td width="20%"><a href="server_es.html"><img src="images/nuvola-applications-internet.png" alt="Server" border="0"></a></td>
-				</tr>
-				<tr valign="top" align="center">
-					<td><font size="2">Software</font></td>
-					<td><font size="2">Tienda</font></td>
-					<td><font size="2">Documentos</font></td>
-					<td><font size="2">Foro</font></td>
-					<td><font size="2">Servidor</font></td>
-				</tr>
-			</table>
-		</center>
-	</td>
-	<td valign="bottom"><font size="2"><a href="software_more.html">English</a></font></td>
-				</tr>
-				<tr height="1px"><td style="padding:0px 0px 0px 0px" colspan="2" bgcolor="#6c77ab" height="1px"></td></tr>
-</table>
-</div> <!--dalt-->
-<br>
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+<head>
+
+	<!-- Basic Page Needs
+  ================================================== -->
+	<meta charset="utf-8" />
+	<title>Chronojump-Boscosystem</title>
+    <meta name="robots" content="index, follow" />
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+	<meta name="author" content="" />
+
+	<!-- Mobile Specific Metas
+  ================================================== -->
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    
+
+	<!-- CSS
+  ================================================== -->
+  	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="styles/skeleton.css" />
+    <link rel="stylesheet" href="styles/style.css" />
+    <link rel="stylesheet" href="styles/inner.css" />
+    <link rel="stylesheet" href="styles/color.css" />
+	<link rel="stylesheet" href="styles/layout.css" />
+    
+
+	<!--[if lt IE 9]>
+		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js";></script>
+	<![endif]-->
+
+	<!-- Favicons
+	================================================== -->
+	<link rel="shortcut icon" href="images/favicon.ico" />
+	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
+	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
+	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
+   
 
+<style type="text/css">
+			a#hoverImage:hover { border: 2px solid #0f2452;}
+</style>
+ 
+    
+</head>
+
+
+<body>
+<div id="bodychild">
+	<div id="outercontainer">
+    
+        <!-- HEADER -->
+        <div id="outerheader">
+            <div id="outertheheader">
+                
+                <header id="top">
+                    <div class="container">
+                        <div class="twelve columns">
+                            <div id="logo"  class="three columns alpha"><a href="index_es.html"><img src="images/logo.png" alt=""></a></div>
+                            <section id="navigation">
+                                <nav id="nav-wrap">
+                                    <ul id="topnav" class="sf-menu">
+                                        <li><a href="index_es.html">Principal</a></li>
+                                        <li><a href="tests_es.html">Tests</a></li>
+                                        <li><a href="products_es.html">Productos</a></li>
+                                        <li><a href="pricing_es.html">Precios</a></li>
+                                        <li><a href="contact_es.html">Contactar</a></li>
+					<li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
+                            		<li><a href="index.html" class="button small">English</a></li>
+                                    </ul><!-- topnav -->
+                                </nav><!-- nav -->	
+                                <div class="clear"></div>
+                            </section>
+                        </div>
+                    </div>
+                    <div class="clear"></div>
+                </header>
+                
+                <div id="pagetitlecontainer">
+                    <div class="container">
+                    	<div class="twelve columns">
+                        	<h1 class="pagetitle">Documentos</h1>
+                        </div>
+                    </div>
+                </div>
+                
+            </div>    
+        </div>
+        <!-- END HEADER -->
 
 <table width="600" align="center" border="0" cellspacing="6" cellpadding="6">
 	<tr>
@@ -60,6 +105,7 @@
 					<li><a href="http://www.iearobotics.com/personal/ricardo/index.html";>Ricardo G&oacute;mez</a></li>
 					<li><a href="http://www.logicbrick.com/";>Sharad Shankar</a></li>
 					<li><a href="http://www.logicbrick.com/";>Onkar Nath Mishra</a></li>
+					<li><a href="mailto:wadedang gmail com">Teng Wei Hua</li>
 				</ul>
 				
 				<br><h2>Colaboradores [a-z]</h2>
@@ -92,11 +138,87 @@
 		<div id="cols">
 			<h2>Premio</h2>
 			<img src="images/tropheesdulibre.jpg"><br>
-			Chronojump ganà el <a href="http://www.tropheesdulibre2007.org/-Les-resultats-.html?lang=en";>premio de software libre de 2007</a> en la categorÃa de educaciÃn.
+			Chronojump ganà el <a href="http://es.wikipedia.org/wiki/Les_Troph%C3%A9es_du_libre";>premio de software libre de 2007</a> en la categorÃa de educaciÃn.
 
 		</div>
 	</td>
 	</tr>
 </table>
+        <!-- END MAIN CONTENT -->
+        
+        <div id="footerstrip"><div></div></div>
+        
+        <!-- FOOTER SIDEBAR -->
+        <div id="outerfootersidebar">
+        	<div class="container">
+                <div id="footersidebarcontainer" class="twelve columns"> 
+                    <footer id="footersidebar">
+                    <div id="footcol1"  class="four columns alpha">
+                    <ul>
+                        <li class="widget-container"><p><img src="images/logo.png" alt=""></p></li>
+                    </ul>
+                    </div>
+                    <div id="footcol2"  class="six columns">
+                        <ul>
+                            <li class="widget-container">
+                                <h2 class="widget-title">DocumentaciÃn relevante</h2>
+                                <ul>
+                                    <li><a href="http://www.tdx.cat/handle/10803/83302";>Tesis doctoral: creaciÃn y validaciÃn de las herramientas</a></li>
+                                    <li><a href="http://chronojump.org/docs/chronojump_manual_es.pdf";>Manual del software</a></li>
+                                    <li><a href="documents_es.html">(Ver todos los documentos)</a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="footcol3"  class="two columns omega">
+                        <ul>
+                          <li class="widget-container">
+                                <h2 class="widget-title">Social</h2>
+                                <ul>
+                                    <li><a href="http://foro.chronojump.org";>Foro</a></li>
+                                    <li><a href="https://twitter.com/boscosystem_es";>Twitter</a></li>
+                                    <li><a href="photos_es.html">Fotos</a></li>
+                                    <li><a href="server_es.html">Servidor (compartir&nbsp;datos)</a></li>
+                                </ul>
+                          </li>
+                        </ul>
+                    </div>
+                    <div class="clear"></div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+
+        <!-- END FOOTER SIDEBAR -->
+        
+        <!-- FOOTER -->
+        <div id="outerfooter">
+        	<div class="container">
+        	<div id="footercontainer" class="twelve columns">
+            	<footer id="footer">CHRONOJUMP-BOSCOSYSTEM - software libre - hardware abierto - fiable - asequible</footer>
+                <div id="toTop">^ Subir a inicio de pÃgina</div>
+            </div>
+            </div>
+        </div>
+        <!-- END FOOTER -->
+        
+	</div><!-- end outercontainer -->
+</div><!-- end bodychild -->
+
+<!-- ////////////////////////////////// -->
+<!-- //      Javascript Files        // -->
+<!-- ////////////////////////////////// -->
+<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
+
+<!-- jQuery Superfish -->
+<script type="text/javascript" src="js/hoverIntent.js"></script> 
+<script type="text/javascript" src="js/superfish.js"></script> 
+<script type="text/javascript" src="js/supersubs.js"></script>
+
+<!-- jQuery Dropdown Mobile -->
+<script type="text/javascript" src="js/tinynav.min.js"></script>
+
+<!-- Custom Script -->
+<script type="text/javascript" src="js/custom.js"></script>
 </body>
 </html>



[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]