JeanBenitez 1 vuosi sitten
commit
b400761c91
51 muutettua tiedostoa jossa 14355 lisäystä ja 0 poistoa
  1. 38 0
      .gitignore
  2. 105 0
      404.php
  3. 516 0
      apl.php
  4. 193 0
      apps.php
  5. 432 0
      atenuadores.php
  6. 210 0
      aviso-privacidad.php
  7. 285 0
      bibliografia.php
  8. 392 0
      bolsatrabajo.php
  9. 1936 0
      calculoAtenuadores.php
  10. 190 0
      calidad-medio-ambiente.php
  11. 138 0
      calidad.php
  12. 158 0
      casos-practicos.php
  13. 165 0
      catalogo-corporativo.php
  14. 179 0
      catalogo.php
  15. 236 0
      catalogosearch.php
  16. 232 0
      certificaciones.php
  17. 249 0
      comparador.php
  18. 192 0
      comparador_BKP.php
  19. 9 0
      composer.json
  20. 682 0
      contacto.php
  21. 265 0
      easycalc.php
  22. 259 0
      easyduct.php
  23. 318 0
      easyvent.php
  24. 255 0
      errorEtiqueta.php
  25. 151 0
      etiqueta.php
  26. 133 0
      footer.php
  27. 529 0
      header.php
  28. 459 0
      header_old.php
  29. 736 0
      hojas-tecnicas.php
  30. 544 0
      index.php
  31. 158 0
      innovacion.php
  32. 211 0
      linea.php
  33. 167 0
      manual-corporativo.php
  34. 131 0
      manual-mantenimiento.php
  35. 155 0
      manual-ventilacion.php
  36. 339 0
      modelo.php
  37. 163 0
      normativa-1.php
  38. 186 0
      nuestra-marca.php
  39. 288 0
      politicas-compania.php
  40. 138 0
      politicas-privacidad.php
  41. 190 0
      popover-exit.html
  42. 215 0
      produccion.php
  43. 503 0
      producto.php
  44. 13 0
      pruebaEnc.php
  45. 2 0
      pruebaInfo.php
  46. 59 0
      pruebaJL.php
  47. 189 0
      pruebaOmar.php
  48. 187 0
      recuperacion-energia.php
  49. 7 0
      robots.txt
  50. 636 0
      sustentabilidad.php
  51. 232 0
      terminos-condiciones.php

+ 38 - 0
.gitignore

@@ -0,0 +1,38 @@
+#Directorios PR
+qa_test/
+video/
+webOld/
+webQA/
+ALP/
+ASW/
+.ftpquota
+.htaccess
+bibliovirtual/
+error_log
+
+# compiled output
+/tmp
+# IDEs and editors
+/.phpintel
+/.idea
+/.vscode
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db

+ 105 - 0
404.php

@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+   
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>404</title>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+  <!-- estilo secundario (necesario) -->
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  
+<!-- aqui va el header -->
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div><div class="std">
+            <div class="grid grid-pad">
+              <div class="hcol-12-12">
+                <center>
+                  <p class="h2-2">Whoops!</p>
+                  <br>
+                  <img src="media/img/frown.png" width="100px">
+                  <p class="error">
+                    Error <br> 404
+                    <div class=""><p>La página que intentas solicitar no se ha encontrado.</p></div>
+                  </p>
+                  <a href="index.php">
+                    <button class="button-back-to-home"> Volver al inicio</button>
+                  </a>
+                </center>
+              </div>
+            </div>
+            <div class="line"></div>
+          </div>
+        </div>                    
+      </main>
+    </div>
+  </div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+</script>
+
+
+</div>
+</div>
+</body>
+
+</html>

+ 516 - 0
apl.php

@@ -0,0 +1,516 @@
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>División APL – S&amp;P</title>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+
+  
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+  <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  
+  <!-- aqui va el header -->
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="0" typeof="v:Breadcrumb">
+            <a href="index.php"
+                title="Inicio"
+                rel="v:url" property="v:title">
+              Inicio</a>
+              <div class="arrow-breadcrumbs-level3"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs.svg"/></div>
+              <div class="arrow-breadcrumbs-level2"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs-white.svg"/></div> &nbsp;
+          </li>
+          <li class="2">
+            <a>División APL</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div><div class="std"><div class="page-title dark">
+            <img alt="APL" src="media/home/categories_home/recursos/APL.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1"> División APL</h1>
+              </div>
+            </div>
+          </div>
+
+          <!-- Aquí va el cuerpo -->
+          <div class="grid grid-pad">
+            <div class="hcol-10-12 md-hcol-1-1">
+              <div class="contenido just">
+              <p class="m-bottom10">En <b style="color:#e3060a">Soler & Palau Ventilation Group</b> estamos comprometidos con proveer al mercado con las soluciones de ventilación que en cada uno de los proyectos nos demande, por lo que hace ya más de cinco años creamos la División APL, departamento encargado y especializado en la ventilación de túneles carreteros y ferroviarios.</p>
+
+              <p class="m-bottom10">La División APL cuenta con un equipo de profesionales especializado en arquitectura, mecánica de fluidos, RAMS, control y automatización, instalación eléctrica, control documental y simulación CFD.</p>
+
+              <p class="m-bottom10">En esta División desarrollamos la ingeniería básica, ingeniería de detalle, análisis RAMS, simulación CFD unidimensional y tridimensional, pruebas FAT y pruebas SAT. Dentro del proceso productivo del proyecto, se realizan las siguientes etapas:</p>
+              <div class="hcol-12-12">
+                <ul class="link m-left20" style="color: rgb(138, 138, 138);">
+                  <li>
+                    Estudio de Planos Arquitectónicos, basándonos en las necesidades
+                    del cliente y los espacios disponibles siempre, apegados a una
+                    correcta selección del sistema, los requerimientos y la normatividad
+                    vigente.
+                  </li>
+                  <li>
+                    Análisis detallado de la información proporcionada para la
+                    elaboración de memorias de cálculo y especificación de los diversos
+                    componentes.
+                  </li>
+                  <li>
+                    Comprobación del funcionamiento del sistema mediante Simulación
+                    CFD (ANSYS), tanto en escenarios de operación normal como en
+                    emergencia, tomando en cuenta desde situaciones cotidianas hasta
+                    las variables más críticas de funcionamiento, buscando siempre
+                    cumplir los más altos estándares de calidad para garantizar la
+                    seguridad de los usuarios (NFPA).
+                  </li>
+                  <li>
+                    Análisis RAMS, que por sus siglas en ingles significa (R) Fiabilidad, (A) Disponibilidad, (M) Mantenibilidad y (S) Seguridad, nos permite planificar y minimizar errores futuros, garantizando un sistema de buena calidad, fiable y seguro para el usuario. Mediante este método se obtiene un Safety Report, dentro del marco de las normas en 50126, 50128 y 50129.
+                  </li>
+                  <li>
+                    Preparación de manuales de instalación, operación y mantenimiento
+                    con imágenes en 3D y medidas reales que permiten una visualización
+                    detallada de los trabajos a realizar tomando en cuenta las posibles
+                    dificultades que pudieran presentarse durante la realización de
+                    dichas actividades y así poder anticipar soluciones particulares de
+                    cada sistema.
+                  </li>
+                  <li>
+                    Elaboración de cuadernos de pruebas tanto en fábrica (FAT) como
+                    en el sitio (SAT), a fin de garantizar al proyecto la satisfacción y
+                    cumplimiento de sus necesidades.
+                  </li>
+                  <li>
+                    Capacitación del personal que posteriormente será el responsable
+                    de la manipulación del sistema para garantizar un uso adecuado y
+                    eficiente del mismo.
+                  </li>
+                  <li>
+                  Automatización del funcionamiento del sistema ya integrado.
+                </li>
+                <li>Puesta en marcha de acuerdo con los protocolos establecidos o
+                solicitados.</li>
+                <li>Integración del sistema eléctrico y de control para garantizar el
+                  funcionamiento adecuado dentro de los parámetros establecidos en
+                  la normatividad de referencia (NFPA 130, EN 50126, EN 50128, EN
+                50129, NFPA 70E, NEC, IEC.</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="bar-title">
+          <h2 class="h2">Tecnología Propia </h2>
+          <div class="container just">
+            <p class="hcol-10-12">La marca S&P ha alcanzando reconocimiento mundial gracias a su equipo humano, a la calidad, fiabilidad y a una férrea apuesta por la innovación. Soler & Palau Ventilation Group ha 
+              basado su proyecto en una serie de preceptos que han pautado el pasado, presente y futuro de la empresa.</p>
+          </div>
+        </div>
+        <div class="container grid just">
+          <div class="hcol-10-12 md-hcol-1-1">
+            <div class="contenido just">
+              <p class="m-bottom20">Si el proyecto de S&P debía ser fuerte y consolidarse en el tiempo, era necesario basarse en la creatividad y aportar productos diferenciales, evitando imitar lo que hacían los 
+                demás. S&P ha registrado, a lo largo de su historia, 80 patentes propias, más de 20 modelos industriales y más de 120 modelos de utilidad.</p>
+              <p class="m-bottom20">Los ventiladores S&P se desarrollan mediante una ingeniería de precisión con el objetivo de tener un desempeño superior y una operación libre de fallas durante años después de su 
+                adquisición.</p>
+              <p class="m-bottom20">Por otro lado, el avance de la tecnología ha permitido que nuestros ventiladores, siempre fabricados y ensamblados en nuestras fábricas con tecnología de punta y certificada en 
+                ISO 9001, logren un desempeño de clase mundial en aplicaciones de ventilación.</p>
+
+              <p class="m-bottom20">Cada uno de los ventiladores S&P son probados asegurando entonces su desempeño y calidad. Gracias a nuestras instalaciones certificadas por la Asociación Internacional del 
+                Movimiento y Control de Aire (AMCA, por sus siglas en inglés), aseguramos que nuestros ventiladores cumplen con las especificaciones más exigentes.</p>
+
+            </div>
+          </div>
+        </div>
+        <div class="bar-title">
+          <h2 class="h2">Internacionalización y crecimiento</h2>
+          <div class="container just">
+            <p class="hcol-10-12">La marca S&P ha alcanzando reconocimiento mundial gracias a su equipo humano, a la calidad, fiabilidad y a una férrea apuesta por la innovación. Soler & Palau Ventilation Group ha 
+              basado su proyecto en una serie de preceptos que han pautado el pasado, presente y futuro de la empresa.</p>
+          </div>
+        </div>
+        <div class="container grid just">
+          <div class="hcol-10-12 md-hcol-1-1">
+            <p class="m-bottom20">S&P tuvo claro que la garantía de futuro de la empresa pasaba por abrirse al mundo y entrar en nuevos mercados con elevados niveles de competitividad. Ello obligaba a una constante
+               mejora del producto.</p>
+            <p class="m-bottom50">Actualmente S&P es líder mundial en ventilación, con centros productivos en Europa, América y Asia. Una potente estructura de distribución, mediante filiales y distribuidores 
+              exclusivos, permite que S&P esté presente en todos los mercados mundiales, dando cobertura y servicio.</p>
+
+            <div class="m-top10 grid">
+              <p class="aligncenter"> 
+                <img  src="media/home/categories_home/producto/apl-1.png">
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <div class="bar-title">
+          <h2 class="h2">Proyectos Emblemáticos</h2>
+        </div>
+
+        <div class="container grid">
+          <div class="hcol-10-12">
+            <table cellspacing="5" cellpadding="0" bordercolor="#EAEAEA" border="1" align="center" class="m-bottom50">
+              <tbody><tr>
+                <td class="blanco12" bgcolor="#fb0505" height="50px" width="16.6%">
+                  <div align="center"><strong><font color="#FFFFFF">Nombre</font></strong></div></td>
+                  <td class="blanco12" bgcolor="#fb0505" width="16.6%"><div align="center"><strong><font color="#FFFFFF">País</font></strong></div></td>
+                  <td class="blanco12" bgcolor="#fb0505" width="16.6%"><div align="center"><strong><font color="#FFFFFF">Equipo</font></strong></div></td> <td class="blanco12" bgcolor="#fb0505" width="16.6%"><div align="center"><strong><font color="#FFFFFF">Uso</font></strong></div></td> 
+                  <td class="blanco12" bgcolor="#fb0505" width="16.6%"><div align="center"><strong><font color="#FFFFFF">Kw</font></strong></div></td><td class="blanco12" bgcolor="#fb0505" width="16.6%"><div align="center"><strong><font color="#FFFFFF">Año</font></strong></div></td>
+                </tr>
+                <tr>
+                  <td height="40"><div align="left">Línea Xinzhuang</div></td>
+                  <td height="40"><div align="center">Taiwán</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">18 - 150 Kw</div></td>
+                  <td height="40"><div align="center">2009</div></td>
+                </tr>
+                <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Línea Xinyl</div></td>
+                  <td height="40"><div align="center">Taiwán</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">37 - 132 Kw</div></td>
+                  <td height="40"><div align="center">2009</div></td>
+                </tr>
+                <tr>
+                  <td height="40"><div align="left">Túnel Submarino Xiangan</div></td>
+                  <td height="40"><div align="center">China</div></td>
+                  <td height="40"><div align="center">KJF-KTF</div></td>
+                  <td height="40"><div align="center">Túnel Carretero</div></td>
+                  <td height="40"><div align="center">15 - 450 Kw</div></td>
+                  <td height="40"><div align="center">2010</div></td>
+                </tr>
+                <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Caverna Isla Jurong</div></td>
+                  <td height="40"><div align="center">Singapur</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Almacenaje</div></td>
+                  <td height="40"><div align="center">160 - 315 Kw</div></td>
+                  <td height="40"><div align="center">2010</div></td>
+                </tr>
+                <tr>
+                  <td height="40"><div align="left">Túnel Xishan Taigu</div></td>
+                  <td height="40"><div align="center">China</div></td>
+                  <td height="40"><div align="center">KJF-KTF</div></td>
+                  <td height="40"><div align="center">Túnel Carretero</div></td>
+                  <td height="40"><div align="center">335 - 670 Kw</div></td>
+                  <td height="40"><div align="center">2011</div></td>
+                </tr>
+                 <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Túnel Bagua Shan</div></td>
+                  <td height="40"><div align="center">Taiwán</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Túnel Carretero</div></td>
+                  <td height="40"><div align="center">315 Kw</div></td>
+                  <td height="40"><div align="center">2012</div></td>
+                </tr>
+                <tr>
+                  <td height="40"><div align="left">Línea 12 STC</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">75 - 125 Kw</div></td>
+                  <td height="40"><div align="center">2012</div></td>
+                </tr>
+                 <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Metro Kuala Lumpur</div></td>
+                  <td height="40"><div align="center">Malasia</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">250 Kw</div></td>
+                  <td height="40"><div align="center">2012</div></td>
+                </tr>
+                <tr>
+                  <td height="40"><div align="left">Línea 3 Metrorrey</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">75 Kw</div></td>
+                  <td height="40"><div align="center">2013</div></td>
+                </tr>
+
+                <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Lumbrera Patriotismo Línea 9 STC</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">75 Kw</div></td>
+                  <td height="40"><div align="center">2013</div></td>
+                </tr>
+                <tr>
+                  <td height="40"><div align="left">Aeropuerto Taoyuan</div></td>
+                  <td height="40"><div align="center">Taiwán</div></td>
+                  <td height="40"><div align="center">KJF</div></td>
+                  <td height="40"><div align="center">Aeroportuario</div></td>
+                  <td height="40"><div align="center">37 - 132 Kw</div></td>
+                  <td height="40"><div align="center">2013</div></td>
+                </tr>
+                 <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Túnel Xin Baoxian</div></td>
+                  <td height="40"><div align="center">China</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Túnel Carretero</div></td>
+                  <td height="40"><div align="center">350 - 500 Kw</div></td>
+                  <td height="40"><div align="center">2013</div></td>
+                </tr>
+                <tr>
+                  <td height="40"><div align="left">Línea 3 Metro de Santiago</div></td>
+                  <td height="40"><div align="center">Chile</div></td>
+                  <td height="40"><div align="center">KJF-KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">75 - 250 Kw</div></td>
+                  <td height="40"><div align="center">2014</div></td>
+                </tr>
+                 <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Línea 6 Metro de Santiago</div></td>
+                  <td height="40"><div align="center">Chile</div></td>
+                  <td height="40"><div align="center">KJF-KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">75 - 250 Kw</div></td>
+                  <td height="40"><div align="center">2014</div></td>
+                </tr>
+                <tr>
+                  <td height="40"><div align="left">Línea Downtown 2</div></td>
+                  <td height="40"><div align="center">Singapur</div></td>
+                  <td height="40"><div align="center">KJF-KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">132 - 160 Kw</div></td>
+                  <td height="40"><div align="center">2015</div></td>
+                </tr>
+                 <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Lumbrera Tacuba Línea 7 STC</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">75 Kw</div></td>
+                  <td height="40"><div align="center">2015</div></td>
+                </tr>
+                <tr>
+                  <td height="40"><div align="left">AcaTúnel</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KJF</div></td>
+                  <td height="40"><div align="center">Túnel Carretero</div></td>
+                  <td height="40"><div align="center">45 - 75 Kw</div></td>
+                  <td height="40"><div align="center">2015</div></td>
+                </tr>
+                 <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Lumbrera San Joaquín Línea 7 STC</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">75 Kw</div></td>
+                  <td height="40"><div align="center">2016</div></td>
+                </tr>
+                 <tr>
+                  <td height="40"><div align="left">Lumbrera Polanco Línea 7 STC</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">75 Kw</div></td>
+                  <td height="40"><div align="center">2016</div></td>
+                </tr>
+                 <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Lumbrera Constituyentes L 7 STC</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">75 Kw</div></td>
+                  <td height="40"><div align="center">2016</div></td>
+                </tr>
+                 <tr>
+                  <td height="40"><div align="left">Túnel Interlomas- Huixquilucan</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KJF</div></td>
+                  <td height="40"><div align="center">Túnel Carretero</div></td>
+                  <td height="40"><div align="center">75 Kw</div></td>
+                  <td height="40"><div align="center">2016</div></td>
+                </tr>
+                <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Túnel Sumergido Coatzacoalcos</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KJF</div></td>
+                  <td height="40"><div align="center">Túnel Carretero</div></td>
+                  <td height="40"><div align="center">110 Kw</div></td>
+                  <td height="40"><div align="center">2016</div></td>
+                </tr>
+                 <tr>
+                  <td height="40"><div align="left">Metro Delhi</div></td>
+                  <td height="40"><div align="center">India</div></td>
+                  <td height="40"><div align="center">MXA</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">30 - 55 Kw</div></td>
+                  <td height="40"><div align="center">2016</div></td>
+                </tr>
+                <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Túnel Submarino Hong Kong-Zhuhai-Macau</div></td>
+                  <td height="40"><div align="center">China</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Túnel Carretero</div></td>
+                  <td height="40"><div align="center">450 Kw</div></td>
+                  <td height="40"><div align="center">2017</div></td>
+                </tr>
+                 <tr>
+                  <td height="40"><div align="left">Túnel Vía Exprés Mei Yu</div></td>
+                  <td height="40"><div align="center">China</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Túnel Carretero</div></td>
+                  <td height="40"><div align="center">250 - 670 Kw</div></td>
+                  <td height="40"><div align="center">2017</div></td>
+                </tr>
+                <!-- <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Morelia Sur I</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KJF</div></td>
+                  <td height="40"><div align="center">Túnel Carretero</div></td>
+                  <td height="40"><div align="center">55 Kw</div></td>
+                  <td height="40"><div align="center">2017</div></td>
+                </tr> -->
+                 <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Morelia Sur II</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KJF</div></td>
+                  <td height="40"><div align="center">Túnel Carretero</div></td>
+                  <td height="40"><div align="center">90 Kw</div></td>
+                  <td height="40"><div align="center">2017</div></td>
+                </tr>
+                <tr >
+                  <td height="40"><div align="left">Línea 3 Metro Guadalajara</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KJF-KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">45 - 180 Kw</div></td>
+                  <td height="40"><div align="center">2017</div></td>
+                </tr>
+                 <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Tren México Toluca</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">25 Kw</div></td>
+                  <td height="40"><div align="center">2017</div></td>
+                </tr>
+                <tr>
+                  <td height="40"><div align="left">Túnel El Melón</div></td>
+                  <td height="40"><div align="center">Chile</div></td>
+                  <td height="40"><div align="center">KJF</div></td>
+                  <td height="40"><div align="center">Carretero</div></td>
+                  <td height="40"><div align="center">22-55Kw</div></td>
+                  <td height="40"><div align="center">2019</div></td>
+                </tr>
+                <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Ampl. L12 STC</div></td>
+                  <td height="40"><div align="center">México</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">75-90Kw</div></td>
+                  <td height="40"><div align="center">2019</div></td>
+                </tr>
+                <tr>
+                  <td height="40"><div align="left">Ext. L3 Metro de Santiago </div></td>
+                  <td height="40"><div align="center">Chile</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">250 Kw</div></td>
+                  <td height="40"><div align="center">2019</div></td>
+                </tr>
+                <tr bgcolor="#eceaea">
+                  <td height="40"><div align="left">Ext. L2 Metro de Santiago</div></td>
+                  <td height="40"><div align="center">Chile</div></td>
+                  <td height="40"><div align="center">KTF</div></td>
+                  <td height="40"><div align="center">Ferroviario</div></td>
+                  <td height="40"><div align="center">250 Kw</div></td>
+                  <td height="40"><div align="center">2021</div></td>
+                </tr>
+                
+              </tbody>
+            </table>    
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>                    
+
+</main>
+</div>
+</div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+</script>
+</div>
+</div>
+</body>
+
+</html>

+ 193 - 0
apps.php

@@ -0,0 +1,193 @@
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<head>
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Apps – S&amp;P</title>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+  <!-- Alertify -->
+  <!-- JavaScript -->
+  <script src="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/alertify.min.js"></script>
+  <!-- CSS -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/alertify.min.css" />
+  <!-- Default theme -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/default.min.css" />
+  <!-- Semantic UI theme -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/semantic.min.css" />
+  <!-- Bootstrap theme -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/bootstrap.min.css" />
+
+
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  <!-- aqui va el header -->
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+            <a>Recursos</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+       <main>
+        <div id="overlaySearch" class="overlay">
+         <!-- Overlay content -->
+         <div id="searchResults" class="overlay-content grid"></div>
+       </div><div class="std"><p><div class="page-title dark">
+        <img alt="aplicaciones" src="media/home/categories_home/recursos/apps.jpg" />
+        <div class="page-title-container">
+         <div class="page-title-content container">
+           <h1 class="h1">Apps</h1>
+         </div>
+       </div>
+       <div class="clearfix">&nbsp;</div>
+     </div>
+     <div class="bar-title">
+       <h2 class="h2">Descubre nuestras aplicaciones</h2>
+       <div class="container">
+         <p class="hcol-10-12">S&amp;P siempre intenta satisfacer tus necesidades con herramientas para facilitar la selecci&oacute;n e instalaci&oacute;n de nuestros productos. Con este objetivo S&amp;P ha desarrollado algunas aplicaciones para dispositivos m&oacute;viles del sector de la ventilaci&oacute;n. Descubre las aplicaciones disponibles para iOS y Android.</p>
+       </div>
+     </div></p>
+     <div class="container grid questions">
+       <div class="columns-container columns-apps hcol-1-1">
+        <div class="columns-align hcol-6-12 ">
+         <div class="app-container-columns">
+           <span class="cms-icon-tablet"></span>
+           <center>
+             <br>
+             <h2 class="h2-2">S&amp;P ARVENT&reg; APP</h2>
+             <ul class="listado-container">
+               <li class="listado">Nuestra app de Realidad Aumentada ARVENT&reg; te permite simular en 3D nuestros sistemas de ventilación en cualquier entorno real.            </li>
+             </ul>
+             <br>
+             <a class="exit_btn" href="http://www.solerpalau.com/es-es/apps/arvent/">
+               <button class="btn default ">SABER MÁS</button>
+             </a>
+           </center>
+         </div>
+       </div> <div class="columns-align hcol-6-12">
+        <div class="app-container-columns">
+         <span class="cms-icon-ruler"></span>
+         <center>
+           <br>
+           <h2 class="h2-2">S&amp;P REGLA DE C&Aacute;LCULO</h2>
+           <ul class="listado-container">
+             <li class="listado">La Regla de Cálculo de Pérdidas de carga de conductos permite realizar tres tipos de cálculos de manera rápida y fácil.            </li>
+           </ul>
+           <br>
+           <a class="exit_btn" href="https://www.solerpalau.com/es-es/regla-de-calculo/" >
+             <button class="btn default">SABER MÁS</button>
+           </a>
+         </center>
+       </div>
+     </div>
+     <div class="columns-align hcol-12-12 m-bottom30">
+      <div class="app-container-columns">
+       <span class="cms-icon-virtual"></span>
+       <center>
+         <br>
+         <h2 class="h2-2">S&amp;P V&middot;REALVENT&reg; APP</h2>
+         <ul class="listado-container">
+           <li class="listado">Nuestra app de Realidad Virtual V-RealVent te transporta a un aparcamiento. Podrás experimentar cómo funciona un sistema de ventilación con Jetfans en primera persona.            </li>
+         </ul>
+         <br>
+         <a class="exit_btn" href="http://www.solerpalau.com/es-es/apps/vrealvent/">
+           <button class="btn default">SABER MÁS</button>
+         </a>
+       </center>
+     </div>
+   </div>
+
+ </div>
+</div>
+</div>                    
+</main>
+</div>
+</div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+<script type="text/javascript">
+ //Lanzar alerta al salir de la página 
+ $j('.exit_btn').click(function(event) {
+  var redir = $j(this).attr("href");
+
+  event.preventDefault();
+  alertify.confirm('Redireccionando...',
+   'Estás saliendo del Sitio Web de <b>S&P México</b> para entrar al sitio de <b> S&P España.</b> <br> Entrarás a un sitio web ajeno a <b>S&P México</b>, el cual es responsable de sus propios contenidos y mantiene su propia política de privacidad y seguridad.',
+   function() {
+    location.href = redir;
+   },
+   function() {}).set('labels', {
+     ok: 'Continuar',
+     cancel: 'Cancelar'
+   });
+
+ });
+</script>
+
+</div>
+</div>
+</body>
+
+</html>

+ 432 - 0
atenuadores.php

@@ -0,0 +1,432 @@
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+
+<head>
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+
+    <!-- [if IE]> -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta http-equiv="cleartype" content="on" />
+    <!-- <![endif] -->
+
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
+    <title> Atenuadores – S&amp;P </title>
+    <meta name="keywords" content="Magento, Varien, E-commerce" />
+    <meta name="robots" content="INDEX,FOLLOW" />
+    <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico"
+        type="image/x-icon" />
+    <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico"
+        type="image/x-icon" />
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="theme-color" content="#ffffff">
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+    <script type="text/javascript">
+    var $j = jQuery.noConflict();
+    </script>
+
+    <script type="text/javascript" src="js/events.js"></script>
+
+    <!-- estilo princripal -->
+    <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+    <!-- Alertify -->
+    <!-- JavaScript -->
+    <script src="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/alertify.min.js"></script>
+    <!-- CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/alertify.min.css" />
+    <!-- Default theme -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/default.min.css" />
+    <!-- Semantic UI theme -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/semantic.min.css" />
+    <!-- Bootstrap theme -->
+    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/bootstrap.min.css" />
+    <link rel="stylesheet" type="text/css" href="css/style-table.css" media="all" />
+    <style type="text/css">
+
+        .table thead td {
+            font-size: 15px;
+            font-weight: bold;
+            text-align: center;
+            color: red;
+        }
+
+        .table thead th {
+            font-size: 15px;
+            font-weight: bold;
+            text-align: center;
+        }
+
+        .table tbody td {
+            font-size: 12px;
+            text-align: center;
+        }
+
+        label {
+        	font-size: 12px;
+        }
+
+    </style>
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+    <!-- aqui va el header -->
+    <?php include 'header.php' ?>
+    <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+        HIB.menu.init();
+    }
+
+    //]]>
+    </script>
+
+    <div class="main-container col1-layout">
+        <div class="breadcrumbs">
+            <div class="container">
+                <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+                    <li class="">
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="main">
+            <div class="col-main">
+
+                <div class="main">
+                    <div class="col-main">
+                        <main>
+                            <div id="overlaySearch" class="overlay">
+                                <!-- Overlay content -->
+                                <div id="searchResults" class="overlay-content grid"></div>
+                            </div>
+                            <div class="std">
+                                
+                                <div class="page-title dark">
+                                    <img alt="" src="media/home/categories_home/empresa/EasyVent.jpg" />
+                                    <div class="page-title-container">
+                                        <div class="page-title-content container">
+                                            <h1 class="h1"> Atenuadores </h1>
+                                        </div>
+                                    </div>
+                                    <div class="clearfix">&nbsp;</div>
+                                </div>
+                                
+                                <div class="bar-title">
+                                    <h2 class="h2"> Información Complementaria </h2>
+                                    <p class="container">
+                                    	Esta Herramienta te servirá para calcular la atenuación del ruido emitido por los equipos de 
+                                    	<strong style="color: red; font-weight: bold;"> S&P</strong>, tomando como referencia las curvas NC.
+                                    </p>
+                                </div>
+                                
+                                <div class="container grid questions">
+
+                                    <div class="column-cta-right mobile-hcol-1-1 hcol-4-12 md-hcol-init">
+                                        <div class="features-container-left mobile-hcol-1-1 hcol-12-12 md-hcol-init">
+	                                        <div class="image-small-container hcol-1-1">
+	                                            <img src="media/home/slider/easyvent_small_cta.jpg" />
+	                                        </div>
+	                                        <div class="text-cta">
+	                                            <button class="btn default exit_btn"> Ir a Calculadora de Atenuación </button>
+	                                        </div>
+	                                    </div>
+	                                    <br>
+	                                    <div class="features-container-left mobile-hcol-1-1 hcol-12-12 md-hcol-init">
+	                                        <h2 class="h2" style="color: red;"> Ejemplo de Selección </h2>
+	                                        <div class="form-group hcol-6-12">
+	                                            <label> Tipo de Ventilador* </label>
+	                                            <select class=" input-text  validate-no-html-tags form-control" disabled="true" > <option> Axial </option> </select>
+	                                        </div>
+	                                        <div class="form-group hcol-6-12">
+	                                            <label> Modelo de Ventilador* </label>
+	                                            <select class=" input-text  validate-no-html-tags form-control" disabled="true" > <option> HBT </option> </select>
+	                                        </div>
+	                                        <div class="form-group hcol-6-12">
+	                                            <label> Caudal (Q) * </label>
+	                                            <input type="text" class=" input-text  validate-no-html-tags form-control" disabled="true" value="16471.00000000">
+	                                        </div>
+	                                        <div class="form-group hcol-6-12">
+	                                            <label> &nbsp; </label>
+	                                            <select class=" input-text  validate-no-html-tags form-control" disabled="true" > <option> CFM </option> </select>
+	                                        </div>
+	                                    </div>
+	                                    <div class="features-container-left mobile-hcol-1-1 hcol-12-12 md-hcol-init">
+	                                        <div class="form-group hcol-6-12">
+	                                            <label> Presión Estatíca (P) * </label>
+	                                            <input type="text" class="input-text  validate-no-html-tags form-control" disabled="true" value="0.17000000">
+	                                        </div>
+	                                        <div class="form-group hcol-6-12">
+	                                            <label> &nbsp; </label>
+	                                            <select class=" input-text  validate-no-html-tags form-control" disabled="true" > <option> INWG </option> </select>
+	                                        </div>
+	                                    </div>
+	                                    <div class="features-container-left mobile-hcol-1-1 hcol-12-12 md-hcol-init">
+	                                        <div class="form-group hcol-6-12">
+	                                            <label> Potencia Absorbida(Bhp)* </label>
+	                                            <input type="text" class="input-text  validate-no-html-tags form-control" disabled="true" value="1.50000000">
+	                                        </div>
+	                                        <div class="form-group hcol-6-12">
+                                                <br>
+	                                            <label> &nbsp; </label>
+	                                            <select class=" input-text  validate-no-html-tags form-control" disabled="true" > <option> HP </option> </select>
+	                                        </div>
+	                                    </div>
+	                                    <div class="features-container-left mobile-hcol-1-1 hcol-12-12 md-hcol-init">
+	                                        <div class="form-group hcol-6-12">
+	                                            <label> Diametro del Ventilador* </label>
+	                                            <input type="text" class="input-text  validate-no-html-tags form-control" disabled="true" value="3.28100000">
+	                                        </div>
+	                                        <div class="form-group hcol-6-12">
+                                                <br>
+	                                            <label> &nbsp; </label>
+	                                            <select class=" input-text  validate-no-html-tags form-control" disabled="true" > <option> FT </option> </select>
+	                                        </div>
+	                                    </div>
+	                                    <div class="features-container-left mobile-hcol-1-1 hcol-12-12 md-hcol-init">
+	                                        <div class="form-group hcol-12-12">
+	                                            <label> Curva NC* </label>
+	                                            <select class=" input-text  validate-no-html-tags form-control" disabled="true" > <option> NC70 </option> </select>
+	                                        </div>
+	                                    </div>
+	                                    <div class="features-container-left mobile-hcol-1-1 hcol-12-12 md-hcol-init">
+	                                        <div class="form-group hcol-7-12">
+	                                            <label> &nbsp; </label>
+	                                        </div>
+	                                        <div class="form-group hcol-5-12">
+	                                            <button class="btn default btnResultado"> Calcular </button>
+	                                        </div>
+	                                    </div>
+	                                    <div id="ejemploResultado"> 
+
+	                                    </div>
+                                    </div>
+
+                                    <div class="features-container-left mobile-hcol-1-1 hcol-8-12 md-hcol-init">
+                                        <div class="features-container-left mobile-hcol-1-1 hcol-12-12 md-hcol-init">
+                                            <div class="features-container-left mobile-hcol-1-1 hcol-12-12 md-hcol-init">
+                                                <h2 class="h2" style="margin-bottom: 10px;"> Curvas NC (Noise Criteria) </h2>
+                                                <span class="icon_1" style="margin-bottom: 10px; margin-top: 25px;">
+                                                    <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/e_ventiladores.svg" width="50px" alt="">
+                                                </span>
+                                                <p style="text-align: justify; margin-left: 55px;">
+                                                    Las <strong style="font-weight: bold;">Curvas NC</strong>, fueron desarrolladas para evaluar los niveles de ruido, considerando la interferencia y sonoridad , siguiendo de manera aproximada la evolución de la sensibilidad del oído en función de la frecuencia. 
+                                                    <br><br>
+                                                    <p style="text-align: justify;"> 
+                                                    	Las curvas NC tienen amplia aplicación en la calidad del aislamiento, establecen los niveles de ruido máximo recomendables para diferentes recintos en orden de su aplicación, - "Se dice que un recinto cumple con una determina especificación NC (por ejemplo NC-20) cuando los niveles de ruido de fondo, medidos en cada una de dichas bandas de octava, están por debajo de la curva.
+                                                    </p>
+                                                </p>
+                                            </div>
+                                            <div class="features-container-left mobile-hcol-1-1 hcol-12-12 md-hcol-init">
+                                                <div class="table-responsive">
+                                                    <table class="table table-bordered table-hover table-striped " style="text-align: center;">
+                                                        <thead>
+                                                            <tr>
+                                                                <td scope="row" colspan="9" > Tabla Curvas de Criterio de Ruido Interior </td>
+                                                            </tr>
+                                                        </thead>
+                                                        <thead>
+                                                            <tr>
+                                                                <th scope="row" > Curva / Frecuencia </th>
+                                                                <th scope="row" > 63 Hz </th>
+                                                                <th scope="row" > 125 Hz </th>
+                                                                <th scope="row" > 250 Hz </th>
+                                                                <th scope="row" > 500 Hz </th>
+                                                                <th scope="row" > 1000 Hz </th>
+                                                                <th scope="row" > 2000 Hz </th>
+                                                                <th scope="row" > 4000 Hz </th>
+                                                                <th scope="row"> 8000 Hz </th>
+                                                            </tr>
+                                                        </thead>
+                                                        <tbody>
+                                                            <tr>
+                                                                <td scope="row" style="color: red; font-weight: bold; text-align: center;"> NC 15 </td>
+                                                                <td scope="row"> 47 </td>
+                                                                <td scope="row"> 36 </td>
+                                                                <td scope="row"> 29 </td>
+                                                                <td scope="row"> 22 </td>
+                                                                <td scope="row"> 17 </td>
+                                                                <td scope="row"> 14 </td>
+                                                                <td scope="row"> 12 </td>
+                                                                <td scope="row"> 11 </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td scope="row" style="color: red; font-weight: bold; text-align: center;"> NC 20 </td>
+                                                                <td scope="row"> 51 </td>
+                                                                <td scope="row"> 40 </td>
+                                                                <td scope="row"> 33 </td>
+                                                                <td scope="row"> 26 </td>
+                                                                <td scope="row"> 22 </td>
+                                                                <td scope="row"> 19 </td>
+                                                                <td scope="row"> 17 </td>
+                                                                <td scope="row"> 16 </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td scope="row" style="color: red; font-weight: bold; text-align: center;"> NC 25 </td>
+                                                                <td scope="row"> 54 </td>
+                                                                <td scope="row"> 44 </td>
+                                                                <td scope="row"> 37 </td>
+                                                                <td scope="row"> 31 </td>
+                                                                <td scope="row"> 27 </td>
+                                                                <td scope="row"> 24 </td>
+                                                                <td scope="row"> 22 </td>
+                                                                <td scope="row"> 21 </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td scope="row" style="color: red; font-weight: bold; text-align: center;"> NC 30 </td>
+                                                                <td scope="row"> 57 </td>
+                                                                <td scope="row"> 48 </td>
+                                                                <td scope="row"> 41 </td>
+                                                                <td scope="row"> 35 </td>
+                                                                <td scope="row"> 31 </td>
+                                                                <td scope="row"> 29 </td>
+                                                                <td scope="row"> 28 </td>
+                                                                <td scope="row"> 27 </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td scope="row" style="color: red; font-weight: bold; text-align: center;"> NC 35 </td>
+                                                                <td scope="row"> 60 </td>
+                                                                <td scope="row"> 52 </td>
+                                                                <td scope="row"> 45 </td>
+                                                                <td scope="row"> 40 </td>
+                                                                <td scope="row"> 36 </td>
+                                                                <td scope="row"> 34 </td>
+                                                                <td scope="row"> 33 </td>
+                                                                <td scope="row"> 32 </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td scope="row" style="color: red; font-weight: bold; text-align: center;"> NC 40 </td>
+                                                                <td scope="row"> 64 </td>
+                                                                <td scope="row"> 56 </td>
+                                                                <td scope="row"> 50 </td>
+                                                                <td scope="row"> 45 </td>
+                                                                <td scope="row"> 41 </td>
+                                                                <td scope="row"> 39 </td>
+                                                                <td scope="row"> 38 </td>
+                                                                <td scope="row"> 37 </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td scope="row" style="color: red; font-weight: bold; text-align: center;"> NC 45 </td>
+                                                                <td scope="row"> 67 </td>
+                                                                <td scope="row"> 60 </td>
+                                                                <td scope="row"> 54 </td>
+                                                                <td scope="row"> 49 </td>
+                                                                <td scope="row"> 46 </td>
+                                                                <td scope="row"> 44 </td>
+                                                                <td scope="row"> 43 </td>
+                                                                <td scope="row"> 42 </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td scope="row" style="color: red; font-weight: bold; text-align: center;"> NC 50 </td>
+                                                                <td scope="row"> 71 </td>
+                                                                <td scope="row"> 64 </td>
+                                                                <td scope="row"> 58 </td>
+                                                                <td scope="row"> 64 </td>
+                                                                <td scope="row"> 51 </td>
+                                                                <td scope="row"> 49 </td>
+                                                                <td scope="row"> 48 </td>
+                                                                <td scope="row"> 47 </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td scope="row" style="color: red; font-weight: bold; text-align: center;"> NC 55 </td>
+                                                                <td scope="row"> 74 </td>
+                                                                <td scope="row"> 67 </td>
+                                                                <td scope="row"> 62 </td>
+                                                                <td scope="row"> 58 </td>
+                                                                <td scope="row"> 56 </td>
+                                                                <td scope="row"> 54 </td>
+                                                                <td scope="row"> 53 </td>
+                                                                <td scope="row"> 52 </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td scope="row" style="color: red; font-weight: bold; text-align: center;"> NC 60 </td>
+                                                                <td scope="row"> 77 </td>
+                                                                <td scope="row"> 70 </td>
+                                                                <td scope="row"> 67 </td>
+                                                                <td scope="row"> 63 </td>
+                                                                <td scope="row"> 61 </td>
+                                                                <td scope="row"> 59 </td>
+                                                                <td scope="row"> 58 </td>
+                                                                <td scope="row"> 57 </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td scope="row" style="color: red; font-weight: bold; text-align: center;"> NC 65 </td>
+                                                                <td scope="row"> 80 </td>
+                                                                <td scope="row"> 75 </td>
+                                                                <td scope="row"> 71 </td>
+                                                                <td scope="row"> 68 </td>
+                                                                <td scope="row"> 66 </td>
+                                                                <td scope="row"> 64 </td>
+                                                                <td scope="row"> 63 </td>
+                                                                <td scope="row"> 62 </td>
+                                                            </tr>
+                                                            <tr>
+                                                                <td scope="row" style="color: red; font-weight: bold; text-align: center;"> NC 70 </td>
+                                                                <td scope="row"> 84 </td>
+                                                                <td scope="row"> 79 </td>
+                                                                <td scope="row"> 75 </td>
+                                                                <td scope="row"> 72 </td>
+                                                                <td scope="row"> 71 </td>
+                                                                <td scope="row"> 70 </td>
+                                                                <td scope="row"> 68 </td>
+                                                                <td scope="row"> 68 </td>
+                                                            </tr>
+                                                        </tbody>
+                                                    </table>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </main>
+                    </div>
+                </div>
+            </div>
+
+            <!-- aqui va el footer -->
+            <?php include 'footer.php' ?>
+            <script type="text/javascript">
+            //Lanzar alerta al salir de la página
+            $j('.exit_btn').click(function(event) {
+                alertify.confirm('Redireccionando...',
+                    'Estás siendo dirigido a la herramienta que te permitira calcular y seleccionar el atenuador correcto para tu ventilador.',
+                    function() {
+                        location.href = "calculoAtenuadores.php";
+                    },
+                    function() {}).set('labels', {
+                    ok: 'Continuar',
+                    cancel: 'Cancelar'
+                });
+            });
+            $j('.btnResultado').click(function(event) {
+               alertify.alert( 'Ejemplo de Selección de Atenuadores', '<img src="media/atenuadores/ejemploResultado.PNG" style="width: 100%;" />',
+                    function() {}).set('labels', { ok: 'Cerrar', });
+            });
+            </script>
+        </div>
+    </div>
+</body>
+
+</html>

+ 210 - 0
aviso-privacidad.php

@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html xml:lang="es" lang="es">
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <title>Aviso de Privacidad – S&amp;P</title>
+
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage"
+  content="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+
+  
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  <!-- aqui va el header -->
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div><div class="std"><div class="page-title dark">
+            <img alt="Producción,distribución y logística" src="media/home/categories_home/empresa/calidad.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1">Aviso de privacidad</h1>
+              </div>
+            </div>
+          </div>
+
+          <div class="container grid just">
+            <div class="hcol-11-12">
+
+             <!-- Titulos -->
+             <p class="m-top10 h2-2"> <b>SOLER Y PALAU, S.A. DE C.V. (SOLER Y PALAU)</b></p>
+            
+             <!-- Textos -->
+             <p class="m-top10">En cumplimiento a lo previsto en la Ley Federal de Protección de Datos Personales en Posesión de Particulares (en adelante la Ley) con domicilio en Boulevard A, número 15, Parque Industrial Puebla 2000, Puebla, Puebla, C.P. 72225, con fundamento en los artículos 8, 15, 16, 33, 36 y demás aplicables de la Ley, su Reglamento y lineamientos aplicables, en respeto al derecho de toda persona a la privacidad y a la autodeterminación informativa, pone a su disposición el presente Aviso de Privacidad.</p>
+
+             <p class="m-top10 h2-2"><b>a)	Finalidad, tratamiento por terceros y transferencias de datos personales.</b></p>
+
+             <p class="m-top10">SOLER Y PALAU en su relación con sus clientes, empleados, proveedores, postulantes y terceros, trata datos personales de diversa índole para el cumplimiento de las obligaciones a su cargo, siendo responsable del uso que se le dé a sus datos personales y la protección de los mismos conforme al presente aviso.</p>
+
+             <p class="m-top10">Para todos los efectos legales a que haya lugar, se hace de su conocimiento las principales actividades dentro del objeto social de SOLER Y PALAU, siendo entre otras, todas aquellas relacionadas con la fabricación y venta de extracciones industriales, semi-industriales, comerciales y domésticos.</p>
+             <p class="m-top10">Conforme a lo anterior y para efectos del presente Aviso de Privacidad, se hace de su conocimiento que las actividades de recolección, obtención, uso, almacenamiento, acceso y tratamiento de datos personales estarán sujetas a la Ley, su reglamento y disposiciones generales aplicables, siendo dichos datos recabados de distintas formas: vía telefónica, vía correo electrónico, cuando visita nuestro establecimiento, cuando presenta documentos y/o llena formatos de SOLER Y PALAU o cuando hace uso de nuestros servicios en línea, datos que SOLER Y PALAU utiliza para las siguientes finalidades:</p>
+          
+             <p class="m-top10" style="padding-left: 30px;">
+                a)	Para la operación y cumplimiento del objeto social de SOLER Y PALAU;<br>
+                b)	Para que SOLER Y PALAU ejerza sus derechos y para ofrecer servicios de SOLER Y PALAU relacionados con su objeto social;<br>
+                c)	Llevar a cabo estudios estadísticos relativos al medio ambiente laboral;<br>
+                d)	Administración de personal, incluyendo expedientes físicos, pago y administración de nómina, prestaciones, pensiones, seguros y demás prestaciones que deriven de la Ley laboral vigente y reglamentos aplicables;<br>
+                e)	Para asignación de herramientas de trabajo, claves, contraseñas, asegurar obligaciones de confidencialidad, verificar referencias personales y laborales, contactos de emergencia y realización y resultados de exámenes médicos;<br> 
+                f)	Para cumplimiento de Normas Oficiales Mexicanas vigentes y aplicables a la actividad de SOLER Y PALAU;<br>
+                g)	Para el seguimiento a cursos y capacitaciones del personal;<br>
+                h)	Para llevar a cabo el proceso reclutamiento, selección y en su caso contratación de personal o bien para ser considerados para ocupar una vacante en alguna de las empresas filiales o pertenecientes al grupo SOLER Y PALAU (administración y suministro de personal), ya sean nacionales o en el extranjero;<br>
+                i)	Para contratación de seguro de vida;<br>
+                j)	Para documentar la entrada a las instalaciones de SOLER Y PALAU para efectos de la seguridad del mismo y de las personas que se encuentren en su interior;<br>
+                k)	Para el levantamiento de pedidos de productos fabricados por SOLER Y PALAU;<br>
+                l)	Para la suscripción y cumplimiento de contratos;<br> 
+                m)	Procesamiento de datos;<br>
+                n)	Certificaciones;<br>
+                o)	Para el alta en el sistema de SOLER Y PALAU como cliente o proveedor de ésta;<br>
+                p)	Otorgamiento de líneas de crédito;<br>
+                q)	Gestión de entrega y de pagos de pedidos;<br>
+                r)	Para la cobranza de créditos a favor de SOLER Y PALAU;<br>
+                s)	Realizar estudios económicos, historial crediticio, estadísticos o de control interno;<br>
+                t)	Gestión de estadística de ventas;<br>
+                u)	Emisión de facturas y comprobantes de pago conforme a la legislación fiscal;<br> 
+                v)	Para transferencias electrónicas interbancarias;<br>
+                w)	Evaluar la calidad del servicio.<br>
+             </p>
+             <p class="m-top10">Para las finalidades señaladas en el presente aviso de privacidad, SOLER Y PALAU recaba datos personales, que dependiendo de la relación con SOLER Y PALAU comprenden datos:</p>
+             <p class="m-top10" style="padding-left: 30px;">
+                a)	Personales: nombre, domicilio particular, teléfonos de contacto, correo electrónico, fecha de nacimiento, edad, sexo, acta de nacimiento (fecha y lugar de nacimiento), nacionalidad, si cuenta o no con doble nacionalidad, datos de identificación, estado civil, firma, firma electrónica, RFC, CURP, Credencial de Elector, licencia de conducir, cartilla militar, pasaporte, visa, nombre de familiares, dependientes y beneficiarios (incluyendo información y documentos de éstos), acta de matrimonio, fotografías (incluyendo la de familiares en caso de empleados), idioma, huella digital, antecedentes no penales.<br>
+                b)	Patrimoniales: opinión del cumplimiento de obligaciones fiscales emitida por el Servicio de Administración Tributaria (SAT); datos financieros y patrimoniales, bienes, tipo de vivienda, auto propio, información fiscal, historial crediticio, estados financieros, cuentas bancarias.<br>
+                c)	Laborales: número del seguro social, educación, antecedentes laborales, resultado de exámenes de aptitudes laborales, psicométricos, coeficiente intelectual, comportamiento laboral y de confiabilidad, contactos en caso de emergencia, documentos de reclutamiento y selección, de capacitación, puesto, domicilio de trabajo, sueldo, constancias de percepciones, teléfono de trabajo, actividades extracurriculares, referencias laborales, referencias personales, trayectoria educativa, títulos, cédula profesional, certificados, reconocimientos, datos del Sistema Único de Autodeterminación (SUA); seguros, afore, INFONAVIT (incluyendo constancias de retenciones de sueldo), referencias personales, exámenes médicos.<br>
+             </p>
+             <p class="m-top10">Dichos datos los recaba SOLER Y PALAU al momento de:</p>
+             <p class="m-top10" style="padding-left: 30px;">
+                a.	Solicitudes de bienes y/o servicios que ésta comercializa;<br>
+                b.	Selección y reclutamiento de personal;<br>
+                c.	Suscribir contratos con SOLER Y PALAU;<br>
+                d.	Ingresa a nuestra instalaciones;<br>
+                e.	Los demás supuestos a que se refiere el presente apartado.<br>
+             </p>
+             <p class="m-top10">Asimismo, dichos datos se recaban por SOLER Y PALAU a través de vía telefónica, vía correo electrónico, por escrito (presentando documentos y/o llenando formatos), cuando hace uso de nuestros servicios en línea o bien cuando visita nuestros establecimientos o eventos de promoción y/o capacitación.</p>
+             <p class="m-top10">Los datos personales recabados serán utilizados principalmente por SOLER Y PALAU para la administración de personal, así como para la servicios que se requieran para tal fin, así como para su operación, seguridad de sus instalaciones, levantamiento de pedidos, cumplimiento de obligaciones, respeto a sus derechos y en general para las finalidades señaladas en el presente Aviso y todo tipo de servicios conexos o relacionados con el objeto social de SOLER Y PALAU.</p>
+             <p class="m-top10">Al realizar actividades de administración de personal (prestaciones laborales, pensiones, seguros y demás prestaciones y/o de obligaciones que deriven de la Ley Laboral) y de cumplimiento de Normas Mexicanas vigentes, SOLER Y PALAU podrá recabar datos personales considerados como sensibles, relacionados con el estado de salud (historial clínico, alergias, enfermedades padecidas o que padece, incapacidades, resultado de exámenes médicos, constancias médicas, peso, estatura, cuestiones de carácter psicológico y/o psiquiátrico, consumo de sustancias tóxicas, tipo de sangre,), para lo cual se recabará el consentimiento expreso por escrito del titular para el manejo de dichos datos o la manifestación bajo protesta de decir verdad de quien los proporcione de contar con la autorización y/o representación del titular para facilitarlos.</p>
+             <p class="m-top10">Se hace de su conocimiento que la recolección, obtención, uso, almacenamiento, acceso y tratamiento de datos personales por parte de SOLER Y PALAU se encuentra sujeto a la Ley Federal de Protección de Datos Personales en Posesión de los Particulares.</p>
+             <p class="m-top10">Al proporcionar información a SOLER Y PALAU por cualquier medio, usted confirma que está de acuerdo con los términos de este Aviso de Privacidad, otorgando expresamente su autorización para la recolección, obtención, uso, almacenamiento, acceso y tratamiento de sus datos personales conforme al presente. Si usted no estuviere de acuerdo con cualquier término del Aviso de Privacidad, por favor no proporcione dato personal alguno. Si decide no proporcionar a SOLER Y PALAU ciertos datos personales, acepta la posibilidad de no tener acceso a los servicios o productos que proporciona SOLER Y PALAU así como a sus instalaciones, sin que se genere responsabilidad alguna para ésta última.</p>
+
+             <p class="m-top10 h2-2"><b>b)	Medidas de Seguridad.</b></p>
+             <p class="m-top10">Asimismo, SOLER Y PALAU garantiza a los titulares de datos personales, que éstos serán tratados bajo medidas de seguridad tanto administrativas, técnicas y físicas previstas por la Ley u otras leyes aplicables, según sean más apropiadas de acuerdo al tipo de datos personales en cuestión y del tratamiento al que están sujetos, garantizando su confidencialidad en todo momento.</p>
+          
+             <p class="m-top10 h2-2"><b>c)	Transferencia de Datos y tratamiento por terceros.</b></p>
+             <p class="m-top10">SOLER Y PALAU para el cumplimiento de su objeto social, en relación con clientes, empleados, postulantes, proveedores y terceros, así como para las finalidades previstas en el presente Aviso, podrá:</p>
+             <p class="m-top10" style="padding-left: 30px;">
+                1.	Hacer uso de sus datos personales, así como facilitarlos a terceros (personas físicas o morales) con quienes tenga contratados servicios, para el procesamiento de datos, para certificaciones, para realizar encuestas y estudios económicos, investigación financiera, para alta de proveedores y clientes, otorgamiento de crédito, seguimiento de pagos, cobranza de créditos, historial crediticio, para confirmación de saldos, auditorias, para confirmación de saldos, para que SOLER Y PALAU ejerza sus derechos y para ofrecer servicios y productos de SOLER Y PALAU relacionados con su objeto social, informar sobre cambios en productos y servicios y/o información de nuevos productos o servicios que estén relacionados con el adquirido o contratado, eventos de promoción, evaluar la calidad del servicio, levantamiento de solicitudes, gestión de entrega y de pagos de pedidos de clientes, gestión de estadística de ventas, emisión de facturas y comprobantes de pago, así como a instituciones bancarias para efectuar transferencias electrónicas.<br>
+             </p>
+             <p class="m-top10" style="padding-left: 30px;">
+                2.	Transferir sus datos personales para los fines previstos en el presente Aviso, incluidos los envíos por correo electrónico, telefonía celular (mensajes SMS, MMS, entre otros) o todo medio de comunicación electrónica similar o que pueda llegar a desarrollarse, transferencia que incluye sin limitar, empresas en las que participe o tenga relación SOLER Y PALAU (afiliadas o subsidiarias), incluyendo terceros derivados de una reestructura corporativa, fusión, consolidación, venta, liquidación, o transferencia de activos, así como proveedores o clientes, empresas de consultoría financiera, aseguradoras, empresas que proporcionen el servicio de sistema de gestión y almacenamiento de información, para verificar referencias personales y laborales, buró de crédito, auditoría externa, instituciones bancarias, aseguradoras de crédito, empresas de recuperación de créditos, empresas calificadoras de crédito y de análisis de riesgos comerciales, sean personas morales o físicas, nacionales o internacionales, públicas o privadas, presentes o futuras y en general, para dar cumplimiento a las obligaciones que SOLER Y PALAU o sus afiliadas y subsidiarias haya contraído con Usted, donde sólo se proporcionarán los datos personales que sean indispensables para la actividad o servicio específico que dichas terceras personas realizarán.<br>
+             </p>
+             <p class="m-top10">Los terceros que reciban datos personales para su tratamiento o a quienes se les transfieran datos personales, sólo recibirán aquellos datos personales que requieran para realizar sus labores. SOLER Y PALAU no transferirá a terceros sus datos personales para fines distintos a los mencionados en el presente Aviso.</p>
+             <p class="m-top10">Conforme a lo anteriormente manifestado, SOLER Y PALAU mantendrá el uso confidencial y reservado de sus datos personales, pudiendo ser transferidos y tratados dentro y fuera de la República Mexicana, hacia y por empresas proveedoras de servicios.</p>
+             <p class="m-top10">Si usted no manifiesta su oposición para que sus datos personales sean transferidos, se entenderá que ha otorgado su consentimiento expreso para ello. La oposición a que se refiere el presente párrafo deberá manifestarse de conformidad a lo previsto en los Medios para ejercer los derechos de acceso, rectificación, cancelación u oposición a que se refiere el presente Aviso.</p>
+             <p class="m-top10">SOLER Y PALAU podrán hacer transferencias de datos personales sin consentimiento del titular conforme a lo previsto en el artículo 37 de la Ley Federal de Protección de Datos Personales en Posesión de Particulares, es decir, en casos permitidos por leyes o tratados en los que México sea parte; transferencia a sociedades del mismo grupo del responsable que operen bajo los mismos procesos y políticas internas; cuando sea necesaria por virtud de un contrato celebrado o por celebrar en beneficio del titular de los datos; cuando sea necesaria o legalmente exigida para la procuración o administración de justicia; para el reconocimiento, ejercicio o defensa de un derecho en un proceso judicial o para mantener o cumplir con la relación jurídica existente entre Usted y SOLER Y PALAU.</p>
+             <p class="m-top10">SOLER Y PALAU podrá utilizar datos personales para fines secundarios como: nombre, domicilio, teléfono fijo y móvil, correo electrónico y otros datos de contacto, para que Usted reciba información sobre los servicios y productos de SOLER Y PALAU.</p>
+
+             <p class="m-top10 h2-2"><b>d)	Audio, video y fotografía.</b></p>
+             <p class="m-top10">SOLER Y PALAU podrá grabar audios referentes a los productos y servicios que comercializa para efectos de calidad en el servicio, por lo que en el caso de solicitar algún servicio o producto de SOLER Y PALAU, acepta y autoriza a ésta última a realizar dichas grabaciones.</p>
+             <p class="m-top10">Asimismo, SOLER Y PALAU cuenta con sistemas de video vigilancia, por lo que si usted ingresa a las instalaciones de SOLER Y PALAU acepta que podrá ser gravado y/o fotografiado, consintiendo que SOLER Y PALAU los podrá utilizar para efectos de seguridad.</p>
+             <p class="m-top10">Por último, SOLER Y PALAU podrá realizar videos y fotografía de eventos que realice tales como: eventos de promoción de productos, capacitación técnica y otros relacionados con los servicios y productos que comercializa en relación con su objeto social, así como para efectos de los fines previstos en el presente Aviso, por lo que acepta que su imagen fija o en movimiento sea utilizada por SOLER Y PALAU para efectos de promoción, ya sea ésta en medios impresos y/o electrónicos, así como para utilizarlos como referencia de los eventos realizados.</p>
+
+             <p class="m-top10 h2-2"><b>e)	Medios Para Ejercer los Derechos de acceso, rectificación, cancelación u oposición (Derechos “ARCO”).</b></p>
+             <p class="m-top10">Es importante informarle que conforme a la Ley, Usted tiene derecho al Acceso, rectificación y cancelación de sus datos personales en posesión de SOLER Y PALAU, así como a oponerse al tratamiento de los mismos o a revocar el consentimiento que para dicho fin haya otorgado a SOLER Y PALAU.</p>
+             <p class="m-top10">Si usted quiere ejercer los derechos de acceso, rectificación, cancelación u oposición respecto a datos personales y que se encuentren en posesión de SOLER Y PALAU, lo podrá realizar presentando su solicitud por escrito en el área de datos personales designada para tal efecto, ubicada en Boulevard A, número 15, Parque Industrial Puebla 2000, Puebla, Puebla, C.P. 72225 o bien por medio electrónico a la siguiente dirección <a href="mailto:avisodeprivacidad@solerpalau.com" target="_blank" style="text-decoration:underline"><b>avisodeprivacidad@solerpalau.com</b></a>  siempre y cuando se pueda identificar fehacientemente al titular u otros mecanismos de autenticación previamente establecidos por SOLER Y PALAU, debiendo además comunicarse vía telefónica al teléfono (222) 2 23 39 00, Extensión 19101 para efectos de confirmar que su correo ha sido recibido correctamente por SOLER Y PALAU. El área de datos personales será quien reciba y dé trámite a las solicitudes de los titulares respecto a sus datos personales en posesión de SOLER Y PALAU. Los horarios para la recepción de la solicitud serán de lunes a viernes de 9:00 a 17:00 horas, salvo los días considerados como descanso obligatorio conforme a la legislación vigente o aquellos que se deban suspender labores por disposición de autoridad competente.</p>
+             <p class="m-top10">Para responder a su solicitud con la determinación adoptada, SOLER Y PALAU tendrá un plazo de veinte (20) días hábiles contados a partir de la fecha en que recibió la solicitud de acceso, rectificación, cancelación u oposición de sus datos personales para responderle la procedencia de la solicitud vía electrónica al último correo electrónico que nos haya proporcionado o por teléfono al último número que nos haya proporcionado. Si la solicitud es procedente, se hará efectiva dentro de los quince (15) días hábiles siguientes a la fecha en que se le haya comunicado la respuesta anterior. Estos plazos podrán ser ampliados por una sola vez y por un periodo igual, cuando las circunstancias del caso lo ameriten. La entrega de información procederá previa acreditación de su identidad o de su representante legal, según corresponda.</p>
+             <p class="m-top10">Si usted deseara revocar el consentimiento otorgado para el tratamiento de datos personales por parte de SOLER Y PALAU, así como manifestar su negativa a recibir comunicados por parte de SOLER Y PALAU, lo deberá informar a ésta por escrito conforme a lo establecido en el presente apartado, siendo aplicable el procedimiento y plazos señalados en líneas anteriores.</p>
+             <p class="m-top10">Las solicitudes por escrito de acceso, rectificación, cancelación u oposición que pudiera ejercer usted, deberá: (i) tener su nombre completo, (ii) acompañar los documentos que acrediten su identidad y, en su caso, la representación legal de quien estuviera actuando en su nombre y representación, (iii) señalar domicilio, correo electrónico y número telefónico fijo y/o celular para que SOLER Y PALAU le pueda comunicar la respuesta a su solicitud, (iv) describir de manera clara y precisa los datos personales respecto de los cuales presenta su solicitud y (v) referir cualquier otro documento o información que permita facilitar la localización de los datos personales, así como en su caso que permita sustentar la solicitud.</p>
+             <p class="m-top10">Usted cuenta con el derecho de acudir ante el Instituto Federal de Acceso a la Información y protección de Datos en caso de considera que su derecho a la protección de datos personales ha sido vulnerado.</p>
+
+             <p class="m-top10 h2-2"><b>f)	Área de datos personales.</b></p>
+             <p class="m-top10">El área de datos personales de SOLER Y PALAU será el área de Recursos Humanos o el área que realice las actividades relacionadas a ésta, independientemente del nombre con el que se le designe, con domicilio en Boulevard A, número 15, Parque Industrial Puebla 2000, Puebla, Puebla, C.P. 72225 y con correo electrónico avisodeprivacidad@solerpalau.com.</p>
+
+             <p class="m-top10 h2-2"><b>g)	Cambios al Aviso de Privacidad.</b></p>
+             <p class="m-top10">SOLER Y PALAU se reserva el derecho de modificar el presente aviso de privacidad a su sola discreción. De modificarse el presente aviso, SOLER Y PALAU pondrá públicamente en <a href="http://soler-palau.mx/aviso-privacidad.php" target="_blank" style="text-decoration:underline"><b>http://soler-palau.mx/aviso-privacidad.php</b></a> el nuevo aviso de privacidad, así como a través de anuncios visibles en nuestros establecimientos o centro de atención a clientes, por lo cual lo invitamos a estar pendiente con la finalidad de que permanezca informado de cualquier cambio. Todo cambio sustancial al presente, a menos que éste se derive de una reforma al marco jurídico mexicano o a una orden de autoridad competente, se notificará a través del sitio de internet antes señalado con treinta días naturales de anticipación a que surta efectos la modificación correspondiente.</p>
+
+             <p class="m-top10 h2-2"><b>h)	Domicilio de SOLER Y PALAU.</b></p>
+             <p class="m-top10">Boulevard A, número 15, Parque Industrial Puebla 2000, Puebla, Puebla, C.P. 72225.</p>
+          </div>
+        </div>
+      </div>                    
+
+    </main>
+  </div>
+</div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+</script>
+
+
+</div>
+</div>
+</body>
+
+</html>

+ 285 - 0
bibliografia.php

@@ -0,0 +1,285 @@
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Bibliografía – S&amp;P</title>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+
+ 
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+ <script type="text/javascript">
+   var $j = jQuery.noConflict();
+ </script>
+
+ <script type="text/javascript" src="js/events.js"></script>
+
+ <!-- estilo princripal -->
+ <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+
+      <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+
+    </head>
+    <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+      <!-- aqui va el header -->
+      <?php include 'header.php' ?>
+
+      <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+            <a>Recursos</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div><div class="std"><div class="page-title dark">
+            <img alt="Producción,distribución y logística" src="media/home/categories_home/recursos/bibliografia.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1">Bibliografía</h1>
+              </div>
+            </div>
+          </div>
+
+          <div class="container grid">
+            <div class="hcol-10-12">
+              <table cellspacing="5" cellpadding="0" bordercolor="#EAEAEA" border="1" align="center">
+                    <tbody><tr>
+                      <td class="blanco12" bgcolor="#fb0505" height="50px"><div align="center"><strong><font color="#FFFFFF">OBRA</font></strong></div></td>
+                      <td class="blanco12" bgcolor="#fb0505"><div align="center"><strong><font color="#FFFFFF">AUTOR</font></strong></div></td>
+                      <td class="blanco12" bgcolor="#fb0505"><div align="center"><strong><font color="#FFFFFF">EDITORIAL</font></strong></div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">1997 ASHRAE Handbook - fundamentals</div></td>
+                      <td height="40"><div align="center"></div></td>
+                      <td height="40"><div align="center"></div></td>
+                    </tr>
+                    <tr>
+                      <td height="40" bgcolor="#eceaea"><div align="left">1996 ASHRAE Handbook - HVAC Systems and equipment</div></td>
+                      <td height="40" bgcolor="#eceaea"><div align="center"></div></td>
+                      <td height="40" bgcolor="#eceaea"><div align="center"></div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">1995 ASHRAE Handbook - HVAC Applications</div></td>
+                      <td height="40"><div align="center"></div></td>
+                      <td height="40"><div align="center"></div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td height="40"><div align="left">Acoustique des Ventilateurs</div></td>
+                      <td height="40"><div align="left">Alain Guedel</div></td>
+                      <td height="40"><div align="left">Editions PYC</div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">Axial Flow fans and ducts</div></td>
+                      <td height="40"><div align="left">R. Allan Wallis</div></td>
+                      <td height="40"><div align="left">John Wiley &amp; Sons</div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td height="40"><div align="left">Bombas centrífugas y turbocompresores</div></td>
+                      <td height="40"><div align="left">Carl Pfleiderer</div></td>
+                      <td height="40"><div align="left">Labor, S.A.</div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">Building Ventilation</div></td>
+                      <td height="40"><div align="left">D. Etheridge </div></td>
+                      <td height="40"><div align="left">John Wiley </div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td height="40"><div align="left">Fan engineering, 6th edition</div></td>
+                      <td height="40"><div align="left">Robert Jorgensen </div></td>
+                      <td height="40"><div align="left">Buffalo Forge</div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">Fans</div></td>
+                      <td height="40"><div align="left">Dr. Ing. Bruno ECK</div></td>
+                      <td height="40"><div align="left">Rahs Azad and David R. Scott</div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td height="40"><div align="left">Fundamentos de Ventilación Industrial</div></td>
+                      <td height="40"><div align="left">V.V. Baturin</div></td>
+                      <td height="40"><div align="left">Labor, S.A. </div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">Handbook of heating, Ventilating and Air Conditioning</div></td>
+                      <td height="40"><div align="left">F. Porges</div></td>
+                      <td height="40"><div align="left">Butterworths 1982 </div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td height="40"><div align="left">Industrial Ventilation, 21st edition</div></td>
+                      <td height="40"><div align="left">American conference USA</div></td>
+                      <td height="40"><div align="left"></div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">Industrial Ventilation, 16th edition</div></td>
+                      <td height="40"><div align="left">American conference USA</div></td>
+                      <td height="40"><div align="left"></div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td height="40"><div align="left">Instalación de Ventilación y clima en la Planificación de Obras</div></td>
+                      <td height="40"><div align="left">Lempe-Pfeil</div></td>
+                      <td height="40"><div align="left">Blume Ediciones</div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">Instalation effects in fan Systems</div></td>
+                      <td height="40"><div align="left">IMECHE 1990-1 European Conference </div></td>
+                      <td height="40"><div align="left">IMECH, Birdcage Walk</div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td height="40"><div align="left">Introduction to fluid Mechanics, 3rd edition</div></td>
+                      <td height="40"><div align="left">Robert W. Fox and Alan T. McDonald</div></td>
+                      <td height="40"><div align="left">John Wiley &amp; Sons</div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">Le traitement du bruit dans les installations de ventilation</div></td>
+                      <td height="40"><div align="left">M.A. IQBAL</div></td>
+                      <td height="40"><div align="left">Éditions Parisiennes </div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td height="40"><div align="left">Manual de Climatización para locales de Restauración</div></td>
+                      <td height="40"><div align="left">Alberto Viti</div></td>
+                      <td height="40"><div align="left">Atecyr</div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">Manual de aire acondicionado</div></td>
+                      <td height="40"><div align="left">Carrier</div></td>
+                      <td height="40"><div align="left">Marcombo </div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td height="40"><div align="left">Mecánica de los Fluidos</div></td>
+                      <td height="40"><div align="left">RL Daugherty and A.C. Ingersol</div></td>
+                      <td height="40"><div align="left">Hispano Americana</div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">Mine Ventilation and air conditioning</div></td>
+                      <td height="40"><div align="left">H.L. Hatman</div></td>
+                      <td height="40"><div align="left">John Wiley </div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td height="40"><div align="left">Papers presented at the international Conference on fan Design &amp; Applications </div></td>
+                      <td height="40"><div align="left"></div></td>
+                      <td height="40"><div align="left">BHRA Fluid Engineering Cranfield Bedford MK443 OAJ</div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">Pratique des Ventilateurs</div></td>
+                      <td height="40"><div align="left">Joseph Lexis</div></td>
+                      <td height="40"><div align="left">Éditions Parisiennes</div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td height="40"><div align="left">Principles of heating, ventilating and air conditioning</div></td>
+                      <td height="40"><div align="left">Harry J.Sauer and Ronald H. Howell </div></td>
+                      <td height="40"><div align="left">ASHRAE 1989 </div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">Prontuario de Ventilación</div></td>
+                      <td height="40"><div align="left">S &amp; P</div></td>
+                      <td height="40"><div align="left">Soler y Palau, S.A.</div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td height="40"><div align="left">Tratado de calefacción, ventilación y acondicionamiento de aire</div></td>
+                      <td height="40"><div align="left">Rietschel Raiss</div></td>
+                      <td height="40"><div align="left">Labor, S.A.</div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">UNE 100-230-95 Ventiladores Recomendaciones para el acoplamiento al sistema de   distribución</div></td>
+                      <td height="40"><div align="left"></div></td>
+                      <td height="40"><div align="left">AENOR 1995 </div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td height="40"><div align="left">Ventilación Industrial. Generalitat Valenciana</div></td>
+                      <td height="40"><div align="left">Generalitat Valenciana</div></td>
+                      <td height="40"><div align="left"></div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">Ventilación Industrial. Cálculo y aplicaciones</div></td>
+                      <td height="40"><div align="left">E. Carnicer </div></td>
+                      <td height="40"><div align="left">Paraninfo</div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td height="40"><div align="left">Ventilation of Buildings</div></td>
+                      <td height="40"><div align="left">H.B. Awbi</div></td>
+                      <td height="40"><div align="left">E &amp; FN SPON </div></td>
+                    </tr>
+                    <tr>
+                      <td height="40"><div align="left">Ventilation et qualité de l'air dans l'habitat</div></td>
+                      <td height="40"><div align="left">Michel Cohas </div></td>
+                      <td height="40"><div align="left">Éditions Parisiennes</div></td>
+                    </tr>
+                    <tr bgcolor="#eceaea">
+                      <td><div align="left">Woods practical guide to fan engineering</div></td>
+                      <td><div align="left">BB Daly</div></td>
+                      <td><div align="left">Wolsey Press</div></td>
+                    </tr>
+                  </tbody>
+                </table>
+            </div>
+          </div>
+          <br>
+          </div>                    
+        </main>
+      </div>
+    </div>
+  </div>
+  <!-- aqui va el footer -->
+  <?php include 'footer.php' ?>
+</script>
+
+</div>
+</div>
+</body>
+
+</html>

+ 392 - 0
bolsatrabajo.php

@@ -0,0 +1,392 @@
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Bolsa de Trabajo – S&amp;P</title>
+  <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+
+  
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+
+      <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+
+    </head>
+    <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+      <!-- aqui va el header -->
+      <?php include 'header.php' ?>
+
+      <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+            <a>Por qué S&P</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div>
+         
+          <div class="std">
+            <div class="page-title dark">
+            <img alt="Producción,distribución y logística" src="media/home/categories_home/empresa/empleo.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1">Bolsa de Trabajo</h1>
+              </div>
+            </div>
+            <div class="clearfix">&nbsp;</div>
+          </div>
+
+          <form id="enviarFormularioContacto" method="post"  enctype="multipart/form-data">
+
+            <input type="hidden" name="recaptcha_response" id="recaptchaResponse">
+            
+              <div class="bar-title">
+                  <h2 class="h2">Envía tu curriculum</h2>
+                  <p class="container">Nuestro equipo humano está altamente motivado, es exigente y honesto. Si quieres desarrollar tu carrera profesional en nuestra organización, o deseas realizar prácticas profesionales, puedes presentar tu candidatura rellenando el siguiente formulario.<br>
+                  
+                  Deberás adjuntar tu Currículum Vitae e indicar los departamentos y/o puestos de interés, así como tus objetivos profesionales.</p>
+                  <br/>
+                  <div class="container grid">
+                    <div class="container">
+                      <div class="form-group hcol-6-12">
+                          <label for="name">Nombre *</label>
+                          <input class=" input-text  validate-no-html-tags form-control" name="nombre" id="nombre" type="text" required>
+                      </div>
+                      <div class="form-group hcol-6-12">
+                          <label for="lastname">Apellidos *</label>
+                          <input class="input-text  validate-no-html-tags form-control " name="apellidos" id="apellidos" type="text" required>
+                      </div>
+                      <div class="form-group hcol-6-12">
+                          <label for="email">Email *</label>
+                          <input type="email" class="required-entry input-email  validate-no-html-tags form-control " name="email" id="email" type="text">
+                          <div id="emailErrorP">
+                            <label for="direccion" style="font-size: 13px !important;font-weight: normal;color: rgb(230, 59, 59); line-height: 1.2em;">Dirección de correo no valido</label>
+                          </div>
+                        </div>
+                      <div class="form-group hcol-6-12">
+                          <label for="phone">Teléfono *</label>
+                          <input class="input-text  validate-no-html-tags form-control " name="telefono" id="telefono" type="number" required maxlength="10">
+                      </div>
+                      <div class="form-group hcol-1-1">
+                          <label for="address">Dirección *</label>
+                          <input class="required-entry input-text  validate-no-html-tags form-control " name="direccion" id="direccion" type="text">
+                      </div>
+                      <div class="form-group hcol-4-12">
+                          <label for="postcode">Código Postal *</label>
+                          <input class="input-text  validate-no-html-tags form-control " name="cp" id="cp" type="number" maxlength="5">
+                      </div>
+                      <div class="form-group hcol-4-12">
+                          <label for="city">Ciudad *</label>
+                          <input class="input-text  validate-no-html-tags form-control " name="ciudad" id="ciudad" type="text">
+                      </div>
+                      <div class="form-group hcol-4-12">
+                          <label for="country">País *</label>
+                          <input class="input-text validate-no-html-tags form-control " name="pais" id="pais" type="text">
+                      </div>
+                      <div class="form-group hcol-6-12">
+                          <label for="cv">Curriculum Vitae</label>
+                          <input class="input-file validate-no-html-tags form-control " name="cv" id="cv" type="file">
+                      </div>
+                      <div class="form-group hcol-6-12">
+                          <label for="coverletter">Carta de Presentación</label>
+                          <input class="input-file validate-no-html-tags form-control " name="cartap" id="cartap" type="file">
+                      </div>
+                      <div class="form-group hcol-1-1">
+                          <label for="comments">Comentarios</label>
+                          <textarea class="validate-no-html-tags form-control" style="height: 100px" name="comentarios" id="comentarios"></textarea>
+                      </div>
+                      <div class="form-group hcol-1-1 checkbox">
+                          <input class="required-entry  validate-no-html-tags form-control underline" name="aceptar_condiciones_bolsa" id="aceptar_condiciones_bolsa" type="checkbox" required="true">
+                         
+                          <label for="aceptar_condiciones_bolsa">Acepto los <a class="underline" href="terminos-condiciones.php" target="_blank">términos y condiciones</a></label>
+                      </div>
+                      <div class="hcol-3-1">
+                        <button type="submit" id="enviar" class="btn small validation-passed">Enviar </button>
+                      </div>
+                       <div class="hcol-9-12" id="loading">
+                          <img src="media/img/loader2.gif" width="42px">
+                       </div>
+                  </div>
+                </div>
+              </div>
+          </form>
+      </div>
+    </main>
+  </div>
+</div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
+<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
+
+<script  src="js/prueba.js"></script>
+
+<style>
+  .error {
+    font-size: 13px !important;
+    font-weight: normal;
+  }
+  input[type=number]::-webkit-inner-spin-button, 
+  input[type=number]::-webkit-outer-spin-button { 
+    -webkit-appearance: none !important; 
+    margin: 0 imo !important; 
+  }
+
+  input[type=number] { -moz-appearance:textfield; }
+</style>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+
+<script>
+  $j('#loading').hide();
+  $j('#emailErrorP').hide();
+
+  var input=  document.getElementById('cp');
+  input.addEventListener('input',function(){
+    if (this.value.length > 5) 
+      this.value = this.value.slice(0,5); 
+  })
+
+  var input=  document.getElementById('telefono');
+  input.addEventListener('input',function(){
+    if (this.value.length > 10) 
+      this.value = this.value.slice(0,10); 
+  })
+
+  $j("#enviarFormularioContacto").validate({
+    rules: {
+      nombre: {
+        required:true,
+      },
+      apellidos: {
+        required:true,
+      },
+      email:{
+        required:true,
+        email:true
+      },
+      telefono: {
+        required:true,
+        maxlength:10,
+        number:true
+      },
+      direccion: {
+        required:true,
+      },
+      cp: {
+        required:true,
+        maxlength:5,
+        number:true
+      },
+      ciudad: {
+        required:true,
+      },
+      pais: {
+        required:true,
+      },
+      cartap: {
+        required: true,
+        extension: "pdf|doc|docx"
+      },
+       cv: {
+        required: true,
+        extension: "pdf|doc|docx"
+      }
+    },
+    messages:{
+      nombre: {
+        required: "El nombre es requerido."
+      },
+       apellidos: {
+        required: "Los apellidos son requeridos."
+      },
+      email:{
+        required: "El correo electrónico es requerido.",
+        email: "Ingrese un correo electrónico válido."
+      },
+      telefono:{
+        required:"El teléfono es requerido.",
+        number:"Este campo solo acepta número",
+        maxlength:"Solo puede agregar 10 dígitos"
+      },
+      direccion:{
+        required:"La dirección es requerida."
+        
+      },
+      cp:{
+        required:"El Código Postal es requerido.",
+        number:"Este campo solo acepta número",
+        maxlength:"Solo puede agregar 5 dígitos"
+      },
+      ciudad:{
+        required:"La ciudad es requerida."
+      },
+      pais:{
+        required:"El País es requerido."
+      },
+      cartap: {
+        required: "La carta de presentación es requerida.",
+        extension: "Extensión inválida, por favor introduce un archivo .doc o .pdf"
+      },
+      cv: {
+        required: "El Currículum Vitae es requerido",
+        extension: "Extensión inválida, por favor introduce un archivo .doc o .pdf"
+      }
+    }
+
+  });
+  
+
+  function validateEmail(email) {
+    var emailDiv = email.split('@')
+    var emailDir = emailDiv[1].split('.')
+    if(emailDir[0].length >= 3 && emailDiv[0].length >= 3){
+      var emailReg = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i
+      return emailReg.test(email);
+    }
+    return false; 
+  }
+
+   $j('#enviarFormularioContacto').submit(function(e){
+    e.preventDefault();
+    var form = $j("#enviarFormularioContacto");
+    var for2 = new FormData(this);
+    
+    if( !validateEmail( $j("#email").val().toLowerCase() )) {
+      $j('#emailErrorP').show();
+    }else{
+      $j('#emailErrorP').hide();
+      
+      if(form.valid()) {
+        $j('#loading').show();
+        $j('#enviar').hide();
+        var url = "shared/procesar_formularios.php";
+        $j.ajax({
+          enctype: 'multipart/form-data',                        
+          type: "POST",                 
+          url: url,                     
+          data: for2,
+          processData: false,
+          contentType: false, 
+          success: function(data)             
+          {
+            console.log(data);
+            // console.log("Respuesta: " + data);
+            var response = JSON.parse(data);
+            if (response.success) {
+              swal("Datos enviados correctamente", response.mensaje , "success");
+              form[0].reset();
+            }else{
+              swal("Se ha producido un error", response.mensaje, "error");
+            }
+            $j('#loading').hide();
+            $j('#enviar').show();
+          },
+          error: function(XMLHttpRequest, textStatus, errorThrown) { 
+            swal("Se ha producido un error", "No se han podido enviar los datos, Error: "+errorThrown+" ", "error");
+          } 
+        });
+      }
+      
+    }
+  });
+</script>
+<style>
+  .bar-title.cms-footer-links {
+    height: 200px;
+    color: black;
+
+  }
+  .confirm {
+    /*boton de confirmar de alert*/
+    background-color: #ea2c13 !important;
+    color: #fff;
+    transition: background .3s ease 0s;
+    border: none;
+    box-shadow: none;
+    border-radius: 17px !important;
+    font-weight: 600;
+    font-size: 14px;
+    padding: 10px 24px;
+    margin: 0;
+    cursor: pointer;
+
+  }
+</style>
+<script src="https://www.google.com/recaptcha/api.js?render=6LccpqUpAAAAAGhMKh3Mj5Hsg1vfzncmIgwnk1W7"></script>
+  <script>
+    grecaptcha.ready(function() {
+        grecaptcha.execute('6LccpqUpAAAAAGhMKh3Mj5Hsg1vfzncmIgwnk1W7', {action: 'homepage'}).then(function(token) {
+          var recaptchaResponse = document.getElementById('recaptchaResponse');
+          recaptchaResponse.value = token;
+          
+        });
+    });
+  </script>
+</div>
+</div>
+</body>
+
+</html>

+ 1936 - 0
calculoAtenuadores.php

@@ -0,0 +1,1936 @@
+<?php
+
+	/*  
+	    2019. Servicios Corporativos y Soluciones en CFDI S de RL de CV
+	    Versión 1.0
+	    Última Actualización: 27/05/2019
+
+	    Developer: Fernando A. Jacobo
+	    Tester: Fernando A. Jacobo
+	    IT Leader: Jorge H. Fierro
+
+	    Última modificación: Fernando A. Jacobo
+	*/
+
+    require_once('shared/conexionBD.php');
+	
+    $idModulo = "CALC.ATEN";
+    $arrErroresSistemaServ = array();
+    $strMensaje = "";
+    $mensajeError = 0;
+
+    $arrVentiladores = array(); // Contiene Todos los modelos de ventiladores existentes
+    $qryModelos = ' SELECT * FROM ITT_ASW_MODE ';
+    $qryModelos = utf8_encode($qryModelos);
+    $qrsModelos = mysqli_query($conexion, $qryModelos);
+    if ( ( $qrsModelos !== false ) ) {
+        if ( ( mysqli_num_rows( $qrsModelos ) > 0 ) ) {
+            while ( $rowModelos = mysqli_fetch_assoc( $qrsModelos ) ) {
+                $IDModelo = $rowModelos['IDMODELO'];
+                $arrVentiladores[$IDModelo] = $rowModelos; 
+            }
+        } else {
+            $strMensaje = 'SPSERV.( ' . $idModulo . ' ).0002 - Ha ocurrido un error al consultar el Catálogo de Ventiladores del sistema. ';
+	        $strMensaje.= 'El catálago de Ventiladores debe de contener al menos un ventilador disponible.';
+	        $arrErroresSistemaServ[base64_encode('ITT_ASW_MODE-DATA')] = $strMensaje;
+	        $mensajeError ++;
+        }
+    } else {
+        $strMensaje = 'SPSERV.( ' . $idModulo . ' ).0001 - Ha ocurrido un error al consultar El Catálogo de Ventiladores del Sistema. ';
+        $strMensaje.= 'Notifique al Departamento de Sistemas con la siguiente descripción: ';
+        $strMensaje.= base64_encode( ' Error: ' . base64_encode(mysqli_error($conBaseDatos)) . ' para la Consulta: ' . base64_encode(utf8_decode($qryModelos) ) );
+        $arrErroresSistemaServ[base64_encode('ITT_ASW_MODE')] = $strMensaje;
+        $mensajeError ++ ;
+    }
+
+    if ( !empty($arrVentiladores) ) {
+    	$arrVentiladoresJs = json_encode($arrVentiladores);	
+    	
+    	$arrModelos = array();
+	    $arrTipos = array();
+	    foreach ( $arrVentiladores as $ventilador ) {
+	        $arrTipos[$ventilador['TIPO']] = $ventilador['TIPO'];
+	        if ( ( !empty($ventilador['PULGADAS']) ) && ( empty($ventilador['PRESION']) ) && ( !empty($ventilador['DESC']) ) ) {
+	            $arrModelos[$ventilador['TIPO']][$ventilador['IDMODELO']] = $ventilador['DESC'];
+	        } elseif ( ( empty($ventilador['PULGADAS']) ) && ( empty($ventilador['PRESION']) ) && ( !empty($ventilador['DESC']) ) ) {
+	            $arrModelos[$ventilador['TIPO']][$ventilador['IDMODELO']] = $ventilador['DESC'];
+	        } elseif ( ( empty($ventilador['PULGADAS']) ) && ( !empty($ventilador['PRESION']) ) && ( empty($ventilador['DESC']) ) ) {
+	            $arrModelos[$ventilador['TIPO']][$ventilador['IDMODELO']] = $ventilador['MODELO']." - Presión ".$ventilador['PRESION'];
+	        } elseif ( ( empty($ventilador['PULGADAS']) ) && ( !empty($ventilador['PRESION']) ) && ( !empty($ventilador['DESC']) ) ) {
+	            $arrModelos[$ventilador['TIPO']][$ventilador['IDMODELO']] = $ventilador['DESC']." - Presión ".$ventilador['PRESION'];
+	        } elseif ( ( empty($ventilador['PULGADAS']) ) && ( empty($ventilador['PRESION']) ) && ( empty($ventilador['DESC']) ) ) {
+	            $arrModelos[$ventilador['TIPO']][$ventilador['IDMODELO']] = $ventilador['MODELO'];
+	        }
+	    }
+	    $arrTipoVentiladorJs = json_encode($arrTipos);
+	    $arrModeloVentiladorJs = json_encode($arrModelos);
+
+    } else {
+    	$strMensaje = 'SPSERV.( ' . $idModulo . ' ).0003 - Ha ocurrido un error al consultar el Catálogo de Ventiladores del sistema. ';
+        $strMensaje.= 'La búsqueda de los Tipos y Modelos de los Ventiladores no se genero correctamente.';
+        $arrErroresSistemaServ[base64_encode('ITT_ASW_MODE-SEARCH')] = $strMensaje;
+        $mensajeError ++;
+    }
+
+    $arrAtenuacion = array(); // Contiene todos Los Atenuadores Existentes
+    $qryAtenuacion = ' SELECT * FROM ITT_ASW_ATEN ';
+    $qryAtenuacion = utf8_encode($qryAtenuacion);
+    $qrsAtenuacion = mysqli_query($conexion, $qryAtenuacion);
+    if ( ( $qrsAtenuacion !== false ) ) {
+        if ( ( mysqli_num_rows( $qrsAtenuacion ) > 0 ) ) {
+            while ( $rowAtenuacion = mysqli_fetch_assoc( $qrsAtenuacion ) ) {
+                $IDAtenuacion = $rowAtenuacion['IDATENUACION'];
+                $arrAtenuacion[$IDAtenuacion] = $rowAtenuacion; 
+            }
+            $arrAtenuacionJs = json_encode($arrAtenuacion);
+        } else {
+        	$strMensaje = 'SPSERV.( ' . $idModulo . ' ).0005 - Ha ocurrido un error al consultar el Catálogo de Atenuadores del sistema. ';
+	        $strMensaje.= 'El catálago de atenuadores debe de contener al menos un atenuador disponible.';
+	        $arrErroresSistemaServ[base64_encode('ITT_ASW_ATEN-DATA')] = $strMensaje;
+	        $mensajeError ++;    
+        }	
+    } else {
+    	$strMensaje = 'SPSERV.( ' . $idModulo . ' ).0004 - Ha ocurrido un error al consultar el Catálogo de Atenuadores del sistema. ';
+        $strMensaje.= 'Notifique al Departamento de Sistemas con la siguiente descripción: ';
+        $strMensaje.= base64_encode( ' Error: ' . base64_encode(mysqli_error($conBaseDatos)) . ' para la Consulta: ' . base64_encode(utf8_decode($qryAtenuacion) ) );
+        $arrErroresSistemaServ[base64_encode('ITT_ASW_ATEN')] = $strMensaje;
+        $mensajeError ++;
+    }
+
+    $arrPotenciaSonora = array(); // Contiene todos Las Potencias Sonoras Existentes
+    $qryPotenciaS = ' SELECT * FROM ITT_ASW_POSO ';
+    $qryPotenciaS = utf8_encode($qryPotenciaS);
+    $qrsPotenciaS = mysqli_query($conexion, $qryPotenciaS);
+    if ( ( $qrsPotenciaS !== false ) ) {
+        if ( ( mysqli_num_rows( $qrsPotenciaS ) > 0 ) ) {
+            while ( $rowPotenciaS = mysqli_fetch_assoc( $qrsPotenciaS ) ) {
+                $IDAtenuacion = $rowPotenciaS['IDPOTSON'];
+                $arrPotenciaSonora[$IDAtenuacion] = $rowPotenciaS; 
+            }
+            $arrPotenciaSonoraJs = json_encode($arrPotenciaSonora);
+        } else {
+            $strMensaje = 'SPSERV.( ' . $idModulo . ' ).0007 - Ha ocurrido un error al consultar el Catálogo de Potencias Sonoras del sistema. ';
+	        $strMensaje.= 'El catálago de Potencias Sonoras debe de contener al menos un registro disponible.';
+	        $arrErroresSistemaServ[base64_encode('ITT_ASW_POSO-DATA')] = $strMensaje;
+	        $mensajeError ++;
+        }
+    } else {
+        $strMensaje = 'SPSERV.( ' . $idModulo . ' ).0006 - Ha ocurrido un error al consultar el Catálogo de Potencias Sonoras del sistema. ';
+        $strMensaje.= 'Notifique al Departamento de Sistemas con la siguiente descripción: ';
+        $strMensaje.= base64_encode( ' Error: ' . base64_encode(mysqli_error($conBaseDatos)) . ' para la Consulta: ' . base64_encode(utf8_decode($qryPotenciaS) ) );
+        $arrErroresSistemaServ[base64_encode('ITT_ASW_POSO')] = $strMensaje;
+        $mensajeError ++;
+    }
+
+    if ( $mensajeError != 0 ) {
+    	
+    }
+
+    $arrUnidadMedidaCaudal = array( "M3/S"=>"M3/S", "M3/MIN"=>"M3/MIN", "M3/H"=>"M3/H", "L/S"=>"L/S", "L/MIN"=>"L/MIN", "L/H"=>"L/H", "CM3/S"=>"CM3/S", "CM3/MIN"=>"CM3/MIN", "CM3/H"=>"CM3/H", "GALON/S"=>"GALON/S", "GALON/MIN"=>"GALON/MIN", "GALON/H"=>"GALON/H", "CFM"=>"CFM" );
+    $arrUnidadMedidaCaudalJs = json_encode($arrUnidadMedidaCaudal);
+
+    $arrUnidadMedidaPresionE = array( "MPA"=>"MPA", "KPA"=>"KPA", "PA"=>"PA", "BAR"=>"BAR", "M CA"=>"M CA", "CM A"=>"CM A", "MM CA"=>"MM CA", "IN HG"=>"IN HG", "CM HG"=>"CM HG", "MM HG"=>"MM HG", "TORR"=>"TORR", "INWG"=>"INWG" );
+    $arrUnidadMedidaPresionEJs = json_encode($arrUnidadMedidaPresionE);
+
+    $arrUnidadMedidaPotenciaA = array( "HP"=>"HP", "J/S"=>"J/S", "KCAL/H"=>"KCAL/H", "KW"=>"KW", "WATT"=>"WATT", "PIE-LIBRA(S)"=>"PIE-LIBRA(S)", "PIE-LIBRA(M)"=>"PIE-LIBRA(M)", "BHP"=>"BHP" );
+    $arrUnidadMedidaPotenciaAJs = json_encode($arrUnidadMedidaPotenciaA);
+
+    $arrUnidadMedidaDiametro = array( "MM"=>"MM", "CM"=>"CM", "DM"=>"DM", "M"=>"M", "MI"=>"MI", "YARDA"=>"YARDA", "INCH"=>"INCH", "FT"=>"FT" );
+    $arrUnidadMedidaDiametroJs = json_encode($arrUnidadMedidaDiametro);
+
+    $arrCurvaNCS = array( "NC15"=>"NC15", "NC20"=>"NC20", "NC25"=>"NC25", "NC30"=>"NC30", "NC35"=>"NC35", "NC40"=>"NC40", "NC45"=>"NC45", "NC50"=>"NC50", "NC55"=>"NC55", "NC60"=>"NC60", "NC65"=>"NC65", "NC70"=>"NC70" ); 
+    $arrCurvaNCSJs = json_encode($arrCurvaNCS);
+
+    $arrFrecuencias = array( "63Hz", "125Hz", "250Hz", "500Hz", "1000Hz", "2000Hz", "4000Hz", "8000Hz");
+
+    $strTablaResultados = "";
+
+    if( $_SERVER['REQUEST_METHOD'] == 'POST' ) {
+
+        $transaccionPDF = $_POST["TRANSPDF"];
+		
+        $arrDatosEntrada = json_decode($_POST["DATOSENTRADA"]);
+        $arrConversiones = json_decode($_POST["CONVERSIONES"]);
+
+        $arrLw = json_decode($_POST["LW"]);
+        $arrKw = json_decode($_POST["KW"]);
+
+
+        $arrLwAVentiladorS = json_decode($_POST["LWAV"]);
+        $arrLwAVentilador = json_decode($_POST["LWAVA"]);
+
+        $arrSonidoR = json_decode($_POST["SONIDOR"]);
+        $arrCorreccion = json_decode($_POST["CORRECCION"]);
+        $arrSonidoMasCorrecion = json_decode($_POST["SONMASCORR"]);
+
+        $areaDeSalida = $_POST["AREASALIDA"];
+        $velocidadDeFluido = $_POST["VFLUIDO"];
+
+        $arrDatosLwFinal = json_decode($_POST["LWFINALDATOS"]);
+        $sumaLogaritmicaLwFinal = $_POST["SUMALWFINAL"];
+        $arrDatosLwA = json_decode($_POST["LWADATOS"]);
+        $sumaLogaritmicaLwA = $_POST["SUMALWA"];
+        $presionSonora = $_POST["PRESON"];
+        $presionSonoraA = $_POST["PRESONA"];
+
+        $arrDatosLwFinalVa = json_decode($_POST["LWFINALDATOSVA"]);
+        $sumaLogaritmicaLwFinalVa = $_POST["SUMALWFINALVA"];
+        $arrDatosLwAVa = json_decode($_POST["LWADATOSVA"]);
+        $sumaLogaritmicaLwAVa = $_POST["SUMALWAVA"];
+        $presionSonoraVa = $_POST["PRESONVA"];
+        $presionSonoraAVa = $_POST["PRESONAVA"];
+
+        $arrDatosAtenuador = json_decode($_POST["ATENUADOR"], true);
+
+		
+        require_once('shared/plantillasPDF/Seleccion_Atenuedores_General.php');
+		
+        $formatoPDF = new crearPDF('P', 'mm', 'Letter');
+        
+		
+
+        $formatoPDF->tipoPDF = $transaccionPDF;
+
+        $formatoPDF->datosEntrada = $arrDatosEntrada;
+        $formatoPDF->conversiones = $arrConversiones;
+
+        $formatoPDF->datosLw = $arrLw;
+        $formatoPDF->datosKw = $arrKw;
+
+        $formatoPDF->sonidoRegenerado = $arrSonidoR;
+        $formatoPDF->correcionArea = $arrCorreccion;
+        $formatoPDF->sonidoMasCorreccion = $arrSonidoMasCorrecion;
+
+        $formatoPDF->LwAVentilador = $arrLwAVentiladorS;
+        $formatoPDF->LwAVentiladorA = $arrLwAVentilador;
+
+        $formatoPDF->areaDeSalida = $areaDeSalida;
+        $formatoPDF->velocidadDeFluido = $velocidadDeFluido;
+
+        $formatoPDF->datosLwFinal = $arrDatosLwFinal;
+        $formatoPDF->sumaLogLwFinal = $sumaLogaritmicaLwFinal;
+        $formatoPDF->datosLwA = $arrDatosLwA;
+        $formatoPDF->sumaLogaritmicaLwA = $sumaLogaritmicaLwA;
+        $formatoPDF->presionSonora = $presionSonora;
+        $formatoPDF->presionSonoraA = $presionSonoraA;
+        
+        $formatoPDF->DatosLwFinalVa = $arrDatosLwFinalVa;
+        $formatoPDF->sumaLogaritmicaLwFinalVa = $sumaLogaritmicaLwFinalVa;
+        $formatoPDF->DatosLwAVa = $arrDatosLwAVa;
+        $formatoPDF->sumaLogaritmicaLwAVa = $sumaLogaritmicaLwAVa;
+        $formatoPDF->presionSonoraVa = $presionSonoraVa;
+        $formatoPDF->presionSonoraAVa = $presionSonoraAVa;
+
+        $formatoPDF->datosAtenuadores = $arrDatosAtenuador;
+
+        $formatoPDF->p = 'I'; // I = Presenta en el navegador sin guardar; D = presenta opcion Guardar como; F = Guarda el documento sin abrirlo en el navegador
+		$formatoPDF->narch = 'CalculosDeAtenuacion_'.$arrDatosAtenuador['MODELO'].'.pdf';
+
+        $formatoPDF->genera_PDF();
+
+    }
+
+?>
+<!doctype html>
+<html lang="en">
+    <head>
+        <!-- Global site tag (gtag.js) - Google Analytics -->
+
+            <!--Pruebas-->
+            <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-1"></script> -->
+            <!--Producción-->
+            <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+            <!--Pruebas-->
+            <!-- <script>
+        
+                  window.dataLayer = window.dataLayer || [];
+        
+                  function gtag(){dataLayer.push(arguments);}
+        
+                  gtag('js', new Date());
+        
+                  gtag('config', 'UA-125019062-1');
+        
+            </script> -->
+            <!--Producción-->
+            <script>
+        
+                window.dataLayer = window.dataLayer || [];
+        
+                function gtag(){dataLayer.push(arguments);}
+        
+                gtag('js', new Date());
+        
+                gtag('config', 'UA-125019062-2');
+        
+            </script>
+        
+        <!-- End Global site tag (gtag.js) - Google Analytics -->
+        <!-- Required meta tags -->
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+        <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
+        <link rel="stylesheet" type="text/css" href="css/style-table.css" media="all" />
+        <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+        <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon" />
+        <script src="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/alertify.min.js"></script>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/alertify.min.css" />
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/default.min.css" />
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/semantic.min.css" />
+        <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/bootstrap.min.css" />
+        <link rel="stylesheet" type="text/css" href="css/style-table.css" media="all" />
+        <title> Selector de Atenuador S&P </title>
+        <script type="text/javascript" src="js/events.js"></script>
+        <style type="text/css">
+
+            .table thead td {
+                font-size: 15px;
+                font-weight: bold;
+                text-align: center;
+                color: #343434;
+            }
+
+            .table thead th {
+                font-size: 15px;
+                font-weight: bold;
+                text-align: center;
+            }
+
+            .table tbody td {
+                font-size: 12px;
+                text-align: center;
+            }
+
+            .table tfoot td {
+                font-size: 12px;
+                text-align: center;
+            }
+
+        </style>
+    </head>
+
+    <body>
+        <?php include 'header.php' ?>
+        <script type="text/javascript">
+        	var $j = jQuery.noConflict();
+            //<![CDATA[
+            if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+              HIB.menu.init();
+            }
+            //]]>
+        </script>
+        <div class="main-container col1-layout">
+            <div class="main">
+                <div class="col-main">
+                    <main>
+                        <div id="overlaySearch" class="overlay">
+                            <div id="searchResults" class="overlay-content grid"></div>
+                        </div>
+                        <div class="page-title dark">
+                            <img alt="Producción,distribución y logística" src="media/home/categories_home/recursos/hojas-tecnicas.jpg"  style="width: 100%"/>
+                            <div class="page-title-container">
+                                <div class="page-title-content container">
+                                </div>
+                            </div>
+                            <div class="clearfix">&nbsp;</div>
+                        </div>
+                        <form id="frm">
+                            <input type="hidden" name="recaptcha_response" id="recaptchaResponse">
+                            <div class="bar-title">
+                                <h2 class="h2">Cálculo de atenuadores</h2>
+                                <p class="container">
+                                    Esta Herramienta te servirá para calcular la atenuación del ruido emitido por los equipos de 
+                                    <strong style="color: red; font-weight: bold;"> S&P</strong>, tomando como referencia las curvas NC.
+                                </p>
+                                <br/>
+                                <!-- Inicion Inputs -->
+                                <div class="container grid  hcol-6-12">
+                                    <div class="container  hcol-12-12">
+                                        <div class="form-group hcol-6-12">
+                                            <label for="TIPOV"> Tipo de Ventilador *</label>
+                                            <select class=" input-text  validate-no-html-tags form-control" name="TIPOV" id="TIPOV" onchange="buscaModelo(this.value)" required="true" > </select>
+                                        </div>
+                                        <div class="form-group hcol-6-12">
+                                            <label for="MODELOV"> Modelo de Ventilador *</label>
+                                            <select class=" input-text  validate-no-html-tags form-control" name="MODELOV" id="MODELOV" required="true"> </select>
+                                        </div>
+                                    </div>
+                                    <div class="container  hcol-12-12">
+                                        <div class="form-group hcol-6-12">
+                                            <label for="VCAUDAL"> Caudal (Q) *</label>
+                                            <input type="text" class=" input-text  validate-no-html-tags form-control" name="VCAUDAL" id="VCAUDAL" onblur="agregarDecimales(this.id)" required="true">
+                                        </div>
+                                        <div class="form-group hcol-6-12">
+                                          <label for="#"> &nbsp; </label>
+                                          <select class=" validate-no-html-tags form-control" name="UMCAU" id="UMCAU"> </select>
+                                        </div>
+                                    </div>
+                                    <div class="container  hcol-12-12">
+                                        <div class="form-group hcol-6-12">
+                                            <label for="VPREE"> Presión Estatíca (P) *</label>
+                                            <input type="text" class=" input-text  validate-no-html-tags form-control" name="VPREE" id="VPREE" onblur="agregarDecimales(this.id)" required="true">
+                                        </div>
+                                        <div class="form-group hcol-6-12">
+                                            <label for="#"> &nbsp; </label>
+                                            <select class=" input-text  validate-no-html-tags form-control" name="UMPRE" id="UMPRE"> </select>
+                                        </div>
+                                    </div>
+                                    <div class="container  hcol-12-12">
+                                        <div class="form-group hcol-6-12">
+                                            <label for="VPOTE"> Potencias Absorbida (Bhp) *</label>
+                                            <input type="text" class=" input-text  validate-no-html-tags form-control" name="VPOTE" id="VPOTE" onblur="agregarDecimales(this.id)" required="true">
+                                        </div>
+                                        <div class="form-group hcol-6-12">
+                                            <label for="#"> &nbsp; </label>
+                                            <select class=" input-text  validate-no-html-tags form-control" name="UMPOT" id="UMPOT"> </select>
+                                        </div>
+                                    </div>
+                                    <div class="container  hcol-12-12">
+                                        <div class="form-group hcol-6-12">
+                                            <label for="DIAME"> Diamtero del Ventilador *</label>
+                                            <input type="text" class=" input-text  validate-no-html-tags form-control" name="DIAME" id="DIAME" onblur="agregarDecimales(this.id)" required="true">
+                                        </div>
+                                        <div class="form-group hcol-6-12">
+                                            <label for="#"> &nbsp; </label>
+                                            <select class=" input-text  validate-no-html-tags form-control" name="UMDIA" id="UMDIA"> </select>
+                                        </div>
+                                    </div>
+                                    <div class="container  hcol-12-12">
+                                        <div class="form-group hcol-12-12">
+                                            <label for="CURNC"> Curva NC *</label>
+                                            <select class=" input-text  validate-no-html-tags form-control" name="CURNC" id="CURNC"> </select>
+                                        </div>
+                                    </div>
+                                    <div class="container  hcol-12-12">
+                                        <div class="form-group hcol-4-12">
+                                            
+                                        </div>
+                                        <div class="form-group hcol-4-12">
+                                            
+                                        </div>
+                                        <div class="form-group hcol-4-12" align="left">
+                                            <button type="button" id="CALCULAR" name="CALCULAR" onclick="validaCampos()" class="btn small"> Calcular </button>
+                                            <!-- <input type="button" id="CALCULAR" name="CALCULAR" onclick="validaCampos()" class="btn small" value="Calcular" > -->
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="container grid  hcol-6-12">
+                                    <div class="hcol-9-12" id="loading" style="display: none;">
+                                      <img src="media/img/loader2.gif" width="41px" >
+                                    </div>
+                                    <!-- Tabla de Resultados -->
+                                    <div id="tablaR" class="form-group hcol-12-12">
+                                        <div id="tablaResultados" class="table-responsive">
+                                            <?php echo $strTablaResultados; ?>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="container grid">
+                                    <div class="container">
+                                        <div class="form-group hcol-6-6">
+                                             
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </form>
+						
+                        <form id="frmPDFGeneral" method="POST" action="<?php echo($_SERVER['PHP_SELF']);?>" target="_blank">
+                            
+                            <input type="hidden" name="TRANSPDF" id="TRANSPDF" >
+                            <input type="hidden" name="DATOSENTRADA" id="DATOSENTRADA" >
+                            <input type="hidden" name="CONVERSIONES" id="CONVERSIONES" >
+
+							<input type="hidden" name="AREASALIDA" id="AREASALIDA" >
+							<input type="hidden" name="VFLUIDO" id="VFLUIDO" >
+
+							<input type="hidden" name="LW" id="LW" >
+							<input type="hidden" name="KW" id="KW" > 
+
+							<input type="hidden" name="LWAV" id="LWAV" >
+							<input type="hidden" name="LWAVA" id="LWAVA" >
+
+							<input type="hidden" name="SONIDOR" id="SONIDOR" >
+							<input type="hidden" name="CORRECCION" id="CORRECCION" >
+							<input type="hidden" name="SONMASCORR" id="SONMASCORR" >
+
+
+                            <input type="hidden" name="LWFINALDATOS" id="LWFINALDATOS" >
+                            <input type="hidden" name="SUMALWFINAL" id="SUMALWFINAL" >
+                            <input type="hidden" name="LWADATOS" id="LWADATOS" >
+                            <input type="hidden" name="SUMALWA" id="SUMALWA" >
+                            <input type="hidden" name="PRESON" id="PRESON" >
+                            <input type="hidden" name="PRESONA" id="PRESONA" >
+                            
+                            <input type="hidden" name="LWFINALDATOSVA" id="LWFINALDATOSVA" >
+                            <input type="hidden" name="SUMALWFINALVA" id="SUMALWFINALVA" >
+                            <input type="hidden" name="LWADATOSVA" id="LWADATOSVA" >
+                            <input type="hidden" name="SUMALWAVA" id="SUMALWAVA" >
+                            <input type="hidden" name="PRESONVA" id="PRESONVA" >
+                            <input type="hidden" name="PRESONAVA" id="PRESONAVA" >
+
+                            <input type="hidden" name="PRUEBA" id="PRUEBA" >
+
+                            <input type="hidden" name="ATENUADOR" id="ATENUADOR" >
+
+                            <input type="hidden" name="TRANS" id="TRANS" >                         
+
+                        </form>
+
+
+                        <div class="container-fluid">
+                            <div class="row">
+                                <div class="col-sm-12" id="tabla"></div>
+                            </div>
+                        </div>
+
+                    </main>
+                </div>
+            </div>
+        </div>
+        <?php include 'footer.php' ?>
+    </body>
+    <script src="https://ajax.googleapis.com/ajax/libs/dojo/1.10.0/dojo/dojo.js" data-dojo-config='parseOnLoad: true'></script>
+    <script type="text/javascript">
+
+        var idModulo = "CALC.ATEN"
+        var mensajeError = 0;
+        var arrErroresSistemaJs = new Array();
+        var arrErroresSistemaCalc = new Array();
+
+        <?php if ( isset($arrVentiladoresJs) ) { ?>
+        	var arrVentiladores = <?php echo $arrVentiladoresJs; ?>
+        <?php } else { ?>
+        	document.getElementById("TIPOV").disabled = true;
+        	document.getElementById("MODELOV").disabled = true;
+        	var strMensaje = "";
+        	strMensaje += 'SPJS.( ' + idModulo + ' ).0001 - Ocurrio un error al cargar el <b> Catálogo de Ventiladores </b> de S&P </b>';
+	        arrErroresSistemaJs['0001'] = strMensaje;
+	        mensajeError ++ ;
+        <?php } ?>
+
+        var newOptionI = document.createElement("option");
+        newOptionI.value = "";
+        newOptionI.text = "Seleccione un Tipo de Ventilador...";
+        document.getElementById("TIPOV").appendChild(newOptionI);
+        <?php if ( isset($arrTipoVentiladorJs) ) { ?>
+        	var arrTiposVentiladores = <?php echo $arrTipoVentiladorJs; ?>;
+        	Object.keys(arrTiposVentiladores).forEach( function( key ) {
+	            var newOption = document.createElement("option");
+	            newOption.value = key;
+	            newOption.text = arrTiposVentiladores[key];
+	            document.getElementById("TIPOV").appendChild(newOption);
+	        });
+        <?php } else { ?>
+        	document.getElementById("TIPOV").disabled = true;
+        	var strMensaje = "";
+        	strMensaje += 'SPJS.( ' + idModulo + ' ).0002 - Ocurrio un error al cargar los <b> Tipos de Ventiladores </b> de S&P';
+	        arrErroresSistemaJs['0002'] = strMensaje;
+	        mensajeError ++ ;
+        <?php } ?>
+
+        <?php if ( isset($arrModeloVentiladorJs) ) { ?>
+        	var arrModelosVentiladores = <?php echo $arrModeloVentiladorJs; ?>;
+        <?php } else { ?>
+        	document.getElementById("MODELOV").disabled = true;
+        	var strMensaje = "";
+        	strMensaje += 'SPJS.( ' + idModulo + ' ).0003 - Ocurrio un error al cargar los <b> Modelos de los Ventiladores </b> de S&P';
+	        arrErroresSistemaJs['0003'] = strMensaje;
+	        mensajeError ++ ;
+        <?php } ?>
+
+        var arrModelosSeleccionados = {};
+
+        var selectModelosVentiladores = document.getElementById("MODELOV");
+        var newOptionII = document.createElement("option");
+        newOptionII.value = "";
+        newOptionII.text = "Seleccione un Modelo de Ventilador...";
+        selectModelosVentiladores.appendChild(newOptionII);
+        
+        function buscaModelo( tipoVentilador ) {
+        	if ( selectModelosVentiladores.length > 0 ) {
+        		while (selectModelosVentiladores.firstChild) {
+                    selectModelosVentiladores.removeChild(selectModelosVentiladores.firstChild);
+                }
+        	}
+        	Object.keys(arrModelosVentiladores).forEach( function( arrModelos ) {
+        		if ( arrModelos == tipoVentilador ) {
+        			Object.keys(arrModelosVentiladores[arrModelos]).forEach( function( key ) {
+                        var newOption = document.createElement("option");
+                        newOption.value = key;
+                        newOption.text = arrModelosVentiladores[arrModelos][key];
+                        selectModelosVentiladores.appendChild(newOption);
+        			});
+        		} else {
+
+                }
+            });
+        }
+
+        // Contiene las Unidades de Medida de la Caudal para Posibles conversiones
+        var arrUnidadesCaudal = <?php echo $arrUnidadMedidaCaudalJs; ?>;
+        Object.keys(arrUnidadesCaudal).forEach( function( key ) {
+        	var newOption = document.createElement("option");
+            if ( key == "CFM" ) {
+                newOption.selected = true;
+            }
+            newOption.value = key;
+            newOption.text = arrUnidadesCaudal[key];
+            document.getElementById("UMCAU").appendChild(newOption);
+        });
+
+        // Contiene las Unidades de Medida de la de la Presión Estatíca para Posibles conversiones
+        var arrUnidadMedidaPresionE = <?php echo $arrUnidadMedidaPresionEJs; ?>;
+        Object.keys(arrUnidadMedidaPresionE).forEach( function( key ) {
+        	var newOption = document.createElement("option");
+            if ( key == "INWG" ) {
+                newOption.selected = true;
+            }
+            newOption.value = key;
+            newOption.text = arrUnidadMedidaPresionE[key];
+            document.getElementById("UMPRE").appendChild(newOption);
+        });
+
+        // Contiene las Unidades de Medida de la de la Potencia Absorbida para Posibles conversiones
+        var arrUnidadMedidaPotenciaA = <?php echo $arrUnidadMedidaPotenciaAJs; ?>; 
+        Object.keys(arrUnidadMedidaPotenciaA).forEach( function( key ) {
+        	var newOption = document.createElement("option");
+            if ( key == "BHP" ) {
+                newOption.selected = true;
+            }
+            newOption.value = key;
+            newOption.text = arrUnidadMedidaPotenciaA[key];
+            document.getElementById("UMPOT").appendChild(newOption);
+        });
+
+        // Contiene las Unidades de Medida del Diametro para Posibles conversiones
+        var arrUnidadMedidaDiametro = <?php echo $arrUnidadMedidaDiametroJs; ?>;
+        Object.keys(arrUnidadMedidaDiametro).forEach( function( key ) {
+        	var newOption = document.createElement("option");
+            if ( key == "FT" ) {
+                newOption.selected = true;
+            }
+            newOption.value = key;
+            newOption.text = arrUnidadMedidaDiametro[key];
+            document.getElementById("UMDIA").appendChild(newOption);
+        });
+
+        // Contiene las CurvasNC posibles
+        var arrCurvaNC = <?php echo $arrCurvaNCSJs; ?>;
+        Object.keys(arrCurvaNC).forEach( function( key ) {
+        	var newOption = document.createElement("option");
+            newOption.value = key;
+            newOption.text = arrCurvaNC[key];
+            document.getElementById("CURNC").appendChild(newOption);
+        }); 
+
+        // Función para Precisar los decimales de cada Valor
+        function agregarDecimales( idInput ) {
+        	var presicionDecimales = parseInt(8);
+        	var valorInput = document.getElementById(idInput).value;
+        	if ( valorInput.length > 0 ) {
+        		if ( /^\d*\.?\d*$/.test(valorInput) ) {
+        			var valorInput = parseFloat(valorInput);
+        			var valorInput = valorInput.toFixed(presicionDecimales); 
+        			document.getElementById(idInput).value = valorInput;
+        		}
+        	}
+        }
+
+        function validaCampos() {
+
+        	var boolValido = "";
+        	var presicionDecimales = parseInt(8);
+        	var arrDatosCalculos = new Array();
+        	var tipoVentilador = document.getElementById('TIPOV').value;
+        	var modeloVentilador = document.getElementById('MODELOV').value;
+        	if ( tipoVentilador.length == 0 ) {
+                alertify.confirm( 'Datos de Entrada Incompletos', 'Debe seleccionar un <b> Tipo de Ventilador </b> de la lista de Opciones.', function() {  }, 
+                            function() {  } ).set('labels', { ok: 'Continuar', cancel: 'Cancelar' } );
+        		document.getElementById('TIPOV').focus();
+        		boolValido = false;
+        		return;
+        	}
+        	if ( modeloVentilador.length == 0 ) {
+        		alertify.confirm( 'Datos de Entrada Incompletos', 'Debe seleccionar un <b> Modelo de Ventilador </b> de la lista de Opciones.', function() {  }, 
+                            function() {  } ).set('labels', { ok: 'Continuar', cancel: 'Cancelar' } );
+                document.getElementById('MODELOV').focus();
+        		boolValido = false;
+        		return;
+        	}
+        	var inputsValores = document.querySelectorAll('#frm input[type="text"]');
+        	for ( index = 0; index < inputsValores.length; ++index ) {
+        		var idInput = inputsValores[index].getAttribute("name");
+        		if( idInput != null ) {
+        			var valorInput = document.getElementById(idInput).value;
+	    			if ( valorInput.length > 0 ) {
+	    				var vInput = parseFloat(valorInput);
+	    				vInput = vInput.toFixed(presicionDecimales);
+	    				if ( /^\d*\.?\d*$/.test(vInput) ) {
+		    				if ( idInput == "VCAUDAL" ) {
+		    					arrDatosCalculos[idInput] = vInput + "||" + document.getElementById('UMCAU').value + "||" + "CAUDAL";
+		    				}
+		    				if ( idInput == "VPREE" ) {
+		    					arrDatosCalculos[idInput] = vInput + "||" + document.getElementById('UMPRE').value + "||" + "PRE";
+		    				}
+		    				if ( idInput == "VPOTE" ) {
+		    					arrDatosCalculos[idInput] = vInput + "||" + document.getElementById('UMPOT').value + "||" + "POTE";
+		    				}
+		    				if ( idInput == "DIAME" ) {
+		    					arrDatosCalculos[idInput] = vInput + "||" + document.getElementById('UMDIA').value + "||" + "DIAME";
+		    				}
+		    				boolValido = true;
+		    			} else {
+		    				var campo = "";
+		    				if ( idInput == "VCAUDAL" ) {
+		    					campo = "Caudal (Q)";
+		    				}
+		    				if ( idInput == "VPREE" ) {
+		    					campo = "Presión Estatíca (P)";
+		    				}
+		    				if ( idInput == "VPOTE" ) {
+		    					campo = "Potencia Absorbida (Bhp)";
+		    				}
+		    				if ( idInput == "DIAME" ) {
+		    					campo = "Diametro del Ventilador";
+		    				}
+                            alertify.confirm( 'Datos de Entrada Incompletos', 'El campo <b>' + campo + '</b> debe de contener solo números (enteros ó decimales). ', function() {  }, 
+                                function() {  } ).set('labels', { ok: 'Continuar', cancel: 'Cancelar' } );
+		    				document.getElementById(idInput).focus();
+		    				boolValido = false;
+		    				return false;
+		    			}
+	    			} else {
+	    				var campo = "";
+	    				if ( idInput == "VCAUDAL" ) {
+	    					campo = "Caudal (Q)";
+	    				}
+	    				if ( idInput == "VPREE" ) {
+	    					campo = "Presión Estatíca (P)";
+	    				}
+	    				if ( idInput == "VPOTE" ) {
+	    					campo = "Potencia Absorbida (Bhp)";
+	    				}
+	    				if ( idInput == "DIAME" ) {
+	    					campo = "Diametro del Ventilador";
+	    				}
+	    				boolValido = false;
+                        alertify.confirm( 'Datos de Entrada Incompletos', 'El campo <b>' + campo + '</b> es un dato Requerido. ', function() {  }, 
+                                function() {  } ).set('labels', { ok: 'Continuar', cancel: 'Cancelar' } ); 
+	    				document.getElementById(idInput).focus();
+	    				return false;
+	    			}
+        		}
+        	}
+        	var curvaNC = document.getElementById('CURNC').value;
+        	if ( curvaNC.length == 0 ) {
+                alertify.confirm( 'Datos de Entrada Incompletos', 'Debe seleccionar una <b> Caudal </b> de la lista de Opciones', function() {  }, 
+                                function() {  } ).set('labels', { ok: 'Continuar', cancel: 'Cancelar' } );
+        		document.getElementById('CURNC').focus();
+				boolValido = false;
+				return false;
+        	}
+        	if ( boolValido == true ) {
+        		realizaCalculos( tipoVentilador, modeloVentilador, arrDatosCalculos, curvaNC );
+        	}
+
+        }
+
+        function precisarDecimales ( presicion, numero ) {
+        	valor = parseFloat(numero);
+    		valorD = valor.toFixed(presicion);
+    		return valorD;
+        }
+
+        <?php if ( isset($arrAtenuacionJs) ) { ?>
+        	var arrAtenuacion = <?php echo $arrAtenuacionJs; ?>
+        <?php } else { ?>
+        	var strMensaje = "";
+        	strMensaje += 'SPJS.( ' + idModulo + ' ).0004 - Ocurrio un error al cargar el <b> Catálogo de Atenuadores </b> de S&P, ';
+	        arrErroresSistemaJs['0004'] = strMensaje;
+	        mensajeError ++ ;
+        <?php } ?>
+
+        <?php if ( isset($arrPotenciaSonoraJs) ) { ?>
+        	var arrPotenciaSonora = <?php echo $arrPotenciaSonoraJs; ?>
+        <?php } else { ?>
+        	var strMensaje = "";
+        	strMensaje += 'SPJS.( ' + idModulo + ' ).0005 - Ocurrio un error al cargar las <b> Potencias Sonoras </b> requeridas para el calcúlo de atenuadores de S&P, ';
+	        arrErroresSistemaJs['0005'] = strMensaje;
+	        mensajeError ++ ;
+        <?php } ?>
+
+        if ( mensajeError > 0 ) {
+        	var strMensaje = "";
+        	strMensaje += 'SPJS.( ' + idModulo + ' ) - La calculadora de atenuadores no se encuentra funcionando correctamente en estos momentos, favor de intentarlo más tarde.';
+            alertify.confirm( 'Error...', strMensaje, function() { location.reload(true); }, 
+                function() { location.href = "atenuadores.php"; } ).set('labels', { ok: 'Continuar', cancel: 'Cancelar' } );
+            function onKeyDownHandler(event) {
+                var t1 = 1;
+                var accion = "";
+                var codigo = event.which || event.keyCode;
+                if ( ( t1 == 1) && ( codigo == 76 ) ){
+                    var error = "";
+                    Object.keys(arrErroresSistemaJs).forEach( function( indice ) {
+                        error += arrErroresSistemaJs[indice] + "<br>";
+                    });
+                    alertify.confirm( 'Errores...', error, function() {  }, 
+                        function() {  } ).set('labels', { ok: 'Continuar', cancel: 'Cancelar' } );
+                }
+            }
+            window.onkeydown = onKeyDownHandler;
+        } 
+
+        function realizaCalculos ( tipo, modelo, datos, curva ) {
+
+        	var vCaudal = "";
+        	var vPresionE = "";
+        	var vPotenciaA = "";
+        	var vDiametro = "";
+        	var boolValido = true;
+        	var presicionDecimales = parseInt(8);
+
+        	var strMensaje = "";
+        	var mensajeErrorCalc = 0;
+
+        	var arrDatosDeEntrada = new Array();
+        	var arrConversiones = new Array();
+        	var arrCalculos = new Array();
+
+        	// Contiene los parametros de las Octavas de Banda Frecuencia - Hz 
+        	var arrFrecuencias = [ "63Hz", "125Hz", "250Hz", "500Hz", "1000Hz", "2000Hz", "4000Hz", "8000Hz"];
+        	// Contiene los parametros de la Ponderancia A
+        	var arrPonderanciaA = [ -26.2, -16.1, -8.6, -3.2, 0.0, 1.2, 1.0, -1.1 ];
+
+        	arrDatosDeEntrada['TipoVentilador'] = tipo ;
+        	arrDatosDeEntrada['ModeloVentilador'] = modelo;
+
+        	Object.keys(arrVentiladores).forEach( function( key ) {
+        		Object.keys(arrVentiladores[key]).forEach( function( keyVentilador ) {
+        			if ( arrVentiladores[key]['IDMODELO'] == modelo ){
+        				arrDatosDeEntrada['ModeloVentilador'] = arrVentiladores[key]['MODELO'];
+        			}
+        		});
+        	});
+
+        	Object.keys(datos).forEach( function( key ) {
+        		
+        		var splitDatos = datos[key].split( "||" );
+        		var valorCampo = splitDatos[0];
+        		var unidadDeMedida = splitDatos[1];
+        		var campoDato = splitDatos[2];
+
+        		if ( campoDato == "CAUDAL" ) {
+        			arrDatosDeEntrada['Caudal'] = "" + valorCampo + " " + unidadDeMedida; 
+        			switch ( unidadDeMedida ) { // Conversiones para la Caudal
+        				case 'M3/S':
+        					vCaudal = valorCampo / 0.0004719;
+        					var presicion = precisarDecimales( presicionDecimales, vCaudal );
+    						arrConversiones['Caudal'] = "( " + valorCampo + " " + unidadDeMedida + " / " + "0.028314 M3/S ) X 1 CFM = " + presicion + " CFM";
+        				break;
+        				case 'M3/MIN':
+        					vCaudal = valorCampo / 0.028314;
+        					var presicion = precisarDecimales( presicionDecimales, vCaudal );
+    						arrConversiones['Caudal'] = "( " + valorCampo + " " + unidadDeMedida + " / " + "0.028314 M3/MIN ) X 1 CFM = " + presicion + " CFM";
+        				break;
+        				case 'M3/H':
+        					vCaudal = valorCampo / 1.699011;
+        					var presicion = precisarDecimales( presicionDecimales, vCaudal );
+    						arrConversiones['Caudal'] = "( " + valorCampo + " " + unidadDeMedida + " / " + "0.699011 M3/H ) X 1 CFM = " + presicion + " CFM";
+        				break;
+        				case 'L/S':
+        					vCaudal = valorCampo * 2.119;
+        					var presicion = precisarDecimales( presicionDecimales, vCaudal );
+    						arrConversiones['Caudal'] = "( " + valorCampo + " " + unidadDeMedida + " X " + "2.119 L/S ) X 1 CFM = " + presicion + " CFM";
+        				break;
+        				case 'L/MIN':
+        					vCaudal = valorCampo / 28.32;
+        					var presicion = precisarDecimales( presicionDecimales, vCaudal );
+    						arrConversiones['Caudal'] = "( " + valorCampo + " " + unidadDeMedida + " / " + "28.32 L/MIN ) X 1 CFM = " + presicion + " CFM";
+        				break;
+        				case 'L/H':
+        					vCaudal = valorCampo / 1699;
+        					var presicion = precisarDecimales( presicionDecimales, vCaudal );
+    						arrConversiones['Caudal'] = "( " + valorCampo + " " + unidadDeMedida + " / " + "1699 L/H ) X 1 CFM = " + presicion + " CFM";
+        				break;
+        				case 'CM3/S':
+        					vCaudal = valorCampo / 471.9;
+        					var presicion = precisarDecimales( presicionDecimales, vCaudal );
+    						arrConversiones['Caudal'] = "( " + valorCampo + " " + unidadDeMedida + " / " + "471.9 CM3/S ) X 1 CFM = " + presicion + " CFM";
+        					arrConversiones[unidadDeMedida] = "" + valorCampo + " / " + "471.9 = " + vCaudal + "";
+        				break;
+        				case 'CM3/MIN':
+        					vCaudal = valorCampo / 28314;
+        					var presicion = precisarDecimales( presicionDecimales, vCaudal );
+    						arrConversiones['Caudal'] = "( " + valorCampo + " " + unidadDeMedida + " / " + "278314 CM3/MIN ) X 1 CFM = " + presicion + " CFM";
+        				break;
+        				case 'CM3/H':
+        					vCaudal = valorCampo / 1698840;
+        					var presicion = precisarDecimales( presicionDecimales, vCaudal );
+    						arrConversiones['Caudal'] = "( " + valorCampo + " " + unidadDeMedida + " / " + "1698840 CM3/H ) X 1 CFM = " + presicion + " CFM";
+        				break;
+        				case 'GALON/S':
+        					vCaudal = valorCampo / 0.12467532;
+        					var presicion = precisarDecimales( presicionDecimales, vCaudal );
+    						arrConversiones['Caudal'] = "( " + valorCampo + " " + unidadDeMedida + " / " + "0.12467532 GALON/S) X 1 CFM = " + presicion + " CFM";
+        				break;
+        				case 'GALON/MIN':
+        					vCaudal = valorCampo / 7.4805195566834;
+        					var presicion = precisarDecimales( presicionDecimales, vCaudal );
+    						arrConversiones['Caudal'] = "( " + valorCampo + " " + unidadDeMedida + " / " + "7.4805195566834 GALON/MIN ) X 1 CFM = " + presicion + " CFM";
+        				break;
+        				case 'GALON/H':
+        					vCaudal = valorCampo / 448.8311734;
+        					var presicion = precisarDecimales( presicionDecimales, vCaudal );
+    						arrConversiones['Caudal'] = "( " + valorCampo + " " + unidadDeMedida + " / " + "448.8311734 GALON/H ) X 1 CFM = " + presicion + " CFM";
+        				break;
+        				case 'CFM':
+        					vCaudal = valorCampo;
+        				break;
+        			}
+        			vCaudal = parseFloat(vCaudal);
+        			vCaudal = vCaudal.toFixed(presicionDecimales);
+        		} 
+
+        		if ( campoDato == "PRE" ) {
+        			arrDatosDeEntrada['PresionEstatica'] = "" + valorCampo + " " + unidadDeMedida; 
+        			switch ( unidadDeMedida ) { // Conversiones para la Presión Estatíca
+        				case 'MPA':
+        					vPresionE = valorCampo * 401.47;
+        					var presicion = precisarDecimales( presicionDecimales, vPresionE );
+    						arrConversiones['Presion Estatica'] = "(" + valorCampo + " " + unidadDeMedida + " X " + "401.47 MPA ) X 1 INWG = " + presicion + " INWG";
+        				break;
+        				case 'KPA':
+        					vPresionE = valorCampo * 4.0147;
+        					var presicion = precisarDecimales( presicionDecimales, vPresionE );
+    						arrConversiones['Presion Estatica'] = "(" + valorCampo + " " + unidadDeMedida + " X " + "4.0147 KPA ) X 1 INWG = " + presicion + " INWG";
+        				break;
+    					case 'PA':
+    						vPresionE = valorCampo * 0.0040147;
+    						var presicion = precisarDecimales( presicionDecimales, vPresionE );
+    						arrConversiones['Presion Estatica'] = "(" + valorCampo + " " + unidadDeMedida + " X " + "0.0040147 PA ) X 1 INWG = " + presicion + " INWG";
+    					break;
+    					case 'BAR':
+    						vPresionE = valorCampo * 401.865;
+    						var presicion = precisarDecimales( presicionDecimales, vPresionE );
+    						arrConversiones['Presion Estatica'] = "(" + valorCampo + " " + unidadDeMedida + " X " + "401.865 BAR ) X 1 INWG = " + presicion + " INWG";
+    					break;
+    					case 'M CA':
+    						vPresionE = valorCampo * 39.166667;
+    						var presicion = precisarDecimales( presicionDecimales, vPresionE );
+    						arrConversiones['Presion Estatica'] = "(" + valorCampo + " " + unidadDeMedida + " X " + "39.166667 ) X 1 INWG = " + presicion + " INWG";
+    					break; 
+    					case 'CM CA':
+    						vPresionE = valorCampo * 0.39166667;
+    						var presicion = precisarDecimales( presicionDecimales, vPresionE );
+    						arrConversiones['Presion Estatica'] = "(" + valorCampo + " " + unidadDeMedida + " X " + "0.39166667 CM CA ) X 1 INWG = " + presicion + " INWG";
+    					break;
+    					case 'MM CA':
+    						vPresionE = valorCampo * 0.039166667;
+    						var presicion = precisarDecimales( presicionDecimales, vPresionE );
+    						arrConversiones['Presion Estatica'] = "(" + valorCampo + " " + unidadDeMedida + " X " + "0.039166667 MM CA ) X 1 INWG = " + presicion + " INWG";
+    					break;
+    					case 'IN HG':
+    						vPresionE = valorCampo / 0.0735541043;
+    						var presicion = precisarDecimales( presicionDecimales, vPresionE );
+    						arrConversiones['Presion Estatica'] = "(" + valorCampo + " " + unidadDeMedida + " X " + "0.0735541043 ) X 1 INWG = " + presicion + " INWG";
+    					break;
+    					case 'CM HG':
+    						vPresionE = valorCampo / 0.18682743044;
+    						var presicion = precisarDecimales( presicionDecimales, vPresionE );
+    						arrConversiones['Presion Estatica'] = "(" + valorCampo + " " + unidadDeMedida + " X " + "0.18682743044 CM HG ) X 1 INWG = " + presicion + " INWG";
+    					break;
+    					case 'MM HG':
+    						vPresionE = valorCampo / 0.018682743044;
+    						var presicion = precisarDecimales( presicionDecimales, vPresionE );
+    						arrConversiones['Presion Estatica'] = "(" + valorCampo + " " + unidadDeMedida + " X " + "0.018682743044 MM HG ) X 1 INWG = " + presicion + " INWG";
+    					break;
+    					case 'TORR':
+    						vPresionE = valorCampo * 0.5352533071;
+    						var presicion = precisarDecimales( presicionDecimales, vPresionE );
+    						arrConversiones['Presion Estatica'] = "(" + valorCampo + " " + unidadDeMedida + " X " + "0.5352533071 TORR ) X 1 INWG = " + presicion + " INWG";
+    					break;
+    						case 'INWG':
+    					vPresionE = valorCampo;
+    					break;
+    				}
+    				vPresionE = parseFloat(vPresionE);
+        			vPresionE = vPresionE.toFixed(presicionDecimales);
+    			}
+
+    			if ( campoDato == "POTE" ) {
+    				arrDatosDeEntrada['PotenciaAbsorbida'] = " " + valorCampo + " " + unidadDeMedida; 
+    				switch ( unidadDeMedida ) { // Conversiones para la Potencia Absorbida
+    					case 'HP':
+    						vPotenciaA = valorCampo / 13.1549;
+    						var presicion = precisarDecimales( presicionDecimales, vPotenciaA );
+    						arrConversiones['Potencia Absorbida'] = "(" + valorCampo + " " + unidadDeMedida + " / " + "13.1549 HP ) X 1 BHP = " + presicion + " BHP";
+    					break;
+    					case 'J/S':
+    						vPotenciaA = valorCampo / 9809.5;
+    						var presicion = precisarDecimales( presicionDecimales, vPotenciaA );
+    						arrConversiones['Potencia Absorbida'] = "(" + valorCampo + " " + unidadDeMedida + " / " + "9809.5 J/S ) X 1 BHP = " + presicion + " BHP";
+    					break;
+    					case 'KCAL/H':
+    						vPotenciaA = valorCampo / 8434.65;
+    						var presicion = precisarDecimales( presicionDecimales, vPotenciaA );
+    						arrConversiones['Potencia Absorbida'] = "(" + valorCampo + " " + unidadDeMedida + " / " + "8434.65 KCAL ) X 1 BHP = " + presicion + " BHP";
+    					break;
+    					case 'KW':
+    						vPotenciaA = valorCampo / 9.8095;
+    						var presicion = precisarDecimales( presicionDecimales, vPotenciaA );
+    						arrConversiones['Potencia Absorbida'] = "(" + valorCampo + " " + unidadDeMedida + " / " + "8434.65 KW ) X 1 BHP = " + presicion + " BHP";
+    					break;
+    					case 'WATT':
+    						vPotenciaA = valorCampo / 9809.5;
+    						var presicion = precisarDecimales( presicionDecimales, vPotenciaA );
+    						arrConversiones['Potencia Absorbida'] = "(" + valorCampo + " " + unidadDeMedida + " / " + "8434.65 WATT ) X 1 BHP = " + presicion + " BHP";
+    					break;
+    					case 'PIE-LIBRA(S)':
+    						vPotenciaA = valorCampo / 7235.12;
+    						var presicion = precisarDecimales( presicionDecimales, vPotenciaA );
+    						arrConversiones['Potencia Absorbida'] = "(" + valorCampo + " " + unidadDeMedida + " / " + "8434.65 PIE-LIBRA(S) ) X 1 BHP = " + presicion + " BHP";
+    					break;
+    					case 'PIE-LIBRA(M)':
+    						vPotenciaA = valorCampo / 434106.95;
+    						var presicion = precisarDecimales( presicionDecimales, vPotenciaA );
+    						arrConversiones['Potencia Absorbida'] = "(" + valorCampo + " " + unidadDeMedida + " / " + "8434.65 PIE-LIBRA(M) ) X 1 BHP = " + presicion + " BHP";
+    					break;
+    					case 'BHP':
+    						vPotenciaA = valorCampo;
+    					break;
+    				}
+    				vPotenciaA = parseFloat(vPotenciaA);
+        			vPotenciaA = vPotenciaA.toFixed(presicionDecimales);
+    			}
+
+    			if ( campoDato == "DIAME" ) {
+    				arrDatosDeEntrada['Diametro'] = "  " + valorCampo + " " + unidadDeMedida;
+    				switch ( unidadDeMedida ) { // Conversiones para el Diametro
+    					case 'MM':
+    						vDiametro = (valorCampo * 3.291) / 1000;
+    						var presicion = precisarDecimales( presicionDecimales, vDiametro );
+    						arrConversiones['Diametro'] = "() (" + valorCampo + " " + unidadDeMedida + " X " + "3.291 MM ) / 1000 ) X 1 FT = " + presicion + " FT";
+    					break;
+    					case 'CM':
+    						vDiametro = (valorCampo * 3.291) / 100;
+    						var presicion = precisarDecimales( presicionDecimales, vDiametro );
+    						arrConversiones['Diametro'] = "( (" + valorCampo + " " + unidadDeMedida + " X " + "3.291 CM ) / 100 ) X 1 FT = " + presicion + " FT";
+    					break;
+    					case 'DM':
+    						vDiametro = (valorCampo * 3.291) / 10;
+    						var presicion = precisarDecimales( presicionDecimales, vDiametro );
+    						arrConversiones['Diametro'] = "( (" + valorCampo + " " + unidadDeMedida + " X " + "13.1549 DM ) / 10 ) X 1 FT = " + presicion + " FT";
+    					break;
+    					case 'M':
+    						vDiametro = valorCampo * 3.291;
+    						var presicion = precisarDecimales( presicionDecimales, vDiametro );
+    						arrConversiones['Diametro'] = "(" + valorCampo + " " + unidadDeMedida + " X " + "13.1549 M ) X 1 FT = " + presicion + " FT";
+    						arrConversiones[unidadDeMedida] = "" + valorCampo + " X " + "13.1549 = " + vDiametro + "";
+    					break;
+    					case 'MI':
+    						vDiametro = valorCampo * 5280;
+    						var presicion = precisarDecimales( presicionDecimales, vDiametro );
+    						arrConversiones['Diametro'] = "(" + valorCampo + " " + unidadDeMedida + " X " + "5280 MI ) X 1 FT = " + presicion + " FT";
+    					break;
+    					case 'YARDA':
+    						vDiametro = valorCampo / 3;
+    						var presicion = precisarDecimales( presicionDecimales, vDiametro );
+    						arrConversiones['Diametro'] = "(" + valorCampo + " " + unidadDeMedida + " / " + "3 YARDA ) X 1 FT = " + presicion + " FT";
+    					break;
+    					case 'INCH':
+    						vDiametro = valorCampo * 0.083333;
+    						var presicion = precisarDecimales( presicionDecimales, vDiametro );
+    						arrConversiones['Diametro'] = "(" + valorCampo + " " + unidadDeMedida + " X " + "0.083333 MM ) X 1 FT = " + presicion + " FT";
+    					break;
+    					case 'FT':
+    						vDiametro = valorCampo;
+    					break;
+    				}
+    				vDiametro = parseFloat(vDiametro);
+        			vDiametro = vDiametro.toFixed(presicionDecimales);
+    			}
+
+    		});
+
+    		var arrDatosVentilador = new Array(); // Contiene los Datos del Ventilador Seleccionado	
+			Object.keys(arrVentiladores).forEach( function( keyVentiladores ) {
+				var arrVentilador = arrVentiladores[keyVentiladores];
+				Object.keys(arrVentilador).forEach( function( keyVentilador ) {
+					if ( arrVentilador['TIPO'] == tipo ) {
+						if ( (arrVentilador['DESC'] == modelo) || (arrVentilador['IDMODELO'] == modelo) ) {
+							arrDatosVentilador[keyVentilador] = arrVentilador[keyVentilador];
+						}
+					}
+				});
+			});
+
+    		var arrCurvaNC = new Array(); // Contiene el valor de cada frecuencia dependiendo de la CurvaNC seleccionada
+    		switch( curva ) {
+    			case 'NC15':
+    				arrDatosDeEntrada['CurvaNC'] = "" + curva + "##" + "[ 47, 36, 29, 22, 17, 14, 12, 11 ]";
+    				arrCurvaNC = [ 47, 36, 29, 22, 17, 14, 12, 11 ];
+    			break;
+    			case 'NC20': 
+    				arrDatosDeEntrada['CurvaNC'] = "" + curva + "##" + "[ 51, 40, 33, 26, 22, 19, 17, 16 ]";
+    				arrCurvaNC = [ 51, 40, 33, 26, 22, 19, 17, 16 ];
+    			break;
+    			case 'NC25': 
+    				arrDatosDeEntrada['CurvaNC'] = "" + curva + "##" + "[ 54, 44, 37, 31, 27, 24, 22, 21 ]";
+    				arrCurvaNC = [ 54, 44, 37, 31, 27, 24, 22, 21 ];
+    			break;
+    			case 'NC30': 
+    				arrDatosDeEntrada['CurvaNC'] = "" + curva + "##" + "[ 57, 48, 41, 35, 31, 29, 28, 27 ]";
+    				arrCurvaNC = [ 57, 48, 41, 35, 31, 29, 28, 27 ];
+    			break;
+    			case 'NC35': 
+    				arrDatosDeEntrada['CurvaNC'] = "" + curva + "##" + "[ 60, 52, 45, 40, 36, 34, 33, 32 ]";
+    				arrCurvaNC = [ 60, 52, 45, 40, 36, 34, 33, 32 ];
+    			break;
+    			case 'NC40': 
+    				arrDatosDeEntrada['CurvaNC'] = "" + curva + "##" + "[ 64, 56, 50, 45, 41, 39, 38, 37 ]";
+    				arrCurvaNC = [ 64, 56, 50, 45, 41, 39, 38, 37 ];
+    			break;
+    			case 'NC45': 
+    				arrDatosDeEntrada['CurvaNC'] = "" + curva + "##" + "[ 67, 60, 54, 49, 46, 44, 43, 42 ]";
+    				arrCurvaNC = [ 67, 60, 54, 49, 46, 44, 43, 42 ];
+    			break;
+    			case 'NC50': 
+    				arrDatosDeEntrada['CurvaNC'] = "" + curva + "##" + "[ 71, 64, 58, 54, 51, 49, 48, 47 ]";
+    				arrCurvaNC = [ 71, 64, 58, 54, 51, 49, 48, 47 ];
+    			break;
+    			case 'NC55': 
+    				arrDatosDeEntrada['CurvaNC'] = "" + curva + "##" + "[ 74, 67, 62, 58, 56, 54, 53, 52 ]";
+    				arrCurvaNC = [ 74, 67, 62, 58, 56, 54, 53, 52 ];
+    			break;
+    			case 'NC60': 
+    				arrDatosDeEntrada['CurvaNC'] = "" + curva + "##" + "[ 77, 71, 67, 63, 61, 59, 58, 57 ]";
+    				arrCurvaNC = [ 77, 71, 67, 63, 61, 59, 58, 57 ];
+    			break;
+    			case 'NC65':
+    				arrDatosDeEntrada['CurvaNC'] = "" + curva + "##" + "[ 80, 75, 71, 68, 66, 64, 63, 62 ]";
+    				arrCurvaNC = [ 80, 75, 71, 68, 66, 64, 63, 62 ];
+    			break;
+    			case 'NC70': 
+    				arrDatosDeEntrada['CurvaNC'] = "" + curva + "##" + "[ 84, 79, 75, 72, 71, 70, 68, 68 ]";
+    				arrCurvaNC = [ 84, 79, 75, 72, 71, 70, 68, 68 ];
+    			break;
+    		}
+
+    		var valorPi = Math.PI;
+    		var A = ( ( valorPi ) * ( Math.pow( vDiametro, 2 ) ) ) / 4 ;
+    		A = parseFloat(A);
+    		A = A.toFixed(presicionDecimales);
+
+    		var V = vCaudal / A;
+    		V = parseFloat(V);
+    		V = V.toFixed(presicionDecimales);
+
+    		var arrLw = new Array(); // Contiene los valores de Lw
+    		var arrKw = new Array(); // Contiene los valores de Kw
+
+    		if ( (typeof vCaudal != 'undefined') || (typeof vPresionE != 'undefined') ) {
+				if ( Object.keys(arrFrecuencias).length != 0 ) {
+					Object.keys(arrFrecuencias).forEach( function( indice ) {
+						var frecuencia = arrFrecuencias[indice];
+						var kw = ( 10 * Math.log10(vCaudal) ) + ( 20 * Math.log10(vPresionE) );
+						var cadenaOperacion = "(10 x " + Math.log10(vCaudal) + ") + ( 20 x " + Math.log10(vPresionE) + ") = / " + kw +" /";
+						kw = parseFloat(kw);
+						kw = kw.toFixed(presicionDecimales);
+						arrLw[frecuencia] = arrDatosVentilador[frecuencia];
+						arrKw[frecuencia] = kw;
+					});
+				} else {
+					var strMensaje = "";
+		        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0002 - Ocurrio un error al cargar los valores de las Frecuencias Hz.';
+			        arrErroresSistemaCalc['0002'] = strMensaje;
+			        mensajeErrorCalc ++ ;
+				}
+			} else {
+				var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0001 - Los valores de la Cudal o de la Presión Estatíca no se definieron correctamente.';
+		        arrErroresSistemaCalc['0001'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+			}
+
+    		var arrLwFinal = new Array(); // Contiene los valores de LwFinal
+    		if ( Object.keys(arrLw).length != 0 ) {
+    			Object.keys(arrLw).forEach( function( indice ) {
+    				var valorLw = arrLw[indice];
+    				var valorKw = arrKw[indice];
+    				var lwFinal = parseFloat(valorKw) + parseFloat(valorLw);
+    				var cadenaOperacion = "" + valorKw + " + " + valorLw + " = / " + lwFinal +" /";
+    				lwFinal = parseFloat(lwFinal);
+    				lwFinal = lwFinal.toFixed(presicionDecimales);
+    				arrLwFinal[indice] = lwFinal;
+    			});
+    		} else {
+	        	var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0003 - Se Presento un Error a la hora de calcular los valores de LwFinal.';
+		        arrErroresSistemaCalc['0003'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+    		}
+
+    		var arrLwA = new Array(); // Contiene los valores de LwA
+    		if ( Object.keys(arrPonderanciaA).length != 0 ) {
+    			Object.keys(arrPonderanciaA).forEach( function( indice ) {
+    				var valorLwFinal = arrLwFinal[arrFrecuencias[indice]];
+    				var valorPonderancia = arrPonderanciaA[indice];
+    				if ( (typeof valorLwFinal != 'undefined') || (typeof valorPonderancia != 'undefined') ) {
+	    				var lwA = parseFloat(valorLwFinal) + (parseFloat(valorPonderancia));
+	    				var cadenaOperacion = "" + parseFloat(valorLwFinal) + " + " + (parseFloat(valorPonderancia)) + " = / " + lwA +" /";
+	    				lwA = parseFloat(lwA);
+	    				lwA = lwA.toFixed(presicionDecimales);
+	    				arrLwA[arrFrecuencias[indice]] = lwA;
+	    			} else { 
+	    				var strMensaje = "";
+			        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0005 - Los valores de LwFinal o de la Ponderancia A no se definieron correctamente.';
+				        arrErroresSistemaCalc['0005'] = strMensaje;
+				        mensajeErrorCalc ++ ;
+	    			}
+    			});
+    		} else {
+	        	var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0004 - Se Presento un Error a la hora de cargar los valores de la Ponderancia A.';
+		        arrErroresSistemaCalc['0004'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+    		}
+
+    		var arrLwAVentiladorSeleccionado = new Array(); // Contiene los valores de LwA del Ventilador Seleccionado
+			if ( Object.keys(arrCurvaNC).length != 0 ) {
+				Object.keys(arrCurvaNC).forEach( function( indice ) {
+					var valorLwFinal = arrLwFinal[arrFrecuencias[indice]];
+					var valorCurvaNC = arrCurvaNC[indice];
+					if ( (typeof valorLwFinal != 'undefined') || (typeof valorCurvaNC != 'undefined') ) {
+						var LwAVentilador = parseFloat(valorLwFinal) - parseFloat(valorCurvaNC);
+						var cadenaOperacion = "" + valorLwFinal + " - " + valorCurvaNC + " = / " + LwAVentilador +" /";
+						LwAVentilador = parseFloat(LwAVentilador);
+						LwAVentilador = LwAVentilador.toFixed(presicionDecimales);
+						arrLwAVentiladorSeleccionado[arrFrecuencias[indice]] = LwAVentilador;
+					} else {
+						var strMensaje = "";
+			        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0007 - Los valores de LwFinal o de la curvaNC no se definieron correctamente.';
+				        arrErroresSistemaCalc['0007'] = strMensaje;
+				        mensajeErrorCalc ++ ;
+					}
+				});
+			} else {
+	        	var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0006 - Se Presento un Error a la hora de cargar los valores de la Curva NC seleccionada.';
+		        arrErroresSistemaCalc['0006'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+    		}
+
+    		if ( Object.keys(arrLwAVentiladorSeleccionado).length > 0 ) {
+    			var vAtenuador100Hz = arrLwAVentiladorSeleccionado["1000Hz"];  // Valor 1000Hz para seleccionar el Atenuador Correcto
+    		} else {
+    			var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0024 - Se Presento un Error a la hora de cargar los valores de LwA del Ventilador.';
+		        arrErroresSistemaCalc['0024'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+    		}
+
+    		var diametroTmp = vDiametro * 304.8;           // Se convierte el diametro a mm de Ft para Buscar el Atenuador Correcto
+    		diametroTmp = parseFloat(diametroTmp);
+    		diametroTmp = diametroTmp.toFixed(presicionDecimales);
+
+    		if ( diametroTmp <= 425 ) {
+                diametroTmp = 400;
+            } else if ( (diametroTmp > 425) && (diametroTmp <= 475) ) {
+                diametroTmp = 450;
+            } else if ( (diametroTmp > 475) && (diametroTmp <= 525) ) {
+                diametroTmp = 500;
+            } else if ( (diametroTmp > 525) && (diametroTmp <= 575) ) {
+                diametroTmp = 560;
+            } else if ( (diametroTmp > 580) && (diametroTmp <= 615) ) {
+                diametroTmp = 600;
+            } else if ( (diametroTmp > 615) && (diametroTmp <= 655) ) {
+                diametroTmp = 630;
+            } else if ( (diametroTmp > 655) && (diametroTmp <= 695) ) {
+                diametroTmp = 675;
+            } else if ( (diametroTmp > 695) && (diametroTmp <= 730) ) {
+                diametroTmp = 710;
+            } else if ( (diametroTmp > 730) && (diametroTmp <= 775) ) {
+                diametroTmp = 750;
+            } else if ( (diametroTmp > 775) && (diametroTmp <= 820) ) {
+                diametroTmp = 800;
+            } else if ( (diametroTmp > 820) && (diametroTmp <= 870) ) {
+                diametroTmp = 840;
+            } else if ( (diametroTmp > 870) && (diametroTmp <= 920) ) {
+                diametroTmp = 900;
+            } else if ( (diametroTmp > 920) && (diametroTmp <= 970) ) {
+                diametroTmp = 945;
+            } else if ( (diametroTmp > 970) && (diametroTmp <= 1030) ) {
+                diametroTmp = 1000;
+            } else if ( (diametroTmp > 1030) && (diametroTmp <= 1090) ) {
+                diametroTmp = 1065;
+            } else if ( (diametroTmp > 1090) && (diametroTmp <= 1160) ) {
+                diametroTmp = 1120;
+            } else if ( (diametroTmp > 1160) && (diametroTmp <= 1225) ) {
+                diametroTmp = 1200;
+            } else if ( (diametroTmp > 1225) && (diametroTmp <= 1255) ) {
+                diametroTmp = 1250;
+            } else if ( (diametroTmp > 1255) && (diametroTmp <= 1305) ) {
+                diametroTmp = 1260;
+            } else if ( (diametroTmp > 1305) && (diametroTmp <= 1375) ) {
+                diametroTmp = 1350;
+            } else if ( (diametroTmp > 1375) && (diametroTmp <= 1410) ) {
+                diametroTmp = 1400;
+            } else if ( (diametroTmp > 1410) && (diametroTmp <= 1460) ) {
+                diametroTmp = 1420;
+            } else if ( (diametroTmp > 1460) && (diametroTmp <= 1550) ) {
+                diametroTmp = 1500;
+            } else if ( (diametroTmp > 1550) && (diametroTmp <= 1640) ) {
+                diametroTmp = 1600;
+            } else if ( (diametroTmp > 1640) && (diametroTmp <= 1740) ) {
+                diametroTmp = 1680;
+            } else if ( (diametroTmp > 1740) && (diametroTmp <= 1840) ) {
+                diametroTmp = 1800;
+            } else if ( (diametroTmp > 1840) && (diametroTmp <= 1885) ) {
+                diametroTmp = 1875;
+            } else if ( (diametroTmp > 1885) && (diametroTmp <= 2050) ) {
+                diametroTmp = 2000;
+            } else if ( (diametroTmp > 2050) && (diametroTmp <= 2170) ) {
+                diametroTmp = 2100;
+            } else if ( (diametroTmp > 2170) && (diametroTmp <= 2370) ) {
+                diametroTmp = 2240;
+            } else if ( (diametroTmp > 2370) && (diametroTmp <= 2750) ) {
+                diametroTmp = 2500;
+            } else if ( (diametroTmp > 2501) && (diametroTmp <= 3000) ) {
+                diametroTmp = 2800;
+            }
+
+    		var arrAtenuador1000Hz = new Array(); // Contiene el valor de 1000Hz de los Posibles Atenuadores
+    		Object.keys(arrAtenuacion).forEach( function( array ) {
+				var idAtenuador = arrAtenuacion[array]['IDATENUACION'];
+				var vDiametroAte = arrAtenuacion[array]['DIAMETRO'];
+				var vLongitudAte = arrAtenuacion[array]['LONGITUD'];
+				var v1000Hz = arrAtenuacion[array]['1000Hz'];
+				if ( (vDiametroAte == diametroTmp) ) {
+					arrAtenuador1000Hz[idAtenuador] = v1000Hz; 
+				}
+			});
+
+    		var arrDiferencia = new Array();
+            var arrDiferenciaSort = new Array();
+    		if ( Object.keys(arrAtenuador1000Hz).length > 0 ) {
+    			Object.keys(arrAtenuador1000Hz).forEach( function( indice ) {
+    				var vAtenuadorSelect = arrAtenuador1000Hz[indice];
+    				var diferencia = "";
+    				if ( vAtenuador100Hz > vAtenuadorSelect ) {
+    					diferencia = vAtenuador100Hz - vAtenuadorSelect;
+    				} else {
+    					diferencia = vAtenuadorSelect - vAtenuador100Hz;
+    				}
+    				diferencia = parseFloat(diferencia);
+    				diferencia = diferencia.toFixed(presicionDecimales);
+    				arrDiferencia[indice] = diferencia;
+                    arrDiferenciaSort[indice] = diferencia;
+    			});
+    			arrDiferenciaSort.sort(deMenorAMayor);
+                function deMenorAMayor(elem1, elem2) {return elem1-elem2;}
+                var valMenorDif = arrDiferenciaSort[0];
+            	var idAtenuadorSelect = arrDiferencia.indexOf(valMenorDif);
+    		} else {
+    			var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0007 - Se Presento un Error a la hora de cargar los valores de los posibles atenuadores seleccionados.';
+		        arrErroresSistemaCalc['0007'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+    		}
+
+    		var arrAtenuador = new Array(); // Contiene los Datos del Atenuador Seleccionado
+			Object.keys(arrAtenuacion).forEach( function( array ) {
+				var idAtenuador = arrAtenuacion[array]['IDATENUACION'];
+				if ( (typeof idAtenuadorSelect != 'undefined') ) {
+					if ( idAtenuador == idAtenuadorSelect ) {
+						arrAtenuador = arrAtenuacion[array];
+					}
+				} else {
+					var strMensaje = "";
+		        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0008 - El valor del Atenuador Seleccionado no se definio correctamente.';
+			        arrErroresSistemaCalc['0008'] = strMensaje;
+			        mensajeErrorCalc ++ ;
+				}
+			});
+
+    		var arrLwAVentilador = new Array(); // Contiene los valores de LwA Ventilador - Atenuacion
+    		Object.keys(arrFrecuencias).forEach( function( indice ) {
+    			var frecuencia = arrFrecuencias[indice];
+    			var vlwFinal = arrLwFinal[frecuencia];
+    			var vAtenuador = arrAtenuador[frecuencia];
+    			if ( (typeof vlwFinal != 'undefined') || (typeof vAtenuador != 'undefined') ) {
+	    			var LwAVentilador = parseFloat(vlwFinal) - parseFloat(vAtenuador);
+	    			var cadenaOperacion = " " + vlwFinal + " - " + vAtenuador + " = " + LwAVentilador + " ";
+	    			LwAVentilador = parseFloat(LwAVentilador);
+	    			LwAVentilador = LwAVentilador.toFixed(presicionDecimales);
+	    			arrLwAVentilador[frecuencia] = LwAVentilador;
+	    		} else {
+	    			var strMensaje = "";
+		        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0009 - Los valores de LwFinal o deL Atenuador no se definieron correctamente.';
+			        arrErroresSistemaCalc['0009'] = strMensaje;
+			        mensajeErrorCalc ++ ;
+	    		}
+    		});
+
+    		// Determina el Rango de la Potencia Sonora para seleccionar la correcta
+    		if ( (typeof V != 'undefined') ) {
+    			if ( !isNaN(V) ) {
+    				var tmpPotenciaSonora = V;
+		    		if ( tmpPotenciaSonora <= 1000 ) {
+		    			searchPotenciaSonora = "<1000";
+		    		} else if ( (tmpPotenciaSonora > 1000) && (tmpPotenciaSonora <= 1500) ) {
+		    			searchPotenciaSonora = ">1000";
+		    		} else if ( (tmpPotenciaSonora > 1500) && (tmpPotenciaSonora <= 2000) ) {
+		    			searchPotenciaSonora = "<2000";
+		    		} else if ( (tmpPotenciaSonora > 2000) && (tmpPotenciaSonora <= 2500) ) {
+		    			searchPotenciaSonora = ">2000";
+		    		} else if ( (tmpPotenciaSonora > 2500) && (tmpPotenciaSonora <= 3000) ) {
+		    			searchPotenciaSonora = "<3000";
+		    		} else if ( tmpPotenciaSonora > 3000 ) {
+		    			searchPotenciaSonora = ">3000";
+		    		}
+    			}
+    		} else {
+    			var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0010 - El valor de la Velocidad de Flujo no se definio correctamente.';
+		        arrErroresSistemaCalc['0010'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+    		}
+
+    		var arrPotenciaSonoraSelect = new Array(); // Contiene los datos de la potencia sonora del atenuador seleccionado
+    		Object.keys(arrPotenciaSonora).forEach( function( array ) {
+    			var arrTmpPotencia = arrPotenciaSonora[array];
+    			var idPotenciaSonora = arrPotenciaSonora[array]['IDPOTSON'];
+    			var vFtMin = arrPotenciaSonora[array]['FTMIN'];
+    			if ( (typeof searchPotenciaSonora != 'undefined') ) {
+	    			if ( vFtMin == searchPotenciaSonora ) {
+	    				Object.keys(arrTmpPotencia).forEach( function( indice ) {
+	    					var valPotSonora = arrTmpPotencia[indice]; 
+	    					arrPotenciaSonoraSelect[indice] = valPotSonora;
+	    				});
+	    			}
+	    		} else { 
+	    			var strMensaje = "";
+		        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0011 - El valor para la Busqueda de la Potencia Sonora no se definio correctamente.';
+			        arrErroresSistemaCalc['0011'] = strMensaje;
+			        mensajeErrorCalc ++ ;
+	    		}
+    		});
+
+    		var arrSonidoRegenerado = new Array(); // Contiene los parametros de las frecuencias del atenuador
+    		if ( Object.keys(arrAtenuador1000Hz).length > 0 ) {
+	    		Object.keys(arrFrecuencias).forEach( function( indice ) {
+	    			var frecuencia = arrFrecuencias[indice];
+	    			arrSonidoRegenerado[frecuencia] = arrPotenciaSonoraSelect[frecuencia];
+	    		});
+	    	} else {
+	    		var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0012 - Los valores de las Frecuencias Hz del atenudor seleccionado, se no se cargaron correctamente.';
+		        arrErroresSistemaCalc['0012'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+	    	}
+
+    		var arrCorreccionArea = new Array(); // Contiene los datos de la correción del área
+    		for ( var i = 0; i < arrFrecuencias.length; i ++ ) {
+    			var frecuencia = arrFrecuencias[i];
+    			if ( (typeof A != 'undefined') ) {
+	    			var correcionArea = ( 10 * Math.log10(A) ) - 4.8;
+	    			var cadenaOperacion = "(10 x " + Math.log10(A) + ") - 4.8 ";
+	    			correcionArea = parseFloat(correcionArea);
+	    			correcionArea = correcionArea.toFixed(presicionDecimales);
+	    			arrCorreccionArea[frecuencia] = correcionArea;
+	    		} else {
+	    			var strMensaje = "";
+		        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0013 - El valor de la Área de Salida no se definio correctamente.';
+			        arrErroresSistemaCalc['0013'] = strMensaje;
+			        mensajeErrorCalc ++ ;
+	    		}
+    		}
+
+    		var arrSonidoMasCorrecion = new Array(); // Contiene los datos del Sonido más la correción del área
+    		for ( var i = 0; i < arrFrecuencias.length; i ++ ) {
+    			var frecuencia = arrFrecuencias[i];
+    			var valPotencioSonora = arrPotenciaSonoraSelect[frecuencia];
+    			var valCorrecionArea = arrCorreccionArea[frecuencia];
+    			if ( (typeof valPotencioSonora != 'undefined') || (typeof valCorrecionArea != 'undefined') ) {
+	    			sonidoMasCorrecion = parseFloat(valPotencioSonora) + parseFloat(valCorrecionArea);
+	    			var cadenaOperacion = " " + valPotencioSonora + " + " + valCorrecionArea + " = " + sonidoMasCorrecion + " ";
+	    			sonidoMasCorrecion = parseFloat(sonidoMasCorrecion);
+	    			sonidoMasCorrecion = sonidoMasCorrecion.toFixed(presicionDecimales);
+	    			arrSonidoMasCorrecion[frecuencia] = sonidoMasCorrecion;
+	    		} else {
+	    			var strMensaje = "";
+		        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0014 - El valor de la Potencia Sonora o de la Correción no se definieron correctamente.';
+			        arrErroresSistemaCalc['0014'] = strMensaje;
+			        mensajeErrorCalc ++ ;
+	    		}
+    		}
+
+    		var arrSumaLog = new Array(); // Contiene la suma logaritmica de los datos de LwA del ventilador y la Potencia Sonora del atenuador
+    		for ( var i = 0; i < arrFrecuencias.length; i ++ ) {
+    			if ( (Object.keys(arrLwAVentilador).length > 0) && (Object.keys(arrPotenciaSonoraSelect).length > 0) ) {
+	    			var frecuencia = arrFrecuencias[i];
+	    			var sumaLog = 10 * ( Math.log10( ( Math.pow( 10, (arrLwAVentilador[frecuencia]/10) ) ) + ( Math.pow( 10, (arrPotenciaSonoraSelect[frecuencia]/10) ) ) ) );
+	    			sumaLog = parseFloat(sumaLog);
+	    			sumaLog = sumaLog.toFixed(presicionDecimales);
+	    			arrSumaLog[frecuencia] = sumaLog;
+	    		} else {
+	    			var strMensaje = "";
+		        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0015 - Los valores LwAVentilador y de la Potencia Sonora no se definieron correctamente.';
+			        arrErroresSistemaCalc['0015'] = strMensaje;
+			        mensajeErrorCalc ++ ;
+	    		}
+    		}
+
+    		var arrEspectroResultante = new Array(); // Contiene los valor del Espectro Resultante
+    		for ( var i = 0; i < arrFrecuencias.length; i ++ ) {
+    			var frecuencia = arrFrecuencias[i];
+    			if ( (Object.keys(arrSumaLog).length > 0) && (Object.keys(arrPonderanciaA).length > 0) ) {
+	    			var espectroResultante = parseFloat(arrSumaLog[frecuencia]) + parseFloat(arrPonderanciaA[i]);
+	    			espectroResultante = parseFloat(espectroResultante);
+	    			espectroResultante = espectroResultante.toFixed(presicionDecimales);
+	    			arrEspectroResultante[frecuencia] = espectroResultante;
+	    		} else {
+	    			var strMensaje = "";
+		        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0016 - Los valores de la Suma Logaritmica y los de la Ponderancia A no se definieron correctamente.';
+			        arrErroresSistemaCalc['0016'] = strMensaje;
+			        mensajeErrorCalc ++ ;
+	    		}
+    		}
+
+    		if ( (Object.keys(arrEspectroResultante).length > 0) ) {
+	    		var sumaLogaritmica = 10 * ( Math.log10( Math.pow( 10, (arrEspectroResultante["63Hz"]/10) ) + Math.pow( 10, (arrEspectroResultante["125Hz"]/10) ) + Math.pow( 10, (arrEspectroResultante["250Hz"]/10) ) + Math.pow( 10, (arrEspectroResultante["500Hz"]/10) ) + Math.pow( 10, (arrEspectroResultante["1000Hz"]/10) ) + Math.pow( 10, (arrEspectroResultante["2000Hz"]/10) ) + Math.pow( 10, (arrEspectroResultante["4000Hz"]/10) ) + Math.pow( 10, (arrEspectroResultante["8000Hz"]/10) ) ) );
+	    		sumaLogaritmica = parseFloat(sumaLogaritmica);
+	    		sumaLogaritmica = sumaLogaritmica.toFixed(presicionDecimales);
+	    	} else {
+	    		var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0017 - A ocurrido un error al realizar el calcúlo del Espectro Resultante.';
+		        arrErroresSistemaCalc['0017'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+	    	}
+
+    		// Resultados
+    		if ( (Object.keys(arrLwFinal).length > 0) ) {
+	    		var sumaLogaritmicaLwFinal = 10 * ( Math.log10( Math.pow( 10, (arrLwFinal["63Hz"]/10) ) + Math.pow( 10, (arrLwFinal["125Hz"]/10) ) + Math.pow( 10, (arrLwFinal["250Hz"]/10) ) + Math.pow( 10, (arrLwFinal["500Hz"]/10) ) + Math.pow( 10, (arrLwFinal["1000Hz"]/10) ) + Math.pow( 10, (arrLwFinal["2000Hz"]/10) ) + Math.pow( 10, (arrLwFinal["4000Hz"]/10) ) + Math.pow( 10, (arrLwFinal["8000Hz"]/10) ) ) );
+	    		sumaLogaritmicaLwFinal = parseFloat(sumaLogaritmicaLwFinal);
+	    		sumaLogaritmicaLwFinal = sumaLogaritmicaLwFinal.toFixed(presicionDecimales);
+	    	} else {
+	    		var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0018 - Los valores de LwFinal no se cargaron de manera correcta.';
+		        arrErroresSistemaCalc['0018'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+	    	}
+
+	    	if ( (Object.keys(arrLwA).length > 0) ) {
+	    		var sumaLogaritmicaLwA = 10 * ( Math.log10( Math.pow( 10, (arrLwA["63Hz"]/10) ) + Math.pow( 10, (arrLwA["125Hz"]/10) ) + Math.pow( 10, (arrLwA["250Hz"]/10) ) + Math.pow( 10, (arrLwA["500Hz"]/10) ) + Math.pow( 10, (arrLwA["1000Hz"]/10) ) + Math.pow( 10, (arrLwA["2000Hz"]/10) ) + Math.pow( 10, (arrLwA["4000Hz"]/10) ) + Math.pow( 10, (arrLwA["8000Hz"]/10) ) ) );
+	    		sumaLogaritmicaLwA = parseFloat(sumaLogaritmicaLwA);
+	    		sumaLogaritmicaLwA = sumaLogaritmicaLwA.toFixed(presicionDecimales);
+	    	} else {
+	    		var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0019 - Los valores de LwA no se cargaron de manera correcta.';
+		        arrErroresSistemaCalc['0019'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+	    	}
+
+	    	if ( (typeof sumaLogaritmicaLwFinal != 'undefined') && (typeof valorPi != 'undefined') ) {
+	    		var resultadoPresionSonora = sumaLogaritmicaLwFinal - ( 10 * Math.log10( (4 * valorPi) * ( Math.pow(1.5, 2) / 2 ) ) );
+	    		resultadoPresionSonora = parseFloat(resultadoPresionSonora);
+	    		resultadoPresionSonora = resultadoPresionSonora.toFixed(presicionDecimales);
+	    	} else {
+	    		var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0020 - El valor de la sumaLogaritmicaLwFinal no se ddefinió correctamente.';
+		        arrErroresSistemaCalc['0020'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+	    	}
+
+	    	if ( (typeof sumaLogaritmicaLwA != 'undefined') && (typeof valorPi != 'undefined') ) {
+	    		var resultadoPresionSonoraA = sumaLogaritmicaLwA - ( 10 * Math.log10( (4 * valorPi) * ( Math.pow(1.5, 2) / 2 ) ) );
+	    		resultadoPresionSonoraA = parseFloat(resultadoPresionSonoraA);
+	    		resultadoPresionSonoraA = resultadoPresionSonoraA.toFixed(presicionDecimales);
+	    	} else {
+	    		var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0021 - El valor de la sumaLogaritmicaLwA no se definió correctamente.';
+		        arrErroresSistemaCalc['0021'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+	    	}
+
+    		if ( (Object.keys(arrSumaLog).length > 0) ) {
+	    		var sumaLogaritmicaLwAtenuado = 10 * ( Math.log10( Math.pow( 10, (arrSumaLog["63Hz"]/10) ) + Math.pow( 10, (arrSumaLog["125Hz"]/10) ) + Math.pow( 10, (arrSumaLog["250Hz"]/10) ) + Math.pow( 10, (arrSumaLog["500Hz"]/10) ) + Math.pow( 10, (arrSumaLog["1000Hz"]/10) ) + Math.pow( 10, (arrSumaLog["2000Hz"]/10) ) + Math.pow( 10, (arrSumaLog["4000Hz"]/10) ) + Math.pow( 10, (arrSumaLog["8000Hz"]/10) ) ) );
+	    		sumaLogaritmicaLwAtenuado = parseFloat(sumaLogaritmicaLwAtenuado);
+	    		sumaLogaritmicaLwAtenuado = sumaLogaritmicaLwAtenuado.toFixed(presicionDecimales);
+	    	} else {
+	    		var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0022 - El valor de la suma logaritmica no se definió correctamente.';
+		        arrErroresSistemaCalc['0022'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+	    	}
+
+	    	if ( (Object.keys(arrEspectroResultante).length > 0) ) {
+	    		var sumaLogaritmicaEspectroResultante= 10 * ( Math.log10( Math.pow( 10, (arrEspectroResultante["63Hz"]/10) ) + Math.pow( 10, (arrEspectroResultante["125Hz"]/10) ) + Math.pow( 10, (arrEspectroResultante["250Hz"]/10) ) + Math.pow( 10, (arrEspectroResultante["500Hz"]/10) ) + Math.pow( 10, (arrEspectroResultante["1000Hz"]/10) ) + Math.pow( 10, (arrEspectroResultante["2000Hz"]/10) ) + Math.pow( 10, (arrEspectroResultante["4000Hz"]/10) ) + Math.pow( 10, (arrEspectroResultante["8000Hz"]/10) ) ) );
+	    		sumaLogaritmicaEspectroResultante = parseFloat(sumaLogaritmicaEspectroResultante);
+	    		sumaLogaritmicaEspectroResultante = sumaLogaritmicaEspectroResultante.toFixed(presicionDecimales);
+	    	} else {
+	    		var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0022 - Los valores del Espectro Resultante no se cargaron de manera correcta.';
+		        arrErroresSistemaCalc['0022'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+	    	}
+
+	    	if ( (typeof sumaLogaritmicaLwAtenuado != 'undefined') && (typeof valorPi != 'undefined') ) {
+	    		var resultadoPresionSonoraAA = sumaLogaritmicaLwAtenuado - ( 10 * Math.log10( (4 * valorPi) * ( Math.pow(1.5, 2) / 2 ) ) ); // DATOS USUARIOS
+	    		resultadoPresionSonoraAA = parseFloat(resultadoPresionSonoraAA);
+	    		resultadoPresionSonoraAA = resultadoPresionSonoraAA.toFixed(presicionDecimales);
+	    	} else {
+	    		var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0023 - El valor de la sumaLogaritmicaLwAtenuado no se definió correctamente.';
+		        arrErroresSistemaCalc['0023'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+	    	}
+
+	    	if ( (typeof sumaLogaritmicaEspectroResultante != 'undefined') && (typeof valorPi != 'undefined') ) {
+	    		var resultadoPresionSonoraBB = sumaLogaritmicaEspectroResultante - ( 10 * Math.log10( (4 * valorPi) * ( Math.pow(1.5, 2) / 2 ) ) );
+	    		resultadoPresionSonoraBB = parseFloat(resultadoPresionSonoraBB);
+	    		resultadoPresionSonoraBB = resultadoPresionSonoraBB.toFixed(presicionDecimales);
+	    	} else {
+	    		var strMensaje = "";
+	        	strMensaje += 'SPJS.CALC.( ' + idModulo + ' ).0023 - El valor de la sumaLogaritmicaEspectroResultante no se definió correctamente.';
+		        arrErroresSistemaCalc['0023'] = strMensaje;
+		        mensajeErrorCalc ++ ;
+	    	}
+
+    		if ( (boolValido == true) && (mensajeErrorCalc == 0) ) {
+
+                inputJson( arrDatosDeEntrada, "DATOSENTRADA" );
+                inputJson( arrConversiones, "CONVERSIONES" );
+
+                document.getElementById('AREASALIDA').value = A;
+                document.getElementById('VFLUIDO').value = V;
+
+                inputJson( arrLw, "LW" );
+                inputJson( arrKw, "KW" );
+
+                inputJson( arrSonidoRegenerado, "SONIDOR" );
+                inputJson( arrCorreccionArea, "CORRECCION" );
+                inputJson( arrSonidoMasCorrecion, "SONMASCORR" );
+
+                inputJson( arrLwAVentiladorSeleccionado, "LWAV" );
+                inputJson( arrLwAVentilador, "LWAVA" );
+
+                inputJson( arrLwFinal, "LWFINALDATOS" );
+                document.getElementById('SUMALWFINAL').value = sumaLogaritmicaLwFinal;
+                inputJson( arrLwA, "LWADATOS" );
+                document.getElementById('SUMALWA').value = sumaLogaritmicaLwA;
+                document.getElementById('PRESON').value = resultadoPresionSonora;
+                document.getElementById('PRESONA').value = resultadoPresionSonoraA;
+                
+                inputJson( arrSumaLog, "LWFINALDATOSVA" );
+                document.getElementById('SUMALWFINALVA').value = sumaLogaritmicaLwAtenuado;
+                inputJson( arrEspectroResultante, "LWADATOSVA" );
+                document.getElementById('SUMALWAVA').value = sumaLogaritmicaEspectroResultante;
+                document.getElementById('PRESONVA').value = resultadoPresionSonoraAA;
+                document.getElementById('PRESONAVA').value = resultadoPresionSonoraBB;
+                inputJson( arrAtenuador, "ATENUADOR" );
+
+                document.getElementById("tablaResultados").innerHTML = " ";
+
+                document.getElementById("loading").style.display = 'block';
+
+                var strTablaResultados = '';
+                
+                var decimales = parseInt(2);
+
+                strTablaResultados += '<table class="table table-bordered" >';
+                    strTablaResultados += '<thead>';
+                        strTablaResultados += '<tr>';
+                            strTablaResultados += '<th scope="col" colspan="9">';
+                                strTablaResultados += '<center> <label> Espectro de Potencia Sonora Ventilador Lw </label> </center>';
+                            strTablaResultados += '</th>';
+                        strTablaResultados += '</tr>';
+                        strTablaResultados += '<tr>';
+                            Object.keys(arrFrecuencias).forEach( function( indice ) {
+                                strTablaResultados += '<td scope="col">';
+                                    strTablaResultados += '<center>'+arrFrecuencias[indice]+'</center>';
+                                strTablaResultados += '</td>';
+                            });
+                            strTablaResultados += '<td scope="col" colspan="8">';
+                                strTablaResultados += '<center> <label> Lw (dB) </label> </center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                    strTablaResultados += '</thead>';
+                    strTablaResultados += '<tbody>';
+                        strTablaResultados += '<tr>';
+                            Object.keys(arrLwFinal).forEach( function( indice ) {
+                                strTablaResultados += '<td scope="col">';
+                                    var lwFinal = arrLwFinal[indice];
+                                    lwFinal = parseFloat(lwFinal);
+                                    lwFinal = lwFinal.toFixed(decimales);
+                                    if ( isNaN(lwFinal) ) {
+                                        lwFinal = "0";
+                                    }
+                                    strTablaResultados += '<center>'+lwFinal+'</center>';
+                                strTablaResultados += '</td>';
+                            });
+                            strTablaResultados += '<td scope="col">';
+                                var sumaLogaritmicaLwFinal = sumaLogaritmicaLwFinal;
+                                sumaLogaritmicaLwFinal = parseFloat(sumaLogaritmicaLwFinal);
+                                sumaLogaritmicaLwFinal = sumaLogaritmicaLwFinal.toFixed(decimales);
+                                if ( sumaLogaritmicaLwFinal == "NaN" ) {
+                                    sumaLogaritmicaLwFinal = "0";
+                                }
+                                strTablaResultados += '<center>'+sumaLogaritmicaLwFinal+'</center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                    strTablaResultados += '</tbody>';
+
+                    strTablaResultados += '<thead>';
+                        strTablaResultados += '<tr>';
+                            strTablaResultados += '<td scope="col" colspan="9">';
+                                strTablaResultados += '<center> <label> Espectro de Potencia Sonora Ventilador Ponderación A Lw(A) </label> </center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                        strTablaResultados += '<tr>';
+                            Object.keys(arrFrecuencias).forEach( function( indice ) {
+                                strTablaResultados += '<td scope="col">';
+                                    strTablaResultados += '<center>'+arrFrecuencias[indice]+'</center>';
+                                strTablaResultados += '</td>';
+                            });
+                            strTablaResultados += '<td scope="col" colspan="8">';
+                                strTablaResultados += '<center> <label> Lw (dBA) </label> </center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                    strTablaResultados += '</thead>';
+                    strTablaResultados += '<tbody>';
+                        strTablaResultados += '<tr>';
+                            Object.keys(arrLwA).forEach( function( indice ) {
+                                strTablaResultados += '<td scope="col">';
+                                    var LwA = arrLwA[indice];
+                                    LwA = parseFloat(LwA);
+                                    LwA = LwA.toFixed(decimales);
+                                    if ( isNaN(LwA) ) {
+                                        LwA = "0";
+                                    }
+                                    strTablaResultados += '<center>'+LwA+'</center>';
+                                strTablaResultados += '</td>';
+                            });
+                            strTablaResultados += '<td scope="col">';
+                                var sumaLogaritmicaLwA = sumaLogaritmicaLwA;
+                                sumaLogaritmicaLwA = parseFloat(sumaLogaritmicaLwA);
+                                sumaLogaritmicaLwA = sumaLogaritmicaLwA.toFixed(decimales);
+                                if ( isNaN(sumaLogaritmicaLwA) ) {
+                                    sumaLogaritmicaLwA = "0";
+                                }
+                                strTablaResultados += '<center>'+sumaLogaritmicaLwA+'</center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                    strTablaResultados += '</tbody>';
+
+                    strTablaResultados += '<thead>';
+                        strTablaResultados += '<tr>';
+                            strTablaResultados += '<td scope="col" colspan="3">';
+                                strTablaResultados += '<center> Presión Sonora </center>';
+                            strTablaResultados += '</td>';
+                            strTablaResultados += '<td scope="col" colspan="6">';
+                                var presionSonora = resultadoPresionSonora;
+                                presionSonora = parseFloat(presionSonora);
+                                presionSonora = presionSonora.toFixed(decimales);
+                                if ( isNaN(presionSonora) ) {
+                                    presionSonora = "0";
+                                }
+                                strTablaResultados += '<center>'+presionSonora+'</center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                    strTablaResultados += '</thead>';
+                    strTablaResultados += '<thead>';
+                        strTablaResultados += '<tr>';
+                            strTablaResultados += '<td scope="col" colspan="9">';
+                                strTablaResultados += '<center> <label> Espectro de Potencia Sonora Ventilador con Atenuador Lw </label> </center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                        strTablaResultados += '<tr>';
+                            Object.keys(arrFrecuencias).forEach( function( indice ) {
+                                strTablaResultados += '<td scope="col">';
+                                    strTablaResultados += '<center>'+arrFrecuencias[indice]+'</center>';
+                                strTablaResultados += '</td>';
+                            });
+                            strTablaResultados += '<td scope="col" colspan="8">';
+                                strTablaResultados += '<center> <label> Lw (dBA) </label> </center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                    strTablaResultados += '</thead>';
+                    strTablaResultados += '<tbody>';
+                        strTablaResultados += '<tr>';
+                            Object.keys(arrSumaLog).forEach( function( indice ) {
+                                strTablaResultados += '<td scope="col">';
+                                    var LwFinalVa = arrSumaLog[indice];
+                                    LwFinalVa = parseFloat(LwFinalVa);
+                                    LwFinalVa = LwFinalVa.toFixed(decimales);
+                                    if ( isNaN(LwFinalVa) ) {
+                                        LwFinalVa = "0";
+                                    }
+                                    strTablaResultados += '<center>'+LwFinalVa+'</center>';
+                                strTablaResultados += '</td>';
+                            });
+                            strTablaResultados += '<td scope="col">';
+                                var sumaLogaritmicaLwFinalVa = sumaLogaritmicaLwAtenuado;
+                                sumaLogaritmicaLwFinalVa = parseFloat(sumaLogaritmicaLwFinalVa);
+                                sumaLogaritmicaLwFinalVa = sumaLogaritmicaLwFinalVa.toFixed(decimales);
+                                if ( sumaLogaritmicaLwFinalVa == "NaN" ) {
+                                    sumaLogaritmicaLwFinalVa = "0";
+                                }
+                                strTablaResultados += '<center>'+sumaLogaritmicaLwFinalVa+'</center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                    strTablaResultados += '</tbody>';
+
+                    strTablaResultados += '<thead>';
+                        strTablaResultados += '<tr>';
+                            strTablaResultados += '<td scope="col" colspan="9">';
+                                strTablaResultados += '<center> <label> Espectro de Potencia Sonora Ventilador con Atenuador Lw(A) </label> </center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                        strTablaResultados += '<tr>';
+                            Object.keys(arrFrecuencias).forEach( function( indice ) {
+                                strTablaResultados += '<td scope="col">';
+                                    strTablaResultados += '<center>'+arrFrecuencias[indice]+'</center>';
+                                strTablaResultados += '</td>';
+                            });
+                            strTablaResultados += '<td scope="col" colspan="8">';
+                                strTablaResultados += '<center> <label> Lw (dBA) </label> </center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                    strTablaResultados += '</thead>';
+                    strTablaResultados += '<tbody>';
+                        strTablaResultados += '<tr>';
+                            Object.keys(arrEspectroResultante).forEach( function( indice ) {
+                                strTablaResultados += '<td scope="col">';
+                                    var LwAVa = arrEspectroResultante[indice];
+                                    LwAVa = parseFloat(LwAVa);
+                                    LwAVa = LwAVa.toFixed(decimales);
+                                    if ( isNaN(LwAVa) ) {
+                                        LwAVa = "0";
+                                    }
+                                    strTablaResultados += '<center>'+LwAVa+'</center>';
+                                strTablaResultados += '</td>';
+                            });
+                            strTablaResultados += '<td scope="col">';
+                                var sumaLogaritmicaLwAVa = sumaLogaritmicaEspectroResultante;
+                                sumaLogaritmicaLwAVa = parseFloat(sumaLogaritmicaLwAVa);
+                                sumaLogaritmicaLwAVa = sumaLogaritmicaLwAVa.toFixed(decimales);
+                                if ( isNaN(sumaLogaritmicaLwAVa) ) {
+                                    sumaLogaritmicaLwAVa = "0";
+                                }
+                                strTablaResultados += '<center>'+sumaLogaritmicaLwAVa+'</center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                    strTablaResultados += '</tbody>';
+
+                    strTablaResultados += '<thead>';
+                        strTablaResultados += '<tr>';
+                            strTablaResultados += '<td scope="col" colspan="3">';
+                                strTablaResultados += '<center> Presión Sonora </center>';
+                            strTablaResultados += '</td>';
+                            strTablaResultados += '<td scope="col" colspan="6">';
+                                var presionSonoraVa = resultadoPresionSonoraAA;
+                                presionSonoraVa = parseFloat(presionSonoraVa);
+                                presionSonoraVa = presionSonoraVa.toFixed(decimales);
+                                if ( isNaN(presionSonoraVa) ) {
+                                    presionSonoraVa = "0";
+                                }
+                                strTablaResultados += '<center>'+presionSonoraVa+'</center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                    strTablaResultados += '</thead>';
+
+                    strTablaResultados += '<tfoot>';
+                        strTablaResultados += '<tr>';
+                            strTablaResultados += '<td colspan="9">';
+                                strTablaResultados += '<center> <label> Datos del Atenuador Seleccionado </label> </center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                        strTablaResultados += '<tr>';
+                            strTablaResultados += '<td scope="col" colspan="3">';
+                                strTablaResultados += '<center> Modelo </center>';
+                            strTablaResultados += '</td>';
+                            strTablaResultados += '<td scope="col" colspan="2" >';
+                                var modeloAtenuador = arrAtenuador['MODELO'];
+                                strTablaResultados += '<center>'+modeloAtenuador+'</center>';
+                            strTablaResultados += '</td>';
+                            strTablaResultados += '<td scope="col" colspan="3">';
+                                strTablaResultados += '<center> Longitud del Atenuador  </center>';
+                            strTablaResultados += '</td>';
+                            strTablaResultados += '<td scope="col" >';
+                                var longitudAtenuador = arrAtenuador['LONGITUD'];
+                                strTablaResultados += '<center>'+longitudAtenuador+' </center>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                        strTablaResultados += '<tr>';
+                            strTablaResultados += '<td colspan="9" style="text-align: right;">';
+                                strTablaResultados += '<button type="button" id="generaPDF" name="generaPDF" class="btn small validation-passed" onclick="transaccionPDF(\'GRAL\')" /> Generar PDF </button>';
+                            strTablaResultados += '</td>';
+                        strTablaResultados += '</tr>';
+                    strTablaResultados += '</tfoot>';
+                
+                strTablaResultados += '</table>';
+
+                require(["dojo/dom-construct", "dojo/dom", "dojo/on", "dojo/domReady!"],
+                function(domConstruct, dom, on){
+                    var row = domConstruct.toDom(strTablaResultados);
+                    domConstruct.place(row, "tablaResultados");
+                    document.getElementById("loading").style.display = 'none';
+                });
+
+                document.getElementById("TIPOV").focus();
+               	
+               	function onKeyDownHandler(event) {
+               		var t1 = 1;
+               		var accion = "";
+               		var codigo = event.which || event.keyCode;
+               		if ( ( t1 == 1) && ( codigo == 68 ) ){
+               			transaccionPDF( 'CALC' );
+               		}
+               	}
+				window.onkeydown = onKeyDownHandler;
+
+    		} else {
+    			var inputsValores = document.querySelectorAll('#frmPDFGeneral input[type="text"]');
+	        	for ( index = 0; index < inputsValores.length; ++index ) {
+	        		var idInput = inputsValores[index].getAttribute("name");
+	        		document.getElementById(idInput).value = "";	
+	        	}
+                var strMensaje = "";
+                strMensaje += 'Los datos de entrada son incorrectos. En caso de dudas, contacte al Departamento Comercial de S&P.';
+                alertify.confirm( 'Error...', strMensaje, function() {  }, 
+                    function() {  } ).set('labels', { ok: 'Continuar', cancel: 'Cancelar' } );
+                function onKeyDownHandler(event) {
+                    var t1 = 1;
+                    var accion = "";
+                    var codigo = event.which || event.keyCode;
+                    if ( ( t1 == 1) && ( codigo == 76 ) ){
+                        var error = "";
+                        Object.keys(arrErroresSistemaCalc).forEach( function( indice ) {
+                            error += arrErroresSistemaCalc[indice] + "<br>";
+                        });
+                        alertify.confirm( 'Errores...', error, function() {  }, 
+                            function() {  } ).set('labels', { ok: 'Continuar', cancel: 'Cancelar' } );
+                    }
+                }
+                window.onkeydown = onKeyDownHandler;
+    		}
+        }
+
+        function inputJson ( array, input ) { // Función para agregar JSON a los Input
+            var jObject = {};
+            for( i in array ){
+                jObject[i] = array[i];
+            }
+            jObject = JSON.stringify(jObject);
+            document.getElementById(input).value = jObject;
+        }
+
+        function transaccionPDF( tipoPDF ){ // Se Determina que PDF se va a descargar
+            document.getElementById('TRANSPDF').value = tipoPDF;
+            document.getElementById("frmPDFGeneral").submit();
+        }
+
+    </script>
+</html>

+ 190 - 0
calidad-medio-ambiente.php

@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Medio Ambiente – S&amp;P</title>
+  <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+
+  <link rel="apple-touch-icon" sizes="57x57"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-16x16.png">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage"
+  content="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+
+  
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+      <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+
+    </head>
+    <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+      <!-- aqui va el header -->
+      <?php include 'header.php' ?>
+
+      <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+            <a>Por qué S&P</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div>
+          <div class="std">
+            <div class="page-title dark">
+            <img alt="Producción,distribución y logística" src="media/home/categories_home/empresa/medio-ambiente.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1">Medio Ambiente</h1>
+              </div>
+            </div>
+            <div class="clearfix">&nbsp;</div>
+          </div>
+
+          <div class="bar-title">
+            <h2 class="h2">Medio Ambiente</h2>
+            <div class="container just">
+              <p> El camino que nos lleva al éxito.</p><br>
+              <p class="m-top20 m-bottom20"><b>LA CALIDAD COMO MEDIO PARA TRANSMITIR CONFIANZA.</b></p><br>
+              <p class="hcol-10-12" id="just"> <b style="color:#e3060a"> En Soler & Palau Ventilation Group </b> somos conscientes de que la calidad es garantía de éxito, por ello está definida como una cuestión de principios. Soler & Palau fue en 1989 la primera empresa española homologada por <b>AE­NOR</b>. Actualmente todos los centros productivos del Gru­po están certificados <b>ISO-9001</b></p>
+            </div>
+          </div>
+          <div class="container grid just">
+            <div class="hcol-10-12">
+              <p class="m-top10">
+                Asimismo, se han homo­logado sistemas de calidad para gamas de producto con ejecuciones especiales: Alta temperatura, <b>ATEX</b> y otros. </p>
+                <p class="m-top10">
+                  Desde el año 1992 el Laboratorio de Aerotécnica de <b style="color:#e3060a">Soler &. Palau Ventilation Group</b> está acreditado por ENAC para la realización de los ensayos de ventiladores en características, ruido y vibraciones de acuerdo a la norma <b>ISO/IEC 17025.</b>
+                </p>
+                <p class="m-top5"><br>
+                  En la actualidad nuestro Laboratorio está acreditado a nivel internacional por el organismo <b>ILAC-MIRA.</b><br>
+                  Y es que somos lo que hacemos. Pero también cómo lo hacemos. Por ello, en Soler & Palau nos enorgullece que la calidad sea uno de los pilares básicos en los que se sustenta nuestra compañía. El motor que aporta aire fresco al sector de la ventilación.
+
+                </p>
+              </div>
+            </div>
+
+            <div class="bar-title">
+              <h2 class="h2">Ecodiseño, centrados en la eficiencia energética</h2>
+              <div class="container just">
+                <p class="hcol-10-12">
+                  En la actualidad, no basta con fabricar productos fiables y de calidad. El ahorro energético y la eficiencia de los productos, tanto en términos aerodinámicos como acús­ticos, son un pilar básico en el diseño de nuestros produc­tos, de ahí la adopción del más acreditado software de simulación aerodinámica existente en el mercado.
+                </p>
+            </div>
+          </div>
+          <div class="container grid">
+           <div class="hcol-10-12 just">
+             <p class="m-top10">
+              El firme compromiso de todas las empresas de <b style="color:#e3060a">Soler & Palau Ventilation Group</b> con la eficiencia y el ahorro ener­gético, nos ha hecho adoptar lo que se denomina Eco­diseño como una filosofía ineludible a partir de la cual han nacido conceptos como la Demanda Controlada de Ventilación, los Sistemas Inteligentes de Control o pro­ductos específicamente diseñados para la recuperación de energía.
+            </p>
+            <p class="m-top10"><br>
+              En consecuencia con esta filosofía, los ingenieros de <b style="color:#e3060a"> Soler & Palau Ventilation Group</b> no sólo trabajan en los términos de eficiencia, sino teniendo en cuenta la reci­clabilidad de los componentes para evitar al máximo el impacto ambiental al final de la vida útil de los produc­tos.
+            </p>
+            <p class="m-top10"><br>
+              Es con base a esta convicción que podemos afirmar que <b style="color:#e3060a">  Soler & Palau Ventilation Group</b> entiende la sostenibilidad y el respeto por el medio ambiente como parte indispensable de cualquiera de nuestros procesos. Nuestra filosofía nos implica profundamente en el legado que vamos a dejar a nuestros hijos.
+            </p>
+            <div class="m-top20 m-bottom20">
+              Soler & Palau Ventilation Group  es la única empresa del sector certificada <b>ISO-14001</b> por la Gestión Ambiental: para ello se filtran los gases emitidos y se reciclan todos los residuos líquidos o sólidos que se generan en los procesos productivos, para proceder a su posterior reaprovechamiento.
+
+            </div>
+          </div>
+          </div>
+      </div>
+    </main>
+  </div>
+</div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+</script>
+
+
+</div>
+</div>
+</body>
+
+</html>

+ 138 - 0
calidad.php

@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html xml:lang="es" lang="es">
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Calidad – S&amp;P</title>
+  <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage"
+  content="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+
+  
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+
+      <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+
+    </head>
+    <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+      <!-- aqui va el header -->
+      <?php include 'header.php' ?>
+
+      <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+            <a>Por qué S&P</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div><div class="std"><div class="page-title dark">
+            <img alt="Producción,distribución y logística" src="media/home/categories_home/empresa/calidad.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1">Calidad</h1>
+              </div>
+            </div>
+          </div>
+          
+    
+      <div class="bar-title">
+        <h2 class="h2">Calidad</h2>
+        <div class="container just">
+          <p class="hcol-10-12 ">En Soler & Palau Ventilation Group somos conscientes de que la calidad es garantía de éxito, por ello está definida como una cuestión de principios. Soler & Palau fue en 1989 la primera empresa española homologada por AE­NOR. Actualmente todos los centros productivos del Grupo están certificados ISO-9001. Asimismo, se han homologado sistemas de calidad para gamas de producto con ejecuciones especiales: Alta temperatura, ATEX y otros.
+          </p>
+        </div>
+      </div>
+      <div class="container grid just">
+        <div class="hcol-10-12">
+         <p class="m-top10"> Desde 1994, Soler & Palau México es miembro AMCA y desde 2006 el Laboratorio de Aerotécnica está certificado ante AMCA, siendo uno de los cinco centros de I+D de Soler & Palau Ventilation Group con la certificación de este organismo.</p>
+
+         <p class="m-top10">Y es que somos lo que hacemos. Pero también cómo lo hacemos. Por ello, en Soler & Palau nos enorgullece que la calidad sea uno de los pilares básicos en los que se sustenta nuestra compañía. El motor que aporta aire fresco al sector de la ventilación.</p>
+       </div>
+     </div>
+
+     <div class="bar-title">
+       <h2 class="h2">Gestión de Calidad</h2>
+       <div class="container just">
+         <p class="hcol-10-12"> En Octubre de 2017 Soler & Palau México, realiza la auditoría de re-certificación en la nueva versión de la norma ISO-9001:2015 por parte de la entidad certificadora DQS UL.
+         La Dirección General, siguiendo los requisitos de la nueva versión ISO-9001:2015 informa que la política de calidad adaptada a esta norma se encuentra publicada en la página web para conocimiento y consulta de todas las partes interesadas.</p>
+       </div>
+     </div>
+     <div class="container grid just">
+        <div class="hcol-10-12 m-bottom30">
+        </div>
+      </div>
+      </div>                    
+
+      </main>
+    </div>
+  </div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+</script>
+
+
+</div>
+</div>
+</body>
+
+</html>

+ 158 - 0
casos-practicos.php

@@ -0,0 +1,158 @@
+<?php 
+require_once('shared/conexionBD.php');
+//encode utf8
+mysqli_query($conexion,"SET NAMES utf8");
+$query = "SELECT * FROM ITT_ASW_CPRA ORDER BY IDCP asc ";
+$resultado = mysqli_query($conexion, $query );
+$arrCasos = array();
+if($resultado) {
+  if(mysqli_num_rows($resultado) >0) {
+
+    while ($casos = mysqli_fetch_array($resultado,MYSQLI_ASSOC))
+    {
+      $arrCasos[] = $casos;
+    }
+  }else{
+    $strMensaje = "No tenemos casos prácticos disponibles.";
+
+  }
+}else{
+  $strMensaje = "Error al generar la consulta de casos prácticos disponibles, por favor reporte este problema.";
+}
+
+
+
+?>
+
+
+
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Casos Prácticos – S&amp;P</title>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+  <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  <!-- aqui va el header -->
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+            <a>Recursos</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div><div class="std"><p><div class="page-title dark">
+            <img alt="Casos Prácticos" src="media/home/categories_home/recursos/casos-practicos.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1">Casos Prácticos</h1>
+              </div>
+            </div>
+            <div class="clearfix">&nbsp;</div>
+          </div>
+          <div class="bar-title">
+            <h2 class="h2">Conoce, con casos reales, cómo plantear un sistema de ventilación</h2>
+            <div class="container">
+              <p class="hcol-10-12">A continuación le mostramos los últimos casos prácticos publicados por Soler &amp; Palau Ventilation Group. Si necesita consultar alguno de ellos, haga clic en el link y se abrirá en formato PDF.</p>
+            </div>
+          </div></p>
+          <div class="container grid">
+            <br>
+            <div class="hcol-12-12">
+              <ul>
+                <?php 
+                if (!empty($arrCasos)) {
+                  foreach ($arrCasos as $case):
+                   ?>
+                   <li class="hcol-1-1">
+                    <a href="<?php echo $case['ARCH']; ?>" target="_blank" class="pdf_red caso_practico">
+                      CP<?php echo $case['IDCP']." ".$case['TITU']; ?>           
+                    </a>
+                  </li>
+                <?php  endforeach; }else{
+                  echo "<h2 style='color:#f91143;'>".$strMensaje."</h2><br>";
+                }?>
+              </ul>
+            </div>
+          </div>
+        </div>                    
+      </main>
+    </div>
+  </div>
+</div> 
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+
+
+
+</div>
+</div>
+</body>
+
+</html>

+ 165 - 0
catalogo-corporativo.php

@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Catálogo Corporativo – S&amp;P</title>
+  <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+
+  <link rel="apple-touch-icon" sizes="57x57"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-16x16.png">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage"
+  content="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+
+  
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+      <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+
+    </head>
+    <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+      <!-- aqui va el header -->
+      <?php include 'header.php' ?>
+
+      <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+            <a>Por qué S&P</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div>
+          <div class="std">
+            <div class="page-title dark">
+            <img alt="Producción,distribución y logística" src="media/home/categories_home/empresa/catalogo-corporativo.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1">Catálogo Corporativo</h1>
+              </div>
+            </div>
+            <div class="clearfix">&nbsp;</div>
+          </div>
+
+          <div class="bar-title">
+            <h2 class="h2">S&P: Catálogo Corporativo</h2>
+            <div class="container">
+              <p class="hcol-8-12">S&P fue creada en la localidad de Ripoll (Girona) en 1951 por los ingenieros Eduard Soler y Josep Palau. Desde sus inicios hubo una clara visión de que el futuro dependía de la expansión exterior, inicialmente hacia Europa, para continuar en el resto de los mercados mundiales.</p>
+              <p class="hcol-4-12">
+                <a href="media/documents/pdf/CatalogoCorporativo.pdf" target="_blanck" title="Descarga el Catálogo Corporativo">
+                  <img class="img" src="media/img/download-catalogo.jpg" width="300px">
+                </a>
+              </p>
+            </div>
+          </div>
+
+          <div class="container grid">
+            <div class="hcol-12-12">
+              <div class="lien"></div>
+              <br/>
+            </div>
+          </div>
+
+          
+        </div>                    
+          <div class="lastParagraph"></div>
+      </main>
+    </div>
+  </div>
+</div>
+
+
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+
+
+</div>
+</div>
+</body>
+
+</html>

+ 179 - 0
catalogo.php

@@ -0,0 +1,179 @@
+<?php
+require_once 'shared/conexionBD.php';
+//encode utf8
+mysqli_query($conexion, "SET NAMES utf8");
+$query = "SELECT * FROM ITT_ASW_OTR_CAT ORDER BY IDCA desc ";
+$resultado = mysqli_query($conexion, $query) or die("ERROR #004 AL CONSULTAR LOS MANUALES");
+$arrCat = array();
+while ($catalogo = mysqli_fetch_array($resultado)) {
+    $arrCat[] = $catalogo;
+}
+?>
+
+
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+  
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Catálogo Corporativo – S&amp;P</title>
+  <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <meta name="theme-color" content="#ffffff">
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+
+      <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+
+    </head>
+    <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+      <!-- aqui va el header -->
+      <?php include 'header.php'?>
+
+      <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+            <a>Recursos</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div>
+
+          <div class="std">
+            <div class="page-title dark">
+              <img alt="Catalogo" src="media/home/categories_home/recursos/catalogos.jpg" />
+              <div class="page-title-container">
+                <div class="page-title-content container">
+                  <h1 class="h1">Catálogos</h1>
+                </div>
+              </div>
+              <div class="clearfix">&nbsp;</div>
+            </div>
+            <div class="bar-title">
+              <h2 class="h2">S&P: Catálogos</h2>
+              <div class="container m-bottom20">
+                <p class="hcol-10-12 ">Aquí encontrarás los catálogos disponibles de S&P México:.</p>
+
+              </div>
+
+            </div>
+
+            <div class="container grid">
+              <div class="hcol-6-12"><div class="product info" style="text-align: center;">
+                <a href="ASW/recursos/cata/General.pdf" target="_blank">
+                 <img class="wp-image-1670 aligncenter" style="display: block; margin: 0 auto;" alt="" src="media/img/catalogo-general.jpg" height="312" width="221"/>
+               </a>
+               <br/>
+               <br />
+               <b><a  href="ASW/recursos/cata/General.pdf" target="_blank">Catálogo General </a></b>
+               <br/>
+               <br/>
+             </div></div>
+             <div class="hcol-6-12"><div class="product info" style="text-align: center;">
+
+                <a href="ASW/recursos/cata/Industrial.pdf" target="_blank">
+                <img class="wp-image-1670 aligncenter" style="display: block; margin: 0 auto;" alt="" src="media/img/catalogo-industrial.jpg" height="312" width="221"/>
+                </a>
+                <br/>
+                <br /><a  href="ASW/recursos/cata/Industrial.pdf" target="_blank"><b>Catálogo Industrial </b></a><br />
+                <br/>
+              </div>
+            </div>
+          </div>
+          <div class="container grid certificaciones-block">
+            <div class="hcol-12-12">
+              <center><img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_certificate.svg" alt="Certificaciones" width="85px"></center>
+              <h1 class="certifications-title">OTROS CATÁLOGOS</h1>
+              <div class="certifications-columns-container-1 hcol-6-12 md-hcol-init">
+                <ul>
+                  <?php foreach ($arrCat as $case): ?>
+                    <li class="hcol-1-1">
+                      <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                      <a href="<?php echo $case['ARCH']; ?>" target="_blank" class="link-certifications caso_practico">
+                        <?php echo $case['TITU']; ?>
+                      </a>
+                    </li>
+                  <?php endforeach;?>
+                </ul>
+              </div>
+            </div>
+            <div class="hcol-12-12">
+          <p>&nbsp;</p>
+          <p class="m-top10">En el caso de necesitar otro catálogo, cont&aacute;ctenos enviando un e-mail a: <a style='color: #ca0119;' href='mailto:comercialmx@solerpalau.com' target='_blank'>comercialmx@solerpalau.com</a></p>
+          <div class="line">&nbsp;</div>
+        </div>
+          </div>
+
+
+
+      </main>
+    </div>
+  </div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php'?>
+</div>
+</div>
+</body>
+
+</html>

+ 236 - 0
catalogosearch.php

@@ -0,0 +1,236 @@
+<?php
+
+if (isset($_GET['pbusqueda'])) {
+  $Pbusqueda = $_GET['pbusqueda'];
+  //echo $Pbusqueda
+}else{
+  header('Location: 404.php');
+}
+
+
+?>
+
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Resultados de búsqueda</title>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+
+  
+  <meta name="theme-color" content="#ffffff">
+  <!-- bootstrap 4 -->
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  <!-- aqui va el header -->
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+         <li class="0" typeof="v:Breadcrumb">
+          <a href="index.php"
+          title="Inicio"
+          rel="v:url" property="v:title">
+        Inicio</a>
+        <div class="arrow-breadcrumbs-level3"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs.svg"/></div>
+        <div class="arrow-breadcrumbs-level2"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs-white.svg"/></div> &nbsp;
+
+        <li class="2">
+          <a href="#">Resultados de búsqueda</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <div class="main">
+    <div class="col-main">
+      <main>
+        <div id="overlaySearch" class="overlay">
+          <!-- Overlay content -->
+          <div id="searchResults" class="overlay-content grid"></div>
+        </div><div class="std">
+          <div class="page-title category-title dark">
+            <img src="https://statics.solerpalau.com/media//wysiwyg/post-venta/postventaslider1.png" alt="Search results">
+            <div class="category-title-container">
+              <div class="category-title-content container">
+                <h1 class="h1">Resultados de búsqueda</h1>
+              </div>
+            </div>
+          </div>
+
+
+          <div class="container grid">
+            <div class="row">
+              <?php 
+
+              $minus = strtolower($Pbusqueda); // Se transforma todas las letras a minúsculas 
+              $query  =" SELECT ID,LINEA,MODELO,SUBMODELO ";
+              $query .=" FROM ITT_ALP_GLOBAL ";
+              $query .=" WHERE MODELO <> 'Refacciones' AND MODELO <> 'MOTORES' AND MODELO <> 'TRANSMISIONES' AND  (lower(LINEA) LIKE '%".$minus."%' OR lower(MODELO) LIKE '%".$minus."%' OR lower(SUBMODELO) LIKE '%".$minus."%') ";
+
+              $resultadoM = mysqli_query($conexion, $query ) or die ( "Ups!, parece que algo ha ido mal con la búsqueda");
+              $modeloDatosA = array();
+              $arrIds = array();
+              $rutaImagenCompleta = "";
+              $rutaImagen = 'ALP/';
+              $ContarItemsdevueltos = 0;
+              while ($columnaM = mysqli_fetch_array( $resultadoM) )
+              {
+                $ContarItemsdevueltos = count($columnaM);
+                $linea = $columnaM['LINEA'];
+                $modelo = $columnaM['MODELO'];
+
+                //echo $modelo;
+
+                $submodelo = $columnaM['SUBMODELO'];
+                $modeloDatosA[] = $columnaM['SUBMODELO'];
+                //revisar las imagenes
+                $imagen = $columnaM['ID'].".jpg";
+                $fichero = $rutaImagen.$imagen;
+                if (file_exists($fichero)) {
+                  //comprobar si el archivo existe en la carpeta ALP
+                  $rutaImagenCompleta = "ALP/".$imagen;;
+                }
+                else{
+                    //si no existe dejar imagen por default
+                  $rutaImagenCompleta = 'media/noimagen.jpg';
+                }
+
+                if (empty($columnaM['LINEA'])) {
+                  echo "<p>No se han encontrado resultados de búsqueda</p>";
+                  
+                }
+                $queryGet = 'linea='.urlencode($linea).'&modelo='.urlencode($modelo).'&submodelo='.urlencode($submodelo);
+               
+                      ?>
+                      <div class="col-md-4">
+                        <div class="card hp-100">
+                          <p class="text-center producto">
+                            <a href="producto.php?<?php echo(htmlentities($queryGet)) ?>" title="<?php echo $submodelo ?>" >
+                              
+                              <img  id="img-producto" src="<?php echo $rutaImagenCompleta ?>"
+                              alt="<?php echo $submodelo ?>"  />
+                            
+                            </a> </p>
+                            <div class="product-info">
+                              <a href="" title="<?php echo $modelo ?>">
+                                <p class="text-center">
+                                  <b><?php echo $submodelo ?> </b>
+
+                                </p>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                        <?php
+                    
+                }
+                
+                ////////////////////////////////
+                // Calculadora de atenuadores //
+                ////////////////////////////////
+
+                $string = 'calculadora de atenuadores';
+                if(!stristr($string, $Pbusqueda) === FALSE) {
+                  
+                 echo " <div class='col-md-4'>
+                        <div class='card hp-100'>
+                          <p class='text-center producto'>
+                            <a href='atenuadores.php' title='Calculadora' >";
+
+                  echo "<svg aria-hidden='true' style='max-width: 150px; max-height: 150px;' focusable='false' data-prefix='fas' data-icon='calculator' class='svg-inline--fa fa-calculator fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='currentColor' d='M400 0H48C22.4 0 0 22.4 0 48v416c0 25.6 22.4 48 48 48h352c25.6 0 48-22.4 48-48V48c0-25.6-22.4-48-48-48zM128 435.2c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm0-128c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm128 128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm0-128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm128 128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8V268.8c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v166.4zm0-256c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8V76.8C64 70.4 70.4 64 76.8 64h294.4c6.4 0 12.8 6.4 12.8 12.8v102.4z'></path></svg>
+
+                  ";
+                   echo "  </a> </p>
+                      <div class='product-info'>
+                        <a href=' title='Calculadora'>
+                          <p class='text-center'>
+                            <b>Selecciona tu atenuador</b>
+
+                          </p>
+                        </a>
+                      </div>
+                    </div>
+                  </div>";
+                }
+
+
+                if ($ContarItemsdevueltos == 0) {
+                  echo "<p><strong>No se han encontrado coincidencias...</strong></p>";
+                } ?>
+
+              </div>
+              <br><br>
+            </div>
+            <div class="line"></div>
+          </div>
+
+        </div>                    
+
+      </main>
+    </div>
+  </div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+</script>
+
+
+</div>
+</div>
+</body>
+
+</html>

+ 232 - 0
certificaciones.php

@@ -0,0 +1,232 @@
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    <!--Producción-->
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', 'UA-125019062-2');
+    </script>
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+    <!-- [if IE]> -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta http-equiv="cleartype" content="on" />
+    <!-- <![endif] -->
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
+    <title>Certificaciones – S&amp;P</title>
+    <meta name="keywords" content="Magento, Varien, E-commerce" />
+    <meta name="robots" content="INDEX,FOLLOW" />
+    <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon" />
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="theme-color" content="#ffffff">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+    <script type="text/javascript">var $j = jQuery.noConflict();</script>
+    <script type="text/javascript" src="js/events.js"></script>
+    <!-- estilo princripal -->
+    <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+    <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9das=“font”>
+</head>
+
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+    <!-- aqui va el header -->
+    <?php include 'header.php' ?>
+
+    <script type="text/javascript">
+        if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+            HIB.menu.init();
+        }
+    </script>
+
+    <div class="main-container col1-layout">
+        <div class="breadcrumbs">
+            <div class="container">
+                <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+                    <li class="">
+                        <a>Por qué S&P</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="main">
+            <div class="col-main">
+                <main>
+                    <div id="overlaySearch" class="overlay">
+                        <!-- Overlay content -->
+                        <div id="searchResults" class="overlay-content grid"></div>
+                    </div>
+                    <div class="std">
+                        <p>
+                            <div class="page-title dark">
+                                <img alt="" src="media/home/categories_home/empresa/certificaciones.jpg" />
+                                <div class="page-title-container">
+                                    <div class="page-title-content container">
+                                        <h1 class="h1">Certificaciones</h1>
+                                    </div>
+                                </div>
+                                <div class="clearfix">&nbsp;</div>
+                            </div>
+                            <div class="bar-title">
+                                <h2 class="h2">Consulta las certificaciones obtenidas por S&P</h2>
+                                <div class="container just">
+                                    <p class="hcol-10-12">Existen varias a asociaciones nacionales e internacionales que
+                                        aportan certificados y documentos que acreditan fehacientemente el correcto
+                                        funcionamiento de distintas áreas y productos en las empresas. Entre ellas
+                                        encontramos La Asociación Española de Normalización y Certificación (Aenor),
+                                        entidad dedicada al desarrollo de la normalización y la certificación (N+C) en
+                                        todos los sectores industriales y de servicios.&nbsp; Otro organismo de carácter
+                                        internacional es La Organización Internacional de Normalización o ISO, organismo
+                                        encargado de promover el desarrollo de normas internacionales de fabricación
+                                        (tanto de productos como de servicios), comercio y comunicación para todas las
+                                        ramas industriales a excepción de la eléctrica y la electrónica. A continuación
+                                        le mostramos los certificados que se han otorgado a Soler & Palau Ventilation
+                                        Group.&nbsp;Si necesita consultar alguno de nuestros certificados, haga clic en
+                                        el link y se abrirá en formato PDF.</p>
+                                </div>
+                            </div>
+                        </p>
+                        <div class="container grid certificaciones-block">
+                            <div class="hcol-12-12">
+                                <center>
+                                    <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_certificate.svg" alt="Certificaciones" width="85px">
+                                </center>
+                                <h1 class="certifications-title">CERTIFICACIONES</h1>
+                                <div class="certifications-columns-container-1 hcol-6-12 md-hcol-init">
+                                    <ul>
+                                        <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/Certificado%20acreditacion%20por%20ENAC.pdf" target="_blank" class="link-certifications">Certificado Acreditación por ENAC</a>
+                                        </li>
+                                        <!-- <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/ISO-9001S&PSISTEMASVENTILACION.pdf" target="_blank" class="link-certifications ">
+                                                ISO-9001 S&P SISTEMAS VENTILACION
+                                            </a>
+                                        </li> -->
+                                        <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/C. Certificado ISO 14001_IQNET_ES-2003-0013_SP INDUSTRIES.pdf" target="_blank" class="link-certifications ">
+                                                ISO 14001 IQNET-S&P
+                                            </a>
+                                        </li>
+                                        <!--<li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/ISO14001-S&P.pdf" target="_blank" class="link-certifications ">
+                                                Certificado ISO 14001
+                                            </a>
+                                        </li>-->
+                                        <!--<li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/ISO14001IQNET-S&P.pdf" target="_blank" class="link-certifications">
+                                                ISO 14001 IQNET-S&P
+                                            </a>
+                                        </li>-->
+                                        <!-- <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/IQNet_10008221%20QM15_EN.pdf" target="_blank" class="link-certifications ">
+                                                IQNET ISO 9001:2015
+                                            </a>
+                                        </li> -->
+                                        <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/CERTIFICADO ISO 9001 2015 SyP.pdf" target="_blank" class="link-certifications ">
+                                                DQS UL ISO 9001:2015
+                                            </a>
+                                        </li>
+                                        <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/amca.pdf" target="_blank" class="link-certifications ">
+                                                Certificado Amca
+                                            </a>
+                                        </li>
+
+
+                                        <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/C. Certificado ISO 14001_AENOR_GA-2003-0013_SP INDUSTRIES.pdf" target="_blank" class="link-certifications ">
+                                                Certificado 14001
+                                            </a>
+                                        </li>
+                                        <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/leed.pdf" target="_blank" class="link-certifications ">
+                                                Certificado LEED
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="certifications-columns-container-2 hcol-6-12 md-hcol-init">
+                                    <ul>
+
+                                        
+                                        <!-- <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/CONSTANCIA_LAPEM_2021_2023.pdf" target="_blank" class="link-certifications ">
+                                                Certificado LAPEM
+                                            </a>
+                                        </li> -->
+                                        <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/CONSTANCIA LAPEM.pdf" target="_blank" class="link-certifications ">
+                                                Certificado LAPEM
+                                            </a>
+                                        </li>
+                                        <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/CERTIFICADO_WELL_HEALTH.pdf" target="_blank" class="link-certifications ">
+                                                Certificado Well Health
+                                            </a>
+                                        </li>
+
+                                        <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/CERTIFICADO EN 12101-3-2015 IFHT F400.pdf" target="_blank" class="link-certifications ">
+                                                Certificado en 12101-3-2015 IFHT F400
+                                            </a>
+                                        </li>
+                                        <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/CERTIFICADO EN 12101-3-2015 TJHU F300.pdf" target="_blank" class="link-certifications ">
+                                                Certificado en 12101-3-2015 TJHU F300
+                                            </a>
+                                        </li>
+                                        <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/CERTIFICADO EN 12101-3-2015 IFHT F300.pdf" target="_blank" class="link-certifications ">
+                                                Certificado en 12101-3-2015 IFHT F300
+                                            </a>
+                                        </li>
+                                        <li class="hcol-1-1">
+                                            <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                                            <a href="media/pdf_certi/CERTIFICADO EN 12101-3-2015 TJHU F400.pdf" target="_blank" class="link-certifications ">
+                                                Certificado en 12101-3-2015 TJHU F400
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="hcol-12-12">
+                                <p>&nbsp;</p>
+                                <div class="line">&nbsp;</div>
+                            </div>
+                        </div>
+                    </div>
+                </main>
+            </div>
+        </div>
+    </div>
+    <!-- aqui va el footer -->
+    <?php include 'footer.php' ?>
+</body>
+
+</html>

+ 249 - 0
comparador.php

@@ -0,0 +1,249 @@
+<?php 
+
+	require 'shared/extraeInfo.php';
+	$accesoPortal = new AccesoPortal();
+	error_reporting(0);
+
+	if (isset($_POST['compare'])) {
+		$arrComparador = json_decode($_POST['compare'],true);
+		$arrJson = $_POST['compare'];
+
+		if (!empty($arrComparador)) {
+			foreach ($arrComparador as $key => $datos) {
+				foreach ($datos as $key => $detalles) {
+					
+					$idx = $detalles['Id'];
+					$model = $detalles['Model'];
+					$serie = $detalles['codSerie'];
+					$categoria = $detalles['catId'];
+					
+					$imagen = $accesoPortal->compara($model,$idx,$serie,$categoria);
+				}
+			}
+
+			?>
+			<div class="row">
+				<div id="compare" class="section">
+					<div class="container title-only">
+						<div class="row">
+							<div class="col-md-12 section-title">
+								<h2 id="compare-fans-header">Comparar ventiladores</h2>
+								<hr>
+							</div>
+						</div>
+						<div class="saved-container">
+							<div class="row">
+								<div class="col-md-5">
+									<div class="saved-chart-container" style="margin-bottom:30px">
+									<?php if(!empty($imagen)) echo $imagen; ?>
+									</div>
+								</div>
+								<div class="col-md-7">
+									<div class="saved-grid-container">
+										<table id="saved-grid" style="width:100%;" class="table table-hover table-striped dt-responsive no-wrap">
+
+										</table>
+									</div>
+								</div>
+
+							</div>
+
+						</div>
+
+					</div>
+
+
+				</div>
+			</div>
+			<script>
+				
+				if (compareEnabled) {
+					$j("#saved-grid").DataTable({
+						language: {
+							url: 'js/0.js'
+						},
+						searching: false,
+						lengthChange: false,
+						data: [],
+						responsive: {
+							details: {
+								type: 'column'
+							},
+						},
+						rowId: 'RowId',
+						columns: [
+						{
+							title: "", data: "Id", orderable: false, render: function (data, type, full, meta) {
+								return "<a class=\"delete-saved\" style=\"cursor: pointer;\" onclick=\"removeFan(" + data + ")\" data-val=\"" + data + "\"><i class=\"fa fa-times\" aria-hidden=\"true\"></i></a>";
+							}
+						},
+						{ data: "Model", title: ColumnCode, visible: true },
+						{ data: "Description", title: ColumnDescription, visible: true }
+						/*{
+							title: "", data: "Id", orderable: false, render: function (data, type, full, meta) {
+								
+								return "<a style=\"cursor: pointer;\" class='tree quickview btn btn-primary btn-xs' data-val=\"" + data + "\"><i class=\"fa fa-search\" aria-hidden=\"true\"></i> " + ViewStr + "</a>";
+								// return ;
+							}
+						}*/
+
+						]
+					});				
+
+					var $grid = $j('#saved-grid').DataTable();
+					$grid.clear();
+
+					//pasamos el array de php a Js
+					var datos = '<?php echo $arrJson ?>';	
+
+					//le damos formato tipo json
+					var res = datos.split('"').join("'");
+					var json = JSON.stringify(eval("(" + res + ")"));
+					arrToJson = JSON.parse(json);
+
+					//los agregamos a la tabla
+					for (var i = 0; i < arrToJson.datos.length; i++) {
+						$grid.row.add(arrToJson.datos[i]).draw();
+
+					}
+					//desaparecer comparador si no tenemos datos
+					if (Object.keys(arrToJson.datos).length === 0) { 
+					$j("#comparador").hide();
+
+				}
+
+			}
+
+		</script>
+		<?php 
+
+		} 
+
+	} 
+
+	// Imprimimos el modelo en 3D
+	if (isset($_POST['url'])) {
+		$url = trim($_POST['url']);
+		// Mandamos a llamar el método getTablas
+		$accesoPortal->buscarInfo($url);
+	}
+
+	// Extraer la tabla de modelos
+	if (isset($_POST['table'])) {
+		$url = $_POST['table'];
+		extraerTabla($url);
+	}
+
+	function extraerTabla($url){
+
+		require_once 'shared/conexionBD.php';
+		//hacemos una consulta para obtener los modelos de hábitat
+		mysqli_query($conexion, "SET NAMES utf8");
+
+		$idProducto = $_POST['id'];
+		$queryConsulta = "SELECT IDPROD, DATATABLE, FECHAMOD FROM ITT_ASW_EASYVENT WHERE IDPROD = '" . trim($idProducto) . "'";
+		$resultado = mysqli_query($conexion, $queryConsulta) or die("Algo ha ido mal en la consulta a la base de datos");
+		$arrTabla = array();
+		while ($columna = mysqli_fetch_assoc($resultado)) {
+			$arrTabla[] = $columna;
+		}
+
+		if(!empty($arrTabla)){
+			echo $arrTabla[0]['DATATABLE'];
+		}/* else{
+			$exito = false;
+			$errorDescripcion = '';
+			// Los servidores se obtuvieron de la página https://www.proxyscan.io/ ** Todos son de México
+			$arrProxies = array(); // Lista de Proxies para realizar las peticiones
+			//$arrProxies[0]['proxyAndPuerto'] = '187.188.168.57:9991'; // No funciona (puede servir para realizar pruebas del ciclo)
+			//$arrProxies[0]['tipoProxy'] = CURLPROXY_SOCKS4;
+		
+			// $arrProxies[0]['proxyAndPuerto'] = '190.9.54.24:5678';
+			// $arrProxies[0]['tipoProxy'] = CURLPROXY_SOCKS4;
+			// $arrProxies[1]['proxyAndPuerto'] = '187.216.90.46:5678';
+			// $arrProxies[1]['tipoProxy'] = CURLPROXY_SOCKS4;
+			// $arrProxies[2]['proxyAndPuerto'] = '201.148.28.17:5678';
+			// $arrProxies[2]['tipoProxy'] = CURLPROXY_SOCKS4;
+			// $arrProxies[3]['proxyAndPuerto'] = '187.189.81.246:4153';
+			// $arrProxies[3]['tipoProxy'] = CURLPROXY_SOCKS4;
+			// $arrProxies[4]['proxyAndPuerto'] = '187.217.39.66:5678';
+			// $arrProxies[4]['tipoProxy'] = CURLPROXY_SOCKS4;
+			// $arrProxies[5]['proxyAndPuerto'] = '177.242.150.6:5678';
+			// $arrProxies[5]['tipoProxy'] = CURLPROXY_SOCKS4;
+		
+			// Proxy No Disponible
+			// $arrProxies[0]['proxyAndPuerto'] = '169.57.64.4:3128';
+			// $arrProxies[0]['tipoProxy'] = CURLPROXY_HTTP; 
+				
+			// Los servidores se obtuvieron de la página http://proxydb.net/?country=MX ** Todos son de México
+			$arrProxies[0]['proxyAndPuerto'] = '201.159.22.164:46809';
+			$arrProxies[0]['tipoProxy'] = CURLPROXY_SOCKS4;
+			$arrProxies[1]['proxyAndPuerto'] = '201.144.20.231:5678';
+			$arrProxies[1]['tipoProxy'] = CURLPROXY_SOCKS4;
+			$arrProxies[2]['proxyAndPuerto'] = '45.167.253.129:999';
+			$arrProxies[2]['tipoProxy'] = CURLPROXY_HTTPS;
+			
+			$totalProxies = count($arrProxies) - 1;
+		
+			for ($i = 0; $i <= $totalProxies; $i++) {
+				//echo $arrProxies[$i]['proxyAndPuerto'].'<br>';
+				$ch = curl_init();
+				curl_setopt($ch, CURLOPT_URL, $url);                                 // Dirección URL a capturar
+				curl_setopt($ch, CURLOPT_PROXY, $arrProxies[$i]['proxyAndPuerto']);  // El proxy HTTP para enviar peticiones a través de tunel.
+				curl_setopt($ch, CURLOPT_PROXYTYPE, $arrProxies[$i]['tipoProxy']);   // Puede ser CURLPROXY_HTTP (por defecto), CURLPROXY_SOCKS4, CURLPROXY_SOCKS5, CURLPROXY_SOCKS4A o CURLPROXY_SOCKS5_HOSTNAME
+				curl_setopt($ch, CURLOPT_TIMEOUT, 60);                         		 // Número máximo de segundos permitido para ejectuar funciones cURL
+				curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 60);                  		 // Número de segundos a esperar cuando se está intentado conectar. Use 0 para esperar indefinidamente
+				curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);                		 // "true" para seguir cualquier encabezado "Location: " que el servidor envíe como parte del encabezado HTTP (observe la recursividad, PHP seguirá tantos header "Location: " como se envíen, a no ser que la opción CURLOPT_MAXREDIRS esté establecida)
+				//curl_setopt($ch, CURLOPT_MAXREDIRS, 10);                           // Número máximo de redirecciones HTTP a seguir. Use esta opción con CURLOPT_FOLLOWLOCATION
+				curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);                		 // "true" para devolver el resultado de la transferencia como string del valor de curl_exec() en lugar de mostrarlo directamente
+				$data = curl_exec($ch);                                              // Ejecuta la sesión cURL que se le pasa como parámetro
+				$httpcode = curl_getinfo($ch, CURLINFO_HTTP_CODE);                   // Obtener información sobre una transferencia específica -> El último código de respuesta. A partir de PHP 5.5.0 y cURL 7.10.8, este es un alias heredado de CURLINFO_RESPONSE_CODE
+				curl_close($ch);                                                     // Cierra la sesión cURL
+		
+				if (($httpcode >= 200) && ($httpcode < 300)) {
+					$contenido = $data;
+		
+					if ($contenido) {
+						$tablaHTML = "<div class='section section-grey'>";
+						$seccionGris = strstr($contenido, "section section-grey");
+						$removeFooter = strstr($seccionGris, "section cookie-warning", true);
+						$tablaHTML .= ("<div class=\" " . $removeFooter . "\" >");
+						$tablaHTML .= "</div>";
+
+						$tablaHTML = str_replace("'", '"', $tablaHTML);
+
+						$exito = true;
+
+						$idProducto = $_POST['id'];
+
+						$fechaMod = date("Y-m-d H:i:s");
+						// $queryUpdate = "UPDATE ITT_ASW_EASYVENT SET DATATABLE = '" . trim($tablaHTML) . "', FECHAMOD = '" . trim($fechaMod) . "' WHERE (IDPROD = '" . trim($idProducto) . "');";
+						$queryInsert = "INSERT INTO ITT_ASW_EASYVENT (IDPROD, DATATABLE, FECHAMOD) VALUES ('" . trim($idProducto) . "', '" . trim($tablaHTML) . "', '" . trim($fechaMod) . "');";
+						if (mysqli_query($conexion, $queryInsert)) {
+							var_dump('TEST REGISTRO');
+						}
+
+						echo $queryInsert;
+
+					} else {
+						$exito = false;
+					}
+					goto fin_extraerTabla;
+				}else{
+					$exito = false;
+				}
+		
+			} // Fin del ciclo
+		
+			fin_extraerTabla :
+			if($exito == false){
+				if(empty($errorDescripcion)){
+					echo "<p style='text-align: center;'>Los servidores proxy dejarón de funcionar. Por favor contacte con al administrador del sistema si el problema continua.</p>";
+				}else{
+					echo $errorDescripcion;
+				}
+			}
+		} */
+	}
+
+?>

+ 192 - 0
comparador_BKP.php

@@ -0,0 +1,192 @@
+<?php
+
+require 'shared/extraeInfo.php';
+$accesoPortal = new AccesoPortal();
+error_reporting(0);
+
+if (isset($_POST['compare'])) {
+	$arrComparador = json_decode($_POST['compare'],true);
+	$arrJson = $_POST['compare'];
+
+	if (!empty($arrComparador)) {
+		foreach ($arrComparador as $key => $datos) {
+			foreach ($datos as $key => $detalles) {
+
+				$idx = $detalles['Id'];
+				$model = $detalles['Model'];
+				$serie = $detalles['codSerie'];
+				$categoria = $detalles['catId'];
+
+				$imagen = $accesoPortal->compara($model,$idx,$serie,$categoria);
+			}
+		}
+
+		?>
+		<div class="row">
+			<div id="compare" class="section">
+				<div class="container title-only">
+					<div class="row">
+						<div class="col-md-12 section-title">
+							<h2 id="compare-fans-header">Comparar ventiladores</h2>
+							<hr>
+						</div>
+					</div>
+					<div class="saved-container">
+						<div class="row">
+							<div class="col-md-5">
+								<div class="saved-chart-container" style="margin-bottom:30px">
+								<?php if(!empty($imagen)) echo $imagen; ?>
+								</div>
+							</div>
+							<div class="col-md-7">
+								<div class="saved-grid-container">
+									<table id="saved-grid" style="width:100%;" class="table table-hover table-striped dt-responsive no-wrap">
+
+									</table>
+								</div>
+							</div>
+
+						</div>
+
+					</div>
+
+				</div>
+
+
+			</div>
+		</div>
+		<script>
+
+			if (compareEnabled) {
+				$j("#saved-grid").DataTable({
+					language: {
+						url: 'js/0.js'
+					},
+					searching: false,
+					lengthChange: false,
+					data: [],
+					responsive: {
+						details: {
+							type: 'column'
+						},
+					},
+					rowId: 'RowId',
+					columns: [
+					{
+						title: "", data: "Id", orderable: false, render: function (data, type, full, meta) {
+							return "<a class=\"delete-saved\" style=\"cursor: pointer;\" onclick=\"removeFan(" + data + ")\" data-val=\"" + data + "\"><i class=\"fa fa-times\" aria-hidden=\"true\"></i></a>";
+						}
+					},
+					{ data: "Model", title: ColumnCode, visible: true },
+					{ data: "Description", title: ColumnDescription, visible: true }
+					/*{
+						title: "", data: "Id", orderable: false, render: function (data, type, full, meta) {
+
+							return "<a style=\"cursor: pointer;\" class='tree quickview btn btn-primary btn-xs' data-val=\"" + data + "\"><i class=\"fa fa-search\" aria-hidden=\"true\"></i> " + ViewStr + "</a>";
+							// return ;
+						}
+					}*/
+
+					]
+				});
+
+				var $grid = $j('#saved-grid').DataTable();
+				$grid.clear();
+
+				//pasamos el array de php a Js
+				var datos = '<?php echo $arrJson ?>';
+
+				//le damos formato tipo json
+				var res = datos.split('"').join("'");
+				var json = JSON.stringify(eval("(" + res + ")"));
+				arrToJson = JSON.parse(json);
+
+				//los agregamos a la tabla
+				for (var i = 0; i < arrToJson.datos.length; i++) {
+					$grid.row.add(arrToJson.datos[i]).draw();
+
+				}
+				//desaparecer comparador si no tenemos datos
+				if (Object.keys(arrToJson.datos).length === 0) {
+				$j("#comparador").hide();
+
+			}
+
+		}
+
+	</script>
+	<?php
+
+	}
+
+}
+
+//Imprimimos el modelo en 3D
+if (isset($_POST['url'])) {
+ 	$url = trim($_POST['url']);
+	//Mandamos a llamar el método getTablas
+	 $accesoPortal->buscarInfo($url);
+}
+
+// Extraer la tabla de modelos
+if (isset($_POST['table'])) {
+   $url = $_POST['table'];
+   extraerTabla($url);
+
+}
+
+
+function extraerTabla($url)
+{
+    //echo $url;
+
+    for ($i = 0; $i <= 5; $i++) {
+
+        $arrProxies[0] = '187.188.168.57:9991';
+        $arrProxies[1] = '148.217.94.54:3128';
+        $arrProxies[2] = '187.189.96.94:9991';
+        $arrProxies[3] = '187.162.11.94:3128';
+        $arrProxies[4] = '177.234.0.218:43173';
+        $arrProxies[5] = '187.178.238.177:3629';
+
+        $proxy = $arrProxies[$i];
+        $proxy = explode(":", $proxy);
+        $ch = curl_init($proxy[0]);
+        curl_setopt($ch, CURLOPT_TIMEOUT, 10);
+        curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 10);
+        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
+        $data = curl_exec($ch);
+        $httpcode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+
+        if ($httpcode >= 200 && $httpcode < 300) {
+            $proxyN = 'tcp://' . $arrProxies[$i];
+            $context = array(
+                'http' => array(
+                    'proxy' => $proxyN,
+                    'request_fulluri' => True,
+                ),
+            );
+
+            $context = stream_context_create($context);
+            $contenido = file_get_contents($url, False, $context);
+            if ($contenido) {
+                $tablaHTML = "<div class='section section-grey'>";
+                $seccionGris = strstr($contenido, "section section-grey");
+                $removeFooter = strstr($seccionGris, "section cookie-warning", true);
+                $tablaHTML .= ("<div class=\" " . $removeFooter . "\" >");
+                $tablaHTML .= "</div>";
+                echo $tablaHTML;
+            } else {
+                echo "<p style='text-align: center;'>El contenido no fue cargado correctamente, recargue la página.</p>";
+                // $archivoActual = $_SERVER['PHP_SELF'];
+                // header("refresh:1;url=".$archivoActual." ");
+            }
+            break;
+        } else {
+            $i = 0;
+        }
+    }
+    curl_close($ch);
+}
+
+?>

+ 9 - 0
composer.json

@@ -0,0 +1,9 @@
+{
+    "require-dev": {
+        "squizlabs/php_codesniffer": "^3.6",
+        "phpcompatibility/php-compatibility": "^9.3"
+    },
+	"scripts": {
+        "sniffer:php8": "phpcs -p ./ --standard=vendor/phpcompatibility/php-compatibility/PHPCompatibility --runtime-set testVersion 8.0"
+    }
+}

+ 682 - 0
contacto.php

@@ -0,0 +1,682 @@
+<?php 
+require_once('shared/conexionBD.php');
+
+//encode utf8
+mysqli_query($conexion,"SET NAMES utf8");
+
+$errorEtiqueta = false;
+if(isset($_POST['data-contactar'])){
+  $dataContactar = $_POST['data-contactar'];
+  $dataContactar = base64_decode($dataContactar);
+
+  $errorEtiqueta = !empty($dataContactar);
+}
+
+$query = "SELECT * FROM ITT_CONFIG_PAISES ORDER BY NOMBRE asc ";
+$resultado = mysqli_query($conexion, $query );
+$arrPaises = array();
+if($resultado) {
+  if(mysqli_num_rows($resultado) >0) {
+    while ($rowPaises = mysqli_fetch_assoc( $resultado) )
+    {
+      $arrPaises[] = $rowPaises;
+    }
+  }else{
+    $strMensaje = "No tenemos paises disponibles.";
+
+  }
+}else{
+  $strMensaje = "Error al generar la consulta para obtener los Paises, por favor reporte este problema.";
+}
+
+
+$queryEstados = "SELECT IDESTADO,ESTADO FROM ITT_ASW_ZONAS ORDER BY ESTADO asc ";
+$resultado = mysqli_query($conexion, $queryEstados );
+$arrEstados = array();
+if($resultado) {
+  if(mysqli_num_rows($resultado) >0) {
+    while ($rowEst = mysqli_fetch_assoc( $resultado) )
+    {
+      $arrEstados[] = $rowEst;
+    }
+  }else{
+    $strMensaje = "No tenemos paises disponibles.";
+
+  }
+}else{
+  $strMensaje = "Error al generar la consulta para obtener los Paises, por favor reporte este problema.";
+  }
+
+?>
+
+
+
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+   
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Contacto – S&amp;P</title>
+  <meta name="keywords" content="E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+  <!-- estilo secundario (necesario) -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script  src="js/events.js"></script>
+  <script  src="js/prueba.js"></script>
+  <!-- Mapas -->
+  <script src="https://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/maphilight/1.4.0/jquery.maphilight.js"></script>
+
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+
+  </script>
+
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  <!-- aqui va el header -->
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul>
+          <li class="">
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div><div class="std"><div class="page-title dark">
+            <img alt="Contacto" src="media/home/categories_home/recursos/Contacto.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1">Contacto</h1>
+              </div>
+            </div>
+          </div>
+          <div class="bar-title cms-footer-links">
+            <center>
+              <h2 class="h2-2"><i class="fas fa-angle-right fa-1x" aria-hidden="true" style="color:#00cc6a"></i> Los asesores comerciales de S&P pueden proporcionar </h2>
+              <ul class="link m-top20" style="color: rgb(138, 138, 138);">
+                <li class="hcol-1-1">
+                 Asesoría técnica y de selección de productos  
+               </li>
+               <li class="hcol-1-1">
+                Distribuidores autorizados de S&P 
+              </li>
+              <li class="hcol-1-1">
+               Capacitaciones sobre ventilación y equipos S&P 
+             </li>
+             <li class="hcol-1-1">
+               Catálogos y literatura de S&P
+             </li>
+             <li class="hcol-1-1">
+              Servicio postventa para productos de S&P
+             </li>
+           </ul>
+         </center>
+       </div>
+       <br><br>
+       <div class="page-title-container ">
+        <div class="grid grid-pad hcol-5-12 column">
+          <!-- formulario de contacto -->
+          <div class="grid">
+          <h2 class="h2-2 m-bottom20 m-top20">¿No has encontrado lo que buscas?</h2>
+          <p class="m-bottom20">Contacta con nosotros y te ayudaremos</p>
+            <form  id="enviarFormulario" method="post">
+
+              <input type="hidden" id="ipCliente" name="ipCliente">
+              <input type="hidden" name="recaptcha_response" id="recaptchaResponse">
+
+              <div class="form-group hcol-1-1">
+                <label for="need"  >Necesito *</label>
+                <div class="custom-select">
+                  <select class="required-entry  validate-no-html-tags form-control " name="necesito" id="necesito" required="true">
+                    <?php if($errorEtiqueta) { ?>
+                        <option value='Etiquetas QR' selected style="color: #cccccc">Etiquetas QR</option>
+                    <?php } else { ?>
+                        <option value='' selected disabled style="color: #cccccc">Indícanos en que te podemos ayudar</option>
+                    <?php } ?>
+                    <option value='Información de un producto'>Información de un producto</option>
+                    <option value='Asesoría técnica'> Asesoría técnica</option>
+                    <option value='Soporte o servicio'> Soporte o servicio</option>
+                    <option value='Software de atenuadores'> Software de atenuadores</option>
+                    <option value='Otros'>Otros</option>
+                  </select>
+                </div>
+              </div>
+
+              <div class="form-group hcol-6-12">
+                <label for="name">Nombre *</label><input class="required-entry input-text  validate-no-html-tags form-control " name="nombre" id="nombre" type="text" required="true" />
+
+              </div>
+              <div class="form-group hcol-6-12">
+                <label for="lastname"  >Apellidos *</label><input class="required-entry input-text  validate-no-html-tags form-control " name="apellido" id="apellido" type="text" required="true" />
+              </div>
+              
+              <div class="form-group hcol-1-1">
+                <label for="need"  >Actividad Profesional: *</label>
+                <div class="custom-select">
+                  <select class="required-entry  validate-no-html-tags form-control " name="giro" id="giro" required="true">
+                    
+                    <option value='' selected disabled style="color: #cccccc">Indícanos la actividad profesional</option>
+
+                    <option value='Academico'> Académico</option>
+                    <option value='Agropecuaria'> Agropecuaria</option>
+                    <option value='Arquitecto'> Arquitecto</option>
+                    <option value='Comprador'> Comprador</option>
+                    <option value='Constructor'> Constructor</option>
+                    <option value='Distribuidor'> Distribuidor</option>
+                    <option value='Estudiante'> Estudiante</option>
+                    <option value='Ganadero'> Ganadero</option>
+                    <option value='Hotelero'> Hotelero</option>
+                    <option value='HVAC'> HVAC</option>
+                    <option value='Industria'> Industria</option>
+                    <option value='Ingeniería'> Ingeniería</option>
+                    <option value='Instalador'> Instalador</option>
+                    <option value='Mantenimiento'> Mantenimiento</option>
+                    <option value='OEM'> OEM</option>
+                    <option value='Personal'> Personal</option>
+                    <option value='Proyectista'> Proyectista</option>
+                    <option value='Taller'> Taller</option>
+                    <option value='Otros'> Otros</option>
+
+                  </select>
+                </div>
+              </div>
+
+              <div class="form-group hcol-1-1">
+                <label for="company"  >Empresa</label><input class="required-entry input-text  validate-no-html-tags form-control " name="empresa" id="empresa" type="text" required="true"/>
+              </div>
+
+              <div class="form-group hcol-1-1">
+                <label for="address"  >Dirección</label><input class="required-entry input-text  validate-no-html-tags form-control " name="direccion" id="direccion" type="text"  required="true"/>
+
+              </div>
+              <div class="form-group hcol-6-12">
+                <label for="postalcode"  >Código Postal</label><input class="required-entry input-text  validate-no-html-tags form-control " name="cp" id="cp" type="text" required="true" maxlength="5" />
+
+              </div>
+              <div class="form-group hcol-6-12">
+                <label for="city"  >Ciudad</label><input class="required-entry input-text  validate-no-html-tags form-control " name="ciudad" id="ciudad" type="text" required="true"/>
+
+              </div>
+              <div class="form-group hcol-6-12">
+                <label for="need" >País</label>
+                <div class="custom-select">
+                  <select class="required-entry  validate-no-html-tags form-control " name="pais" id="pais" required="true">
+                   <option value='' selected disabled style="color: #cccccc">Selecciona un País</option>
+                   <option value='MEXICO'>MÉXICO</option>
+                   <?php
+                   foreach ($arrPaises as $pais) {
+                    if ($pais['IDPAIS'] != 'MX') {
+                     echo "<option value='".$pais['NOMBRE']."'>".$pais['NOMBRE']."</option>";
+                   }
+                 }
+                 ?>
+               </select>
+             </div>
+           </div>
+           <div class="form-group hcol-6-12">
+            <label for="phone"  >Teléfono</label><input class="required-entry input-text  validate-no-html-tags form-control " name="telefono" id="telefono" type="text" required="true" maxlength="10" />
+
+          </div>
+          <div class="form-group hcol-1-1" id="divEstado">
+           <label for="need" >Estado</label>
+           <div class="custom-select">
+             <select class="required-entry  validate-no-html-tags form-control " name="estado" id="estado" required="true">
+              <option value='' selected disabled style="color: #cccccc">Selecciona un estado</option>
+              <?php
+              foreach ($arrEstados as $estado) {
+                echo "<option value='".$estado['ESTADO']."'>".$estado['ESTADO']."</option>";
+              }
+              ?>
+            </select>
+          </div>
+        </div>
+        <div class="form-group hcol-1-1">
+          <label for="email"  >Correo electrónico</label><input class="required-entry input-text  validate-no-html-tags form-control " name="email" id="email" type="email" required="true" />
+
+        </div>
+        <div class="form-group hcol-1-1">
+          <label for="comments" >Comentarios</label>
+          <textarea class="required-entry  validate-no-html-tags form-control " name="comentarios" id="comentarios" maxlength="80">
+          </textarea>
+        </div>
+        <div class="form-group hcol-1-1 checkbox">
+          <input class="required-entry  validate-no-html-tags form-control underline" name="aceptar_condiciones" id="aceptar_condiciones" type="checkbox" required="true" />
+          <label for="aceptar_condiciones"  >Acepto los <a class="underline" href="terminos-condiciones.php" target="_blank">términos y condiciones</a></label>
+        </div>
+        <div class="hcol-3-1">
+          <button type="submit" id="enviar" name="enviar"  class="btn small validation-passed">Enviar
+          </button>
+        </div>
+        <div class="hcol-9-12" id="loading">
+          <img src="media/img/loader2.gif" width="41px">
+        </div>
+      </form>
+    </div>
+  </div>
+  <div class="grid grid-pad hcol-7-12 column" id="ZonaMapa">
+    <!-- mapa con zona -->
+    <div class="grid">
+    <div class="hcol-1-1">
+      <p class="h2-2 m-bottom20 m-top20">Ubicación</p>
+      <p class="m-bottom20">Haz clic sobre el estado para ver información del asesor S&P</p>
+      <div class="mapa">
+        <div class="hcol-7-12"></div>
+        <div class="hcol-5-12 grid-pad ">
+          <div id="zona">
+          </div>
+        </div>
+        <br><br>
+        <img  class="map" id="location-map" usemap="#MapD" alt="mapa1" src="media/img/mapa7.png" />
+        <map id="MapD" name="MapD">
+          <area class="show-map-info" style="cursor:pointer" id="Z1" shape="poly" coords="4,10,56,9,56,16,64,22,58,32,55,32,53,40,52,44,56,55,55,68,57,75,56,95,64,104,76,114,80,129,84,131,88,138,92,143,93,151,100,163,104,169,111,178,117,184,121,192,123,199,124,210,127,216,131,222,131,228,136,233,136,242,137,249,140,253,145,253,146,250,154,258,160,267,164,272,164,278,157,285,150,287,147,278,142,268,138,265,127,254,116,246,111,239,106,236,105,228,106,216,102,203,94,193,84,185,75,180,68,177,60,170,53,164,41,151,50,155,58,154,62,151,63,140,66,137,52,118,44,110,31,96,31,87,26,78,24,66,22,58,17,53,16,48,15,39,8,31,4,20"  />
+
+          <area class="show-map-info" shape="circle" coords="412,385,5" style="cursor:pointer" id="Z2"  />
+
+          <area class="show-map-info" shape="poly" coords="266,328,265,335,261,341,262,348,266,348,266,353,266,360,268,365,268,369,268,377,276,386,286,390,297,396,300,401,304,407,314,412,329,416,334,419,337,413,338,410,341,408,341,402,347,401,354,402,363,403,370,404,372,406,375,403,376,397,380,388,382,376,385,368,384,366,379,368,372,370,366,369,363,366,359,368,355,366,352,362,348,362,344,362,340,358,339,353,340,348,339,345,341,339,346,331,347,328,352,320,344,315,343,320,335,326,326,326,318,320,319,314,323,309,326,306,333,303,338,305,343,309,346,312,351,315,353,311,353,306,353,303,346,304,341,300,335,293,333,283,334,278,340,277,343,273,354,265,361,256,365,252,360,250,357,246,351,246,346,242,341,240,337,239,329,238,332,246,333,254,326,255,318,256,311,254,305,258,299,265,300,273,292,277,291,288,290,296,288,308,283,309,277,304,275,298,270,300,267,298,268,293,265,290,262,289,257,293,260,300,259,303,254,303,254,309,255,316,259,324" style="cursor:pointer" id="Z3" />
+
+          <area class="show-map-info" shape="poly" coords="428,304,429,310,427,315,425,318,426,326,430,330,435,337,433,344,431,348,428,351,431,353,435,348,438,350,438,353,434,359,436,364,433,369,435,372,441,374,447,379,449,383,447,385,443,385,436,387,435,389,426,381,425,387,422,392,424,398,424,402,423,405,415,406,415,407,424,417,440,417,441,414,442,408,448,407,451,411,454,416,457,411,465,409,467,409,471,407,471,401,472,397,478,401,484,408,486,414,496,416,494,423,498,427,507,420,515,431,524,434,533,434,538,435,543,436,543,441,541,447,540,452,540,455,541,459,541,462,544,465,561,475,585,497,589,491,588,487,589,482,585,479,598,457,628,457,627,445,619,442,610,434,604,429,612,428,611,411,605,409,600,407,596,411,591,411,587,407,585,402,585,399,580,398,579,396,570,406,569,409,555,411,544,414,537,417,527,415,523,413,517,407,509,403,499,401,491,399,485,394,482,384,479,377,474,365,471,360,455,342,449,332,446,325,446,321,453,327,455,324,441,310" style="cursor:pointer" id="Z4" />
+
+          <area  style="cursor:pointer" id="Z5" class="show-map-info" data-sector="m1h" shape="poly" coords="311,133,316,127,321,115,338,109,351,111,355,117,365,123,372,138,374,145,384,157,387,165,395,167,398,183,407,199,416,201,420,203,429,209,442,208,446,212,453,209,454,221,451,228,446,238,443,244,441,261,442,282,442,292,440,298,443,309,438,309,432,304,427,303,418,304,413,306,404,299,399,298,397,299,389,295,391,288,386,286,380,285,377,272,375,260,368,250,363,251,359,246,352,244,344,239,335,236,327,236,323,244,322,246,315,241,310,237,308,231,308,225,311,219,309,210,313,205,304,193,297,166,305,147,309,140,310,137" >
+
+          <area  class="show-map-info" style="cursor:pointer" id="Z6" class="show-map-info" data-sector="m1g" shape="poly" coords="592,413,586,405,585,399,580,397,588,394,595,399,605,394,598,390,602,384,608,381,612,378,615,377,611,375,613,371,619,365,620,368,623,368,624,371,625,371,630,367,619,367,617,364,619,355,622,359,620,347,622,343,621,339,621,332,628,326,637,322,647,320,656,317,663,312,674,309,698,313,698,320,697,330,694,337,689,340,688,348,689,352,688,358,683,363,689,366,691,369,689,375,689,382,693,384,688,396,686,394,685,397,678,389,679,383,674,386,675,391,669,393,665,396,665,400,663,405,657,407,655,411,637,411,620,410,620,414,622,414,622,417,620,420,609,410,598,406"> 
+
+          <area class="show-map-info" shape="poly" coords="541,436,541,440,537,445,536,451,537,455,537,461,525,461,514,461,504,468,489,473,478,476,468,473,460,472,446,468,427,459,411,453,393,447,376,441,363,435,347,423,338,418,346,410,348,404,353,404,362,405,372,409,376,410,378,406,379,395,385,380,389,366,393,361,394,354,401,348,408,336,414,334,425,333,431,335,432,338,432,344,424,347,424,355,425,358,435,349,437,353,432,359,434,364,430,368,430,372,435,374,443,378,446,382,441,385,437,386,433,389,424,378,423,387,421,392,416,391,414,382,410,378,406,383,407,388,408,390,418,392,423,397,412,407,422,418,428,418,435,416,440,417,445,418,441,414,444,409,446,408,450,414,452,418,458,411,464,411,468,409,471,406,472,402,471,398,479,403,482,412,485,416,494,416,492,422,496,429,505,421,506,421,508,426,513,432,519,433"  style="cursor:pointer" id="Z7" />                
+
+          <area  class="show-map-info" style="cursor:pointer" id="Z8"  shape="poly" coords="355,302,358,307,357,311,355,318,352,319,347,315,342,315,340,311,337,307,334,307,334,305,330,307,325,311,322,315,319,322,322,324,327,325,331,326,337,326,340,322,344,318,348,321,352,322,352,326,350,330,352,333,349,335,340,347,343,352,340,356,342,359,343,362,348,362,351,360,354,360,355,364,358,368,365,367,367,370,371,369,378,366,383,365,388,365,392,361,393,354,402,350,404,344,405,338,412,337,418,336,421,334,425,334,425,329,422,325,426,321,424,318,428,313,428,310,422,306,416,306,412,304,408,304,405,299,399,298,397,299,391,298,388,295,390,291,388,287,385,285,379,285,376,283,377,277,376,274,376,271,373,265,373,260,371,253,368,254,362,259,357,266,353,269,349,273,345,275,343,279,340,279,336,280,334,282,335,289,335,294,340,297,343,299,345,304,351,301,355,300" />
+
+          <area  class="show-map-info" style="cursor:pointer" id="Z9" shape="poly" coords="192,61,201,61,200,50,228,49,239,55,241,61,260,82,266,84,272,91,276,112,311,133,295,164,302,194,310,202,310,216,307,224,308,232,316,242,319,242,324,240,328,236,329,245,330,251,321,253,309,252,304,256,297,263,297,267,297,272,290,276,290,282,288,288,284,306,278,300,275,296,268,297,270,291,267,288,259,286,256,281,250,268,247,256,239,250,235,250,226,236,222,221,220,210,216,204,209,199,207,193,206,185,195,177,192,180,189,168,183,156,181,150,189,150,192,149,192,146,192,137,193,132,190,127,191,121,194,117,194,96,191,82,189,71" />
+
+          <area class="show-map-info" style="cursor:pointer" id="Z10" shape="poly" coords="65,24,133,61,188,61,186,73,189,85,191,100,190,119,187,120,190,132,188,144,189,149,183,148,178,150,178,154,186,166,187,174,188,182,191,184,193,181,199,185,204,191,203,197,206,204,212,206,216,211,220,214,219,225,223,240,228,245,229,251,233,254,239,252,247,264,247,269,251,278,255,286,258,287,254,294,256,301,249,299,211,254,209,247,205,247,201,243,199,233,189,228,183,222,181,216,174,216,167,209,173,204,175,201,173,195,165,187,161,188,157,177,149,176,145,168,147,158,131,154,117,134,109,120,97,97,92,77,94,72,92,68,87,67,81,64,81,59,74,56,72,59,64,53,55,49,53,43,55,33"  />
+        </map>
+      </div>
+    </div>
+  </div>
+</div>
+
+</div><!--  termina grid-pad -->
+<div class="grid grid-pad">
+  <!-- footer de mapa -->
+  <div class="hcol-1-1 mobile-hcol-1-1"  style=" padding-bottom:40px;text-align: center;">
+    
+    <div class="hcol-12-12 m-hcol-12-12 mobile-hcol-1-1">
+      <p class="h2-2 m-bottom20" style="color: #ea2c13;">Soler & Palau México </p>  
+      <p style="color:#575658 !important">Blvd. A-15 <br>Parque Industrial Puebla 2000 <br>Puebla, Pue. México C. P. 72225 <br>Tel. 52  (222) 223 3900  <br>Tel. 52 (222) 223 3911 </p> <br>
+
+       <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3770.8413174264197!2d-98.15938168439999!3d19.07071318709093!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85cfc1d3633ff7d7%3A0x722b91777d00b168!2sSoler+%26+Palau+Sa+De+Cv!5e0!3m2!1ses!2smx!4v1466807605645" style="border:0" allowfullscreen="" width="100%" height="auto" frameborder="0"></iframe>
+    </div>
+    </div>
+    
+    <div class="hcol-1-2 m-hcol-1-2 mobile-hcol-1-1"  id="colombia">
+      <p class="h2-2 m-bottom20">Soler & Palau Colombia </p>  
+     <p style="color:#575658 !important;">
+       Parque Industrial Los Nogales Bodega 10 <br>
+       Aut. Medellín Km 2.7  <br>
+     <p style="color:#575658 !important">
+       LÍNEA GRATUITA: 01800 915 72 70 <br>
+       Móvil: (57) 313 240 08 79 <br>
+       <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3976.1306336148978!2d-74.14574868450059!3d4.747339996552123!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e3f837591142291%3A0xec3c5a9224d2e3ac!2sParque+Industrial+Los+Nogales!5e0!3m2!1ses!2smx!4v1466807725035" style="border:0" allowfullscreen="" width="100%" frameborder="0"></iframe>
+     </p>
+    </div>
+    
+    <div class="hcol-1-2 m-hcol-1-2 mobile-hcol-1-1"  id="peru">
+      <p class="h2-2 m-bottom20">Soler & Palau Perú </p>  
+      <p style="color:#575658 !important;">
+        Av Santuario 1061- Zarate – San Juan de Lurigancho, Lima <br>
+      </p><br><br><br>
+      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3902.3521357320305!2d-76.99899218518766!3d-12.019260991485629!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9105c5ed08c846d7%3A0xdbdcd64555bba4fd!2sCalle+Santuario+1061%2C+Cercado+de+Lima+15427%2C+Per%C3%BA!5e0!3m2!1ses!2smx!4v1559070593580!5m2!1ses!2smx" width="100%" frameborder="0" style="border:0" allowfullscreen></iframe>
+
+    </div>
+
+    <!-- fin footer mapa -->
+  </div>
+</div>
+
+</main>
+<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
+<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
+<style>
+  .error {
+    font-size: 15px !important;
+    font-weight: normal;
+    font-family: Roboto,sans-serif;
+  }
+</style>
+</div>
+</div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+<script>
+  <?php if($errorEtiqueta){ ?>
+    $j('#comentarios').attr("placeholder", "Describa el error de su etiqueta en este campo.");
+  <?php } ?>
+    $j('#comentarios').val('');
+ $j('#loading').hide();
+ $j('#estado').prop('disabled', true);
+
+
+ //Por si recargan la página
+ var valor = $j('#pais').val()
+ if(valor== 'MEXICO'){
+   $j('#estado').prop('disabled', false);
+ }else{
+   $j('#divEstado').hide();
+   $j('#estado').prop('disabled', true);
+ }
+
+ $j('#pais').on('change', function() {
+  var valor = $j('#pais').val()
+  if(valor== 'MEXICO'){
+    $j('#divEstado').show();
+    $j('#estado').prop('disabled', false);
+  }else{
+    $j('#divEstado').hide();
+    $j('#estado').prop('disabled', true);
+  }
+});
+
+  // funcion para iluminar el estado del mapa y quitar la 
+  function iterar(id){
+   var data2 = false;
+   var data = $j('#'+this.id).mouseover().data('maphilight') || {};
+   data.alwaysOn = !data.alwaysOn;
+   $j('.show-map-info').each(function(e) {
+    if (!(this.id == id)) {
+      $j('#'+this.id).data('maphilight', data2).trigger('alwaysOn.maphilight');
+    }else{
+      $j('#'+this.id).data('maphilight', data).trigger('alwaysOn.maphilight');
+    }
+  });
+ }
+ var fueraMapa = true;
+ var idZona = '';
+ var tenemosZona = false
+ $j('.show-map-info').click(function() {
+   idZona = this.id;
+    // llamar la funcion pasandole el id de zona para mantener ilumina al dar clic
+    iterar(idZona);
+    tenemosZona = true;
+
+    $j.ajax({
+      type: 'POST',
+      url: 'shared/search.php',
+      data: {'id': idZona},
+      beforeSend: function(){
+        $j('#zona').show();
+        $j('#zona').html("<center><p><img src='media/img/loader2.gif' width='60px'></p></center>");
+
+      }
+    })
+    .done(function(resultado){
+      $j('#zona').html(resultado);
+
+    });
+    $j('.map').maphilight({
+      fill: true,
+      fillColor: 'ff00000',
+      fillOpacity: 0.7,
+      stroke: true,
+      strokeColor: 'ffffff',
+      strokeOpacity: 1,
+      strokeWidth: 0,
+      fade: true,
+      neverOn: false,
+      alwaysOn: false,
+      neverOnkey: "value",
+      groupBy: false,
+      wrapClass: true,
+      shadow: true,
+      shadowX: 0,
+      shadowY: 0,
+      shadowRadius: 9,
+      shadowColor: 'ff00000',
+      shadowOpacity: 2,
+      shadowPosition: 'outside',
+      shadowFrom: false
+    });
+
+    fueraMapa = false;
+
+  });
+   //desiluminar cuando den clic fuera del mapa
+   $j('#ZonaMapa').click(function() {
+     if ((fueraMapa) && (idZona != '')) {
+      $j('#'+idZona).data('maphilight', 'false').trigger('alwaysOn.maphilight');
+      $j('#zona').hide();
+      //cambiamos estado de tenemosZona
+      tenemosZona = false;
+    }
+    fueraMapa = true;
+
+  });
+   $j.validator.addMethod("numberAndLetters", function(value, element) {
+    return this.optional(element) || /^[A-ZÑÁÉÍÓÚ 0-9 .,#-]+$/i.test(value);
+  }, "Solo se permiten letras y números.");
+
+   $j("#enviarFormulario").validate({
+     rules: {
+      necesito:{
+        required:true
+      },
+      nombre: {
+       required:true,
+     },
+     apellidos: {
+       required:true,
+     },
+     empresa: {
+      required:true 
+    },
+    email:{
+     required:true,
+     email:true
+   },
+   telefono: {
+     required:true,
+     maxlength:10
+   },
+   direccion: {
+     required:true,
+   },
+   cp: {
+     required:true,
+   },
+   ciudad: {
+     required:true,
+   },
+   pais: {
+     required:true,
+   },
+   comentarios: {
+    required:false,
+    numberAndLetters:true
+  }
+
+},
+  messages:{
+    necesito: {
+      required: "Seleccione una opción de la lista"
+    },
+    nombre: {
+     required: "El nombre es requerido."
+   },
+   apellido: {
+     required: "Los apellidos son requeridos."
+   },
+   empresa: {
+    required: "La empresa es requerida"
+  },
+  email:{
+    required: "El correo electrónico es requerido.",
+    email: "Ingrese un correo electrónico válido."
+  },
+  telefono:{
+    required:"El teléfono es requerido."
+  },
+  direccion:{
+    required:"La dirección es requerida."
+  },
+  cp:{
+    required:"El Código Postal es requerido."
+  },
+  ciudad:{
+    required:"La ciudad es requerida."
+  },
+  estado: {
+    required: "El estado es requerido"
+  },
+  pais:{
+    required:"El País es requerido."
+  },
+  comentarios:{
+    required: "No se pueden ingresar carácteres alfanuméricos"
+  }
+}
+
+  });
+   
+   $j('#enviarFormulario').submit(function(e){
+    var botonEnviar = document.getElementById('enviar'); 
+    e.preventDefault();
+    var form = $j("#enviarFormulario");
+    
+    if(form.valid()) { 
+      $j('#loading').show();
+      $j('#enviar').hide();
+
+      <?php if($errorEtiqueta) { ?>
+        let comentarios = $j('#comentarios').val();
+        comentarios += " - No se encontró información (<?php echo $dataContactar; ?>)";
+        $j('#comentarios').val(comentarios);
+        console.log("PRUEBA");
+        console.log(comentarios);
+      <?php } ?>
+
+      var url = "shared/procesar_formularios.php";
+      $j.ajax({                        
+        type: "POST",                 
+        url: url,                     
+        data: $j("#enviarFormulario").serialize(),
+        success: function(data)             
+        {
+          var response = JSON.parse(data);
+          if (response.success) {
+            swal("Datos enviados correctamente", response.mensaje , "success");
+            form[0].reset();
+          }else{
+            swal("Se ha producido un error", response.mensaje, "error");
+          }
+          $j('#loading').hide();
+          $j('#enviar').show();
+       },
+      error: function(XMLHttpRequest, textStatus, errorThrown) { 
+        swal("Se ha producido un error", "No se han podido enviar los dato, Error: "+errorThrown+" ", "error");
+        $j('#loading').hide();
+        $j('#enviar').show();
+      } 
+    });
+    }
+  });
+   //obtenemos la ip publica
+   $j.getJSON('https://api.ipify.org?format=json', function(data){
+     $j('#ipCliente').val(data.ip);
+   });
+
+   
+ </script>
+ <style>
+  .bar-title.cms-footer-links {
+    height: 200px;
+    color: black;
+
+  }
+  .confirm {
+    /*boton de confirmar de alert*/
+    background-color: #ea2c13 !important;
+    color: #fff;
+    transition: background .3s ease 0s;
+    border: none;
+    box-shadow: none;
+    border-radius: 17px !important;
+    font-weight: 600;
+    font-size: 14px;
+    padding: 10px 24px;
+    margin: 0;
+    cursor: pointer;
+
+  }
+</style>
+<script src="https://www.google.com/recaptcha/api.js?render=6LfaTp4UAAAAAAiAfKSdJxyUYmAj1jIjkjJ2Z6ty"></script>
+<script>
+  grecaptcha.ready(function() {
+    grecaptcha.execute('6LfaTp4UAAAAAAiAfKSdJxyUYmAj1jIjkjJ2Z6ty', {action: 'homepage'}).then(function(token) {
+      var recaptchaResponse = document.getElementById('recaptchaResponse');
+      recaptchaResponse.value = token;
+
+    });
+  });
+</script>
+
+</div>
+</div>
+</body>
+
+</html>

+ 265 - 0
easycalc.php

@@ -0,0 +1,265 @@
+<!DOCTYPE html>
+
+<html xml:lang="es" lang="es">
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+
+<head>
+
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', 'UA-125019062-2');
+    </script>
+
+    <title>EasyCalc – S&amp;P</title>
+
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta http-equiv="cleartype" content="on" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
+    <meta name="keywords" content="Magento, Varien, E-commerce" />
+    <meta name="robots" content="INDEX,FOLLOW" />
+
+    <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon" />
+
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="theme-color" content="#ffffff">
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+    <script type="text/javascript"> var $j = jQuery.noConflict(); </script>
+    <script type="text/javascript" src="js/events.js"></script>
+
+    <!-- estilo princripal -->
+    <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+    <!-- Alertify -->
+    <!-- JavaScript -->
+    <script src="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/alertify.min.js"></script>
+    <!-- CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/alertify.min.css" />
+    <!-- Default theme -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/default.min.css" />
+    <!-- Semantic UI theme -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/semantic.min.css" />
+    <!-- Bootstrap theme -->
+    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/bootstrap.min.css" />
+    <style>
+        .section-slider #section_slider .proto-controls .proto-control a{
+            box-shadow: 3px 3px rgba(0, 0, 0, 0.2) !important;
+            background: rgba(0, 0, 0, 0.2) !important;
+        }
+        .justificar-texto { 
+            text-align: justify;
+        }
+    </style>
+    
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+    <!-- aqui va el header -->
+    <?php include 'header.php' ?>
+    <script type="text/javascript">
+        if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+            HIB.menu.init();
+        }
+    </script>
+
+    <div class="main-container col1-layout">
+        <div class="breadcrumbs">
+            <div class="container">
+                <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+                    <li class="">
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="main">
+            <div class="col-main">
+                <div class="main">
+                    <div class="col-main">
+                        <main>
+                            <div id="overlaySearch" class="overlay">
+                                <!-- Overlay content -->
+                                <div id="searchResults" class="overlay-content grid"></div>
+                            </div>
+                            <div class="std">
+                                <p>
+                                    <div class="page-title dark">
+                                        <img alt="" src="media/home/categories_home/empresa/EasyVent.jpg" />
+                                        <div class="page-title-container">
+                                            <div class="page-title-content container">
+                                                <h1 class="h1">EasyCalc</h1>
+                                            </div>
+                                        </div>
+                                        <div class="clearfix">&nbsp;</div>
+                                    </div>
+                                    <div class="bar-title">
+                                        <h2 class="h2">EasyCalc, el mejor software de selección</h2>
+                                    </div>
+                                </p>
+                                <div class="container grid questions">
+                                    <div class="column-cta-right mobile-hcol-1-1 hcol-4-12 md-hcol-init">
+                                        <div class="image-small-container hcol-1-1" style="display: flex; justify-content: center; align-items: center;">
+                                            <img src="media/home/slider/bnn-easycalc.jpg" />
+                                        </div>
+                                        <div class="text-cta">
+                                            <p class="container-text-cta hcol-1-1"> Visita EASYCALC</p>
+                                            <button class="btn default exit_btn">Entrar a EasyCalc</button>
+                                        </div>
+                                    </div>
+                                    <div class="features-container-left mobile-hcol-1-1 hcol-8-12 md-hcol-init">
+                                        <div class="introduction-block">
+                                            <p class="introduction-paragraph justificar-texto">
+                                                Es una herramienta desarrollada por Soler y Palau, pensada en facilitar el análisis 
+                                                de los sistemas de presurización de escaleras ya que permite al diseñador el cálculo de 
+                                                caudal para este tipo de sistemas. Está sustentada en la norma europea UNE-EN 12101-
+                                                3:2016
+                                            </p>
+
+                                            <br>
+
+                                            <p class="justificar-texto">
+                                                En el software EasyCalc están disponibles para el cálculo las clases A, B, C y D, las 
+                                                cuales son las más aplicadas en la industria. Para cada una de estas clases se tiene las 
+                                                siguientes definiciones:
+                                            </p>
+                                        </div>
+                                    </div>
+                                    <table cellspacing="5" cellpadding="0" bordercolor="#EAEAEA" border="1" align="center" style="width: 680px;">
+                                        <tbody>
+                                            <tr>
+                                                <td class="blanco12" bgcolor="#fb0505" height="50px"><div align="center"><strong><font color="#FFFFFF">CLASE DE SISTEMA</font></strong></div></td>
+                                                <td class="blanco12" bgcolor="#fb0505"><div align="center"><strong><font color="#FFFFFF">EJEMPLOS DE USO</font></strong></div></td>
+                                            </tr>
+                                            <tr>
+                                                <td height="40"><div align="center">Sistema de clase A</div></td>
+                                                <td height="40"><div align="center">Para medios de escape. Defensa <i>in situ</i> </div></td>
+                                            </tr>
+                                            <tr>
+                                                <td height="40" bgcolor="#eceaea"><div align="center">Sistema de clase B</div></td>
+                                                <td height="40" bgcolor="#eceaea"><div align="center">Para medios de escape y lucha contra incendios</div></td>
+                                            </tr>
+                                            <tr>
+                                                <td height="40"><div align="center">Sistema de clase C</div></td>
+                                                <td height="40"><div align="center">Para medios de escape mediante evacuación simultánea</div></td>
+                                            </tr>
+                                            <tr bgcolor="#eceaea">
+                                                <td height="40"><div align="center">Sistema de clase D</div></td>
+                                                <td height="40"><div align="center">Para medios de escape. Riesgo de personas dormidas</div></td>
+                                            </tr>
+                                            <tr>
+                                                <td height="40"><div align="center">Sistema de clase E</div></td>
+                                                <td height="40"><div align="center">Para medio de espace, con evaciación por fases</div></td>
+                                            </tr>
+                                            <tr bgcolor="#eceaea">
+                                                <td height="40"><div align="center">Sistema de clase F</div></td>
+                                                <td height="40"><div align="center">Sistema contra incendios y medios de escape</div></td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                                
+                                <p>
+                                    <div class="bar-title">
+                                        <h2 class="h2">Una mirada rápida a EasyCalc</h2>
+                                    </div>
+                                </p>
+                                <!-- Section slider -->
+                                <div class="grid container slide-content">
+                                    <div class="section-slider">
+                                        <div class="container grid">
+                                            <div id="section_slider">
+                                                <!-- SLIDES -->
+                                                <ul class="show" style="height: 432px !important;">
+                                                    <li class="slide">
+                                                        <a href="#">
+                                                            <img src="media/home/slider/EASYCALC.png" alt="" />
+                                                        </a>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <script type="text/javascript">
+                                        function calculateSliderWidth() {
+                                            return $$('.section-slider').first().getWidth();
+                                        }
+                                        Event.observe(window, "resize", function() {
+                                            $$('#section_slider img').each(function(elmt) {
+                                                elmt.setStyle({
+                                                    'max-width': calculateSliderWidth() + 'px'
+                                                });
+                                                section_slider.slideWidth = calculateSliderWidth();
+                                                elmt.setStyle({
+                                                    'width': calculateSliderWidth() + 'px'
+                                                });
+                                            });
+                                            $$('#section_slider .slide-container').each(function(elmt) {
+                                                elmt.setStyle({
+                                                    'max-width': calculateSliderWidth() + 'px'
+                                                });
+                                                elmt.setStyle({
+                                                    'width': calculateSliderWidth() + 'px'
+                                                });
+                                            });
+                                        });
+                                        $$('#section_slider img').each(function(elmt) {
+                                            elmt.setStyle({
+                                                'max-width': calculateSliderWidth() + 'px'
+                                            });
+                                            elmt.setStyle({
+                                                'width': calculateSliderWidth() + 'px'
+                                            });
+                                        });
+                                        $$('#section_slider .slide-container').each(function(elmt) {
+                                            elmt.setStyle({
+                                                'max-width': calculateSliderWidth() + 'px'
+                                            });
+                                            elmt.setStyle({
+                                                'width': calculateSliderWidth() + 'px'
+                                            });
+                                        });
+                                        var section_slider = new protoShow('section_slider', {
+                                            captions: true,
+                                            controls: true,
+                                            progressTimer: false,
+                                            transitionType: "slide"
+                                        });
+                                        section_slider.slideWidth = calculateSliderWidth();
+                                    </script>
+                                </div>
+                                <!-- <p class="container grid text-pie-foto m-bottom10 m-top10">
+                                    Esquema de dimensiones: visualización en 3D del producto, posibilidad de descarga en cualquier formato CAD.
+                                </p> -->
+                                <div class="container grid title-slider-easyvent m-bottom30">
+                                    <button class="btn default exit_btn">Entrar a EasyCalc</button>
+                                </div>
+                            </div>
+                            <br>
+                        </main>
+                    </div>
+                </div>
+            </div>
+            <?php include 'footer.php' ?>
+            <script type="text/javascript">
+                // Lanzar alerta al salir de la página
+                $j('.exit_btn').click(function(event) {
+                    alertify.confirm('Redireccionando...',
+                        'Estás saliendo del Sitio Web de <b>S&P México</b> para entrar al sitio de <b>EasyCalc.</b> <br> Entrarás a un sitio web ajeno a <b>S&P México</b>, el cual es responsable de sus propios contenidos y mantiene su propia política de privacidad y seguridad.',
+                        function() {
+                            window.open('https://easyvent.solerpalau.com/easycalc', '_blank');
+                        },
+                        function() {}).set(
+                            'labels', {
+                                ok: 'Continuar',
+                                cancel: 'Cancelar'
+                        });
+                });
+            </script>
+        </div>
+    </div>
+</body>
+
+</html>

+ 259 - 0
easyduct.php

@@ -0,0 +1,259 @@
+<!DOCTYPE html>
+
+<html xml:lang="es" lang="es">
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+
+<head>
+
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', 'UA-125019062-2');
+    </script>
+
+    <title>EasyDuct – S&amp;P</title>
+
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta http-equiv="cleartype" content="on" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
+    <meta name="keywords" content="Magento, Varien, E-commerce" />
+    <meta name="robots" content="INDEX,FOLLOW" />
+
+    <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon" />
+
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="theme-color" content="#ffffff">
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+    <script type="text/javascript"> var $j = jQuery.noConflict(); </script>
+    <script type="text/javascript" src="js/events.js"></script>
+
+    <!-- estilo princripal -->
+    <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+    <!-- Alertify -->
+    <!-- JavaScript -->
+    <script src="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/alertify.min.js"></script>
+    <!-- CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/alertify.min.css" />
+    <!-- Default theme -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/default.min.css" />
+    <!-- Semantic UI theme -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/semantic.min.css" />
+    <!-- Bootstrap theme -->
+    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/bootstrap.min.css" />
+    <style>
+        .section-slider #section_slider .proto-controls .proto-control a{
+            box-shadow: 3px 3px rgba(0, 0, 0, 0.2) !important;
+            background: rgba(0, 0, 0, 0.2) !important;
+        }
+        .section-slider #section_slider .show-window {
+            height: auto !important;
+        }
+        .justificar-texto { 
+            text-align: justify;
+        }
+    </style>
+    
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+    <!-- aqui va el header -->
+    <?php include 'header.php' ?>
+    <script type="text/javascript">
+        if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+            HIB.menu.init();
+        }
+    </script>
+
+    <div class="main-container col1-layout">
+        <div class="breadcrumbs">
+            <div class="container">
+                <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+                    <li class="">
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="main">
+            <div class="col-main">
+                <div class="main">
+                    <div class="col-main">
+                        <main>
+                            <div id="overlaySearch" class="overlay">
+                                <!-- Overlay content -->
+                                <div id="searchResults" class="overlay-content grid"></div>
+                            </div>
+                            <div class="std">
+                                <p>
+                                    <div class="page-title dark">
+                                        <img alt="" src="media/home/categories_home/empresa/EasyVent.jpg" />
+                                        <div class="page-title-container">
+                                            <div class="page-title-content container">
+                                                <h1 class="h1">EasyDuct</h1>
+                                            </div>
+                                        </div>
+                                        <div class="clearfix">&nbsp;</div>
+                                    </div>
+                                    <div class="bar-title">
+                                        <h2 class="h2">Software para el dimensionamiento de instalaciones de ventilación</h2>
+                                    </div>
+                                </p>
+                                <div class="container grid questions">
+                                    <div class="column-cta-right mobile-hcol-1-1 hcol-4-12 md-hcol-init">
+                                        <div class="image-small-container hcol-1-1" style="display: flex; justify-content: center; align-items: center;">
+                                            <img src="media/home/slider/bnn-easyduct.jpg" />
+                                        </div>
+                                        <div class="text-cta">
+                                            <p class="container-text-cta hcol-1-1"> Visita EASYDUCT</p>
+                                            <button class="btn default exit_btn">Entrar a EasyDuct</button>
+                                        </div>
+                                    </div>
+                                    <div class="features-container-left mobile-hcol-1-1 hcol-8-12 md-hcol-init">
+                                        <div class="introduction-block">
+                                            <p class="introduction-paragraph justificar-texto">
+                                                EasyDuct es un software desarrollado para realizar el diseño de instalaciones de 
+                                                ventilación. Está especialmente concebido para guiar al usuario en el dimensionamiento 
+                                                de conductos de ventilación, obtener la pérdida de carga de la instalación, y conectar 
+                                                con el portal de selección de S&P (EasyVent) para la obtención del producto más adecuado.
+                                            </p>
+                                            <br>
+                                            <span class="icon_1">
+                                            <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/e_fichas.svg" width="50px" alt="">
+                                            </span>
+                                            <p class="p-titles question"> ¿Qué puedes hacer con EasyDuct? </p>
+                                            <ul class="title-bullets link m-left30">
+                                                <li>Definir las redes de conductos y sus rejillas. </li>
+                                                <li>Crear y gestionar proyectos de ventilación.</li>
+                                                <li>Dimensionar tu instalación y calcular la pérdida de presión del sistema.</li>
+                                                <li>Personalizar, editar guardar todos los proyectos.</li>
+                                                <li>Enlace con nuestro software EasyVent.</li>
+                                                <li>Lista de materiales y cálculos realizados.</li>
+
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                                
+                                <p>
+                                    <div class="bar-title">
+                                        <h2 class="h2">Una mirada rápida a EasyDuct</h2>
+                                    </div>
+                                </p>
+                                <!-- Section slider -->
+                                <div class="grid container slide-content">
+                                    <div class="section-slider">
+                                        <div class="container grid">
+                                            <div id="section_slider">
+                                                <!-- SLIDES -->
+                                                <ul class="show" >
+                                                    <li class="slide">
+                                                        <a href="#">
+                                                            <img src="media/home/slider/EASYDUCT 2022-0.jpg" alt="" />
+                                                        </a>
+                                                    </li>
+                                                    <li class="slide">
+                                                        <a href="#">
+                                                            <img src="media/home/slider/EASYDUCT 2022-1.jpg" alt="" />
+                                                        </a>
+                                                    </li>
+                                                    <li class="slide">
+                                                        <a href="#">
+                                                            <img src="media/home/slider/EASYDUCT 2022-2.jpg" alt="" />
+                                                        </a>
+                                                    </li>
+                                                    <li class="slide">
+                                                        <a href="#">
+                                                            <img src="media/home/slider/EASYDUCT 2022-3.jpg" alt="" />
+                                                        </a>
+                                                    </li>
+                                                    <li class="slide">
+                                                        <a href="#">
+                                                            <img src="media/home/slider/EASYDUCT 2022-4.jpg" alt="" />
+                                                        </a>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <script type="text/javascript">
+                                        function calculateSliderWidth() {
+                                            return $$('.section-slider').first().getWidth();
+                                        }
+                                        Event.observe(window, "resize", function() {
+                                            $$('#section_slider img').each(function(elmt) {
+                                                elmt.setStyle({
+                                                    'max-width': calculateSliderWidth() + 'px'
+                                                });
+                                                section_slider.slideWidth = calculateSliderWidth();
+                                                elmt.setStyle({
+                                                    'width': calculateSliderWidth() + 'px'
+                                                });
+                                            });
+                                            $$('#section_slider .slide-container').each(function(elmt) {
+                                                elmt.setStyle({
+                                                    'max-width': calculateSliderWidth() + 'px'
+                                                });
+                                                elmt.setStyle({
+                                                    'width': calculateSliderWidth() + 'px'
+                                                });
+                                            });
+                                        });
+                                        $$('#section_slider img').each(function(elmt) {
+                                            elmt.setStyle({
+                                                'max-width': calculateSliderWidth() + 'px'
+                                            });
+                                            elmt.setStyle({
+                                                'width': calculateSliderWidth() + 'px'
+                                            });
+                                        });
+                                        $$('#section_slider .slide-container').each(function(elmt) {
+                                            elmt.setStyle({
+                                                'max-width': calculateSliderWidth() + 'px'
+                                            });
+                                            elmt.setStyle({
+                                                'width': calculateSliderWidth() + 'px'
+                                            });
+                                        });
+                                        var section_slider = new protoShow('section_slider', {
+                                            captions: true,
+                                            controls: true,
+                                            progressTimer: false,
+                                            transitionType: "slide"
+                                        });
+                                        section_slider.slideWidth = calculateSliderWidth();
+                                    </script>
+                                </div>
+                                <div class="container grid title-slider-easyvent m-bottom30">
+                                    <button class="btn default exit_btn">Entrar a EasyDuct</button>
+                                </div>
+                            </div>
+                            <br>
+                        </main>
+                    </div>
+                </div>
+            </div>
+            <?php include 'footer.php' ?>
+            <script type="text/javascript">
+                // Lanzar alerta al salir de la página
+                $j('.exit_btn').click(function(event) {
+                    alertify.confirm('Redireccionando...',
+                        'Estás saliendo del Sitio Web de <b>S&P México</b> para entrar al sitio de <b>EasyDuct.</b> <br> Entrarás a un sitio web ajeno a <b>S&P México</b>, el cual es responsable de sus propios contenidos y mantiene su propia política de privacidad y seguridad.',
+                        function() {
+                            window.open('https://store.bimserver.center/es/app/160/easyduct', '_blank');
+                        },
+                        function() {}).set(
+                            'labels', {
+                                ok: 'Continuar',
+                                cancel: 'Cancelar'
+                        });
+                });
+            </script>
+        </div>
+    </div>
+</body>
+
+</html>

+ 318 - 0
easyvent.php

@@ -0,0 +1,318 @@
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+    <!-- [if IE]> -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta http-equiv="cleartype" content="on" />
+    <!-- <![endif] -->
+
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
+    <title>EasyVent – S&amp;P</title>
+    <meta name="keywords" content="Magento, Varien, E-commerce" />
+    <meta name="robots" content="INDEX,FOLLOW" />
+    <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico"
+        type="image/x-icon" />
+    <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico"
+        type="image/x-icon" />
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="theme-color" content="#ffffff">
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+    <script type="text/javascript">
+    var $j = jQuery.noConflict();
+    </script>
+
+    <script type="text/javascript" src="js/events.js"></script>
+
+    <!-- estilo princripal -->
+    <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+    <!-- Alertify -->
+    <!-- JavaScript -->
+    <script src="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/alertify.min.js"></script>
+    <!-- CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/alertify.min.css" />
+    <!-- Default theme -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/default.min.css" />
+    <!-- Semantic UI theme -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/semantic.min.css" />
+    <!-- Bootstrap theme -->
+    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/bootstrap.min.css" />
+    <style>
+        .section-slider #section_slider .proto-controls .proto-control a{
+            box-shadow: 3px 3px rgba(0, 0, 0, 0.2) !important;
+            background: rgba(0, 0, 0, 0.2) !important;
+        }
+    </style>
+    
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+    <!-- aqui va el header -->
+    <?php include 'header.php' ?>
+    <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+        HIB.menu.init();
+    }
+
+    //]]>
+    </script>
+
+    <div class="main-container col1-layout">
+        <div class="breadcrumbs">
+            <div class="container">
+                <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+                    <li class="">
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="main">
+            <div class="col-main">
+
+                <div class="main">
+                    <div class="col-main">
+                        <main>
+                            <div id="overlaySearch" class="overlay">
+
+                                <!-- Overlay content -->
+                                <div id="searchResults" class="overlay-content grid"></div>
+                            </div>
+                            <div class="std">
+                                <p>
+                                    <div class="page-title dark">
+                                        <img alt="" src="media/home/categories_home/empresa/EasyVent.jpg" />
+                                        <div class="page-title-container">
+                                            <div class="page-title-content container">
+                                                <h1 class="h1">EasyVent</h1>
+                                            </div>
+                                        </div>
+                                        <div class="clearfix">&nbsp;</div>
+                                    </div>
+                                    <div class="bar-title">
+                                        <h2 class="h2">EasyVent, el mejor software de selección</h2>
+                                    </div>
+                                </p>
+                                <div class="container grid questions">
+                                    <div class="column-cta-right mobile-hcol-1-1 hcol-4-12 md-hcol-init">
+                                        <div class="image-small-container hcol-1-1">
+                                            <img src="media/home/slider/easyvent_small_cta.jpg" />
+                                        </div>
+                                        <div class="text-cta">
+                                            <p class="container-text-cta hcol-1-1">Visita EASYVENT, el portal de
+                                                selecci&oacute;n m&aacute;s completo, intuitivo y &aacute;gil del
+                                                mercado</p>
+                                            <button class="btn default exit_btn">Entrar a EasyVent</button>
+                                        </div>
+
+                                        
+                                        <iframe width="100%" height="280px" class="m-top30" src="https://www.youtube-nocookie.com/embed/RxZI4CghVEg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                                        
+
+                                    </div>
+                                    <div class="features-container-left mobile-hcol-1-1 hcol-8-12 md-hcol-init">
+                                        <div class="introduction-block">
+                                            <p class="introduction-paragraph">EasyVent es el software de
+                                                selecci&oacute;n Soler&amp;Palau Ventilation Group. Este selector online
+                                                te acompa&ntilde;ar&aacute; desde el inicio del proyecto, siendo capaz
+                                                de adaptarse a las modificaciones que aparecen a lo largo de este. Las
+                                                principales funcionalidades de las que podr&aacute;s disfrutar son:</p>
+                                        </div>
+                                        <span class="icon_1">
+                                            <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/e_ventiladores.svg"
+                                                width="50px" alt="">
+                                        </span>
+
+                                        <p class="p-titles question">
+                                            Selección de ventiladores a partir del punto de trabajo requerido:</p>
+                                        <ul class="title-bullets link m-left30">
+                                            <li>Descripción detallada del producto seleccionado indicando el punto de
+                                                funcionamiento real del producto.</li>
+                                            <li>Descripción de las características técnicas del punto de trabajo como
+                                                consumo, eficiencia, niveles sonoros o SFP.</li>
+                                            <li>Descripción de las características físicas del producto como modelo 3D
+                                                descargable en varios formatos, esquema de dimensiones o peso.</li>
+                                        </ul>
+                                        <span class="icon_1">
+                                            <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/e_fichas.svg"
+                                                width="50px" alt="">
+                                        </span>
+                                        <p class="p-titles question">Impresión de fichas técnicas personalizadas de
+                                            catálogo, producto o proyecto.</p>
+                                        <ul class="title-bullets ">
+                                        </ul>
+                                        <ul class="title-bullets">
+                                        </ul>
+                                        <span class="icon_1">
+                                            <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/e_personalizacion.svg"
+                                                width="50px" alt="">
+                                        </span>
+                                        <p class="p-titles question">Creación, seguimiento y personalización de un
+                                            proyecto de ventilación:</p>
+                                        <ul class="title-bullets link m-left30">
+                                            <li>Herramientas de multi-selección rápida.</li>
+                                            <li>Herramienta de cesta de proyecto con los productos accesibles en
+                                                cualquier momento.</li>
+                                            <li>Adición de logo de proyecto.</li>
+                                            <li>Posibilidad de reconfigurar un producto en todos los sentidos una vez
+                                                añadido al proyecto.</li>
+                                            <li>Posibilidad de reemplazar un producto por otro si es necesario.</li>
+                                        </ul>
+                                        <ul class="title-bullets">
+                                        </ul>
+                                    </div>
+                                </div>
+                                <p>
+                                    <div class="bar-title">
+                                        <h2 class="h2">Una mirada r&aacute;pida a Easyvent</h2>
+                                    </div>
+                                </p>
+                                <!-- Section slider -->
+                                <div class="grid container slide-content">
+                                    <div class="section-slider">
+                                        <div class="container grid">
+                                            <div id="section_slider">
+                                                <!-- SLIDES -->
+                                                <ul class="show">
+                                                    <li class="slide">
+                                                        <a href="#">
+                                                            <img src="media/home/slider/EASYVENT01.jpg"
+                                                                alt="" />
+                                                        </a>
+                                                    </li>
+                                                    <li class="slide">
+                                                        <a href="#">
+                                                            <img src="media/home/slider/EASYVENT02.jpg"
+                                                                alt="" />
+                                                        </a>
+                                                    </li>
+                                                    <li class="slide">
+                                                        <a href="#">
+                                                            <img src="media/home/slider/EASYVENT03.jpg"
+                                                                alt="" />
+                                                        </a>
+                                                    </li>
+                                                </ul>
+
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <script type="text/javascript">
+                                    //<![CDATA[
+
+                                    function calculateSliderWidth() {
+                                        return $$('.section-slider').first().getWidth();
+                                    }
+
+                                    Event.observe(window, "resize", function() {
+                                        $$('#section_slider img').each(function(elmt) {
+                                            elmt.setStyle({
+                                                'max-width': calculateSliderWidth() + 'px'
+                                            });
+                                            section_slider.slideWidth = calculateSliderWidth();
+                                            elmt.setStyle({
+                                                'width': calculateSliderWidth() + 'px'
+                                            });
+                                        });
+                                        $$('#section_slider .slide-container').each(function(elmt) {
+                                            elmt.setStyle({
+                                                'max-width': calculateSliderWidth() + 'px'
+                                            });
+                                            elmt.setStyle({
+                                                'width': calculateSliderWidth() + 'px'
+                                            });
+                                        });
+                                    });
+
+                                    $$('#section_slider img').each(function(elmt) {
+                                        elmt.setStyle({
+                                            'max-width': calculateSliderWidth() + 'px'
+                                        });
+                                        elmt.setStyle({
+                                            'width': calculateSliderWidth() + 'px'
+                                        });
+                                    });
+
+                                    $$('#section_slider .slide-container').each(function(elmt) {
+                                        elmt.setStyle({
+                                            'max-width': calculateSliderWidth() + 'px'
+                                        });
+                                        elmt.setStyle({
+                                            'width': calculateSliderWidth() + 'px'
+                                        });
+                                    });
+
+                                    var section_slider = new protoShow('section_slider', {
+                                        captions: true,
+                                        controls: true,
+                                        progressTimer: false,
+                                        transitionType: "slide"
+                                    });
+
+                                    section_slider.slideWidth = calculateSliderWidth();
+                                    //]]>
+                                    </script>
+                                </div>
+                                <p class="container grid text-pie-foto m-bottom10 m-top10">Esquema de dimensiones:
+                                    visualización en 3D del producto, posibilidad de descarga en cualquier formato CAD.
+                                </p>
+                                <div class="container grid title-slider-easyvent m-bottom30">
+                                    <button class="btn default exit_btn">Entrar a EasyVent</button>
+                                </div>
+                            </div>
+                            <br>
+
+                        </main>
+                    </div>
+                </div>
+            </div>
+
+            <!-- aqui va el footer -->
+            <?php include 'footer.php' ?>
+            <script type="text/javascript">
+            //Lanzar alerta al salir de la página
+            $j('.exit_btn').click(function(event) {
+                alertify.confirm('Redireccionando...',
+                    'Estás saliendo del Sitio Web de <b>S&P México</b> para entrar al sitio de <b>EasyVent.</b> <br> Entrarás a un sitio web ajeno a <b>S&P México</b>, el cual es responsable de sus propios contenidos y mantiene su propia política de privacidad y seguridad.',
+                    function() {
+                        location.href = "http://easyvent.solerpalau.com/";
+
+                    },
+                    function() {}).set('labels', {
+                    ok: 'Continuar',
+                    cancel: 'Cancelar'
+                });
+
+            });
+            </script>
+        </div>
+    </div>
+</body>
+
+</html>

+ 255 - 0
errorEtiqueta.php

@@ -0,0 +1,255 @@
+<?php 
+require_once('shared/conexionBD.php');
+
+$puedeContactar = false;
+
+if(isset($_POST['data'])){
+  $dataContactar = $_POST['data'];
+  $puedeContactar = true;
+}
+
+?>
+
+<!DOCTYPE html>
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+  <meta content="width=device-width, initial-scale=1" name="viewport"/>
+  <title>Etiqueta Inteligente QR – S&amp;P</title>
+  <meta name="keywords" content="Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <!-- ================================================================================ -->
+  <script type="text/javascript" src="js/events.js"></script>
+
+ <!-- ================================================================================ -->
+ <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+ <!-- ================================================================================ -->
+ <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+ <link href="css/flexslider.css" rel="stylesheet">
+ <!-- ================================================================================ -->
+</head>
+
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+    <div class="main-container col1-layout">
+        <div class="main">
+            <div class="col-main">
+                <main>
+                    <div id="overlaySearch" class="overlay">
+                        <!-- Overlay content -->
+                        <div id="searchResults" class="overlay-content grid"></div>
+                    </div>
+                    <main>
+                        <div class="page-title category-title dark">
+                            <img src="media/home/categories_home/<?php 
+                                if(file_exists("media/home/categories_home/".$lineaGet.".jpg")){
+                                    echo($lineaGet);
+                                }else{
+                                    echo('Hábitat');
+                                }
+                            ?>.jpg" alt="<?php echo($lineaGet); ?>" class="category-image" />
+                            <div class="category-title-container">
+                                <div class="category-title-content container">
+                                    <h2 class="seriesTitle m-top10">B&uacute;squeda de productos<br>
+                                        <b>Etiqueta Inteligente QR</b>
+                                    </h2>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="container-error">
+                            <div class="error-header">PRODUCTO NO ENCONTRADO</div>
+                            <div class="error-msg">El producto buscado no se encontró dentro del Catálogo de Productos en Línea.<br>
+                                Es posible que el producto que busca se encuentre descontinuado o bien, que se trate de un desarrollo especial. Contacte al Departamento de Comercial para más información.
+                            </div>
+                            <?php if($puedeContactar && !empty($dataContactar)) { ?>
+                              <a href="javascript:void(0);" type="button" id="ficha" class="btn btn-default a-btn" onclick="contactar('<?php echo $dataContactar; ?>')">
+                                  <i class="fa fa-envelope" aria-hidden="true"></i> 
+                                  <span>CONTACTAR AL DEPARTAMENTO COMERCIAL</span>
+                              </a>
+                            <?php } ?>
+                            <form id="frm" action="contacto.php" method="post">
+                              <input type="hidden" name="data-contactar" id="data-contactar" value="">
+                            </form>
+                        </div>
+                    </main>
+                </main>
+            </div>
+        </div>
+    </div>
+        
+<style>
+
+    #dimension {
+        height:250px;
+        overflow: auto;
+    }
+
+    #dimension table thead tr th,table tbody tr td {
+      font-size: 14px;
+      font-weight: bold;
+      text-align: center;
+    }
+
+    .container-error{
+      padding: 0 32px 32px 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-direction: column;
+    }
+
+    .error-header{
+      border-bottom: 3px solid #4b4b4b;
+      color: black;
+      text-align: center;
+      padding: 14px 16px;
+      margin: 12px;
+    }
+
+    .error-msg{
+      padding: 25px;
+      border: 1px solid #ccc;
+      margin-bottom: 10px;
+    }
+
+    /* Style the tab */
+    .tab {
+    overflow: hidden;
+    border-bottom: 1px solid #ccc;
+    padding: 5px;
+  }
+
+  /* Style the buttons inside the tab */
+  .tab button {
+    background-color: inherit;
+    float: left;
+    border: none;
+    outline: none;
+    padding: 14px 16px;
+    transition: 0.1s;
+    font-size: 17px;
+    margin: 7px;
+    color: #969696;
+  }
+
+  /* Change background color of buttons on hover */
+  .tab button:hover {
+    border-bottom: 3px solid #4b4b4b;
+    color:black;
+  }
+
+  /* Create an active/current tablink class */
+  .tab button.active {
+    border-bottom: 3px solid #4b4b4b;
+    color:black;
+  }
+
+  /* Style the tab content */
+  .tabcontent {
+    display: none;
+    padding: 25px;
+    border: 1px solid #ccc;
+    border-top: none;
+  }
+  .tabcontent p {
+    font-size: 14px;
+  }
+
+  /*---------------------------------------*/
+  select.input-sm {
+    line-height: 0px !important;
+    font-size:  14px !important;
+  }
+  #ficha {
+    background: cornflowerblue;
+    height: 37px;
+    border-radius: 0px!important;
+    transition: background 0.3s ease 0s;
+    color:white;
+  }
+  #ver-3d {
+    background: cornflowerblue;
+    height: 34px;
+    transition: background 0.3s ease 0s;
+  }
+  #ver-3d:hover,#ficha:hover {
+    background: #4673c5;
+    color: #fff;
+  }
+  #tblSeriesModels_info {
+    margin-bottom: 20px!important;
+  }
+
+  .a-btn{
+    font-size: 1.6rem !important;
+    height: 36px;
+    background: transparent none repeat scroll 0% 0%;
+    padding-top: 11px !important;
+    padding-bottom: 0px !important;
+  }
+</style>
+
+</main>
+
+
+       </main>
+     </div>
+   </div>
+ </div>
+
+
+ 
+ <link rel="stylesheet" type="text/css" href="css/style-table.css" media="all" />
+
+<script>
+  function contactar(cad){
+    let frm = document.getElementById("frm");
+    let dataContactar = document.getElementById("data-contactar");
+
+    dataContactar.value = cad;
+    frm.submit();
+  }
+</script>
+
+<?php 
+include 'footer.php' ?>
+</div>
+</div>
+</body>
+</html>

+ 151 - 0
etiqueta.php

@@ -0,0 +1,151 @@
+<?php
+require_once 'shared/conexionBD.php';
+//encode utf8
+mysqli_query($conexion, "SET NAMES utf8");
+
+$nombreParametros = ["tEti", "nITM", "cLITM", "nLote", "cPzas", "uMed", "tDoc", "nDoc", "UKID"];
+
+if($_SERVER['METHOD'] == 'POST'){
+    header("Location: https://www.solerpalau.mx");
+    exit;
+}else{
+
+    if(empty($_GET)){
+        header("Location: https://www.solerpalau.mx");
+        exit;
+    }else{
+        if(!array_key_exists("data", $_GET)){
+            header("Location: https://www.solerpalau.mx");
+            exit;
+        }
+
+        $parametrosStr = $_GET["data"];
+        $parametrosArr = explode(" ", $parametrosStr);
+
+        if(count($parametrosArr) < 9){
+            header("Location: https://www.solerpalau.mx");
+            exit;
+        }
+
+        $dataArr = array();
+        for($i = 0; $i < count($nombreParametros); $i++){
+            $dataArr[$nombreParametros[$i]] = $parametrosArr[$i];
+        }
+
+        $qryReg = "SELECT IDREGISTRO FROM ITT_ALP_TABLAS WHERE CONTENIDO LIKE '%" . $dataArr["cLITM"] . "%'";
+        $gstReg = mysqli_query($conexion, $qryReg);
+        $date = date('Y-m-d H:i:s');
+        $ip = $_SERVER['REMOTE_ADDR'];
+        $cadqr = "https://solerpalau.mx" . $_SERVER['REQUEST_URI'];
+        
+        if($gstReg->num_rows == 0){
+            $accionForm = "errorEtiqueta.php";
+            $esta = "Error";
+            $method = "POST";
+        }else{
+            $idRegistro = '';
+
+            while($rowReg = mysqli_fetch_assoc($gstReg)){
+                $idRegistro = $rowReg["IDREGISTRO"];
+            }
+
+            $qryProducto = "SELECT GL.LINEA, GL.MODELO, GL.SUBMODELO, PR.ARCH_FICH FROM ITT_ALP_GLOBAL AS GL LEFT JOIN ITT_ASW_PROD AS PR ON PR.SUBM = GL.SUBMODELO WHERE GL.ID = '$idRegistro' LIMIT 1";
+            $gstProducto = mysqli_query($conexion, $qryProducto);
+
+            while($rowProd = mysqli_fetch_assoc($gstProducto)){
+                $linea = $rowProd["LINEA"];
+                $modelo = $rowProd["MODELO"];
+                $submodelo = $rowProd["SUBMODELO"];
+                $ficha = $rowProd["ARCH_FICH"];
+            }
+
+            $accionForm = "producto.php";
+            $esta = "Exito";
+            $method = "GET";
+        }
+        
+        $qryRegistrarConsulta = "INSERT INTO ITT_ASW_ETQR (FEHR, IPUS, CAQR, ESTA) VALUES ('$date', '$ip', '$cadqr', '$esta')";
+        $gstRegCons = mysqli_query($conexion, $qryRegistrarConsulta);
+
+        if($ficha !== null){
+            $location = $ficha;
+            
+            if(file_exists($location)){
+                $name = basename($location);
+                $name = urlencode($name);
+                
+                header("Content-type: application/pdf");
+                header('Content-Disposition: inline; filename="' . $name . '"');
+                header('Expires: 0');
+                header('Cache-Control: must-rSomething is wrongidate');
+                header('Pragma: public');
+                header('Content-Length: ' . filesize($location));
+                // Send the file to the browser.
+                readfile($location);
+                exit;
+            }
+        }
+    }
+}
+?>
+<!DOCTYPE html>
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+  <meta content="width=device-width, initial-scale=1" name="viewport"/>
+  <title>Etiqueta – S&amp;P</title>
+  <meta name="keywords" content="Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <!-- ================================================================================ -->
+  <script type="text/javascript" src="js/events.js"></script>
+
+ <!-- ================================================================================ -->
+ <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+ <!-- ================================================================================ -->
+ <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+ <link href="css/flexslider.css" rel="stylesheet">
+ <!-- ================================================================================ -->
+</head>
+<body>
+    <form id="frm" action="<?php echo $accionForm; ?>" method="<?php echo $method; ?>">
+        <?php if($esta == "Error") { ?>
+            <input type="hidden" name="data" value="<?php echo base64_encode($cadqr); ?>">
+        <?php } else { ?>
+            <input type="hidden" name="linea" value="<?php echo $linea; ?>">
+            <input type="hidden" name="modelo" value="<?php echo $modelo; ?>">
+            <input type="hidden" name="submodelo" value="<?php echo $submodelo; ?>">
+        <?php } ?>
+    </form>
+
+    <script>
+        let frm = document.getElementById("frm");
+        frm.submit();
+    </script>
+</body>
+</html>

+ 133 - 0
footer.php

@@ -0,0 +1,133 @@
+
+<footer>
+	<div id="footer">
+		<div class="cms-footer-links">
+			<div class="container grid">
+				<ul class="cms-footer-links-list">
+					<li class="hcol-3-12">
+						<p class="titles-footer">Divisiones de Productos</p>
+						<ul>
+							<li><a href="linea.php?linea=Hábitat">Hábitat</a></li>
+							<li><a href="linea.php?linea=Comercial">Comercial</a></li>
+							<li><a href="linea.php?linea=Industrial">Industrial</a></li>
+							<li><a href="linea.php?linea=OEM">OEM</a></li>
+							<li><a href="recuperacion-energia.php">Recuperadores de Energía</a></li>
+							<li><a href="apl.php">APL</a></li>
+						</ul>
+					</li>
+					<li class="hcol-3-12">
+						<p class="titles-footer">Por qué S&P</p>
+						<ul>
+							<li><a href="nuestra-marca.php">Nuestra Marca</a></li>
+							<li><a href="produccion.php">Producción</a></li>
+							<li><a href="politicas-compania.php">Políticas de la Compañía</a></li>
+							<li><a href="calidad.php">Calidad</a></li>
+							<li><a href="innovacion.php">Innovación</a></li>
+							<li><a href="calidad-medio-ambiente.php">Calidad Y Medio Ambiente</a></li>
+							<li><a href="sustentabilidad.php">Sustentabilidad</a></li>
+							<li><a href="certificaciones.php">Certificaciones</a></li>
+							<li><a href="catalogo-corporativo.php">Catálogo Corporativo</a></li>
+							<li><a href="bolsatrabajo.php">Empleo</a></li>
+						</ul>
+					</li>
+					<li class="hcol-3-12">
+						<p class="titles-footer">Recursos</p>
+						<ul>
+							<li><a href="manual-ventilacion.php">Manual de Ventilación</a></li>
+							<li><a href="hojas-tecnicas.php">Hojas Técnicas</a></li>
+							<li><a href="casos-practicos.php">Casos Prácticos</a></li>
+							<li><a href="bibliografia.php">Bibliografía</a></li>
+							<li><a href="manual-mantenimiento.php">Manual de Mantenimiento</a></li>
+							<li><a href="normativa-1.php">Normativas</a></li>
+							<li><a href="catalogo.php">Catálogos</a></li>
+							<li><a href="manual-corporativo.php">Imagen Corporativa</a></li>
+							<li><a href="apps.php">Aplicaciones Móviles</a></li>
+						</ul>
+					</li>
+				</div>
+			</div>
+			<div class="content_social_media">
+				<div class="container grid">
+					<div class="container_social_media">
+						<span>Síguenos</span>
+						<div>
+							<a href="https://www.facebook.com/sypventilacionmexico/" target="_blank" title="Facebook">
+								<img src="/media/redes_sociales/Facebook.png" /> 
+							</a>
+							<a href="https://www.instagram.com/sypventilacionmexico/" target="_blank" title="Instagram">
+								<img src="/media/redes_sociales/Instagram.png" /> 
+							</a>
+							<a href="https://www.youtube.com/channel/UCrI7jELQED4CFE6L3rJWazA" target="_blank" title="YouTube">
+								<img src="/media/redes_sociales/YouTube.png" /> 
+							</a>
+							<a href="https://mx.linkedin.com/company/soler-y-palau-m%C3%A9xico" target="_blank" title="Linkedin">
+								<img src="/media/redes_sociales/Linkedin.png" /> 
+							</a>
+							<a href="https://twitter.com/solerpalaumx" target="_blank" title="X">
+								<img src="/media/redes_sociales/X.png" /> 
+							</a>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="container footer-links-copyright grid">
+				<div class="hcol-3-12">
+					<div class="footer-copyright">
+						Copyright © <?php echo date('Y'); ?> S&P México. Todos los derechos reservados.
+					</div>
+				</div>
+				<div class="hcol-9-12">
+					<div class="footer-links-language">
+						<div class="footer-company-links">
+							<ul>
+								<li><a href="easyvent.php">EasyVent</a></li>
+								<li><a href="bolsatrabajo.php">Trabaja con nosotros</a></li>
+								<li><a href="contacto.php">Contactar</a></li>
+								<li><a href="politicas-privacidad.php">Políticas de Privacidad</a></li>
+								<li><a href="aviso-privacidad.php">Aviso de Privacidad</a></li>
+							</ul>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</footer>
+<style>
+	.content_social_media {
+		background-color: #D8D8D8 !important;
+		padding: 40px 0;
+	}
+
+	.container_social_media {
+		display: flex;
+		flex-wrap: wrap;
+	}
+
+	.container_social_media span {
+		display: flex;
+		align-items: center;
+		margin-right: 30px;
+		color: #333333;
+		font-weight: 600;
+		font-size: 16px;
+		font-family: Roboto Slab,serif;
+	}
+
+	.container_social_media div {
+		display: flex;
+		flex-wrap: wrap;
+	}
+
+	.container_social_media div a {
+		margin-right: 20px;
+		display: flex;
+		align-items: center;
+	}
+	.container_social_media div a img {
+		height: 50px;
+		/* background-color: #999999; */
+	}
+</style>
+<?php  include 'popover-exit.html' ?>
+<script type="text/javascript" src="js/popover-exit.js"></script>

+ 529 - 0
header.php

@@ -0,0 +1,529 @@
+<?php
+require_once 'shared/conexionBD.php';
+//hacemos una consulta para obtener los modelos de hábitat
+mysqli_query($conexion, "SET NAMES utf8");
+
+$query = "SELECT ID,LINEA,MODELO FROM ITT_ALP_GLOBAL WHERE MODELO <> 'Refacciones' AND MODELO <> 'MOTORES' AND MODELO <> 'TRANSMISIONES' GROUP BY MODELO";
+
+$resultado = mysqli_query($conexion, $query) or die("Algo ha ido mal en la consulta a la base de datos");
+
+
+while ($columna = mysqli_fetch_assoc($resultado)) {
+    $modelosGlobal[] = ["ID" => $columna['ID'], "MODELO" => $columna['MODELO'], "LINEA" => $columna['LINEA'], "URL" => ''];
+    $arrGeneral[] = $columna;
+}
+
+//creamos consulta para ver las imagenes pricipales de las lineas
+$qryImagenes = "SELECT LINEA,MODELO,URLIMG from ITT_ASW_IMG";
+$qryImg = mysqli_query($conexion, $qryImagenes);
+
+$arrImgs = [];
+while ($columnImgs = mysqli_fetch_assoc($qryImg)) {$arrImgs[] = $columnImgs;}
+function filtrarDatos($arr, $search, $arrImgs)
+{
+    //Filtramos por la linea especificada
+    $result = array_filter($arr, function ($obj) use ($search) {
+        if (stripos($obj['LINEA'], $search) !== false) {
+            return true;
+        }
+        return false;
+    });
+
+    //Fusionamos con los resultados de las imagenes si el modelo coincide
+    foreach ($arrImgs as $columnImgs) {
+
+        $url = $columnImgs['URLIMG'];
+        $modelo = $columnImgs['MODELO'];
+
+        array_walk($result,
+            function (&$value, $key) use (&$result, $modelo, $url) {
+                if ($value['MODELO'] == $modelo) {
+                    $value['URLIMG'] = $url;
+                }
+            }
+        );
+    }
+
+    return $result;
+}
+
+function verMenuMovil($modelosGlobal, $linea, $arrImgs)
+{
+
+    $arrFiltrado = filtrarDatos($modelosGlobal, $linea, $arrImgs);
+    $c = 0;
+    foreach ($arrFiltrado as $modeloArr) {
+        $modelo = $modeloArr['MODELO'];
+        $query = 'linea=' . urlencode($linea) . '&modelo=' . urlencode($modelo);
+        echo "<li  class='level2 nav-1-1-" . $c . " first'>
+        <a href='modelo.php?" . htmlentities($query) . "' class='level2'>
+        " . $modelo . "
+        </a>
+        </li>";
+        $c++;
+    }
+
+}
+
+function verMenuDesktop($modelosGlobal, $linea, $arrImgs)
+{
+    //Filtrar datos por linea
+    $arrFiltrado = filtrarDatos($modelosGlobal, $linea, $arrImgs);
+
+    $ImagenMostrada = "";
+    $c = 0;
+    foreach ($arrFiltrado as $modeloGlobal) {
+        $modelo = $modeloGlobal['MODELO'];
+        $imagen = $modeloGlobal['ID'] . ".jpg";
+
+        if (!empty($modeloGlobal['URLIMG'])) {
+            $imagen = explode("/", $modeloGlobal['URLIMG']);
+            $imagen = 'ALP/' . trim($imagen[2]);
+        } else {
+
+            $imagen = $modeloGlobal['ID'] . ".jpg";
+            $fichero = 'ALP/' . $imagen;
+            $imagen = (file_exists($fichero)) ? $rutaImagenCompleta = $fichero : $rutaImagenCompleta = 'media/noimagen.jpg';
+        }
+
+        $query = 'linea=' . urlencode($linea) . '&modelo=' . urlencode($modelo);
+
+        echo "<li  class='level2 nav-1-1-" . $c . " first'>
+        <a href='modelo.php?" . htmlentities($query) . "'
+        class='level2 '>
+        <img src=" . $imagen . " width='100px' alt='" . $modelo . "' />
+        " . $modelo . "
+        </a>
+        </li>";
+        $c++;
+    }
+
+    if($linea == 'Atenuación Acústica') {
+        // echo "<div class='searched-prod s-col-1-4'>";
+        echo "<li class='level2 nav-1-1-".$c." first'>";
+        echo    "<div class='product-image'>";
+        echo        "<a href='atenuadores.php' title='Calculadora' class='product-image'>";
+        echo            "<svg aria-hidden='true' style='max-width: 75px; max-height: 75px;' focusable='false' data-prefix='fas' data-icon='calculator' class='svg-inline--fa fa-calculator fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='currentColor' d='M400 0H48C22.4 0 0 22.4 0 48v416c0 25.6 22.4 48 48 48h352c25.6 0 48-22.4 48-48V48c0-25.6-22.4-48-48-48zM128 435.2c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm0-128c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm128 128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm0-128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm128 128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8V268.8c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v166.4zm0-256c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8V76.8C64 70.4 70.4 64 76.8 64h294.4c6.4 0 12.8 6.4 12.8 12.8v102.4z'></path></svg>";
+        echo        "</a>";
+        echo    "</div>";
+        echo    "<div class='product-name'>";
+        echo        "<a href='atenuadores.php' title='Calculadora de atenudor'>";
+        echo            "<span class='highlight'>Calculadora de Atenudor</span>";
+        echo        "</a>";
+        echo    "</div>";
+        echo "</li>";
+        // echo "</div>";
+
+    }
+
+}
+
+?>
+
+<div class="mobile-menu">
+    <div class="mobile-menu-header">
+        <div class="mobile-menu-go-back icon-arrow-left2"></div>
+        <div class="menu-mobile-close icon-close"></div>
+    </div>
+    <!-- menu para tabletas y celulares -->
+    <div class="nav-container">
+        <ul id="nav">
+            <li class="level0 nav-1 first parent">
+                <a href="index.php" class="level0 has-children" data-type="">PRODUCTO</a>
+                <ul class="level0">
+                    <!-- Esto es para hábitat -->
+                    <li class="level1 nav-1-1 first parent">
+                        <a href="linea.php?linea=<?php echo (urlencode("Hábitat")) ?>">HÁBITAT</a>
+                        <ul class="level">
+                            <?php verMenuMovil($modelosGlobal, 'Hábitat', $arrImgs);?>
+                        </ul>
+                    </li>
+                    <!-- termina hábitat -->
+                    <!-- Esto es para Comercial -->
+                    <li class="level1 nav-1-1 first parent">
+                        <a href="linea.php?linea=<?php echo ("Comercial") ?>">COMERCIAL</a>
+                        <ul class="level">
+                            <?php verMenuMovil($modelosGlobal, 'Comercial', $arrImgs);?>
+                        </ul>
+                    </li>
+                    <!-- termina Comercial -->
+                    <!-- Esto es para Industrial -->
+                    <li class="level1 nav-1-1 first parent">
+                        <a href="linea.php?linea=<?php echo (urlencode("Industrial")) ?>">INDUSTRIAL</a>
+                        <ul class="level">
+                            <?php verMenuMovil($modelosGlobal, 'Industrial', $arrImgs);?>
+                        </ul>
+                    </li>
+                    <!-- termina Industrial -->
+                    <li class="level1 nav-1-1 first parent">
+                        <a href="linea.php?linea=<?php echo (urlencode("Atenuación Acústica")) ?>">Atenuadores</a>
+                        <ul class="level">
+                            <?php verMenuMovil($modelosGlobal, 'Atenuación Acústica', $arrImgs);?>
+                        </ul>
+                    </li>
+                    <!-- Esto es para OEM -->
+                    <li class="level1 nav-1-1 first parent">
+                        <a href="linea.php?linea=<?php echo (urlencode("OEM")) ?>">OEM</a>
+                        <ul class="level">
+                            <?php verMenuMovil($modelosGlobal, 'OEM', $arrImgs);?>
+                        </ul>
+                    </li>
+                    <!-- termina OEM -->
+                    <li class="level1 nav-1-1 first parent">
+                        <a>Recuperadores de energía</a>
+                        <ul class="level">
+                            <li class="level2 nav-1-1-1 first">
+                                <a href="recuperacion-energia.php" class="level2 ">
+                                Unidades de ventilación para recuperación de energía</a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="level1 nav-1-1 first parent">
+                        <a>APL</a>
+                        <ul class="level">
+                            <li class="level2 nav-1-1-1 first">
+                                <a href="apl.php" class="level2 ">
+                                División APL</a>
+                            </li>
+                        </ul>
+                    </li>
+                </ul>
+            </li>
+            <li class="level0 nav-2 parent">
+                <a class="level0 has-children">Por qué S&P</a>
+                <ul class="level0">
+                    <li class="level1 nav-2-1 first"><a href="nuestra-marca.php" class="level1 " data-type="">
+                        Nuestra Marca</a>
+                    </li>
+                    <li class="level1 nav-2-1 first">
+                        <a href="produccion.php" class="level1 " data-type="">Producción</a>
+                    </li>
+                    <li class="level1 nav-2-1 first">
+                        <a href="politicas-compania.php" class="level1 " data-type="">Políticas de la Compañía</a>
+                    </li>
+                    <li class="level1 nav-2-1 first">
+                        <a href="calidad.php" class="level1 " data-type="">Calidad</a>
+                    </li>
+                    <li class="level1 nav-2-1 first">
+                        <a href="innovacion.php" class="level1 " data-type="">Innovación</a>
+                    </li>
+                    <li class="level1 nav-5-7">
+                        <a href="calidad-medio-ambiente.php" class="level1 " data-type="">Medio Ambiente</a>
+                    </li>
+                    <li class="level1 nav-5-7">
+                        <a href="certificaciones.php" class="level1 " data-type="">Certificaciones</a>
+                    </li>
+                    <li class="level1 nav-2-1 first">
+                        <a href="catalogo-corporativo.php" class="level1 " data-type="">Catálogo Corporativo</a>
+                    </li>
+                    <li class="level1 nav-5-7">
+                        <a href="bolsatrabajo.php" class="level1 " data-type="">Trabaja con nosotros</a>
+                    </li>
+                    <li class="level1 nav-5-7">
+                        <a href="atenuadores.php" class="level1 " data-type="">Software de atenuadores</a>
+                    </li>
+                </ul>
+            </li>
+            <li class="level0 nav-3 parent">
+                <a href="easyvent.php" class="level0 has-children" data-type="" style="cursor: default !important;">CALCULADORES</a>
+            </li>
+            <li class="level0 nav-4 parent">
+                <a class="level0 has-children">Recursos</a>
+                <ul class="level0">
+                    <li class="level1 nav-4-1 first">
+                        <a href="manual-ventilacion.php" class="level1 " data-type="">Manual de Ventilación</a>
+                    </li>
+                    <li class="level1 nav-4-2">
+                        <a href="hojas-tecnicas.php" class="level1 " data-type="">Hojas técnicas</a>
+                    </li>
+                    <li class="level1 nav-4-3">
+                        <a href="casos-practicos.php" class="level1 " data-type="">Casos Prácticos</a>
+                    </li>
+                    <li class="level1 nav-4-5">
+                        <a href="bibliografia.php" class="level1 " data-type="">Bibliografía</a>
+                    </li>
+                    <li class="level1 nav-4-6">
+                        <a href="manual-mantenimiento.php" class="level1 " data-type="">Manual De Mantenimiento</a>
+                    </li>
+                    <li class="level1 nav-4-5">
+                        <a href="normativa-1.php" class="level1 " data-type="">Normativas</a>
+                    </li>
+                    <li class="level1 nav-4-2">
+                        <a href="catalogo.php" class="level1 " data-type="">Catálogos</a>
+                    </li>
+                    <li class="level1 nav-2-1 first">
+                        <a href="manual-corporativo.php" class="level1 " data-type="">Imagen Corporativa</a>
+                    </li>
+                    <li class="level1 nav-4-7">
+                        <a href="apps.php" class="level1 " data-type="">Aplicaciones Móviles</a>
+                    </li>
+                </ul>
+            </li>
+            <li class="level0 nav-6 parent">
+                <a href="contacto.php" class="level0 has-children" data-type="">contacto</a>
+            </li>
+            <li class="level0 nav-6 parent">
+                <a href="https://www.solerpalau.com/es-es/blog/" class="level0 has-children" data-type="">BLOG</a>
+            </li>
+            <li class="level0 nav-6 parent">
+                <a href="sustentabilidad.php" class="level0 has-children" data-type="">sustentabilidad</a>
+            </li>
+            <div class="clearfix"></div>
+        </ul>
+    </div>
+    <form id="search_mini_form_mobile" action="catalogosearch.php" method="get" autocomplete="off">
+        <div class="form-search">
+            <input id="mobile-search" type="text" placeholder="Ejem. Silent" name="pbusqueda" value="" class="input-text" maxlength="128" />
+            <button type="submit" title="Búsqueda" class="button icon-search">
+                <span>Búsqueda</span>
+            </button>
+        </div>
+    </form>
+</div>
+
+<div class="wrapper">
+    <div class="page">
+        <header>
+            <!-- Barra Superior -->
+            <!-- 
+                <div class="bar removeBar" style="height:30px;font-size:14px;color: #856404;background-color: #fff3cd;border-color: #ffeeba;">
+                    <div style="padding:2px">
+                        <svg width="12px" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="exclamation-triangle" class="svg-inline--fa fa-exclamation-triangle fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"/></svg>
+                            Este es un sitio de prueba, lo invitamos a visitar nuestro sitio web Oficial en <a href="https://www.solerpalau.mx/">https://www.solerpalau.mx/</a>
+                    </div>
+                </div> 
+            -->
+            <div class="bar removeBar" style="height:25px;font-size:13px" >
+                <div class="urls" style="float:right;height: 10px; font-size: 13px; float: right;">
+                    <a href="http://www.solerpalau.com/" target="_blank">
+                        <i><svg aria-hidden="true" width="12px" focusable="false" data-prefix="fas" data-icon="globe-americas" class="svg-inline--fa fa-globe-americas fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm82.29 357.6c-3.9 3.88-7.99 7.95-11.31 11.28-2.99 3-5.1 6.7-6.17 10.71-1.51 5.66-2.73 11.38-4.77 16.87l-17.39 46.85c-13.76 3-28 4.69-42.65 4.69v-27.38c1.69-12.62-7.64-36.26-22.63-51.25-6-6-9.37-14.14-9.37-22.63v-32.01c0-11.64-6.27-22.34-16.46-27.97-14.37-7.95-34.81-19.06-48.81-26.11-11.48-5.78-22.1-13.14-31.65-21.75l-.8-.72a114.792 114.792 0 0 1-18.06-20.74c-9.38-13.77-24.66-36.42-34.59-51.14 20.47-45.5 57.36-82.04 103.2-101.89l24.01 12.01C203.48 89.74 216 82.01 216 70.11v-11.3c7.99-1.29 16.12-2.11 24.39-2.42l28.3 28.3c6.25 6.25 6.25 16.38 0 22.63L264 112l-10.34 10.34c-3.12 3.12-3.12 8.19 0 11.31l4.69 4.69c3.12 3.12 3.12 8.19 0 11.31l-8 8a8.008 8.008 0 0 1-5.66 2.34h-8.99c-2.08 0-4.08.81-5.58 2.27l-9.92 9.65a8.008 8.008 0 0 0-1.58 9.31l15.59 31.19c2.66 5.32-1.21 11.58-7.15 11.58h-5.64c-1.93 0-3.79-.7-5.24-1.96l-9.28-8.06a16.017 16.017 0 0 0-15.55-3.1l-31.17 10.39a11.95 11.95 0 0 0-8.17 11.34c0 4.53 2.56 8.66 6.61 10.69l11.08 5.54c9.41 4.71 19.79 7.16 30.31 7.16s22.59 27.29 32 32h66.75c8.49 0 16.62 3.37 22.63 9.37l13.69 13.69a30.503 30.503 0 0 1 8.93 21.57 46.536 46.536 0 0 1-13.72 32.98zM417 274.25c-5.79-1.45-10.84-5-14.15-9.97l-17.98-26.97a23.97 23.97 0 0 1 0-26.62l19.59-29.38c2.32-3.47 5.5-6.29 9.24-8.15l12.98-6.49C440.2 193.59 448 223.87 448 256c0 8.67-.74 17.16-1.82 25.54L417 274.25z"></path></svg></i>
+                        S&P World Wide &nbsp;
+                    </a>
+                    <a href="contacto.php#colombia">
+                        <i><svg aria-hidden="true" width="12px" focusable="false" data-prefix="fas" data-icon="link" class="svg-inline--fa fa-link fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg></i>
+                        Contacto Colombia &nbsp; 
+                    </a>
+                    <a href="contacto.php#peru">
+                        <i><svg aria-hidden="true" width="12px" focusable="false" data-prefix="fas" data-icon="link" class="svg-inline--fa fa-link fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg></i>
+                        Contacto Perú &nbsp;
+                    </a>
+                    <a href="https://smart.solerpalau.mx/PR/index.php" target="_blank">
+                        <i><svg aria-hidden="true" width="12px" focusable="false" data-prefix="fas" data-icon="unlock" class="svg-inline--fa fa-unlock fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 256H152V152.9c0-39.6 31.7-72.5 71.3-72.9 40-.4 72.7 32.1 72.7 72v16c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24v-16C376 68 307.5-.3 223.5 0 139.5.3 72 69.5 72 153.5V256H48c-26.5 0-48 21.5-48 48v160c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"></path></svg></i>
+                        Portal de Clientes y Proveedores &nbsp;
+                    </a>
+                    <!-- <a href="https://smart.solerpalau.mx/PR/index.php" target="_blank">
+                        <i><svg aria-hidden="true" width="12px" focusable="false" data-prefix="fas" data-icon="unlock" class="svg-inline--fa fa-unlock fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 256H152V152.9c0-39.6 31.7-72.5 71.3-72.9 40-.4 72.7 32.1 72.7 72v16c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24v-16C376 68 307.5-.3 223.5 0 139.5.3 72 69.5 72 153.5V256H48c-26.5 0-48 21.5-48 48v160c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"></path></svg></i>
+                        Portal Proveedores &nbsp;
+                    </a> -->
+                </div>
+                <!-- /Barra Superior -->
+            </div>
+            <div class="header-logo">
+                <div class="container">
+                    <a href="index.php" title="Soler & Palau Sistemas de ventilación" class="logo">
+                        <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/logo.svg" srcset="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/logo.svg 1x, https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/logo.svg 2x" alt="Soler & Palau Sistemas de ventilación" />
+                    </a>
+                </div>
+            </div>
+            <div class="header-search-links">
+                <div class="container grid">
+                    <div class="hcol-5-12">
+                        <form id="search_mini_form" action="catalogosearch.php" method="get" autocomplete="off">
+                            <div class="form-search">
+                                <div class="hcol-11-12">
+                                    <input id="searchPrincipal" type="text" placeholder="Ejem. Silent " name="pbusqueda" class="input-text" maxlength="128" />
+                                    <button id="searcherbutton" type="submit" title="Búsqueda" class="button icon-search">
+                                        <span> Búsqueda </span>
+                                    </button>
+                                </div>
+                                <div class="hcol-1-12">
+                                    <a id="search-close" class="form-search-close icon-close" title="Cerrar"></a>
+                                </div>
+                            </div>
+                        </form>
+                        <script type="text/javascript">
+                            //<![CDATA[
+                            if (typeof HIB.searcher == 'object') {
+                                HIB.searcher.suggest_url = 'catalogsearch/ajax/suggest/index.html';
+                                HIB.searcher.field_name = 'q';
+                                HIB.searcher.min_chars = '2';
+                                HIB.searcher.delay = '0.1';
+                                HIB.searcher.init();
+                            }
+                            //]]>
+                        </script>
+                    </div>
+                </div>
+            </div>
+            <!-- Menu para desktop -->
+            <nav class="header-nav">
+                <div class="container grid">
+                    <div class="container-titles-menu hcol-10-12">
+                        <div class="nav-container">
+                            <ul id="nav">
+                                <li class="level0 nav-1 first parent">
+                                    <a href="index.php" class="level0 has-children" data-type="" style="cursor: default !important;">PRODUCTO</a>
+                                    <ul class="level0">
+                                        <!-- Esto es para hábitat -->
+                                        <li class="level1 nav-1-1 first parent">
+                                            <a href="linea.php?linea=<?php echo (urlencode("Hábitat")) ?>">Hábitat</a>
+                                            <ul class="level">
+                                                <?php verMenuDesktop($arrGeneral, 'Hábitat', $arrImgs);?>
+                                            </ul>
+                                        </li>
+                                        <!-- termina hábitat -->
+                                        <!-- Esto es para Comercial -->
+                                        <li class="level1 nav-1-1 first parent">
+                                            <a href="linea.php?linea=<?php echo ("Comercial") ?>">Comercial</a>
+                                            <ul class="level">
+                                                <?php verMenuDesktop($arrGeneral, 'Comercial', $arrImgs);?>
+                                            </ul>
+                                        </li>
+                                        <!-- termina Comercial -->
+                                        <!-- Esto es para Industrial -->
+                                        <li class="level1 nav-1-1 first parent">
+                                            <a href="linea.php?linea=<?php echo ("Industrial") ?>">Industrial</a>
+                                            <ul class="level">
+                                                <?php verMenuDesktop($arrGeneral, 'Industrial', $arrImgs);?>
+                                            </ul>
+                                        </li>
+                                        <li class="level1 nav-1-1 first parent">
+                                            <a href="linea.php?linea=<?php echo ("Atenuación Acústica") ?>">Atenuadores</a>
+                                            <ul class="level">
+                                                <?php verMenuDesktop($arrGeneral, 'Atenuación Acústica', $arrImgs);?>
+                                            </ul>
+                                        </li>
+                                        <li class="level1 nav-1-1 first parent">
+                                            <a href="linea.php?linea=<?php echo ("OEM") ?>">OEM</a>
+                                            <ul class="level">
+                                                <?php verMenuDesktop($arrGeneral, 'OEM', $arrImgs);?>
+                                            </ul>
+                                        </li>
+                                        <!-- termina Industrial -->
+                                        <li class="level1 nav-1-1 first parent">
+                                            <a>Recuperadores de energía</a>
+                                            <ul class="level">
+                                                <li class="level2 nav-1-1-1 first">
+                                                    <a href="recuperacion-energia.php" class="level2 ">
+                                                        <img src="media/img/energyefficient.jpg" width="100px" />
+                                                        Unidades de ventilación para recuperación de energía
+                                                    </a>
+                                                </li>
+                                            </ul>
+                                        </li>
+                                        <li class="level1 nav-1-1 first parent">
+                                            <a>APL</a>
+                                            <ul class="level">
+                                                <li class="level2 nav-1-1-1 first">
+                                                    <a href="apl.php" class="level2 ">
+                                                        <img src="media/home/categories_home/producto/apl-1.png" width="100px" />
+                                                        División APL
+                                                    </a>
+                                                </li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="level0 nav-2 parent">
+                                    <a class="level0 has-children" style="cursor: default !important;">Por qué S&P</a>
+                                    <ul class="level0">
+                                        <li class="level1 nav-2-1 first">
+                                            <a href="nuestra-marca.php" class="level1 " data-type="">Nuestra Marca</a> 
+                                        </li>
+                                        <li class="level1 nav-2-1 first">
+                                            <a href="produccion.php" class="level1 " data-type="">Producción</a>
+                                        </li>
+                                        <li class="level1 nav-2-1 first">
+                                            <a href="politicas-compania.php" class="level1 " data-type="">Políticas de la Compañía</a>
+                                        </li>
+                                        <li class="level1 nav-2-1 first">
+                                            <a href="calidad.php" class="level1 " data-type="">Calidad</a>
+                                        </li>
+                                        <li class="level1 nav-2-1 first">
+                                            <a href="innovacion.php" class="level1 " data-type="">Innovación</a>
+                                        </li>
+                                        <li class="level1 nav-5-7">
+                                            <a href="calidad-medio-ambiente.php" class="level1 " data-type="">Medio Ambiente</a>
+                                        </li>
+                                        <li class="level1 nav-5-7">
+                                            <a href="certificaciones.php" class="level1 " data-type="">Certificaciones</a>
+                                        </li>
+                                        <li class="level1 nav-2-1 first">
+                                            <a href="catalogo-corporativo.php" class="level1 " data-type="">Catálogo Corporativo</a>
+                                        </li>
+                                        <li class="level1 nav-5-7">
+                                            <a href="bolsatrabajo.php" class="level1 " data-type="">Trabaja con Nosotros</a>
+                                        </li>
+                                        <li class="level1 nav-5-7">
+                                            <a href="atenuadores.php" class="level1 "data-type="">Software de atenuadores</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="level0 nav-3 parent">
+                                    <a class="level0 has-children" style="cursor: default !important;" data-type="">CALCULADORES</a>
+                                    <ul class="level0">
+                                        <li class="level1 nav-2-1 first">
+                                            <a class="level1" href="easyvent.php" data-type="">Entrar a EasyVent</a>
+                                        </li>
+                                        <li class="level1 nav-2-1 first">
+                                            <a class="level1" href="easycalc.php" data-type="">Entrar a EasyCalc</a>
+                                        </li>
+                                        <li class="level1 nav-2-1 first">
+                                            <a class="level1" href="easyduct.php" data-type="">Entrar a EasyDuct</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="level0 nav-4 parent">
+                                    <a class="level0 has-children" style="cursor: default !important;">Recursos</a>
+                                    <ul class="level0">
+                                        <li class="level1 nav-4-1 first">
+                                            <a href="manual-ventilacion.php" class="level1 " data-type="">Manual de Ventilación</a>
+                                        </li>
+                                        <li class="level1 nav-4-2">
+                                            <a href="hojas-tecnicas.php" class="level1 " data-type="">Hojas Técnicas</a>
+                                        </li>
+                                        <li class="level1 nav-4-3">
+                                            <a href="casos-practicos.php" class="level1 " data-type="">Casos Prácticos</a>
+                                        </li>
+                                        <li class="level1 nav-4-5">
+                                            <a href="bibliografia.php" class="level1 " data-type="">Bibliografía</a>
+                                        </li>
+                                        <li class="level1 nav-4-6">
+                                            <a href="manual-mantenimiento.php" class="level1 " data-type="">Manual de Mantenimiento</a>
+                                        </li>
+                                        <li class="level1 nav-4-5">
+                                            <a href="normativa-1.php" class="level1 " data-type="">Normativas</a>
+                                        </li>
+                                        <li class="level1 nav-4-2">
+                                            <a href="catalogo.php" class="level1 " data-type="">Catálogos</a>
+                                        </li>
+                                        <li class="level1 nav-2-1 first">
+                                            <a href="manual-corporativo.php" class="level1 " data-type="">Imagen Corporativa</a>
+                                        </li>
+                                        <li class="level1 nav-4-7">
+                                            <a href="apps.php" class="level1 " data-type="">Aplicaciones Móviles</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="level0 nav-6 parent">
+                                    <a href="contacto.php" class="level0 has-children" data-type="">contacto</a>
+                                </li>
+                                <li class="level0 nav-6 parent">
+                                    <a href="https://www.solerpalau.com/es-es/blog/" class="level0 has-children" data-type="" target="_blank">BLOG</a>
+                                </li>
+                                <li class="level0 nav-6 parent">
+                                    <a href="sustentabilidad.php" class="level0 has-children" data-type="">Sustentabilidad</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </nav>
+            <div class="header-mobile-menu-icon">
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </div>
+        </header>
+    </div>
+</div>

+ 459 - 0
header_old.php

@@ -0,0 +1,459 @@
+<?php
+require_once 'shared/conexionBD.php';
+//hacemos una consulta para obtener los modelos de hábitat
+mysqli_query($conexion, "SET NAMES utf8");
+
+$query = "SELECT ID,LINEA,MODELO FROM ITT_ALP_GLOBAL WHERE MODELO <> 'Refacciones' AND MODELO <> 'MOTORES' AND MODELO <> 'TRANSMISIONES' GROUP BY MODELO";
+$resultado = mysqli_query($conexion, $query) or die("Algo ha ido mal en la consulta a la base de datos");
+
+while ($columna = mysqli_fetch_assoc($resultado)) {
+    $modelosGlobal[] = ["ID" => $columna['ID'], "MODELO" => $columna['MODELO'], "LINEA" => $columna['LINEA'], "URL" => ''];
+    $arrGeneral[] = $columna;
+}
+
+
+
+//creamos consulta para ver las imagenes pricipales de las lineas
+$qryImagenes = "SELECT LINEA,MODELO,URLIMG from ITT_ASW_IMG";
+$qryImg = mysqli_query($conexion, $qryImagenes);
+$arrImgs = [];
+while ($columnImgs = mysqli_fetch_assoc($qryImg)) {$arrImgs[] = $columnImgs;}
+
+function filtrarDatos($arr, $search, $arrImgs)
+{
+
+    //Filtramos por la linea especificada
+    $result = array_filter($arr, function ($obj) use ($search) {
+        if (stripos($obj['LINEA'], $search) !== false) {
+            return true;
+        }
+        return false;
+    });
+
+    //Fusionamos con los resultados de las imagenes si el modelo coincide
+    foreach ($arrImgs as $columnImgs) {
+
+        $url = $columnImgs['URLIMG'];
+        $modelo = $columnImgs['MODELO'];
+
+        array_walk($result,
+            function (&$value, $key) use (&$result, $modelo, $url) {
+                if ($value['MODELO'] == $modelo) {
+                    $value['URLIMG'] = $url;
+                }
+            }
+        );
+    }
+
+    return $result;
+}
+
+function verMenuMovil($modelosGlobal, $linea, $arrImgs)
+{
+
+    $arrFiltrado = filtrarDatos($modelosGlobal, $linea, $arrImgs);
+    $c = 0;
+    foreach ($arrFiltrado as $modeloArr) {
+        $modelo = $modeloArr['MODELO'];
+        $query = 'linea=' . urlencode($linea) . '&modelo=' . urlencode($modelo);
+        echo "<li  class='level2 nav-1-1-" . $c . " first'>
+        <a href='modelo.php?" . htmlentities($query) . "' class='level2'>
+        " . $modelo . "
+        </a>
+        </li>";
+        $c++;
+    }
+
+}
+
+function verMenuDesktop($modelosGlobal, $linea, $arrImgs)
+{
+    //Filtrar datos por linea
+    $arrFiltrado = filtrarDatos($modelosGlobal, $linea, $arrImgs);
+
+    $ImagenMostrada = "";
+    $c = 0;
+    foreach ($arrFiltrado as $modeloGlobal) {
+        $modelo = $modeloGlobal['MODELO'];
+        $imagen = $modeloGlobal['ID'] . ".jpg";
+
+        if (!empty($modeloGlobal['URLIMG'])) {
+            $imagen = explode("/", $modeloGlobal['URLIMG']);
+            $imagen = 'ALP/' . trim($imagen[2]);
+        } else {
+
+            $imagen = $modeloGlobal['ID'] . ".jpg";
+            $fichero = 'ALP/' . $imagen;
+            $imagen = (file_exists($fichero)) ? $rutaImagenCompleta = $fichero : $rutaImagenCompleta = 'media/noimagen.jpg';
+        }
+
+        $query = 'linea=' . urlencode($linea) . '&modelo=' . urlencode($modelo);
+        echo "<li  class='level2 nav-1-1-" . $c . " first'>
+      <a href='modelo.php?" . htmlentities($query) . "'
+      class='level2 '>
+      <img src=" . $imagen . " width='100px' alt='" . $modelo . "' />
+      " . $modelo . "
+      </a>
+      </li>";
+        $c++;
+    }
+
+}
+
+?>
+
+<div class="mobile-menu">
+    <div class="mobile-menu-header">
+        <div class="mobile-menu-go-back icon-arrow-left2"></div>
+        <div class="menu-mobile-close icon-close"></div>
+    </div>
+    <!-- menu para tabletas y celulares -->
+    <div class="nav-container">
+        <ul id="nav">
+            <li class="level0 nav-1 first parent">
+                <a href="index.php" class="level0 has-children" data-type="">PRODUCTO</a>
+
+                <ul class="level0">
+                    <!-- Esto es para hábitat -->
+                    <li class="level1 nav-1-1 first parent">
+                        <a href="linea.php?linea=<?php echo (urlencode("Hábitat")) ?>">HÁBITAT</a>
+                        <ul class="level">
+                            <?php verMenuMovil($modelosGlobal, 'Hábitat', $arrImgs);?>
+                        </ul>
+                    </li>
+                    <!-- termina hábitat -->
+                    <!-- Esto es para Comercial -->
+                    <li class="level1 nav-1-1 first parent">
+                        <a href="linea.php?linea=<?php echo ("Comercial") ?>">COMERCIAL</a>
+                        <ul class="level">
+                            <?php verMenuMovil($modelosGlobal, 'Comercial', $arrImgs);?>
+
+                        </ul>
+                    </li>
+                    <!-- termina Comercial -->
+                    <!-- Esto es para Industrial -->
+                    <li class="level1 nav-1-1 first parent">
+                        <a href="linea.php?linea=<?php echo (urlencode("Industrial")) ?>">INDUSTRIAL</a>
+                        <ul class="level">
+                            <?php verMenuMovil($modelosGlobal, 'Industrial', $arrImgs);?>
+
+                        </ul>
+                    </li>
+                    <!-- termina Industrial -->
+                    <!-- Esto es para OEM -->
+                    <li class="level1 nav-1-1 first parent">
+                        <a href="linea.php?linea=<?php echo (urlencode("OEM")) ?>">OEM</a>
+                        <ul class="level">
+                            <?php verMenuMovil($modelosGlobal, 'OEM', $arrImgs);?>
+
+                        </ul>
+                    </li>
+                    <!-- termina OEM -->
+
+                    <li class="level1 nav-1-1 first parent">
+                        <a>Recuperadores de energía</a>
+                        <ul class="level">
+                            <li class="level2 nav-1-1-1 first">
+                                <a href="recuperacion-energia.php" class="level2 ">
+                                Unidades de ventilación para recuperación de energía</a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="level1 nav-1-1 first parent">
+                        <a>APL</a>
+                        <ul class="level">
+                            <li class="level2 nav-1-1-1 first">
+                                <a href="apl.php" class="level2 ">
+                                División APL</a>
+                            </li>
+                        </ul>
+                    </li>
+
+                </ul>
+            </li>
+            <li class="level0 nav-2 parent">
+                <a class="level0 has-children">Por qué S&P</a>
+                <ul class="level0">
+                    <li class="level1 nav-2-1 first"><a href="nuestra-marca.php" class="level1 " data-type="">Nuestra
+                    Marca</a></li>
+                    <li class="level1 nav-2-1 first"><a href="produccion.php" class="level1 "
+                        data-type="">Producción</a></li>
+                        <li class="level1 nav-2-1 first"><a href="politicas-compania.php" class="level1 "
+                            data-type="">Políticas de la Compañía</a></li>
+                            <li class="level1 nav-2-1 first"><a href="calidad.php" class="level1 " data-type="">Calidad</a></li>
+                            <li class="level1 nav-2-1 first"><a href="innovacion.php" class="level1 "
+                                data-type="">Innovación</a></li>
+                                <li class="level1 nav-5-7"><a href="calidad-medio-ambiente.php" class="level1 " data-type="">Medio
+                                Ambiente</a></li>
+                                <li class="level1 nav-5-7"><a href="certificaciones.php" class="level1 "
+                                    data-type="">Certificaciones</a></li>
+                                    <li class="level1 nav-2-1 first"><a href="catalogo-corporativo.php" class="level1 "
+                                        data-type="">Catálogo Corporativo</a></li>
+                                        <li class="level1 nav-5-7"><a href="bolsatrabajo.php" class="level1 " data-type="">Trabaja con nosotros</a></li>
+                                    </ul>
+                                </li>
+                                <li class="level0 nav-3 parent">
+                                    <a href="easyvent.php" class="level0 has-children" data-type="">Easyvent</a>
+
+                                </li>
+                                <li class="level0 nav-4 parent">
+                                    <a class="level0 has-children">Recursos</a>
+                                    <ul class="level0">
+                                        <li class="level1 nav-4-1 first"><a href="manual-ventilacion.php" class="level1 "
+                                            data-type="">Manual de Ventilación</a></li>
+                                            <li class="level1 nav-4-2"><a href="hojas-tecnicas.php" class="level1 " data-type="">Hojas
+                                            técnicas</a></li>
+                                            <li class="level1 nav-4-3"><a href="casos-practicos.php" class="level1 " data-type="">Casos
+                                            Prácticos</a></li>
+                                            <li class="level1 nav-4-5"><a href="bibliografia.php" class="level1 " data-type="">Bibliografía</a>
+                                            </li>
+                                            <li class="level1 nav-4-6"><a href="manual-mantenimiento.php" class="level1 " data-type="">Manual De
+                                            Mantenimiento</a></li>
+                                            <li class="level1 nav-4-5"><a href="normativa-1.php" class="level1 " data-type="">Normativas</a>
+                                            </li>
+                                            <li class="level1 nav-4-2"><a href="catalogo.php" class="level1 " data-type="">Catálogos</a></li>
+                                            <li class="level1 nav-2-1 first"><a href="manual-corporativo.php" class="level1 "
+                                                data-type="">Imagen Corporativa</a></li>
+                                                <li class="level1 nav-4-7"><a href="apps.php" class="level1 " data-type="">Aplicaciones Móviles</a>
+                                                </li>
+                                            </ul>
+                                        </li>
+
+                                        <li class="level0 nav-6 parent">
+                                            <a href="contacto.php" class="level0 has-children" data-type="">contacto</a>
+                                        </li>
+                                        <li class="level0 nav-6 parent">
+                                            <a href="https://www.solerpalau.com/es-es/blog/" class="level0 has-children" data-type="">BLOG</a>
+                                        </li>
+                                        <li class="level0 nav-6 parent">
+                                            <a href="sustentabilidad.php" class="level0 has-children" data-type="">sustentabilidad</a>
+                                        </li>
+                                        <div class="clearfix"></div>
+                                    </ul>
+                                </div>
+                                <form id="search_mini_form_mobile" action="catalogosearch.php" method="get" autocomplete="off">
+                                    <div class="form-search">
+                                        <input id="mobile-search" type="text" placeholder="Ejem. Silent" name="pbusqueda" value=""
+                                        class="input-text" maxlength="128" />
+                                        <button type="submit" title="Búsqueda" class="button icon-search">
+                                            <span>
+                                                Búsqueda
+                                            </span>
+                                        </button>
+                                    </div>
+                                </form>
+                            </div>
+
+                            <div class="wrapper">
+                                <div class="page">
+                                    <header>
+                                        <div class="bar removeBar" style="height:25px;font-size:13px" >
+                                            <div class="urls" style="float:right;height: 10px; font-size: 13px; float: right;">
+                                                <a href="http://www.solerpalau.com/" target="_blank">
+                                                    <i>
+                                                      <svg aria-hidden="true" width="12px" focusable="false" data-prefix="fas" data-icon="globe-americas" class="svg-inline--fa fa-globe-americas fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm82.29 357.6c-3.9 3.88-7.99 7.95-11.31 11.28-2.99 3-5.1 6.7-6.17 10.71-1.51 5.66-2.73 11.38-4.77 16.87l-17.39 46.85c-13.76 3-28 4.69-42.65 4.69v-27.38c1.69-12.62-7.64-36.26-22.63-51.25-6-6-9.37-14.14-9.37-22.63v-32.01c0-11.64-6.27-22.34-16.46-27.97-14.37-7.95-34.81-19.06-48.81-26.11-11.48-5.78-22.1-13.14-31.65-21.75l-.8-.72a114.792 114.792 0 0 1-18.06-20.74c-9.38-13.77-24.66-36.42-34.59-51.14 20.47-45.5 57.36-82.04 103.2-101.89l24.01 12.01C203.48 89.74 216 82.01 216 70.11v-11.3c7.99-1.29 16.12-2.11 24.39-2.42l28.3 28.3c6.25 6.25 6.25 16.38 0 22.63L264 112l-10.34 10.34c-3.12 3.12-3.12 8.19 0 11.31l4.69 4.69c3.12 3.12 3.12 8.19 0 11.31l-8 8a8.008 8.008 0 0 1-5.66 2.34h-8.99c-2.08 0-4.08.81-5.58 2.27l-9.92 9.65a8.008 8.008 0 0 0-1.58 9.31l15.59 31.19c2.66 5.32-1.21 11.58-7.15 11.58h-5.64c-1.93 0-3.79-.7-5.24-1.96l-9.28-8.06a16.017 16.017 0 0 0-15.55-3.1l-31.17 10.39a11.95 11.95 0 0 0-8.17 11.34c0 4.53 2.56 8.66 6.61 10.69l11.08 5.54c9.41 4.71 19.79 7.16 30.31 7.16s22.59 27.29 32 32h66.75c8.49 0 16.62 3.37 22.63 9.37l13.69 13.69a30.503 30.503 0 0 1 8.93 21.57 46.536 46.536 0 0 1-13.72 32.98zM417 274.25c-5.79-1.45-10.84-5-14.15-9.97l-17.98-26.97a23.97 23.97 0 0 1 0-26.62l19.59-29.38c2.32-3.47 5.5-6.29 9.24-8.15l12.98-6.49C440.2 193.59 448 223.87 448 256c0 8.67-.74 17.16-1.82 25.54L417 274.25z"></path></svg>
+                                                  </i> S&P World Wide &nbsp;</a>
+                                                  <a href="contacto.php#colombia">
+                                                    <i>
+                                                        <svg aria-hidden="true" width="12px" focusable="false" data-prefix="fas" data-icon="link" class="svg-inline--fa fa-link fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg>
+                                                    </i>
+                                                Contacto Colombia &nbsp; </a>
+                                                  <a href="contacto.php#peru">
+                                                    <i>
+                                                        <svg aria-hidden="true" width="12px" focusable="false" data-prefix="fas" data-icon="link" class="svg-inline--fa fa-link fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg>
+                                                    </i>
+                                                Contacto Perú &nbsp; </a>
+                                                <a href="https://smart.solerpalau.mx/PR/" target="_blank">
+                                                    <i>
+                                                        <svg aria-hidden="true" width="12px" focusable="false" data-prefix="fas" data-icon="unlock" class="svg-inline--fa fa-unlock fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 256H152V152.9c0-39.6 31.7-72.5 71.3-72.9 40-.4 72.7 32.1 72.7 72v16c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24v-16C376 68 307.5-.3 223.5 0 139.5.3 72 69.5 72 153.5V256H48c-26.5 0-48 21.5-48 48v160c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"></path></svg>
+                                                    </i>
+                                                Portal de Clientes &nbsp;</a>
+                                                <a href="https://smart.solerpalau.mx" target="_blank">
+                                                    <i>
+                                                        <svg aria-hidden="true" width="12px" focusable="false" data-prefix="fas" data-icon="unlock" class="svg-inline--fa fa-unlock fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 256H152V152.9c0-39.6 31.7-72.5 71.3-72.9 40-.4 72.7 32.1 72.7 72v16c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24v-16C376 68 307.5-.3 223.5 0 139.5.3 72 69.5 72 153.5V256H48c-26.5 0-48 21.5-48 48v160c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"></path></svg>
+                                                    </i>
+                                                Portal Proveedores &nbsp;</a>
+
+
+                                            </div>
+                                            <!-- /Barra Superior -->
+                                        </div>
+
+                                        <div class="header-logo">
+                                            <div class="container">
+                                                <a href="index.php" title="Soler & Palau Sistemas de ventilación" class="logo">
+                                                    <img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/logo.svg"
+                                                    srcset="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/logo.svg 1x, https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/logo.svg 2x"
+                                                    alt="Soler & Palau Sistemas de ventilación" />
+                                                </a>
+                                            </div>
+                                        </div>
+                                        <div class="header-search-links">
+
+                                            <div class="container grid">
+                                                <div class="hcol-5-12">
+                                                    <form id="search_mini_form" action="catalogosearch.php" method="get" autocomplete="off">
+                                                        <div class="form-search">
+                                                            <div class="hcol-11-12">
+
+                                                                <input id="searchPrincipal" type="text" placeholder="Ejem. Silent" name="pbusqueda"
+                                                                class="input-text" maxlength="128" />
+
+                                                                <button id="searcherbutton" type="submit" title="Búsqueda"
+                                                                class="button icon-search">
+                                                                <span> Búsqueda </span>
+                                                            </button>
+                                                        </div>
+                                                        <div class="hcol-1-12">
+                                                            <a id="search-close" class="form-search-close icon-close" title="Cerrar"></a>
+                                                        </div>
+                                                    </div>
+                                                </form>
+                                                <script type="text/javascript">
+                        //<![CDATA[
+                        if (typeof HIB.searcher == 'object') {
+                            HIB.searcher.suggest_url = 'catalogsearch/ajax/suggest/index.html';
+                            HIB.searcher.field_name = 'q';
+                            HIB.searcher.min_chars = '2';
+                            HIB.searcher.delay = '0.1';
+                            HIB.searcher.init();
+                        }
+                        //]]>
+                    </script>
+                </div>
+            </div>
+        </div>
+        <!-- Menu para desktop -->
+        <nav class="header-nav">
+            <div class="container grid">
+                <div class="container-titles-menu hcol-10-12">
+                    <div class="nav-container">
+                        <ul id="nav">
+                            <li class="level0 nav-1 first parent">
+                                <a href="index.php" class="level0 has-children" data-type="">PRODUCTO</a>
+                                <ul class="level0">
+                                    <!-- Esto es para hábitat -->
+                                    <li class="level1 nav-1-1 first parent">
+                                        <a href="linea.php?linea=<?php echo (urlencode("Hábitat")) ?>">Hábitat</a>
+                                        <ul class="level">
+                                            <?php verMenuDesktop($arrGeneral, 'Hábitat', $arrImgs);?>
+                                        </ul>
+                                    </li>
+                                    <!-- termina hábitat -->
+                                    <!-- Esto es para Comercial -->
+                                    <li class="level1 nav-1-1 first parent">
+                                        <a href="linea.php?linea=<?php echo ("Comercial") ?>">Comercial</a>
+                                        <ul class="level">
+                                            <?php verMenuDesktop($arrGeneral, 'Comercial', $arrImgs);?>
+                                        </ul>
+                                    </li>
+                                    <!-- termina Comercial -->
+                                    <!-- Esto es para Industrial -->
+                                    <li class="level1 nav-1-1 first parent">
+                                        <a href="linea.php?linea=<?php echo ("Industrial") ?>">Industrial</a>
+                                        <ul class="level">
+                                          <?php verMenuDesktop($arrGeneral, 'Industrial', $arrImgs);?>
+                                      </ul>
+                                  </li>
+                                  <li class="level1 nav-1-1 first parent">
+                                        <a href="linea.php?linea=<?php echo ("OEM") ?>">OEM</a>
+                                        <ul class="level">
+                                          <?php verMenuDesktop($arrGeneral, 'OEM', $arrImgs);?>
+                                      </ul>
+                                  </li>
+                                  <!-- termina Industrial -->
+                                  <li class="level1 nav-1-1 first parent">
+                                    <a>Recuperadores de energía</a>
+                                    <ul class="level">
+                                        <li class="level2 nav-1-1-1 first">
+                                            <a href="recuperacion-energia.php" class="level2 ">
+                                                <img src="media/img/energyefficient.jpg" width="100px" />
+                                            Unidades de ventilación para recuperación de energía</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                                <li class="level1 nav-1-1 first parent">
+                                    <a>APL</a>
+                                    <ul class="level">
+                                        <li class="level2 nav-1-1-1 first">
+                                            <a href="apl.php" class="level2 ">
+                                                <img src="media/home/categories_home/producto/apl-1.png"
+                                                width="100px" />
+                                            División APL</a>
+                                        </li>
+                                    </ul>
+                                </li>
+
+                            </ul>
+                        </li>
+<li class="level0 nav-2 parent">
+    <a class="level0 has-children">Por qué S&P</a>
+    <ul class="level0">
+        <li class="level1 nav-2-1 first"><a href="nuestra-marca.php" class="level1 "
+            data-type="">Nuestra Marca</a></li>
+            <li class="level1 nav-2-1 first"><a href="produccion.php" class="level1 "
+                data-type="">Producción</a></li>
+                <li class="level1 nav-2-1 first"><a href="politicas-compania.php"
+                    class="level1 " data-type="">Políticas de la Compañía</a></li>
+                    <li class="level1 nav-2-1 first"><a href="calidad.php" class="level1 "
+                        data-type="">Calidad</a></li>
+                        <li class="level1 nav-2-1 first"><a href="innovacion.php" class="level1 "
+                            data-type="">Innovación</a></li>
+                            <li class="level1 nav-5-7"><a href="calidad-medio-ambiente.php" class="level1 "
+                                data-type="">Medio Ambiente</a></li>
+                                    <li class="level1 nav-5-7"><a href="certificaciones.php" class="level1 "
+                                        data-type="">Certificaciones</a></li>
+                                        <li class="level1 nav-2-1 first"><a href="catalogo-corporativo.php"
+                                            class="level1 " data-type="">Catálogo Corporativo</a></li>
+                                            <li class="level1 nav-5-7"><a href="bolsatrabajo.php" class="level1 "
+                                                data-type="">Trabaja con Nosotros</a></li>
+                                            </ul>
+                                        </li>
+                                        <li class="level0 nav-3 parent">
+                                            <a href="easyvent.php" class="level0 has-children" data-type="">Easyvent</a>
+                                        </li>
+        <li class="level0 nav-4 parent">
+            <a class="level0 has-children">Recursos</a>
+            <ul class="level0">
+                <li class="level1 nav-4-1 first"><a href="manual-ventilacion.php"
+                    class="level1 " data-type="">Manual de Ventilación</a></li>
+                    <li class="level1 nav-4-2"><a href="hojas-tecnicas.php" class="level1 "
+                        data-type="">Hojas Técnicas</a></li>
+                        <li class="level1 nav-4-3"><a href="casos-practicos.php" class="level1 "
+                            data-type="">Casos Prácticos</a></li>
+                            <li class="level1 nav-4-5"><a href="bibliografia.php" class="level1 "
+                                data-type="">Bibliografía</a></li>
+                                <li class="level1 nav-4-6"><a href="manual-mantenimiento.php" class="level1 "
+                                    data-type="">Manual de Mantenimiento</a></li>
+                                    <li class="level1 nav-4-5"><a href="normativa-1.php" class="level1 "
+                                        data-type="">Normativas</a></li>
+                                        <li class="level1 nav-4-2"><a href="catalogo.php" class="level1 "
+                                            data-type="">Catálogos</a></li>
+                                            <li class="level1 nav-2-1 first"><a href="manual-corporativo.php"
+                                                class="level1 " data-type="">Imagen Corporativa</a></li>
+                                                <li class="level1 nav-4-7"><a href="apps.php" class="level1 "
+                                                    data-type="">Aplicaciones Móviles</a></li>
+                                                </ul>
+                                            </li>
+                                            <li class="level0 nav-6 parent">
+                                                <a href="contacto.php" class="level0 has-children" data-type="">contacto</a>
+                                            </li>
+                                            <li class="level0 nav-6 parent">
+                                                <a href="https://www.solerpalau.com/es-es/blog/" class="level0 has-children" data-type="" target="_blank">BLOG</a>
+                                            </li>
+                                            <li class="level0 nav-6 parent">
+                                                <a href="sustentabilidad.php" class="level0 has-children" data-type="">Sustentabilidad</a>
+                                            </li>
+                                            </ul>
+
+                                        </div>
+                                    </div>
+
+                                </div>
+                            </nav>
+                            <div class="header-mobile-menu-icon">
+                                <span class="icon-bar"></span>
+                                <span class="icon-bar"></span>
+                                <span class="icon-bar"></span>
+                            </div>
+                                                    </header>

+ 736 - 0
hojas-tecnicas.php

@@ -0,0 +1,736 @@
+<?php 
+
+require_once('shared/conexionBD.php');
+
+//definimos utf8 encode
+
+mysqli_query($conexion,"SET NAMES utf8");
+
+
+
+$queryPannel = " SELECT * FROM ITT_ASW_HTEC WHERE CATE = 'cp' ORDER BY idht ";
+
+$ress = mysqli_query($conexion, $queryPannel ) or die ( "ERROR #002 AL OBTENER LOS PANELES");
+
+$panels = array();
+
+while ($datos = mysqli_fetch_array( $ress) )
+
+{
+
+  $panels[] = $datos;
+
+}
+
+
+
+// funcion para extraer el contenido de cada panel
+
+function info_panel($conexion,$id){
+
+  $queryBanner = "SELECT i.id_1,i.titu,i.arch,t.cate FROM ITT_ASW_HINF i,ITT_ASW_HTEC t WHERE i.id_1 = t.idht AND i.id_1 = ".$id." AND t.cate = 'cp' ORDER BY i.titu ";
+
+  $ress = mysqli_query($conexion, $queryBanner ) or die ( "ERROR #003 AL OBTENER LA INFORMACIÓN DE LOS PANELES");
+
+  $info = array();
+
+  while ($datos2 = mysqli_fetch_array( $ress) )
+
+  {
+
+    $info[] = $datos2;
+
+  }
+
+
+
+  return $info;
+
+}
+
+
+
+?>
+
+
+
+<!DOCTYPE html>
+
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+
+<html xml:lang="es" lang="es">
+
+
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+
+<head>
+
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+
+
+    <!--Pruebas-->
+
+    <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-1"></script> -->
+
+    <!--Producción-->
+
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+    <!--Pruebas-->
+
+    <!-- <script>
+
+
+
+          window.dataLayer = window.dataLayer || [];
+
+
+
+          function gtag(){dataLayer.push(arguments);}
+
+
+
+          gtag('js', new Date());
+
+
+
+          gtag('config', 'UA-125019062-1');
+
+
+
+    </script> -->
+
+    <!--Producción-->
+
+    <script>
+
+
+
+        window.dataLayer = window.dataLayer || [];
+
+
+
+        function gtag(){dataLayer.push(arguments);}
+
+
+
+        gtag('js', new Date());
+
+
+
+        gtag('config', 'UA-125019062-2');
+
+
+
+    </script>
+
+
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+
+  <!-- [if IE]> -->
+
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+
+  <meta http-equiv="cleartype" content="on"/>
+
+  <!-- <![endif] -->
+
+
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+
+  <title>Hojas Técnicas – S&amp;P</title>
+
+  <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
+
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+
+  <meta name="robots" content="INDEX,FOLLOW"/>
+
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+
+  <meta name="theme-color" content="#ffffff">
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+
+  <script type="text/javascript">
+
+   var $j = jQuery.noConflict();
+
+ </script>
+
+
+
+ <script type="text/javascript" src="js/events.js"></script>
+
+
+
+ <!-- estilo princripal -->
+
+ <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+ </head>
+
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+
+  <!-- aqui va el header -->
+
+  <?php include 'header.php' ?>
+
+
+
+  <script type="text/javascript">
+
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+
+      HIB.menu.init();
+
+    }
+
+    //]]>
+
+  </script>
+
+  <div class="main-container col1-layout">
+
+    <div class="breadcrumbs">
+
+      <div class="container">
+
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+
+          <li class="">
+
+            <a>Recursos</a>
+
+          </li>
+
+        </ul>
+
+      </div>
+
+    </div>
+
+    <div class="main">
+
+      <div class="col-main">
+
+        <main>
+
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+
+            <div id="searchResults" class="overlay-content grid"></div>
+
+          </div>
+
+          <div class="std">
+
+            <div class="page-title dark">
+
+              <img alt="Hojas Técnicas" src="media/home/categories_home/recursos/hojas-tecnicas.jpg" />
+
+              <div class="page-title-container">
+
+                <div class="page-title-content container">
+
+                  <h1 class="h1">Hojas Técnicas</h1>
+
+                </div>
+
+              </div>
+
+              <div class="clearfix">&nbsp;</div> </div>
+
+              <br>
+
+
+
+              <div class="container grid container-margin ">
+
+                <div class="listado hcol-10-12 md-hcol-10-12 mobile-hcol-1-1 just">
+
+                  <p class="m-bottom20">En nuestras hojas técnicas encontrarás toda la información que necesitas para resolver cualquier duda sobre <b>ventilación y ventiladores.</b></p> 
+
+
+
+                  <p class="m-bottom20">Cada una de estas fichas se acompaña de ilustraciones y tablas con el objetivo de complementar la explicación.</p> 
+
+
+
+                  <p class="m-bottom20">Los cálculos realizados para las instalaciones se han llevado a cabo conforme a la legislación Española.</p>
+
+                </div>
+
+                <br>
+
+                <div class="container grid m-bottom40 ">
+
+                  <!-- pruebas de BD -->
+
+                  <?php 
+
+
+
+
+
+                  $t = 0;
+
+                  foreach ($panels as $panel):
+
+                    $c = count(info_panel($conexion,$panel['IDHT']));
+
+
+
+                    ?>
+
+                    <?php if ($panel['TAMN'] == 2):
+
+                      $columna = $panel['COLM'];
+
+                      ?>
+
+                      <!-- paneles de 3 columnas  -->
+
+                      <div class="container grid" style="background: #f5f5f5">
+
+                        <center>
+
+                          <img class="img-htecnicas-b" src="<?php echo $panel['ICON'] ?>" >
+
+                          <p class="h2-2"><b><?php echo $panel['TITU']; ?></b></p>
+
+                        </center>
+
+                        <!-- comienza cuerpo -->
+
+
+
+                        <?php if ($columna == 1) {
+
+                         echo "<div class='hcol-12-12 m-hcol-6-12 mobil-hcol-1-1'>";
+
+                         echo " <ul class='links'>";
+
+                         echo "<center>";
+
+                         foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
+
+                           // if ($key < floor($c/2)) {
+
+                          echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
+
+                          // }
+
+                        }
+
+                        echo "</center>";
+
+                        echo "</ul>";
+
+                        echo "</div>";
+
+                      }
+
+                      if ($columna == 2) {
+
+                       echo "<div class='hcol-6-12 m-hcol-6-12 mobil-hcol-1-1'>";
+
+                       echo " <ul class='links'>";
+
+                       echo "<center>";
+
+                       foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
+
+                         if ($key < floor($c/2)) {
+
+                          echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
+
+                        }
+
+                      }
+
+                      echo "</center>";
+
+                      echo "</ul>";
+
+                      echo "</div>";
+
+                      //segunda columna
+
+                      echo "<div class='hcol-6-12 m-hcol-6-12 mobil-hcol-1-1'>";
+
+                      echo " <ul class='links'>";
+
+                      echo "<center>";
+
+                      foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
+
+                       if ($key >= floor($c/2)) {
+
+                        echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
+
+                      }
+
+                    }
+
+                    echo "</center>";
+
+                    echo "</ul>";
+
+                    echo "</div>";
+
+                  }
+
+                  if ($columna == 3) {
+
+                   echo "<div class='hcol-4-12 m-hcol-4-12 mobil-hcol-1-1'>";
+
+                   echo " <ul class='links'>";
+
+                   echo "<center>";
+
+                   foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
+
+                     if ($key < ceil($c/3)) {
+
+                      echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
+
+                    }
+
+                  }
+
+                  echo "</center>";
+
+                  echo "</ul>";
+
+                  echo "</div>";
+
+                      //segunda columna
+
+                  echo "<div class='hcol-4-12 m-hcol-4-12 mobil-hcol-1-1'>";
+
+                  echo " <ul class='links'>";
+
+                  echo "<center>";
+
+                  foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
+
+                    if ($key >= ceil($c/3)  && $key < ceil($c/3)*2) {
+
+                      echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
+
+                    }
+
+                  }
+
+                  echo "</center>";
+
+                  echo "</ul>";
+
+                  echo "</div>";
+
+                      //tercera columna
+
+                  echo "<div class='hcol-4-12 m-hcol-4-12 mobil-hcol-1-1'>";
+
+                  echo " <ul class='links'>";
+
+                  echo "<center>";
+
+                  foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
+
+
+
+                   if ($key >= ceil($c/3)  && $key >= ceil($c/3)*2) {
+
+                    echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
+
+                  }
+
+                }
+
+                echo "</center>";
+
+                echo "</ul>";
+
+                echo "</div>";
+
+              }
+
+              if ($columna == 4) {
+
+               echo "<div class='hcol-3-12 m-hcol-3-12 mobil-hcol-1-1'>";
+
+               echo " <ul class='links'>";
+
+               echo "<center>";
+
+               $cont = 0;
+
+               foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
+
+                 if ($key < ceil($c/4)) {
+
+                  echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
+
+                  $cont++;
+
+                }
+
+              }
+
+              echo "</center>";
+
+              echo "</ul>";
+
+              echo "</div>";
+
+            //segunda columna
+
+              echo "<div class='hcol-3-12 m-hcol-3-12 mobil-hcol-1-1'>";
+
+              echo " <ul class='links'>";
+
+              echo "<center>";
+
+              foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
+
+               if ($key >= $cont && $key < ceil($c/4)*2) {
+
+                echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
+
+                $cont++;
+
+                
+
+              }
+
+            }
+
+            echo "</center>";
+
+            echo "</ul>";
+
+            echo "</div>";
+
+            //Tercer columna
+
+            echo "<div class='hcol-3-12 m-hcol-3-12 mobil-hcol-1-1'>";
+
+            echo " <ul class='links'>";
+
+            echo "<center>";
+
+            foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
+
+             if ($key >= $cont && $key < ceil($c/4)*3) {
+
+              echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
+
+              $cont++;
+
+            }
+
+          }
+
+          echo "</center>";
+
+          echo "</ul>";
+
+          echo "</div>";
+
+            //cuarta columna
+
+          echo "<div class='hcol-3-12 m-hcol-3-12 mobil-hcol-1-1'>";
+
+          echo " <ul class='links'>";
+
+          echo "<center>";
+
+          foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
+
+           if ($key >= $cont && $key < ceil($c/4)*4) {
+
+            echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
+
+          }
+
+        }
+
+        echo "</center>";
+
+        echo "</ul>";
+
+        echo "</div>";
+
+            //unset($cont);
+
+
+
+      } ?>
+
+
+
+
+
+      <!-- </div> -->
+
+      <!-- imprimir contenIDHTo de los paneles -->
+
+      <?php
+
+                      // echo "Contador: <br>".floor($c/2);
+
+
+
+                 /*  echo "<div class='hcol-1-4 m-hcol-1-4 mobil-hcol-1-1 '>";
+
+                   echo " <ul class='links'>";
+
+                   foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
+
+                    if ($key < floor($c/2)) {
+
+                     echo "<li><a href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
+
+                   }
+
+                 }
+
+                 echo "</ul>";
+
+                 echo "</div>";
+
+
+
+                 echo "<div class='hcol-1-4 m-hcol-1-4 mobil-hcol-1-1'>";
+
+                 echo " <ul class='links'>";
+
+                 foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
+
+                  if ($key >= floor($c/2)) {
+
+
+
+                   echo "<li><a href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
+
+                 }
+
+               }
+
+               echo "</ul>";
+
+               echo "</div>";*/
+
+
+
+               ?>
+
+
+
+               <!-- <div class="hcol-1-4 m-hcol-1-4 mobil-hcol-1-1">
+
+               </div> -->
+
+             </div>
+
+             <br>
+
+           <?php endif; ?>
+
+           <?php if ($panel['TAMN'] == 1):
+
+            ?>
+
+            <!-- Paneles de 1 columna -->
+
+            <div class="hcol-1-3 m-hcol-1-3 mobil-hcol-1-1 ">
+
+              <div class="grid-pad hojas-t-panels-2" style="background: #f5f5f5">
+
+                <center><img class="img-htecnicas" src="<?php echo $panel['ICON'] ?>" ></center>
+
+                <p><b class="hojas-t h2-2"><center><?php echo $panel['TITU']; ?></center></b></p>
+
+                <center>
+
+                  <ul class="links hojas-t">
+
+                    <!-- imprimir contenido de los paneles -->
+
+                    <?php 
+
+                    foreach (info_panel($conexion,$panel['IDHT']) as $key => $value) {
+
+                      echo "<li><a class='caso_practico' href='".$value['arch']."' target='_blank' title='".$value['titu']."'>".$value['titu']."</a></li>";
+
+                    }
+
+                    ?>
+
+                  </ul>
+
+                </center>
+
+              </div>
+
+            </div>
+
+          <?php endif; ?>
+
+        <?php endforeach; ?>
+
+
+
+      </div>
+
+    </div>
+
+  </div>                  
+
+
+
+</main>
+
+</div>
+
+</div>
+
+</div>
+
+
+
+
+
+<!-- aqui va el footer -->
+
+<?php include 'footer.php' ?>
+
+
+
+
+
+</div>
+
+</div>
+
+</body>
+
+
+
+</html>
+

+ 544 - 0
index.php

@@ -0,0 +1,544 @@
+<?php
+require_once('shared/conexionBD.php');
+mysqli_query($conexion,"SET NAMES utf8");
+
+$queryBanner = "SELECT * FROM ITT_ASW_BANN ORDER BY ORDE ASC";
+$ress = mysqli_query($conexion, $queryBanner ) or die ( "ERROR #001 AL OBTENER LOS BANNERS");
+$banners = array();
+while ($datos = mysqli_fetch_assoc( $ress) )
+{
+	$banners[] = $datos;
+}
+
+?>
+
+<!DOCTYPE html>
+<html xml:lang="es" lang="es">
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+    <!--Producción-->
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', 'UA-125019062-2');
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
+    <title>Soler & Palau | Ventilation Group | Extractores de aire, cortinas de aire, ventiladores industriales, tipos
+        de difusores</title>
+    <meta name="description"
+        content="S&amp;P líder mundial en sistemas de ventilación para entornos domésticos, comerciales e industriales." />
+    <meta name="keywords" content="E-commerce" />
+    <meta name="robots" content="INDEX,FOLLOW" />
+    <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico"
+        type="image/x-icon" />
+    <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico"
+        type="image/x-icon" />
+
+    <meta name="msapplication-TileColor" content="#000">
+    <meta name="msapplication-TileImage"
+        content="media/home/frontend/solerpalau/default/images/favicons/ms-icon-144x144.png">
+    <meta name="theme-color" content="#000">
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+    <script type="text/javascript">
+    var $j = jQuery.noConflict();
+    </script>
+    <script type="text/javascript" src="js/events.js"></script>
+    <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+    <link rel="alternate" hreflang="es" href="index.php" />
+    
+    <style>
+            
+            .title{
+            font-size: 2.5vw;
+            line-height: 3.8rem;
+        }
+        .carousel {
+            position: relative;
+        }
+        .carousel.pointer-event {
+            touch-action: pan-y;
+        }
+        .carousel-inner {
+            position: relative;
+            width: 100%;
+            overflow: hidden;
+        }
+        .carousel-inner::after {
+            display: block;
+            clear: both;
+            content: "";
+        }
+        .carousel-item {
+            position: relative;
+            display: none;
+            float: left;
+            width: 100%;
+            margin-right: -100%;
+            -webkit-backface-visibility: hidden;
+            backface-visibility: hidden;
+            transition: transform 0.6s ease-in-out;
+        }
+        @media (prefers-reduced-motion: reduce) {
+            .carousel-item {
+                transition: none;
+            }
+        }
+        .carousel-item-next,
+        .carousel-item-prev,
+        .carousel-item.active {
+            display: block;
+        }
+        .active.carousel-item-end,
+        .carousel-item-next:not(.carousel-item-start) {
+            transform: translateX(100%);
+        }
+        .active.carousel-item-start,
+        .carousel-item-prev:not(.carousel-item-end) {
+            transform: translateX(-100%);
+        }
+        .carousel-fade .carousel-item {
+            opacity: 0;
+            transition-property: opacity;
+            transform: none;
+        }
+        .carousel-fade .carousel-item-next.carousel-item-start,
+        .carousel-fade .carousel-item-prev.carousel-item-end,
+        .carousel-fade .carousel-item.active {
+            z-index: 1;
+            opacity: 1;
+        }
+        .carousel-fade .active.carousel-item-end,
+        .carousel-fade .active.carousel-item-start {
+            z-index: 0;
+            opacity: 0;
+            transition: opacity 0s 0.6s;
+        }
+        @media (prefers-reduced-motion: reduce) {
+            .carousel-fade .active.carousel-item-end,
+            .carousel-fade .active.carousel-item-start {
+                transition: none;
+            }
+        }
+        .carousel-control-next,
+        .carousel-control-prev {
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            z-index: 1;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 15%;
+            padding: 0;
+            color: #fff;
+            text-align: center;
+            background: 0 0;
+            border: 0;
+            opacity: 0.5;
+            transition: opacity 0.15s ease;
+        }
+        .carousel-control-prev:hover{
+            background: linear-gradient(90deg, rgb(0 0 0 / 50%), rgb(249 249 249 / 0%));
+        }
+        .carousel-control-next:hover{
+            background: linear-gradient(-90deg, rgb(0 0 0 / 50%), rgb(249 249 249 / 0%));
+        }
+        
+        @media (prefers-reduced-motion: reduce) {
+            .carousel-control-next,
+            .carousel-control-prev {
+                transition: none;
+            }
+        }
+        .carousel-control-next:focus,
+        .carousel-control-next:hover,
+        .carousel-control-prev:focus,
+        .carousel-control-prev:hover {
+            color: #fff;
+            text-decoration: none;
+            outline: 0;
+            opacity: 0.9;
+        }
+        .carousel-control-prev {
+            left: 0;
+        }
+        .carousel-control-next {
+            right: 0;
+        }
+        .carousel-control-next-icon,
+        .carousel-control-prev-icon {
+            display: inline-block;
+            width: 2rem;
+            height: 2rem;
+            background-repeat: no-repeat;
+            background-position: 50%;
+            background-size: 100% 100%;
+        }
+        .carousel-control-prev-icon {
+            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
+        }
+        .carousel-control-next-icon {
+            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+        }
+        .carousel-indicators {
+            position: absolute;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            z-index: 2;
+            display: flex;
+            justify-content: center;
+            padding: 0;
+            margin-right: 15%;
+            margin-bottom: 1rem;
+            margin-left: 15%;
+            list-style: none;
+        }
+        .carousel-indicators [data-bs-target] {
+            box-sizing: content-box;
+            flex: 0 1 auto;
+            width: 20px;
+            height: 20px;
+            padding: 0;
+            margin-right: 3px;
+            margin-left: 3px;
+            text-indent: -999px;
+            cursor: pointer;
+            background-color: #fff;
+            background-clip: padding-box;
+            border: 0;
+            /* border-top: 10px solid transparent;
+            border-bottom: 10px solid transparent; */
+            opacity: 0.5;
+            transition: opacity 0.6s ease;
+            border-radius: 50px;
+        }
+
+        .carousel-indicators [data-bs-target]:hover {
+            background-color: #8b8585;
+        }
+        @media (prefers-reduced-motion: reduce) {
+            .carousel-indicators [data-bs-target] {
+                transition: none;
+            }
+        }
+        .carousel-indicators .active {
+            opacity: 1;
+        }
+        .carousel-caption {
+            position: absolute;
+            right: 15%;
+            bottom: 15vw;
+            left: 15%;
+            padding-top: 1.25rem;
+            padding-bottom: 1.25rem;
+            color: #fff;
+            /*text-align: center;*/
+        }
+        .carousel-dark .carousel-control-next-icon,
+        .carousel-dark .carousel-control-prev-icon {
+            filter: invert(1) grayscale(100);
+        }
+        .carousel-dark .carousel-indicators [data-bs-target] {
+            background-color: #000;
+        }
+        .carousel-dark .carousel-caption {
+            color: #000;
+        }
+        .d-block {
+            display: block !important;
+        }
+        .w-100 {
+            width: 100% !important;
+        }
+        [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
+            cursor: pointer;
+        }
+
+        .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
+            color: #fff;
+            text-decoration: none;
+            outline: 0;
+            opacity: 10;
+        }
+    </style>
+</head>
+
+<body class=" cms-index-index cms-home customer-logged-out">
+    <!-- Aqui va el header -->
+    <?php require 'header.php' ?>
+
+    <script type="text/javascript">
+    //<![CDATA[
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+        HIB.menu.init();
+    }
+    //]]>
+    </script>
+
+    <div class="main-container col1-layout">
+        <div class="main">
+            <div class="col-main">
+                <main>
+                    <div id="overlaySearch" class="overlay">
+                        <!-- Overlay content -->
+                        <div id="searchResults" class="overlay-content grid">
+                        </div>
+                    </div>
+                    <div class="std">
+                        <!-- Main slider -->
+                        <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel" style="z-index: 1;">
+                            <div class="carousel-indicators">
+                                <?php $c=0; foreach ($banners as $dat): ?>   
+                                    <button
+                                        type="button"
+                                        data-bs-target="#carouselExampleIndicators"
+                                        data-bs-slide-to="<?php echo $c; ?>"
+                                        class="<?php echo $c == 0 ? 'active' : '';?>"
+                                        aria-current="true"
+                                        aria-label="Slide <?php echo $c + 1; ?>"
+                                    ></button>
+                                <?php $c++; endforeach; ?>
+                            </div>
+
+                            <div class="carousel-inner">
+                                <?php $c=0; foreach ($banners as $dat): ?>   
+                                    <div class="carousel-item <?php echo $c == 0 ? 'active' : '';?>" data-bs-interval="5000">
+                                        <?php if (!empty($dat['BREF'])) { ?>
+                                            <a onclick="window.open('<?php echo $dat['BREF']; ?>', '_blank')" target="_blank" style="cursor: pointer;">
+                                        <?php } else { ?>
+                                            <a>
+                                                <?php }?>
+                                                <img src="<?php echo $dat['URLB']?>" class="d-block w-100" alt="<?php echo $dat['TITU']?>" />
+                                                <div class="carousel-caption d-none d-md-block">
+                                                    <?php
+                                                        if (empty($dat['TITU']) || $dat['TITU'] == ".") {
+                                                            echo "<p class='title'></p>";
+                                                        } else {
+                                                            echo "<h1 class='title'>".$dat['TITU']."</h1>";
+                                                        }
+                                                    ?>
+                                                    <?php
+                                                        if (empty($dat['SUBT'])) {
+                                                        } else {
+                                                            echo "<p class='subtitle'>".$dat['SUBT']."</p>";
+                                                        }
+                                                    ?>
+                                                </div>
+                                            </a>
+                                    </div>
+                                <?php $c++; endforeach; ?>
+                            </div>
+                            <button
+                                class="carousel-control-prev"
+                                type="button"
+                                data-bs-target="#carouselExampleIndicators"
+                                data-bs-slide="prev"
+                            >
+                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                                <!-- <span class="visually-hidden">Previous</span> -->
+                            </button>
+                            <button
+                                class="carousel-control-next"
+                                type="button"
+                                data-bs-target="#carouselExampleIndicators"
+                                data-bs-slide="next"
+                            >
+                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                                <!-- <span class="visually-hidden">Next</span> -->
+                            </button>
+                        </div>
+                        <script src="js/slider.js"></script>
+
+                        <div class="module-1">
+                            <!-- Categorias grid -->
+                            <p>
+                                <div class="section-grid inicio">
+                                    <div class="bar-title">
+                                        <h2 class="h2">Explora nuestros sistemas de ventilación</h2>
+                                        <p class="container">
+                                            Características completas, documentación técnica y toda la información que necesitas.
+                                        </p>
+                                    </div>
+                                    <div class="section-grid-content container grid grid-pad">
+                                        <div class="section-grid-section hcol-6-12">
+                                            <div class='wrapper'>
+                                                <a href="linea.php?linea=Hábitat">
+                                                    <img alt="División Hábitat" src="media/home/categories_home/Global/habitat.jpg"/>
+                                                    <div class="container-title-widget">
+                                                        <h3>División Hábitat</h3>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                        </div>
+                                        <div class="section-grid-section hcol-6-12">
+                                            <div class='wrapper'>
+                                                <a href="linea.php?linea=Comercial">
+                                                    <img alt="División Comercial" src="media/home/categories_home/Global/comercial.jpg"/>
+                                                    <div class="container-title-widget">
+                                                        <h3>División Comercial</h3>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                        </div>
+                                        <div class="section-grid-section hcol-6-12">
+                                            <div class='wrapper'>
+                                                <a href="linea.php?linea=Industrial">
+                                                    <img alt="División Industrial" src="media/home/categories_home/Global/industrial.jpg" />
+                                                    <div class="container-title-widget">
+                                                        <h3>División Industrial</h3>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                        </div>
+                                        <div class="section-grid-section hcol-6-12">
+                                            <div class='wrapper'>
+                                                <a href="linea.php?linea=Atenuadores%20Acústicos">
+                                                    <img alt="División Atenuadores" src="media/home/categories_home/Global/atenuadores.jpg" />
+                                                    <div class="container-title-widget">
+                                                        <h3>División Atenuadores</h3>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                        </div>
+                                        <div class="section-grid-section hcol-6-12">
+                                            <div class='wrapper'>
+                                                <a href="linea.php?linea=OEM">
+                                                    <img alt="División OEM" src="media/home/categories_home/Global/oem.jpg" />
+                                                    <div class="container-title-widget">
+                                                        <h3>División OEM</h3>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                        </div>
+                                        <div class="section-grid-section hcol-6-12">
+                                            <div class='wrapper'>
+                                                <a href="recuperacion-energia.php">
+                                                    <img alt="Unidades de Ventilación Para Recuperación de Energía" src="media/home/categories_home/Global/unidades.jpg" />
+                                                    <div class="container-title-widget">
+                                                        <h3>Unidades de Ventilación Para Recuperación de Energía</h3>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                        </div>
+                                        <!-- <div class="section-grid-section hcol-6-12">
+                                            <div class='wrapper'>
+                                                <a href="apl.php">
+                                                    <img alt="División APL" src="media/home/categories_home/Global/apl.jpg" />
+                                                    <div class="container-title-widget">
+                                                        <h3>División APL</h3>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                        </div> -->
+                                    </div>
+                                </div>
+                            </p>
+                        </div>
+
+                        <!-- sección de recursos  -->
+                        <p>
+                        <div class="section-brief dark">
+                            <div class="bar-title">
+                                <h2 class="h2">Recursos para profesionales</h2>
+                                <p class="container">Queremos hacer tu trabajo más fácil y eficiente</p>
+                            </div>
+                            <div class="section-brief-content container">
+                                <div class="grid">
+                                    <div class="section-brief-slide hcol-4-12">
+                                        <a href="easyvent.php">
+                                            <div class="section-brief-slide-image">
+                                                <img src="media/home/easyvent.png" alt="EasyVent" class="" />
+                                            </div>
+                                            <h3 class="section-brief-slide-title">EasyVent</h3>
+                                            <p class="section-brief-slide-description">Descubre el software de
+                                                selección más completo del mercado de la ventilación que te ayudará
+                                                a escoger el producto más adecuado a tus necesidades.</p>
+                                        </a>
+                                    </div>
+                                    <div class="section-brief-slide hcol-4-12">
+                                        <a href="normativa-1.php">
+                                            <div class="section-brief-slide-image">
+                                                <img src="media/home/normativas.png" alt="Normativas y regulaciones"
+                                                    class="" />
+                                            </div>
+                                            <h3 class="section-brief-slide-title">Normativas y regulaciones</h3>
+                                            <p class="section-brief-slide-description">Todo sobre las normativas y
+                                                regulaciones que necesitas conocer en el mundo de la ventilación.
+                                            </p>
+                                        </a>
+                                    </div>
+                                    <div class="section-brief-slide hcol-4-12">
+                                        <a href="http://campus.solerpalau.com/preindex.php">
+                                            <div class="section-brief-slide-image">
+                                                <img src="media/home/campus.png" alt="Campus" class="" />
+                                            </div>
+                                            <h3 class="section-brief-slide-title">Campus</h3>
+                                            <p class="section-brief-slide-description">Obtén los conocimientos
+                                                necesarios para reciclarte como profesional, mejorar tu negocio y
+                                                ofrecer el mejor servicio a tus clientes.</p>
+                                        </a>
+                                    </div>
+                                </div>
+
+                            </div>
+                        </div>
+                        </p>
+
+
+                    </div>
+                </main>
+            </div>
+        </div>
+    </div>
+    <!-- aqui va el footer -->
+    <?php include 'footer.php' ?>
+
+    </div>
+    </div>
+    <!-- Ouibounce Modal -->
+<div id="ouibounce-modal" class="removeformobile">
+    <div class="underlay"></div>
+    <div class="modalNuevo">
+        <p id="exit_modal"><img src="https://png.icons8.com/metro/50/000000/delete-sign.png" width="20px"></p>
+        <div class="modal-body">
+            <div id='load'>
+                <div class="hcol-6-12">
+                    <img class="img-producto modal-img" src="media/img/icon-per.png">
+                </div>
+                <div class="hcol-6-12 grid">
+                    <center>
+                        <h2 class="modal-t">Suscríbete a nuestro boletín</h2><br>
+                        <p>Recibe novedades al instante sobre nuevos productos y servicios.</p>
+                    </center>
+                    <form>
+                        <input id="emailModal1" type="email" placeholder="Ingrese su correo electrónico" required>
+                        <input id='enviarModal1' type="submit" value="Sí, deseo suscribirme">
+                        <label style="color:red;font-size: 12px" id="emailRequerido">El correo electrónico es requerido</label>
+                        <label style="color:red;font-size: 12px" id="emailValido">Introduce un formato de correo electrónico válido</label>
+                    </form>
+                </div>
+            </div>
+        </div>
+        <div class="modal-footer">
+            <center>
+                <p class="text-center" id="footer-modal" onclick="document.getElementById('ouibounce-modal').style.display = 'none';">No, Gracias</p>
+            </center>
+        </div>
+    </div>
+</div>
+<!-- final oubonce Modal -->
+</body>
+
+</html>

+ 158 - 0
innovacion.php

@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html xml:lang="es" lang="es">
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Innovación – S&amp;P</title>
+  <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+
+  <link rel="apple-touch-icon" sizes="57x57"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-16x16.png">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage"
+  content="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+
+      
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+      <script type="text/javascript">
+        var $j = jQuery.noConflict();
+      </script>
+
+      <script type="text/javascript" src="js/events.js"></script>
+
+      <!-- estilo princripal -->
+      <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+
+      <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+
+    </head>
+    <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+      <!-- aqui va el header -->
+      <?php include 'header.php' ?>
+
+      <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+            <a>Por qué S&P</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div><div class="std"><div class="page-title dark">
+            <img alt="Producción,distribución y logística" src="media/home/categories_home/empresa/innovacion.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1">Innovación</h1>
+              </div>
+            </div>
+          </div>
+          <div class="bar-title">
+           <h2 class="h2 m-top50">Innovación al servicio de nuestros clientes
+           </h2>
+           <div class="container just">
+             <p class="hcol-10-12">Innovación al servicio de nuestros clientes
+             Una de las fortalezas del grupo es la capacidad de generar nuevos proyectos.</p>
+           </div>
+         </div>
+         <div class="container grid just">
+           <div class="hcol-10-12">
+            <p class="m-top20"></p>
+            <p class="m-top20">La recesión iniciada en 2008 no ha frenado las iniciativas de Soler & Palau Ventilation Group sino que las ha acelerado y ha tratado de convertir los riesgos del entorno en oportunidades reales, reforzando el compromiso con nuestros clientes, trabajando conjuntamente en la solu­ción de sus problemas, anticipándonos a sus necesidades y en todo caso manteniendo un alto grado de calidad y fiabilidad en las propuestas de valor del Grupo.</p>
+            <p class="m-top20">Durante los próximos años continuaremos nuestro proceso de transformación de proveedor de productos a proveedor de sistemas de ventilación. Cada vez más, los clientes demandan soluciones de ventilación que sean fáciles de instalar, operar y mantener y que, al mismo tiempo, tengan un costo global competitivo teniendo en cuenta, no solamente la inversión inicial, sino los gastos operacionales a lo largo de todo el ciclo de vida de la instalación.</p>
+            <p class="m-top20">En Soler & Palau Ventilation Group queremos seguir siendo una empresa global que aplica políticas locales para seguir creciendo ordenadamente, apoyándonos en nuestros clientes y con el soporte de nuestro equipo humano.</p>
+            <p class="m-top20">Incorporaremos las nuevas tecnologías que vayan surgiendo con el objetivo de conseguir la mejora constante en nuestros productos así como en el servicio que damos a nuestros clientes. Trabajaremos para proponer al mercado productos y sistemas cada vez más eficientes que contribuyan a reducir consumos y a proteger el medio ambiente.</p>
+            <p class="m-top20 m-bottom30">Deseamos ser reconocidos por nuestros clientes y colaboradores como el líder en quien confiar, no sólo por nuestros productos, sino también por los valores humanos y profesionales de todas las personas que integran Soler & Palau Ventilation Group.</p>
+
+          </div>
+        </div>
+
+      </div>                    
+
+    </main>
+  </div>
+</div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+</script>
+
+
+</div>
+</div>
+</body>
+
+</html>

+ 211 - 0
linea.php

@@ -0,0 +1,211 @@
+<?php
+require_once('shared/conexionBD.php');
+
+$lineaGet = htmlentities($_GET['linea'], ENT_NOQUOTES,"UTF-8");
+if (empty($lineaGet)) {
+  header('Location: 404.php');
+}
+mysqli_query($conexion,"SET NAMES utf8");
+
+?>
+<!DOCTYPE html>
+<html xml:lang="es" lang="es">
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+    <!--Producción-->
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', 'UA-125019062-2');
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title><?php echo $lineaGet; ?> – S&amp;P</title>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+  <!-- bootstrap 4 -->
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+
+
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  <!-- aqui va el header -->
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="0" typeof="v:Breadcrumb">
+            <a href="index.php"
+                title="Inicio"
+                rel="v:url" property="v:title">
+              Inicio</a>
+
+              <div class="arrow-breadcrumbs-level3"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs.svg"/></div>
+              <div class="arrow-breadcrumbs-level2"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs-white.svg"/></div> &nbsp;
+          </li>
+          <li class="2">
+            <a>División <?php echo "$lineaGet"; ?></a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+       <main>
+        <div id="overlaySearch" class="overlay">
+          <!-- Overlay content -->
+          <div id="searchResults" class="overlay-content grid"></div>
+        </div>
+
+        <div class="page-title dark">
+            <img src="media/home/categories_home/<?php
+            if(file_exists("media/home/categories_home/".$lineaGet.".jpg")){
+                echo($lineaGet);
+            }else{
+                echo('Habitat');
+            }
+            ?>.jpg" alt="<?php echo($lineaGet); ?>" class="category-image" />
+
+          <div class="page-title-container">
+            <div class="page-title-content container">
+
+              <h1 class="h1"><?php echo  $lineaGet; ?></h1>
+            </div>
+          </div>
+        </div>
+        <div class="category-products">
+          <div class="bar-title-simple">
+            <p class="h2"><?php echo "División $lineaGet"; ?></p>
+          </div>
+          <div class="container">
+            <div class="row mb-5">
+              <!-- Se comienza a imprimir los submodelos -->
+              <?php
+              $rutaImagenCompleta = '';
+              $linea = trim($lineaGet);
+              $arrFiltrado = filtrarDatos($modelosGlobal,html_entity_decode($linea),$arrImgs);
+
+              if (!empty($arrFiltrado)) {
+                foreach($arrFiltrado as $datos) {
+
+                  if (!empty($datos['URL'])) {
+                    $imagen = $datos['URL'];
+                  }else{
+
+                    $imagen = $datos['ID'].".jpg";
+                    $fichero = 'ALP/'.$imagen;
+                    // si la imagen no esta en el directorio
+                    $imagen = (file_exists($fichero)) ? $rutaImagenCompleta = $fichero :  $rutaImagenCompleta = 'media/noimagen.jpg' ;
+                  }
+                  $modelo = $datos['MODELO'];
+
+                  ?>
+                  <div class="col-md-4">
+                    <div class="card hp-100">
+                      <p class="text-center producto">
+                        <a href="modelo.php?linea=<?php echo ($lineaGet) ?>&modelo=<?php echo(urlencode($modelo)) ?>" title="<?php echo $modelo ?>" >
+                          <img  id="img-producto" src="<?php echo $imagen ?>"
+                          alt="<?php echo $modelo ?>"  />
+                        </a> </p>
+                        <div class="product-info">
+                          <a href="modelo.php?linea=<?php echo($lineaGet) ?>&modelo=<?php echo(urlencode($modelo)) ?>" title="<?php echo $imagen ?>">
+                            <p class="text-center">
+                              <b><?php echo $modelo ?> </b>
+                            </p>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                  <?php } }else{
+                    echo 'No se encontraron modelos disponibles';
+                  } ?>
+                  <!-- Termina seccion de submodelos -->
+                  <?php 
+                    if(html_entity_decode($lineaGet) == 'Atenuación Acústica') {
+
+                      echo "<div class='col-md-4'>
+                              <div class='card hp-100'>
+                                <p class='text-center producto'>
+                                  <a class='loader' id='btn-".$cont++."' href='atenuadores.php'>
+                                    <img  id='img-".$cont++."' class='loadImg' src='media/img/loader2.gif' width='50px' style='position: absolute;display:none' /> ";
+    
+                      echo          "<svg aria-hidden='true' style='max-width: 100px; height: 200px;' focusable='false' data-prefix='fas' data-icon='calculator' class='svg-inline--fa fa-calculator fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='currentColor' d='M400 0H48C22.4 0 0 22.4 0 48v416c0 25.6 22.4 48 48 48h352c25.6 0 48-22.4 48-48V48c0-25.6-22.4-48-48-48zM128 435.2c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm0-128c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm128 128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm0-128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm128 128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8V268.8c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v166.4zm0-256c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8V76.8C64 70.4 70.4 64 76.8 64h294.4c6.4 0 12.8 6.4 12.8 12.8v102.4z'></path></svg>";
+                      echo      "</p>
+                                <div class='product-info'>
+                                  <p class='text-center'>
+                                    <b> Selecciona tu atenuador </b>
+                                  </p>
+                                </div>
+                              </a> 
+                            </div>
+                        </div>";
+                    }
+                  ?>
+                </div>
+              </div>
+
+            </div>
+          </main>
+        </div>
+      </div>
+    </div>
+    <style>
+      .bar {
+      height: 30px!important;
+      }
+    </style>
+    <!-- aqui va el footer -->
+    <?php
+  // cerrar conexión de base de datos
+    mysqli_close( $conexion );
+    include 'footer.php' ?>
+  </script>
+
+
+</div>
+</div>
+</body>
+
+</html>

+ 167 - 0
manual-corporativo.php

@@ -0,0 +1,167 @@
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    <!--Producción-->
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', 'UA-125019062-2');
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+    <!-- [if IE]> -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta http-equiv="cleartype" content="on" />
+    <!-- <![endif] -->
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
+    <title>Imagen Corporativa – S&amp;P</title>
+    <meta name="description"
+        content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales." />
+    <meta name="keywords" content="Magento, Varien, E-commerce" />
+    <meta name="robots" content="INDEX,FOLLOW" />
+    <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico"
+        type="image/x-icon" />
+    <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico"
+        type="image/x-icon" />
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="theme-color" content="#ffffff">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+    <script type="text/javascript">
+    var $j = jQuery.noConflict();
+    </script>
+    <script type="text/javascript" src="js/events.js"></script>
+    <!-- estilo princripal -->
+    <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+</head>
+
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+    <!-- aqui va el header -->
+    <?php include 'header.php' ?>
+    <script type="text/javascript">
+    //<![CDATA[
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+        HIB.menu.init();
+    }
+    //]]>
+    </script>
+    <div class="main-container col1-layout">
+        <div class="breadcrumbs">
+            <div class="container">
+                <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+                    <li class="">
+                        <a>Recursos</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="main">
+            <div class="col-main">
+                <main>
+                    <div id="overlaySearch" class="overlay">
+                        <!-- Overlay content -->
+                        <div id="searchResults" class="overlay-content grid"></div>
+                    </div>
+                    <div class="std">
+                        <div class="page-title dark">
+                            <img alt="Producción,distribución y logística"
+                                src="media/home/categories_home/recursos/imagen-corporativa.jpg" />
+                            <div class="page-title-container">
+                                <div class="page-title-content container">
+                                    <h1 class="h1">Imagen Corporativa</h1>
+                                </div>
+                            </div>
+                            <div class="clearfix">&nbsp;</div>
+                        </div>
+                        <div class="bar-title">
+                            <div class="container">
+                                <h2 class="h2">
+                                    El Logotipo es el elemento principal de toda identidad corporativa.
+                                </h2>
+                                <p class="m-top20">
+                                    Estos logotipos son los originales de Soler & Palau, y su uso está reservado para
+                                    toda aplicación de los mismos, de acuerdo con el manual corporativo.
+                                </p>
+                            </div>
+                        </div>
+                        <center>
+                            <span class="cms-icon-pdf "></span>
+                            <div class="text">
+                                <h2>MANUAL CORPORATIVO</h2>
+                                <a class="customer-service-item" href="media/img_corp/manual-corporativo-carta.pdf"
+                                    target="_blank">
+                                    <button class="btn default ">DESCARGAR</button>
+                                </a>
+                            </div>
+                        </center>
+                        <div class="container grid certificaciones-block">
+                            <div class="hcol-12-12">
+                                <h1 class="certifications-title">LOGOTIPOS</h1>
+                                <div class="certifications-columns-container-1 hcol-6-12 md-hcol-init">
+                                    <p class="m-bottom20"><b>Logotipo S&P</b></p>
+                                    <ul class="link m-left10">
+                                        <li class="hcol-1-1">
+                                            <a href="media/imagen_corporativa/logo_S&P.jpg" target="_blank"
+                                                class="link-certifications">
+                                                Logo JPG
+                                            </a>
+                                        </li>
+                                        <li class="hcol-1-1">
+                                            <a href="media/imagen_corporativa/logo_S&P.png" target="_blank"
+                                                class="link-certifications ">
+                                                Logo PNG</a>
+                                        </li>
+                                        <li class="hcol-1-1">
+                                            <a href="media/imagen_corporativa/logo_S&P.pdf" target="_blank"
+                                                class="link-certifications ">
+                                                Logo PDF</a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="certifications-columns-container-2 hcol-6-12 md-hcol-init">
+                                    <p class="m-bottom20"><b>Logotipo Soler & Palau Ventilation Group
+                                        </b></p>
+                                    <ul class="link m-left10">
+                                        <li class="hcol-1-1">
+                                            <a href="media/imagen_corporativa/S&P_VG.jpg" target="_blank"
+                                                class="link-certifications ">
+                                                Logo JPG</a>
+                                        </li>
+                                        <li class="hcol-1-1">
+                                            <a href="media/imagen_corporativa/S&P_VG.png" target="_blank"
+                                                class="link-certifications ">
+                                                Logo PNG</a>
+                                        </li>
+                                        <li class="hcol-1-1">
+                                            <a href="media/imagen_corporativa/S&P_VG.pdf" target="_blank"
+                                                class="link-certifications ">
+                                                Logo PDF</a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="hcol-12-12">
+                                <p>&nbsp;</p>
+                                <div class="line">&nbsp;</div>
+                            </div>
+                        </div>
+                </main>
+            </div>
+        </div>
+    </div>
+    <!-- aqui va el footer -->
+    <?php include 'footer.php' ?>
+    </div>
+    </div>
+</body>
+
+</html>

+ 131 - 0
manual-mantenimiento.php

@@ -0,0 +1,131 @@
+<?php 
+require_once('shared/conexionBD.php');
+//encode utf8
+mysqli_query($conexion,"SET NAMES utf8");
+
+$query = "SELECT * FROM ITT_ASW_MMAN ORDER BY IDMA desc ";
+$resultado = mysqli_query($conexion, $query ) or die ( "ERROR #004 AL CONSULTAR LOS MANUALES");
+$arrMant = array();
+while ($manual = mysqli_fetch_array($resultado)){
+  $arrMant[] = $manual;
+}
+?>
+
+<!DOCTYPE html>
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+  <!--Producción-->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+  <!--Producción-->
+  <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', 'UA-125019062-2');
+  </script>
+
+  <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Manual de Mantenimiento – S&amp;P</title>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+
+  
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+  <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  <!-- aqui va el header -->
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+            <a>Recursos</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+        <div id="overlaySearch" class="overlay">
+          
+          <!-- Overlay content -->
+          <div id="searchResults" class="overlay-content grid"></div>
+        </div><div class="std"><p><div class="page-title dark">
+          <img alt="" src="media/home/categories_home/recursos/manual-mantenimiento.jpg" />
+          <div class="page-title-container">
+            <div class="page-title-content container">
+              <h1 class="h1">Manuales de Mantenimiento</h1>
+            </div>
+          </div>
+          <div class="clearfix">&nbsp;</div>
+        </div>
+        <div class="bar-title">
+          <h2 class="h2">Consulta los Manuales de S&P</h2>
+          <div class="container just">
+            <p class="hcol-10-12">En esta sección encontrarás los manuales de instalación y mantenimiento para los equipos de S&P.</p>
+          </div>
+        </div></p>
+        <div class="container grid certificaciones-block">
+          <div class="hcol-12-12">
+            <center><img src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_certificate.svg" alt="Certificaciones" width="85px"></center>
+            <h1 class="certifications-title">MANUALES</h1>
+            <div class="certifications-columns-container-1 hcol-6-12 md-hcol-init"><ul>
+              <?php  foreach ($arrMant as $case):
+               ?>
+                <li class="hcol-1-1">
+                <img class="pdf_icon" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/icon_pdf_1.svg">
+                  <a href="<?php echo $case['ARCH']; ?>" target="_blank" class="link-certifications caso_practico">
+                  <?php echo $case['TITU']; ?>           </a>
+                </li>
+              <?php  endforeach; ?>
+            </div>
+          </div>
+          <div class="hcol-12-12">
+            <p>&nbsp;</p>
+            <div class="line">&nbsp;</div>
+          </div>
+        </div></div>                    </main> 
+      </div>
+    </div>
+  </div>
+  <!-- aqui va el footer -->
+  <?php include 'footer.php' ?>
+</script>
+</div>
+</div>
+</body>
+</html>

+ 155 - 0
manual-ventilacion.php

@@ -0,0 +1,155 @@
+<?php 
+require_once('shared/conexionBD.php');
+//encode utf8
+mysqli_query($conexion,"SET NAMES utf8");
+$query = "SELECT * FROM ITT_ASW_MANV ORDER BY IDMM asc ";
+$resultado = mysqli_query($conexion, $query );
+$arrCasos = array();
+if($resultado) {
+  if(mysqli_num_rows($resultado) >0) {
+
+    while ($casos = mysqli_fetch_array( $resultado) )
+    {
+      $arrCasos[] = $casos;
+    }
+  }else{
+    $strMensaje = "No tenemos manuales disponibles.";
+
+  }
+}else{
+  $strMensaje = "Error al generar la consulta de casos prácticos disponibles, por favor reporte este problema.";
+}
+
+?>
+
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+    <!--Producción-->
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', 'UA-125019062-2');
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+	<!-- [if IE]> -->
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+	<meta http-equiv="cleartype" content="on"/>
+	<!-- <![endif] -->
+
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+	<title>Manual de Ventilación – S&amp;P</title>
+	<meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
+	<meta name="robots" content="INDEX,FOLLOW"/>
+	<link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+	<link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+	<meta name="theme-color" content="#ffffff">
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+	<script type="text/javascript">
+		var $j = jQuery.noConflict();
+	</script>
+	<script type="text/javascript" src="js/events.js"></script>
+	<!-- estilo princripal -->
+	<link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+	<link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+	<script type="text/javascript">
+     </script>
+     <!-- aqui va el header -->
+     <?php include 'header.php' ?>
+     <script type="text/javascript">
+    //<![CDATA[
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+    	HIB.menu.init();
+    }
+    //]]>
+ </script>
+ <div class="main-container col1-layout">
+ 	<div class="breadcrumbs">
+ 		<div class="container">
+ 			<ul xmlns:v="http://rdf.data-vocabulary.org/#">
+ 				<li class="">
+ 					<a>Recursos</a>
+ 				</li>
+ 			</ul>
+ 		</div>
+ 	</div>
+ 	<div class="main">
+ 		<div class="col-main">
+ 			<main>
+ 				<div id="overlaySearch" class="overlay">
+ 					<!-- Overlay content -->
+ 					<div id="searchResults" class="overlay-content grid"></div>
+ 				</div>
+ 				<div class="std">
+
+ 					<div class="page-title dark">
+ 						<img src="media/home/categories_home/recursos/manual-ventilacion.jpg" alt="Manual de ventilación" />
+ 						<div class="page-title-container">
+ 							<div class="page-title-content container">
+ 								<h1 class="h1">Manual De Ventilación</h1>
+ 							</div>
+ 						</div>
+ 						<div class="clearfix">&nbsp;</div> 
+ 					</div>
+
+ 					<div class="bar-title">
+ 						<h2 class="h2">Descarga nuestro manual práctico de ventilación</h2>
+ 						<div class="container"><p class=hcol-10-12>Con este manual podrás conocer todo lo necesario sobre ventilación. Desde los conceptos básicos, componentes del aire, circulación por conductos y procesos de definición de un sistema de ventilación.</p>
+ 						</div>
+ 					</div>
+ 					<br><br>
+
+ 					<div class="container grid questions">
+ 						<div class="hcol-12-12">
+ 							<ul>
+ 							<?php 
+ 							if (!empty($arrCasos)) {
+                foreach ($arrCasos as $case){
+ 							   ?>
+ 							   <li class="hcol-1-1">
+ 							    <a href="<?php echo $case['ARCH']; ?>" target="_blank" class="pdf_red caso_practico">
+ 							      <?php echo $case['TITU']; ?>           
+ 							    </a>
+ 							  </li>
+ 							<?php }
+              }else{
+ 							  echo "<h2 style='color:#f91143;'>".$strMensaje."</h2><br>";
+ 							}?>
+ 							</ul>	
+               <div class="line"></div>
+               <br/>
+               <br/>
+            </div>
+         </div>            
+      </div>
+   </div>
+</main>
+</div>
+</div>
+</div>
+
+
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+
+
+</div>
+</div>
+</body>
+
+</html>

+ 339 - 0
modelo.php

@@ -0,0 +1,339 @@
+<?php
+require_once('shared/conexionBD.php');
+
+if (isset($_GET['linea']) && isset($_GET['modelo'])) {
+$lineaGet = htmlentities($_GET['linea']);
+$articulo = htmlentities($_GET['modelo']);
+}
+if (empty($lineaGet) && empty($articulo)) {
+  header('Location: 404.php');
+}
+mysqli_query($conexion,"SET NAMES utf8");
+$rutaImagen = 'ALP/';
+$query = "SELECT ID,LINEA,SUBMODELO FROM ITT_ALP_GLOBAL WHERE LINEA='".html_entity_decode($lineaGet)."' AND MODELO='".html_entity_decode($articulo)."' ";
+$resultado = mysqli_query($conexion, $query);
+
+//Crear un manejo de errores
+if($resultado) {
+  if((mysqli_num_rows($resultado)>0)) {
+    while ($columna= mysqli_fetch_array($resultado)) {
+      $modelosLineas[] = ["ID"=>$columna['ID'],"LINEA"=>$columna['LINEA'],"SUBMODELO"=>$columna['SUBMODELO']];
+    }
+  } else {
+    $strMensaje = 'No se encontraron resultados. Intente nuevamente.';
+  }
+}else {
+  $strMensaje= 'Ha ocurrido un error al consultar las líneas, por favor reporte el problema';
+}
+
+
+//creamos consulta para ver las imagenes de los banners interiores
+$qryImagenes = "SELECT LINEA,MODELO,URLBAN from ITT_ASW_IMG  WHERE LINEA='".html_entity_decode($lineaGet)."' AND MODELO='".html_entity_decode($articulo)."'";
+$qryImg = mysqli_query($conexion, $qryImagenes);
+$arrImgs = [];
+$arrBannInt = mysqli_fetch_assoc($qryImg);
+
+?>
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+    <!--Producción-->
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', 'UA-125019062-2');
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title><?php echo ucfirst(strtolower($articulo)); ?> – S&amp;P</title>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+
+  <!-- estilo princripal -->
+  <!-- bootstrap 4 -->
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+  <link href="css/style-shop.css" rel="stylesheet">
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  <!-- aqui va el header -->
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="https://rdf.data-vocabulary.org/#">
+          <li class="0" typeof="v:Breadcrumb">
+            <a href="index.php"
+            title="Inicio"
+            rel="v:url" property="v:title">
+          Inicio</a>
+          <div class="arrow-breadcrumbs-level3"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs.svg"/></div>
+          <div class="arrow-breadcrumbs-level2"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs-white.svg"/></div> &nbsp;
+
+          <li class="2">
+            <a href="linea.php?linea=<?php echo $lineaGet;  ?>">División <?php echo "$lineaGet"; ?></a>
+
+          <div class="arrow-breadcrumbs-level3"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs.svg"/></div>
+          <div class="arrow-breadcrumbs-level2"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs-white.svg"/></div>
+        </li>
+        <li class="2">
+          <a><?php echo ($articulo); ?> </a>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <div class="main">
+    <div class="col-main">
+     <main>
+       <div id="overlaySearch" class="overlay">
+         <!-- Overlay content -->
+         <div id="searchResults" class="overlay-content grid"></div>
+       </div>
+       <main>
+         <div class="page-title category-title dark">
+
+            <?php if (!empty($arrBannInt)) {
+              $imgExplode = explode('/',$arrBannInt['URLBAN']);
+              $img = 'ALP/'.$imgExplode[2];
+              echo "<img src='".$img."' alt='Banner Interior'>";
+            }else{ ?>
+            <img src="media/home/categories_home/<?php
+              if(file_exists("media/home/categories_home/".$lineaGet.".jpg")){
+                echo($lineaGet);
+              }else{
+                echo('Habitat');
+              }
+            ?>.jpg" alt="<?php echo($lineaGet); ?>" class="category-image" />
+
+          <?php } ?>
+
+
+           <div class="category-title-container">
+             <div class="category-title-content container">
+               <h1 class="h1"><?php echo ($articulo); ?></h1>
+             </div>
+           </div>
+           <div class="clearfix"></div>
+         </div>
+
+         <div class="container">
+          <hr>
+          <div class="row">
+            <div class="col-12 col-lg-3">
+              <div class="list-group">
+               <!-- inicia busqueda -->
+               <div class="float-right pad">
+                <div class="input-group">
+                  <input type="text" name="caja_busqueda" id="search" class="form-control input-lg" placeholder="Buscar" />
+                </div>
+              </div>
+
+              <!-- termina busqueda -->
+              <h5 class="breadcrumb-item activen pad"><b>DIVISIONES</b></h5>
+              <!-- Inicia Menu principal -->
+              <h6><a href="#" class="list-group-item list-group-item-action active">  <b> División <?php echo $lineaGet; ?> </b></a></h6>
+              <ul class="links">
+                <?php
+                foreach ($arrGeneral as $modelo):
+
+                 $query = 'linea=' . urlencode($modelo['LINEA']) . '&modelo=' . urlencode($modelo['MODELO']);
+
+                 //Resaltar el item activo en rojo
+                 if ($modelo['LINEA'] == html_entity_decode($lineaGet)) {
+
+                  if ($modelo['MODELO'] == html_entity_decode($articulo)) {
+                    echo "<a href='modelo.php?".$query."' class='activelist'>
+                              <li class='group'> ".$modelo['MODELO'];
+                        echo "</li>
+                      </a>
+                    <hr>";
+                  }else{
+                   echo "<a href='modelo.php?".$query."' class='group'><li class='group' > ".$modelo['MODELO'];
+                   echo "</li></a><hr>";
+
+                 } ?>
+                 <!-- termina sub menus -->
+               <?php } endforeach; ?>
+             </ul>
+             <!-- se imprimen las líneas -->
+             <?php
+             //Filtrar las lineas
+             $arrLineas  = array();
+             foreach ($arrGeneral as $modelo){
+              $arrL[] = $modelo['LINEA'];
+            }
+            $arrLineas = array_unique($arrL);
+            foreach ($arrLineas as $linea):
+             if (html_entity_decode($lineaGet) != $linea) {
+               ?>
+               <a href="linea.php?linea=<?php echo $linea ?>"
+                class='list-group-item list-group-item-action'>
+                División <?php echo $linea; ?> </a>
+             <?php  }
+           endforeach; ?>
+
+           </div>
+           <!-- /.col-lg-4 -->
+         </div>
+
+         <div class="col-12 col-sm-12 col-lg-9">
+          <br>
+          <div  id="ac">
+            <div class="row" id="result">
+              <?php
+              //imprimimos las tarjetas
+              if (!empty($modelosLineas)){
+                $cont = 0;
+                foreach ($modelosLineas as $submodelos){
+
+                  $arrIds[]    = $submodelos['ID'];
+                  $nombreSubmodelo = $submodelos['SUBMODELO'];
+                  //revisar las imagenes
+                  $imagen = $submodelos['ID'].".jpg";
+                  $fichero = $rutaImagen.$imagen;
+                  $imagen = (file_exists($fichero)) ? $rutaImagenCompleta = $fichero :  $rutaImagenCompleta = 'media/noimagen.jpg' ;
+
+                  $queryGet = 'linea='.urlencode(html_entity_decode($lineaGet)).'&modelo='.urlencode(html_entity_decode($articulo)).'&submodelo='.urlencode(html_entity_decode($nombreSubmodelo));
+                  ?>
+                  <div class="col-md-4">
+                    <div class="card hp-100">
+                      <p class="text-center producto">
+                        <a class="loader" id="btn-<?php echo($cont) ?>" href="producto.php?<?php echo($queryGet) ?>">
+                          <img  id="img-<?php echo($cont) ?>" class="loadImg" src='media/img/loader2.gif' width='50px' style="position: absolute;display:none" />
+                          <img  id="img-producto" src="<?php echo $imagen ?>" alt="<?php echo $nombreSubmodelo ?>"  />
+                        </p>
+                        <div class="product-info">
+                          <p class="text-center">
+                            <b> <?php echo $nombreSubmodelo ?> </b>
+                          </p>
+                        </div>
+                        </a>
+                      </div>
+                  </div>
+                  <?php
+                  $cont++;
+                }
+
+                ////////////////////////////////
+                // Calculadora de atenuadores //
+                ////////////////////////////////
+
+                $string = 'calculadora de atenuadores';
+                if(html_entity_decode($lineaGet) == 'Atenuación Acústica') {
+
+                  echo "<div class='col-md-4'>
+                          <div class='card hp-100'>
+                            <p class='text-center producto'>
+                              <a class='loader' id='btn-".$cont++."' href='atenuadores.php'>
+                                <img  id='img-".$cont++."' class='loadImg' src='media/img/loader2.gif' width='50px' style='position: absolute;display:none' /> ";
+
+                  echo          "<svg aria-hidden='true' style='max-width: 100px; height: 200px;' focusable='false' data-prefix='fas' data-icon='calculator' class='svg-inline--fa fa-calculator fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='currentColor' d='M400 0H48C22.4 0 0 22.4 0 48v416c0 25.6 22.4 48 48 48h352c25.6 0 48-22.4 48-48V48c0-25.6-22.4-48-48-48zM128 435.2c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm0-128c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm128 128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm0-128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm128 128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8V268.8c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v166.4zm0-256c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8V76.8C64 70.4 70.4 64 76.8 64h294.4c6.4 0 12.8 6.4 12.8 12.8v102.4z'></path></svg>";
+                  echo      "</p>
+                            <div class='product-info'>
+                              <p class='text-center'>
+                                <b> Selecciona tu atenuador </b>
+                              </p>
+                            </div>
+                          </a> 
+                        </div>
+                    </div>";
+                }
+              }else{
+                echo "<h1>".$strMensaje."</h1>";
+              } ?>
+            </div>
+          </div>
+          <!-- /.row -->
+          <br><br>
+        </div> <!-- termina col-8 -->
+      </div>
+    </div>
+    <script type="text/javascript">
+       //<![CDATA[
+       if (typeof HIB == 'object' && typeof HIB.infiniteScroll == 'object' && typeof HIB.infiniteScroll.init == 'function') {
+         HIB.infiniteScroll.init('.products-grid', 1000);
+       }
+       //]]>
+        </script>
+           </main>
+           <aside>
+           </aside>
+           <script type="text/javascript">
+           //<![CDATA[
+           if (typeof HIB == 'object' && typeof HIB.filter == 'object' && typeof HIB.filter.init == 'function') {
+             HIB.filter.init();
+           }
+           //]]>
+         </script>
+       </main>
+     </div>
+   </div>
+ </div>
+ <style>
+ .bar {
+      height: 30px!important;
+      }
+ </style>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+ <script type="text/javascript">
+   var $j = jQuery.noConflict();
+ </script>
+ <script type="text/javascript" src="js/search.js"></script>
+ <script>
+   $j('.loader').on("click",function(e){
+    e.preventDefault();
+     var usersid =  $j(this).attr("id");
+     var cont = usersid.split('-');
+     var href = $j(this).attr('href');
+     $j('#img-'+cont[1]).show();
+
+     setTimeout(function(){
+        $j('#img-'+cont[1]).hide();
+      }, 1000);
+      window.location.href = href;
+   });
+ </script>
+ <!-- aqui va el footer -->
+ <?php
+ // cerrar conexión de base de datos
+ mysqli_close( $conexion );
+ include 'footer.php' ?>
+
+
+
+</div>
+</div>
+</body>
+
+</html>

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 163 - 0
normativa-1.php


+ 186 - 0
nuestra-marca.php

@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Nuestra Marca – S&amp;P</title>
+  <meta name="description" content="La marca S&amp;P ha alcanzando reconocimiento mundial gracias a su equipo humano, a la calidad, fiabilidad y a una férrea apuesta por la innovación."/>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+ 
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+ <script type="text/javascript">
+   var $j = jQuery.noConflict();
+ </script>
+
+ <script type="text/javascript" src="js/events.js"></script>
+
+ <!-- estilo princripal -->
+ <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+</head>
+<body class=" cms-page-view cms-nuestra-marca level-2 customer-logged-out cms-2col-form level-2">
+
+  <?php require 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+            <a>Por qué S&P</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div><div class="std"><p><div class="page-title dark">
+            <img alt="" src="media/home/categories_home/empresa/nuestra-marca.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1">Nuestra marca</h1>
+              </div>
+            </div>
+            <div class="clearfix">&nbsp;</div>
+          </div>
+        </p>
+        <div class="questions">
+          <div class="bar-title">
+            <h2 class="h2">La Marca S&amp;P</h2>
+            <div class="container just">
+              <p class="hcol-10-12">La marca<b style="color:#e3060a"> S&P</b> ha alcanzando reconocimiento mundial gracias a su equipo humano, a la calidad, fiabilidad y a una f&eacute;rrea apuesta por la innovaci&oacute;n. Soler &amp; Palau Ventilation Group ha basado su proyecto en una serie de preceptos que han pautado el pasado, presente y futuro de la empresa:</p>
+            </div>
+          </div>
+          <div class="container grid just">
+            <div class="hcol-10-12" >
+              <ul style="color: rgb(138, 138, 138);">
+              <li>
+                <p class="answer-1">
+                <b>Tecnolog&iacute;a propia:</b> Si el proyecto de S&amp;P deb&iacute;a ser fuerte y consolidarse en el tiempo, era                         necesario basarse en la creatividad y aportar productos diferenciales, evitando imitar lo que                         hac&iacute;an los dem&aacute;s. S&amp;P ha registrado, a lo largo de su historia, 80 patentes                         propias, m&aacute;s de 20 modelos industriales y m&aacute;s de 120 modelos de utilidad.</p>
+              </li>
+            
+              <li>
+                <p class="answer-1"><b>Internacionalizaci&oacute;n y Crecimiento:</b> S&amp;P tuvo claro que la garant&iacute;a de futuro de la empresa pasaba por abrirse al mundo y entrar en nuevos mercados con elevados niveles de competitividad. Ello obligaba a una constante mejora del producto. Actualmente S&amp;P es un l&iacute;der mundial en ventilaci&oacute;n, con centros productivos en Europa, Am&eacute;rica y Asia. Una potente estructura de distribuci&oacute;n, mediante filiales y distribuidores exclusivos, permite que S&amp;P est&eacute; presente en todos los mercados mundiales, dando cobertura y servicio.</p> </li> 
+              <li>
+                <p class="answer-1">
+                <b>Autofinanciaci&oacute;n:</b>
+                Una de las fortalezas de S&amp;P ha sido el crecimiento constante y la pol&iacute;tica                         de reinversi&oacute;n de beneficios, tanto en el campo de investigaci&oacute;n como de producci&oacute;n                         y comercializaci&oacute;n. Esto ha permitido que S&amp;P sea una empresa autofinanciada, lo que                         le proporciona una total independencia en la toma de decisiones. </p>
+              </li>
+            </ul>
+            <div class="line"></div>
+          </div>
+        </div>
+        <div class="bar-title">
+          <h2 class="h2">Nuestra Historia</h2>
+          <div class="container just">
+            <p class="hcol-10-12"><b style="color:#e3060a">Soler &amp;  Palau</b> fue creada en 1951. En estos primeros a&ntilde;os de historia de nuestra empre&shy;sa, hemos trabajado con firmeza y determinaci&oacute;n para conseguir que Soler &amp; Palau Ventilation Group sobrepase nuestras fronteras y alcance una dimensi&oacute;n global.</p>
+          </div>
+        </div>
+        <div class="container grid just">
+          <div class="hcol-10-12">
+           <p class="m-top10">Nos enorgullece haber recorrido este trayecto con todas las personas que forman y han formado parte de este proyecto. Nuestra estrategia corporativa, especifica c&oacute;mo quere&shy;mos posicionarnos en el mercado y el camino a seguir para alcanzar los objetivos sin dejar de lado los valores de nuestra cultura empresarial. Apoyados en los pilares del Trabajo en Equipo, Proximidad y Respeto a la Diversi&shy;dad individual, hemos proyectado nuestra empresa para estar presentes internacionalmente aplicando pol&iacute;ticas locales bajo el paraguas de una filosof&iacute;a global. La solidez de nuestros resultados nos permite autofinan&shy;ciarnos e invertir de forma constante para ser pioneros en la investigaci&oacute;n, desarrollo e innovaci&oacute;n.</p> 
+           <p class="m-top10">Nos antici&shy;pamos a las necesidades de un mercado en constante evoluci&oacute;n, incorporando a nuestro cat&aacute;logo nuevos pro&shy;ductos y soluciones de ventilaci&oacute;n, basadas en la eficien&shy;cia y el ahorro energ&eacute;tico.Un equipo humano altamente motivado, autoexigente y honesto, pone todo su empe&ntilde;o en lograr un elevado nivel de calidad en los productos y en proporcionar el mejor servicio a nuestros clientes.</p> 
+           <p class="m-top10">Trabajamos d&iacute;a a d&iacute;a para conservar nuestros valores y nos esforzamos para mejorar nuestra formaci&oacute;n y cono&shy;cimientos con el objetivo de consolidar nuestro liderazgo en el mercado de ventilaci&oacute;n y fortalecer nuestras rela&shy;ciones con clientes y colaboradores.</p>
+         </div>
+       </div>
+       <div class="bar-title">
+        <h2 class="h2">Presencia Global</h2>
+        <div class="container just">
+          <p class="hcol-10-12">Desde sus inicios, <b style="color:#e3060a">Soler&Palau,</b> experiment&oacute; un crecimiento constante. &Eacute;ste repercuti&oacute; en la ampliaci&oacute;n de las instalaciones originales y, posteriormente, en la implantaci&oacute;n de filiales en todo el mundo y la adquisici&oacute;n de otras empresas.</p>
+        </div>
+      </div>
+      <div class="container grid just">
+        <div class="hcol-10-12"><p class="m-top10">Nuestra filosof&iacute;a global y una pol&iacute;tica de proximidad son algunas de las claves de nuestro &eacute;xito. Porque nadie conoce mejor los mercados locales y sus necesidades como los profesionales que tienen el contacto directo.</p> <p class="m-top10">Para estar cerca de nuestros clientes, disponemos de factor&iacute;as, filiales comerciales y distribuidores en los cinco continentes. Nuestra organizaci&oacute;n se divide en 4 &aacute;reas:</p> 
+          <ul style="color: rgb(138, 138, 138);">
+          <li>
+            <p>Europa:</p>
+            <p class="answer-1">Con presencia directa en todos los países.</p>
+          </li>
+        
+          <li>
+            <p>Norteam&eacute;rica:</p>
+            <p class="answer-1">Con presencia en M&eacute;xico y los estados de Florida y Wisconsin en Estados Unidos.</p>
+          </li>
+        
+          <li>
+            <p>Latinoamérica:</p>
+            <p class="answer-1">Con presencia en Brasil, Perú, Chile y Colombia.</p>
+          </li>
+        
+          <li>
+            <p>Asia:</p>
+            <p class="answer-1">Con filiales en Malasia, Shanghai, Wuhan, Tailandia, Singapur, Pek&iacute;n, Guangzhou, Hong Kong, Indonesia, Taiw&aacute;n, Corea, India, Filipinas, Vietnam y los Emiratos &Aacute;rabes.</p>
+          </li>
+        
+          <li>
+            <p>Australia:</p>
+            <p class="answer-1">Con filial en Sidney. </p>
+          </li>
+        </ul> <p class="m-top10">Soler &amp; Palau Ventilation Group posee factor&iacute;as en Espa&ntilde;a (Ripoll, Sils, Torell&oacute; y Madrid) Francia, Inglaterra,Noruega, M&eacute;xico, Brasil, EE.UU., China (Shangh&aacute;i y Guangzhou), Singapur, Tailandia, Malasia, e India.</p> <p class="m-top10">Entendiendo la investigaci&oacute;n y el desarrollo como una fuente de ventaja competitiva, S&amp;P ha desarrollado una gama de producto con m&aacute;s de 10.000 referencias, adecuada a todas las necesidades del mercado. Nuestra oferta abarca edificios industriales, edificios residenciales, sector terciario, procesos industriales y OEMs.</p> <p class="m-top10 m-bottom40">Tras m&aacute;s 60 a&ntilde;os, m&aacute;s de 90 pa&iacute;ses en todo el mundo cuentan con los servicios y la atenci&oacute;n de S&amp;P</p>
+       
+      </div>
+    </div>
+
+  </div>
+</div>
+</div>
+</div>                    
+</main>
+</div>
+</div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+
+
+</div>
+</div>
+</body>
+
+</html>

+ 288 - 0
politicas-compania.php

@@ -0,0 +1,288 @@
+<!DOCTYPE html>
+<html xml:lang="es" lang="es">
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Políticas de la Compañia – S&amp;P</title>
+  <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+
+  <link rel="apple-touch-icon" sizes="57x57"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-16x16.png">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage"
+  content="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+
+  
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+
+      <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+
+    </head>
+    <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+      <!-- aqui va el header -->
+      <?php include 'header.php' ?>
+
+      <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+            <a>Por qué S&P</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div><div class="std"><div class="page-title dark">
+            <img alt="Producción,distribución y logística" src="media/home/categories_home/empresa/compania.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1">Políticas de la Compañía</h1>
+              </div>
+            </div>
+          </div>
+
+          <div class="bar-title">
+            <h2 class="h2">Misión </h2>
+            <div class="container just">
+              <p class="hcol-10-12">En Soler&Palau trabajamos para llegar a ser reconocidos por nuestros clientes y colaboradores como líder mundial en ventilación.
+                <br>
+              Estamos orgullosos de nuestra trayectoria y cultura por lo que nos comprometemos a crecer y evolucionar sin perder nuestras raíces. </p>
+            </div>
+          </div>
+          <div class="bar-title">
+            <h2 class="h2 m-top50">Visión </h2>
+            <div class="container just">
+              <!-- <p class="hcol-10-12 ">En Soler & Palau Ventilation Group queremos ser líderes en el mercado de la ventilación creciendo ordenadamente con el compromiso de nuestro equipo humano. </p> -->
+              <p class="hcol-10-12">Queremos ser reconocidos como un proveedor global, líder en sistemas de ventilación eficientes energética-mente, localizado en resolver las necesidades de nuestros clientes a los que ofreceremos soluciones de más valor añadido que el resto de las empresas. Queremos que nuestros clientes nos perciban como un socio local y flexible allá donde se encuentren.</p>
+              <br>
+              <br>
+            </div>
+          </div>
+
+          <div class="bar-title">
+            <h2 class="h2">Principios de la Compañía </h2>
+            <div class="container just">
+              <p class="hcol-10-12 ">  Las bases filosóficas sobre las que S&P se basa son: </p>
+            </div>
+          </div>
+
+          <div class="container grid">
+            <div class="hcol-10-12">
+              <div class="contenido just">
+                <div class="links" style="color: rgb(124, 124, 124);">
+                  <p>
+                    <b> INTERNACIONALIZACIÓN Y CRECIMIENTO: </b>
+                    Desde sus inicios en 1951, la estrategia de la empresa ha sido la constante inversión en nuevos productos y la creciente expansión en el mercado global.
+                  </p>
+
+                  <p class="m-top10">
+                   <b> TECNOLOGÍA PROPIA: </b>
+                   Nuestro espíritu de mejora nos lleva a ser pioneros en la investigación, desarrollo e innovación de productos.
+
+                 </p>
+                 <p class="m-top10">
+                  <b> AUTOFINANCIACIÓN: </b>
+                  Como factor clave de nuestra independencia y solidez financiera.
+
+                </p>
+                <p class="m-top10">
+                  <b> EXCELENCIA EN LA GESTIÓN: </b>
+                  Con nuestra dedicación, honestidad, autoexigencia y empeño por hacer bien las cosas, nos comprometemos a lograr los niveles de calidad y servicio requeridos por nuestros clientes.
+
+                </p>
+                
+                <p class="m-top10">
+                 <b> DESARROLLO DE LAS PERSONAS: </b>
+                 El factor humano es la clave del éxito. El camino realizado hasta hoy, no ha sido fácil. En Soler & Palau Ventilation Group se ha primado siempre el trabajo en equipo, la formación y la promoción interna.
+               </p>
+             </div>
+             <p class="m-top10">
+              En la actualidad, hemos desa­rrollando y mejorando herramientas de gestión (evalua­ción del desempeño, formación continua, comunicación interdepartamental, código de conducta interno, etc.) que­remos consolidar en el futuro inmediato los siguientes objetivos:
+              <div class="links">
+
+              </p>
+              <div style="color: rgb(138, 138, 138);">
+                <p class="m-top10 m-bottom10">
+                  • Inculcar a nuestros mandos la delegación de responsa­bilidades y el respeto por el individuo (Empowerment).
+                </p><p class="m-top10 m-bottom10">
+                  • Gestionar activamente la aportación y transmisión de ideas y proyectos entre las diferentes unidades de nego­cio del Grupo (Best Practices).
+                </p>
+                <p class="m-top10 m-bottom10">
+                  • Lograr, utilizando como palanca principal el ejemplo, la identificación de todos los componentes del equipo con los valores de la empresa y su implicación en el desarrollo de la visión y misión de nuestro proyecto empresarial.
+                </p>
+
+                <p class="mtop-10">
+                  • Detectar, promocionar y retener el talento.
+                </p>
+              </div>
+            </div>
+            </div>
+          </div>
+        </div>
+        <div class="bar-title">
+          <h2 class="h2">Política de Calidad </h2>
+          <div class="container just">
+            <p class="hcol-10-12 ">  Suministrar equipos de movimiento de aire, cumpliendo con los requisitos, expectativas del cliente y las normas nacionales e internacionales aplicables, fomentando la mejora continua al sistema de calidad, los procesos y los productos. </p>
+          </div>
+        </div>
+        <div class="bar-title">
+          <h2 class="h2 m-top30">Política de Seguridad</h2>
+          <div class="container just">
+            <p class="hcol-10-12 ">Mantener la integridad física y mental del trabajador durante su jornada de trabajo, fomentando las buenas prácticas de seguridad e higiene mediante el cumplimiento de las disposiciones y normas oficiales mexicanas aplicables a nuestra empresa, en beneficio de la calidad y la productividad. </p>
+          </div>
+        </div>
+        <div class="bar-title">
+          <h2 class="h2 m-top30">Política Ambiental</h2>
+          <div class="container just">
+            <p class="hcol-10-12 "> Soler & Palau tiene como compromiso eliminar los impactos negativos al ambiente, optimizar y aprovechar los recursos naturales y cumplir con las normas jurídicas aplicables. </p>
+          </div>
+        </div>
+
+        <div class="container grid just">
+          <div class="hcol-10-12">
+           <p class="m-top10"> Desde 1994, Soler & Palau México es miembro AMCA y desde 2006 el Laboratorio de Aerotécnica está certificado ante AMCA, siendo uno de los cinco centros de I+D de Soler & Palau Ventilation Group con la certificación de este organismo.</p>
+
+           <p class="m-top10">Y es que somos lo que hacemos. Pero también cómo lo hacemos. Por ello, en Soler & Palau nos enorgullece que la calidad sea uno de los pilares básicos en los que se sustenta nuestra compañía. El motor que aporta aire fresco al sector de la ventilación.</p>
+         </div>
+       </div>
+
+
+       <div class="bar-title">
+         <h2 class="h2 ">Diseño y Conceptualización</h2>
+         <div class="container just">
+           <p class="hcol-10-12"> En la actualidad, no basta con fabricar productos fiables y de calidad.</p>
+         </div>
+       </div>
+       <div class="container grid just">
+         <div class="hcol-10-12">
+           <p class="m-top20">
+             El ahorro energético y la eficiencia de los productos, tanto en términos aerodinámicos como acústicos, son un pilar básico en el diseño de nuestros productos, de ahí la adopción del más acreditado software de simulación aerodinámica existente en el mercado.
+           El firme compromiso de todas las empresas de Soler & Palau Ventilation Group con la eficiencia y el ahorro energético, nos ha hecho adoptar lo que se denomina Eco­diseño como una filosofía ineludible a partir de la cual han nacido conceptos como la Demanda Controlada de Ventilación, los Sistemas Inteligentes de Control o productos específicamente diseñados para la recuperación de energía.</p>
+           <p class="m-top20">Por esta razón el departamento de Investigación de S&P es fundamental en el momento de diseñar cualquier producto. En el departamento de I+D+i, más de 60 Ingenieros y técnicos, equipados con los más modernos sistemas de diseño, trabajan para conseguir productos con las mejores prestaciones teniendo en cuenta la reciclabilidad de los componentes para evitar al máximo el impacto ambiental al final de la vida útil de los productos.</p>
+         </div>
+       </div>
+
+       <div class="bar-title">
+         <h2 class="h2 ">Centros I+D+i</h2>
+         <div class="container just">
+           <p class="hcol-10-12">Soler & Palau Ventilation Group impulsa una gama de productos con un tronco común, adaptados a las necesi­dades de los mercados locales. Para ello se han creado oficinas de I+D en cada área geográfica, que investigan para incorporar al catálogo los productos más adecuados en función de las necesidades o legislación de cada país.</p>
+         </div>
+       </div>
+
+       <div class="container grid just">
+         <div class="hcol-10-12">
+           <p class="m-top20">La globalidad de Soler & Palau Ventilation Group permite y favorece el intercambio de conocimientos y experiencias entre los cinco centros de I+D, todos ellos dotados de modernos laboratorios homologados por prestigiosos organismos internacionales:</p>
+
+
+           <p class="m-top20">Zona Europea......................................España (AMCA/ENAC/ILAC)
+           </p> 
+           <p>Zona Asiática......................................Singapur (AMCA)</p>
+           <p>Zona Norte América............................Estados Unidos (AMCA)</p>
+           <p>Zona América Central.........................México (AMCA)</p>
+           <p class="m-bottom30">Zona América del Sur.........................Brasil (AMCA)</p>
+
+
+           <p class="m-top20">Por ello la investigación es una fuente de ventaja competitiva en Soler&Palau. Investigar, descubrir, trabajar para encontrar la excelencia, en definitiva, innovar, es lo que nos permite diferenciarnos de la competencia para llegar hasta el consumidor.</p>
+           <p class="m-top20">Por otro lado, nuestra gama de productos se adapta a las necesidades y características particulares de los mercados locales, teniendo también en cuenta la legislación de cada país. Disponer de filiales repartidas por la mayor parte del mundo nos ha permitido crear oficinas de I+D+I en cada área geográfica.</p>
+           <p class="m-top20">El intercambio de información y experiencias que se deriva de esta globalidad enriquece diariamente la labor de nuestros departamentos de I+D+I. En dichos centros, más de 60 ingenieros y técnicos trabajan para crear productos con las mejores prestaciones. Un sofisticado software, exclusivo de Soler&Palau, es un factor decisivo a la hora de garantizar la consecución de los niveles de calidad que nuestros clientes nos exigen. Este software permite simular el comportamiento de los equipos desde el mismo proceso de diseño, lo que se traduce en un ahorro de tiempo y esfuerzo.</p>
+           <p class="m-top20 m-bottom50">En definitiva, toda una trayectoria empresarial apostando por I+D+I gracias a la cual hoy nos satisface poder decir que se traduce en 80 patentes propias, más de 20 modelos industriales y más de 120 modelos de utilidad.</p>
+         </div>
+       </div>
+
+
+     </div>                    
+
+   </main>
+ </div>
+</div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+</script>
+
+
+</div>
+</div>
+</body>
+
+</html>

+ 138 - 0
politicas-privacidad.php

@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html xml:lang="es" lang="es">
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Políticas de privacidad – S&amp;P</title>
+  <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+    <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage"
+  content="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+
+  
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  <!-- aqui va el header -->
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+           
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div><div class="std"><div class="page-title dark">
+            <img alt="Producción,distribución y logística" src="media/home/categories_home/empresa/calidad.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1">Políticas de Privacidad</h1>
+              </div>
+            </div>
+          </div>
+          
+
+        
+          <div class="container grid just">
+            <div class="hcol-11-12">
+             <p class="m-top10"> Por medio del presente aviso, <b>SOLER-PALAU.COM.MX</b> (en adelante, <b>LA EMPRESA</b>) informa a los usuarios del Portal sobre su política de protección de datos personales con la finalidad de que éstos decidan de forma expresa, libre y voluntaria, si desean facilitar a <b>LA EMPRESA</b> los datos personales que les son solicitados en el Portal para la prestación de sus servicios.</p>
+
+               <p class="m-top10">También se informa a los usuarios de la incorporación de los datos a un archivo automatizado, cuyo titular y responsable es <b>LA EMPRESA</b>, llevando a cabo un tratamiento automatizado con la finalidad de informarle a los usuarios sobre promociones y ofertas.</p>
+
+               <p class="m-top10">Salvo que específicamente se establezca lo contrario, se considerará necesario completar todos los datos requeridos en los formularios. En el caso de no suministrar todos los datos estimados como necesarios, <b>LA EMPRESA</b> podrá, dependiendo del caso, no proceder al registro del usuario, o bien denegar el servicio concreto solicitado.</p>
+
+               <p class="m-top10">El usuario deberá rellenar los formularios con datos verdaderos, exactos, completos y actualizados, respondiendo de los daños y perjuicios que pudiera ocasionar a causa de la cumplimentación defectuosa de los formularios con datos falsos, inexactos, incompletos o no actualizados.</p>
+              Si el usuario es menor de edad, se requiere que cuente con el previo consentimiento de sus padres o tutores antes de proceder a la inclusión de sus datos personales en los formularios del Portal.
+
+               <p class="m-top10"><b>LA EMPRESA</b> ha adoptado los niveles de seguridad de protección de los datos personales legalmente requeridos, adaptándose constantemente a las novedades legislativas y jurisprudenciales. <b>LA EMPRESA</b> garantiza al usuario la confidencialidad de los datos personales con la salvedad, de que éstos le sean solicitados por autoridad competente, por medio de la vía adecuada y de conformidad con las disposiciones legales aplicables. Sin embargo el usuario debe ser consciente de que las medidas de seguridad en Internet no son infalibles.</p>
+
+               <p class="m-top10">Igualmente, <b>LA EMPRESA</b> se compromete a cumplir con la obligación de secreto respecto de los datos contenidos en el archivo automatizado según lo establecido como razonable en materia de protección de datos.</p>
+
+               <p class="m-top10">El usuario o persona que lo represente podrá ejercitar en cualquier momento el derecho de acceso, rectificación, cancelación y, en su caso, oposición respecto del tratamiento de sus datos personales, dirigiendo una comunicación escrita por correo electrónico a <b>LA EMPRESA</b>, a la dirección: comercial@soler-palau.com.mx , en la que se acredite la identidad del usuario que ejercita cualquiera de los derechos citados en el presente párrafo.</p>
+
+               <p class="m-top10"><b>LA EMPRESA</b> comunica a los usuarios, a través del presente aviso, que utiliza cookies cuando el usuario navega por las diferentes pantallas y páginas del Portal. Las cookies utilizados por <b>LA EMPRESA</b> son almacenadas en el disco duro del usuario pero no pueden leer los datos contenidos en él ni leer las cookies creadas por otros proveedores. No obstante, el usuario podrá impedir la generación de cookies mediante la selección de la opción correspondiente en su programa navegador.</p>
+
+               <p class="m-top10"><b>LA EMPRESA</b> utiliza cookies con el objeto de reconocer a los usuarios que se hayan registrado y poder ofrecerles un servicio personalizado e individualizado acorde a sus necesidades. Asimismo, las cookies son utilizadas para obtener información acerca de la fecha y hora de la última visita del usuario, medir algunos parámetros de tráfico dentro del propio Portal y estimar el número de visitas realizadas, permitiendo a <b>LA EMPRESA</b> enfocar y ajustar los servicios de la forma más efectiva.</p>
+
+              <p class="m-top10"> En caso de que <b>LA EMPRESA</b> prestara algún tipo de servicio especial en el que determine unas previsiones específicas diferentes a éstas, en lo relativo a la protección de datos personales, tendrá primacía la aplicación de las normas particulares indicadas para ese servicio en particular por encima de las presentes, en caso de incongruencia.</p>
+
+
+             
+           </div>
+         </div>
+      </div>                    
+
+    </main>
+  </div>
+</div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+</script>
+
+
+</div>
+</div>
+</body>
+
+</html>

+ 190 - 0
popover-exit.html

@@ -0,0 +1,190 @@
+<link rel="stylesheet" type="text/css" href="css/modal-oubonce.css">
+<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
+
+<!-- Ouibounce Modal -->
+<div id="ouibounce-modal" class="removeformobile">
+    <div class="underlay"></div>
+    <div class="modalNuevo">
+        <p id="exit_modal"><img src="https://cdn-icons-png.flaticon.com/512/748/748122.png" width="20px"></p>
+        <div class="modal-body">
+            <div id='load'>
+                <div class="hcol-6-12">
+                    <img class="img-producto modal-img" src="media/img/icon-per.png">
+                </div>
+                <div class="hcol-6-12 grid">
+                    <center>
+                        <h2 class="modal-t">Suscríbete a nuestro boletín</h2><br>
+                        <p>Recibe novedades al instante sobre nuevos productos y servicios.</p>
+                    </center>
+                    <form>
+                        <input id="emailModal1" type="email" placeholder="Ingrese su correo electrónico" required>
+                        <input id='enviarModal1' type="submit" value="Sí, deseo suscribirme">
+                        <label style="color:red;font-size: 12px" id="emailRequerido">El correo electrónico es
+                            requerido</label>
+                        <label style="color:red;font-size: 12px" id="emailValido">Introduce un formato de correo
+                            electrónico
+                            válido</label>
+                    </form>
+                </div>
+            </div>
+        </div>
+        <div class="modal-footer">
+            <center>
+                <p class="text-center" id="footer-modal"
+                    onclick="document.getElementById('ouibounce-modal').style.display = 'none';">No, Gracias</p>
+            </center>
+        </div>
+    </div>
+</div>
+<!-- final oubonce Modal -->
+
+<!-- The Modal2 -->
+<div id="myModal2" class="modal2 removeformobile">
+    <!-- Modal content -->
+    <div class="modal-content">
+        <span class="close">&times;</span>
+        <div class="hcol-12-12 " id="contenido_modal">
+            <center>
+                <h2 class="modal-t">¡Queremos conocerte!</h2><br>
+                <p>Con estos manuales podrás informarte sobre nuestros productos.</p>
+            </center>
+            <form id="popover-datos1">
+                <div class="form-group hcol-1-1">
+                    <label for="email">Correo electrónico</label><input
+                        class="required-entry input-email  validate-no-html-tags form-control " name="email" id="email"
+                        type="email" />
+                </div>
+                <div class="form-group hcol-6-12">
+                    <label for="name">Nombre</label><input
+                        class="required-entry input-text  validate-no-html-tags form-control " name="nombre" id="nombre"
+                        type="text" />
+
+                </div>
+                <div class="form-group hcol-6-12">
+                    <label for="lastname">Apellidos</label><input
+                        class="required-entry input-text  validate-no-html-tags form-control " name="apellido"
+                        id="apellido" type="text" />
+                </div>
+                <div class="form-group hcol-1-1 checkbox">
+                    <input class="validate-no-html-tags form-control underline" name="accept_conditions" id="blog_sp"
+                        type="checkbox" checked=checked />
+                    <label for="blog_sp">Quiero suscribirme al <a class="underline"> boletín de S&P México</a></label>
+                </div>
+                <div class="form-group hcol-1-1 checkbox">
+                    <input class="required-entry  validate-no-html-tags form-control underline" name="accept_conditions"
+                        id="accept_conditions" type="checkbox" />
+                    <label for="accept_conditions">Acepto los <a class="underline" href="terminos-condiciones.php">
+                            términos y condiciones</a></label>
+                </div>
+                <div class="hcol-1-1">
+                    <button type="submit" class="btn small validation-passed" name="enviar"
+                        id="enviar_form">Enviar</button>
+                </div>
+            </form>
+            <form id="popover-datos2">
+                <br>
+                <div class="form-group hcol-1-1">
+                    <label for="email">Correo electrónico</label><input
+                        class="required-entry input-email  validate-no-html-tags form-control " name="email2"
+                        id="email2" type="email" />
+                </div>
+                <div class="form-group hcol-1-1">
+                    <label for="pr1">Empresa</label>
+                    <input class="required-entry input-text  validate-no-html-tags form-control " name="pr1" id="pr1"
+                        type="text" />
+                </div>
+                <div class="hcol-1-1">
+                    <button type="submit" class="btn small validation-passed" name="enviar"
+                        id="enviar_form2">Enviar</button>
+                </div>
+            </form>
+            <form id="popover-datos3">
+                <br>
+                <div class="form-group hcol-1-1">
+                    <label for="email">Correo electrónico</label><input
+                        class="required-entry input-email  validate-no-html-tags form-control " name="email3"
+                        id="email3" type="email" />
+                </div>
+                <div class="form-group hcol-1-1">
+                    <label for="pr2">Actividad Profesional</label>
+                    <div class="custom-select">
+                        <select class="required-entry  validate-no-html-tags form-control " name="pr2" id="pr2">
+                            <option value='' selected disabled style="color: #cccccc">Seleccione una opción...</option>
+                            <option value='Academico'> I. Académico</option>
+                            <option value='Agricultor'> II. Agricultor</option>
+                            <option value='Arquitecto'> III. Arquitecto</option>
+                            <option value='Comprador'> IV. Comprador</option>
+                            <option value='Constructor'> V. Constructor</option>
+                            <option value='Distribuidor'> VI. Distribuidor</option>
+                            <option value='Estudiante'> VII. Estudiante</option>
+                            <option value='Ganadero'> VIII. Ganadero</option>
+                            <option value='Hotelero'> IX. Hotelero</option>
+                            <option value='HVAC'> X. HVAC</option>
+                            <option value='Industria'> XI. Industria</option>
+                            <option value='Ingeniería'> XII. Ingeniería</option>
+                            <option value='Instalador'> XIII. Instalador</option>
+                            <option value='Mantenimiento'> XIV. Mantenimiento</option>
+                            <option value='OEM'> XV. OEM</option>
+                            <option value='Personal'> XVI. Personal</option>
+                            <option value='Proyectista'> XVII. Proyectista</option>
+                            <option value='Taller'> XVIII. Taller</option>
+                            <option value='Otros'> XIX. Otros</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="hcol-1-1">
+                    <button type="submit" class="btn small validation-passed" name="enviar"
+                        id="enviar_form3">Enviar</button>
+                </div>
+            </form>
+            <form id="popover-datos4">
+                <br>
+                <div class="form-group hcol-1-1">
+                    <label for="email">Correo electrónico</label>
+                    <input class="required-entry input-email  validate-no-html-tags form-control " name="email4"
+                        id="email4" type="email" />
+                </div>
+                <div class="form-group hcol-1-1">
+                    <label for="pr3">País</label>
+                    <input class="required-entry input-email  validate-no-html-tags form-control " name="pr3" id="pr3"
+                        type="text" />
+                </div>
+                <div class="hcol-1-1">
+                    <button type="submit" class="btn small validation-passed" name="enviar"
+                        id="enviar_form4">Enviar</button>
+                </div>
+            </form>
+            <form id="popover-datos5">
+                <br>
+                <div class="form-group hcol-1-1">
+                    <label for="email">Correo electrónico</label><input
+                        class="required-entry input-email  validate-no-html-tags form-control " name="email5"
+                        id="email5" type="email" />
+                </div>
+                <div class="form-group hcol-1-1">
+                    <label for="pr4">¿Preescribes Productos de ventilación?</label>
+                    <div class="custom-select">
+                        <div class="custom-select">
+                            <select class="required-entry  validate-no-html-tags form-control " name="pr4" id="pr4">
+                                <option value='Sí, frecuentemente '> Sí, frecuentemente </option>
+                                <option value='Sí, a veces'> Sí, a veces </option>
+                                <option value='No'> No </option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+                <div class="hcol-1-1">
+                    <button type="submit" class="btn small validation-passed" name="enviar"
+                        id="enviar_form5">Enviar</button>
+                </div>
+            </form>
+
+        </div>
+    </div>
+
+</div>
+
+<script type="text/javascript">
+    new VarienForm('popover-datos1', 'email');
+    new VarienForm('popover-datos2', 'email');
+</script>

+ 215 - 0
produccion.php

@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+    <!-- [if IE]> -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+    <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Producción, Distribución y logística – S&amp;P</title>
+  <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+
+  <link rel="apple-touch-icon" sizes="57x57"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16"
+  href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-16x16.png">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage"
+  content="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+      <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+
+    </head>
+    <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+      <!-- aqui va el header -->
+      <?php include 'header.php' ?>
+
+      <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+            <a>Por qué S&P</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div><div class="std"><div class="page-title dark">
+            <img alt="Producción,distribución y logística" src="media/home/categories_home/empresa/produccion.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1">Producción, Distribución y Logística</h1>
+              </div>
+            </div>
+            <div class="clearfix">&nbsp;</div>
+          </div>
+
+
+
+          <div class="bar-title">
+            <h2 class="h2">Producción</h2>
+            <div class="container">
+              <p class="hcol-10-12">A lo largo de más de 50 años diseñando y produciendo ventiladores, hemos adquirido el
+              conocimiento para domi­nar las diversas tecnologías que intervienen en los proce­sos de producción.</p>
+            </div>
+          </div>
+
+
+          <div class="container grid just">
+            <div class="hcol-10-12">
+
+              <p class="m-top10">Hoy estamos focalizando nuestros esfuerzos en mantener un alto nivel de desarrollo en
+                aquellas tecnologías que consideramos básicas para la fabricación de nuestros productos. Un buen equilibrio
+                entre la especialización y la flexibilidad hace que nuestros métodos de fabricación estén orientados a
+              obtener productos con mayor valor añadido y a dar un servicio rápido y eficaz a la demanda del mercado.</p>
+
+              <p class="m-top10">Las más de 10.000 referencias estándar de nuestro catá­logo y los cientos de miles de
+                variables hacen que nuestra oferta sea la más completa del mundo, con respuestas a todas las necesidades del
+                mercado.
+                Nuestra cercanía a los mercados finales facilita que nues­tros productos se adecuen totalmente a las
+              necesidades locales en función de sus usos y aplicaciones.</p>
+
+              <p class="m-top10">Gracias a nuestro equipo humano, a nuestra filosofía, a nuestros clientes y a la calidad de
+                nuestros productos, Soler &amp; Palau Ventilation Group se ha convertido en líder mundial en el sector.
+                Tenemos centros productivos en Europa, América y Asia, y presencia en todos los mercados mundiales.
+                Este hecho implica una especialización y conocimiento en la gestión, legislación y normativas de cada uno de
+              los territorios en los que el grupo Soler &amp; Palau tiene presencia.</p>
+
+
+              <p class="m-top10">El reto del futuro es poner en el mercado productos y sistemas de ventilación y recuperación
+                de energía, con un elevado nivel de diseño, que sean cada vez más eficientes y, sin renunciar a altas
+              prestaciones, proporcionen un mayor confort reduciendo el consumo energético.</p>
+              <div class="line"></div>
+            </div>
+          </div>
+
+          <div class="bar-title">
+            <h2 class="h2">Distribución y Logística</h2>
+            <div class="container">
+              <p class="hcol-10-12">Nuestro sistema logístico sitúa el producto cer­ca del cliente. Soler &amp; Palau Ventilation
+                Group es una de las pocas em­presas de ventilación que puede ofrecer una cobertura mundial en la distribución de
+                sus productos, ya sea a tra­vés de los almacenes reguladores de las filiales propias como por medio de
+              distribuidores exclusivos, capaces de resolver todo tipo de problemas relacionados con siste­mas de ventilación.</p>
+            </div>
+          </div>
+
+
+          <div class="container grid just">
+            <div class="hcol-10-12">
+
+              <p class="m-top10">Nuestras fábricas en Europa, Asia y América ponen en el mercado cerca de 5 millones de
+                unidades de ventila­ción, lo que hace que cada 7 segundos un producto de Soler &amp; Palau Ventilation Group
+              se esté instalando en al­gún punto del planeta.</p>
+
+
+              <p class="m-top10">Por otro lado y para completar y ofrecer a nuestros clientes los mejores servicios, hemos
+                diseñando un programa de expediciones que permite entregar los pedidos a las agencias de transporte en un
+                <b>máximo de 24 horas</b>, con una expedición de más de 300.000 unidades mensuales.</p>
+
+
+                <p class="m-top10">Nuestra organización se divide en 4 áreas: Europa, con presencia directa en todos los países,
+                  Norteamérica con presencia en México y los estados de Florida y Wisconsin en Estados Unidos, Latinoamérica
+                  con Brasil, Perú, Chile y Colombia, Asia, con filiales en  Malasia, Shanghai, Wuhan, Tailandia, Singapur, Pekín,
+                  Guangzhou, Hong Kong, Indonesia, Taiwán, Corea, India, Filipinas, Vietnam y los Emiratos Árabes y Australia
+                con filial en Sidney.</p>
+
+                <p class="m-top10">Soler &amp; Palau Ventilation Group posee fábricas en España (Ripoll, Sils, Torelló y
+                  Madrid) Francia, Inglaterra, Noruega, México, Brasil, EE.UU., China (Shanghái y Guangzhou), Singapur,
+                Tailandia, Malasia, e India.</p>
+                <div class="line"></div>
+                <br/>
+              </div>
+            </div></div>                    </main>
+          </div>
+        </div>
+      </div>
+      <!-- aqui va el footer -->
+      <?php include 'footer.php' ?>
+        </script>
+
+
+      </div>
+    </div>
+  </body>
+
+  </html>

+ 503 - 0
producto.php

@@ -0,0 +1,503 @@
+<?php
+require_once('shared/conexionBD.php');
+
+// Desactivar toda notificación de error
+error_reporting(0);
+$title = $_GET["submodelo"];
+
+/*
+  Se obtienen la linea, el modelo y el submodelo del producto
+*/
+if (isset($_GET['linea']) && isset($_GET['modelo']) && isset($_GET['submodelo'])) {
+  $lineaGet = htmlentities($_GET['linea']);
+  $articulo = htmlentities($_GET['modelo']);
+  $submodelo = htmlentities($_GET['submodelo']);
+}
+
+/*
+  Si no se obtiene ningún dato, entonces mandará a un 404
+*/
+if (empty($lineaGet) || empty($articulo) || empty($submodelo)) {
+  header('Location: 404.php');
+}
+
+/*
+  Se obtienen datos de a base de datos según su modelo
+*/
+mysqli_query($conexion,"SET NAMES utf8");
+$easyventUrl = '';
+
+$queryS = "SELECT DESCRIPCION,ID,EASYVENTURL FROM ITT_ALP_GLOBAL WHERE SUBMODELO='".html_entity_decode($submodelo)."' ";
+$resultado = mysqli_query($conexion, $queryS );
+if($resultado) {
+  if(mysqli_num_rows($resultado)>0) {
+    $descripcion= '';
+    $rutaImagen = 'ALP/';
+    $rutaImagenCompleta = '';
+
+  //Hacemos la consulta
+    $rowDatos = mysqli_fetch_assoc($resultado);
+    $descripcion    = $rowDatos['DESCRIPCION'];
+    $id = $rowDatos['ID'];
+    $easyventUrl = $rowDatos['EASYVENTURL'];
+
+   //revisar las imagenes
+    $imagen = $rowDatos['ID'].'.jpg';
+    $fichero = $rutaImagen.$imagen;
+
+    //comprobar si el archivo existe en la carpeta ALP
+    $imagen = (file_exists($fichero)) ? $rutaImagenCompleta = $fichero :  $rutaImagenCompleta = 'media/noimagen.jpg' ;
+
+  }else{
+    $strMensaje = 'Este producto aún no tiene información disponible, intente más tarde. :) ';
+  }
+}else{
+  $strMensaje = 'No se pudo realizar la consulta en la Base de datos, favor de reportar este problema.';
+}
+
+$queryArchivos = "SELECT * FROM ITT_ASW_PROD WHERE SUBM=UPPER('".html_entity_decode($submodelo)."') ";
+$resultadoArchivos = mysqli_query($conexion, $queryArchivos );
+$arrArchivos = array();
+if($resultadoArchivos) {
+  if((mysqli_num_rows($resultadoArchivos)>0)) {
+    while ($row = mysqli_fetch_array($resultadoArchivos,MYSQLI_ASSOC)) { $arrArchivos[] = $row;}
+  }
+}else{
+  $strMensaje = 'No se pudo realizar la consulta en la Base de datos, favor de reportar este problema.';
+
+}
+
+///////////////////////////////////////
+// Buscamos imagenes para corrrousel //
+///////////////////////////////////////
+
+// Ruta del directorio donde están los archivos
+$path  = 'ALP/';
+// Arreglo con todos los nombres de los archivos
+$files = array_diff(scandir($path), array('.', '..'));
+
+//Filtramos por ID
+$searchId = $id.'-';
+$arrImgsCarrousel = array_filter($files, function ($obj) use ($searchId) {
+    return (stripos($obj, $searchId) !== false) ? true: false ;
+});
+
+?>
+
+<!DOCTYPE html>
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+    <!--Producción-->
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', 'UA-125019062-2');
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+  <meta content="width=device-width, initial-scale=1" name="viewport"/>
+  <title><?php echo $title;?> – S&amp;P</title>
+  <meta name="keywords" content="Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <!-- ================================================================================ -->
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <script>
+   var easyventUrl  = '<?php echo html_entity_decode($easyventUrl) ?>';
+   var modeloGlobal = '<?php echo html_entity_decode($articulo)?>';
+   var submodelo    = '<?php echo html_entity_decode($submodelo)?>';
+ </script>
+
+ <!-- ================================================================================ -->
+ <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+ <!-- ================================================================================ -->
+ <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+ <link href="css/flexslider.css" rel="stylesheet">
+ <!-- ================================================================================ -->
+</head>
+
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="https://rdf.data-vocabulary.org/#">
+          <li class="0" typeof="v:Breadcrumb">
+            <a href="index.php" title="Inicio" rel="v:url" property="v:title">Inicio</a>
+            <div class="arrow-breadcrumbs-level3"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs.svg"/></div>
+            <div class="arrow-breadcrumbs-level2"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs-white.svg"/></div>
+          </li>
+          <li class="1" typeof="v:Breadcrumb">
+            <a href="linea.php?linea=<?php echo $lineaGet ?>">División <?php echo $lineaGet; ?></a>
+            <div class="arrow-breadcrumbs-level3"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs.svg"/></div>
+            <div class="arrow-breadcrumbs-level2"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs-white.svg"/></div>
+          </li>
+          <li class="2">
+            <a href="modelo.php?linea=<?php echo $lineaGet ?>&modelo=<?php echo $articulo; ?>" title="<?php echo $articulo; ?>"><?php echo $articulo;?></a>
+          </li>
+          <div class="arrow-breadcrumbs-level3"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs.svg"/></div>
+          <div class="arrow-breadcrumbs-level2"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs-white.svg"/></div>
+          <li class="3">
+            <a><?php echo $submodelo ?></a>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div>
+        <main>
+        <div class="page-title category-title dark">
+          <img src="media/home/categories_home/<?php if(file_exists("media/home/categories_home/".$lineaGet.".jpg")) {
+              echo($lineaGet);
+            } else {
+              echo('Habitat');
+            } ?>.jpg" alt="<?php echo($lineaGet); ?>" class="category-image" />
+          <div class="category-title-container">
+            <div class="category-title-content container">
+              <h2 class="seriesTitle m-top10"><?php echo html_entity_decode($articulo); ?><br>
+                <b>Serie <?php echo($submodelo); ?></b>
+              </h2>
+            </div>
+          </div>
+          <div class="clearfix"></div>
+        </div>
+        <input type="hidden" id="idProducto" value=" <?php echo $id; ?>">
+        
+        <?php if (!empty($id)){ ?>
+        <div class="container grid">
+          <div class="hcol-4-12 m-hcol-4-12 mobil-hcol-1-12">
+            <div class="grid">
+              <center>
+                <?php if (!empty($arrImgsCarrousel)) { ?>
+                <div class="flexslider">
+                  <ul class="slides">
+                    <!-- Imprimimos la imagen principal -->
+                    <li data-thumb="<?php echo $imagen ?>">
+                      <img src="<?php echo $imagen ?>" />
+                    </li>
+                    <!-- Imprimimos imagenes secundarias -->
+                    <?php foreach ($arrImgsCarrousel as  $imgDir) {
+                      $img = 'ALP/'.$imgDir;
+                      echo "<li data-thumb='".$img."'> <img src='".$img."' /> </li>";
+                    }?>
+                  </ul>
+                </div>
+                <?php } else { ?>
+                  <img class="img-producto" src="<?php echo $imagen; ?>" alt="<?php echo $submodelo ?>" />
+                <?php } ?>
+                <div class="text-center" style="margin-top: 10px;">
+                  <button type="button" id="ver-3d" class="btn btn-default" style="display:none;">
+                    <i class="fa fa-cube" aria-hidden="true" ></i> 
+                    <span>Ver modelo 3D</span>
+                  </button>
+                </div>
+              </center>
+            </div>
+          </div>
+          <div class="hcol-8-12 m-hcol-8-12 mobil-hcol-1-12">
+            <div class="grid just m-bottom50 ">
+              <div class="tab">
+                <button class="tablinks active">DESCRIPCIÓN</button>
+              </div>
+              <div id="descripcion" class="tabcontent m-bottom10">
+                <p><?php echo $descripcion; ?></p>
+              </div>
+              <?php
+              // Filtramos los datos para ver solo fichas técnicas
+              $arrFichaTecnica = array_filter($arrArchivos, function ($obj) use ($search) {
+                if ($obj['ARCH_FICH'] !== '') {
+                  return true;
+                }
+                return false;
+              });?>
+              <?php if (!empty($arrFichaTecnica)): ?>
+                <?php if ($arrFichaTecnica[0]['ARCH_FICH'] != ''){ ?>
+                <div id="archivos" class="m-bottom10 ">
+                  <a href="<?php echo $arrFichaTecnica[0]['ARCH_FICH'] ?>" target="_blank" type="button" id="ficha" class="btn btn-default a-btn">
+                    <i class="fa fa-envelope" aria-hidden="true" ></i>
+                    <span>DESCARGAR FICHA TÉCNICA</span>
+                  </a>
+                </div>
+                <?php } endif; ?>
+			          <?php if ($arrArchivos[0]['ARCH_CAD'] != '' ||
+                  $arrArchivos[0]['ARCH_ZIP'] != '' ||
+                  $arrArchivos[0]['ARCH_OTR'] != ''): 
+                ?>
+                <div id="dimension" style="padding: 10px;">
+                  <table class="display nowrap table table-hover table-striped dt-responsive no-wrap" style="width:100%">
+                    <thead>
+                      <tr>
+                        <th>VERSIONES</th>
+                        <th>AUTOCAD</th>
+                        <th>ZIP</th>
+                        <th>OTROS FORMATOS</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+					          <?php foreach ($arrArchivos as $key => $dato) {
+						          echo "<tr>";
+								      echo    "<td>".$dato['MODELO']."</td>";
+                      echo    "<td>";
+								      if (!empty($dato['ARCH_CAD'])) {
+								        echo      "<a href='".$dato['ARCH_CAD']."' target='_blank'>";
+		                    echo      	  "<i class='fa fa-file-text fa-2x' style='color: #ff5c64;'></i>";
+		                    echo      "</a>";
+								      }
+								      echo    "</td>";
+                      echo    "<td>";
+								      if (!empty($dato['ARCH_ZIP'])) {
+                        echo      "<a href='".$dato['ARCH_ZIP']."' target='_blank'>";
+                        echo          "<i class='fa fa-file-text fa-2x' style='color: #ff5c64;'></i>";
+                        echo      "</a>";
+								      }
+								      echo    "</td>";
+                      echo    "<td>";
+								      if (!empty($dato['ARCH_OTR'])) {
+								        echo      "<a href='".$dato['ARCH_OTR']."' target='_blank'>";
+		                    echo    	    "<i class='fa fa-file-text fa-2x' style='color: #ff5c64;'></i>";
+		                    echo    	"</a>";
+								      }
+								      echo    "</td>";
+		                  echo "</tr>";
+                    } ?>
+                    </tbody>
+                  </table>
+                </div>
+	              <?php endif ?>
+              </div>
+            </div>
+          </div>
+          <div class="container grid">
+            <div class="hcol-12-12 m-hcol-12-12 mobil-hcol-1-12">
+              <div class="grid m-bottom10">
+                <div  id="cerrar3d" align="right" style="display: none">
+                  <button style="background: gainsboro;margin-right:100px" type="button"  class="btn btn-default"><i class="fa fa-times"></i> <span>Cerrar</span></button>
+                </div>
+                <center>
+                  <div id="modelo3d">
+                    <div id="cargando" style="display: none">
+                      <img src="media/img/loader2.gif" alt="Cargando" width="100px">
+                      <p style="padding: 5px">Cargando modelo ...</p>
+                    </div>
+                    </div>
+                  </center>
+                </div>
+              </div>
+            </div>
+            <!-- aqui se carga la tabla -->
+            <div id="tabla" style="margin-bottom: 10px;">
+              <div id="cargando" style="display: block">
+                <center>
+                  <img src="media/img/loader2.gif" alt="Cargando" width="100px">
+                  <p style="padding: 5px">Cargando tabla ...</p>
+                </center>
+              </div>
+            </div>
+            <div class="section grid">
+              <div class="col-sm-12" id="comparador"></div>
+            </div>
+            <!-- URL PRIMER ITEM -->
+            <input type="hidden" id="urlItem1" value="" />
+            <!-- validacion si no mandamos nada por url -->
+          <?php }else{ ?>
+            <div class="container grid">
+              <div class="hcol-12-12 m-hcol-12-12 mobil-hcol-1-12">
+                <h3><?php echo($strMensaje); ?></h3>
+              </div>
+            </div>
+          <?php } ?>
+          <style>
+            #dimension {
+              height:250px;
+              overflow: auto;
+            }
+
+            #dimension table thead tr th,table tbody tr td {
+              font-size: 14px;
+              font-weight: bold;
+              text-align: center;
+            }
+
+            /* Style the tab */
+            .tab {
+              overflow: hidden;
+              border-bottom: 1px solid #ccc;
+              padding: 5px;
+            }
+
+            /* Style the buttons inside the tab */
+            .tab button {
+              background-color: inherit;
+              float: left;
+              border: none;
+              outline: none;
+              padding: 14px 16px;
+              transition: 0.1s;
+              font-size: 17px;
+              margin: 7px;
+              color: #969696;
+            }
+
+            /* Change background color of buttons on hover */
+            .tab button:hover {
+              /*background-color: #ddd;*/
+              border-bottom: 3px solid #4b4b4b;
+              color:black;
+            }
+
+            /* Create an active/current tablink class */
+            .tab button.active {
+              border-bottom: 3px solid #4b4b4b;
+              color:black;
+            }
+
+            /* Style the tab content */
+            .tabcontent {
+              display: none;
+              padding: 25px;
+              border: 1px solid #ccc;
+              border-top: none;
+            }
+
+            .tabcontent p {
+              font-size: 14px;
+            }
+
+            /*---------------------------------------*/
+            select.input-sm {
+              line-height: 0px !important;
+              font-size:  14px !important;
+            }
+
+            #ficha {
+              background: cornflowerblue;
+              height: 37px;
+              border-radius: 0px!important;
+              transition: background 0.3s ease 0s;
+              color:white;
+            }
+
+            #ver-3d {
+              background: cornflowerblue;
+              height: 34px;
+              transition: background 0.3s ease 0s;
+            }
+
+            #ver-3d:hover,#ficha:hover {
+              background: #4673c5;
+              color: #fff;
+            }
+
+            #tblSeriesModels_info {
+              margin-bottom: 20px!important;
+            }
+
+            .a-btn{
+              font-size: 1.6rem !important;
+              height: 36px;
+              background: transparent none repeat scroll 0% 0%;
+              padding-top: 11px !important;
+              padding-bottom: 0px !important;
+            }
+          </style>
+        </main>
+        <aside></aside>
+        <script type="text/javascript">
+          //<![CDATA[
+          if (typeof HIB == 'object' && typeof HIB.filter == 'object' && typeof HIB.filter.init == 'function') {
+            HIB.filter.init();
+          }
+          //]]>
+        </script>
+      </main>
+    </div>
+  </div>
+</div>
+
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/jquery.flexslider.js"></script>
+
+ <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" media="all" />
+ <link rel="stylesheet" type="text/css" href="css/responsive.dataTables.min.css" media="all" />
+ <link rel="stylesheet" type="text/css" href="css/style-table.css" media="all" />
+
+  <script src="js/jquery.dataTables.min.js"></script>
+  <script src="js/dataTables.bootstrap.min.js"></script>
+  <script src="js/dataTables.responsive.min.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+    document.getElementById('descripcion').style.display = "block";
+
+    // -----------------------TABS---------------
+    var cargando = document.getElementById('cargando');
+    var url = easyventUrl;
+    var idProducto = document.getElementById('idProducto').value;
+
+    $j('.flexslider').flexslider({
+      animation: "slide",
+      controlNav: "thumbnails"
+    });
+
+    if(url != ""){
+      getTable(url);
+    }else{
+      $j('#tabla').html('<div class="h2-2" style="text-align:center"></div>');
+    }
+
+    // Se obtienen los datos de la tabla
+    function getTable($url) {
+      $j.ajax({
+        url: 'comparador.php',
+        type: 'POST',
+        data: {
+          table: url, 
+          id: idProducto
+        },
+        success: function (respuesta) {
+          $j('#tabla').html(respuesta);
+          if (respuesta != "") {
+            cargando.style.display = 'none';
+            
+            $j('html,body').animate({ scrollTop: $j("#tabla").offset().top }, 'slow');
+            $j.getScript("js/controlador-js.js");
+          }
+        }, error: function () {
+          cargando.style.display = 'none';
+        }
+      });
+    }
+  </script>
+
+  <?php include 'footer.php' ?>
+</div>
+</div>
+</body>
+</html>

+ 13 - 0
pruebaEnc.php

@@ -0,0 +1,13 @@
+<?php
+ini_set('display_errors', 1);
+ini_set('display_startup_errors', 1);
+error_reporting(E_ALL);
+require_once("shared/encriptarSodium.php");
+$version = phpversion();
+var_dump($version);
+$msg = "PRUEBA";
+var_dump($msg);
+
+$encriptado = encriptarDatos($msg);
+
+var_dump($encriptado);

+ 2 - 0
pruebaInfo.php

@@ -0,0 +1,2 @@
+<?php
+phpinfo();

+ 59 - 0
pruebaJL.php

@@ -0,0 +1,59 @@
+<?php
+ini_set('display_errors', 1);
+ini_set('display_startup_errors', 1);
+error_reporting(E_ALL);
+require_once 'shared/conexionBD.php';
+
+mysqli_query($conexion, "SET NAMES utf8");
+
+/*$qry = "UPDATE ITT_ASW_SUDE SET VADI = '226.00' WHERE IDSU = '2023-07' AND TIPO = 'A'";
+mysqli_query($conexion, $qry);*/
+
+$totalElec = 0;
+$qryTest = "SELECT * FROM ITT_ASW_SUDE WHERE TIPO = 'E' ORDER BY IDSU DESC";
+$gstTest = mysqli_query($conexion, $qryTest);
+$arrTest = array();
+while ($test = mysqli_fetch_assoc($gstTest)) {
+  $vadi = array_key_exists($test['IDSU'], $arrTest) ? floatval($arrTest[$test['IDSU']]['AHORRO']) : 0;
+  $arrTest[$test['IDSU']] = [
+    "FECHA" => $test['IDSU'],
+    "AHORRO" => $vadi + floatval($test['VADI']),
+  ];
+}
+
+$arrElec = array();
+$cont = 0;
+foreach($arrTest as $key=>$val){
+  $arrDate = explode("-", $key);
+  $currentMonth = date("m");
+  $currentYear = date("Y");
+
+  if($currentYear == $arrDate[0] && $currentMonth == $arrDate[1]) continue;
+  if($currentYear == $arrDate[0] && intval($currentMonth) < intval($arrDate[1])) continue;
+  if($cont < 12){
+    var_dump($cont);
+    echo "<br>";
+    $arrElec[] = $val;
+    $totalElec = $totalElec + floatval($val['AHORRO']);
+  }
+
+  $cont++;
+}
+/*var_dump($total);
+echo "<br>";
+var_dump($cont);
+echo "<br>";*/
+
+/*$valorMes = 5431 + 5 + 3980;
+$diasMes = 31;
+$valorDia = $valorMes / $diasMes;
+$vadi = ceil($valorDia);
+for($i = 1; $i <= $diasMes; $i++){
+    $qry = "INSERT INTO ITT_ASW_SUDE VALUES ('2022-12', $vadi, $i, 'A')";
+    mysqli_query($conexion, $qry);
+    var_dump($qry);
+    echo "<br>";
+}*/
+
+/*$qry = "DELETE FROM ITT_ASW_SUDE WHERE IDSU = '2022-11' AND TIPO = 'A'";
+mysqli_query($conexion, $qry);*/

+ 189 - 0
pruebaOmar.php

@@ -0,0 +1,189 @@
+<?php
+ob_start(); // Limpia el buffer por errores de salida
+// Permite un mayor tiempo de respuesta del socket
+ini_set('memory_limit', '-1');
+
+ini_set('display_errors', 1);
+ini_set('display_startup_errors', 1);
+error_reporting(E_ALL);
+
+
+$url = 'https://easyvent.solerpalau.com/series-info/595/192';
+
+/*$ch = curl_init();
+curl_setopt($ch, CURLOPT_URL, $url);                                 // Dirección URL a capturar
+curl_setopt($ch, CURLOPT_PROXY, $arrProxies[$i]['proxyAndPuerto']);  // El proxy HTTP para enviar peticiones a través de tunel.
+curl_setopt($ch, CURLOPT_PROXYTYPE, $arrProxies[$i]['tipoProxy']);   // Puede ser CURLPROXY_HTTP (por defecto), CURLPROXY_SOCKS4, CURLPROXY_SOCKS5, CURLPROXY_SOCKS4A o CURLPROXY_SOCKS5_HOSTNAME
+curl_setopt($ch, CURLOPT_TIMEOUT, 60);                         // Número máximo de segundos permitido para ejectuar funciones cURL
+curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 60);                  // Número de segundos a esperar cuando se está intentado conectar. Use 0 para esperar indefinidamente
+curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);                // "true" para seguir cualquier encabezado "Location: " que el servidor envíe como parte del encabezado HTTP (observe la recursividad, PHP seguirá tantos header "Location: " como se envíen, a no ser que la opción CURLOPT_MAXREDIRS esté establecida)
+//curl_setopt($ch, CURLOPT_MAXREDIRS, 10);                                 // Número máximo de redirecciones HTTP a seguir. Use esta opción con CURLOPT_FOLLOWLOCATION
+curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);                // "true" para devolver el resultado de la transferencia como string del valor de curl_exec() en lugar de mostrarlo directamente
+$data = curl_exec($ch);                                                    // Ejecuta la sesión cURL que se le pasa como parámetro
+$httpcode = curl_getinfo($ch, CURLINFO_HTTP_CODE);                  // Obtener información sobre una transferencia específica -> El último código de respuesta. A partir de PHP 5.5.0 y cURL 7.10.8, este es un alias heredado de CURLINFO_RESPONSE_CODE
+
+echo $arrProxies[$i]['proxyAndPuerto'].'<br>';
+echo $httpcode.'<br>';
+//echo $data;
+//echo curl_error($ch);
+curl_close($ch); // Cierra la sesión cURL
+exit;*/
+
+extraerTabla($url);
+
+function extraerTabla($url){
+    $exito = false;
+    $errorDescripcion = '';
+    // Los servidores se obtuvieron de la página https://www.proxyscan.io/ ** Todos son de México
+    $arrProxies = array(); // Lista de Proxies para realizar las peticiones
+    //$arrProxies[0]['proxyAndPuerto'] = '187.188.168.57:9991'; // No funciona (puede servir para realizar pruebas del ciclo)
+    //$arrProxies[0]['tipoProxy'] = CURLPROXY_SOCKS4;
+    $arrProxies[0]['proxyAndPuerto'] = '190.9.54.24:5678';
+    $arrProxies[0]['tipoProxy'] = CURLPROXY_SOCKS4;
+    /*$arrProxies[1]['proxyAndPuerto'] = '187.216.90.46:5678';
+    $arrProxies[1]['tipoProxy'] = CURLPROXY_SOCKS4;
+    $arrProxies[2]['proxyAndPuerto'] = '201.148.28.17:5678';
+    $arrProxies[2]['tipoProxy'] = CURLPROXY_SOCKS4;
+    $arrProxies[3]['proxyAndPuerto'] = '187.189.81.246:4153';
+    $arrProxies[3]['tipoProxy'] = CURLPROXY_SOCKS4;
+    $arrProxies[4]['proxyAndPuerto'] = '187.217.39.66:5678';
+    $arrProxies[4]['tipoProxy'] = CURLPROXY_SOCKS4;
+    $arrProxies[5]['proxyAndPuerto'] = '177.242.150.6:5678';
+    $arrProxies[5]['tipoProxy'] = CURLPROXY_SOCKS4;*/
+
+    for ($i = 0; $i <= 0; $i++) {
+        $ch = curl_init();
+        curl_setopt($ch, CURLOPT_URL, $url);                                 // Dirección URL a capturar
+        curl_setopt($ch, CURLOPT_PROXY, $arrProxies[$i]['proxyAndPuerto']);  // El proxy HTTP para enviar peticiones a través de tunel.
+        curl_setopt($ch, CURLOPT_PROXYTYPE, $arrProxies[$i]['tipoProxy']);   // Puede ser CURLPROXY_HTTP (por defecto), CURLPROXY_SOCKS4, CURLPROXY_SOCKS5, CURLPROXY_SOCKS4A o CURLPROXY_SOCKS5_HOSTNAME
+        curl_setopt($ch, CURLOPT_TIMEOUT, 60);                         // Número máximo de segundos permitido para ejectuar funciones cURL
+        curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 60);                  // Número de segundos a esperar cuando se está intentado conectar. Use 0 para esperar indefinidamente
+        curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);                // "true" para seguir cualquier encabezado "Location: " que el servidor envíe como parte del encabezado HTTP (observe la recursividad, PHP seguirá tantos header "Location: " como se envíen, a no ser que la opción CURLOPT_MAXREDIRS esté establecida)
+        //curl_setopt($ch, CURLOPT_MAXREDIRS, 10);                                 // Número máximo de redirecciones HTTP a seguir. Use esta opción con CURLOPT_FOLLOWLOCATION
+        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);                // "true" para devolver el resultado de la transferencia como string del valor de curl_exec() en lugar de mostrarlo directamente
+        $data = curl_exec($ch);                                                    // Ejecuta la sesión cURL que se le pasa como parámetro
+        $httpcode = curl_getinfo($ch, CURLINFO_HTTP_CODE);                  // Obtener información sobre una transferencia específica -> El último código de respuesta. A partir de PHP 5.5.0 y cURL 7.10.8, este es un alias heredado de CURLINFO_RESPONSE_CODE
+        curl_close($ch); // Cierra la sesión cURL
+
+        if (($httpcode >= 200) && ($httpcode < 300)) {
+            $contenido = $data;
+
+            if ($contenido) {
+                $tablaHTML = "<div class='section section-grey'>";
+                $seccionGris = strstr($contenido, "section section-grey");
+                $removeFooter = strstr($seccionGris, "section cookie-warning", true);
+                $tablaHTML .= ("<div class=\" " . $removeFooter . "\" >");
+                $tablaHTML .= "</div>";
+                $exito = true;
+                echo $tablaHTML;
+            } else {
+                $exito = false;
+            }
+            goto fin_extraerTabla;
+        }else{
+            $exito = false;
+        }
+
+    } // Fin del ciclo
+
+    fin_extraerTabla :
+    if($exito == false){
+        if(empty($errorDescripcion)){
+            echo "<p style='text-align: center;'>Los servidores proxy dejarón de funcionar. Por favor contacte con al administrador del sistema.</p>";
+        }else{
+            echo $errorDescripcion;
+        }
+    }
+
+}
+
+
+function extraerTabla_BKP($url)
+{
+    /*echo $url.'<br><br>';
+    exit;*/
+
+    $exito = false;
+    //for ($i = 0; $i <= 5; $i++) {
+        $i = 1;
+
+        $arrProxies[0] = '187.188.168.57:9991';
+        $arrProxies[1] = '148.217.94.54:3128';
+        $arrProxies[2] = '187.189.96.94:9991';
+        $arrProxies[3] = '187.162.11.94:3128';
+        $arrProxies[4] = '177.234.0.218:43173';
+        $arrProxies[5] = '187.178.238.177:3629';
+
+        $proxy = $arrProxies[$i];
+        $proxy = explode(":", $proxy);
+
+        $ch = curl_init($proxy[0]);
+        curl_setopt($ch,CURLOPT_URL,$url);
+        curl_setopt($ch,CURLOPT_USERAGENT,'Mozilla/5.0 (Windows NT 5.1; rv:31.0) Gecko/20100101 Firefox/31.0');
+
+        curl_setopt($ch,CURLOPT_HTTPHEADER,
+            array(
+                'Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,*/*;q=0.8',
+                //'Accept-Encoding: gzip, deflate, br',
+                'Accept-Language: es-MX,es;q=0.8,en-US;q=0.5,en;q=0.3',
+                'Connection: keep-alive',
+                'Cookie: _ga=GA1.2.821969284.1629478795; _hjid=3cb7741d-c042-4afc-929e-4f5118af6b39; _fbp=fb.1.1629478795375.600180933; __hstc=103515359.e581ce363a680b3a9efc57ba8ca11a0c.1629478795538.1629478795538.1629478795538.1; hubspotutk=e581ce363a680b3a9efc57ba8ca11a0c; __hssrc=1; _gcl_au=1.1.442740855.1629478796; ASP.NET_SessionId=2sv4h4h0b0yc4s5xullfgkt1; easyDuct_v2=true; __utma=170610228.821969284.1629478795.1629748529.1629752991.6; __utmc=170610228; __utmz=170610228.1629732566.1.1.utmcsr=(direct)|utmccn=(direct)|utmcmd=(none); __utmb=170610228.3.10.1629752991; __utmt=1'
+            )
+        );
+
+        curl_setopt($ch,CURLOPT_TIMEOUT, 10);
+        curl_setopt($ch,CURLOPT_FOLLOWLOCATION, 1);
+        curl_setopt($ch,CURLOPT_RETURNTRANSFER, 1);
+
+        /*curl_setopt($ch, CURLOPT_TIMEOUT, 10);
+        curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 10);
+        curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE); // Configura cURL para devolver el resultado como cadena
+        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // Configura cURL para que no verifique el peer del certificado dado que nuestra URL utiliza el protocolo HTTPS*/
+
+
+        $data = curl_exec($ch); // Establece una sesión cURL y asigna la información a la variable $data
+
+        $httpcode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        if ($httpcode >= 200 && $httpcode < 300) {
+            /*$proxyN = 'tcp://' . $arrProxies[$i];
+            $context = array(
+                'https' => array(
+                    'proxy' => $proxyN,
+                    'request_fulluri' => True,
+                    'header'=> 'Cookie: _ga=GA1.2.821969284.1629478795; _hjid=3cb7741d-c042-4afc-929e-4f5118af6b39; _fbp=fb.1.1629478795375.600180933; __hstc=103515359.e581ce363a680b3a9efc57ba8ca11a0c.1629478795538.1629478795538.1629478795538.1; hubspotutk=e581ce363a680b3a9efc57ba8ca11a0c; __hssrc=1; _gcl_au=1.1.442740855.1629478796; ASP.NET_SessionId=2sv4h4h0b0yc4s5xullfgkt1; easyDuct_v2=true; __utma=170610228.821969284.1629478795.1629748529.1629752991.6; __utmc=170610228; __utmz=170610228.1629732566.1.1.utmcsr=(direct)|utmccn=(direct)|utmcmd=(none); __utmb=170610228.3.10.1629752991; __utmt=1'
+                ),
+            );
+
+            $context = stream_context_create($context);
+
+            $contenido = file_get_contents($url, false, $context);*/
+
+            $contenido = $data;
+
+            if ($contenido) {
+                /*echo $contenido;
+                exit;*/
+
+                $tablaHTML = "<div class='section section-grey'>";
+                $seccionGris = strstr($contenido, "section section-grey");
+                $removeFooter = strstr($seccionGris, "section cookie-warning", true);
+                $tablaHTML .= ("<div class=\" " . $removeFooter . "\" >");
+                $tablaHTML .= "</div>";
+                $exito = true;
+                echo $tablaHTML;
+            } else {
+                $exito = false;
+            }
+            goto fin_extraerTabla;
+        }else{
+            $exito = false;
+        }
+    //}
+    fin_extraerTabla :
+    /*if($exito == false){
+        echo "<p style='text-align: center;'>El contenido no fue cargado correctamente, recargue la página.</p>";
+    }*/
+
+    curl_close($ch);
+
+}

+ 187 - 0
recuperacion-energia.php

@@ -0,0 +1,187 @@
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Unidades De Ventilación Para Recuperación de Energía – S&amp;P</title>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+
+ 
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+ <script type="text/javascript">
+   var $j = jQuery.noConflict();
+ </script>
+
+ <script type="text/javascript" src="js/events.js"></script>
+
+ <!-- estilo princripal -->
+ <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  <!-- aqui va el header -->
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="0" typeof="v:Breadcrumb">
+            <a href="index.php"
+            title="Inicio"
+            rel="v:url" property="v:title">
+          Inicio</a>
+          <div class="arrow-breadcrumbs-level3"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs.svg"/></div>
+          <div class="arrow-breadcrumbs-level2"><img height="10" width="8" src="https://statics.solerpalau.com/skin/frontend/solerpalau/default/images/svg/arrow-breadcrumbs-white.svg"/><div></div></div>
+        </li>
+        <li class="1" typeof="v:Breadcrumb">
+          <a href="recuperacion-energia.php"
+          title="Producto"
+          rel="v:url" property="v:title">
+        Unidades De Ventilación Para Recuperación de Energía</a>
+      </ul>
+    </div>
+  </div>
+  <div class="main">
+    <div class="col-main">
+      <main>
+        <div id="overlaySearch" class="overlay">
+
+          <!-- Overlay content -->
+          <div id="searchResults" class="overlay-content grid"></div>
+        </div><div class="std"><div class="page-title dark">
+          <img alt="Producción,distribución y logística" src="media/home/categories_home/empresa/medio-ambiente.jpg" />
+          <div class="page-title-container">
+            <div class="page-title-content container">
+              <h1 class="h1">Unidades De Ventilación Para Recuperación de Energía</h1>
+            </div>
+          </div>
+        </div>
+
+        <div class="grid grid-pad">
+          <hr>
+          <div class="hcol-7-12 md-hcol-1-1">
+            <div class="contenido just">
+              <p class="m-bottom10"><b class="h2-2"> MEJORA LA CALIDAD DEL AIRE INTERIOR </b></p>
+              <p class="m-bottom10">
+                Al proporcionar simultaneamente el escape y suministro de aire fresco, RenewAire reduce la concentración de contaminantes nocivos en el aire interior- una necesidad absoluta en las escuelas, oficinas y ambientes de fumadores. 
+              </p>
+              <p class="m-bottom10"><b class="h2-2">RESPETA LOS CÓDIGOS DE VENTILACIÓN PARA EL INTERCAMBIO DE AIRE  </b></p>
+
+              <p class="m-bottom20">Proveé una amplia gama de ventilación, por cumplir con ASHRAE 62 y con el Código Internacional de Mecánica el cual ahora requiere de dos a tres renovaciones de aire más que en el pasado.</p>
+
+              <p class="m-bottom10"><b class="h2-2">CONTROLA EL EXCESO DE HUMEDAD</b></p>
+
+              <p class="m-bottom20">A diferencia de la ventilación convencional o básica de los intercambiadores de calor básicos, Renewaire modera no sólo la temperatura, sino la humedad contenida en el aire de entrada, limitando el balanceo de la humedad y la asociación de los crecimientos biológicos. </p>
+
+              <p class="m-bottom10"><b class="h2-2">RENDIMIENTO ÓPTIMO DE EL CLIMA FRÍO </b></p>
+
+              <p class="m-bottom20">Recaptura calor de otro modo, pierde el escape de aire, mientras controla la humedad extrema. Esto reduce considerablemente la demanda de equipos de calefacción - disminuyendo costos iniciales y facturas de energía. También protege los serpentines de daños por congelamiento. </p>
+
+              <p class="m-bottom10"><b class="h2-2">RENDIMIENTO ÓPTIMO DE EL CLIMA CÁLIDO </b></p>
+              <p class="m-bottom20">Pre-enfría y deshumidifica la corriente de aire de entrada por medio de la transferencia de calor y humedad del aire de extracción. Esto reduce considerablemente la demanda de aire acondicionado disminuyendo costos iniciales y facturas de energía. </p>
+
+              <p class="m-bottom10"><b class="h2-2">AHORRO DE ENERGÍA = AHORRO DE DINERO  </b></p>
+              <p class="m-bottom20">Debido a el rendimiento de Renewaire, se pueden reducir las facturas anuales del consumo de Energía para la calefacción, la refrigeración, y de la deshumidificación del aire en un 50% o más.</p>
+            </div>
+          </div>
+
+          <div class="hcol-5-12 md-hcol-1-1">
+            <div class="contenido">
+              
+              <div class="m-top10">
+                <p class="aligncenter grid"> 
+                  <img  src="media/img/energyefficient.jpg" width="400px">
+                </p>
+              </div>
+
+              <div class="product-section" id="product_section_downloads">
+                
+                <div class="grid">
+                  <h2 class="h2 m-top10">Descargas</h2>
+                  <ul class="hcol-1-1">
+                    <li>
+                      <a target="_blank" href="https://www.renewaire.com/wp-content/uploads/2017/08/FullLineERVCatalogXVIII_WEB_May2018.pdf ">
+                        <div class="pdf-fileinfo">
+                          <button class="btn small">
+                            <span class="icon-file-o"></span>
+                          CATÁLOGO</button>
+                        </div>
+                      </a>
+                    </li>
+                    
+                    <li>
+                      <a target="_blank" href="https://www.renewaire.com/wp-content/uploads/2017/09/MAR_LIT_074_RGB_ERV_Guide.pdf">
+                        <div class="pdf-fileinfo">
+                          <button class="btn small">
+                            <span class="icon-file-o"></span>
+                          BROCHURE</button>
+                        </div>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="line"></div>
+        </div>
+      </div>                    
+    </main>
+  </div>
+</div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+</script>
+
+
+</div>
+</div>
+</body>
+
+</html>

+ 7 - 0
robots.txt

@@ -0,0 +1,7 @@
+User-agent: *
+Disallow: /3d/
+Disallow: /cgi-bin/
+Disallow: /css/
+Disallow: /fonts/
+Disallow: /sendMail/
+Sitemap: http://solerpalau.mx/sitemap.xml

+ 636 - 0
sustentabilidad.php

@@ -0,0 +1,636 @@
+<?php
+    require_once 'shared/conexionBD.php';
+
+    mysqli_query($conexion, "SET NAMES utf8"); 
+
+    $hoy = date("d/m/y");  
+    $mes = date("m");
+    $totalElec = 0;
+    $arrMeses = array("01" => "Enero",
+        "02" => "Febrero",
+        "03" => "Marzo",
+        "04" => "Abril",
+        "05" => "Mayo",
+        "06" => "Junio",
+        "07" => "Julio",
+        "08" => "Agosto",
+        "09" => "Septiembre",
+        "10" => "Octubre",
+        "11" => "Noviembre",
+        "12" => "Diciembre");
+
+    // Obtenemos los datos de la gráfica de Electricidad hasta el mes anterior al actual
+    /*$qryGraficas = "SELECT DATE_FORMAT(STR_TO_DATE(IDSU,'%Y-%m'),'%Y-%m') AS FECHA, SUM(VADI) AHORRO
+                    FROM ITT_ASW_SUDE 
+                    WHERE TIPO='E' 
+                        AND DATE_FORMAT(STR_TO_DATE(IDSU,'%Y-%m'),'%Y-%m') < DATE_FORMAT(SYSDATE(), '%Y-%m')
+                    GROUP BY TIPO, DATE_FORMAT(STR_TO_DATE(IDSU,'%Y-%m'),'%Y-%m')
+                    ORDER BY DATE_FORMAT(STR_TO_DATE(IDSU,'%Y-%m'),'%Y-%m') DESC
+                    LIMIT 12";
+
+    $qryGraf = mysqli_query($conexion, $qryGraficas);
+    $datosElec = array();
+    while ($column = mysqli_fetch_assoc($qryGraf)) {
+        $datosElec[] = $column;
+        $totalElec = $totalElec + $column['AHORRO'];
+    }*/
+
+    $qryTest = "SELECT * FROM ITT_ASW_SUDE WHERE TIPO = 'E' ORDER BY IDSU DESC";
+    $gstTest = mysqli_query($conexion, $qryTest);
+    $arrTest = array();
+    while ($test = mysqli_fetch_assoc($gstTest)) {
+        $vadi = array_key_exists($test['IDSU'], $arrTest) ? floatval($arrTest[$test['IDSU']]['AHORRO']) : 0;
+        $arrTest[$test['IDSU']] = [
+            "FECHA" => $test['IDSU'],
+            "AHORRO" => $vadi + floatval($test['VADI']),
+        ];
+    }
+
+    $arrElec = array();
+    $cont = 0;
+    foreach($arrTest as $key=>$val){
+        $arrDate = explode("-", $key);
+        $currentMonth = date("m");
+        $currentYear = date("Y");
+
+        if($currentYear == $arrDate[0] && $currentMonth == $arrDate[1]) continue;
+        if($currentYear == $arrDate[0] && intval($currentMonth) < intval($arrDate[1])) continue;
+        if($cont < 12){
+            $arrElec[] = $val;
+            $totalElec = $totalElec + floatval($val['AHORRO']);
+        }
+
+        $cont++;
+    }
+    
+    $datosElec = array_reverse($arrElec);
+
+    $actualMonth = date("Y-m");
+    $currentDay = date("d");
+    $currentDay = intval($currentDay);
+    $actualKW = 0;
+    $qryActMonth = "SELECT * FROM ITT_ASW_SUDE WHERE TIPO = 'E' AND IDSU = '$actualMonth' ORDER BY DIAN ASC";
+    $gstActMonth = mysqli_query($conexion, $qryActMonth);
+
+    while ($actMonth = mysqli_fetch_assoc($gstActMonth)) {
+        $dia = intval($actMonth['DIAN']);
+        if($dia <= $currentDay){
+            $actualKW += floatval($actMonth['VADI']);
+        }
+    }
+    $totalElec = $totalElec + $actualKW;
+    $datosElec[] = ["FECHA" => $actualMonth, "AHORRO" => $actualKW ];
+    
+    // Obtenemos los datos de la gráfica de Electricidad del mes actual hasta el día actual
+    /*$qryDiaElec = "SELECT DATE_FORMAT(STR_TO_DATE(IDSU,'%Y-%m'),'%Y-%m') AS FECHA, SUM(VADI) AHORRO
+                    FROM ITT_ASW_SUDE 
+                    WHERE TIPO='E' AND DATE_FORMAT(STR_TO_DATE(IDSU,'%Y-%m'),'%Y-%m') = DATE_FORMAT(SYSDATE(), '%Y-%m') 
+                        AND DIAN <= DATE_FORMAT(SYSDATE(), '%d')
+                    GROUP BY TIPO, DATE_FORMAT(STR_TO_DATE(IDSU,'%Y-%m'),'%Y-%m')";
+
+    $qryGrafElD = mysqli_query($conexion, $qryDiaElec);
+    $datosElecD = array();
+    while ($column = mysqli_fetch_assoc($qryGrafElD)) {
+        $datosElec[] = $column;
+        $totalElec = $totalElec + $column['AHORRO'];
+        $ahorroKW=$column['AHORRO'];
+    }*/
+    $datosElecJson = json_encode($datosElec);
+
+    // <--------------Operación para tala de árboles y emisiones de CO2------------------------->
+
+    $milesEle = $totalElec/1000;
+    $co2 = $milesEle*458;
+    $arboles = $milesEle*19;
+
+    $emisiones = $ahorroKW*0.458;
+
+    // Obtenemos los datos de la gráfica de Agua hasta el mes anterior al actual
+    $qryGraficaA = "SELECT DATE_FORMAT(STR_TO_DATE(IDSU,'%Y-%m'),'%Y-%m') AS FECHA, SUM(VADI) AHORRO
+                    FROM ITT_ASW_SUDE 
+                    WHERE TIPO='A' 
+                        AND DATE_FORMAT(STR_TO_DATE(IDSU,'%Y-%m'),'%Y-%m') < DATE_FORMAT(SYSDATE(), '%Y-%m')
+                    GROUP BY TIPO, DATE_FORMAT(STR_TO_DATE(IDSU,'%Y-%m'),'%Y-%m')
+                    ORDER BY DATE_FORMAT(STR_TO_DATE(IDSU,'%Y-%m'),'%Y-%m') DESC
+                    LIMIT 12";
+
+    $qryGrafA = mysqli_query($conexion, $qryGraficaA);
+    $datosAgua = array();
+    $totalAgua = 0;
+    while ($column = mysqli_fetch_assoc($qryGrafA)) {
+        $datosAgua[] = $column;
+        $totalAgua = $totalAgua + $column['AHORRO'];
+    }
+    
+    $datosAgua = array_reverse($datosAgua);
+    
+    // Obtenemos los datos de la gráfica de Agua del mes actual hasta el día actual
+    $qryDiaAguaD = "SELECT DATE_FORMAT(STR_TO_DATE(IDSU,'%Y-%m'),'%Y-%m') AS FECHA, SUM(VADI) AHORRO
+                    FROM ITT_ASW_SUDE 
+                    WHERE TIPO='A' AND DATE_FORMAT(STR_TO_DATE(IDSU,'%Y-%m'),'%Y-%m') = DATE_FORMAT(SYSDATE(), '%Y-%m') 
+                        AND DIAN <= DATE_FORMAT(SYSDATE(), '%d')
+                    GROUP BY TIPO, DATE_FORMAT(STR_TO_DATE(IDSU,'%Y-%m'),'%Y-%m')";
+
+    $qryGrafAgD = mysqli_query($conexion, $qryDiaAguaD);
+    $datosAguaD = array();
+    while ($column = mysqli_fetch_assoc($qryGrafAgD)) {
+        $datosAgua[] = $column;
+        $totalAgua = $totalAgua + $column['AHORRO'];
+    }
+
+    $datosAguaJson = json_encode($datosAgua);
+
+    // <--------------Operación para la equivalencia de PET------------------------->
+    $botellas = $totalAgua/3.43;
+    $botellas = number_format($botellas, 2, '.', ',');
+
+    //Obtenemos todas las imágenes
+    $qryImagenesSus = "SELECT IDIM, URLI, TIPO FROM `ITT_ASW_SUIM` ";
+    $qryImgSus = mysqli_query($conexion, $qryImagenesSus);
+    $arrImgSus = array();
+    while ($columnImgs = mysqli_fetch_assoc($qryImgSus)) {
+        $arrImgSus[] = $columnImgs;
+    }
+?>
+<!DOCTYPE html>
+<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
+<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
+<html xml:lang="es" lang="es">
+    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+    <head>
+        <!-- Global site tag (gtag.js) - Google Analytics -->
+
+        <!--Producción-->
+        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+
+        <!--Producción-->
+        <script>
+
+            window.dataLayer = window.dataLayer || [];
+
+            function gtag(){dataLayer.push(arguments);}
+
+            gtag('js', new Date());
+
+            gtag('config', 'UA-125019062-2');
+
+        </script>
+
+        <!-- End Global site tag (gtag.js) - Google Analytics -->
+        <!-- [if IE]> -->
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+        <meta http-equiv="cleartype" content="on"/>
+        <!-- <![endif] -->
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+        <title>Sustentabilidad – S&amp;P</title>
+        <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
+        <meta name="keywords" content="Magento, Varien, E-commerce"/>
+        <meta name="robots" content="INDEX,FOLLOW"/>
+
+        <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+        <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+
+        <link rel="apple-touch-icon" sizes="57x57"
+        href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-57x57.png">
+        <link rel="apple-touch-icon" sizes="60x60"
+        href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-60x60.png">
+        <link rel="apple-touch-icon" sizes="72x72"
+        href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-72x72.png">
+        <link rel="apple-touch-icon" sizes="76x76"
+        href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-76x76.png">
+        <link rel="apple-touch-icon" sizes="114x114"
+        href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-114x114.png">
+        <link rel="apple-touch-icon" sizes="120x120"
+        href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-120x120.png">
+        <link rel="apple-touch-icon" sizes="144x144"
+        href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-144x144.png">
+        <link rel="apple-touch-icon" sizes="152x152"
+        href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-152x152.png">
+        <link rel="apple-touch-icon" sizes="180x180"
+        href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/apple-icon-180x180.png">
+        <link rel="icon" type="image/png" sizes="192x192"
+        href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/android-icon-192x192.png">
+        <link rel="icon" type="image/png" sizes="32x32"
+        href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="96x96"
+        href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-96x96.png">
+        <link rel="icon" type="image/png" sizes="16x16"
+        href="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/favicon-16x16.png">
+        <meta name="msapplication-TileColor" content="#ffffff">
+        <meta name="msapplication-TileImage"
+        content="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/ms-icon-144x144.png">
+        <meta name="theme-color" content="#ffffff">
+        
+        <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
+
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+        <script type="text/javascript">
+          var $j = jQuery.noConflict();
+        </script>
+
+        <script type="text/javascript" src="js/events.js"></script>
+
+        <link rel="stylesheet" href="css/style-sustentability.css">
+        <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap" rel="stylesheet">
+
+        <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+        <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>
+    </head>
+    <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+    <?php include 'header.php' ?>
+    <script type="text/javascript">
+        //<![CDATA[
+        if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+            HIB.menu.init();
+        }
+        //]]>
+    </script>
+
+        <section class="custom-container main-padding">
+            <div class="title">
+                <h1 class="big-green">Soler y palau</h1>
+                <h2 class="medium-green">por un mundo sustentable</h2>
+            </div>
+            <p class="text-sustentability">En S&P estamos comprometidos con un mundo más sustentable; 
+                por lo anterior, a través de nuestras diversas acciones internas como el
+                ahorro de agua, energía eléctrica y reciclaje buscamos reducir el
+                impacto ambiental y mejorar la calidad de vida.
+            </p>
+            <div class="light-content flex-box">
+                <div class="graph">
+                    <h3 class="small-green">LUZ AHORRADA EN LOS ÚLTIMOS <?php echo count($datosElec); ?> MESES</h3>
+                    <div class="light-content-inside">
+                        <h3 class="small-green vertical">AHORRO</h3>
+                        <div id="columnchart_values" class="light-graph"></div>
+                    </div>
+                    <h3 class="small-green">MESES</h3>
+                    <p>Actualizado al <?php echo($hoy);?></p>
+                </div>
+                <div class="light-slide">
+                    <!--Slider starts-->
+                    <div class="slider-content display-container"><center>
+                       <?php
+                            if(!empty($arrImgSus)){
+                                foreach($arrImgSus as $imagenes){
+                                    if($imagenes['TIPO']=='E'){
+                                        $id = $imagenes['IDIM'];
+                                        $url = $imagenes['URLI'];
+                                ?>
+                                <div class="item-slider-one">
+                                    <h3 class="small-green img-title">Esto equivale a:</h3>
+                                    <img class="img-little-slider" src="<?php echo($url); ?>" alt="IMG001">
+                                    <p class="img-footer"><?php echo(number_format($co2, 2, '.', ','));?> kg de CO2 que equivale a participar en el corte de casi <?php echo(number_format($arboles, 2, '.', ','));?> arboles.</p>
+                                </div>
+                        <?php
+                                    }
+                                }
+                            }
+                       ?>
+                    </center></div>
+                    <!--Slider ends-->
+                </div>
+            </div>
+            <div class="light-content flex-box">
+                <div class="graph">
+                    <h3 class="small-green">AGUA AHORRADA EN LOS ÚLTIMOS <?php echo count($datosAgua); ?> MESES</h3>
+                    <div class="light-content-inside">
+                        <h3 class="small-green vertical">AHORRO</h3>
+                        <div id="columnchart_agua" class="light-graph"></div>
+                    </div>
+                    <h3 class="small-green">MESES</h3>
+                    <p>Actualizado al <?php echo($hoy);?></p>
+                </div>
+                <div class="light-slide">
+                    <!--Slider starts-->
+                    <div  class="slider-content display-container"><center>
+                    <?php
+                            if(!empty($arrImgSus)){
+                                foreach($arrImgSus as $imagenes){
+                                    if($imagenes['TIPO']=='A'){
+                                        $id = $imagenes['IDIM'];
+                                        $url = $imagenes['URLI'];
+                                ?>
+                                <div class="item-slider-two">
+                                    <h3 class="small-green img-title">Esto equivale a:</h3>
+                                    <img class="img-little-slider" src="<?php echo($url); ?>" alt="IMG001">
+                                    <p class="img-footer"><?php echo($botellas); ?> botellas de PET de 1.5L.</p>
+                                </div>
+                        <?php
+                                    }
+                                }
+                            }
+                       ?>
+                    </center></div>
+                    <!--Slider ends-->
+                </div>
+
+            </div>
+        </section>
+        <div class="separator"></div>
+        <hr class="padding-floor">
+        
+        <section class="floor">
+            <div class="custom-container flex-box">
+                <div class="floor-slider-container">
+                    <div class="floor-content floor-display-container" >
+                    <?php
+                            if(!empty($arrImgSus)){
+                                $countSlider = 0;
+                                foreach($arrImgSus as $imagenes){
+                                    if($imagenes['TIPO']=='S'){
+                                        $id = $imagenes['IDIM'];
+                                        $url = $imagenes['URLI'];
+                                        $countSlider++;
+                                ?>
+                                <img class="item-slider-three" width="100%" src="<?php echo($url); ?>" alt="Sustentabilidad S&P">
+                        <?php
+                                    }
+                                }
+                            }
+                       ?>
+                        <div class="center floor-container floor-section floor-large floor-bottommiddle" style="width:100%">
+                            <div class="left left-hover img-footer" onclick="plusDivsSliderThree(-1)">&#10094;</div>
+                            <div class="right right-hover img-footer" onclick="plusDivsSliderThree(+1)">&#10095;</div>
+                        </div>
+                    </div>
+                    <div class="badge-container"><center>
+                        <?php
+                            for ($i = 1; $i <= $countSlider; $i++) {
+                                ?>
+                                <span class="badge demo border hover-white" onclick="currentDivSliderThree(<?php echo($i); ?>)"></span>
+                            <?php
+                            }
+                        ?>
+                    </center></div>
+                </div>
+                <div class="floor-text-container">
+                    <h2 class="floor-title">A través de</h2>
+                    <h3 class="floor-subtitle">nuestras acciones de cuidado al medio ambiente</h3>
+                    <p class="floor-text">Durante el mes de <?php echo($arrMeses[$mes]); ?> se han reducido <?php echo(number_format($emisiones, 2, '.', ',')); ?> emisiones de C02.</p>
+                    
+                    <?php
+                            if(!empty($arrImgSus)){
+                                foreach($arrImgSus as $imagenes){
+                                    if($imagenes['IDIM']==1000){
+                                        $url = $imagenes['URLI'];
+                                ?>
+                                <p class="floor-text"><?php echo($url); ?></p>
+                        <?php
+                                    }
+                                }
+                            }
+                       ?>
+                    </p>
+                </div>
+            </div>
+        </section>
+        <?php include 'footer.php' ?>
+    </body>
+    <script>
+        var slideIndex = 1;
+        var ind = 1;
+        showDivsSliderOne(slideIndex);
+
+        var slideIndexTwo = 1;
+        var indTwo = 1;
+        showDivsSliderTwo(slideIndexTwo);
+
+        var slideIndexThree = 1;
+        showDivsSliderThree(slideIndexThree);
+
+        function plusDivsSliderOne(n){
+            ind = n;
+            showDivsSliderOne(slideIndex += n);
+        }
+
+        function plusDivsSliderTwo(n){
+            indTwo = n;
+            showDivsSliderTwo(slideIndexTwo += n);
+        }
+
+        function plusDivsSliderThree(n) {
+            showDivsSliderThree(slideIndexThree += n);
+        }
+
+        function currentDivSliderThree(n) {
+            showDivsSliderThree(slideIndexThree = n);
+        }
+
+        function showDivsSliderOne(n){
+            var i;
+            var x = document.getElementsByClassName("item-slider-one");
+            if (n > x.length) {slideIndex = 1}
+            if (n < 1) {slideIndex = x.length};
+            for (i = 0; i < x.length; i++){
+                x[i].style.display = "none";
+            }
+            x[slideIndex-1].style.display = "block";
+            if(ind > 0){
+                x[slideIndex-1].classList.add("slideRight");
+                x[slideIndex-1].classList.remove("slideLeft");
+            }
+            if(ind < 0){
+                x[slideIndex-1].classList.add("slideLeft");
+                x[slideIndex-1].classList.remove("slideRight");
+            }
+
+        }
+
+        function showDivsSliderTwo(n){
+            var i;
+            var x = document.getElementsByClassName("item-slider-two");
+            if (n > x.length) {slideIndexTwo = 1}
+            if (n < 1) {slideIndexTwo = x.length};
+            for (i = 0; i < x.length; i++){
+                x[i].style.display = "none";
+            }
+            x[slideIndexTwo-1].style.display = "block";
+            if(indTwo > 0){
+                x[slideIndexTwo-1].classList.add("slideRight");
+                x[slideIndexTwo-1].classList.remove("slideLeft");
+            }
+            if(indTwo < 0){
+                x[slideIndexTwo-1].classList.add("slideLeft");
+                x[slideIndexTwo-1].classList.remove("slideRight");
+            }
+        }
+        
+        function showDivsSliderThree(n) {
+            var i;
+            var x = document.getElementsByClassName("item-slider-three");
+            var dots = document.getElementsByClassName("demo");
+            if (n > x.length) {slideIndexThree = 1}
+            if (n < 1) {slideIndexThree = x.length}
+            for (i = 0; i < x.length; i++) {
+                x[i].style.display = "none";  
+            }
+            for (i = 0; i < dots.length; i++) {
+                dots[i].className = dots[i].className.replace(" badge-background", "");
+                dots[i].classList.add("badge-hover");
+            }
+            x[slideIndexThree-1].style.display = "block";  
+            dots[slideIndexThree-1].className += " badge-background";
+            dots[slideIndexThree-1].classList.remove("badge-hover");
+        }
+    </script>
+    
+</html>
+
+<script type="text/javascript">
+    var arrayMeses = new Array(); 
+    arrayMeses['01'] = 'Enero';
+    arrayMeses['02'] = 'Febrero';
+    arrayMeses['03'] = 'Marzo';
+    arrayMeses['04'] = 'Abril';
+    arrayMeses['05'] = 'Mayo';
+    arrayMeses['06'] = 'Junio';
+    arrayMeses['07'] = 'Julio';
+    arrayMeses['08'] = 'Agosto';
+    arrayMeses['09'] = 'Septiembre';
+    arrayMeses['10'] = 'Octubre';
+    arrayMeses['11'] = 'Noviembre';
+    arrayMeses['12'] = 'Diciembre';
+
+    var array  = JSON.parse('<?php echo($datosElecJson); ?>');
+      
+    google.charts.load("current", {packages:['corechart']});
+    google.charts.setOnLoadCallback(drawChart);
+    function drawChart() {
+     
+    var data = new google.visualization.DataTable();
+
+    data.addColumn('string','Fecha');
+    data.addColumn('number','kW/hr');
+    data.addColumn({role: "style"});
+    data.addColumn({role: "annotation"});    
+
+    for (var i = 0; i < array.length; i++) {
+        mes = array[i].FECHA;
+        nombreMes=mes.split('-');
+        nombreMes = arrayMeses[nombreMes[1]];
+        ahorro = parseFloat(array[i].AHORRO);
+        annotation = "⚡";
+        data.addRow([nombreMes, ahorro,'stroke-color: #e5b92c; stroke-width: 2; fill-color: #ffd233',annotation]);
+    } 
+    // ffd233
+    var view = new google.visualization.DataView(data);
+    view.setColumns([0, 1,
+                    {   
+                        calc: "stringify",
+                        sourceColumn: 3,
+                        type: "string",
+                        role: "annotation" 
+                    },
+                    2]);
+
+    var options = {
+            title: "Se han ahorrado en total <?php echo(number_format($totalElec, 2, '.', ',')); ?> kW/hr",
+            subtitle: 'Based on a scale of 1 to 10',
+            colors: ['#ffd233'],
+            width: '100%',
+            height: '100%',
+            bar: {groupWidth: "50%"},
+            legend: {
+                color: '#ffd233',
+                textStyle: {
+                    fontName: 'Montserrat,sans-serif',
+                }
+            },
+            annotations: {
+                alwaysOutside: true
+            },
+            vAxis: {
+                minValue: 0
+            },
+            hAxis: {
+                slantedTextAngle: 90
+            }
+        };
+
+        var chart = new google.visualization.ColumnChart(document.getElementById("columnchart_values"));
+        chart.draw(view, options);
+
+        function resizeHandler () {
+            chart.draw(view, options);
+            
+        }
+        if (window.addEventListener) {
+            window.addEventListener('resize', resizeHandler, false);
+        }
+        else if (window.attachEvent) {
+            window.attachEvent('onresize', resizeHandler);
+        }
+    }
+
+    // SEGUNDA GRÁFICA
+    var arrayAgua  = JSON.parse('<?php echo($datosAguaJson); ?>');
+    google.charts.load("current", {packages:['corechart']});
+    google.charts.setOnLoadCallback(drawChartA);
+
+    function drawChartA() {
+     
+        var dataA = new google.visualization.DataTable();
+
+        dataA.addColumn('string','Fecha');
+        dataA.addColumn('number','Litros');
+        dataA.addColumn({role: "style"});
+        dataA.addColumn({role: "annotation"});  
+
+        for (var i = 0; i < arrayAgua.length; i++) {
+            mesA = arrayAgua[i].FECHA;
+            nombreMesA=mesA.split('-');
+            nombreMesA = arrayMeses[nombreMesA[1]];
+            ahorroA = parseFloat(arrayAgua[i].AHORRO);
+            annotation = "💧";
+            dataA.addRow([nombreMesA, ahorroA,'stroke-color: #61adc1; stroke-width: 2; fill-color: #6cd1fd',annotation]);
+        } 
+
+        var viewA = new google.visualization.DataView(dataA);
+        viewA.setColumns([0, 1,
+                        { calc: "stringify",
+                        sourceColumn: 3,
+                        type: "string",
+                        role: "annotation" },
+                        2]);
+
+        var optionsA = {
+            title: "Se han ahorrado en total <?php echo(number_format($totalAgua, 2, '.', ',')); ?> litros",
+            // subtitle: "Acualizado al",
+            colors: ['#6cd1fd'],
+            width: '100%',
+            bar: {groupWidth: "50%"},
+            legend: { 
+                textStyle: {
+                    fontName: 'Montserrat,sans-serif',
+                }
+            },
+            annotations: {
+                alwaysOutside: true
+            },
+            vAxis: {
+                minValue: 0
+            },
+            hAxis: {
+                slantedTextAngle: 90
+            }
+
+
+        };
+
+        var chartA = new google.visualization.ColumnChart(document.getElementById("columnchart_agua"));
+        chartA.draw(viewA, optionsA);
+
+        function resizeHandler () {
+            chartA.draw(viewA, optionsA);
+        }
+
+        if (window.addEventListener) {
+            window.addEventListener('resize', resizeHandler, false);
+        }
+        else if (window.attachEvent) {
+            window.attachEvent('onresize', resizeHandler);
+        }
+    }
+</script>

+ 232 - 0
terminos-condiciones.php

@@ -0,0 +1,232 @@
+<!DOCTYPE html>
+<html xml:lang="es" lang="es">
+<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<head>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+
+    <!--Producción-->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
+    <!--Producción-->
+    <script>
+
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag(){dataLayer.push(arguments);}
+
+        gtag('js', new Date());
+
+        gtag('config', 'UA-125019062-2');
+
+    </script>
+
+    <!-- End Global site tag (gtag.js) - Google Analytics -->
+  <!-- [if IE]> -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+  <meta http-equiv="cleartype" content="on"/>
+  <!-- <![endif] -->
+
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
+  <title>Términos y Condiciones – S&amp;P</title>
+  <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
+  <meta name="keywords" content="Magento, Varien, E-commerce"/>
+  <meta name="robots" content="INDEX,FOLLOW"/>
+  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage"
+  content="../../../statics.solerpalau.com/skin/frontend/solerpalau/default/images/favicons/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+
+  
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
+  <script type="text/javascript">
+    var $j = jQuery.noConflict();
+  </script>
+
+  <script type="text/javascript" src="js/events.js"></script>
+
+  <!-- estilo princripal -->
+  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />
+
+</head>
+<body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
+  <!-- aqui va el header -->
+  <?php include 'header.php' ?>
+
+  <script type="text/javascript">
+    //<![CDATA[
+
+    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
+      HIB.menu.init();
+    }
+
+    //]]>
+  </script>
+
+  <div class="main-container col1-layout">
+    <div class="breadcrumbs">
+      <div class="container">
+        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
+          <li class="">
+
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="main">
+      <div class="col-main">
+        <main>
+          <div id="overlaySearch" class="overlay">
+
+            <!-- Overlay content -->
+            <div id="searchResults" class="overlay-content grid"></div>
+          </div><div class="std"><div class="page-title dark">
+            <img alt="Producción,distribución y logística" src="media/home/categories_home/empresa/calidad.jpg" />
+            <div class="page-title-container">
+              <div class="page-title-content container">
+                <h1 class="h1">Términos y Condiciones</h1>
+              </div>
+            </div>
+          </div>
+
+          <div class="container grid just">
+            <div class="hcol-11-12">
+
+
+              <p class="m-top10">El presente aviso legal regula el contenido y uso de los servicios en el Sitio de Internet SOLER-PALAU.COM.MX, (en adelante <b>SOLER & PALAU</b>).
+             La utilización de <b>SOLER & PALAU</b> te atribuye la condición de usuario del Portal (en adelante, el "Usuario") e implica la aceptación plena y sin reservas de todas y cada una de las disposiciones incluidas en este Aviso Legal, en el momento mismo en que el Usuario acceda al Portal. En consecuencia, el Usuario debe leer atentamente el presente Aviso Legal en cada una de las ocasiones en que se proponga utilizar el Portal, ya que aquél puede sufrir modificaciones.</p>
+
+             <p class="m-top10">Algunos de los servicios ofrecidos en este Portal, se rigen por las presentes condiciones generales además de los avisos legales insertados en la parte inferior que pudieran contener cada página. El Usuario también ha de leer atentamente las correspondientes Condiciones Particulares. Asimismo, la utilización del Portal se regula por todos los avisos, reglamentos de uso e instrucciones, publicados por <b>SOLER & PALAU</b>, que sustituyen, completan y/o modifican el presente Aviso Legal.</p>
+
+             <p class="m-top10"><b>SOLER & PALAU</b> tiene la intención de proveer, directamente o indirectamente, a los usuarios el acceso a una serie de servicios on-line, entre los cuales se incluyen de manera ilustrativa, mas no limitativa: consultas a través de formularios de contacto, suscripción a un boletin informativo que se enviara periódicamente via correo electronico, pagos en línea, contenido informativo, contenido personalizado, editoriales, entre otros contenidos ilustrativos para facilitar las tareas de los usuarios y el entretenimiento y enriquecimiento del conocimiento de los usuarios.</p>
+
+             <p class="m-top10 h2-2"> <b>Carácter gratuito</b></p>
+
+             <p class="m-top10">El acceso al Portal de <b>SOLER & PALAU</b>.COM.MX es de carácter gratuito, sin embargo podrán existir secciones en las que el Usuario deberá ingresar ciertos datos referentes a su persona, que <b>SOLER & PALAU</b> le solicitará en un formulario, debiendo el Usuario llenar todos los campos solicitados con información verdadera, además de mantenerla actualizada. En todo caso el Usuario será el único responsable de las manifestaciones falsas o información inexacta que proporcione y de los perjuicios que cause a <b>SOLER & PALAU</b> o a terceros por la información que facilite.</p>
+
+             <p class="m-top10">Para tener acceso a <b>SOLER & PALAU</b>, el Usuario es responsable de contar con un equipo de cómputo con conexión a Internet, ya sea por vía telefónica o cualquier otra tecnología que proporcione este servicio que <b>SOLER & PALAU</b> no ofrece a los usuarios, por lo tanto es el Usuario el responsable de los costos derivados de la conexión y acceso a Internet. El Usuario se compromete a no reproducir, duplicar, copiar, vender, revender o explotar por cualquier propósito comercial, ninguna parte del contenido o servicios del Portal, uso de los servicio, o acceso a los servicio.</p>
+
+             
+             <p class="m-top10 h2-2"> <b> Política de Privacidad.</b></p>
+             <p class="m-top10">Los Usuarios podrán tener acceso a nuestra Política de Privacidad desde cualquier pagina de nuestro portal.</p>
+
+
+             <p class="m-top10 h2-2"> <b> Menores de edad.</b></p>
+
+             <p class="m-top10">Los menores de edad que adquieran la calidad de Usuarios de <b>SOLER & PALAU</b> deberán contar con el previo consentimiento de sus padres, tutores o representantes legales, que a su vez serán plenamente responsables de todos los actos realizados por los menores a su cargo. Igualmente serán responsables de determinar qué contenido y servicios son aptos para ser conocidos por los menores.</p>
+
+             <p class="m-top10 h2-2"> <b>Acceso y uso del contenido y los servicios del Portal.</b></p>
+             <p class="m-top10"> El Usuario reconoce y acepta que la propiedad intelectual de toda la información, datos, textos, software, música, sonido, fotografías, gráficas, video, mensajes u otros materiales, ya sea públicamente anunciado o transmitido privadamente, son propiedad de <b>SOLER & PALAU</b>.</p>
+
+             <p class="m-top10">En los casos en que el Usuario decida hacer uso de algún servicio o herramienta que permita al Usuario publicar alguna información o contenido en el Portal o a través de el, el Usuario se compromete y obliga a utilizar las herramientas de <b>SOLER & PALAUconforme</b> a las leyes que resulten aplicables, la moral, las buenas costumbres, el orden público y el contenido del presente Aviso Legal. 
+             De manera enunciativa, más no limitativa, el Usuario se obliga y está de acuerdo en no utilizar los Servicios para:</p>
+
+             <p class="m-top10">Introducir, publicar, enviar por correo electrónico o de otra manera transmitir cualquier Contenido que vaya en contra de las leyes aplicables, la moral, las buenas costumbres, perjudique, amenace, abuse, ataque, difame, calumnie, viole la privacidad de terceros, genere odio racial y/o étnico y/o religioso o que cualquier otra manera sea contrario a lo establecido en el presente Convenio del Usuario, en cuyo caso <b>SOLER & PALAU</b> podrá, al tener conocimiento de dicho uso, suspender los Servicios al Usuario inmediatamente después de que <b>SOLER & PALAU</b> haya obtenido dicho conocimiento, y el Usuario tendrá cinco días para remediar dicho uso o expresar ante <b>SOLER & PALAU</b> lo que a su derecho convenga;
+              hacerse pasar por otra persona o entidad, introducir datos falsos, alterados o distorsionados ocasionando el error, la confusión, el malentendido o el engaño;
+              falsificar encabezados o de otra manera manipular identificadores para ocultar el origen de cualquier Contenido transmitido a través de los Servicios;
+              introducir, publicar, enviar correos electrónicos o de otra manera transmitir cualquier Contenido al que no se tenga derecho de transmitir bajo alguna ley o bajo alguna relación contractual o fiduciaria (como información privilegiada, información propia o confidencial conocida o revelada como parte de una relación laboral o bajo Convenios de confidencialidad);
+              introducir, publicar, copiar, lucrar con y/o enviar correos electrónicos o de alguna otra manera transmitir cualquier Contenido que infrinja cualquier derecho de autor, patente, marca registrada, secretos comerciales, derechos de reproducción o cualquier otro derecho de propiedad industrial y/o intelectual de cualquier tercero y/o de <b>SOLER & PALAU</b>; introducir, publicar, enviar correos electrónicos o de alguna otra manera transmitir cualquier publicidad, material promocional, correos basura (junk mail), cartas de cadena, pirámides de estafa, o cualquier otra forma de policitación, excepto en esas áreas de <b>SOLER & PALAU</b> que son designadas expresamente para ese propósito (como serían en su caso, los sectores de anuncios de autos);
+              introducir, publicar, enviar correos electrónicos o de alguna otra manera transmitir cualquier material que contenga virus de programas de cómputo o cualquier otro código de computadoras, archivos o programas diseñados para interrumpir, destruir o limitar la funcionalidad de cualquier programa de cómputo para computadora o hardware o equipos de telecomunicaciones;
+              interrumpir el flujo normal de diálogo, causar el deslizamiento rápido de la pantalla (scroll) a una velocidad en la cual los demás usuarios de los Servicios no sean capaces de escribir a través del teclado de la computadora, o de otra manera actuar de un modo que afecte adversamente la habilidad de otros usuarios para interactuar en tiempo real (real time exchanges);
+              interferir con o interrumpir los Servicios y/o los servidores o las redes internas conectadas con los Servicios; violar cualquier ley aplicable en el territorio nacional, sea dicha ley municipal, provincial, local, estatal, federal o internacional, incluyendo, pero no limitado a, regulaciones promulgadas por cualquier Bolsa de Valores en la que específicamente se hagan transacciones bursátiles y/o cualquier otra similar; así como cualquier regulación con fuerza de ley, ya sea de manera intencional o sin intención;
+              acechar o de otra manera acosar a otra persona;
+              coleccionar o guardar datos personales acerca de otros; y,
+              cualquier otra actividad que sea contraria a las buenas costumbres.
+            Introducirse a los Servicios personales de otras personas y acceder a su información personal, cuenta de correo electrónico, etc.</p>
+
+            <p class="m-top10">El Usuario acepta que es de la exclusiva responsabilidad de los Usuarios el evaluar y correr con el riesgo asociado con el uso de cualquier Contenido, incluyendo lo relacionado con la exactitud, la totalidad o la utilidad del Contenido; por lo anterior, el Usuario manifiesta y expresamente reconoce que no puede confiarse del Contenido accesible a través de <b>SOLER & PALAU</b>. Igualmente el Usuario reconoce y acepta que <b>SOLER & PALAU</b> puede mantener y conservar en sus archivos para sí la información personal, el Contenido de los Usuarios y los Foros Abiertos y también puede revelar el mismo por mandato de ley y/o de autoridad competente le fuere requerido o por considerar de buena fe que dicho mantenimiento o revelación es razonablemente necesario para servir como prueba en procesos legales, ya sean administrativos o judiciales; cumplir con el Contenido de este documento, responder a reclamaciones que involucren cualquier Contenido que menoscabe derechos de terceros; o proteger los derechos, la propiedad, o la seguridad de <b>SOLER & PALAU</b>, sus Usuarios y de la sociedad en general.
+            En lo que respecta al uso de Servicios específicos contenidos en <b>SOLER & PALAU</b> y los Foros Abiertos, el Usuario deberá regirse por lo acordado en este Aviso Legal y, en su caso, consultar y apegarse a los Convenios Específicos de cada uno de ellos.</p>
+
+            <p class="m-top10">Asimismo, el Usuario, deberá abstenerse de:
+              utilizar el Contenido de forma ilegal, con fines o efectos contrarios a las leyes aplicables en México, el lugar de residencia del Usuario, y/o el lugar desde donde se tenga acceso a los Servicios, la moral, las buenas costumbres y/o al orden público;
+              reproducir, copiar, distribuir, permitir el acceso del público a través de cualquier modalidad de comunicación pública, transformar o modificar el Contenido, sin contar con la autorización previa del titular de los derechos correspondientes; suprimir, eludir o manipular los derechos de autor, marcas, patentes, el "copyright" y demás datos identificativos de los derechos de <b>SOLER & PALAU</b> o de sus titulares incorporados al Contenido, así como los dispositivos técnicos de protección, las huellas digitales o cualesquiera mecanismos de información que pudiere contener el Contenido; y emplear el Contenido y, en particular, la información de cualquier clase obtenida a través de <b>SOLER & PALAU</b> o de los Servicios, para remitir publicidad, comunicaciones con fines de venta directa o con cualquier otra clase de finalidad comercial, mensajes no solicitados dirigidos a una pluralidad de personas con independencia de su finalidad, así como a abstenerse de comercializar o divulgar de cualquier modo dicha información.</p>
+
+            <p class="m-top10"><b>SOLER & PALAU</b> declara y el Usuario acepta que la descarga o download de cualquier contenido del Portal, o través de cualquiera de los servicios prestados por <b>SOLER & PALAU</b>, realizada por el Usuario, será bajo su propia discreción y riesgo, por lo que será el único responsable de cualquier daño a su equipo de cómputo, cualquiera de sus accesorios o sistema, así como por la pérdida o afectación de datos contenidos en los mismos.</p>
+
+
+            <p class="m-top10 h2-2"> <b>Contenido público enviado por los Usuarios.</b></p>
+
+            <p class="m-top10">Los Usuarios que decidan enviar o publicar cualquier tipo de Contenido, ya sea fotos, textos, videos, gráficas o cualquier otro, para que éste sea incluido dentro de el Portal en las áreas de acceso general, los Usuarios aceptan y convienen en otorgar a <b>SOLER & PALAU</b> el derecho universal, a perpetuidad, irrevocable, no-exclusivo y totalmente sub-licenciable, así como la licencia para el uso, reproducción, modificación, adaptación, publicación, traducción, la creación de obras que se deriven del original, distribución, ejecución y presentación de dicho Contenido total o parcialmente, para incorporarlo en otra obra o trabajo en cualquier forma, medio, o tecnología conocida ahora o desarrollada después. </p>
+
+            <p class="m-top10">En el caso de que el Usuario no esté de acuerdo con lo señalado en el párrafo que antecede, deberá abstenerse de enviar Contenido y/o material no solicitado por<b>SOLER & PALAU</b>.
+            Prohibición de envío de SPAM a través del servicio de correo electrónico prestado por <b>SOLER & PALAU</b>.</p>
+            
+            <p class="m-top10">En el caso de que <b>SOLER & PALAU</b> le concediera al usuario una cuenta de correo electrónico para fines personales, el Usuario deberá abstenerse de llevar a cabo las siguientes actividades:
+            recabar datos con finalidad publicitaria y de remitir publicidad de cualquier clase y comunicaciones con fines de venta u otras de naturaleza comercial sin que medie su previa solicitud y consentimiento. Emitir cualesquiera otros mensajes no solicitados ni consentidos previamente a una pluralidad de personas.</p>
+
+            <p class="m-top10">Enviar cadenas de mensajes electrónicos no solicitados ni previamente consentidos utilizar listas de distribución a las que pueda accederse a través de los Servicios para la realización de las actividades señaladas en los apartados anteriores.
+            poner a disposición de terceros, con cualquier finalidad, datos recabados a partir de listas de distribución.</p>
+            <p class="m-top10">Los Usuarios que realicen cualesquiera de las actividades señaladas en los apartados anteriores, deberán responder legalmente ante los Usuarios o terceros perjudicados por la recepción de mensajes no solicitados.</p>
+
+            <p class="m-top10">El Usuario deberá abstenerse de obtener e incluso intentar obtener Contenido a través de <b>SOLER & PALAU</b> o los Servicios mediante medios o procedimientos distintos de los que, según el caso, se hayan puesto a su disposición para este efecto o se hayan indicado para este efecto en las páginas web del Portal en que se encuentren los Contenidos, o en general de los que se empleen habitualmente en Internet con este propósito.</p>
+
+
+            <p class="m-top10 h2-2"> <b> Modificaciones, cancelación, suspensión y terminación de los servicios.</b></p>
+            <p class="m-top10"> La prestación del servicio de Portal y de los demás Servicios tiene una duración indefinida. Sin embargo, <b>SOLER & PALAU</b> podrá dar por terminada o suspender la prestación del servicio del Portal y/o de cualquiera de los servicios en cualquier momento, sin perjuicio de lo que se hubiere dispuesto al respecto en el presente Aviso Legal o las correspondientes Condiciones establecidas para cada servicio en lo particular. 
+              <b>SOLER & PALAU</b> no se compromete en ningún momento a advertir a los Usuarios previamente la modificación, cancelación, suspensión o terminación de los servicios del Portal.
+              <b>SOLER & PALAU</b> tendrá el derecho de modificar, o discontinuar el contenido del Portal o cualquiera de sus servicios o cualquier parte del mismo, temporal o permanentemente, en cualquier momento y periódicamente.
+            <b>SOLER & PALAU</b> no será responsable ante los usuarios o terceros por ninguna modificación, suspensión, o interrupción del Servicio. </p>
+            <p class="m-top10"> <b>SOLER & PALAU</b> podrá retirar o suspender en cualquier momento y sin necesidad de aviso previo la prestación de los Servicios a aquellos Usuarios que incumplan lo establecido en el presente Aviso Legal.</p>
+
+            <p class="m-top10"> Respecto a los servicios en los que se requiera el previo registro del Usuario, <b>SOLER & PALAU</b> podrá en cualquier momento, cancelar o discontinuar su contraseña, cuenta (o alguna parte de la misma) o su uso del Servicio y remover o borrar cualquier Contenido dentro del Servicio por cualquier razón, incluyendo sin limitación, la falta de uso, o en caso de considerar que el Usuario ha violado o actuado en contra del presente documento o la esencia del Portal.
+            Por lo tanto, el Usuario acepta que <b>SOLER & PALAU</b> no será responsable en ningún caso ante el Usuario o terceras personas por cualquier terminación de su acceso al o los servicios.</p>
+
+
+            <p class="m-top10 h2-2"> <b> Publicidad y enlaces a otros sitios.</b></p>
+            <p class="m-top10"><b>SOLER & PALAU</b> ofrece a través de su Portal enlaces a otros sitios, ajenos a <b>SOLER & PALAU</b>, a través de links, banners, botones u otros dispositivos que permiten al Usuario el acceso directo a los mencionados sitios, con el objeto de facilitar al Usuario el acceso a los mismos y su contenido. <b>SOLER & PALAU</b> no será responsable por los daños y prejuicios que deriven de:
+              el funcionamiento, disponibilidad, acceso o continuidad de los sitios a los que proporciona enlaces.
+            El mantenimiento de la información, contenidos y servicios de los sitios a los que se enlaza, así como la publicación de contenidos y prestación de servicios en los mencionados sitios ajenos a <b>SOLER & PALAU</b>.</p>
+
+
+            <p class="m-top10 h2-2"> <b> Promociones.</b></p>
+            <p class="m-top10"> Eventualmente, <b>SOLER & PALAU</b> permitirá a sus CLIENTES promocionar sus productos o servicios a través de promociones, concursos, etc. El Usuario podrá decidir libremente y bajo su responsabilidad, participar en las promociones que aparezcan en el Portal de <b>SOLER & PALAU</b>.
+              Dichas promociones no representan obligación alguna a <b>SOLER & PALAU</b>, cualquiera de los términos, condiciones, garantías o declaraciones asociadas con dichas promociones, son entendidas como exclusivas entre el Usuario y el anunciante y/o patrocinador, por lo que <b>SOLER & PALAU</b> no será responsable de la veracidad, funcionalidad, contenido y calidad de dichos productos y/o servicios o en su caso del pago realizado.
+            El Usuario acepta y conviene en que <b>SOLER & PALAU</b> no será responsable o tendrá obligación legal por pérdida o daño de ningún tipo que resulte de las mencionadas promociones, o que sea el resultado la relación entre el Usuario y el anunciante o patrocinador o de la presencia de dichos anunciantes o patrocinadores en el Portal.</p>
+
+
+            <p class="m-top10 h2-2"> <b> Propiedad Intelectual. </b></p>
+            <p class="m-top10"> El Usuario acepta y acuerda que el Servicio y cualquier software necesario usado en conexión con el Portal contiene información confidencial que se encuentra protegida bajo las leyes aplicables de propiedad intelectual y de otra naturaleza.
+            Asimismo, el Usuario acepta que el contenido incluido en anuncios de patrocinadores o anunciantes o información publicada por medio del Portal o anunciantes, está protegida por los derechos de autor, marcas comerciales, marcas de servicio, patentes y otros derechos y leyes de propiedad. Con excepción a lo expresamente autorizado por <b>SOLER & PALAU</b> o sus clientes, el Usuario se compromete a no modificar, rentar, arrendar, prestar, vender, distribuir o crear obras derivadas en base al contenido o al software, parcial o totalmente.</p>
+
+            <p class="m-top10"> <b>SOLER & PALAU</b> le otorga un derecho y licencia personal, intransferible, y no-exclusiva para el uso del software, acceso al Portal y su contenido en un solo equipo de cómputo, siempre y cuando no copie, modifique, haga una obra derivada, haga ingeniería inversa, haga ensamblaje reversivo, o de cualquier otra manera intente descubrir alguno de los códigos de configuración, venda, asigne, subarriende, otorgue un interés de seguridad o de cualquier otra forma transfiera algún derecho en el software.
+              El Usuario por su parte queda obligado a no modificar de ninguna manera el software o el contenido o a usar versiones modificadas de los mismos, incluyendo sin limitación, el propósito de obtener acceso no autorizado a los servicios y contenidos restringidos del Portal. 
+              Por lo tanto, el usuario se obliga a no entrar al Portal por ningún otro medio que no sea la interfaz de usuarios provista para tal fin por <b>SOLER & PALAU</b>. </p>
+             <p class="m-top10"><b>SOLER & PALAU</b> respeta el derecho de propiedad intelectual de terceros, por lo que sus usuarios se obligan a respetarlos de igual forma.</p>
+
+
+            <p class="m-top10 h2-2"> <b> Aviso sobre información financiera publicada en el Portal.</b></p>
+            <p class="m-top10"> En caso de que <b>SOLER & PALAU</b> publique en el Portal cualquier información relativa a cuestiones financieras, será únicamente con fines informativos, y no con propósitos comerciales o de inversión, por lo que <b>SOLER & PALAU</b> no será responsable de la veracidad, uso, o disponibilidad de cualquier información publicada en este sentido en el Portal.
+            Por lo tanto, <b>SOLER & PALAU</b> no será responsable o tendrá obligación legal por ninguna decisión comercial o de inversión que el Usuario haga basándose en dicha información, incluyendo, mas no limitando a las noticias, mensajes, advertencias o cualquier otra información sobre compañías, cotización de acciones, inversiones o valores.</p>
+
+
+            <p class="m-top10 h2-2"> <b> Indemnización. </b></p>
+
+            <p class="m-top10"> El Usuario se compromete a indemnizar y sacar en paz y a salvo, libre de daños a<b>SOLER & PALAU</b>, sus subsidiarias, afiliados, oficiales, agentes, asociados u otros socios y empleados de cualquier reclamo o demanda, incluyendo honorarios de los abogados, hecha por una tercera parte debido al contenido, o surgido del contenido que el Usuario publique, presente, anuncie o transmita por medio de alguno de los servicios ofrecidos por <b>SOLER & PALAU</b>, su uso del servicio, su conexión al servicio, su violación al presente Aviso Legal o las Condiciones específicas de los servicios, o su violación a los derechos de un tercero.</p>
+
+            <p class="m-top10"> <b>SOLER & PALAU</b> señala la dirección de correo: info@ <b>SOLER & PALAU</b>.com para recibir notificaciones y comunicaciones.
+            Las notificaciones o comunicaciones enviadas a una dirección distinta a la señalada no se considerarán eficaces a ningún efecto.</p>
+
+
+            <p class="m-top10 h2-2"> <b> Legislación y Jurisdicción.</b></p>
+            <p class="m-top10"> En caso de existir controversia entre <b>SOLER & PALAU</b> y los Usuarios, las partes se someten de forma expresa e irrevocable a la jurisdicción de los Tribunales de la Ciudad de Puebla, México, bajo las leyes de los Estados Unidos Mexicanos, renunciando por tanto cualquier fuero que pudiera corresponderles por razón de su domicilio presente o futuro.</p>
+
+
+          </div>
+        </div>
+      </div>                    
+
+    </main>
+  </div>
+</div>
+</div>
+<!-- aqui va el footer -->
+<?php include 'footer.php' ?>
+</script>
+
+
+</div>
+</div>
+</body>
+
+</html>

Kaikkia tiedostoja ei voida näyttää, sillä liian monta tiedostoa muuttui tässä diffissä