PageSourceSearch

https://fhecor.com/

html fhecor.com collected 2026-10-08 07:14:40 UTC 323,793 bytes, 4,927 lines download raw bytes

1<!DOCTYPE html>
2<link rel="icon" href="favicon.png" />
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Fhecor - Ingenieros consultores</title>
8    <!-- Enlace a FontAwesome para los iconos -->
9    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
10    <!-- Enlace a Bootstrap (opcional si quieres usarlo) -->
11    <link href="styles/bootstrap.min.css" rel="stylesheet">
12            <link href="styles/_claro.css" rel="stylesheet">
13        <link href="styles/general.css" rel="stylesheet">
14        <link href="styles/menuStyles.css" rel="stylesheet" />
15        <link rel="stylesheet" href="styles/footerStyle.css">
16        
17    <!-- Estilos Menu White Blue -->
18    
19    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
20    <!-- Estilos destacados/servicios -->
21    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&icon_names=close" />
22    <!-- Estilos pie -->
23    
24    
25            <style>
26            #preloader {
27                position: fixed;
28                top: 0;
29                left: 0;
30                width: 100%;
31                height: 100%;
32                background-color: #fff;
33                /* Fondo blanco */
34                z-index: 9999;
35                /* Asegúrate de que esté por encima de todo el contenido */
36                display: flex;
37                justify-content: center;
38                align-items: center;
39                opacity: 1;
40                transition: opacity 1.5s ease;
41                /* Transición suave para desvanecerse */
42            }
43
44
45            .logo-container {
46                text-align: center;
47                opacity: 0;
48
49                /* Inicialmente más pequeño */
50                animation: fadeInLogo 1s ease;
51                /* Animación de aparición con retraso */
52            }
53
54            .logo {
55                width: 200px;
56                /* Tamaño del logo */
57            }
58
59            /* Animación de aparición del logo */
60            @keyframes fadeInLogo {
61                to {
62                    opacity: 1;
63                    transform: scale(1);
64                    /* Escala a su tamaño original */
65                }
66            }
67
68            /* Cuando la página carga completamente, ocultamos el preloader */
69            .loaded #preloader {
70                /*display: none;*/
71                opacity: 0;
72                pointer-events: none;
73            }
74        </style>
75    
76</head>
77
78<body>
79
80    <!-- Preloader -->
81            <div id="preloader">
82            <div class="logo-container">
83                <img src="multimedia/logos/fhecor_azul_recortado.png" alt="Logo" class="logo">
84            </div>
85        </div>
86        <div class="header-white" id="header-white" style="opacity: 1; display: block;">
87        <div class="container-fluid top-header-white" id="top-header-white">
88
89                            <div>
90                    <a href="index.php" class="fhecor">
91                        <!--<img class="img-fluid" src="multimedia/logos/fhecor_azul_recortado.png" alt="FHECOR">-->
92
93                        <span class="logo-cuadrado"></span>
94                        <span class="logo-text notranslate">&nbspfhecor</span>
95
96
97                    </a>
98                </div>
99                <div class="d-flex align-items-center right-section-white ">
100                    <!-- Region idiomas -->
101                    <div class="languages color-languages-menu" id="languages">
102                                                    <div id="lang1" class="spanish " style="opacity: 0; "><a class="color-languages-menuA notranslate" href="index.php?lang=es">es</a></div>
103                                                                            <div id="lang2" class="english selectedLanguage sel2 notranslate" style="opacity: 1; z-index: 4;">en</div>
104                                                                            <div id="lang3" class="deutsch " style="opacity: 0; "><a class="color-languages-menuA notranslate" href="index.php?lang=de">de</a></div>
105                                                                            <div id="lang4" class="france " style="opacity: 0; "><a class="color-languages-menuA notranslate" href="index.php?lang=fr">fr</a></div>
106                                            </div>
107                    <!--<img class="main-square img-fluid" src="multimedia/logos/Menu_azul.png" alt="Menú">-->
108                    <div class="main-square">
109                        <!--<span class="material-icons">menu</span>-->
110                        <span class="menu-icon">
111                            <span></span>
112                        </span>
113                    </div>
114                </div>
115        </div>
116        </div>
117    </div>
118    <div class="container-fluid" style="position: absolute; z-index: 30;">
119        <div class="row">
120            <div class="header-blue" id="header-blue" style="transition: opacity 0.5s ease 0s; opacity: 0; display: none;">
121
122                <div class="header-blu" id="header-blu">
123                    <div class="container-fluid top-header-blu" id="top-header-blu">
124                        <div>
125                            <a href="index.php" class="fhecor">
126                                <!--<img class="img-fluid" src="multimedia/logos/fhecor_azul_recortado.png" alt="FHECOR">-->
127
128                                <span class="logo-cuadrado-b"></span>
129                                <span class="logo-text-b notranslate">&nbspfhecor</span>
130                            </a>
131                        </div>
132
133                        <div class="d-flex align-items-center right-section-white">
134                            <!-- Region idiomas -->
135                            <div class="languages color-languages-menu2" id="languages">
136                                                                    <div id="langb1" class="spanish " style="opacity: 0; "><a class="color-languages-menuB notranslate" href="index.php?lang=es&cort=1">es</a></div>
137                                                                                                    <div id="langb2" class="english selectedLanguage sel2 notranslate" style="opacity: 1; z-index: 4;">en</div>
138                                                                                                    <div id="langb3" class="deutsch " style="opacity: 0; "><a class="color-languages-menuB notranslate" href="index.php?lang=de&cort=1">de</a></div>
139                                                                                                    <div id="langb4" class="france " style="opacity: 0; "><a class="color-languages-menuB notranslate" href="index.php?lang=fr&cort=1">fr</a></div>
140                                                            </div>
141
142                            <div class="main-square"><span class="equis material-symbols-outlined">close</span><!--<img src="multimedia/logos/aspa_bl_rec.png" alt="Menú">--></div>
143                        </div>
144                    </div>
145                </div>
146
147                <div class="body-header-blue">
148                    <div class="content">
149                        <div class="row justify-content-center">
150                            <!-- Columna 1 -->
151                            <div class="ladoIzquierdo divInnerMenu">
152                                <div class="cardInnerMenu" id="cardInnerMenu">
153                                    <div id="menuNormal">
154                                        <div class="card-header">
155                                            <h5 class="mb-0">
156                                                <button class="btn btn-link" id="btnProyectos" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false">
157                                                    <!--<div id="textobtnProyectos">projects-->
158                                                    <div id="contenedormenuizq" class="normal">
159                                                        <span id="textobtnProyectos">projects</span><span class="oculto" id="puntosProyectos"><i class="fas fa-ellipsis icon volver"></i></span>
160                                                    </div>
161                                                    <!-- <i class="fas fa-ellipsis icon" id="toggleIcon3"></i> -->
162                                                </button>
163                                            </h5>
164                                        </div>
165                                        <div id="collapseOne" class="collapse">
166                                            <div class="card-MenuBody">
167                                                <ul>
168                                                    <li>
169                                                        <a href="proyectos.php?cat=DESTACADOS&tit=featured projects">featured</a>
170                                                    </li>
171                                                    <li class="interespaciadoCollapseMenu"></li>
172                                                    <li><a href="encurso.php">ongoing projects</a></li>
173                                                    <li class="interespaciadoCollapseMenu"></li>
174                                                    <li><a onclick="changeContentCardMenu(1)" href="#">bridges & footbridges ...</li>
175                                                    <li><a onclick="changeContentCardMenu(2)" href="#">building structures ...</li>
176                                                    <li>
177                                                        <a href="proyectos.php?cat=INDUSTRIAL&tit=industrial structures">industrial structures</a>
178                                                    </li>
179                                                    <li class="interespaciadoCollapseMenu"></li>
180                                                    <li><a href="proyectos.php?cat=CARRETERAS&tit=highway engineering">highway engineering</a></li>
181                                                    <li>
182                                                        <a href="proyectos.php?cat=SUBTERRANEA&tit=underground structures">underground structures</a>
183                                                    </li>
184                                                    <li>
185                                                        <a href="proyectos.php?cat=PUERTOS&tit=sea structures">sea structures</a>
186                                                    </li>
187                                                    <li class="interespaciadoCollapseMenu"></li>
188                                                    <li>
189                                                        <a onclick="changeContentCardMenu(4)" href="#">existing ...                                                    </li>
190
191                                                    <li>
192                                                        <a href="proyectos.php?cat=CONCURSO&tit=tender design">tender design</a>
193                                                    </li>
194                                                    <li>
195                                                        <a href="proyectos.php?cat=IDI&tit=research %26 development">R&D</a>
196                                                    </li>
197                                                    <li>
198                                                        <a href="proyectos.php?cat=ARTE&tit=art">art</a>
199                                                    </li>
200                                                </ul>
201                                            </div>
202                                        </div>
203                                    </div>
204                                    <div id="boxPuentesPasarelas" style="display: none;">
205                                        <div class="card-header">
206                                            <div class="iconoRollBack">
207                                                <i class="fas fa-ellipsis icon toggleIcon4" id="toggleIcon4" onclick="restaurarMenuDos(1)"></i>
208                                            </div>
209                                            <button class="btn btn-link collapsed" id="botones-desact-menu" data-bs-toggle="collapse" data-bs-target="#collapseOneOne" aria-expanded="false" style="pointer-events: none;">
210                                                <div class="titulosmenu">bridges & footbridges</div>
211                                            </button>
212                                        </div>
213                                        <div id="collapseOneOne" class="collapse">
214                                            <div class="card-MenuBody">
215                                                <ul>
216                                                    <li><a href="proyectos.php?cat=PUENTE&tit=featured bridges">featured</a></li>
217                                                    <li class="interespaciadoCollapseMenu"></li>
218                                                    <li><a href="proyectos.php?cat=FERROCARRIL&tit=railway">railway</a></li>
219                                                    <li><a href="proyectos.php?cat=DE CARRETERA&tit=road %26 highway">road & highway</a></li>
220                                                    <li><a href="proyectos.php?cat=PASARELAS&tit=pedestrian footbridges">pedestrian footbridges</a></li>
221                                                    <li class="interespaciadoCollapseMenu"></li>
222                                                    <li><a href="proyectos.php?cat=ARCO&tit=arch">arch</a></li>
223                                                    <li><a href="proyectos.php?cat=ATIRANTADO&tit=cable-stayed">cable-stayed</a></li>
224                                                    <li><a href="proyectos.php?cat=CELOSIA&tit=truss">truss</a></li>
225                                                    <li><a href="proyectos.php?cat=COLGANTE&tit=suspension">suspension</a></li>
226                                                    <li><a href="proyectos.php?cat=PORTICO&tit=frame">frame</a></li>
227                                                    <li><a href="proyectos.php?cat=HIBRIDO&tit=hybrid">hybrid</a></li>
228                                                    <li class="interespaciadoCollapseMenu"></li>
229                                                    <li><a href="proyectos.php?cat=GESTION&tit=bridges management sytem">bridges management sytem</a></li>
230                                                </ul>
231                                            </div>
232                                        </div>
233                                    </div>
234                                    <div id="boxEstructurasEdificacion" style="display: none;">
235                                        <div class="card-header">
236                                            <div class="iconoRollBack">
237                                                <i class="fas fa-ellipsis icon toggleIcon4" id="toggleIcon4" onclick="restaurarMenuDos(2)"></i>
238                                            </div>
239                                            <button class="btn btn-link collapsed botones-desact-menu" id="botones-desact-menu" data-bs-toggle="collapse" data-bs-target="#collapseOneTwo" aria-expanded="false" style="pointer-events: none;">
240                                                <div class="titulosmenu">building structures</div>
241                                            </button>
242                                        </div>
243                                        <div id="collapseOneTwo" class="collapse">
244                                            <div class="card-MenuBody">
245                                                <ul>
246                                                    <li><a href="proyectos.php?cat=EDIFICIO&tit=featured buildings">featured</a></li>
247                                                    <li class="interespaciadoCollapseMenu"></li>
248                                                    <li><a href="proyectos.php?cat=AEROPUERTO&tit=airports">airports</a></li>
249                                                    <li><a href="proyectos.php?cat=ALTO&tit=tall">tall</a></li>
250                                                    <li><a href="proyectos.php?cat=APARCAMIENT&tit=car parks">car parks</a></li>
251                                                    <li><a href="proyectos.php?cat=COMERCIAL&tit=shopping centers">shopping centers</a></li>
252                                                    <li><a href="proyectos.php?cat=CULTURAL&tit=cultural centers">cultural centers</a></li>
253                                                    <li><a href="proyectos.php?cat=EDUCACIONALES&tit=educational centers">educational</a></li>
254                                                    <li><a href="proyectos.php?cat=ESTACIONES&tit=stations">stations</a></li>
255                                                    <li><a href="proyectos.php?cat=ESTADIO&tit=stadiums and sport centers">stadiums</a></li>
256                                                    <li><a href="proyectos.php?cat=HOSPITALE&tit=hospitals">hospitals</a></li>
257                                                    <li><a href="proyectos.php?cat=OFICINAS&tit=office">office</a></li>
258                                                    <li><a href="proyectos.php?cat=RESIDENCIAL&tit=residential buildings">residential</a></li>
259
260
261                                                    <li class="interespaciadoCollapseMenu"></li>
262                                                    <li><a href="proyectos.php?cat=CUBIERTA&tit=roof structures">roof structures</a></li>
263                                                    <li><a href="proyectos.php?cat=FACHADA&tit=façades">façades</a></li>
264                                                    <li><a href="proyectos.php?cat=MEMBRANAS&tit=membrane structures">membrane</a></li>
265
266                                                    <li class="interespaciadoCollapseMenu"></li>
267                                                </ul>
268                                            </div>
269                                        </div>
270                                    </div>
271                                    <div id="boxEstructurasIndustriales" style="display: none;">
272                                        <div class="card-header">
273                                            <div class="iconoRollBack">
274                                                <i class="fas fa-ellipsis icon toggleIcon4" id="toggleIcon4" onclick="restaurarMenuDos(3)"></i>
275                                            </div>
276                                            <button class="btn btn-link collapsed botones-desact-menu" id="botones-desact-menu" data-bs-toggle="collapse" data-bs-target="#collapseOneThree" aria-expanded="false" style="pointer-events: none;">
277                                                estructuras industriales
278                                            </button>
279                                        </div>
280                                        <div id="collapseOneThree" class="collapse">
281                                            <div class="card-MenuBody">
282                                                <ul>
283                                                    <li><a href="https://www.ejemplo.com">destacados</a></li>
284                                                    <li class="interespaciadoCollapseMenu"></li>
285                                                    <li><a href="https://www.ejemplo.com">ferrocarril</a></li>
286                                                    <li><a href="https://www.ejemplo.com">de carretera</a></li>
287                                                    <li><a href="https://www.ejemplo.com">pasarelas</a></li>
288                                                    <li class="interespaciadoCollapseMenu"></li>
289                                                    <li><a href="https://www.ejemplo.com">atirantados</a></li>
290                                                    <li><a href="https://www.ejemplo.com">arcos</a></li>
291                                                    <li><a href="https://www.ejemplo.com">colgantes</a></li>
292                                                    <li><a href="https://www.ejemplo.com">híbridas</a></li>
293                                                    <li class="interespaciadoCollapseMenu"></li>
294                                                    <li><a href="https://www.ejemplo.com">gestión de puentes</a></li>
295                                                </ul>
296                                            </div>
297                                        </div>
298             
298                       </div>
299                                    <div id="boxEstructurasExistentes" style="display: none;">
300                                        <div class="card-header">
301                                            <div class="iconoRollBack">
302                                                <i class="fas fa-ellipsis icon toggleIcon4" id="toggleIcon4" onclick="restaurarMenuDos(4)"></i>
303                                            </div>
304                                            <button class="btn btn-link collapsed botones-desact-menu" id="botones-desact-menu" data-bs-toggle="collapse" data-bs-target="#collapseOneFour" aria-expanded="false" style="pointer-events: none;">
305                                                <div class="titulosmenu">existing</div>
306                                            </button>
307                                        </div>
308                                        <div id="collapseOneFour" class="collapse">
309                                            <div class="card-MenuBody">
310                                                <ul>
311                                                    <li><a href="proyectos.php?cat=PATRIMONIO&tit=patrimonio histórico">patrimonio histórico</a></li>
312                                                    <li class="filadoble" ><a href="proyectos.php?cat=BRIDGE REPAIR&tit=BRIDGEREPAIR">bridge repair</a></li>
313                                                    <li class="filadoble" ><a href="proyectos.php?cat=BUILDING REPAIR&tit=BUILDINGREPAIR">building repair</a></li>
314                                                    <li class="filadoble"><a href="proyectos.php?cat=INSPECCIONES&tit=inspections">inspections</a></li>
315                                                    <li class="interespaciadoCollapseMenu"></li>
316                                                </ul>
317                                            </div>
318
319                                        </div>
320                                    </div>                                    
321
322                                </div>
323                            </div>
324
325
326                            <div class="divColorMenu">
327                            </div>
328
329                            <!-- Columna 2 -->
330                            <div class="ladoDerecho divInnerMenu">
331                                <div class="cardInnerMenu">
332                                    <div class="card-header">
333                                        <h5 class="mb-0">
334                                            <button class="btn btn-link" id="btnCorporativo" data-bs-toggle="collapse" data-bs-target="#collapseTwo">
335
336                                                <div id="contenedormenudcha" class="normal">
337                                                    <span id="textobtnCorporativo">corporate</span><span class="oculto" id="puntosCorporativo"><i class="fas fa-ellipsis icon volver"></i></span>
338                                                </div>
339                                            </button>
340
341                                        </h5>
342                                    </div>
343                                    <div id="collapseTwo" class="collapse">
344                                        <div class="card-MenuBody">
345                                            <ul>
346                                                <li><a href="about.php">about</a></li>
347                                                <li><a href="noticias.php">news</a></li>
348                                                <li><a href="rsc.php">Csr</a></li>
349                                                <li><a href="bolsa.php">Job offers</a></li>
350                                                <li><a href="oficinas.php">contact</a></li>
351                                                                                                <li><a href="fundacion.php">fhecor Foundation</a></li>
352                                            </ul>
353                                        </div>
354                                    </div>
355                                </div>
356                            </div>
357                        </div>
358                    </div>
359
360                    <div class="searcher">
361                        <div class="row justify-content-md-center custom-search-container">
362                            <div class="col-md-auto custom-search-container">
363                                <form id="formbusqueda" name="formbusqueda" method="get" action="busqueda.php" style="padding-bottom: 1px; height: 45px;">
364                                    <div class="search-container custom-search-input" style="position: relative;">
365                                        <input type="text" class="search-input" placeholder="search" name="bustexto" id="bustexto">
366                                        <div id="botonSubmit"> <i class="fas fa-search search-icon" id="search-icon"></i></div>
367                                    </div>
368                                </form>
369                            </div>
370                        </div>
371                    </div>
372                    <!--
373                <div class="custom-search-container" style="display: flex; flex-direction: row;
374                justify-content: space-between;">
375
376                    <div style="display:flex; flex-direction: row; justify-content: end;">
377                        <i class="fas fa-search search-icon" id="search-icon"></i>
378                    </div>
379                    <div>
380                        <div class="search-container custom-search-input"> 
381                            <input type="text" class="search-input" placeholder="">
382                        </div>
383                    </div>
384                    <div></div>
385                </div>-->
386
387
388                    <!--<div class="links">
389                        <div class="container">
390                            <div class="row">
391                                <div class="col-12 col-md-6 linksRRSS">
392                                    <div class="row">
393                                        <div class="col-1">
394                                            <img src="multimedia/iconos/linkedin white.png" class="img-fluid" alt="Imagen 2">
395                                        </div>
396                                        <div class="col-1">
397                                            <img src="multimedia/iconos/insta white.png" class="img-fluid" alt="Imagen 3">
398                                        </div>
399                                        <div class="col-10">
400
401                                        </div>
402                                    </div>
403                                </div>
404                                <div class="col-12 col-md-6 linkFhecornet" style="text-align: right;">
405
406                                    <img src="multimedia/images/fhecornet white.png" class="img-fluid" alt="Imagen de ejemplo" style="height:40px;
406 cursor: pointer;">
407                                </div>
408                            </div>
409                        </div>
410                    </div>-->
411
412                </div>
413            </div>
414
415        </div>
416    </div><link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.css">
417<link href="styles/noticiasStylesIndex.css" rel="stylesheet" />
418<link href="styles/odometer-theme-default.css" rel="stylesheet">
419<link href="styles/mapaPortadaStyle.css" rel="stylesheet">
420
421<link href="styles/index.css" rel="stylesheet">
422
423<link href="styles/destacadosStyle.css" rel="stylesheet">
424<!-- Estilos recruiter -->
425<link href="styles/recruiterStyle.css" rel="stylesheet">
426<!-- Estilos fhecorlab -->
427<link href="styles/fhecorlabStyle.css" rel="stylesheet">
428
429<style>
430
431.square-container{
432      display: flex;
433  flex-direction: column;
434}
435    /*seccion inicio */
436    .contenedor-video {
437        flex-shrink: 0;  
438        position: relative;
439        width: 100%;
440        padding-top: 36%;
441
442    }
443
444    .player-video {
445        position: absolute;
446        top: 0;
447        left: 0;
448        width: 100%;
449        height: auto;
450        transition: opacity 0.75s ease-in-out;
451        object-fit: cover;
452    }
453
454    .section-primera {
455
456        /*min-height: 100vh;*/
457        width: 100%;
458        display: flex;
459        justify-content: center;
460
461        background-color: #ffffff;
462        box-sizing: border-box;
463    }
464
465    .rotativos {
466        padding: 10px;
467    }
468
469    .textRot,
470    .textRot2 {
471        width: 100%;
472        font-size: 40px;
473        /* Tamaño de fuente ajustado */
474        position: absolute;
475        left: 50%;
476        transform: translateX(-50%) translateY(-50%);
477        /* Centrado vertical y horizontal */
478        color: var(--corporativo-color);
479        z-index: 1;
480        /* Z-index ajustado si es necesario */
481        text-align: center;
482    }
483
484    .textRot {
485        top: 50%;
486        /* Centrado inicial verticalmente */
487    }
488
489    .textRot2 {
490        top: 80%;
491        /* Ajuste para mostrar debajo */
492    }
493
494
495    .boton-container-noticias {
496        display: flex;
497        align-items: flex-start;
498        flex-direction: row;
499        justify-content: center;
500    }
501
502    .boton-container-noticias-about {
503        display: flex;
504        align-items: flex-start;
505        flex-direction: row;
506        justify-content: left;
507    }
508
509    .boton a {
510        font-family: 'CustomFont3';
511        font-weight: 0;
512        font-size: 18px;
513        /*color: #fff;*/
514        color: var(--corporativo-color);
515        padding-bottom: 2px;
516        padding-left: 30px;
517        padding-right: 30px;
518        /*border: solid #fff 1px;*/
519        border: solid var(--corporativo-color) 1px;
520        box-shadow: none;
521        border-radius: 50px;
522
523        display: flex;
524        flex-direction: row;
525        align-items: center;
526        cursor: pointer;
527        text-transform: lowercase;
528        z-index: 3;
529    }
530
531    .boton a:hover {
532
533        color: #fff;
534        background-color: var(--corporativo-color);
535        font-family: 'CustomFont3';
536        /*border: solid var(--corporativo-color) 1px;*/
537    }
538
539    /*seccion inicio fin */
540
541    /*seccion destacados inicio */
542    .titleDestacados {
543        padding: 114px 0px 15px 0px;
544        text-transform: lowercase;
545        /* height: 70px;  */
546        text-align: center;
547        align-items: center;
548        font-size: 40px;
549        color: var(--corporativo-color);
550        background-color: #ffffff;
551        font-family: 'CustomFont3';
552
553    }
554
555    .newOrderServicesBottom {
556        max-height: 300px;
557        padding: 10px 40px 20px 40px;
558        /* background-color: blue; */
559        font-size: 30px;
560        font-family: 'CustomFont3';
561        color: var(--corporativo-color);
562    }
563
564    .section-scopes {
565        width: 100%;
566        justify-content: center;
567        align-items: center;
568        min-height: 100vh;
569        padding: 0px 32px 80px 32px;
570    }
571
572    /*seccion destacados fin */
573    /*mapa */
574    .contMap {
575        height: calc(100vh - 72px);
576        display: flex;
577        flex-direction: column;
578        justify-content: center;
579    }
580
581    .principalInferiorImagen {
582         flex-grow: 1; 
583        width: 100%;
584        position: relative;
585
586        display: flex;
587        
588        bottom: 0;
589        justify-content: center;
590        align-items: center;
591    }
592
593    /*
594    .seccion-bim {
595        min-height: 100vh;
596    }
597        */
598    .apartado {
599        height: 100vh;
600        position: relative;
601        overflow: hidden;
602    }
603/*
604    .apartado {
605        height: auto;
606        min-height: 100%;
607    }
608*/
609
610
611    .altura {
612        height: 40px;
613    }
614
615    .tituloSec {
616
617        text-transform: lowercase;
618        text-align: center;
619        align-items: center;
620        font-size: 40px;
621        color: var(--corporativo-color);
622        font-family: 'CustomFont3';
623    }
624
625    .tituloSecBim {
626        text-transform: lowercase;
627        text-align: center;
628        align-items: center;
629        font-size: 40px;
630        color: var(--corporativo-color);
631        font-family: 'CustomFont3';
632    }
633
634    .flecha {
635        max-height: 46vh;
636    }
637
638    .coltextosIzq {
639        display: flex;
640        flex-direction: column;
641        justify-content: space-between;
642        height: 46vh;
643        align-content: flex-end;
644        align-items: flex-end;
645        padding-bottom: 50px;
646
647    }
648
649    .coltextosIzq div {
650        flex: 1;
651        display: flex;
652        align-items: center;
653        font-family: 'CustomFontText1';
654        font-size: 20px;
655        color: var(--corporativo-color);
656        text-align: right;
657    }
658
659    .contTextIzq {
660
661        display: flex;
662        flex-direction: row;
663        justify-content: flex-end;
664    }
665
666    .contTextDcha {
667        display: flex;
668        flex-direction: row;
669        justify-content: flex-start;
670    }
671
672    .coltextosDcha {
673        display: flex;
674        flex-direction: column;
675        justify-content: space-between;
676        height: 46vh;
677        align-content: flex-start;
678        align-items: flex-start;
679        padding-bottom: 50px;
680    }
681
682    .coltextosDcha div {
683        flex: 1;
684
685        display: flex;
686        align-items: center;
687
688        font-family: 'CustomFontText1';
689        font-size: 20px;
690        color: var(--corporativo-color);
691        text-align: left;
692    }
693
694    .img-bin-conpad {
695        padding-left: 23px;
696        padding-right: 23px;
697    }
698
699    .boton-container-dcha {
700        display: flex;
701        align-items: flex-start;
702        flex-direction: row;
703        justify-content: right;
704    }
705
706    .boton-container-izq {
707        display: flex;
708        align-items: flex-start;
709        flex-direction: row;
710        justify-content: left;
711    }
712
713
714
715    .botonClaro a {
716        font-family: 'CustomFont3';
717
718        font-size: 18px;
719        color: #fff;
720        padding-bottom: 2px;
721        padding-left: 30px;
722        padding-right: 30px;
723        border: solid #fff 1px;
724        box-shadow: none;
725        border-radius: 50px;
726
727        display: flex;
728        flex-direction: row;
729        align-items: center;
730        cursor: pointer;
731        z-index: 3;
732    }
733
734    .botonClaro a:hover {
735        background-color: #fff;
736        color: #000;
737        font-family: 'CustomFont3';
738    }
739
740    .boton a {
741        font-family: 'CustomFont3';
742        font-weight: 0;
743        font-size: 18px;
744
745        color: var(--corporativo-color);
746        padding-bottom: 2px;
747        padding-left: 30px;
748        padding-right: 30px;
749
750        border: solid var(--corporativo-color) 1px;
751        box-shadow: none;
752        border-radius: 50px;
753
754        display: flex;
755        flex-direction: row;
756        align-items: center;
757        cursor: pointer;
758        text-transform: lowercase;
759        z-index: 3;
760    }
761
762    .botonNopad a {
763        font-family: 'CustomFont3';
764        height: 30px;
765        font-size: 18px;
766
767        color: var(--corporativo-color);
768
769        padding-left: 10px;
770        padding-right: 10px;
771
772
773        box-shadow: none;
774        /*
775        border: solid var(--corporativo-color) 1px;
776        
777        */
778        border-radius: 100px;
779        display: flex;
780        flex-direction: row;
781        align-items: center;
782        cursor: pointer;
783        text-transform: lowercase;
784        z-index: 3;
785    }
786
787    .boton a:hover {
788
789        color: #fff;
790        background-color: var(--corporativo-color);
791        font-family: 'CustomFont3';
792
793    }
794
795    .botonNopad a:hover {
796
797        color: #fff;
798        background-color: var(--corporativo-color);
799        font-family: 'CustomFont3';
800
801    }
802
803    .contenedorSec {
804
805        min-height: calc(100vh - 220px);
806        flex-direction: row;
807        flex-wrap: wrap;
808        align-content: center;
809        justify-content: center;
810    }
811
812    .contenedorSecBim {
813        display: block;
814        min-height: calc(100vh - 400px);
815        flex-direction: row;
816        flex-wrap: wrap;
817        align-content: center;
818    }
819
820    .padLateral {
821        padding-left: 30px;
822        padding-right: 30px;
823
824    }
825
826    .sinpad {
827        padding: 0;
828    }
829
830    .textoImg {
831        font-family: 'CustomFont3';
832        font-size: 30px;
833        color: var(--corporativo-color);
834        text-align: center;
835        padding-top: 20px;
836        text-transform: lowercase;
837    }
838
839    /*sección bim */
840    .seccion-lab {
841        min-height: 100vh;
842    }
843
844    .tituloSecLab {
845        text-transform: lowercase;
846        text-align: center;
847        align-items: center;
848        font-size: 40px;
849        color: var(--corporativo-color);
850        font-family: 'CustomFont3';
851        padding: 0px 30px;
852    }
853
854    /* sección bolsa */
855    .secbolsa {
856        background-color: #f0f0f0;
857        display: flex;
858        flex-direction: column;
859        height: 100vh;
860    }
861
862    .contenedorPieIndex {
863        flex-grow: 1;
864    }
865
866    .textoVideo {
867
868        font-family: 'CustomFont3';
869        font-size: 40px;
870        position: absolute;
871        top: 50%;
872        z-index: 3;
873        text-align: center;
874        width: 100%;
875        text-transform: lowercase;
876        color: var(--corporativo-color);
877        top: 50%;
878        left: 50%;
879        transform: translate(-50%, -50%);
880        /* Centra el texto tanto horizontal como verticalmente */
881    }
882
883    .player-video-of {
884        position: absolute;
885        top: 0;
886        left: 0;
887        width: 100%;
888        height: 100%;
889        transition: opacity 0.75s ease-in-out;
890        object-fit: cover;
891    }
892
893    /*Puntos de navegación lateral */
894    .scroll-nav {
895        position: fixed;
896        right: 50px;
897        top: 50%;
898        transform: translateY(-50%);
899        z-index: 20;
900        list-style: none;
901    }
902
903    .scroll-nav li {
904        margin: 15px 0;
905    }
906
907    .scroll-nav a {
908        display: block;
909        width: 12px;
910        height: 12px;
911        border: 2px solid #ffffff;
912        /* Borde blanco siempre */
913        background: transparent;
914        /* Fondo transparente por defecto */
915        transition: background 0.3s ease;
916        box-shadow: 0 0 4px rgba(0,0,0,0.5);
917    }
918
919    /* El cuadrado de la sección actual se rellena */
920    .scroll-nav a.active {
921        background: #ffffff;
922    }
923
924    @media (max-width: 1920px) {
925
926        .boton a {
927
928            font-size: 16px;
929            padding-bottom: 2px;
930            padding-left: 25px;
931            padding-right: 25px;
932
933        }
934
935        /*bim
936        .coltextosDcha div {
937
938            font-size: 14px;
939
940        }
941  
942        .coltextosIzq div{
943
944            font-size: 14px;
945
946        }
947            */
948    }
949
950    @media (max-width: 1400px) {
951
952
953        .altura {
954            height: 40px;
955        }
956
957        .altura60 {
958            height: 60px;
959        }
960
961        .boton a {
962
963            font-size: 14px;
964            padding-bottom: 2px;
965            padding-left: 20px;
966            padding-right: 20px;
967
968        }
969
970        .altura {
971            height: 35px;
972        }
973
974        .altura60 {
975            height: 55px;
976        }
977
978        /*bim*/
979        .coltextosDcha div {
980
981            font-size: 14px;
982
983        }
984
985        .coltextosIzq div {
986
987            font-size: 14px;
988
989        }
990    }
991
992
993
994    @media (max-width: 768px) {
995        .contenedor-video {
996            padding-top: 100vw;
997        }
998
999        .player-video {
1000            height: 100vw;
1001        }
1002
1003        .top-gradient,
1004        .bottom-gradient {
1005            height: 30%;
1006        }
1007
1008        .full {
1009
1010
1011            min-height: 90px;
1012            position: relative;
1013            overflow: hidden;
1014            border-radius: 8px;
1015        }
1016
1017        .rotativos {
1018            padding: 0;
1019        }
1020
1021        .principalInferiorImagen {
1022
1023            height: calc(100vh - 100vw - 160px);
1024            justify-content: center;
1025            align-items: center;
1026            flex-direction: column;
1027        }
1028
1029
1030        .textRot,
1031        .textRot2 {
1032            font-size: 22px;
1033        }
1034
1035        .titleDestacados {
1036            font-size: 27px;
1037            padding-top: 80px;
1038        }
1039
1040        .newOrderServicesBottom {
1041            font-size: 22px;
1042            text-align: center;
1043            padding: 5px 10px 10px 10px;
1044        }
1045
1046        .botonDestacados {
1047            padding-bottom: 30px;
1048        }
1049
1050        .altura60 {
1051            height: 40px;
1052        }
1053
1054        .section-scopes {
1055            padding-bottom: 10px;
1056        }
1057
1058        .tituloSec {
1059            font-size: 27px;
1060            padding-bottom: 15px;
1061        }
1062
1063        .tituloSecBim {
1064            font-size: 27px;
1065            padding-bottom: 30px;
1066        }
1067
1068        .botonFinSecBin {
1069            padding-top: 30px;
1070        }
1071
1072        .apartado {
1073            height: auto;
1074            min-height: 100%;
1075        }
1076
1077        .seccion-bim {
1078            display: flex;
1079            flex-direction: column;
1080            justify-content: center;
1081            flex-wrap: wrap;
1082            height: calc(100vh - 72px);
1083            min-height: 0;
1084        }
1085
1086        .contenedorSecBim {
1087            min-height: 0;
1088        }
1089
1090        .BimFecha {
1091            font-size: 14px;
1092            font-family: 'CustomFontText2';
1093            color: var(--corporativo-color);
1094            text-align: right;
1095        }
1096
1097        .Bimtxt {
1098            font-size: 14px;
1099            font-family: 'CustomFontText1';
1100            color: var(--corporativo-color);
1101            text-align: right;
1102            padding-bottom: 10px;
1103        }
1104
1105        .contenedorSecBim div {
1106            align-items: center;
1107        }
1108
1109        .contenedorSec {
1110
1111            padding-left: 32px;
1112            padding-right: 32px;
1113        }
1114
1115        .img-bin-conpad {
1116            padding-left: 0;
1117            padding-right: 0;
1118        }
1119
1120
1121        .tituloSecLab {
1122            padding-top: 80px;
1123            padding-bottom: 15px;
1124            font-size: 27px;
1125        }
1126
1127        .textoImg {
1128            font-size: 22px;
1129            padding-top: 0;
1130            padding-bottom: 20px;
1131        }
1132
1133        .padLateral {
1134            padding-left: 0;
1135            padding-right: 0;
1136        }
1137
1138        .textoVideo {
1139            font-size: 22px;
1140        }
1141
1142        
1143
1144        .boton-container-noticias {
1145
1146            justify-content: center;
1147        }
1148
1149        .boton-container-noticias-about {
1150            justify-content: center;
1151        }
1152
1153         .scroll-nav { display: none; }         
1154    }
1155
1156    @media (max-width: 576px) {
1157
1158        .altura {
1159            height: 20px;
1160        }
1161
1162        .contenedor-video {
1163            padding-top: 100vw;
1164        }
1165
1166        .player-video {
1167            height: 100vw;
1168        }
1169
1170        .textRot,
1171        .textRot2 {
1172            font-size: 22px;
1173        }
1174
1175        .titleDestacados {
1176            font-size: 27px;
1177        }
1178    }
1179</style>
1180
1181
1182<!-- PrincipalVideo Sección -->
1183<section class="apartado section section-primera" section-namec="primera" id="section-primera">
1184    <div class="square-container" style="background-color: #ffffff;">
1185        <!-- Primera fila 
1186         
1187        <div id="video-container1" class="video-container">
1188            <video id="video-player1" class="video-player video-visible" muted autoplay playsinline loop></video>
1189        </div>
1190        <div id="video-container2" class="video-container">
1191            <video id="video-player2" class="video-player video-hidden" muted autoplay playsinline loop></video>
1192        </div>-->
1193        <div class="margenInicio"></div>
1194        <div class="contenedor-video">
1195            <video id="video-player1" class="player-video video-visible" muted autoplay playsinline loop></video>
1196            <video id="video-player2" class="player-video video-hidden" muted autoplay playsinline loop></video>
1197        </div>
1198
1199        <!-- Segunda fila -->
1200        <div class="row principalInferiorImagen">
1201            <!-- Primera columna -->
1202            <div class="col-md-8 rotativos">
1203                <!-- Columna Interna 1 -->
1204                <div class="full">
1205                    <div class="top-gradient"></div>
1206                    <div class="bottom-gradient"></div>
1207                    <div class="textRot" id="movingText" style="font-family: 'CustomFont3';"></div>
1208                    <div class="textRot2" id="movingText2" style="font-family: 'CustomFont3'; top: 90%;"></div>
1209                </div>
1210            </div>
1211            <!-- Segunda columna -->
1212            <div class="col-md-4 rotativos">
1213                <div class="row" style="text-align: center;">
1214                    <div class="boton-container-noticias-about d-flex">
1215                        <div style="text-align: center;">
1216                            <div class="boton"><a href="about.php">about</a></div>
1217                        </div>
1218                    </div>
1219                </div>
1220            </div>
1221        </div>
1222    </div>
1223</section>
1224
1225
1226<!-- Servicios Sección -->
1227<section class="apartado section-scopes" section-namec="scopes" id="scopes">
1228    <div class="titleDestacados" id="titleDestacados">scope</div>
1229    <!--    <div class="squareConteinerServices" id="squareConteinerServices">
1230 Botones para cambiar la posición del carousel 
1231        <div class="button-group d-none d-sm-none d-md-flex" id="button-group">-->
1232    <div class="container-fluid scopes">
1233        <div class="row button-group d-none d-sm-none d-md-flex" id="button-group">
1234            <button id="button1" class="col-4 button1 custom-button">bridges & footbridges</button>
1235            <button id="button2" class="col-4 button2 custom-button">building structures</button>
1236            <button id="button3" class="col-4 button3 custom-button">industrial structures</button>
1237        </div>
1238    </div>
1239    <div class="container-fluid scopes" id="contenedorTodo" style="overflow: hidden;">
1240        <div class="row d-none d-sm-none d-md-flex">
1241            <div class="col-4">
1242                <div class="rotateImageGroupServices rotateImageGroupServices1" id="rotateImageGroupServices1">
1243                    <div class="image-container inactive" data-group="Puentes" data-subgroup="A" data-index="2"><img class="img-fluid" src="multimedia/images/divisionesPortada/Picassent1.jpg" alt="Image 2 Puentes"></div>
1244                    <div class="image-container inactive" data-group="Puentes" data-subgroup="A" data-index="3"><img class="img-fluid" src="multimedia/images/divisionesPortada/Picassent2.jpg" alt="Image 3 Puentes"></div>
1245                    <div class="image-container active" data-group="Puentes" data-subgroup="A" data-index="1"><img class="img-fluid" src="multimedia/images/divisionesPortada/Picassent3.jpg" alt="Image 1 Puentes"></div>
1246                </div>
1247            </div>
1248            <div class="col-4">
1249                <div class="rotateImageGroupServices rotateImageGroupServices2" id="rotateImageGroupServices2">
1250                    <div class="image-container active" data-group="Edificación" data-subgroup="A" data-index="1"><img class="img-fluid" src="multimedia/images/divisionesPortada/Orange1.jpg" alt="Image 1 Edificación"></div>
1251                    <div class="image-container inactive" data-group="Edificación" data-subgroup="A" data-index="2"><img class="img-fluid" src="multimedia/images/divisionesPortada/Orange2.jpg" alt="Image 2 Edificación"></div>
1252                    <div class="image-container inactive" data-group="Edificación" data-subgroup="A" data-index="3"><img class="img-fluid" src="multimedia/images/divisionesPortada/Orange3.jpg" alt="Image 3 Edificación"></div>
1253                </div>
1254            </div>
1255
1256            <div class="col-4">
1257                <div class="rotateImageGroupServices rotateImageGroupServices3" id="rotateImageGroupServices3">
1258
1259                    <div class="image-container inactive" data-group="Industrial" data-subgroup="A" data-index="2"><img class="img-fluid" src="multimedia/images/divisionesPortada/IndustrialA1.jpg" alt="Image 2 Industrial"></div>
1260                    <div class="image-container active" data-group="Industrial" data-subgroup="A" data-index="3"><img class="img-fluid" src="multimedia/images/divisionesPortada/IndustrialA2.jpg" alt="Image 3 Industrial"></div>
1261                    <div class="image-container inactive" data-group="Industrial" data-subgroup="A" data-index="1"><img class="img-fluid" src="multimedia/images/divisionesPortada/IndustrialA3.jpg" alt="Image 1 Industrial"></div>
1262                </div>
1263            </div>
1264            <div class="info-box" id="infoBox">
1265                <div id="contenidoInfoDivision" class="contenidoInfoDivision">
1266                </div>
1267                <div>
1268                    <div class="boton-container-noticias d-flex">
1269                        <div style="text-align: center;">
1270                            <div class="botonNopad"><a id="back" href=""><i class="fa fa-angle-left" aria-hidden="true"></i></a>
1271                            </div>
1272                        </div>
1273                    </div>
1274                </div>
1275            </div>
1276        </div>
1277
1278        <div class="estiloVerticalServicios  d-flex d-sm-flex d-md-none" id="estiloVerticalServicios">
1279            <div class="newOrderServices">
1280                <!-- primer elemento -->
1281
1282                <div class="newOrderServicePart" data-bs-toggle="collapse" data-bs-target="#collapseUno" aria-expanded="false" aria-controls="collapseUno">
1283                    <div class="newOrderServicesTop">
1284                        <img src="multimedia/images/divisionesPortada/Picassent1.jpg" alt="Image 1 Puentes">
1285                    </div>
1286                    <div class="newOrderServicesBottom">
1287                        bridges & footbridges                    </div>
1288                </div>
1289                <div id="collapseUno" class="collapse accordion-collapse">
1290                    <div class="accordion-body">
1291                        <div class="row">
1292
1293                            <div class="row textos">
1294
1295                                <div class="col columna">
1296                                    <div class="textoDiv">
1297                                        <p>We specialize in structural engineering and stand out for our commitment to designing innovative and functional bridges and footbridges. Our team of highly qualified engineers combines technical expertise, 
1297creativity, and sustainability to develop structural solutions that not only meet the highest safety standards but also harmoniously integrate with their surroundings.</p>
1298<p>From the initial concept to the final construction, we work closely with clients, professionals from other engineering disciplines, and contractors to ensure that each project reflects quality, efficiency, and cutting-edge design. Our approach is always focused on delivering durable, aesthetically striking infrastructure that enhances connectivity and user experience.</p>
1299<p>At FHECOR, we design bridges and footbridges that not only connect spaces but also bring people together.</p>                                    </div>
1300                                </div>
1301                            </div>
1302                            <div class="row textos">
1303                                <div class="col columna">
1304                                    <div>
1305                                        <div class="textoDiv">
1306                    <p>Our Services:</p>
1307                </div>
1308                <div class="textoDiv">
1309                    <ul class="innerContentTextoPuntos">
1310                        <li>feasibility and preliminary studies</li>
1311                        <li>detail design</li>
1312                        <li>technical assistance</li>
1313                        <li>site management</li>
1314                        <li>structural consultancy</li>
1315                        <li>geotechnical studies</li>
1316                        <li>inspections and repair projects</li>
1317                        <li>maintenance and monitoring plans</li>
1318                    </ul>
1319                </div>                                    </div>
1320                                </div>
1321                            </div>
1322                        </div>
1323                        <div class="row botonDestacados" style="text-align: center; ">
1324                            <div class="boton-container-noticias d-flex">
1325                                <div style="text-align: center;">
1326                                    <div class="boton"><a href="proyectos.php?cat=PUENTE&tit=featured bridges">featured</a></div>
1327                                </div>
1328                            </div>
1329                        </div>
1330                    </div>
1331                </div>
1332                <!-- segundo elemento -->
1333
1334                <div class="newOrderServicePart" data-bs-toggle="collapse" data-bs-target="#collapseDos" aria-expanded="false" aria-controls="collapseDos">
1335                    <div class="newOrderServicesTop">
1336                        <img src="multimedia/images/divisionesPortada/Orange2.jpg" alt="Image 1 Puentes">
1337                    </div>
1338                    <div class="newOrderServicesBottom">
1339                        building structures                    </div>
1340                </div>
1341                <div id="collapseDos" class="collapse accordion-collapse">
1342
1343                    <div class="accordion-body">
1344                        <div class="row">
1345                            <div class="row textos">
1346
1347                                <div class="col columna">
1348                                    <div class="textoDiv">
1349                                        <p>We specialize in developing high-performance structural solutions for all types of architectural projects. Thanks to our extensive experience in structural engineering, we offer innovative and sustainable designs tailored to the specific needs of each client, always ensuring the safety, efficiency, and durability of the buildings.</p>
1350<p>We work closely with architecture firms, developers, and construction companies, both in private and public projects, ensuring the seamless integration of our structural solutions into the overall design. Each project we undertake not only complies with current regulations but also stands out for its quality, aesthetics, and resource optimization.</p>
1351<p>We are committed to maximizing the value of every project by providing structural solutions that support and enhance the architectural vision without compromising its integrity. Our integrated approach enables the creation of solid, efficient structures that are designed to last and are ready to meet the demands of the future.</p>
1352<p>With a clear focus on innovation and sustainability, at Fhecor, we are proud to be a trusted strategic partner in the development of buildings that make a difference, adding value at every stage of the project.</p>                                    </div>
1353                                </div>
1354                            </div>
1355                            <div class="row textos">
1356                                <div class="col columna">
1357                                    <div>
1358                                        <div class="textoDiv">
1359                    <p>Our Services:</p>
1360                </div>
1361                <div class="textoDiv">
1362                    <ul class="innerContentTextoPuntos">
1363                        <li>feasibility and preliminary studies</li>
1364                        <li>detail design</li>
1365                        <li>technical assistance</li>
1366                        <li>site management</li>
1367                        <li>structural consultancy</li>
1368                        <li>geotechnical studies</li>
1369                        <li>rehabilitation projects</li>
1370                        <li>technical reports</li>
1371				</ul>
1372				</div>                                    </div>
1373                                </div>
1374                            </div>
1375                        </div>
1376                        <div class="row botonDestacados" style="text-align: center; ">
1377                            <div class="boton-container-noticias d-flex">
1378                                <div style="text-align: center;">
1379                                    <div class="boton"><a href="proyectos.php?cat=EDIFICIO&tit=featured buildings">featured</a></div>
1380                                </div>
1381                            </div>
1382                        </div>
1383
1384                    </div>
1385
1386                </div>
1387                <!-- tercer elemento -->
1388
1389                <div class="newOrderServicePart" data-bs-toggle="collapse" data-bs-target="#collapseTres" aria-expanded="false" aria-controls="collapseTres">
1390                    <div class="newOrderServicesTop">
1391                        <img src="multimedia/images/divisionesPortada/IndustrialA3.jpg" alt="Image 1 Puentes">
1392                    </div>
1393                    <div class="newOrderServicesBottom">
1394                        industrial structures                    </div>
1395                </div>
1396                <div id="collapseTres" class="collapse accordion-collapse">
1397
1398                    <div class="accordion-body">
1399                        <div class="row">
1400
1401                            <div class="row textos">
1402
1403                                <div class="col columna">
1404                                    <div class="textoDiv">
1405                                        <p>We specialize in providing high-performance structural solutions for a wide range of industrial projects. Our solid expertise in structural engineering allows us to offer innovative and sustainable designs, tailored to each client's specific needs, while always guaranteeing the safety, efficiency, and durability of industrial infrastru
1405ctures.</p>
1406<p>We work closely with companies in the industrial sector, developers, and construction firms, ensuring the effective integration of our structural solutions into the overall design of the facilities. Each of our projects not only complies with current regulations but also stands out for its quality, functionality, and resource efficiency.</p>
1407<p>At FHECOR, we are committed to maximizing the value of every project by providing structural solutions that support and enhance the industrial vision without compromising integrity. Our holistic approach enables the creation of robust and efficient structures, designed to endure and adapt to the demands of the industrial sector.</p>
1408</p>With a strong focus on innovation and sustainability, at Fhecor, we are proud to be a trusted strategic partner in the development of industrial infrastructures that make a difference, adding value at every stage of the project.</p>                                    </div>
1409                                </div>
1410                            </div>
1411                            <div class="row textos">
1412                                <div class="col columna">
1413                                    <div>
1414                                        <div class="textoDiv">
1415                    <p>Our Services:</p>
1416                </div>
1417                <div class="textoDiv">
1418                    <ul class="innerContentTextoPuntos">
1419                        <li>feasibility and preliminary studies</li>
1420                        <li>detail design</li>
1421                        <li>technical assistance</li>
1422                        <li>site management</li>
1423                        <li>structural consultancy</li>
1424                        <li>geotechnical studies</li>
1425                        <li>technical reports</li>
1426				</ul>
1427				</div>                                    </div>
1428                                </div>
1429                            </div>
1430                        </div>
1431                    </div>
1432                    <div class="row botonDestacados" style="text-align: center; ">
1433                        <div class="boton-container-noticias d-flex">
1434                            <div style="text-align: center;">
1435                                <div class="boton"><a href="proyectos.php?cat=INDUSTRIAL&tit=industrial structures">featured</a></div>
1436                            </div>
1437                        </div>
1438                    </div>
1439
1440                </div>
1441
1442
1443            </div>
1444        </div>
1445
1446    </div>
1447
1448</section>
1449
1450<!-- Noticias Sección
1451<section class="section section-noticias" id="section-noticias" style="background-color: #f0f0f0;"> -->
1452
1453
1454<section class="apartado seccion-noticias container-fluid" section-namecc="noticias" id="noticias" >
1455    <div class="titleNoticias" id="titleNoticias">news</div>
1456    <div class="contNot">
1457        <div class="cent">
1458            <div class="main-news">
1459                                    <div class="carousel-cell">
1460                        <div class="card-date">25.09.2026</div>
1461                        <a href="noticia.php?id=498">
1462                                                                    <a href="noticia.php?id=498">
1463                                            <img class="img-fluid" src="imgp.php?src=//multimedia/proyectos/images/000000011000/iabse1_11265.jpg&w=600&h=600&crop-to-fit" alt="" />
1464                                        </a>
1465                                                                                                            <div class="textoNew">
1466                                        <a href="noticia.php?id=498">
1467                                            <div class="card-title">
1467Fhecor participa en el IABSE Congress Incheon 2026</div>
1468                                        </a>
1469                                                                                    <div class="card-description">La pasada semana, nuestros compañeros Javier Torrico y Javier Sáez participaron en el IABSE Congress<a href="new.php?id=498">...</a></div>
1470                                                                            </div>
1471                    </div>
1472                                    <div class="carousel-cell">
1473                        <div class="card-date">16.09.2026</div>
1474                        <a href="noticia.php?id=497">
1475                                                                    <a href="noticia.php?id=497">
1476                                            <img class="img-fluid" src="imgp.php?src=//multimedia/proyectos/images/000000011000/pasasevilla001_11231.jpg&w=600&h=600&crop-to-fit" alt="" />
1477                                        </a>
1478                                                                                                            <div class="textoNew">
1479                                        <a href="noticia.php?id=497">
1480                                            <div class="card-title">Primeros avances en las obras de la pasarela Princesa Leonor en Sevilla</div>
1481                                        </a>
1482                                                                                    <div class="card-description">Las obras de la futura pasarela Princesa Leonor, que conectará el barrio de Los Remedios, en la nueva<a href="new.php?id=497">...</a></div>
1483                                                                            </div>
1484                    </div>
1485                                    <div class="carousel-cell">
1486                        <div class="card-date">09.09.2026</div>
1487                        <a href="noticia.php?id=496">
1488                                                                    <a href="noticia.php?id=496">
1489                                            <img class="img-fluid" src="imgp.php?src=//multimedia/proyectos/images/000000011000/hornachuelos000_11228.jpg&w=600&h=600&crop-to-fit" alt="" />
1490                                        </a>
1491                                                                                                            <div class="textoNew">
1492                                        <a href="noticia.php?id=496">
1493                                            <div class="card-title">Nueva adjudicación para el diseño de una nueva pasarela en Hornachuelos, Córdoba</div>
1494                                        </a>
1495                                                                                    <div class="card-description">El pasado 5 de agosto, FHECOR firmó un nuevo contrato con el Ayuntamiento de Hornachuelos para la redacción<a href="new.php?id=496">...</a></div>
1496                                                                            </div>
1497                    </div>
1498                                    <div class="carousel-cell">
1499                        <div class="card-date">04.09.2026</div>
1500                        <a href="noticia.php?id=495">
1501                                                                    <a href="noticia.php?id=495">
1502                                            <img class="img-fluid" src="imgp.php?src=//multimedia/proyectos/images/000000011000/carola001_11213.jpg&w=600&h=600&crop-to-fit" alt="" />
1503                                        </a>
1504                                                                                                            <div class="textoNew">
1505                                        <a href="noticia.php?id=495">
1506                                            <div class="card-title">FHECOR, TSSB architekten y UKL, ganadores del diseño del nuevo Carolabrücke de Dresde</div>
1507                                        </a>
1508                                                                                    <div class="card-description">Una gran noticia para nuestro equipo: el Ayuntamiento de Dresde ha elegido este jueves 3 de septiembre,<a href="new.php?id=495">...</a></div>
1509                                                                            </div>
1510                    </div>
1511                                    <div class="carousel-cell">
1512                        <div class="card-date">30.07.2026</div>
1513                        <a href="noticia.php?id=494">
1514                                                                    <a href="noticia.php?id=494">
1515                                            <img class="img-fluid" src="imgp.php?src=//multimedia/proyectos/images/000000011000/gordie_11188.jpg&w=600&h=600&crop-to-fit" alt="" />
1516                                        </a>
1517                                                                                                            <div class="textoNew">
1518                                        <a href="noticia.php?id=494">
1519                                            <div class="card-title">El Gordie Howe International Bridge ya está abierto al tráfico</div>
1520                                        </a>
1521                                                                                    <div class="card-description">El pasado 27 de julio comenzó oficialmente a operar el Gordie Howe International Bridge, una infraestructura<a href="new.php?id=494">...</a></div>
1522                                                                            </div>
1523                    </div>
1524                                    <div class="carousel-cell">
1525                        <div class="card-date">16.07.2026</div>
1526                        <a href="noticia.php?id=493">
1527                                                                    <a href="noticia.php?id=493">
1528                                            <img class="img-fluid" src="imgp.php?src=//multimedia/proyectos/images/000000011000/achamb0_11126.jpg&w=600&h=600&crop-to-fit" alt="" />
1529                                        </a>
1530                                                                                                            <div class="textoNew">
1531                                        <a href="noticia.php?id=493">
1532                                            <div class="card-title">Nueva adjudicación con la Empresa Municipal de Transportes de Madrid</div>
1533                                        </a>
1534                                                                                    <div class="card-description">El pasado 24 de junio, la UTE formada por FHECOR y ANETO Consultores, S.L. firmó un nuevo contrato con<a href="new.php?id=493">...</a></div>
1535                                                                            </div>
1536                    </div>
1537                                    <div class="carousel-cell">
1538                        <div class="card-date">02.07.2026</div>
1539                        <a href="noticia.php?id=492">
1540                                                                    <a href="noticia.php?id=492">
1541                                            <img class="img-fluid" src="imgp.php?src=//multimedia/proyectos/images/000000011000/trazado_11123.jpg&w=600&h=600&crop-to-fit" alt="" />
1542                                        </a>
1543                                                                                                            <div class="textoNew">
1544                                        <a href="noticia.php?id=492">
1545                                            <div class="card-title">Nueva adjudicación para impulsar la movilidad y la conectividad en Asturias</div>
1546                                        </a>
1547                                                                                    <div class="card-description">La UTE formada por Fhecor y NOEGA ha sido adjudicataria por el Gobierno del Principado de Asturias del<a href="new.php?id=492">...</a></div>
1548                                                                            </div>
1549                    </div>
1550                                    <div class="carousel-cell">
1551                        <div class="card-date">25.06.2026</div>
1552                        <a href="noticia.php?id=491">
1553                                                                    <a href="noticia.php?id=491">
1554                                            <img class="img-fluid" src="imgp.php?src=//multimedia/proyectos/images/000000011000/seminario202600_11121.jpg&w=600&h=600&crop-to-fit" alt="" />
1555                                        </a>
1556                                                                                                            <div class="textoNew">
1557                                        <a href="noticia.php?id=491">
1558                                            <div class="card-title">Seminario Científico Carreteras Históricas y Patrimonio Viario </div>
1559                                        </a>
1560                                                                                    <div class="card-description">Fhecor patrocina el Seminario sobre carreteras históricas y patrimonio viario que se va a celebrar en<a href="new.php?id=491">...</a></div>
1561                                                                            </div>
1562                    </div>
1563                            </div>
1564        </div>
1565    </div>
1566</section>
1567
1568<!--
1569            SECCIÓN MAPA INI
1570-->
1571<section class="apartado sec-mapa container-fluid" section-namec="mapa" id="mapaini" >
1572    <div class="margenInicio d-none d-sm-none d-md-block" style="background-color: rgb(70, 70, 70);"></div>
1573    <div class="contMap d-flex d-sm-flex d-md-flex">
1574
1575        <div class="container-fluid titulomapa-sec">
1576            <div class="row" style=" width: 100%;">
1577                <div class="col tituloMapa">
1578                    a world of structures
1579                </div>
1580            </div>
1581        </div>
1582
1583
1584        <div class="container-fluid contenedormapa">
1585
1586
1587
1588
1589            <div class="row filamapa">
1590
1591
1592                <div class="col-2 d-none d-sm-none d-md-flex align-items-start ciudades">
1593                    <div class="botonesCiudades">
1594                        <ul>
1595                            <li><span>oficinas</span></li>
1596                            <li><span></span></li>
1597                            <li><span></span></li>
1598                            <li><a onclick="enviarPostOfi('madrid')" href="#" class="ciudad-link" id="madrid" data-ciudad="madrid" style="animation-delay: 0s;">madrid</a></li>
1599                            <li><a onclick="enviarPostOfi('sevilla')" href="#" class="ciudad-link" id="sevilla" data-ciudad="sevilla" style="animation-delay: 4s;">sevilla</a></li>
1600                            <li><a onclick="enviarPostOfi('barcelona')" href="#" class="ciudad-link" id="barcelona" data-ciudad="barcelona" style="animation-delay: 8s;">barcelona</a></li>
1601                            <li><a onclick="enviarPostOfi('granada')" href="#" class="ciudad-link" id="granada" data-ciudad="granada" style="animation-delay: 12s;">granada</a></li>
1602                            <li><a onclick="enviarPostOfi('coruna')" href="#" class="ciudad-link" id="coruna" data-ciudad="coruna" style="animation-delay: 16s;">a coruña</a></li>
1603                            <li><a onclick="enviarPostOfi('berlin')" href="#" class="ciudad-link" id="berlin" data-ciudad="berlin" style="animation-delay: 20s;">berlin</a></li>
1604                            <li><a onclick="enviarPostOfi('montreal')" href="#" class="ciudad-link" id="montreal" data-ciudad="montreal" style="animation-delay: 24s;">montreal</a></li>
1605                            <li><a onclick="enviarPostOfi('houston')" href="#" class="ciudad-link" id="houston" data-ciudad="houston" style="animation-delay: 28s;">houston</a></li>
1606                            <li><a onclick="enviarPostOfi('santiago')" href="#" class="ciudad-link" id="santiago" data-ciudad="santiago" style="animation-delay: 32s;">santiago</a></li>
1607                        </ul>
1608                    </div>
1609                </div>
1610                <div class="col-12 col-md-9 mapa">
1611                    <world-map>
1612
1613                        
1614
1615                        <div class="centered-text d-none d-sm-none d-md-flex">
1616                            <div class="odo1">
1617                                <div class="odometer animated fadeIn counter" id="cont1"></div><span class="semitrans">projects published in </span>
1618                            </div>
1619                            <div class="odo2">
1620                                <div class="odometer animated fadeIn counter" id="cont2"></div><span class="semitrans"> countries</span>
1621                            </div>
1622                        </div>
1623                                                    <span class="pinobra" titulo="Cubierta del estadio Orange Velodrome" style="top: 28.975394226%; left: 49.748613542%;">
1624                                <span class="dotobra anim"></span>
1625                                <span class="spreadobra anim"></span>
1626                            </span>
1627                                                    <span class="pinobra" titulo="Aeropuerto de Barcelona - El Prat. Edificio Satélite" style="top: 30.391386771%; left: 48.800844832%;">
1628                                <span class="dotobra anim"></span>
1629                                <span class="spreadobra anim"></span>
1630                            </span>
1631                                                    <span class="pinobra" titulo="Universidad Europea de Canarias" style="top: 39.643935498%; left: 43.458512893%;">
1632                                <span class="dotobra anim"></span>
1633                                <span class="spreadobra anim"></span>
1634                            </span>
1635                                                    <span class="pinobra" titulo="Hospital Rey Juan Carlos de Móstoles " style="top: 31.09304799%; left: 47.08795823%;">
1636                                <span class="dotobra anim"></span>
1637                                <span class="spreadobra anim"></span>
1638                            </span>
1639                                                    <span class="pinobra" titulo="Puente Colgante  de Elche" style="top: 32.56336404%; left: 48.00384124%;">
1640                                <span class="dotobra anim"></span>
1641                                <span class="spreadobra anim"></span>
1642                            </span>
1643                                                    <span class="pinobra" titulo="Estadio Corinthians" style="top: 76.881375669%; left: 34.861922107%;">
1644                                <span class="dotobra anim"></span>
1645                                <span class="spreadobra anim"></span>
1646                            </span>
1647                                                    <span class="pinobra" titulo="Torre de Cristal,  Cuatro Torres Business Area" style="top: 30.977167884%; left: 47.141733707%;">
1648                                <span class="dotobra anim"></span>
1649                                <span class="spreadobra anim"></span>
1650                            </span>
1651                                                    <span class="pinobra" titulo="Oficina de Propiedad Intelectual de la Unión Europea (antes OAMI)" style="top: 32.528631843%; left: 48.051314197%;">
1652                                <span class="dotobra anim"></span>
1653                                <span class="spreadobra anim"></span>
1654                            </span>
1655                                                    <span class="pinobra" titulo="Auditorio y Palacio de Congresos Kursaal" style="top: 28.936372935%; left: 47.6319983%;">
1656                                <span class="dotobra anim"></span>
1657                                <span class="spreadobra anim"></span>
1658                            </span>
1659                                                    <span class="pinobra" titulo="Centro Comercial Plaza de Las Provincias" style="top: 31.10831292%; left: 47.10944018%;">
1660                                <span class="dotobra anim"></span>
1661                                <span class="spreadobra anim"></span>
1662                            </span>
1663                                                    <span class="pinobra" titulo="Edificio del Servicio Gallego de Salud - SERGAS" style="top: 29.249169921%; left: 45.755406324%;">
1664                                <span class="dotobra anim"></span>
1665                                <span class="spreadobra anim"></span>
1666                            </span>
1667                                                    <span class="pinobra" titulo="Instituto Gallego de Estadística (IGE)" style="top: 29.249625933%; left: 45.755213173%;">
1668                                <span class="dotobra anim"></span>
1669                                <span class="spreadobra anim"></span>
1670                            </span>
1671                                                    <span class="pinobra" titulo="Instituto Gallego de Promoción Económica. IGAPE" style="top: 29.249479665%; left: 45.7551044%;">
1672                                <span class="dotobra anim"></span>
1673                                <span class="spreadobra anim"></span>
1674                            </span>
1675                                                    <span class="pinobra" titulo="Auditorio de Tenerife Adán Martín" style="top: 39.596989206%; left: 43.535900434%;">
1676                                <span class="dotobra anim"></span>
1677                                <span class="spreadobra anim"></span>
1678                            </span>
1679                                                    <span class="pinobra" titulo="Artium. Centro-Museo Vasco de Arte Contemporáneo" style="top: 29.277034692%; left: 47.434314709%;">
1680                                <span class="dotobra anim"></span>
1681                                <span class="spreadobra anim"></span>
1682                            </span>
1683                                                    <span class="pinobra" titulo="Aeropuerto Adolfo Suarez. Aparcamientos T4" style="top: 30.967788807%; left: 47.168342051%;">
1684                                <span class="dotobra anim"></span>
1685                                <span class="spreadobra anim"></span>
1686                            </span>
1687                                                    <span class="pinobra" titulo="Aeropuerto Adolfo Suarez. Edificio Satelite T4S" style="top: 30.96535746%; left: 47.17611602%;">
1688                                <span class="dotobra anim"></span>
1689                                <span class="spreadobra anim"></span>
1690                            </span>
1691                                                    <span class="pinobra" titulo="Centro Comercial Plaza de la Estación" style="top: 31.116978582%; left: 47.108887705%;">
1692                                <span class="dotobra anim"></span>
1693                                <span class="spreadobra anim"></span>
1694                            </span>
1695                                                    <span class="pinobra" titulo="Aeropuerto de Adolfo Suarez. Edificio Terminal T4 " style="top: 30.967767297%; left: 47.169185257%;">
1696                                <span class="dotobra anim"></span>
1697                                <span class="spreadobra anim"></span>
1698                            </span>
1699                                                    <span class="pinobra" titulo="Ampliación Aeropuerto de Fuerteventura" style="top: 39.60014544%; left: 44.21963431%;">
1700                                <span class="dotobra anim"></span>
1701                                <span class="spreadobra anim"></span>
1702                            </span>
1703                                                    <span class="pinobra" titulo="Sede Social EMT" style="top: 31.03281999%; left: 47.14540702%;">
1704                                <span class="dotobra anim"></span>
1705                                <span class="spreadobra anim"></span>
1706                            </span>
1707                                                    <span class="pinobra" titulo="Sede Social de Vallehermoso" style="top: 30.99391557%; left: 47.14841191%;">
1708                                <span class="dotobra anim"></span>
1709                                <span class="spreadobra anim"></span>
1710                            </span>
1711                                                    <span class="pinobra" titulo="Torre La Rosaleda" style="top: 29.49220926%; left: 46.30531497%;">
1712                                <span class="dotobra anim"></span>
1713                                <span class="spreadobra anim"></span>
1714                            </span>
1715                                                    <span class="pinobra" titulo="Aeropuerto de Barcelona - El Prat. Terminal T1" style="top: 30.38753433%; left: 48.79195759%;">
1716                                <span class="dotobra anim"></span>
1717                                <span class="spreadobra anim"></span>
1718                            </span>
1719                                                    <span class="pinobra" titulo="Parque Empresarial Cristalia. Edificios 5 y 6" style="top: 30.978530901%; left: 47.157286524%;">
1720                                <span class="dotobra anim"></span>
1721                                <span class="spreadobra anim"></span>
1722                            </span>
1723                                                    <span class="pinobra" titulo="Centro de Atletismo de Tenerife (CIAT)" style="top: 39.604119054%; left: 43.51539945%;">
1724                                <span class="dotobra anim"></span>
1725                                <span class="spreadobra anim"></span>
1726                            </span>
1727                                                    <span class="pinobra" titulo="Centro Comercial El Corte Inglés" style="top: 29.30240502%; left: 47.72779603%;">
1728                                <span class="dotobra anim"></span>
1729                                <span class="spreadobra anim"></span>
1730                            </span>
1731                                                    <span class="pinobra" titulo="Nueva Tienda Ikea" style="top: 32.74431333%; left: 47.86969744%;">
1732                                <span class="dotobra anim"></span>
1733                                <span class="spreadobra anim"></span>
1734                            </span>
1735                                                    <span class="pinobra" titulo="Centro de Deportes Acuáticos" style="top: 31.00525851%; left: 47.166628948%;">
1736                                <span class="dotobra anim"></span>
1737                                <span class="spreadobra anim"></span>
1738                            </span>
1739                                                    <span class="pinobra" titulo="Centro comercial Ferial Plaza" style="top: 30.874038906%; left: 47.29151298%;">
1740                                <span class="dotobra anim"></span>
1741                                <span class="spreadobra anim"></span>
1742                            </span>
1743                                                    <span class="pinobra" titulo="Ampliación y mejora de la Estación de Sants. Bajo rasante" style="top: 30.331621236%; left: 48.814430838%;">
1744                                <span class="dotobra anim"></span>
1745                                <span class="spreadobra anim"></span>
1746                            </span>
1747                                                    <span class="pinobra" titulo="Reparación de Puente sobre el Río Oria" style="top: 29.123063244%; left: 47.577124187%;">
1748                                <span class="dotobra anim"></span>
1749                                <span class="spreadobra anim"></span>
1750                            </span>
1751                                                    <span class="pinobra" titulo="Centro Comercial Metromar" style="top: 33.219968979%; left: 46.463141436%;">
1752                                <span class="dotobra anim"></span>
1753                                <span class="spreadobra anim"></span>
1754                            </span>
1755                                                    <span class="pinobra" titulo="Ampliación del aeropuerto de Zaragoza" style="top: 30.12759315%; left: 47.91114885%;">
1756                                <span class="dotobra anim"></span>
1757                                <span class="spreadobra anim"></span>
1758                            </span>
1759                                                    <span class="pinobra" titulo="Monumento a las víctimas del 11-M" style="top: 31.028280663%; left: 47.141283978%;">
1760                                <span class="dotobra anim"></span>
1761                                <span class="spreadobra anim"></span>
1762                            </span>
1763                                                    <span class="pinobra" titulo="Edificio de Estacionamiento de la Ciudad de la Justicia" style="top: 30.973917006%; left: 47.165142001%;">
1764                                <span class="dotobra anim"></span>
1765                                <span class="spreadobra anim"></span>
1766                            </span>
1767                                                    <span class="pinobra" titulo="Centro Comercial El Corte Inglés" style="top: 32.91518877%; left: 47.11351558%;">
1768                                <span class="dotobra anim"></span>
1769                                <span class="spreadobra anim"></span>
1770                            </span>
1771                                                    <span class="pinobra" titulo="Centro Comercial Hipercor Arroyosur" style="top: 31.0925676%; left: 47.12177831%;">
1772                                <span class="dotobra anim"></span>
1773                                <span class="spreadobra anim"></span>
1774                            </span>
1775                                                    <span class="pinobra" titulo="Torre Agbar" style="top: 30.31326747%; left: 48.82837502%;">
1776                                <span class="dotobra anim"></span>
1777                                <span class="spreadobra anim"></span>
1778                            </span>
1779                                                    <span class="pinobra" titulo="Colegio Nuestra Señora del Recuerdo" style="top: 30.983424426%; left: 47.144105475%;">
1780                                <span class="dotobra anim"></span>
1781                                <span class="spreadobra anim"></span>
1782                            </span>
1783                                                    <span class="pinobra" titulo="Centro Comercial Islazul" style="top: 31.05920559%; left: 47.12734324%;">
1784                                <span class="dotobra anim"></span>
1785                                <span class="spreadobra anim"></span>
1786                            </span>
1787                                                    <span class="pinobra" titulo="Estadio de Fútbol Nou Mestalla" style="top: 31.686074388%; left: 48.086235783%;">
1788                                <span class="dotobra anim"></span>
1789                                <span class="spreadobra anim"></span>
1790                            </span>
1791                                                    <span class="pinobra" titulo="Hospital de Fuenlabrada" style="top: 31.11511725%; left: 47.10468746%;">
1792                                <span class="dotobra anim"></span>
1793                                <span class="spreadobra anim"></span>
1794                            </span>
1795                                                    <span class="pinobra" titulo="Auditorio y Palacio de Congresos El Batel" style="top: 33.042350871%; left: 47.919263775%;">
1796                                <span class="dotobra anim"></span>
1797                                <span class="spreadobra anim"></span>
1798                            </span>
1799                                                    <span class="pinobra" titulo="Centro de Convenciones y Palacio de Congresos Mohamed Benahmed" style="top: 34.383193929%; left: 48.030899026%;">
1800                                <span class="dotobra anim"></span>
1801                                <span class="spreadobra anim"></span>
1802                            </span>
1803                                                    <span class="pinobra" titulo="Torre Caja de Badajoz" style="top: 32.1264816%; left: 46.19701265%;">
1804                                <span class="dotobra anim"></span>
1805                                <span class="spreadobra anim"></span>
1806                            </span>
1807                                                    <span class="pinobra" titulo="Palacio de Congresos Manuel Rojas" style="top: 32.12598687%; left: 46.20014669%;">
1808                                <span class="dotobra anim"></span>
1809                                <span class="spreadobra anim"></span>
1810                            </span>
1811                                                    <span class="pinobra" titulo="Hospital La Fe" style="top: 31.68987879%; left: 48.08764237%;">
1812                                <span class="dotobra anim"></span>
1813                                <span class="spreadobra anim"></span>
1814                            </span>
1815                                                    <span class="pinobra" titulo="Torre Gestesa Chamartín" style="top: 30.9815043%; left: 47.14306797%;">
1816                                <span class="dotobra anim"></span>
1817                                <span class="spreadobra anim"></span>
1818                            </span>
1819                                                    <span class="pinobra" titulo="Edificio de oficinas Ebrosa" style="top: 30.956108877%; left: 47.151476209%;">
1820                                <span class="dotobra anim"></span>
1821                                <span class="spreadobra anim"></span>
1822                            </span>
1823                                                    <span class="pinobra" titulo="Auditorio del Centro Cultural Óscar Niemeyer" style="top: 28.769786589%; left: 46.501762452%;">
1824                                <span class="dotobra anim"></span>
1825                                <span class="spreadobra anim"></span>
1826                            </span>
1827                                                    <span class="pinobra" titulo="Torre-Mirador del Centro Cultural Internacional Óscar Niemeyer" style="top: 28.769380767%; left: 46.501482053%;">
1828                                <span class="dotobra anim"></span>
1829                                <span class="spreadobra anim"></span>
1830                            </span>
1831                                                    <span class="pinobra" titulo="Centro Cultural Internacional Óscar Niemeyer" style="top: 28.76932986%; left: 46.501684675%;">
1832                                <span class="dotobra anim"></span>
1833                                <span class="spreadobra anim"></span>
1834                            </span>
1835                                                    <span class="pinobra" titulo="Mediateca en la Iglesia de San Agustín " style="top: 39.572
183518961%; left: 43.51511245%;">
1836                                <span class="dotobra anim"></span>
1837                                <span class="spreadobra anim"></span>
1838                            </span>
1839                                                    <span class="pinobra" titulo="Complejo Administrativo 9 de Octubre" style="top: 31.698875706%; left: 48.084030188%;">
1840                                <span class="dotobra anim"></span>
1841                                <span class="spreadobra anim"></span>
1842                            </span>
1843                                                    <span class="pinobra" titulo="Centro Penitenciario Norte I " style="top: 29.311766172%; left: 47.400465642%;">
1844                                <span class="dotobra anim"></span>
1845                                <span class="spreadobra anim"></span>
1846                            </span>
1847                                                    <span class="pinobra" titulo="Cubierta Aeropuerto de Málaga - Costa del Sol" style="top: 33.702968142%; left: 46.910597109%;">
1848                                <span class="dotobra anim"></span>
1849                                <span class="spreadobra anim"></span>
1850                            </span>
1851                                                    <span class="pinobra" titulo="Edificio Intesa-Sanpaolo" style="top: 27.70871478%; left: 50.39710267%;">
1852                                <span class="dotobra anim"></span>
1853                                <span class="spreadobra anim"></span>
1854                            </span>
1855                                                    <span class="pinobra" titulo="Torre de Control Aeropuerto Federico García Lorca" style="top: 33.33423225%; left: 47.11567956%;">
1856                                <span class="dotobra anim"></span>
1857                                <span class="spreadobra anim"></span>
1858                            </span>
1859                                                    <span class="pinobra" titulo="Aeropuerto de Barcelona - El Prat. Remodelacion Dique Sur " style="top: 30.397398099%; left: 48.795331275%;">
1860                                <span class="dotobra anim"></span>
1861                                <span class="spreadobra anim"></span>
1862                            </span>
1863                                                    <span class="pinobra" titulo="Aeropuerto Heathrow T2A" style="top: 23.09430354%; left: 48.07058022%;">
1864                                <span class="dotobra anim"></span>
1865                                <span class="spreadobra anim"></span>
1866                            </span>
1867                                                    <span class="pinobra" titulo="Cubierta Plaza de Toros" style="top: 29.465086584%; left: 46.600691065%;">
1868                                <span class="dotobra anim"></span>
1869                                <span class="spreadobra anim"></span>
1870                            </span>
1871                                                    <span class="pinobra" titulo="Cubierta del Palacio Vistalegre" style="top: 31.043053731%; left: 47.126890641%;">
1872                                <span class="dotobra anim"></span>
1873                                <span class="spreadobra anim"></span>
1874                            </span>
1875                                                    <span class="pinobra" titulo="Estación Depuradora de Aguas Residuales (EDAR) Las Colinas" style="top: 32.81341779%; left: 47.970608649%;">
1876                                <span class="dotobra anim"></span>
1877                                <span class="spreadobra anim"></span>
1878                            </span>
1879                                                    <span class="pinobra" titulo="Cubierta Plaza de Toros" style="top: 29.577586752%; left: 45.716903265%;">
1880                                <span class="dotobra anim"></span>
1881                                <span class="spreadobra anim"></span>
1882                            </span>
1883                                                    <span class="pinobra" titulo="Cubierta cafetería" style="top: 32.401874847%; left: 45.643920313%;">
1884                                <span class="dotobra anim"></span>
1885                                <span class="spreadobra anim"></span>
1886                            </span>
1887                                                    <span class="pinobra" titulo="Cubierta del graderío de un delfinario. Aqualand Costa Adeje" style="top: 39.86591583%; left: 43.399314551%;">
1888                                <span class="dotobra anim"></span>
1889                                <span class="spreadobra anim"></span>
1890                            </span>
1891                                                    <span class="pinobra" titulo="Viaducto de AV sobre EX-108 y EX-A1" style="top: 31.346440092%; left: 46.481232768%;">
1892                                <span class="dotobra anim"></span>
1893                                <span class="spreadobra anim"></span>
1894                            </span>
1895                                                    <span class="pinobra" titulo="Centro Deportivo Parque del Manzanares (Caja Mágica)" style="top: 31.05547002%; left: 47.14260016%;">
1896                                <span class="dotobra anim"></span>
1897                                <span class="spreadobra anim"></span>
1898                            </span>
1899                                                    <span class="pinobra" titulo="Plaza de Toros Ribera del Duero" style="top: 30.117530055%; left: 47.142467853%;">
1900                                <span class="dotobra anim"></span>
1901                                <span class="spreadobra anim"></span>
1902                            </span>
1903                                                    <span class="pinobra" titulo="Cubierta y Rehabilitación Plaza de Toros" style="top: 30.52071708%; left: 48.55725473%;">
1904                                <span class="dotobra anim"></span>
1905                                <span class="spreadobra anim"></span>
1906                            </span>
1907                                                    <span class="pinobra" titulo="Centro Comercial Hipercor" style="top: 30.873500439%; left: 47.291067269%;">
1908                                <span class="dotobra anim"></span>
1909                                <span class="spreadobra anim"></span>
1910                            </span>
1911                                                    <span class="pinobra" titulo="Cubierta Plaza de Toros " style="top: 30.15448065%; left: 46.828652582%;">
1912                                <span class="dotobra anim"></span>
1913                                <span class="spreadobra anim"></span>
1914                            </span>
1915                                                    <span class="pinobra" titulo="Sustitución Cubierta Plaza de Toros de la Misericordia" style="top: 30.133742142%; left: 47.944130029%;">
1916                                <span class="dotobra anim"></span>
1917                                <span class="spreadobra anim"></span>
1918                            </span>
1919                                                    <span class="pinobra" titulo="Cúpula del mirador en Victoria Square" style="top: 20.853039693%; left: 46.499474488%;">
1920                                <span class="dotobra anim"></span>
1921                                <span class="spreadobra anim"></span>
1922                            </span>
1923                                                    <span class="pinobra" titulo="Intercambiador Avenida de América" style="top: 31.005928188%; left: 47.144807764%;">
1924                                <span class="dotobra anim"></span>
1925                                <span class="spreadobra anim"></span>
1926                            </span>
1927                                                    <span class="pinobra" titulo="Túnel de María de Molina (conexión con la carretera A2)" style="top: 31.006040757%; left: 47.141516448%;">
1928                                <span class="dotobra anim"></span>
1929                                <span class="spreadobra anim"></span>
1930                            </span>
1931                                                    <span class="pinobra" titulo="Aparc. y paso inferior de Corazón de María" style="top: 31.00439094%; left: 47.14609869%;">
1932                                <span class="dotobra anim"></span>
1933                                <span class="spreadobra anim"></span>
1934                            </span>
1935                                                    <span class="pinobra" titulo="Prolongación del túnel en Calle O Donnell" style="top: 31.017852615%; left: 47.143462595%;">
1936                                <span class="dotobra anim"></span>
1937                                <span class="spreadobra anim"></span>
1938                            </span>
1939                                                    <span class="pinobra" titulo="Rehabilitación del Edificio Metrópolis" style="top: 31.019696022%; left: 47.138844478%;">
1940                                <span class="dotobra anim"></span>
1941                                <span class="spreadobra anim"></span>
1942                            </span>
1943                                                    <span class="pinobra" titulo="Viaducto AP-9 sobre la Ria de Ferrol" style="top: 28.811108016%; left: 45.856104579%;">
1944                                <span class="dotobra anim"></span>
1945                                <span class="spreadobra anim"></span>
1946                            </span>
1947                                                    <span class="pinobra" titulo="Tunel de Cuatro Caminos" style="top: 30.999649419%; left: 47.137267126%;">
1948                                <span class="dotobra anim"></span>
1949                                <span class="spreadobra anim"></span>
1950                            </span>
1951                                                    <span class="pinobra" titulo="Nueva estación de cercanías Sabadell Nord " style="top: 30.2001177%; left: 48.801619445%;">
1952                                <span class="dotobra anim"></span>
1953                                <span class="spreadobra anim"></span>
1954                            </span>
1955                                                    <span class="pinobra" titulo="Reconstrucción del Puente de la Toja" style="top: 29.536404423%; left: 45.658645996%;">
1956                                <span class="dotobra anim"></span>
1957                                <span class="spreadobra anim"></span>
1958                            </span>
1959                                                    <span class="pinobra" titulo="Rehabilitación del Puente de Ponteceso" style="top: 28.99550034%; left: 45.64531542%;">
1960                                <span class="dotobra anim"></span>
1961                                <span class="spreadobra anim"></span>
1962                            </span>
1963                                                    <span class="pinobra" titulo="Reparación Puente sobre el Rio Veral" style="top: 29.447772468%; left: 47.940982213%;">
1964                                <span class="dotobra anim"></span>
1965                                <span class="spreadobra anim"></span>
1966                            </span>
1967                                                    <span class="pinobra" titulo="Reparación Puente sobre el Rio Rialbo" style="top: 29.599160565%; left: 48.314200744%;">
1968                                <span class="dotobra anim"></span>
1969                                <span class="spreadobra anim"></span>
1970                            </span>
1971                                                    <span class="pinobra" titulo="Adecuación del Estadio de fútbol de El Molinón " style="top: 28.78405704%; left: 46.58175911%;">
1972                                <span class="dotobra anim"></span>
1973                                <span class="spreadobra anim"></span>
1974                            </span>
1975                                                    <span class="pinobra" titulo="Intercambiadores de Transporte Seguros ante Fuertes Explosiones (ITSAFE)" style="top: 31.02116874%; left: 47.13701227%;">
1976                                <span class="dotobra anim"></span>
1977                                <span class="spreadobra anim"></span>
1978                            </span>
1979                                                    <span class="pinobra" titulo="Rehabilitación  Edificio España" style="top: 31.015979094%; left: 47.134933816%;">
1980                                <span class="dotobra anim"></span>
1981                                <span class="spreadobra anim"></span>
1982                            </span>
1983                                                    <span class="pinobra" titulo="Rehabilitación Puente de Hierro sobre el Río Ebro" style="top: 29.54841489%; left: 47.497711%;">
1984                                <span class="dotobra anim"></span>
1985                                <span class="spreadobra anim"></span>
1986                            </span>
1987                                                    <span class="pinobra" titulo="Rehabilitación del nº 6 en la c/ Salustiano de Olózaga" style="top: 31.01834376%; left: 47.14080067%;">
1988                                <span class="dotobra anim"></span>
1989                                <span class="spreadobra anim"></span>
1990                            </span>
1991                                                    <span class="pinobra" titulo="Estudio de la Silla de la Reina en la Catedral de León" style="top: 29.45633058%; left: 46.6020127%;">
1992                                <span class="dotobra anim"></span>
1993                                <span class="spreadobra anim"></span>
1994                            </span>
1995                                                    <span class="pinobra" titulo="Análisis de la sección transversal de la Catedral de Palma de Mallorca" style="top: 31.630098198%; left: 48.960021059%;">
1996                                <span class="dotobra anim"></span>
1997                                <span class="spreadobra anim"></span>
1998                            </span>
1999                                                    <span class="pinobra" titulo="Estudio de la Estructura del Edificio Palacio de la Diputación Foral de Bizkaia" style="top: 28.981126641%; left: 47.358482421%;">
2000                                <span class="dotobra anim"></span>
2001                                <span class="spreadobra anim"></span>
2002                            </span>
2003                                                    <span class="pinobra" titulo="Rehabilitación del antiguo convento de San Francisco" style="top: 29.121072135%; left: 47.485647529%;">
2004                                <span class="dotobra anim"></span>
2005                                <span class="spreadobra anim"></span>
2006                            </span>
2007                                                    <span class="pinobra" titulo="Propuesta de traslado del Horno de Zubiate" style="top: 29.15558493%; left: 47.47461324%;">
2008                                <span class="dotobra anim"></span>
2009                                <span class="spreadobra anim"></span>
2010                            </span>
2011                                                    <span class="pinobra" titulo="Reparación Puente FFCC sobre el Río Pisuerga" style="top: 29.340806106%; left: 46.979344515%;">
2012                                <span class="dotobra anim"></span>
2013                                <span class="spreadobra anim"></span>
2014                            </span>
2015                                                    <span class="pinobra" titulo="Reparación de Puente Ferroviario cerca de la Cala de Aguadulce" style="top: 30.42521268%; left: 48.741187003%;">
2016                                <span class="dotobra anim"></span>
2017                                <span class="spreadobra anim"></span>
2018                            </span>
2019                                                    <span class="pinobra" titulo="Puente sobre el Barranco del Torrent" style="top: 31.719033444%; left: 48.067368116%;">
2020                                <span class="dotobra anim"></span>
2021                                <span class="spreadobra anim"></span>
2022                            </span>
2023                                                    <span class="pinobra" titulo="Puente sobre el Embalse del Burguillo" style="top: 31.012972713%; left: 46.897260506%;">
2024                                <span class="dotobra anim"></span>
2025                                <span class="spreadobra anim"></span>
2026                            </span>
2027                                                    <span class="pinobra" titulo="Puente sobre el Canal del Chacao" style="top: 89.966819259%; left: 27.099293051%;">
2028                                <span class="dotobra anim"></span>
2029                                <span class="spreadobra anim"></span>
2030                            </span>
2031                                                    <span class="pinobra" titulo="Puente sobre el Río Alberche" style="top: 31.013139057%; left: 46.909428158%;">
2032                                <span class="dotobra anim"></span>
2033                                <span class="spreadobra anim"></span>
2034                            </span>
2035                                                    <span class="pinobra" titulo="Puentes enlace de La Zarzuela" style="top: 30.977967339%; left: 47.123011262%;">
2036                                <span class="dotobra anim"></span>
2037                                <span class="spreadobra anim"></span>
2038                            </span>
2039                                                    <span class="pinobra" titulo="Puente sobre el barranco de Cavalls" style="top: 31.74250659%; left: 48.08650298%;">
2040                                <span class="dotobra anim"></span>
2041                                <span class="spreadobra anim"></span>
2042                            </span>
2043                                                    <span class="pinobra" titulo="Pasarela Peatonal sobre el Río Lérez" style="top: 29.572416465%; left: 45.722328713%;">
2044                                <span class="dotobra anim"></span>
2045                                <span class="spreadobra anim"></span>
2046                            </span>
2047                                                    <span class="pinobra" titulo="Puente arco sobre el río Júcar" style="top: 31.920378516%; left: 48.074820071%;">
2048                                <span class="dotobra anim"></span>
2049                                <span class="spreadobra anim"></span>
2050                            </span>
2051                                                    <span class="pinobra" titulo="Pasarela sobre el Río Segre I" style="top: 30.035234229%; left: 48.431730688%;">
2052                                <span class="dotobra anim"></span>
2053                                <span class="spreadobra anim"></span>
2054                            </span>
2055                                                    <span class="pinobra" titulo="Pasarela enlace de La Zarzuela" style="top: 30.976354806%; left: 47.12334246%;">
2056                                <span class="dotobra anim"></span>
2057                                <span class="spreadobra anim"></span>
2058                            </span>
2059                                                    <span class="pinobra" titulo="Autopista Central" style="top: 84.04105302%; left: 27.91486583%;">
2060                                <span class="dotobra anim"></span>
2061                                <span class="spreadobra anim"></span>
2062                            </span>
2063                                                    <span class="pinobra" titulo="Proyecto de renovación del Puente del Centenario" style="top: 33.220614279%; left: 46.479895635%;">
2064                                <span class="dotobra anim"></span>
2065                                <span class="spreadobra anim"></span>
2066                            </span>
2067                                                    <span class="pinobra" titulo="Estadio Al Musanaah Sports City" style="top: 42.937284993%; left: 64.723459323%;">
2068                                <span class="dotobra anim"></span>
2069                                <span class="spreadobra anim"></span>
2070                            </span>
2071                                                    <span class="pinobra" titulo="Rehabilitacion Hotel C/ Montera nº 27-33" style="top: 31.019847309%; left: 47.137360688%;">
2072                                <span class="dotobra anim"></span>
2073                                <span class="spreadobra anim"></span>
2074                            </span>
2075                                                    <span class="pinobra" titulo="Rehabilitacion C/ Madrazo nº 6, 8, 8P y 10" style="top: 31.020791598%; left: 47.138713606%;">
2076                                <span class="dotobra anim"></span>
2077                                <span class="spreadobra anim"></span>
2078                            </span>
2079                                                    <span class="pinobra" titulo="Rehabilitación Hotel Albéniz C/ Carretas nº 10" style="top: 31.022152464%; left: 47.137002225%;">
2080                                <span class="dotobra anim"></span>
2081                                <span class="spreadobra anim"></span>
2082                            </span>
2083                                                    <span class="pinobra" titulo="Viaducto sobre el Rio Nora" style="top: 28.92144858%; left: 46.4865526%;">
2084                                <span class="dotobra anim"></span>
2085                                <span class="spreadobra anim"></span>
2086                            </span>
2087                                                    <span class="pinobra" titulo="Puente sobre el Río Najerilla" style="top: 29.589939945%; left: 47.415426378%;">
2088                                <span class="dotobra anim"></span>
2089                                <span class="spreadobra anim"></span>
2090                            </span>
2091                                                    <span class="pinobra" titulo="Puente ferroviario en la Marina de Badalona I" style="top: 30.289776399%; left: 48.843142318%;">
2092                                <span class="dotobra anim"></span>
2093                                <span class="spreadobra anim"></span>
2094                            </span>
2095                                                    <span class="pinobra" titulo="Pasarela de San Juan de la Cruz sobre el Río Carrión " style="top: 29.885193375%; left: 46.899602426%;">
2096                                <span class="dotobra anim"></span>
2097                                <span class="spreadobra anim"></span>
2098                            </span>
2099                                                    <span class="pinobra" titulo="Pasarela sobre el Río Tajo" style="top: 31.418490705%; left: 47.040187941%;">
2100                                <span class="dotobra anim"></span>
2101                                <span class="spreadobra anim"></span>
2102                            </span>
2103                                                    <span class="pinobra" titulo="Conexión con la M-40 en el PAU Las Tablas" style="top: 30.95707611%; left: 47.14796132%;">
2104                                <span class="dotobra anim"></span>
2105                                <span class="spreadobra anim"></span>
2106                            </span>
2107                                                    <span class="pinobra" titulo="Autopista Vespucio Norte" style="top: 83.930830044%; left: 27.921432103%;">
2108                                <span class="dotobra anim"></span>
2109                                <span class="spreadobra anim"></span>
2110                            </span>
2111                                                    <span class="pinobra" titulo="Dos estructuras mixtas sobre la A-1" style="top: 30.9633642%; left: 47.14803307%;">
2112                                <span class="dotobra anim"></span>
2113                                <span class="spreadobra anim"></span>
2114                            </span>
2115                                                    <span class="pinobra" titulo="Línea Génova-Ventimiglia. Viaductos" style="top: 28.525554162%; left: 50.505124591%;">
2116                                <span class="dotobra anim"></span>
2117                                <span class="spreadobra anim"></span>
2118                            </span>
2119                                                    <span class="pinobra" titulo="Puentes en la autopista Orense-Santiago de Compostela" style="top: 29.607472746%; left: 45.906257542%;">
2120                                <span class="dotobra anim"></span>
2121                                <span class="spreadobra anim"></span>
2122                            </span>
2123                                                    <span class="pinobra" titulo="Puente sobre la Rambla del Cura" style="top: 33.635968794%; left: 47.451439999%;">
2124                                <span class="dotobra anim"></span>
2125                                <span class="spreadobra anim"></span>
2126                            </span>
2127                                                    <span class="pinobra" titulo="Viaducto Ferroviario de Altea" style="top: 32.330709729%; left: 48.182905706%;">
2128                                <span class="dotobra anim"></span>
2129                                <span class="spreadobra anim"></span>
2130                            </span>
2131                                                    <span class="pinobra" titulo="Concurso de Anteproyecto para el Puente-Pabellón. Expo de Zaragoza 2008" style="top: 30.124969647%; left: 47.940254094%;">
2132                                <span class="dotobra anim"></span>
2133                                <span class="spreadobra anim"></span>
2134                            </span>
2135                                                    <span class="pinobra" titulo="Viaductos de acceso a Valladolid, subtramo Valdestillas-Duero" style="top: 30.2627835%; left: 46.83042452%;">
2136                                <span class="dotobra anim"></span>
2137                                <span class="spreadobra anim"></span>
2138                            </span>
2139                                                    <span class="pinobra" titulo="LAV Córdoba-Málaga. Viaductos 1, 2 y 4" style="top: 33.67631295%; left: 46.87118713%;">
2140                                <span class="dotobra anim"></span>
2141                                <span class="spreadobra anim"></span>
2142                            </span>
2143                                                    <span class="pinobra" titulo="Interconexión de Kasoa" style="top: 56.031858861%; left: 48.077950093%;">
2144                                <span class="dotobra anim"></span>
2145                                <span class="spreadobra anim"></span>
2146                            </span>
2147                                                    <span class="pinobra" titulo="Rehabilitación RN1. Carretera Interamericana Norte" style="top: 52.713808716%; left: 23.828542036%;">
2148                                <span class="dotobra anim"></span>
2149                                <span class="spreadobra anim"></span>
2150                            </span>
2151                                                    <span class="pinobra" titulo="Puente sobre el río Guadalquivir" style="top: 32.735629026%; left: 46.94085064%;">
2152                                <span class="dotobra anim"></span>
2153                                <span class="spreadobra anim"></span>
2154                            </span>
2155                                                    <span class="pinobra" titulo="Estadio Tizi Ouzu,Argelia" style="top: 33.66525681%; left: 49.35161046%;">
2156                                <span class="dotobra anim"></span>
2157                                <span class="spreadobra anim"></span>
2158                            </span>
2159                                                    <span class="pinobra" titulo="Ampliación y Reforma del Hospital Universitario Santa Cristina" style="top: 31.017529248%; left: 47.146205741%;">
2160                                <span class="dotobra anim"></span>
2161                                <span class="spreadobra anim"></span>
2162                            </span>
2163                                                    <span class="pinobra" titulo="Hospital del Barrio Obrero" style="top: 78.139708518%; left: 31.656006114%;">
2164                                <span class="dotobra anim"></span>
2165                                <span class="spreadobra anim"></span>
2166                            </span>
2167                                                    <span class="pinobra" titulo="Sustitución del Viaducto de Iztueta" style="top: 28.938804999%; left: 47.633140273%;">
2168                                <span class="dotobra anim"></span>
2169                                <span class="spreadobra anim"></span>
2170                            </span>
2171                                                    <span class="pinobra" titulo="LAV Madrid-Alicante. Tramo Viaducto de Alpera" style="top: 32.06578755%; left: 47.84642748%;">
2172                                <span class="dotobra anim"></span>
2173                                <span class="spreadobra anim"></span>
2174                            </span>
2175                                                    <span class="pinobra" titulo="Torre BMCE Bank" style="top: 35.608344735%; left: 46.246937161%;">
2176                                <span class="dotobra anim"></span>
2177                                <span class="spreadobra anim"></span>
2178                            </span>
2179                                                    <span class="pinobra" titulo="Puente sobre el Río Miño" style="top: 29.745602079%; left: 45.85281355%;">
2180                                <span class="dotobra anim"></span>
2181                                <span class="spreadobra anim"></span>
2182                            </span>
2183                                                    <span class="pinobra" titulo="Puente sobre el estrecho de Mesina" style="top: 32.57773989%; left: 52.6865275%;">
2184                                <span class="dotobra anim"></span>
2185                                <span class="spreadobra anim"></span>
2186                            </span>
2187                                                    <span class="pinobra" titulo="Paso superior de los Dominicos sobre la N-I" style="top: 30.95645949%; left: 47.15012817%;">
2188                                <span class="dotobra anim"></span>
2189                                <span class="spreadobra anim"></span>
2190                            </span>
2191                                                    <span class="pinobra" titulo="Paso atirantado sobre el By Pass de Valencia" style="top: 31.721286258%; left: 48.044968053%;">
2192                                <span class="dotobra anim"></span>
2193                                <span class="spreadobra anim"></span>
2194                            </span>
2195                                                    <span class="pinobra" titulo="Viaducto de Noia" style="top: 29.318038488%; left: 45.644647858%;">
2196                                <span class="dotobra anim"></span>
2197                                <span class="spreadobra anim"></span>
2198                            </span>
2199                                                    <span class="pinobra" titulo="Viaducto Sobre El Río Tajuña" style="top: 30.86993193%; left: 47.2891768%;">
2200                                <span class="dotobra anim"></span>
2201                                <span class="spreadobra anim"></span>
2202                            </span>
2203                                                    <span class="pinobra" titulo="Concurso internacional para el Ponte Das Lezírias sobre el Río Tajo" style="top: 32.027897685%; left: 45.635912726%;">
2204                                <span class="dotobra anim"></span>
2205                                <span class="spreadobra anim"></span>
2206                            </span>
2207                                                    <span class="pinobra" titulo="Pasarela peatonal sobre el Río Sil entre O Barco y Viloira" style="top: 29.589172755%; left: 46.196762673%;">
2208                                <span class="dotobra anim"></span>
2209                                <span class="spreadobra anim"></span>
2210                            </span>
2211                                                    <span class="pinobra" titulo="Puente sobre el Barranco de Picassent" style="top: 31.780399323%; left: 48.06802592%;">
2212                                <span class="dotobra anim"></span>
2213                                <span class="spreadobra anim"></span>
2214                            </span>
2215                                                    <span class="pinobra" titulo="Puente Manzanal del Barco" style="top: 30.156799428%; left: 46.498693561%;">
2216                                <span class="dotobra anim"></span>
2217                                <span class="spreadobra anim"></span>
2218                            </span>
2219                                                    <span class="pinobra" titulo="Ampliación Puente de Los Santos" style="top: 28.779744285%; left: 46.181384065%;">
2220                                <span class="dotobra anim"></span>
2221                                <span class="spreadobra anim"></span>
2222                            </span>
2223                                                    <span class="pinobra" titulo="Puente de la Armada sobre el río Fuengirola" style="top: 33.810723921%; left: 46.871961456%;">
2224                                <span class="dotobra anim"></span>
2225                                <span class="spreadobra anim"></span>
2226                            </span>
2227                                                    <span class="pinobra" titulo="Nuevo Acceso Ferroviario de LAV Levante-Madrid" style="top: 31.30512225%; left: 47.46515946%;">
2228                                <span class="dotobra anim"></span>
2229                                <span class="spreadobra anim"></span>
2230                            </span>
2231                                                    <span class="pinobra" titulo="Viaducto sobre el Río Ulla" style="top: 29.40656361%; left: 45.693679512%;">
2232                                <span class="dotobra anim"></span>
2233                                <span class="spreadobra anim"></span>
2234                            </span>
2235                                                    <span class="pinobra" titulo="Pabellón Puente. Expo Zaragoza 2008" style="top: 30.124969647%; left: 47.940254094%;">
2236                                <span class="dotobra anim"></span>
2237                                <span class="spreadobra anim"></span>
2238                            </span>
2239                                                    <span class="pinobra" titulo="Puente sobre el río Genil" style="top: 33.352831947%; left: 47.171852922%;">
2240                                <span class="dotobra anim"></span>
2241                                <span class="spreadobra anim"></span>
2242                            </span>
2243                                                    <span class="pinobra" titulo="Puente Variante Sur (2A) Metropolitana de Bilbao" style="top: 28.950270546%; left: 47.33235595%;">
2244                                <span class="dotobra anim"></span>
2245                                <span class="spreadobra anim"></span>
2246                            </span>
2247                                                    <span class="pinobra" titulo="Puente arco de FF.CC de acceso al puerto de Málaga" style="top: 33.67729524%; left: 46.93006805%;">
2248                                <span class="dotobra anim"></span>
2249                                <span class="spreadobra anim"></span>
2250                            </span>
2251                                                    <span class="pinobra" titulo="Puentes Variante Sur (2B y 3A) Metropolitana de Bilbao" style="top: 28.950270546%; left: 47.33235595%;">
2252                                <span class="dotobra anim"></span>
2253                                <span class="spreadobra anim"></span>
2254                            </span>
2255                                                    <span class="pinobra" titulo="Puente sobre la Ría de Vigo" style="top: 29.71030632%; left: 45.68579677%;">
2256                                <span class="dotobra anim"></span>
2257                                <span class="spreadobra anim"></span>
2258                            </span>
2259                                                    <span class="pinobra" titulo="Tramo Avilés-Gijón en By-pass con el Ramal Aboño-Sotiello" style="top: 28.77837123%; left: 46.556425333%;">
2260                                <span class="dotobra anim"></span>
2261                                <span class="spreadobra anim"></span>
2262                            </span>
2263                                                    <span class="pinobra" titulo="Puente sobre el río Dambovita" style="top: 28.134285828%; left: 55.679394209%;">
2264                                <span class="dotobra anim"></span>
2265                                <span class="spreadobra anim"></span>
2266                            </span>
2267                                                    <span class="pinobra" titulo="Reforma del barranco de Santos" style="top: 39.59048745%; left: 43.5333226%;">
2268                                <span class="dotobra anim"></span>
2269                                <span class="spreadobra anim"></span>
2270                            </span>
2271                                                    <span class="pinobra" titulo="Puente sobre la ría de Orio" style="top: 28.971395517%; left: 47.592634241%;">
2272                                <span class="dotobra anim"></span>
2273                                <span class="spreadobra anim"></span>
2274                            </span>
2275                                                    <span class="pinobra" titulo="Viaducto de Arbizelai" style="top: 29.136251025%; left: 47.482476466%;">
2276                                <span class="dotobra anim"></span>
2277                                <span class="spreadobra anim"></span>
2278                            </span>
2279                                                    <span class="pinobra" titulo="Puente Centura" style="top: 28.13652717%; left: 55.69129122%;">
2280                                <span class="dotobra anim"></span>
2281                                <span class="spreadobra anim"></span>
2282                            </span>
2283                                                    <span class="pinobra" titulo="Puente del Picado II en el Embalse de Guadalcacín" style="top: 33.733632798%; left: 46.582630155%;">
2284                                <span class="dotobra anim"></span>
2285                                <span class="spreadobra anim"></span>
2286                            </span>
2287                                                    <span class="pinobra" titulo="Viaductos Puerta de Hierro" style="top: 30.995354589%; left: 47.12616367%;">
2288                                <span class="dotobra anim"></span>
2289                                <span class="spreadobra anim"></span>
2290                            </span>
2291                                                    <span class="pinobra" titulo="Puente del Picado I en el Embalse de Guadalcacín" style="top: 33.736008219%; left: 46.576331653%;">
2292                                <span class="dotobra anim"></span>
2293                                <span class="spreadobra anim"></span>
2294                            </span>
2295                                                    <span class="pinobra" titulo="Puentes sobre el Río Sil" style="top: 29.479878294%; left: 46.312238845%;">
2296                                <span class="dotobra anim"></span>
2297                                <span class="spreadobra anim"></span>
2298                            </span>
2299                                                    <span class="pinobra" titulo="Pasarela peatonal sobre el rio Segre II" style="top: 30.038346009%; left: 48.431490469%;">
2300                                <span class="dotobra anim"></span>
2301                                <span class="spreadobra anim"></span>
2302                            </span>
2303                                                    <span class="pinobra" titulo="Pasarelas Cáscara del Invernadero y del Matadero. MadridRío" style="top: 31.039564809%; left: 47.138063838%;">
2304                                <span class="dotobra anim"></span>
2305                                <span class="spreadobra anim"></span>
2306                            </span>
2307                                                    <span class="pinobra" titulo="Estructuras de la ronda norte de Valencia" style="top: 31.68013476%; left: 48.08382814%;">
2308                                <span class="dotobra anim"></span>
2309                                <span class="spreadobra anim"></span>
2310                            </span>
2311                                                    <span class="pinobra" titulo="Puente de Engano" style="top: 29.295124602%; left: 45.646707083%;">
2312                                <span class="dotobra anim"></span>
2313                                <span class="spreadobra anim"></span>
2314                            </span>
2315                                                    <span class="pinobra" titulo="Viaducto LAV de Riudellots de la Selva" style="top: 29.96167935%; left: 49.00477383%;">
2316                                <span class="dotobra anim"></span>
2317                                <span class="spreadobra anim"></span>
2318                            </span>
2319                                                    <span class="pinobra" titulo="Puente Cuatro Vientos" style="top: 29.294918823%; left: 47.724133336%;">
2320                                <span class="dotobra anim"></span>
2321                                <span class="spreadobra anim"></span>
2322                            </span>
2323                                                    <span class="pinobra" titulo="LAV Madrid-Alicante. Viaductos Acequia del Rey y del Cordel de Sax" style="top: 32.29590153%; left: 47.95150679%;">
2324                                <span class="dotobra anim"></span>
2325                                <span class="spreadobra anim"></span>
2326                            </span>
2327                                                    <span class="pinobra" titulo="Sistema de gestión de puentes para la Xunta de Galicia. XOPA" style="top: 28.934019024%; left: 45.843827867%;">
2328                                <span class="dotobra anim"></span>
2329                                <span class="spreadobra anim"></span>
2330                            </span>
2331                                                    <span class="pinobra" titulo="Rehabilitación de puentes Gabias y Malahá" style="top: 33.379844922%; left: 47.141527067%;">
2332                                <span class="dotobra anim"></span>
2333                                <span class="spreadobra anim"></span>
2334                            </span>
2335                                                    <span class="pinobra" titulo="Puente sobre el Canal de Beauharnois" style="top: 27.521460192%; left: 26.98440896%;">
2336                                <span class="dotobra anim"></span>
2337                                <span class="spreadobra anim"></span>
2338                            </span>
2339                                                    <span class="pinobra" titulo="Puente sobre el río Guadalfeo en la autopista A7" style="top: 33.632961696%; left: 47.179820329%;">
2340                                <span class="dotobra anim"></span>
2341                                <span class="spreadobra anim"></span>
2342                            </span>
2343                                                    <span class="pinobra" titulo="Pasarela Puente de los Franceses sobre la M-30" style="top: 31.010339172%; left: 47.127342953%;">
2344                                <span class="dotobra anim"></span>
2345                                <span class="spreadobra anim"></span>
2346                            </span>
2347                                                    <span class="pinobra" titulo="Plataforma flotante de hormigón para la explotación del recurso eólico en aguas profundas" style="top: 31.02116874%; left: 47.13701227%;">
2348                                <span class="dotobra anim"></span>
2349                                <span class="spreadobra anim"></span>
2350                            </span>
2351                                                    <span class="pinobra" titulo="Universidad de Bellas Artes de La Laguna" style="top: 39.59010027%; left: 43.521747316%;">
2352                                <span class="dotobra anim"></span>
2353                                <span class="spreadobra anim"></span>
2354                            </span>
2355                                                    <span class="pinobra" titulo="Sistema inteligente, sostenible e integrado de gestión de estructuras" style="top: 31.02116874%; left: 47.13701227%;">
2356                                <span class="dotobra anim"></span>
2357                                <span class="spreadobra anim"></span>
2358                            </span>
2359                                                    <span class="pinobra" titulo="Evaluación de 8 puentes en Indiana" style="top: 30.074819082%; left: 23.568894284%;">
2360                                <span class="dotobra anim"></span>
2361                                <span class="spreadobra anim"></span>
2362                            </span>
2363                                                    <span class="pinobra" titulo="Sistema de gestión de puentes para la Autovía del Camino de Compostela (A12)" style="top: 29.494111461%; left: 47.56840484%;">
2364                                <span class="dotobra anim"></span>
2365                                <span class="spreadobra anim"></span>
2366                            </span>
2367                                                    <span class="pinobra" titulo="Torre Sevilla en el Puerto de Triana" style="top: 33.188813178%; left: 46.474653006%;">
2368                                <span class="dotobra anim"></span>
2369                                <span class="spreadobra anim"></span>
2370                            </span>
2371                                                    <span class="pinobra" titulo="Aparcamiento del Colegio Nuestra Señora del Recuerdo" style="top: 30.981881442%; left: 47.144250984%;">
2372                                <span class="dotobra anim"></span>
2373                                <span class="spreadobra anim"></span>
2374                            </span>
2375                                                    <span class="pinobra" titulo="Est. de las bóvedas de San Martín de Arrieta" style="top: 29.01095169%; left: 47.42556207%;">
2376                                <span class="dotobra anim"></span>
2377                                <span class="spreadobra anim"></span>
2378                            </span>
2379                                                    <span class="pinobra" titulo="Sistema de gestión de puentes para el gobierno de Navarra" style="top: 29.38740537%; left: 47.71896791%;">
2380                                <span class="dotobra anim"></span>
2381                                <span class="spreadobra anim"></span>
2382                            </span>
2383                                                    <span class="pinobra" titulo="Puente sobre el Río Fraser para la sustitución del Túnel George Massey" style="top: 24.779495169%; left: 12.877213256%;">
2384                                <span class="dotobra anim"></span>
2385                                <span class="spreadobra anim"></span>
2386                            </span>
2387                                                    <span class="pinobra" titulo="Inspecciones principales de puentes para la M-45 y M-501. " style="top: 31.065474321%; left: 47.16060367%;">
2388                                <span class="dotobra anim"></span>
2389                                <span class="spreadobra anim"></span>
2390                            </span>
2391                                                    <span class="pinobra" titulo="Proyecto de reparación del puente de la Isla de Arosa" style="top: 29.494526604%; left: 45.660877708%;">
2392                                <span class="dotobra anim"></span>
2393                                <span class="spreadobra anim"></span>
2394                            </span>
2395                                                    <span class="pinobra" titulo="Inspecciones puentes en la red de carreteras de Bizkaia" style="top: 28.980013857%; left: 47.359325914%;">
2396                                <span class="dotobra anim"></span>
2397                                <span class="spreadobra anim"></span>
2398                            </span>
2399                                                    <span class="pinobra" titulo="Aeropuerto de Santiago de Compostela. Edificio Aparcamiento" style="top: 29.247647013%; left: 45.782951723%;">
2400                                <span class="dotobra anim"></span>
2401                                <span class="spreadobra anim"></span>
2402                            </span>
2403                                                    <span class="pinobra" titulo="Plaza Gaudí Residence" style="top: 79.296883422%; left: 34.235926891%;">
2404                                <span class="dotobra anim"></span>
2405                                <span class="spreadobra anim"></span>
2406                            </span>
2407                                                    <span class="pinobra" titulo="Estadio de San Mamés" style="top: 28.98042183%; left: 47.35765787%;">
2408                                <span class="dotobra anim"></span>
2409                                <span class="spreadobra anim"></span>
2410                            </span>
2411                                                    <span class="pinobra" titulo="Bóveda para la Bienal De Arquitectura de Venecia" style="top: 27.425093241%; left: 51.740591859%;">
2412                                <span class="dotobra anim"></span>
2413                                <span class="spreadobra anim"></span>
2414                            </span>
2415                                                    <span class="pinobra" titulo="Edificio Shopping Nações" style="top: 76.92429027%; left: 34.73260823%;">
2416                                <span class="dotobra anim"></span>
2417                                <span class="spreadobra anim"></span>
2418                            </span>
2419                                                    <span class="pinobra" titulo="Mersey Gateway Bridge" style="top: 21.745980738%; left: 47.421344892%;">
2420                                <span class="dotobra anim"></span>
2421                                <span class="spreadobra anim"></span>
2422                            </span>
2423                                                    <span class="pinobra" titulo="Nuevo Puente Gerald Desmond" style="top: 35.790857802%; left: 14.270542004%;">
2424                                <span class="dotobra anim"></span>
2425                                <span class="spreadobra anim"></span>
2426                            </span>
2427                                                    <span class="pinobra" titulo="Estadio Joaquim Américo, Club Atlético Paranaense" style="top: 78.246400269%; left: 34.057523386%;">
2428                                <span class="dotobra anim"></span>
2429                                <span class="spreadobra anim"></span>
2430                            </span>
2431                                                    <span class="pinobra" titulo="Rehabilitación Edificio Gran Vía 32" style="top: 31.018521576%; left: 47.137100092%;">
2432                                <span class="dotobra anim"></span>
2433                                <span class="spreadobra anim"></span>
2434                            </span>
2435                                                    <span class="pinobra" titulo="Edificio BPR" style="top: 78.128528337%; left: 31.655607471%;">
2436                                <span class="dotobra anim"></span>
2437                                <span class="spreadobra anim"></span>
2438                            </span>
2439                                                    <span class="pinobra" titulo="Pasarela sobre el río Glomma " style="top: 17.488543005%; left: 51.396692674%;">
2440                                <span class="dotobra anim"></span>
2441                                <span class="spreadobra anim"></span>
2442                            </span>
2443                                                    <span class="pinobra" titulo="Estudio del diseño de pilares frente a efectos de segundo orden" style="top: 31.02116874%; left: 47.13701227%;">
2444                                <span class="dotobra anim"></span>
2445                                <span class="spreadobra anim"></span>
2446                            </span>
2447                                                    <span class="pinobra" titulo="Punzonamiento - Detalle de armado" style="top: 31.02116874%; left: 47.13701227%;">
2448                                <span class="dotobra anim"></span>
2449                                <span class="spreadobra anim"></span>
2450                            </span>
2451                                                    <span class="pinobra" titulo="Proyecto frente a cargas explosivas" style="top: 31.02116874%; left: 47.13701227%;">
2452                                <span class="dotobra anim"></span>
2453                                <span class="spreadobra anim"></span>
2454                            </span>
2455                                                    <span class="pinobra" titulo="Carga hasta rotura de un puente de fábrica" style="top: 31.02116874%; left: 47.13701227%;">
2456                                <span class="dotobra anim"></span>
2457                                <span class="spreadobra anim"></span>
2458                            </span>
2459                                                    <span class="pinobra" titulo="Estructuras integrales" style="top: 31.02116874%; left: 47.13701227%;">
2460                                <span class="dotobra anim"></span>
2461                                <span class="spreadobra anim"></span>
2462                            </span>
2463                                                    <span class="pinobra" titulo="Cubierta Nave Industrial" style="top: 29.926874736%; left: 45.69132726%;">
2464                                <span class="dotobra anim"></span>
2465                                <span class="spreadobra anim"></span>
2466                            </span>
2467                                                    <span class="pinobra" titulo="Fisuración de muros pantalla" style="top: 31.02116874%; left: 47.13701227%;">
2468                                <span class="dotobra anim"></span>
2469                                <span class="spreadobra anim"></span>
2470                            </span>
2471                                                    <span class="pinobra" titulo="Supresión de juntas en puentes existentes" style="top: 31.02116874%; left: 47.13701227%;">
2472                                <span class="dotobra anim"></span>
2473                                <span class="spreadobra anim"></span>
2474                            </span>
2475                                                    <span class="pinobra" titulo="PIEM - PI Estructuras Metálicas y Mixtas" style="top: 31.02116874%; left: 47.13701227%;">
2476                                <span class="dotobra anim"></span>
2477                                <span class="spreadobra anim"></span>
2478                            </span>
2479                                                    <span class="pinobra" titulo="Puentes prefabricados continuos" style="top: 31.02116874%; left: 47.13701227%;">
2480                                <span class="dotobra anim"></span>
2481                                <span class="spreadobra anim"></span>
2482                            </span>
2483                                                    <span class="pinobra" titulo="Edificio Administrativo de Usos Múltiples (ESAUM)" style="top: 30.630509139%; left: 46.57786739%;">
2484                                <span class="dotobra anim"></span>
2485                                <span class="spreadobra anim"></span>
2486                            </span>
2487                                                    <span class="pinobra" titulo="Escultura Vela VII, Puerto Venecia" style="top: 30.16695645%; left: 47.946007009%;">
2488                                <span class="dotobra anim"></span>
2489                                <span class="spreadobra anim"></span>
2490                            </span>
2491                                                    <span class="pinobra" titulo="Enlace Dr. Kwame Nkrumah" style="top: 56.006568837%; left: 48.13816011%;">
2492                                <span class="dotobra anim"></span>
2493                                <span class="spreadobra anim"></span>
2494                            </span>
2495                                                    <span class="pinobra" titulo="Viaductos en la Avenida General Paz de Buenos Aires" style="top: 84.820934637%; left: 31.40165466%;">
2496                                <span class="dotobra anim"></span>
2497                                <span class="spreadobra anim"></span>
2498                            </span>
2499                                                    <span class="pinobra" titulo="Pasarela de Almuñecar sobre el Río Manzanares" style="top: 31.013263098%; left: 47.129328706%;">
2500                                <span class="dotobra anim"></span>
2501                                <span class="spreadobra anim"></span>
2502                            </span>
2503                                                    <span class="pinobra" titulo="Puente Saprissa sobre el Río Virilla en la RN32" style="top: 52.85234172%; left: 24.070792135%;">
2504                                <span class="dotobra anim"></span>
2505                                <span class="spreadobra anim"></span>
2506                            </span>
2507                                                    <span class="pinobra" titulo="Puente sobre el Rio Virilla en la RN147" style="top: 52.854803181%; left: 24.034858587%;">
2508                                <span class="dotobra anim"></span>
2509                                <span class="spreadobra anim"></span>
2510                            </span>
2511                                                    <span class="pinobra" titulo="Paso a desnivel en la intersección Mme. Lynch  Aviadores del Chaco" style="top: 78.122409459%; left: 31.684549986%;">
2512                                <span class="dotobra anim"></span>
2513                                <span class="spreadobra anim"></span>
2514                            </span>
2515                                                    <span class="pinobra" titulo="Puente binacional sobre el Río Paraná " style="top: 78.927277809%; left: 32.502041934%;">
2516                                <span class="dotobra anim"></span>
2517                                <span class="spreadobra anim"></span>
2518                            </span>
2519                                                    <span class="pinobra" titulo="Puente calzada norte de acceso al puente Centenario" style="top: 53.522294331%; left: 25.34561026%;">
2520                                <span class="dotobra anim"></span>
2521                                <span class="spreadobra anim"></span>
2522                            </span>
2523                                                    <span class="pinobra" titulo="Nuevo puente Champlain sobre el río San Lorenzo" style="top: 27.397965546%; left: 27.101939765%;">
2524                                <span class="dotobra anim"></span>
2525                                <span class="spreadobra anim"></span>
2526                            </span>
2527                                                    <span class="pinobra" titulo="SH99 Grand Parkway, Tramos I-1A" style="top: 38.496316053%; left: 20.949972503%;">
2528                                <span class="dotobra anim"></span>
2529                                <span class="spreadobra anim"></span>
2530                            </span>
2531                                                    <span class="pinobra" titulo="Ampliacion del Hospital de Al Adan" style="top: 39.109713855%; left: 62.003665078%;">
2532                                <span class="dotobra anim"></span>
2533                                <span class="spreadobra anim"></span>
2534                            </span>
2535                                                    <span class="pinobra" titulo="Viaducto Jamal Abdul Naseer Street" style="top: 38.978677086%; left: 61.942394022%;">
2536                                <span class="dotobra anim"></span>
2537                                <span class="spreadobra anim"></span>
2538                            </span>
2539                                                    <span class="pinobra" titulo="Metro de Dubai - Route 2020" style="top: 42.101255823%; left: 64.026934431%;">
2540                                <span class="dotobra anim"></span>
2541                                <span class="spreadobra anim"></span>
2542                            </span>
2543                                                    <span class="pinobra" titulo="Hotel Crescent" style="top: 31.053417966%; left: 62.509424801%;">
2544                                <span class="dotobra anim"></span>
2545                                <span class="spreadobra anim"></span>
2546                            </span>
2547                                                    <span class="pinobra" titulo="Estadio Lusail" style="top: 41.773122207%; left: 62.977729876%;">
2548                                <span class="dotobra anim"></span>
2549                                <span class="spreadobra anim"></span>
2550                            </span>
2551                                                    <span class="pinobra" titulo="Metro de Riyadh" style="top: 42.27016023%; left: 61.592557381%;">
2552                                <span class="dotobra anim"></span>
2553                                <span class="spreadobra anim"></span>
2554                            </span>
2555                                                    <span class="pinobra" titulo="Edificio de Oficinas BP" style="top: 31.1953137%; left: 62.397513456%;">
2556                                <span class="dotobra anim"></span>
2557                                <span class="spreadobra anim"></span>
2558                            </span>
2559                                                    <span class="pinobra" titulo="Pasarela Arkaiate" style="top: 29.280743733%; left: 47.442007457%;">
2560                                <span class="dotobra anim"></span>
2561                                <span class="spreadobra anim"></span>
2562                            </span>
2563                                                    <span class="pinobra" titulo="Gran Anillo Peatonal de Padre Anchieta" style="top: 39.579196134%; left: 43.516615469%;">
2564                                <span class="dotobra anim"></span>
2565                                <span class="spreadobra anim"></span>
2566                            </span>
2567                                                    <span class="pinobra" titulo="Pasarela Manuel Becerra" style="top: 31.013856057%; left: 47.147137056%;">
2568                                <span class="dotobra anim"></span>
2569                                <span class="spreadobra anim"></span>
2570                            </span>
2571                                                    <span class="pinobra" titulo="Estadio de Anoeta. Cubierta y Fachada" style="top: 28.952979372%; left: 47.633590289%;">
2572                                <span class="dotobra anim"></span>
2573                                <span class="spreadobra anim"></span>
2574                            </span>
2575                                                    <span class="pinobra" titulo="Reparación del Puente Fernando Reig" style="top: 32.258235369%; left: 48.061351448%;">
2576                                <span class="dotobra anim"></span>
2577                                <span class="spreadobra anim"></span>
2578                            </span>
2579                                                    <span class="pinobra" titulo="Pasarela Zabalgana sobre el Ferrocarril Madrid-Irún" style="top: 29.277805467%; left: 47.425323573%;">
2580                                <span class="dotobra anim"></span>
2581                                <span class="spreadobra anim"></span>
2582                            </span>
2583                                                    <span class="pinobra" titulo="La Ionosfera en la fundación Norman Foster" style="top: 31.010532045%; left: 47.140570496%;">
2584                                <span class="dotobra anim"></span>
2585                                <span class="spreadobra anim"></span>
2586                            </span>
2587                                                    <span class="pinobra" titulo="Puente Dvorecký" style="top: 24.114014487%; left: 52.336438586%;">
2588                                <span class="dotobra anim"></span>
2589                                <span class="spreadobra anim"></span>
2590                            </span>
2591                                                    <span class="pinobra" titulo="Linea de Alta Velocidad HS2" style="top: 22.323641109%; left: 47.70685077%;">
2592                                <span class="dotobra anim"></span>
2593                                <span class="spreadobra anim"></span>
2594                            </span>
2595                                                    <span class="pinobra" titulo="Puente sobre el Danubio" style="top: 25.975281957%; left: 53.669418983%;">
2596                                <span class="dotobra anim"></span>
2597                                <span class="spreadobra anim"></span>
2598                            </span>
2599                                                    <span class="pinobra" titulo="Pasarela peatonal Correntías" style="top: 32.695195245%; left: 47.930768744%;">
2600                                <span class="dotobra anim"></span>
2601                                <span class="spreadobra anim"></span>
2602                            </span>
2603                                                    <span class="pinobra" titulo="Fachada Palacio de Congresos" style="top: 31.292751132%; left: 46.450644882%;">
2604                                <span class="dotobra anim"></span>
2605                                <span class="spreadobra anim"></span>
2606                            </span>
2607                                                    <span class="pinobra" titulo="Puente sobre el Río Torola" style="top: 50.053519314%; left: 22.865399884%;">
2608                                <span class="dotobra anim"></span>
2609                                <span class="spreadobra anim"></span>
2610                            </span>
2611                                                    <span class="pinobra" titulo="Pasarela peatonal Roza Martín" style="top: 30.99444615%; left: 47.086413022%;">
2612                                <span class="dotobra anim"></span>
2613                                <span class="spreadobra anim"></span>
2614                            </span>
2615                                                    <span class="pinobra" titulo="Esfera City Center " style="top: 41.66157063%; left: 19.429817881%;">
2616                                <span class="dotobra anim"></span>
2617                                <span class="spreadobra anim"></span>
2618                            </span>
2619                                                    <span class="pinobra" titulo="Nuevo Aeropuerto Internacional de la Ciudad de México" style="top: 46.004826093%; left: 19.795002421%;">
2620                                <span class="dotobra anim"></span>
2621                                <span class="spreadobra anim"></span>
2622                            </span>
2623                                                    <span class="pinobra" titulo="ITER TB03" style="top: 28.661847258%; left: 49.857397448%;">
2624                                <span class="dotobra anim"></span>
2625                                <span class="spreadobra anim"></span>
2626                            </span>
2627                                                    <span class="pinobra" titulo="Pasarela sobre el Río Miño" style="top: 29.929405029%; left: 45.688457834%;">
2628                                <span class="dotobra anim"></span>
2629                                <span class="spreadobra anim"></span>
2630                            </span>
2631                                                    <span class="pinobra" titulo="Nuevo puente sobre el Río Tajo" style="top: 31.517066733%; left: 46.222717805%;">
2632                                <span class="dotobra anim"></span>
2633                                <span class="spreadobra anim"></span>
2634                            </span>
2635                                                    <span class="pinobra" titulo="Pasarela bici/peatonal Harley Street" style="top: 22.787411049%; left: 45.769811428%;">
2636                                <span class="dotobra anim"></span>
2637                                <span class="spreadobra anim"></span>
2638                            </span>
2639                                                    <span class="pinobra" titulo="Pasarela peatonal Sant Celoni" style="top: 30.107284842%; left: 48.917905818%;">
2640                                <span class="dotobra anim"></span>
2641                                <span class="spreadobra anim"></span>
2642                            </span>
2643                                                    <span class="pinobra" titulo="Acceso Norte a Sevilla. Viaducto Pago de Enmedio en La Rinconada" style="top: 33.124556355%; left: 46.487601011%;">
2644                                <span class="dotobra anim"></span>
2645                                <span class="spreadobra anim"></span>
2646                            </span>
2647                                                    <span class="pinobra" titulo="Edificio Axis en Plaza Colón" style="top: 31.015241301%; left: 47.140564469%;">
2648                                <span class="dotobra anim"></span>
2649                                <span class="spreadobra anim"></span>
2650                            </span>
2651                                                    <span class="pinobra" titulo="Viaducto Internacional Gordie Howe sobre el Rio Detroit" style="top: 29.679488226%; left: 24.351049357%;">
2652                                <span class="dotobra anim"></span>
2653                                <span class="spreadobra anim"></span>
2654                            </span>
2655                                                    <span class="pinobra" titulo="Edificio multifuncional en Calle Fúcar, 6" style="top: 31.024463355%; left: 47.13930827%;">
2656                                <span class="dotobra anim"></span>
2657                                <span class="spreadobra anim"></span>
2658                            </span>
2659                                                    <span class="pinobra" titulo="Estadio Al Thumama" style="top: 41.906352279%; left: 62.989705525%;">
2660                                <span class="dotobra anim"></span>
2661                                <span class="spreadobra anim"></span>
2662                            </span>
2663                                                    <span class="pinobra" titulo="Centro comercial Al Zahia City Center" style="top: 41.847834324%; left: 64.115665073%;">
2664                                <span class="dotobra anim"></span>
2665                                <span class="spreadobra anim"></span>
2666                            </span>
2667                                                    <span class="pinobra" titulo="Marmaray CR3. Pasos Superiores" style="top: 30.604515021%; left: 56.53160139%;">
2668                                <span class="dotobra anim"></span>
2669                                <span class="spreadobra anim"></span>
2670                            </span>
2671                                                    <span class="pinobra" titulo="Oficinas Atlas en Bab-Ezzouar" style="top: 33.673276455%; left: 49.116494894%;">
2672                                <span class="dotobra anim"></span>
2673                                <span class="spreadobra anim"></span>
2674                            </span>
2675                                                    <span class="pinobra" titulo="Centro Comercial en Bawshar" style="top: 43.086054606%; left: 64.958892885%;">
2676                                <span class="dotobra anim"></span>
2677                                <span class="spreadobra anim"></span>
2678                            </span>
2679                                                    <span class="pinobra" titulo="Puente sobre el Danubio" style="top: 25.526142402%; left: 53.122719571%;">
2680                                <span class="dotobra anim"></span>
2681                                <span class="spreadobra anim"></span>
2682                            </span>
2683                                                    <span class="pinobra" titulo="Hospital General de Villalba" style="top: 30.850471116%; left: 47.051766095%;">
2684                                <span class="dotobra anim"></span>
2685                                <span class="spreadobra anim"></span>
2686                            </span>
2687                                                    <span class="pinobra" titulo="Aeropuerto de Santiago de Compostela. Edificio Terminal" style="top: 29.246519172%; left: 45.783251351%;">
2688                                <span class="dotobra anim"></span>
2689                                <span class="spreadobra anim"></span>
2690                            </span>
2691                                                    <span class="pinobra" titulo="Biblioteca Árabe Suramericana" style="top: 33.677370525%; left: 49.017605887%;">
2692                                <span class="dotobra anim"></span>
2693                                <span class="spreadobra anim"></span>
2694                            </span>
2695                                                    <span class="pinobra" titulo="Ampliación del Puente de Rande en la Ría de Vigo" style="top: 29.679641664%; left: 45.714431908%;">
2696                                <span class="dotobra anim"></span>
2697                                <span class="spreadobra anim"></span>
2698                            </span>
2699                                                    <span class="pinobra" titulo="Hangar para Montaje Final del Avión A400M " style="top: 33.17557449%; left: 46.512031599%;">
2700                                <span class="dotobra anim"></span>
2701                                <span class="spreadobra anim"></span>
2702                            </span>
2703                                                    <span class="pinobra" titulo="Diagnóstico y propuesta de rehabilitación de la antigua Central Térmica" style="top: 30.296904813%; left: 48.84145361%;">
2704                                <span class="dotobra anim"></span>
2705                                <span class="spreadobra anim"></span>
2706                            </span>
2707                                                    <span class="pinobra" titulo="Nave de almacenamiento. Unipapel" style="top: 30.883739916%; left: 47.138384704%;">
2708                                <span class="dotobra anim"></span>
2709                                <span class="spreadobra anim"></span>
2710                            </span>
2711                                                    <span class="pinobra" titulo="Viaductos de LAV. Tramo Tolosa-Hernialde" style="top: 29.071511661%; left: 47.601575152%;">
2712                                <span class="dotobra anim"></span>
2713                                <span class="spreadobra anim"></span>
2714                            </span>
2715                                                    <span class="pinobra" titulo="Colegio Alemán " style="top: 30.956309637%; left: 47.13673962%;">
2716                                <span class="dotobra anim"></span>
2717                                <span class="spreadobra anim"></span>
2718                            </span>
2719                                                    <span class="pinobra" titulo="Ampliación Refineria Khabarovsk" style="top: 25.224505521%; left: 86.959872053%;">
2720                                <span class="dotobra anim"></span>
2721                                <span class="spreadobra anim"></span>
2722                            </span>
2723                                                    <span class="pinobra" titulo="Estructuras sobre la línea de AV Madrid - Extremadura" style="top: 31.393653108%; left: 46.584437107%;">
2724                                <span class="dotobra anim"></span>
2725                                <span class="spreadobra anim"></span>
2726                            </span>
2727                                                    <span class="pinobra" titulo="Viaductos ferroviarios AVE" style="top: 33.518684085%; left: 47.566061198%;">
2728                                <span class="dotobra anim"></span>
2729                                <span class="spreadobra anim"></span>
2730                            </span>
2731                                                    <span class="pinobra" titulo="Viaductos ferroviarios de Leira y Pedro" style="top: 29.859602211%; left: 46.227154825%;">
2732                                <span class="dotobra anim"></span>
2733                                <span class="spreadobra anim"></span>
2734                            </span>
2735                                                    <span class="pinobra" titulo="Tanques Gas Natural Licuado" style="top: 28.838739045%; left: 45.835202369%;">
2736                                <span class="dotobra anim"></span>
2737                                <span class="spreadobra anim"></span>
2738                            </span>
2739                                                    <span class="pinobra" titulo="Depósito de agua potable" style="top: 29.015908311%; left: 47.301112556%;">
2740                                <span class="dotobra anim"></span>
2741                                <span class="spreadobra anim"></span>
2742                            </span>
2743                                                    <span class="pinobra" titulo="Pasarela sobre el Río Najerilla" style="top: 29.585019174%; left: 47.415906529%;">
2744                                <span class="dotobra anim"></span>
2745                                <span class="spreadobra anim"></span>
2746                            </span>
2747                                                    <span class="pinobra" titulo="Viaducto de Tocón. LAV Antequera-Granada" style="top: 33.304257348%; left: 47.058459509%;">
2748                                <span class="dotobra anim"></span>
2749                                <span class="spreadobra anim"></span>
2750                            </span>
2751                                                    <span class="pinobra" titulo="Cebu-Cordova Link Expressway" style="top: 52.624297719%; left: 83.759161379%;">
2752                                <span class="dotobra anim"></span>
2753                                <span class="spreadobra anim"></span>
2754                            </span>
2755                                                    <span class="pinobra" titulo="B2P - Pasarela en Monte Verde" style="top: 50.3731995%; left: 23.407063307%;">
2756                                <span class="dotobra anim"></span>
2757                                <span class="spreadobra anim"></span>
2758                            </span>
2759                                                    <span class="pinobra" titulo="B2P - Pasarela en San Vicente" style="top: 50.367097113%; left: 23.5800494%;">
2760                                <span class="dotobra anim"></span>
2761                                <span class="spreadobra anim"></span>
2762                            </span>
2763                                                    <span class="pinobra" titulo="East-West Link" style="top: 87.103485495%; left: 89.789170574%;">
2764                                <span class="dotobra anim"></span>
2765                                <span class="spreadobra anim"></span>
2766                            </span>
2767                                                    <span class="pinobra" titulo="Puente de Ziguinchor" style="top: 50.972838789%; left: 43.532606822%;">
2768                                <span class="dotobra anim"></span>
2769                                <span class="spreadobra anim"></span>
2770                            </span>
2771                                                    <span class="pinobra" titulo="Viaducto de Deskarga. LAV Tramo Antzuola–Ezkio" style="top: 29.10248391%; left: 47.519525583%;">
2772                                <span class="dotobra anim"></span>
2773                                <span class="spreadobra anim"></span>
2774                            </span>
2775                                                    <span class="pinobra" titulo="LAV Málaga  Granada. Viaductos del Arroyo de la Viñuela" style="top: 33.369084186%; left: 46.970292822%;">
2776                                <span class="dotobra anim"></span>
2777                                <span class="spreadobra anim"></span>
2778                            </span>
2779                                                    <span class="pinobra" titulo="Rehabilitación del Salón de Reinos, Museo del Prado" style="top: 31.021874268%; left: 47.140854339%;">
2780                                <span class="dotobra anim"></span>
2781                                <span class="spreadobra anim"></span>
2782                            </span>
2783                                                    <span class="pinobra" titulo="Viaducto Río Ulla. Concurso" style="top: 29.40656361%; left: 45.693679512%;">
2784                                <span class="dotobra anim"></span>
2785                                <span class="spreadobra anim"></span>
2786                            </span>
2787                                                    <span class="pinobra" titulo="Palma Arena" style="top: 31.615302903%; left: 48.958505412%;">
2788                                <span class="dotobra anim"></span>
2789                                <span class="spreadobra anim"></span>
2790                            </span>
2791                                                    <span class="pinobra" titulo="Pirámides de Güimar" style="top: 39.694163499%; left: 43.489531853%;">
2792                                <span class="dotobra anim"></span>
2793                                <span class="spreadobra anim"></span>
2794                            </span>
2795                                                    <span class="pinobra" titulo="Cubierta del Centro Comercial Fañabé Plaza" style="top: 39.861645378%; left: 43.397624982%;">
2796                                <span class="dotobra anim"></span>
2797                                <span class="spreadobra anim"></span>
2798                            </span>
2799                                                    <span class="pinobra" titulo="Cubierta del Aparcamiento P1 del Aeropuerto de Sevilla" style="top: 33.167627979%; left: 46.506046214%;">
2800                                <span class="dotobra anim"></span>
2801                                <span class="spreadobra anim"></span>
2802                            </span>
2803                                                    <span class="pinobra" titulo="Cubierta Andén del Apeadero de la Cartuja" style="top: 33.178866954%; left: 46.475113354%;">
2804                                <span class="dotobra anim"></span>
2805                                <span class="spreadobra anim"></span>
2806                            </span>
2807                                                    <span class="pinobra" titulo="Cubierta Pasarela Apeadero de San Jerónimo" style="top: 33.16018767%; left: 46.483446112%;">
2808                                <span class="dotobra anim"></span>
2809                                <span class="spreadobra anim"></span>
2810                            </span>
2811                                                    <span class="pinobra" titulo="Cubierta Graderío Castillo Nogalte en Puerto Lumbreras" style="top: 33.069216861%; left: 47.679306806%;">
2812                                <span class="dotobra anim"></span>
2813                                <span class="spreadobra anim"></span>
2814                            </span>
2815                                                    <span class="pinobra" titulo="Cubiertas en el Centro Colombo" style="top: 32.212591866%; left: 45.562661142%;">
2816                                <span class="dotobra anim"></span>
2817                                <span class="spreadobra anim"></span>
2818                            </span>
2819                                                    <span class="pinobra" titulo="Cubierta Oficina Principal SONAE ARAUCO" style="top: 30.433330554%; left: 45.720182527%;">
2820                                <span class="dotobra anim"></span>
2821                                <span class="spreadobra anim"></span>
2822                            </span>
2823                                                    <span class="pinobra" titulo="Cubierta de Aparcamiento CarPlus Gaia" style="top: 30.51920421%; left: 45.725776444%;">
2824                                <span class="dotobra anim"></span>
2825                                <span class="spreadobra anim"></span>
2826                            </span>
2827                                                    <span class="pinobra" titulo="Cubierta de Guardería Infantil" style="top: 39.662367417%; left: 43.502891129%;">
2828                                <span class="dotobra anim"></span>
2829                                <span class="spreadobra anim"></span>
2830                            </span>
2831                                                    <span class="pinobra" titulo="Gran Canaria Arena" style="top: 39.850164774%; left: 43.763857072%;">
2832                                <span class="dotobra anim"></span>
2833                                <span class="spreadobra anim"></span>
2834                            </span>
2835                                                    <span class="pinobra" titulo="Estudio de refuerzos para la nueva cubierta del Estadio de Balaidos" style="top: 29.734058379%; left: 45.691703517%;">
2836                                <span class="dotobra anim"></span>
2837                                <span class="spreadobra anim"></span>
2838                            </span>
2839                                                    <span class="pinobra" titulo="Rehabilitación estructuras del Estadio de Riazor" style="top: 28.904672214%; left: 45.784174056%;">
2840                                <span class="dotobra anim"></span>
2841                                <span class="spreadobra anim"></span>
2842                            </span>
2843                                                    <span class="pinobra" titulo="Rehabilitación Casa del Faro de la Isla de Santa Clara" style="top: 28.938225663%; left: 47.626497371%;">
2844                                <span class="dotobra anim"></span>
2845                                <span class="spreadobra anim"></span>
2846                            </span>
2847                                                    <span class="pinobra" titulo="Rehabilitacion Centro Deportivo Municipal José María Cagigal" style="top: 31.009931199%; left: 47.127675012%;">
2848                                <span class="dotobra anim"></span>
2849                                <span class="spreadobra anim"></span>
2850                            </span>
2851                                                    <span class="pinobra" titulo="Asociación Paraguaya de Golf" style="top: 78.110243403%; left: 31.687487718%;">
2852                                <span class="dotobra anim"></span>
2853                                <span class="spreadobra anim"></span>
2854                            </span>
2855                                                    <span class="pinobra" titulo="Estacion Evitamiento. Linea 2. Metro de Lima" style="top: 68.646041295%; left: 26.108381353%;">
2856                                <span class="dotobra anim"></span>
2857                                <span class="spreadobra anim"></span>
2858                            </span>
2859                                                    <span class="pinobra" titulo="Central Hidroeléctrica Renace II" style="top: 48.874550478%; left: 22.330438485%;">
2860                                <span class="dotobra anim"></span>
2861                                <span class="spreadobra anim"></span>
2862                            </span>
2863                                                    <span class="pinobra" titulo="Central Hidroeléctrica Renace III" style="top: 48.894099483%; left: 22.302097809%;">
2864                                <span class="dotobra anim"></span>
2865                                <span class="spreadobra anim"></span>
2866                            </span>
2867                                                    <span class="pinobra" titulo="Proyecto de Autopista al Mar 2" style="top: 54.509021844%; left: 26.195496759%;">
2868                                <span class="dotobra anim"></span>
2869                                <span class="spreadobra anim"></span>
2870                            </span>
2871                                                    <span class="pinobra" titulo="Puente sobre el Río Paraná" style="top: 79.751176056%; left: 31.301093878%;">
2872                                <span class="dotobra anim"></span>
2873                                <span class="spreadobra anim"></span>
2874                            </span>
2875                                                    <span class="pinobra" titulo="B2P - Pasarela sobre el Puka Mayu" style="top: 74.287878402%; left: 29.692828821%;">
2876                                <span class="dotobra anim"></span>
2877                                <span class="spreadobra anim"></span>
2878                            </span>
2879                                                    <span class="pinobra" titulo="Concesión Vial Pacífico 3" style="top: 56.475523404%; left: 26.425793882%;">
2880                                <span class="dotobra anim"></span>
2881                                <span class="spreadobra anim"></span>
2882                            </span>
2883                                                    <span class="pinobra" titulo="Concesión Vial Pacífico 1" style="top: 55.699653402%; left: 26.441994745%;">
2884                                <span class="dotobra anim"></span>
2885                                <span class="spreadobra anim"></span>
2886                            </span>
2887                                                    <span class="pinobra" titulo="Anillo viario sur-oeste de Calgary" style="top: 23.425545351%; left: 15.429056823%;">
2888                                <span class="dotobra anim"></span>
2889                                <span class="spreadobra anim"></span>
2890                            </span>
2891                                                    <span class="pinobra" titulo="Pasarelas Bidegorri entre Azitain y Maltzaga" style="top: 29.030628321%; left: 47.500619458%;">
2892                                <span class="dotobra anim"></span>
2893                                <span class="spreadobra anim"></span>
2894                            </span>
2895                                                    <span class="pinobra" titulo="Torre Zaragoza" style="top: 30.130907841%; left: 47.937465028%;">
2896                                <span class="dotobra anim"></span>
2897                                <span class="spreadobra anim"></span>
2898                            </span>
2899                                                    <span class="pinobra" titulo="Puente sobre el Rio Usk" style="top: 23.028521658%; left: 47.344774153%;">
2900                                <span class="dotobra anim"></span>
2901                                <span class="spreadobra anim"></span>
2902                            </span>
2903                                                    <span class="pinobra" titulo="Garden Bridge sobre el rio Támesis" style="top: 23.067584535%; left: 48.167578471%;">
2904                                <span class="dotobra anim"></span>
2905                                <span class="spreadobra anim"></span>
2906                            </span>
2907                                                    <span class="pinobra" titulo="Puente sobre el Río Lérez" style="top: 29.565470886%; left: 45.723864737%;">
2908                                <span class="dotobra anim"></span>
2909                                <span class="spreadobra anim"></span>
2910                            </span>
2911                                                    <span class="pinobra" titulo="Eje Atlántico Alta Velocidad. Viaducto de Sar" style="top: 29.339825967%; left: 45.711145758%;">
2912                                <span class="dotobra anim"></span>
2913                                <span class="spreadobra anim"></span>
2914                            </span>
2915                                                    <span class="pinobra" titulo="Hospital Materno-Infantil" style="top: 39.865705032%; left: 43.775263026%;">
2916                                <span class="dotobra anim"></span>
2917                                <span class="spreadobra anim"></span>
2918                            </span>
2919                                                    <span class="pinobra" titulo="Puente Tercera Travesía del Tajo" style="top: 32.253821517%; left: 45.592059987%;">
2920                                <span class="dotobra anim"></span>
2921                                <span class="spreadobra anim"></span>
2922                            </span>
2923                                                    <span class="pinobra" titulo="Pasarela Nudo Sur sobre la M-30 y el río Manzanares" style="top: 31.044775965%; left: 47.140468037%;">
2924                                <span class="dotobra anim"></span>
2925                                <span class="spreadobra anim"></span>
2926                            </span>
2927                                                    <span class="pinobra" titulo="Pasarela conexión al Parque Lineal Manzanares - Sur" style="top: 31.046918361%; left: 47.14055672%;">
2928                                <span class="dotobra anim"></span>
2929                                <span class="spreadobra anim"></span>
2930                            </span>
2931                                                    <span class="pinobra" titulo="CETRAM Metro Chapultepec" style="top: 46.074387282%; left: 19.736387837%;">
2932                                <span class="dotobra anim"></span>
2933                                <span class="spreadobra anim"></span>
2934                            </span>
2935                                                    <span class="pinobra" titulo="Cubierta del Ayuntamiento Los Santos de Maimona" style="top: 32.431719972%; left: 46.367245265%;">
2936                                <span class="dotobra anim"></span>
2937                                <span class="spreadobra anim"></span>
2938                            </span>
2939                                                    <span class="pinobra" titulo="Torre toma Presa del Villar" style="top: 30.640182186%; left: 47.177476113%;">
2940                                <span class="dotobra anim"></span>
2941                                <span class="spreadobra anim"></span>
2942                            </span>
2943                                                    <span class="pinobra" titulo="Nave para Avance Cartón Ondulado" style="top: 30.921028935%; left: 47.195432842%;">
2944                                <span class="dotobra anim"></span>
2945                                <span class="spreadobra anim"></span>
2946                            </span>
2947                                                    <span class="pinobra" titulo="Rehabilitación del Pantalán de Sagunto" style="top: 31.56964506%; left: 48.141126542%;">
2948                                <span class="dotobra anim"></span>
2949                                <span class="spreadobra anim"></span>
2950                            </span>
2951                                                    <span class="pinobra" titulo="Aliviadero de Fontiñas (Río Sar)" style="top: 29.257122885%; left: 45.75139636%;">
2952                                <span class="dotobra anim"></span>
2953                                <span class="spreadobra anim"></span>
2954                            </span>
2955                                                    <span class="pinobra" titulo="Estructura del Espaldón del Dique en Port Adriano" style="top: 31.686849465%; left: 48.910328731%;">
2956                                <span class="dotobra anim"></span>
2957                                <span class="spreadobra anim"></span>
2958                            </span>
2959                                                    <span class="pinobra" titulo="Ampliacion del Puerto del Club del Mar" style="top: 31.636639389%; left: 48.954746286%;">
2960                                <span class="dotobra anim"></span>
2961                                <span class="spreadobra anim"></span>
2962                            </span>
2963                                                    <span class="pinobra" titulo="Puente de Vidin-Calafat sobre el Danubio" style="top: 28.448801463%; left: 54.786065094%;">
2964                                <span class="dotobra anim"></span>
2965                                <span class="spreadobra anim"></span>
2966                            </span>
2967                                                    <span class="pinobra" titulo="Elevación calzada del Puente Bayonne" style="top: 30.859650867%; left: 26.921206107%;">
2968                                <span class="dotobra anim"></span>
2969                                <span class="spreadobra anim"></span>
2970                            </span>
2971                                                    <span class="pinobra" titulo="Línea 1 del Metro de Panamá" style="top: 53.528456229%; left: 25.380940247%;">
2972                                <span class="dotobra anim"></span>
2973                                <span class="spreadobra anim"></span>
2974                            </span>
2975                                                    <span class="pinobra" titulo="L2 Metro de Panamá. Viaductos y Estaciones" style="top: 53.526359721%; left: 25.384728073%;">
2976                                <span class="dotobra anim"></span>
2977                                <span class="spreadobra anim"></span>
2978                            </span>
2979                                                    <span class="pinobra" titulo="Puente sobre el Río Wear" style="top: 20.624734704%; left: 47.791221882%;">
2980                                <span class="dotobra anim"></span>
2981                                <span class="spreadobra anim"></span>
2982                            </span>
2983                                                    <span class="pinobra" titulo="Manhattan Loft Gardens" style="top: 23.042028504%; left: 48.197803015%;">
2984                                <span class="dotobra anim"></span>
2985                                <span class="spreadobra anim"></span>
2986                            </span>
2987                                                    <span class="pinobra" titulo="Viaducto Hai Sabah. Tranvía de Orán" style="top: 34.407204825%; left: 48.035178196%;">
2988                                <span class="dotobra anim"></span>
2989                                <span class="spreadobra anim"></span>
2990                            </span>
2991                                                    <span class="pinobra" titulo="Pasarela movíl sobre el río Motlawa" style="top: 21.028460196%; left: 53.555553168%;">
2992                                <span class="dotobra anim"></span>
2993                                <span class="spreadobra anim"></span>
2994                            </span>
2995                                                    <span class="pinobra" titulo="Puente ferroviario en la Marina de Badalona II" style="top: 30.289847382%; left: 48.843160112%;">
2996                                <span class="dotobra anim"></span>
2997                                <span class="spreadobra anim"></span>
2998                            </span>
2999                                                    <span class="pinobra" titulo="CIS. Centro de Inserción Social Guillermo Miranda" style="top: 32.803938333%; left: 47.858612352%;">
3000                                <span class="dotobra anim"></span>
3001                                <span class="spreadobra anim"></span>
3002                            </span>
3003                                                    <span class="pinobra" titulo="CIS. Centro de Inserción Social Mercedes Pinto" style="top: 39.59309733%; left: 43.531212289%;">
3004                                <span class="dotobra anim"></span>
3005                                <span class="spreadobra anim"></span>
3006                            </span>
3007                                                    <span class="pinobra" titulo="CIS. Centro de Inserción Social Luis Jiménez de Asúa" style="top: 33.189928113%; left: 46.521789599%;">
3008                                <span class="dotobra anim"></span>
3009                                <span class="spreadobra anim"></span>
3010                            </span>
3011                                                    <span class="pinobra" titulo="CIS. Centro de Inserción Social de Gran Canaria" style="top: 39.906427764%; left: 43.776441161%;">
3012                                <span class="dotobra anim"></span>
3013                                <span class="spreadobra anim"></span>
3014                            </span>
3015                                                    <span class="pinobra" titulo="Unidad de Madres de Sevilla" style="top: 33.190652283%; left: 46.521452374%;">
3016                                <span class="dotobra anim"></span>
3017                                <span class="spreadobra anim"></span>
3018                            </span>
3019                                                    <span class="pinobra" titulo="Torre III en SE 5th Street" style="top: 41.523675756%; left: 25.185327648%;">
3020                                <span class="dotobra anim"></span>
3021                                <span class="spreadobra anim"></span>
3022                            </span>
3023                                                    <span class="pinobra" titulo="Puente Turnpike sobre el Río Delaware" style="top: 31.236094509%; left: 26.723679792%;">
3024                                <span class="dotobra anim"></span>
3025                                <span class="spreadobra anim"></span>
3026                            </span>
3027                                                    <span class="pinobra" titulo="Aeropuerto de Kastelli" style="top: 34.766300652%; left: 55.469159821%;">
3028                                <span class="dotobra anim"></span>
3029                                <span class="spreadobra anim"></span>
3030                            </span>
3031                                                    <span class="pinobra" titulo="Silos de almacenamiento de Verallia" style="top: 39.93886341%; left: 43.784031737%;">
3032                                <span class="dotobra anim"></span>
3033                                <span class="spreadobra anim"></span>
3034                            </span>
3035                                                    <span class="pinobra" titulo="Puente sobre la carretera Sheikh Zayed" style="top: 41.934693855%; left: 64.060706582%;">
3036                                <span class="dotobra anim"></span>
3037                                <span class="spreadobra anim"></span>
3038                            </span>
3039                                                    <span class="pinobra" titulo="Radisson Blu Resort & Spa" style="top: 40.04883687%; left: 43.677437928%;">
3040                                <span class="dotobra anim"></span>
3041                                <span class="spreadobra anim"></span>
3042                            </span>
3043                                                    <span class="pinobra" titulo="Pasarela Nine Elms to Pimlico sobre el Rio Támesis 
3044" style="top: 23.086060908%; left: 48.159835211%;">
3045                                <span class="dotobra anim"></span>
3046                                <span class="spreadobra anim"></span>
3047                            </span>
3048                                                    <span class="pinobra" titulo="Aquário do Pantanal" style="top: 74.666875281%; left: 32.536689435%;">
3049                                <span class="dotobra anim"></span>
3050                                <span class="spreadobra anim"></span>
3051                            </span>
3052                                                    <span class="pinobra" titulo="Paramount Park" style="top: 32.906629224%; left: 47.813029577%;">
3053                                <span class="dotobra anim"></span>
3054                                <span class="spreadobra anim"></span>
3055                            </span>
3056                                                    <span class="pinobra" titulo="Ampliación del Hospital de Farwaniya" style="top: 39.012174609%; left: 61.948836885%;">
3057                                <span class="dotobra anim"></span>
3058                                <span class="spreadobra anim"></span>
3059                            </span>
3060                                                    <span class="pinobra" titulo="Autopista D4-R7" style="top: 25.526021229%; left: 53.120001394%;">
3061                                <span class="dotobra anim"></span>
3062                                <span class="spreadobra anim"></span>
3063                            </span>
3064                                                    <span class="pinobra" titulo="3 Pasarelas. Puente de Praga, La Princesa y Arganzuela III" style="top: 31.036844511%; left: 47.136856716%;">
3065                                <span class="dotobra anim"></span>
3066                                <span class="spreadobra anim"></span>
3067                            </span>
3068                                                    <span class="pinobra" titulo="Hospital Universitario de Torrejón" style="top: 30.986598585%; left: 47.214107358%;">
3069                                <span class="dotobra anim"></span>
3070                                <span class="spreadobra anim"></span>
3071                            </span>
3072                                                    <span class="pinobra" titulo="Terminal de Carga Aeropuerto Internacional Aristides Pereira" style="top: 48.430533171%; left: 41.630010063%;">
3073                                <span class="dotobra anim"></span>
3074                                <span class="spreadobra anim"></span>
3075                            </span>
3076                                                    <span class="pinobra" titulo="Nave de carga del Beluga (FLY10K)" style="top: 31.109559066%; left: 47.134407458%;">
3077                                <span class="dotobra anim"></span>
3078                                <span class="spreadobra anim"></span>
3079                            </span>
3080                                                    <span class="pinobra" titulo="Viaductos de Basagoiti" style="top: 29.141193306%; left: 47.479520653%;">
3081                                <span class="dotobra anim"></span>
3082                                <span class="spreadobra anim"></span>
3083                            </span>
3084                                                    <span class="pinobra" titulo="North Tarrant Expressway: intercambiador I-820 / IH-35W Mark IV " style="top: 36.454103595%; left: 20.271301307%;">
3085                                <span class="dotobra anim"></span>
3086                                <span class="spreadobra anim"></span>
3087                            </span>
3088                                                    <span class="pinobra" titulo="Canal de agua de refrigeración de la UPT Litoral de Almería" style="top: 33.485480532%; left: 47.653769833%;">
3089                                <span class="dotobra anim"></span>
3090                                <span class="spreadobra anim"></span>
3091                            </span>
3092                                                    <span class="pinobra" titulo="Central eléctrica de ciclo combinado" style="top: 44.969197746%; left: 20.235307489%;">
3093                                <span class="dotobra anim"></span>
3094                                <span class="spreadobra anim"></span>
3095                            </span>
3096                                                    <span class="pinobra" titulo="Nueva estación de cercanías Sagrera-Meridiana" style="top: 30.300610269%; left: 48.827654076%;">
3097                                <span class="dotobra anim"></span>
3098                                <span class="spreadobra anim"></span>
3099                            </span>
3100                                                    <span class="pinobra" titulo="Pasarela para el carril de bici Barakaldo-La Arena. Variante Sur Metropolitana Bilbao" style="top: 28.944713796%; left: 47.330572819%;">
3101                                <span class="dotobra anim"></span>
3102                                <span class="spreadobra anim"></span>
3103                            </span>
3104                                                    <span class="pinobra" titulo="Estadio Vallehermoso" style="top: 31.003354158%; left: 47.135250664%;">
3105                                <span class="dotobra anim"></span>
3106                                <span class="spreadobra anim"></span>
3107                            </span>
3108                                                    <span class="pinobra" titulo="Dos torres de viviendas en Bolueta" style="top: 28.992415806%; left: 47.365130776%;">
3109                                <span class="dotobra anim"></span>
3110                                <span class="spreadobra anim"></span>
3111                            </span>
3112                                                    <span class="pinobra" titulo="Rehabilitación Vivienda Unifamiliar" style="top: 33.983211894%; left: 46.679487202%;">
3113                                <span class="dotobra anim"></span>
3114                                <span class="spreadobra anim"></span>
3115                            </span>
3116                                                    <span class="pinobra" titulo="Refuerzo estructural del puente Pênsil" style="top: 77.190351762%; left: 34.886416983%;">
3117                                <span class="dotobra anim"></span>
3118                                <span class="spreadobra anim"></span>
3119                            </span>
3120                                                    <span class="pinobra" titulo="Nuevo puente sobre el Río Tajo" style="top: 31.517859018%; left: 46.222257744%;">
3121                                <span class="dotobra anim"></span>
3122                                <span class="spreadobra anim"></span>
3123                            </span>
3124                                                    <span class="pinobra" titulo="Estaciones 1 a 7. Linea 3 de Metro de Madrid" style="top: 31.07545998%; left: 47.134453091%;">
3125                                <span class="dotobra anim"></span>
3126                                <span class="spreadobra anim"></span>
3127                            </span>
3128                                                    <span class="pinobra" titulo="Remodelación Estación Passeig de Gràcia " style="top: 30.321823431%; left: 48.821425315%;">
3129                                <span class="dotobra anim"></span>
3130                                <span class="spreadobra anim"></span>
3131                            </span>
3132                                                    <span class="pinobra" titulo="Estación de Vigo-Urzáiz" style="top: 29.717273409%; left: 45.699956776%;">
3133                                <span class="dotobra anim"></span>
3134                                <span class="spreadobra anim"></span>
3135                            </span>
3136                                                    <span class="pinobra" titulo="Reparación túneles de presión. Planta hidroeléctrica de Changuinola" style="top: 53.37737931%; left: 24.52402397%;">
3137                                <span class="dotobra anim"></span>
3138                                <span class="spreadobra anim"></span>
3139                            </span>
3140                                                    <span class="pinobra" titulo="Acceso C/ de Preciados a la Estación de metro SOL" style="top: 31.020819561%; left: 47.136907802%;">
3141                                <span class="dotobra anim"></span>
3142                                <span class="spreadobra anim"></span>
3143                            </span>
3144                                                    <span class="pinobra" titulo="Hospital del Salvador" style="top: 83.974346208%; left: 27.930912861%;">
3145                                <span class="dotobra anim"></span>
3146                                <span class="spreadobra anim"></span>
3147                            </span>
3148                                                    <span class="pinobra" titulo="Pasarela Centro Vialia" style="top: 29.717069781%; left: 45.699570474%;">
3149                                <span class="dotobra anim"></span>
3150                                <span class="spreadobra anim"></span>
3151                            </span>
3152                                                    <span class="pinobra" titulo="Centro Polideportivo Gallur" style="top: 31.034055381%; left: 47.127697398%;">
3153                                <span class="dotobra anim"></span>
3154                                <span class="spreadobra anim"></span>
3155                            </span>
3156                                                    <span class="pinobra" titulo="Puente Arco en Rambla Portuaria" style="top: 85.019553675%; left: 32.071988506%;">
3157                                <span class="dotobra anim"></span>
3158                                <span class="spreadobra anim"></span>
3159                            </span>
3160                                                    <span class="pinobra" titulo="Centro Municipal de Deportes "La Cebada"" style="top: 31.025278584%; left: 47.135518148%;">
3161                                <span class="dotobra anim"></span>
3162                                <span class="spreadobra anim"></span>
3163                            </span>
3164                                                    <span class="pinobra" titulo="Pont de Hauterive" style="top: 26.465457573%; left: 50.245195292%;">
3165                                <span class="dotobra anim"></span>
3166                                <span class="spreadobra anim"></span>
3167                            </span>
3168                                                    <span class="pinobra" titulo="Réseau Express Métropolitain (REM)" style="top: 27.397093674%; left: 27.092122643%;">
3169                                <span class="dotobra anim"></span>
3170                                <span class="spreadobra anim"></span>
3171                            </span>
3172                                                    <span class="pinobra" titulo="Nuevo puente sobre el Río Piave" style="top: 26.920987032%; left: 51.706146693%;">
3173                                <span class="dotobra anim"></span>
3174                                <span class="spreadobra anim"></span>
3175                            </span>
3176                                                    <span class="pinobra" titulo="Infraestructura de Hyperloop" style="top: 31.705693659%; left: 48.106170803%;">
3177                                <span class="dotobra anim"></span>
3178                                <span class="spreadobra anim"></span>
3179                            </span>
3180                                                    <span class="pinobra" titulo="Reforma Centro Comercial ànecblau" style="top: 30.400672638%; left: 48.769876671%;">
3181                                <span class="dotobra anim"></span>
3182                                <span class="spreadobra anim"></span>
3183                            </span>
3184                                                    <span class="pinobra" titulo="Torre CODY" style="top: 30.349140414%; left: 48.809393988%;">
3185                                <span class="dotobra anim"></span>
3186                                <span class="spreadobra anim"></span>
3187                            </span>
3188                                                    <span class="pinobra" titulo="Tranvía Estocolmo" style="top: 17.430718389%; left: 53.348354379%;">
3189                                <span class="dotobra anim"></span>
3190                                <span class="spreadobra anim"></span>
3191                            </span>
3192                                                    <span class="pinobra" titulo="Paso elevado Bletchley" style="top: 22.72111938%; left: 47.988904899%;">
3193                                <span class="dotobra anim"></span>
3194                                <span class="spreadobra anim"></span>
3195                            </span>
3196                                                    <span class="pinobra" titulo="Viaductos de Simon Bolivar y de Ricardo Alfaro, Corredor Via Brasil, Tramo 1" style="top: 53.549873736%; left: 25.375516521%;">
3197                                <span class="dotobra anim"></span>
3198                                <span class="spreadobra anim"></span>
3199                            </span>
3200                                                    <span class="pinobra" titulo="Viaducto sobre el Barranco del Muerto" style="top: 39.610954932%; left: 43.522071052%;">
3201                                <span class="dotobra anim"></span>
3202                                <span class="spreadobra anim"></span>
3203                            </span>
3204                                                    <span class="pinobra" titulo="Diseñar puentes" style="top: 31.038748863%; left: 47.138832711%;">
3205                                <span class="dotobra anim"></span>
3206                                <span class="spreadobra anim"></span>
3207                            </span>
3208                                                    <span class="pinobra" titulo="Cobertura M30. Proyecto Parque Madrid Río" style="top: 31.035172467%; left: 47.135207327%;">
3209                                <span class="dotobra anim"></span>
3210                                <span class="spreadobra anim"></span>
3211                            </span>
3212                                                    <span class="pinobra" titulo="Restauración del puente Musmeci " style="top: 30.870007215%; left: 52.736328314%;">
3213                                <span class="dotobra anim"></span>
3214                                <span class="spreadobra anim"></span>
3215                            </span>
3216                                                    <span class="pinobra" titulo="St. Luzibrücke " style="top: 26.415387312%; left: 50.938774416%;">
3217                                <span class="dotobra anim"></span>
3218                                <span class="spreadobra anim"></span>
3219                            </span>
3220                                                    <span class="pinobra" titulo="Fase 1 - Viaducto sobre el intercambiador Obetsebi Lamptey" style="top: 56.012518503%; left: 48.134158469%;">
3221                                <span class="dotobra anim"></span>
3222                                <span class="spreadobra anim"></span>
3223                            </span>
3224                                                    <span class="pinobra" titulo="Puente sobre el Canal de Castilla, Esclusa nº13" style="top: 29.550294147%; left: 46.977064013%;">
3225                                <span class="dotobra anim"></span>
3226                                <span class="spreadobra anim"></span>
3227                            </span>
3228                                                    <span class="pinobra" titulo="Rehabilitación del puente de fábrica sobre la ría de Deba" style="top: 28.959082476%; left: 47.523554776%;">
3229                                <span class="dotobra anim"></span>
3230                                <span class="spreadobra anim"></span>
3231                            </span>
3232                                                    <span class="pinobra" titulo="Ampliación de la Terminal de Tenerife Sur" style="top: 39.889609095%; left: 43.442390381%;">
3233                                <span class="dotobra anim"></span>
3234                                <span class="spreadobra anim"></span>
3235                            </span>
3236                                                    <span class="pinobra" titulo="Mantenimiento Puerto de Valencia" style="top: 31.716887463%; left: 48.108252988%;">
3237                                <span class="dotobra anim"></span>
3238                                <span class="spreadobra anim"></span>
3239                            </span>
3240                                                    <span class="pinobra" titulo="Mantenimiento Puerto de Avilés" style="top: 28.75286037%; left: 46.499665343%;">
3241                                <span class="dotobra anim"></span>
3242                                <span class="spreadobra anim"></span>
3243                            </span>
3244                                                    <span class="pinobra" titulo="Mantenimiento Puerto de Santander" style="top: 28.846541439%; left: 47.105198033%;">
3245                                <span class="dotobra anim"></span>
3246                                <span class="spreadobra anim"></span>
3247                            </span>
3248                                                    <span class="pinobra" titulo="Inspección especial de los pantalanes 3 y 4 del Terminal Petrolero del Puerto Interior" style="top: 28.913327121%; left: 45.79483668%;">
3249                                <span class="dotobra anim"></span>
3250                                <span class="spreadobra anim"></span>
3251                            </span>
3252                                                    <span class="pinobra" titulo="Mantenimiento Puerto Bahia de Algeciras" style="top: 34.093406907%; left: 46.641620422%;">
3253                                <span class="dotobra anim"></span>
3254                                <span class="spreadobra anim"></span>
3255                            </span>
3256                                                    <span class="pinobra" titulo="Rehabilitación del puente Avenida " style="top: 28.918112379%; left: 47.687572406%;">
3257                                <span class="dotobra anim"></span>
3258                                <span class="spreadobra anim"></span>
3259                            </span>
3260                                                    <span class="pinobra" titulo="Gran pérgola de la estación AVE La Sagrera" style="top: 30.301209681%; left: 48.829687758%;">
3261                                <span class="dotobra anim"></span>
3262                                <span class="spreadobra anim"></span>
3263                            </span>
3264                                                    <span class="pinobra" titulo="Pasarela sobre el Río Turia" style="top: 31.722284322%; left: 48.086621224%;">
3265                                <span class="dotobra anim"></span>
3266                                <span class="spreadobra anim"></span>
3267                            </span>
3268                                                    <span class="pinobra" titulo="Puente sobre el Río Llobregat" style="top: 30.028138797%; left: 48.746334061%;">
3269                                <span class="dotobra anim"></span>
3270                                <span class="spreadobra anim"></span>
3271                            </span>
3272                                                    <span class="pinobra" titulo="Pasarela sobre el Barranco del Carraixet" style="top: 31.674632502%; left: 48.100633425%;">
3273                                <span class="dotobra anim"></span>
3274                                <span class="spreadobra anim"></span>
3275                            </span>
3276                                                    <span class="pinobra" titulo="Viaductos en la autopista Fahaheel" style="top: 39.163156884%; left: 62.007194891%;">
3277                                <span class="dotobra anim"></span>
3278                                <span class="spreadobra anim"></span>
3279                            </span>
3280                                                    <span class="pinobra" titulo="Renazca - La Bóveda del aire" style="top: 30.997840428%; left: 47.139999079%;">
3281                                <span class="dotobra anim"></span>
3282                                <span class="spreadobra anim"></span>
3283                            </span>
3284                                                    <span class="pinobra" titulo="Diseñar Puentes" style="top: 30.135050667%; left: 47.947011509%;">
3285                                <span class="dotobra anim"></span>
3286                                <span class="spreadobra anim"></span>
3287                            </span>
3288                                                    <span class="pinobra" titulo="Diseñar Puentes" style="top: 28.905140415%; left: 45.788203823%;">
3289                                <span class="dotobra anim"></span>
3290                                <span class="spreadobra anim"></span>
3291                            </span>
3292                                                    <span class="pinobra" titulo="Túnel en Silvertown" style="top: 23.073135549%; left: 48.203488198%;">
3293                                <span class="dotobra anim"></span>
3294                                <span class="spreadobra anim"></span>
3295                            </span>
3296                                                    <span class="pinobra" titulo="Comprobación independiente de los asientos en el Tower Bridge" style="top: 23.070502725%; left: 48.178371106%;">
3297                                <span class="dotobra anim"></span>
3298                                <span class="spreadobra anim"></span>
3299                            </span>
3300                                                    <span class="pinobra" titulo="North Tarrant Expressway: conector directo IH-30" style="top: 36.518172564%; left: 20.269334783%;">
3301                                <span class="dotobra anim"></span>
3302                                <span class="spreadobra anim"></span>
3303                            </span>
3304                                                    <span class="pinobra" titulo="North Tarrant Expressway: tramo3C" style="top: 36.399828129%; left: 20.269946667%;">
3305                                <span class="dotobra anim"></span>
3306                                <span class="spreadobra anim"></span>
3307                            </span>
3308                                                    <span class="pinobra" titulo="Cubierta Estadio del LEVANTE UD" style="top: 31.682161719%; left: 48.095559265%;">
3309                                <span class="dotobra anim"></span>
3310                                <span class="spreadobra anim"></span>
3311                            </span>
3312                                                    <span class="pinobra" titulo="SH99 Grand Parkway - Segments I-1B and I-2" style="top: 38.682366081%; left: 20.970138271%;">
3313                                <span class="dotobra anim"></span>
3314                                <span class="spreadobra anim"></span>
3315                            </span>
3316                                                    <span class="pinobra" titulo="South East Conector" style="top: 36.567920175%; left: 20.291939764%;">
3317                                <span class="dotobra anim"></span>
3318                                <span class="spreadobra anim"></span>
3319                            </span>
3320                                                    <span class="pinobra" titulo="Autovía Estatal SH 288 en el condado de Harris" style="top: 38.728166607%; left: 20.825027914%;">
3321                                <span class="dotobra anim"></span>
3322                                <span class="spreadobra anim"></span>
3323                            </span>
3324                                                    <span class="pinobra" titulo="Nuevo Puente Pattullo" style="top: 24.718221783%; left: 12.929400762%;">
3325                                <span class="dotobra anim"></span>
3326                                <span class="spreadobra anim"></span>
3327                            </span>
3328                                                    <span class="pinobra" titulo="Nuevo Puente Buriano" style="top: 28.805130387%; left: 51.589553804%;">
3329                                <span class="dotobra anim"></span>
3330                                <span class="spreadobra anim"></span>
3331                            </span>
3332                                                    <span class="pinobra" titulo="Concurso Internacional del puente Mühlendamm" style="top: 22.346655375%; left: 52.047815027%;">
3333                                <span class="dotobra anim"></span>
3334                                <span class="spreadobra anim"></span>
3335                            </span>
3336                                                    <span class="pinobra" titulo="Nuevo puente sobre el río Duero" style="top: 30.49813875%; left: 45.721755%;">
3337                                <span class="dotobra anim"></span>
3338                                <span class="spreadobra anim"></span>
3339                            </span>
3340                                                    <span class="pinobra" titulo="Edificio ACC" style="top: 30.981408939%; left: 47.209446191%;">
3341                                <span class="dotobra anim"></span>
3342                                <span class="spreadobra anim"></span>
3343                            </span>
3344                                                    <span class="pinobra" titulo="Cubierta provisional Palacio del Cerezo" style="top: 31.225601214%; left: 46.506534688%;">
3345                                <span class="dotobra anim"></span>
3346                                <span class="spreadobra anim"></span>
3347                            </span>
3348                                                    <span class="pinobra" titulo="Rehabilitación del Viaducto de Loiola" style="top: 28.943855547%; left: 47.635535001%;">
3349                                <span class="dotobra anim"></span>
3350                                <span class="spreadobra anim"></span>
3351                            </span>
3352                                                    <span class="pinobra" titulo="Rehabilitacion del Puente de Palma del Río" style="top: 33.009516573%; left: 46.61516304%;">
3353                                <span class="dotobra anim"></span>
3354                                <span class="spreadobra anim"></span>
3355                            </span>
3356                                                    <span class="pinobra" titulo="Viaductos para la 1a LAV de Egipto" style="top: 37.801578903%; left: 56.730893616%;">
3357                                <span class="dotobra anim"></span>
3358                                <span class="spreadobra anim"></span>
3359                            </span>
3360                                                    <span class="pinobra" titulo="Puente sobre el Río Urumea en el PI de Epele, Hernani" style="top: 28.983606744%; left: 47.641341585%;">
3361                                <span class="dotobra anim"></span>
3362                                <span class="spreadobra anim"></span>
3363                            </span>
3364                                                    <span class="pinobra" titulo="Nuevo paseo maritimo en el Puerto de Sagunto" style="top: 31.568419707%; left: 48.140101378%;">
3365                                <span class="dotobra anim"></span>
3366                                <span class="spreadobra anim"></span>
3367                            </span>
3368                                                    <span class="pinobra" titulo="B2P - Pasarela Marenge" style="top: 61.309100034%; left: 56.832855819%;">
3369                                <span class="dotobra anim"></span>
3370                                <span class="spreadobra anim"></span>
3371                            </span>
3372                                                    <span class="pinobra" titulo="Rehabilitación del Aparcamiento de Recoletos" style="top: 31.017888465%; left: 47.14043618%;">
3373                                <span class="dotobra anim"></span>
3374                                <span class="spreadobra anim"></span>
3375                            </span>
3376                                                    <span class="pinobra" titulo="Puente sobre el Río Jerte" style="top: 31.181059023%; left: 46.53282274%;">
3377                                <span class="dotobra anim"></span>
3378                                <span class="spreadobra anim"></span>
3379                            </span>
3380                                                    <span class="pinobra" titulo="Estación Metro - Tren" style="top: 28.783621821%; left: 46.570889559%;">
3381                                <span class="dotobra anim"></span>
3382                                <span class="spreadobra anim"></span>
3383                            </span>
3384                                                    <span class="pinobra" titulo="AURA - Sistema de gestíon de puentes para el Gobierno de Navarra" style="top: 29.838596262%; left: 47.740207058%;">
3385                                <span class="dotobra anim"></span>
3386                                <span class="spreadobra anim"></span>
3387                            </span>
3388                                                    <span class="pinobra" titulo="AURA - Sistema de gestíon de puentes Autovía del Camino de Santiago" style="top: 29.494111461%; left: 47.56840484%;">
3389                                <span class="dotobra anim"></span>
3390                                <span class="spreadobra anim"></span>
3391                            </span>
3392                                                    <span class="pinobra" titulo="Estación de Autobuses y Centro Comercial El Corte Inglés" style="top: 31.346994333%; left: 46.814971292%;">
3393                                <span class="dotobra anim"></span>
3394                                <span class="spreadobra anim"></span>
3395                            </span>
3396                                                    <span class="pinobra" titulo="LAV Madrid - Galicia. Tramo: La Hiniesta - Perilla de Castro. Viaducto sobre el embalse de Ricobayo" style="top: 30.095782011%; left: 46.524963819%;">
3397                                <span class="dotobra anim"></span>
3398                                <span class="spreadobra anim"></span>
3399                            </span>
3400                                                    <span class="pinobra" titulo="Ampliación del arco de Ricobayo y estructuras anexas" style="top: 30.219214278%; left: 46.484145244%;">
3401                                <span class="dotobra anim"></span>
3402                                <span class="spreadobra anim"></span>
3403                            </span>
3404                                                    <span class="pinobra" titulo="Puentes sobre el Río Guadalmedina del Puerto de Málaga" style="top: 33.678929283%; left: 46.929742879%;">
3405                                <span class="dotobra anim"></span>
3406                                <span class="spreadobra anim"></span>
3407                            </span>
3408                                                    <span class="pinobra" titulo="Enlace N-I A-15 Andoáin" style="top: 29.010558774%; left: 47.618803762%;">
3409                                <span class="dotobra anim"></span>
3410                                <span class="spreadobra anim"></span>
3411                            </span>
3412                                                    <span class="pinobra" titulo="Puente sobre el río Birs" style="top: 25.997703264%; left: 50.353617004%;">
3413                                <span class="dotobra anim"></span>
3414                                <span class="spreadobra anim"></span>
3415                            </span>
3416                                                    <span class="pinobra" titulo="Puente en la Ría de Viveiro" style="top: 28.678896084%; left: 46.017140566%;">
3417                                <span class="dotobra anim"></span>
3418                                <span class="spreadobra anim"></span>
3419                            </span>
3420                                                    <span class="pinobra" titulo="Rotonda America Latina Plaza" style="top: 29.269988733%; left: 47.430304458%;">
3421                                <span class="dotobra anim"></span>
3422                                <span class="spreadobra anim"></span>
3423                            </span>
3424                                                    <span class="pinobra" titulo="Estación de Euston HS2" style="top: 23.053544241%; left: 48.161255%;">
3425                                <span class="dotobra anim"></span>
3426                                <span class="spreadobra anim"></span>
3427                            </span>
3428                                                    <span class="pinobra" titulo="Intercambiador de La L
3428aguna" style="top: 39.579535275%; left: 43.516983116%;">
3429                                <span class="dotobra anim"></span>
3430                                <span class="spreadobra anim"></span>
3431                            </span>
3432                                                    <span class="pinobra" titulo="AURA - Sistema de gestíon de puentes de la Junta de Extremadura" style="top: 32.095699356%; left: 46.380512701%;">
3433                                <span class="dotobra anim"></span>
3434                                <span class="spreadobra anim"></span>
3435                            </span>
3436                                                    <span class="pinobra" titulo="AURA - Sistema de gestíon de puentes para las autopistas de Navarra (Audenasa)" style="top: 29.523944397%; left: 47.719316041%;">
3437                                <span class="dotobra anim"></span>
3438                                <span class="spreadobra anim"></span>
3439                            </span>
3440                                                    <span class="pinobra" titulo="Reparación y Ampliación Puente sobre el Río Sella" style="top: 28.837758189%; left: 46.747140277%;">
3441                                <span class="dotobra anim"></span>
3442                                <span class="spreadobra anim"></span>
3443                            </span>
3444                                                    <span class="pinobra" titulo="ENLACE ENTRE LAS AUTOVÍAS  M-50 Y M-509" style="top: 30.955129455%; left: 47.080907501%;">
3445                                <span class="dotobra anim"></span>
3446                                <span class="spreadobra anim"></span>
3447                            </span>
3448                                                    <span class="pinobra" titulo="Estación de tren" style="top: 28.838207031%; left: 46.528016925%;">
3449                                <span class="dotobra anim"></span>
3450                                <span class="spreadobra anim"></span>
3451                            </span>
3452                                                    <span class="pinobra" titulo="Ampliación de la subestación eléctrica de 380 kV" style="top: 22.05395805%; left: 50.07963762%;">
3453                                <span class="dotobra anim"></span>
3454                                <span class="spreadobra anim"></span>
3455                            </span>
3456                                                    <span class="pinobra" titulo="AURA - Sistema de Gestión de Puentes" style="top: 31.02116874%; left: 47.13701227%;">
3457                                <span class="dotobra anim"></span>
3458                                <span class="spreadobra anim"></span>
3459                            </span>
3460                                                    <span class="pinobra" titulo="Conexión ferroviaria de la Terminal Intermodal y ZAL Murcia" style="top: 32.776333833%; left: 47.857521465%;">
3461                                <span class="dotobra anim"></span>
3462                                <span class="spreadobra anim"></span>
3463                            </span>
3464                                                    <span class="pinobra" titulo="Ampliación y mejora de la Estación de Sants. Sobre rasante" style="top: 30.331621236%; left: 48.814430838%;">
3465                                <span class="dotobra anim"></span>
3466                                <span class="spreadobra anim"></span>
3467                            </span>
3468                                                    <span class="pinobra" titulo="Puente sobre el Río Wawa" style="top: 49.95636438%; left: 24.239966294%;">
3469                                <span class="dotobra anim"></span>
3470                                <span class="spreadobra anim"></span>
3471                            </span>
3472                                                    <span class="pinobra" titulo="Rehabilitación y refuerzo del puente antiguo sobre el Río Virilla en la RN32" style="top: 52.852333833%; left: 24.070844369%;">
3473                                <span class="dotobra anim"></span>
3474                                <span class="spreadobra anim"></span>
3475                            </span>
3476                                                    <span class="pinobra" titulo="Visita virtual Casa natal de Goya" style="top: 30.35730561%; left: 47.924899881%;">
3477                                <span class="dotobra anim"></span>
3478                                <span class="spreadobra anim"></span>
3479                            </span>
3480                                                    <span class="pinobra" titulo="Viaducto Yalquincha" style="top: 76.103950494%; left: 28.438955956%;">
3481                                <span class="dotobra anim"></span>
3482                                <span class="spreadobra anim"></span>
3483                            </span>
3484                                                    <span class="pinobra" titulo="Rehabilitación del puente metálico sobre el río Jándula" style="top: 32.646425622%; left: 47.047478602%;">
3485                                <span class="dotobra anim"></span>
3486                                <span class="spreadobra anim"></span>
3487                            </span>
3488                                                    <span class="pinobra" titulo="Diagnóstico y criterios de intervención en el Viaducto de Río Blanco" style="top: 30.509038584%; left: 47.529978123%;">
3489                                <span class="dotobra anim"></span>
3490                                <span class="spreadobra anim"></span>
3491                            </span>
3492                                                    <span class="pinobra" titulo="Restauración del Puente ferroviario internacional sobre el Bidasoa" style="top: 28.917776106%; left: 47.687360313%;">
3493                                <span class="dotobra anim"></span>
3494                                <span class="spreadobra anim"></span>
3495                            </span>
3496                                                    <span class="pinobra" titulo="Puente sobre el Río Guadalquivir, autovía SE-40 " style="top: 33.250713939%; left: 46.471055461%;">
3497                                <span class="dotobra anim"></span>
3498                                <span class="spreadobra anim"></span>
3499                            </span>
3500                                                    <span class="pinobra" titulo="Viaductos en la A-11 sobre el Río Duero" style="top: 30.139339044%; left: 47.166304925%;">
3501                                <span class="dotobra anim"></span>
3502                                <span class="spreadobra anim"></span>
3503                            </span>
3504                                                    <span class="pinobra" titulo="Escuela infantil Paseo de la Dirección, 305-311" style="top: 30.982908903%; left: 47.137321082%;">
3505                                <span class="dotobra anim"></span>
3506                                <span class="spreadobra anim"></span>
3507                            </span>
3508                                                    <span class="pinobra" titulo="Viaducto de acceso al Patio Taller de Villa El Salvador" style="top: 68.755820448%; left: 26.120953962%;">
3509                                <span class="dotobra anim"></span>
3510                                <span class="spreadobra anim"></span>
3511                            </span>
3512                                                    <span class="pinobra" titulo="Westfield – Recuperación de Energía (WER) - 23MW" style="top: 19.725610251%; left: 47.266111758%;">
3513                                <span class="dotobra anim"></span>
3514                                <span class="spreadobra anim"></span>
3515                            </span>
3516                                                    <span class="pinobra" titulo="Jamal Abdul Naseer Street. Puentes Glorieta T2.1 & T2.2" style="top: 38.952523794%; left: 61.961899116%;">
3517                                <span class="dotobra anim"></span>
3518                                <span class="spreadobra anim"></span>
3519                            </span>
3520                                                    <span class="pinobra" titulo="Enlace Martorell" style="top: 30.269178423%; left: 48.748983071%;">
3521                                <span class="dotobra anim"></span>
3522                                <span class="spreadobra anim"></span>
3523                            </span>
3524                                                    <span class="pinobra" titulo="Pasarela en Fontegrande" style="top: 29.637472026%; left: 52.332181515%;">
3525                                <span class="dotobra anim"></span>
3526                                <span class="spreadobra anim"></span>
3527                            </span>
3528                                                    <span class="pinobra" titulo="The Reserve, Edificio SUR" style="top: 34.095147783%; left: 46.664892678%;">
3529                                <span class="dotobra anim"></span>
3530                                <span class="spreadobra anim"></span>
3531                            </span>
3532                                                    <span class="pinobra" titulo="Rehabilitación Torres de Colón" style="top: 31.014783138%; left: 47.140643681%;">
3533                                <span class="dotobra anim"></span>
3534                                <span class="spreadobra anim"></span>
3535                            </span>
3536                                                    <span class="pinobra" titulo="Viaductos en la autopista del Algarve (A22). Tramos Lagos-Lagoa-Alcantarilha" style="top: 33.343956204%; left: 45.738466436%;">
3537                                <span class="dotobra anim"></span>
3538                                <span class="spreadobra anim"></span>
3539                            </span>
3540                                                    <span class="pinobra" titulo="Planta de Electrólisis de Cloro Álcali Tarragona (CATAR2)" style="top: 30.525323088%; left: 48.534482141%;">
3541                                <span class="dotobra anim"></span>
3542                                <span class="spreadobra anim"></span>
3543                            </span>
3544                                                    <span class="pinobra" titulo="CHIRA-SORIA Central Hidroeléctrica de Bombeo Reversible" style="top: 39.991659705%; left: 43.710885195%;">
3545                                <span class="dotobra anim"></span>
3546                                <span class="spreadobra anim"></span>
3547                            </span>
3548                                                    <span class="pinobra" titulo="MADEX. Desarrollo y ensayo muro antiexplosivo" style="top: 31.121503569%; left: 47.169590788%;">
3549                                <span class="dotobra anim"></span>
3550                                <span class="spreadobra anim"></span>
3551                            </span>
3552                                                    <span class="pinobra" titulo="a world of structures  |  the game" style="top: 31.02116874%; left: 47.13701227%;">
3553                                <span class="dotobra anim"></span>
3554                                <span class="spreadobra anim"></span>
3555                            </span>
3556                                                    <span class="pinobra" titulo="Estaciones en el Réseau Express Métropolitain (REM)" style="top: 27.343636305%; left: 26.987033001%;">
3557                                <span class="dotobra anim"></span>
3558                                <span class="spreadobra anim"></span>
3559                            </span>
3560                                                    <span class="pinobra" titulo="Aerocondensador. Diseño de conductos y tanques" style="top: 83.124091758%; left: 81.427556446%;">
3561                                <span class="dotobra anim"></span>
3562                                <span class="spreadobra anim"></span>
3563                            </span>
3564                                                    <span class="pinobra" titulo="Metro de Madrid. Ampliación linea 11, Sección Plaza Elíptica-Conde de Casa" style="top: 31.043566386%; left: 47.13312916%;">
3565                                <span class="dotobra anim"></span>
3566                                <span class="spreadobra anim"></span>
3567                            </span>
3568                                                    <span class="pinobra" titulo="Central Eléctrica de Ciclo Combinado Turbina de Gas (CCGT) de 875MW" style="top: 23.730354957%; left: 49.755171205%;">
3569                                <span class="dotobra anim"></span>
3570                                <span class="spreadobra anim"></span>
3571                            </span>
3572                                                    <span class="pinobra" titulo="Nave de Combustibles Alternativos de una fábrica de cementos" style="top: 46.522512282%; left: 19.734885679%;">
3573                                <span class="dotobra anim"></span>
3574                                <span class="spreadobra anim"></span>
3575                            </span>
3576                                                    <span class="pinobra" titulo="Bancada de ensayos de impacto " style="top: 31.037436753%; left: 47.096087792%;">
3577                                <span class="dotobra anim"></span>
3578                                <span class="spreadobra anim"></span>
3579                            </span>
3580                                                    <span class="pinobra" titulo="Central Eléctrica de Ciclo Combinado 840MW" style="top: 30.655657197%; left: 55.646304544%;">
3581                                <span class="dotobra anim"></span>
3582                                <span class="spreadobra anim"></span>
3583                            </span>
3584                                                    <span class="pinobra" titulo="Aerocondensador - Cálculo de tuberias y tanque de condensado" style="top: 44.995765464%; left: 22.459804596%;">
3585                                <span class="dotobra anim"></span>
3586                                <span class="spreadobra anim"></span>
3587                            </span>
3588                                                    <span class="pinobra" titulo="TAURUS Mill Project – Diseño de chimeneas de acero para planta de celulosa" style="top: 83.564249454%; left: 31.974308343%;">
3589                                <span class="dotobra anim"></span>
3590                                <span class="spreadobra anim"></span>
3591                            </span>
3592                                                    <span class="pinobra" titulo="Estructuras del Lote 3A de la linea 18. Grand Paris Express" style="top: 25.037243763%; left: 48.795179165%;">
3593                                <span class="dotobra anim"></span>
3594                                <span class="spreadobra anim"></span>
3595                            </span>
3596                                                    <span class="pinobra" titulo="Nueva fábrica CATALYTIC CRACKING & DESULFURATION" style="top: 29.514320106%; left: 56.073454967%;">
3597                                <span class="dotobra anim"></span>
3598                                <span class="spreadobra anim"></span>
3599                            </span>
3600                                                    <span class="pinobra" titulo="Nuevo puente sobre el Torrente Pora" style="top: 28.327190376%; left: 50.590535504%;">
3601                                <span class="dotobra anim"></span>
3602                                <span class="spreadobra anim"></span>
3603                            </span>
3604                                                    <span class="pinobra" titulo="Pasarela de Bruggbach" style="top: 25.901904177%; left: 50.560548022%;">
3605                                <span class="dotobra anim"></span>
3606                                <span class="spreadobra anim"></span>
3607                            </span>
3608                                                    <span class="pinobra" titulo="Pasarela de las Orquídeas" style="top: 26.841208593%; left: 49.965452661%;">
3609                                <span class="dotobra anim"></span>
3610                                <span class="spreadobra anim"></span>
3611                            </span>
3612                                                    <span class="pinobra" titulo="Puente FFCC móvil Puerto de Sevilla" style="top: 33.220209891%; left: 46.479952461%;">
3613                                <span class="dotobra anim"></span>
3614                                <span class="spreadobra anim"></span>
3615                            </span>
3616                                                    <span class="pinobra" titulo="Puente sobre la Ensenada de A Malata" style="top: 28.821616368%; left: 45.830356087%;">
3617                                <span class="dotobra anim"></span>
3618                                <span class="spreadobra anim"></span>
3619                            </span>
3620                                                    <span class="pinobra" titulo="Estación de Cercanias de Fuencarral-Malmea" style="top: 30.966922671%; left: 47.143945042%;">
3621                                <span class="dotobra anim"></span>
3622                                <span class="spreadobra anim"></span>
3623                            </span>
3624                                                    <span class="pinobra" titulo="Sombrillas Puentes de Sevilla" style="top: 33.194060901%; left: 46.47729685%;">
3625                                <span class="dotobra anim"></span>
3626                                <span class="spreadobra anim"></span>
3627                            </span>
3628                                                    <span class="pinobra" titulo="Estación de tren Mataró" style="top: 30.221049081%; left: 48.901736525%;">
3629                                <span class="dotobra anim"></span>
3630                                <span class="spreadobra anim"></span>
3631                            </span>
3632                                                    <span class="pinobra" titulo="Pasarela de Fañabé" style="top: 39.845527935%; left: 43.397682095%;">
3633                                <span class="dotobra anim"></span>
3634                                <span class="spreadobra anim"></span>
3635                            </span>
3636                                                    <span class="pinobra" titulo="Rehabilitación aparcamiento de Montalbán" style="top: 31.018276362%; left: 47.140402314%;">
3637                                <span class="dotobra anim"></span>
3638                                <span class="spreadobra anim"></span>
3639                            </span>
3640                                                    <span class="pinobra" titulo="Pasarela Altabix" style="top: 32.555959581%; left: 48.007539809%;">
3641                                <span class="dotobra anim"></span>
3642                                <span class="spreadobra anim"></span>
3643                            </span>
3644                                                    <span class="pinobra" titulo="Aparcamiento de Plaza de España" style="top: 31.016313216%; left: 47.134627587%;">
3645                                <span class="dotobra anim"></span>
3646                                <span class="spreadobra anim"></span>
3647                            </span>
3648                                                    <span class="pinobra" titulo="SMS 2A Sandbukta-Moss-SÃ¥stad " style="top: 17.384851899%; left: 51.260907234%;">
3649                                <span class="dotobra anim"></span>
3650                                <span class="spreadobra anim"></span>
3651                            </span>
3652                                                    <span class="pinobra" titulo="Nairobi Eastern Interchange" style="top: 60.928361562%; left: 58.777009891%;">
3653                                <span class="dotobra anim"></span>
3654                                <span class="spreadobra anim"></span>
3655                            </span>
3656                                                    <span class="pinobra" titulo="Pasarelas Lapaz" style="top: 55.977334596%; left: 48.132752169%;">
3657                                <span class="dotobra anim"></span>
3658                                <span class="spreadobra anim"></span>
3659                            </span>
3660                                                    <span class="pinobra" titulo="Liberté 6 Intercambiador" style="top: 49.439575875%; left: 43.189749447%;">
3661                                <span class="dotobra anim"></span>
3662                                <span class="spreadobra anim"></span>
3663                            </span>
3664                                                    <span class="pinobra" titulo="Intercambiador Patte d-Oie" style="top: 49.430558166%; left: 43.195162841%;">
3665                                <span class="dotobra anim"></span>
3666                                <span class="spreadobra anim"></span>
3667                            </span>
3668                                                    <span class="pinobra" titulo="Puentes y Carretera RN11 Bolgatanga-Bawku-Pulmakom" style="top: 52.265875872%; left: 47.95939355%;">
3669                                <span class="dotobra anim"></span>
3670                                <span class="spreadobra anim"></span>
3671                            </span>
3672                                                    <span class="pinobra" titulo="Inner Ring Road" style="top: 55.215948711%; left: 47.729255138%;">
3673                                <span class="dotobra anim"></span>
3674                                <span class="spreadobra anim"></span>
3675                            </span>
3676                                                    <span class="pinobra" titulo="Intercambiador Suame Circle" style="top: 55.188042354%; left: 47.732837759%;">
3677                                <span class="dotobra anim"></span>
3678                                <span class="spreadobra anim"></span>
3679                            </span>
3680                                                    <span class="pinobra" titulo="Viaducto de Zouaghi. Tranvia de Constantine" style="top: 33.968921367%; left: 50.099399005%;">
3681                                <span class="dotobra anim"></span>
3682                                <span class="spreadobra anim"></span>
3683                            </span>
3684                                                    <span class="pinobra" titulo="3 puentes extradosados" style="top: 53.446100175%; left: 47.867027192%;">
3685                                <span class="dotobra anim"></span>
3686                                <span class="spreadobra anim"></span>
3687                            </span>
3688                                                    <span class="pinobra" titulo="Puente sobre el Río Yewa y pasarela en RNIE1" style="top: 55.36413612%; left: 48.951882026%;">
3689                                <span class="dotobra anim"></span>
3690                                <span class="spreadobra anim"></span>
3691                            </span>
3692                                                    <span class="pinobra" titulo="Carretera T15 Dubréka-Kouria" style="top: 52.983253014%; left: 44.330907367%;">
3693                                <span class="dotobra anim"></span>
3694                                <span class="spreadobra anim"></span>
3695                            </span>
3696                                                    <span class="pinobra" titulo="Rehabilitación carretera Seguela-Mankono. Puente sobre el río Kouhoue" style="top: 54.240431493%; left: 46.30281807%;">
3697                                <span class="dotobra anim"></span>
3698                                <span class="spreadobra anim"></span>
3699                            </span>
3700                                                    <span class="pinobra" titulo="Carretera R20, Dibassa-Mimongo" style="top: 61.170609333%; left: 51.530076211%;">
3701                                <span class="dotobra anim"></span>
3702                                <span class="spreadobra anim"></span>
3703                            </span>
3704                                                    <span class="pinobra" titulo="Puente para la protección de la carretera LZ-703 " style="top: 39.249614178%; left: 44.229865573%;">
3705                                <span class="dotobra anim"></span>
3706                                <span class="spreadobra anim"></span>
3707                            </span>
3708                                                    <span class="pinobra" titulo="Secuencia constructiva del Pont des Piles" style="top: 26.562570921%; left: 27.339896918%;">
3709                                <span class="dotobra anim"></span>
3710                                <span class="spreadobra anim"></span>
3711                            </span>
3712                                                    <span class="pinobra" titulo="Remodelación del Complejo Hospitalario Universitario la Paz" style="top: 30.974421057%; left: 47.14179369%;">
3713                                <span class="dotobra anim"></span>
3714                                <span class="spreadobra anim"></span>
3715                            </span>
3716                                                    <span class="pinobra" titulo="Estructuras de la autovía Ávila-Salamanca. Tramo Peñalba" style="top: 30.753924915%; left: 46.831768254%;">
3717                                <span class="dotobra anim"></span>
3718                                <span class="spreadobra anim"></span>
3719                            </span>
3720                                                    <span class="pinobra" titulo="Residencia de estudiantes parcela AM4 (Clesa) " style="top: 30.969684555%; left: 47.139726716%;">
3721                                <span class="dotobra anim"></span>
3722                                <span class="spreadobra anim"></span>
3723                            </span>
3724                                                    <span class="pinobra" titulo="Oficinas parcelas AM1 y AM2 (Clesa)" style="top: 30.969684555%; left: 47.139726716%;">
3725                                <span class="dotobra anim"></span>
3726                                <span class="spreadobra anim"></span>
3727                            </span>
3728                                                    <span class="pinobra" titulo="Puentes sobre la laguna del río Yewa" style="top: 55.37510622%; left: 48.961749086%;">
3729                                <span class="dotobra anim"></span>
3730                                <span class="spreadobra anim"></span>
3731                            </span>
3732                                                    <span class="pinobra" titulo="Puente Route des Pêches" style="top: 55.460558997%; left: 48.799039889%;">
3733                                <span class="dotobra anim"></span>
3734                                <span class="spreadobra anim"></span>
3735                            </span>
3736                                                    <span class="pinobra" titulo="Ruta Kougouleu-Medouneyu" style="top: 59.531966061%; left: 51.155908571%;">
3737                                <span class="dotobra anim"></span>
3738                                <span class="spreadobra anim"></span>
3739                            </span>
3740                                                    <span class="pinobra" titulo="Autopista de peaje Mbour - Fatick - Kaolack" style="top: 49.698678882%; left: 43.461875098%;">
3741                                <span class="dotobra anim"></span>
3742                                <span class="spreadobra anim"></span>
3743                            </span>
3744                                                    <span class="pinobra" titulo="Reconstrucción carretera Bechem – Akumadan" style="top: 54.798493386%; left: 47.621073358%;">
3745                                <span class="dotobra anim"></span>
3746                                <span class="spreadobra anim"></span>
3747                            </span>
3748                                                    <span class="pinobra" titulo="Viaducto de Astmoor Bridgewater" style="top: 21.753164361%; left: 47.424612387%;">
3749                                <span class="dotobra anim"></span>
3750                                <span class="spreadobra anim"></span>
3751                            </span>
3752                                                    <span class="pinobra" titulo="Centro Comercial La Alameda en Granada" style="top: 33.319488579%; left: 47.160691492%;">
3753                                <span class="dotobra anim"></span>
3754                                <span class="spreadobra anim"></span>
3755                            </span>
3756                                                    <span class="pinobra" titulo="Remodelación Estadio Bernabéu. Fachada, Edificio Este y Videomarcador" style="top: 30.995144508%; left: 47.14141485%;">
3757                                <span class="dotobra anim"></span>
3758                                <span class="spreadobra anim"></span>
3759                            </span>
3760                                                    <span class="pinobra" titulo="Cobertura de la M30 en la zona del ex Vicente Calderón" style="top: 31.032281523%; left: 47.131982021%;">
3761                                <span class="dotobra anim"></span>
3762                                <span class="spreadobra anim"></span>
3763                            </span>
3764                                                    <span class="pinobra" titulo="Puente Langa de Duero" style="top: 30.16984596%; left: 47.223732477%;">
3765                                <span class="dotobra anim"></span>
3766                                <span class="spreadobra anim"></span>
3767                            </span>
3768                                                    <span class="pinobra" titulo="Prueba" style="top: 60%; left: 48.2%;">
3769                                <span class="dotobra anim"></span>
3770                                <span class="spreadobra anim"></span>
3771                            </span>
3772                                                    <span class="pinobra" titulo="Museo de Prehistoria y Arqueología de Cantabría (MUPAC)" style="top: 28.836428871%; left: 47.110514421%;">
3773                                <span class="dotobra anim"></span>
3774                                <span class="spreadobra anim"></span>
3775                            </span>
3776                                                    <span class="pinobra" titulo="Pasarela sobre el río Rin" style="top: 26.01166182%; left: 50.969962706%;">
3777                                <span class="dotobra anim"></span>
3778                                <span class="spreadobra anim"></span>
3779                            </span>
3780                                                    <span class="pinobra" titulo="Puente sobre el río Cedrino" style="top: 31.039977801%; left: 50.978606285%;">
3781                                <span class="dotobra anim"></span>
3782                                <span class="spreadobra anim"></span>
3783                            </span>
3784                                                    <span class="pinobra" titulo="Puente sobre el río Guadalete" style="top: 33.761235864%; left: 46.413510239%;">
3785                                <span class="dotobra anim"></span>
3786                                <span class="spreadobra anim"></span>
3787                            </span>
3788                                                    <span class="pinobra" titulo="Ampliación Puente Pasaje y accesos peatonales" style="top: 28.930843431%; left: 45.794519545%;">
3789                                <span class="dotobra anim"></span>
3790                                <span class="spreadobra anim"></span>
3791                            </span>
3792                                                    <span class="pinobra" titulo="Puente FFCC sobre el río Biobío" style="top: 86.40643602%; left: 27.226393871%;">
3793                                <span class="dotobra anim"></span>
3794                                <span class="spreadobra anim"></span>
3795                            </span>
3796                                                    <span class="pinobra" titulo="Rehabilitación del puente de Hierro sobre el río Guadalquivir" style="top: 32.759431992%; left: 46.970327262%;">
3797                                <span class="dotobra anim"></span>
3798                                <span class="spreadobra anim"></span>
3799                            </span>
3800                                                    <span class="pinobra" titulo="Pasarela de acceso al Hospital Infanta Leonor" style="top: 31.044200931%; left: 47.162838826%;">
3801                                <span class="dotobra anim"></span>
3802                                <span class="spreadobra anim"></span>
3803                            </span>
3804                                                    <span class="pinobra" titulo="Paso superior en la N240 en Álava" style="top: 29.177405391%; left: 47.433915779%;">
3805                                <span class="dotobra anim"></span>
3806                                <span class="spreadobra anim"></span>
3807                            </span>
3808                                                    <span class="pinobra" titulo="Viaducto en la variante de la carretera C-59" style="top: 30.114519372%; left: 48.820101384%;">
3809                                <span class="dotobra anim"></span>
3810                                <span class="spreadobra anim"></span>
3811                            </span>
3812                                                    <span class="pinobra" titulo="Tercer cruce sobre el Estrecho de Menai" style="top: 21.843641874%; left: 46.999195157%;">
3813                                <span class="dotobra anim"></span>
3814                                <span class="spreadobra anim"></span>
3815                            </span>
3816                                                    <span class="pinobra" titulo="Tranvía de Palermo" style="top: 32.688375141%; left: 52.029877814%;">
3817                                <span class="dotobra anim"></span>
3818                                <span class="spreadobra anim"></span>
3819                            </span>
3820                                                    <span class="pinobra" titulo="Pasarela Puerto de Cartagena" style="top: 33.043244253%; left: 47.919788698%;">
3821                                <span class="dotobra anim"></span>
3822                                <span class="spreadobra anim"></span>
3823                            </span>
3824                                                    <span class="pinobra" titulo="Puente Chwaka-Charawe" style="top: 64.428474498%; left: 59.519094311%;">
3825                                <span class="dotobra anim"></span>
3826                                <span class="spreadobra anim"></span>
3827                            </span>
3828                                                    <span class="pinobra" titulo="Puente FFCC sobre el Río Nilo" style="top: 41.263954695%; left: 57.596262617%;">
3829                                <span class="dotobra anim"></span>
3830                                <span class="spreadobra anim"></span>
3831                            </span>
3832                                                    <span class="pinobra" titulo="Aparcamiento ALTADIS" style="top: 33.200409219%; left: 46.479346891%;">
3833                                <span class="dotobra anim"></span>
3834                                <span class="spreadobra anim"></span>
3835                            </span>
3836                                                    <span class="pinobra" titulo="Consolidación estructural Edificio Paseo del Prado 30" style="top: 31.024920084%; left: 47.140009411%;">
3837                                <span class="dotobra anim"></span>
3838                                <span class="spreadobra anim"></span>
3839                            </span>
3840                                                    <span class="pinobra" titulo="Nuevo pabellón Zero para la ampliación del recinto Fira de Barcelona Gran Vía" style="top: 30.349369137%; left: 48.809926086%;">
3841                                <span class="dotobra anim"></span>
3842                                <span class="spreadobra anim"></span>
3843                            </span>
3844                                                    <span class="pinobra" titulo="Puente Signature" style="top: 41.511268071%; left: 25.185452206%;">
3845                                <span class="dotobra anim"></span>
3846                                <span class="spreadobra anim"></span>
3847                            </span>
3848                                                    <span class="pinobra" titulo="Hotel 5* Gloria Grand Marella" style="top: 39.20263347%; left: 44.331041396%;">
3849                                <span class="dotobra anim"></span>
3850                                <span class="spreadobra anim"></span>
3851                            </span>
3852                                                    <span class="pinobra" titulo="Restauración Puente de Medellín" style="top: 32.060175591%; left: 46.488593744%;">
3853                                <span class="dotobra anim"></span>
3854                                <span class="spreadobra anim"></span>
3855                            </span>
3856                                                    <span class="pinobra" titulo="Puente de la Baskonia" style="top: 28.993128504%; left: 47.372175765%;">
3857                                <span class="dotobra anim"></span>
3858                                <span class="spreadobra anim"></span>
3859                            </span>
3860                                                    <span class="pinobra" titulo="Reparación del Viaducto sobre el Barranco del Caballar en la A-7" style="top: 33.591459585%; left: 47.484205354%;">
3861                                <span class="dotobra anim"></span>
3862                                <span class="spreadobra anim"></span>
3863                            </span>
3864                                                    <span class="pinobra" titulo="Pasarela Princesa Leonor (Altadis)" style="top: 33.20027514%; left: 46.47973061%;">
3865                                <span class="dotobra anim"></span>
3866                                <span class="spreadobra anim"></span>
3867                            </span>
3868                                                    <span class="pinobra" titulo="Cierre perimetral Embajada España" style="top: 60%; left: 48.2%;">
3869                                <span class="dotobra anim"></span>
3870                                <span class="spreadobra anim"></span>
3871                            </span>
3872                                                    <span class="pinobra" titulo="Edificio Imperial Ocean Plaza" style="top: 60%; left: 48.2%;">
3873                                <span class="dotobra anim"></span>
3874                                <span class="spreadobra anim"></span>
3875                            </span>
3876                                                    <span class="pinobra" titulo="Centro Deportivo Municipal Las Tablas" style="top: 60%; left: 48.2%;">
3877                                <span class="dotobra anim"></span>
3878                                <span class="spreadobra anim"></span>
3879                            </span>
3880                                                    <span class="pinobra" titulo="Centro Deportivo Municipal Cea Bermudez" style="top: 60%; left: 48.2%;">
3881                                <span class="dotobra anim"></span>
3882                                <span class="spreadobra anim"></span>
3883                            </span>
3884                                                    <span class="pinobra" titulo="Rehabilitación y ensanche del puente sobre el Guadalquivir" style="top: 32.759629167%; left: 46.970391837%;">
3885                                <span class="dotobra anim"></span>
3886                                <span class="spreadobra anim"></span>
3887                            </span>
3888                                                    <span class="pinobra" titulo="Soterramiento A-5" style="top: 31.025655009%; left: 47.126743123%;">
3889                                <span class="dotobra anim"></span>
3890                                <span class="spreadobra anim"></span>
3891                            </span>
3892                                                    <span class="pinobra" titulo="Túnel acceso Sur a Santiago de Chile" style="top: 84.06525894%; left: 27.93376765%;">
3893                                <span class="dotobra anim"></span>
3894                                <span class="spreadobra anim"></span>
3895                            </span>
3896                                                    <span class="pinobra" titulo="Proyecto de Cogeneración de Jafurah" style="top: 41.774489526%; left: 62.620841932%;">
3897                                <span class="dotobra anim"></span>
3898                                <span class="spreadobra anim"></span>
3899                            </span>
3900                                                    <span class="pinobra" titulo="Estación de Tránsito East Harbour (EHTH)" style="top: 28.698064362%; left: 25.427614483%;">
3901                                <span class="dotobra anim"></span>
3902                                <span class="spreadobra anim"></span>
3903                            </span>
3904                                                    <span class="pinobra" titulo="Estación Exhibition (linea de metro Ontario)" style="top: 28.713089814%; left: 25.406811575%;">
3905                                <span class="dotobra anim"></span>
3906                                <span class="spreadobra anim"></span>
3907                            </span>
3908                                                    <span class="pinobra" titulo="Edificio Ciudad de la Justica (LOTE 2)" style="top: 30.97313691%; left: 47.164283871%;">
3909                                <span class="dotobra anim"></span>
3910                                <span class="spreadobra anim"></span>
3911                            </span>
3912                                                    <span class="pinobra" titulo="Centro de Procesamiento de datos Microsoft. MAD03" style="top: 30.980035167%; left: 47.225384736%;">
3913                                <span class="dotobra anim"></span>
3914                                <span class="spreadobra anim"></span>
3915                            </span>
3916                                                    <span class="pinobra" titulo="Rehabilitación de estructuras en la cubierta histórica de la Estación de Atocha" style="top: 31.028077752%; left: 47.140561025%;">
3917                                <span class="dotobra anim"></span>
3918                                <span class="spreadobra anim"></span>
3919                            </span>
3920                                                    <span class="pinobra" titulo="Rehabilitación de la estructura de los pantalanes nº 1 y nº 2 del terminal petrolero de San Diego" style="top: 28.911583377%; left: 45.791425685%;">
3921                                <span class="dotobra anim"></span>
3922                                <span class="spreadobra anim"></span>
3923                            </span>
3924                                                    <span class="pinobra" titulo="Plan de acción en infraestructuras y definición del proceso de gestión de activos portuarios " style="top: 28.909183578%; left: 45.791644666%;">
3925                                <span class="dotobra anim"></span>
3926                                <span class="spreadobra anim"></span>
3927                            </span>
3928                                                    <span class="pinobra" titulo="Proyecto de reparación de cajones para la ampliación del Puerto" style="top: 19.027591392%; left: 47.600465323%;">
3929                                <span class="dotobra anim"></span>
3930                                <span class="spreadobra anim"></span>
3931                            </span>
3932                                                    <span class="pinobra" titulo="Aparcamiento Castellana - Estadio Bernabeu" style="top: 30.995295078%; left: 47.141028548%;">
3933                                <span class="dotobra anim"></span>
3934                                <span class="spreadobra anim"></span>
3935                            </span>
3936                                                    <span class="pinobra" titulo="Aparcamiento Isaac Peral, C/Joquín María López 61" style="top: 31.00610457%; left: 47.13318369%;">
3937                                <span class="dotobra anim"></span>
3938                                <span class="spreadobra anim"></span>
3939                            </span>
3940                                                    <span class="pinobra" titulo="Hotel 5* Garden (Lopesan Hotel Family & Water Park)" style="top: 40.108974528%; left: 43.721767374%;">
3941                                <span class="dotobra anim"></span>
3942                                <span class="spreadobra anim"></span>
3943                            </span>
3944                                                    <span class="pinobra" titulo="Sustititución del Puente Nuevo sobre el río Oria" style="top: 29.07228387%; left: 47.60502891%;">
3945                                <span class="dotobra anim"></span>
3946                                <span class="spreadobra anim"></span>
3947                            </span>
3948                                                    <span class="pinobra" titulo="Viaductos FFCC de LAV sobre los ríos Sázava y Sázavka" style="top: 24.392966205%; left: 52.63126278%;">
3949                                <span class="dotobra anim"></span>
3950                                <span class="spreadobra anim"></span>
3951                            </span>
3952                                                    <span class="pinobra" titulo="Puente Carola sobre el río Elba (Carolabrücke 3.0)" style="top: 23.393951463%; left: 52.145414256%;">
3953                                <span class="dotobra anim"></span>
3954                                <span class="spreadobra anim"></span>
3955                            </span>
3956                                                    <span class="pinobra" titulo="Ampliación del Museo Nacional de Arte de Cataluña (MNAC)" style="top: 30.338966901%; left: 48.818111613%;">
3957                                <span class="dotobra anim"></span>
3958                                <span class="spreadobra anim"></span>
3959                            </span>
3960                                                    <span class="pinobra" titulo="Viaducto sobre el río Pudio (Tramo Espartinas–Valencina SE-40)" style="top: 33.194622312%; left: 46.447662952%;">
3961                                <span class="dotobra anim"></span>
3962                                <span class="spreadobra anim"></span>
3963                            </span>
3964                                                    <span class="pinobra" titulo="Reparación de apoyos del Viaducto de Arbizelai" style="top: 29.135751993%; left: 47.482835503%;">
3965                                <span class="dotobra anim"></span>
3966                                <span class="spreadobra anim"></span>
3967                            </span>
3968                                                    <span class="pinobra" titulo="Control indepediente de la Sustitución de cubierta del Estadio Olímpico" style="top: 27.334905396%; left: 27.090687069%;">
3969                                <span class="dotobra anim"></span>
3970                                <span class="spreadobra anim"></span>
3971                            </span>
3972                                                    <span class="pinobra" titulo="Inventario e Inspección de los puentes y obras de paso en la infraestructura de ETS" style="top: 28.933297005%; left: 47.667848618%;">
3973                                <span class="dotobra anim"></span>
3974                                <span class="spreadobra anim"></span>
3975                            </span>
3976                                                    <span class="pinobra" titulo="Viaductos en la LAV Vitoria-Bilbao-San Sebastián" style="top: 29.077348758%; left: 47.457198941%;">
3977                                <span class="dotobra anim"></span>
3978                                <span class="spreadobra anim"></span>
3979                            </span>
3980                                                    <span class="pinobra" titulo="Viaducto de Mayoral. Conexión entre LAV Madrid-Levante y LAV Madrid-Barcelona" style="top: 31.080516981%; left: 47.1552052%;">
3981                                <span class="dotobra anim"></span>
3982                                <span class="spreadobra anim"></span>
3983                            </span>
3984                                                    <span class="pinobra" titulo="L.A.V. Palencia – Aguilar de Campoo. Tramo Palencia-Palencia Norte" style="top: 29.869233672%; left: 46.895740554%;">
3985                                <span class="dotobra anim"></span>
3986                                <span class="spreadobra anim"></span>
3987                            </span>
3988                                                    <span class="pinobra" titulo="Reforma Hotel Mandarin Oriental Ritz" style="top: 31.022054235%; left: 47.140191082%;">
3989                                <span class="dotobra anim"></span>
3990                                <span class="spreadobra anim"></span>
3991                            </span>
3992                                                    <span class="pinobra" titulo="Integración del Ferrocarril en la ciudad de Granada" style="top: 33.335732214%; left: 47.15835359%;">
3993                                <span class="dotobra anim"></span>
3994                                <span class="spreadobra anim"></span>
3995                            </span>
3996                                                <span class="pin" style="top: 31.0%; left: 47.1%;" id="ptmadrid">
3997                            <span class="dot anim" style="animation-delay: 0s;"></span>
3998                            <span class="spread anim" style="animation-delay: 0s;"></span>
3999                        </span>
4000                        <span class="pin" style="top: 33.2%; left: 46.5%;" id="ptsevilla">
4001                            <span class="dot anim" style="animation-delay: 4s;"></span>
4002                            <span class="spread anim" style="animation-delay: 4s;"></span>
4003                        </span>
4004                        <span class="pin" style="top: 30.3%; left: 48.8%" id="ptbarcelona">
4005                            <span class="dot anim" style="animation-delay: 8s;"></span>
4006                            <span class="spread anim" style="animation-delay: 8s;"></span>
4007                        </span>
4008                        <span class="pin" style="top: 33.3%; left: 47.2%" id="ptgranada">
4009                            <span class="dot anim" style="animation-delay: 12s;"></span>
4010                            <span class="spread anim" style="animation-delay: 12s;"></span>
4011                        </span>                        
4012                        <span class="pin" style="top: 28.9%; left: 45.8%" id="ptcoruna">
4013                            <span class="dot anim" style="animation-delay: 16s;"></span>
4014                            <span class="spread anim" style="animation-delay: 16s;"></span>
4015                        </span>     
4016
4017                        <span class="pin" style="top: 22.4%; left: 52.0%" id="ptberlin">
4018                            <span class="dot anim" style="animation-delay: 20s;"></span>
4019                            <span class="spread anim" style="animation-delay: 20s;"></span>
4020                        </span>
4021
4022                        <span class="pin" style="top: 27.4%; left: 27.1%" id="ptmontreal">
4023                            <span class="dot anim" style="animation-delay: 24s;"></span>
4024                            <span class="spread anim" style="animation-delay: 24s;"></span>
4025                        </span>
4026
4027                        <span class="pin" style="top: 38.7%; left: 20.9%" id="pthouston">
4028                            <span class="dot anim" style="animation-delay: 28s;"></span>
4029                            <span class="spread anim" style="animation-delay: 28s;"></span>
4030                        </span>
4031                        <span class="pin" style="top: 84.0%; left: 27.9%" id="ptsantiago">
4032                            <span class="dot anim" style="animation-delay: 32s;"></span>
4033                            <span class="spread anim" style="animation-delay: 32s;"></span>
4034                        </span>
4035                    </world-map>
4036                    <div class="boton-container d-none d-sm-none d-md-flex">
4037                        <div class="botonClaro"><a href="mapa.php">all projects map</a></div>
4038                    </div>
4039                </div>
4040                <div class="col-1 d-none d-sm-none d-md-flex"></div>
4041            </div>
4042        </div>
4043        <div class="container-fluid d-none d-sm-none d-md-flex" style="min-height: 15vh; background-color: rgb(70, 70, 70); display: flex; justify-content: center; align-items: center;">
4044        </div>
4045
4046
4047        <!-- sección móvil -->
4048        <div class="container-fluid contenedorMapaMov d-block d-sm-block d-md-none" style="padding-top: 10px;">
4049
4050            <div class="centered-text-mov d-flex d-sm-flex d-md-none">
4051                <div class="odo1">
4052                    <div class="odometer animated fadeIn counter" id="cont1Mov"></div><span class="semitrans">projects published in </span>
4053                </div>
4054                <div class="odo2">
4055                    <div class="odometer animated fadeIn counter" id="cont2Mov"></div><span class="semitrans"> countries</span>
4056                </div>
4057            </div>
4058
4059            <div class="row centrada d-flex align-items-stretch">
4060                <div class="col-6 izq d-flex flex-column">
4061
4062                    <div class="boton-container-centrado">
4063                        <div class="botonClaro"><a href="mapa.php">map</a></div>
4064                    </div>
4065                </div>
4066                <div class="col-6 dcha d-flex align-items-start">
4067                    <div class="botonesCiudades-mov">
4068                        <ul>
4069                            <li><span>oficinas</a></span>
4070                            <li><a href="oficinas.php#dmadrid">madrid</a></li>
4071                            <li><a href="oficinas.php#dsevilla">sevilla</a></li>
4072                            <li><a href="oficinas.php#dbarcelona">barcelona</a></li>
4073                            <li><a href="oficinas.php#dgranada">granada</a></li>
4074                            <li><a href="oficinas.php#dcoruna">a coruña</a></li>
4075                            <li><a href="oficinas.php#dberlin">berlin</a></li>
4076                            <li><a href="oficinas.php#dmontreal">montreal</a></li>
4077                            <li><a href="oficinas.php#dhouston">houston</a></li>
4078                            <li><a href="oficinas.php#dsantiago">santiago</a></li>
4079                        </ul>
4080                    </div>
4081                </div>
4082            </div>
4083        </div>
4084    </div>
4085</section>
4086
4087<!--
4088            SECCIÓN MAPA FIN
4089-->
4090<!--
4091            SECCIÓN BIM INI
4092-->
4092
4093
4094
4095
4096<section class="apartado container-fluid seccion-bim" section-namec="bim" id="secbim">
4097
4098
4099    <div class="row">
4100
4101
4102        <div class="altura d-none d-sm-none d-md-block"></div>
4103        <div class="altura d-none d-sm-none d-md-block"></div>
4104        <div class="altura d-none d-sm-none d-md-block"></div>
4105        <div class="altura d-none d-sm-none d-md-block"></div>
4106        <div class="col-12 d-none d-sm-none d-md-block tituloSec">
4107            B&nbsp;I&nbsp;M&nbsp;&nbsp;|&nbsp;&nbsp;Building Information Modeling<br />
4108        </div>
4109        <div class="col-12 d-block d-sm-block d-md-none tituloSecBim">
4110            BIM<br />
4111        </div>
4112    </div>
4113
4114    <div class="row contenedorSecBim">
4115        <div class="col">
4116            <div class="row d-none d-sm-none d-md-flex">
4117                <div class="col contTextIzq">
4118                    <div class="col-md-7 coltextosIzq">
4119                        <div>Tekla Structures 2018<span style="font-weight: bold;">i </span>&nbspCertification </div>
4120                        <div>First structural engineering company in Spain with ISO 19650 certification </div>
4121                        <div>New colaboration with BuildingSMART Spain </div>
4122                        <div>Associate partner of European Master in Building Information Modeling (BIM A+) </div>
4123                        <div>Achieves certification ISO 19650 endorsed by UKAS </div>
4124                    </div>
4125                </div>
4126                <div class="col-auto " style="padding: 0; margin: 0 ">
4127                    <img class="img-fluid flecha" src="multimedia/images/bim/flechavertical.png" alt="flecha">
4128                </div>
4129                <div class="col contTextDcha">
4130                    <div class="row">
4131                        <div class="col-md-3 coltextosDcha">
4132                            <div>November 2019</div>
4133                            <div>June 2020</div>
4134                            <div>April 2024 </div>
4135                            <div>May 2024 </div>
4136                            <div>May 2024 </div>
4137                        </div>
4138                        <div class="col-md-3 coltextosDcha">
4139                            <div class="img-bin-conpad" style="padding-bottom: 12px; padding-top: 12px;padding-left:25px; padding-right:25px; "><img class="img-fluid" src="multimedia/iconos/bim/tekla.png"></div>
4140                            <div class="img-bin-conpad"><img class="img-fluid" src="multimedia/iconos/bim/isoBIM.png"></div>
4141                            <div><img class="img-fluid" src="multimedia/iconos/bim/buil_smart.png"></div>
4142                            <div><img class="img-fluid" src="multimedia/iconos/bim/bim_ap.png"></div>
4143                            <div class="img-bin-conpad"><img class="img-fluid" src="multimedia/iconos/bim/bimUKAS.png"></div>
4144                        </div>
4145                    </div>
4146                </div>
4147            </div>
4148            <div class="row d-flex d-sm-flex d-md-none">
4149                <div class="col-7 ">
4150                    <div class="BimFecha">June 2020</div>
4151                    <div class="Bimtxt">First structural engineering company in Spain with ISO 19650 certification </div>
4152                </div>
4153                <div class="col-5">
4154                    <div class="img-bin-conpad"><img class="img-fluid" src="multimedia/iconos/bim/isoBIM.png"></div>
4155                </div>
4156            </div>
4157
4158            <div class="row d-flex d-sm-flex d-md-none">
4159                <div class="col-7 ">
4160                    <div class="BimFecha">April 2024</div>
4161                    <div class="Bimtxt">New colaboration with BuildingSMART Spain </div>
4162                </div>
4163                <div class="col-5">
4164                    <div class="img-bin-conpad"><img class="img-fluid" src="multimedia/iconos/bim/buil_smart.png"></div>
4165                </div>
4166            </div>
4167
4168            <div class="row d-flex d-sm-flex d-md-none">
4169                <div class="col-7 ">
4170                    <div class="BimFecha">May 2024</div>
4171                    <div class="Bimtxt">Associate partner of European Master in Building Information Modeling (BIM A+) </div>
4172                </div>
4173                <div class="col-5">
4174                    <div class="img-bin-conpad"><img class="img-fluid" src="multimedia/iconos/bim/bim_ap.png"></div>
4175                </div>
4176            </div>
4177            <div class="row d-flex d-sm-flex d-md-none">
4178                <div class="col-7 ">
4179                    <div class="BimFecha">May 2024</div>
4180                    <div class="Bimtxt">Achieves certification ISO 19650 endorsed by UKAS </div>
4181                </div>
4182                <div class="col-5">
4183                    <div class="img-bin-conpad"><img class="img-fluid" src="multimedia/iconos/bim/bimUKAS.png"></div>
4184                </div>
4185            </div>
4186        </div>
4187    </div>
4188
4189    <div class="row botonFinSecBin" style="text-align: center; ">
4190        <div class="boton-container-noticias d-flex">
4191            <div style="text-align: center;">
4192                <div class="boton"><a href="bim.php">more info</a></div>
4193            </div>
4194        </div>
4195    </div>
4196
4197</section>
4198
4199<!--
4200            SECCIÓN BIM FIN
4201-->
4202<section class="apartado container-fluid  seccion-lab" section-namec="lab" id="seclab" >
4203
4204
4205    <div class="row">
4206        <div class="margenInicio d-none d-sm-none d-md-block"></div>
4207        <div class="altura d-none d-md-block"></div>
4208        <div class="col-12 tituloSecLab ">
4209            FhecorLab
4210        </div>
4211    </div>
4212    <div class="row contenedorSec">
4213        <div class="row sinpad" style="justify-content: center; ">
4214            <div class="col-12 col-md-6 col-lg-3 sinpad">
4215                <a href="desarrollos.php">
4216                    <div>
4217                        <video class="img-fluid" src="multimedia/video/portada/dsarrollos.mp4" class="" muted autoplay loop playsinline></video>
4218                    </div>
4219                    <div class="textoImg">
4220                        <development/>                    </div>
4221                </a>
4222            </div>
4223            <div class="col-12 col-md-6 col-lg-3 sinpad">
4224                <a href="rv.php">
4225                    <div>
4226                        <video class="img-fluid" src="multimedia/video/portada/vr.mp4" class="" muted autoplay loop playsinline></video>
4227                    </div>
4228                    <div class="textoImg">
4229                        Virtual Reality                    </div>
4230                </a>
4231            </div>
4232            <div class="col-12 col-md-6 col-lg-3 sinpad">
4233                <a href="animacion3d.php">
4234                    <div>
4235                        <video class="img-fluid" src="multimedia/video/portada/animacion.mp4" class="" muted autoplay loop playsinline></video>
4236                    </div>
4237                    <div class="textoImg">
4238                        3D animations                    </div>
4239                </a>
4240            </div>
4241            <div class="col-12 col-md-6 col-lg-3 sinpad">
4242                <a href="scan.php">
4243                    <div>
4244                        <video id="video-player0" class="img-fluid" src="multimedia/video/portada/escaneado.mp4" class="" muted autoplay loop playsinline></video>
4245                    </div>
4246                    <div class="textoImg">
4247                        digital scan                    </div>
4248                </a>
4249            </div>
4250        </div>
4251    </div>
4252</section>
4253
4254<section class="apartado secbolsa" id="secbolsa" section-namec="bolsa" >
4255    <div class="margenInicio" style="background-color: #fff;"></div>
4256
4257    <div class="contenedor-video">
4258        <video id="video-player-of1" class="player-video-of video-visible" muted autoplay playsinline></video>
4259        <video id="video-player-of2" class="player-video-of video-hidden" muted autoplay playsinline></video>
4260        <div class="textoVideo">Colaborate and Grow up with us<br />
4261            <div class="boton-container-noticias d-flex" style="padding-top: 20px;">
4262                <div style="text-align: center;">
4263                    <div class="boton"><a href="bolsa.php">Job offers </a></div>
4264                </div>
4265            </div>
4266        </div>
4267    </div>
4268
4269    <!--
4270<section class="container-fluid interseccion">
4271    <div class="row">
4272        <div class="col-12 video">
4273            <video autoplay muted loop>
4274                <source src="tu_video.mp4" type="video/mp4">
4275            </video>
4276            <div class="watermark">Marca de Agua</div>
4277        </div>
4278    </div>
4279</section>-->
4280    <!-- PIE -->
4281    <div class="contenedorPieIndex">
4282        <!--<div class="contenedor-footer">-->
4283<div class="container-fluid contenedor-footer d-none d-md-block d-lg-block ">
4284
4285    <div class="row">
4286        <!-- Primera columna -->
4287        <div class="col-12 col-md-3  columnaLateralFooter">
4288            <div class="izquierda">
4289                <a href="index.php">
4290                                        <img src="multimedia/logos/fhecor_azul_recortado.png" class="img-fluid" alt="Fhecor">
4291                                    </a>
4292            </div>
4293        </div>
4294        <!-- Segunda columna con columnas internas -->
4295        <div class="col-md-6">
4296            <div class="textosfoot">
4297                <div class="row">
4298                    <!-- Columna interna 1 -->
4299                    <div class="col-md-4">
4300                        <div class="titulosColumnasInternasFooter">
4301                        HEAD OFFICE                        </div>
4302                    </div>
4303                    <!-- Columna interna 2 -->
4304                    <div class="col-md-4">
4305                        <div class="titulosColumnasInternasFooter">
4306                        CONTACT                        </div>
4307
4308                    </div>
4309                    <!-- Columna interna 3 -->
4310                    <div class="col-md-4">
4311                        <div class="titulosColumnasInternasFooter">
4312                        LEGAL                        </div>
4313                    </div>
4314
4315                </div>
4316                <div class="row">
4317                    <div class="col-md-4">
4318                        Calle Barquillo 23, 1º izq.<br>
4319                        28004 Madrid,<br>
4320                        Spain                    </div>
4321                    <!-- Columna interna 2 -->
4322                    <div class="col-md-4">
4323                        <div class="contenidoTextContactFooter">
4324                            <div class="contenidoIzqContactoFooter">
4325                                <ul>
4326                                    <li><i class="fas fa-phone" title="Teléfono"></i></li>
4327                                    <li><i class="fas fa-fax" title="Fax"></i></li>
4328                                    <li><i class="fas fa-envelope" title="Correo"></i></li>
4329                                </ul>
4330                            </div>
4331                            <div class="contenidoDerContactoFooter">
4332                                <ul>
4333                                    <li>(+34) 917 014 460</li>
4334                                    <li>(+34) 915 327 864</li>
4335                                    <li><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="83e5ebe6e0ecf1c3e5ebe6e0ecf1ade6f0">[email&#160;protected]</a></li>
4336                                </ul>
4337                            </div>
4338                        </div>
4339                    </div>
4340
4341                    <!-- Columna interna 3 -->
4342                    <div class="col-md-4">
4343                        <div class="listaEnlacesColumnaInternaFooter">
4344                            <a href="files/disclaimer.pdf" target="_blank">Legal notice</a><br>
4345                            <a href="files/privacy.pdf" target="_blank">Privacy Policy</a><br>
4346                            <a href="#" data-toggle="modal" data-target="#myMo
4346dal">Suppliers payments</a>
4347                            
4348                        </div>
4349                    </div>
4350                </div>
4351            </div>
4352        </div>
4353
4354        <!-- Tercera columna -->
4355        <div class="col-md-3 d-flex" style="align-items: center; flex-direction: row; 
4356            padding-left: 2%; padding-right: 2%">
4357            <div class="d-flex" style="width: 100%; display: flex !important; justify-content: space-between;">
4358                <div class="d-flex icospie">
4359                    <a href="https://www.linkedin.com/company/fhecor-ingenieros-consultores" target="_blank">
4360                        <i class="fab fa-linkedin iconoPersonalizado"></i>
4361                    </a>
4362                    <a href="https://www.instagram.com/fhecor/" target="_blank">
4363                        <i class="fab fa-instagram iconoPersonalizado"></i>
4364                    </a>
4365                    <a href="https://www.facebook.com/fhecoreng/" target="_blank">
4366                    <i class="fab fa-facebook iconoPersonalizado"></i>
4367                    </a>
4368                </div>
4369                <div class="copyright">
4370                    &copy; fhecor  2026                </div>
4371            </div>
4372        </div>
4373    </div>
4374    <div class="row">
4375        <div class="col-12">
4376
4377        </div>
4378    </div>
4379</div>
4380
4381<!-- footer movil-->
4382<div class="container-fluid contenedor-footer-mv d-flex d-md-none d-lg-none">
4383
4384    <div class="cont1">
4385                <div class="row">
4386            <div class="col-3"></div>
4387            <div class="col-6 titulosColumnasInternasFooter-mv">
4388                <div>
4389                HEAD OFFICE                </div>
4390            </div>
4391            <div class="col-3"></div>
4392        </div>
4393        <div class="row">
4394            <div class="col-3"></div>
4395            <div class="col-6 textos-mv">
4396                Calle Barquillo 23, 1º izq.<br>
4397                28004 Madrid,<br>
4398                Spain            </div>
4399            <div class="col-3"></div>
4400        </div>
4401        <div class="row espacioEntreTextos-mv">
4402        </div>
4403        <div class="row">
4404            <div class="col-3"></div>
4405            <div class="col-6 titulosColumnasInternasFooter-mv">
4406                <div>
4407                CONTACT                </div>
4408            </div>
4409            <div class="col-3"></div>
4410        </div>
4411
4412        <div class="row">
4413            <div class="col-3"></div>
4414            <div class="col-6 textos-mv">
4415                <div class="contenidoTextContactFooter">
4416                    <div class="contenidoIzqContactoFooter">
4417                        <ul>
4418                            <li><i class="fas fa-phone" title="Teléfono"></i></li>
4419                            <li><i class="fas fa-fax" title="Fax"></i></li>
4420                            <li><i class="fas fa-envelope" title="Correo"></i></li>
4421                        </ul>
4422                    </div>
4423                    <div class="contenidoDerContactoFooter">
4424                        <ul>
4425                            <li>(+34) 917 014 460</li>
4426                            <li>(+34) 915 327 864</li>
4427                            <li><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d9bfb1bcbab6ab99bfb1bcbab6abf7bcaa">[email&#160;protected]</a></li>
4428                        </ul>
4429                    </div>
4430                </div>
4431            </div>
4432            <div class="col-3"></div>
4433        </div>
4434
4435        <div class="row espacioEntreTextos-mv">
4436        </div>
4437        <div class="row">
4438            <div class="col-3"></div>
4439            <div class="col-6 titulosColumnasInternasFooter-mv">
4440                <div>
4441                LEGAL                </div>
4442            </div>
4443            <div class="col-3"></div>
4444        </div>
4445
4446
4447        <div class="row">
4448            <div class="col-3"></div>
4449            <div class="col-6 textos-mv">
4450                <div class="listaEnlacesColumnaInternaFooter">
4451                    <a href="files/disclaimer.pdf" target="_blank">Legal notice</a><br>
4452                    <a href="files/privacy.pdf" target="_blank">Privacy Policy</a><br>
4453                    <a href="#" data-toggle="modal" data-target="#myMo
4453dal">Suppliers payments</a>
4454                </div>
4455            </div>
4456            <div class="col-3"></div>
4457        </div>
4458        <div class="row espacioEntreTextos-mv"></div>
4459        <div class="row espacioEntreTextos-mv"></div>
4460
4461        <div class="row">
4462            <div class="col-3"></div>
4463            <div class="col-6">
4464
4465                <div class="d-flex icospie">
4466                    <a href="https://www.linkedin.com/company/fhecor-ingenieros-consultores" target="_blank">
4467                        <i class="fab fa-linkedin iconoPersonalizado"></i>
4468                    </a>
4469                    <a href="https://www.instagram.com/fhecor/" target="_blank">
4470                        <i class="fab fa-instagram iconoPersonalizado"></i>
4471                    </a>
4472                    <a href="https://www.facebook.com/fhecoreng/" target="_blank">
4473                    <i class="fab fa-facebook iconoPersonalizado"></i>
4474                    </a>
4475                </div>
4476
4477            </div>
4478            <div class="col-3"></div>
4479            <div class="row espacioEntreTextos-mv">
4480            </div>
4481        </div>
4482
4483        <div class="row">
4484            <div class="col-3"></div>
4485            <div class="col-6">
4486
4487                <div class="d-flex icospie">
4488                    <div class="copyright">
4489                        &copy; fhecor 2026                    </div>
4490                </div>
4491
4492            </div>
4493            <div class="col-6"></div>
4494
4495        </div>
4496    </div>
4497
4498</div>
4499
4500
4501
4502<!--
4502<script src="scripts/bootstrapº.bundle.min.js"></script>
4502-->
4503<!-- Enlace a Bootstrap (opcional si quieres usarlo) -->
vendor: 112 bytes, lines 4503-4505
4503
4504
4505<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
4505<script
4506    src="https://code.jquery.com/jquery-3.7.1.js"
4507    integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
4508    crossorigin="anonymous"></script>
4508
4509    
4509<script src="scripts/jquery.easing.1.3.js"></script>
vendor: 2 bytes, line 4509
4509
4510<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
4510
4511<!-- Enlace a FontAwesome para los iconos -->
4512<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/js/all.min.js"></script>
4512
4513<!--
4513<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
4513-->
4514
4515<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
4515
4516<!--
4516<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
4516-->
4517<script>
4518        var dispositivo = "PC";
4519</script>
vendor: 2 bytes, line 4519
4519
4520<script src="scripts/menuScript_pc.js"></script>
4520<script>
4521    document.getElementById('botonSubmit').addEventListener('click', function() {
4522        document.getElementById('formbusqueda').submit()
4523        /*
4524        event.preventDefault(); // Evita el envío inmediato del formulario
4525        document.body.classList.add('desvanecer');            
4526         // Aplica la clase para desvanecer
4527        setTimeout(() => {
4528        }, 100); // Espera el mismo tiempo que la duración del CSS
4529    */
4530    });
4531</script>
4531
4532
4533    </div>
4534</section>
4535<script src="scripts/destacadoScript.js"></script>
vendor: 2 bytes, line 4535
4535
4536<script src="scripts/generalScript.js"></script>
4536
4537<!--
4537<script src="scripts/flickity.pkgd.min.js"></script>
4537-->
4538<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
4538
4539
4540<script>
4541    window.addEventListener('load', function() {
4542
4543        document.body.classList.add('loaded');
4544    });
4545</script>
vendor: 2 bytes, line 4545
4545
4546<script>
4547    document.addEventListener('DOMContentLoaded', function() {
4548
4549        //const videoPlayer = document.getElementById('videoPlayer');
4550
4551        let activePlayerIndex = 0;
4552        let esPc = 1;
4553        const videoPlayers = [
4554            document.getElementById('video-player1'),
4555            document.getElementById('video-player2')
4556        ];
4557
4558        const text = document.getElementById('movingText');
4559        const text2 = document.getElementById('movingText2');
4560
4561        const lemas = [
4562
4563            'global-vision engineering',
4564            'more than structural calculations',
4565            'construction-ready solutions',
4566            'connecting people',
4567            'historic sites recovery',
4568            'all the life cycle',
4569            'creativity and innovation',
4570            'responsible engineering'
4571        ];
4572                let index = 1;
4573
4574        const videoSources = [
4575            ['multimedia/video/PUENTE_08_HB.mp4'],['multimedia/video/EDIFICACION_06_HB.mp4'],['multimedia/video/INDUSTRIAL_05_HB.mp4'],['multimedia/video/TRAZADO_02_HB.mp4'],['multimedia/video/PATRIMONIO_03_HB.mp4'],['multimedia/video/INSPECCION_03_HB.mp4'],['multimedia/video/INNOVACION_01_HB.mp4'],['multimedia/video/B2P_09_HB.mp4'],['multimedia/video/PUENTE_11_HB.mp4'],['multimedia/video/EDIFICACION_07_HB.mp4'],['multimedia/video/INDUSTRIAL_03_HB.mp4'],['multimedia/video/TRAZADO_03_HB.mp4'],['multimedia/video/PATRIMONIO_04_HB.mp4'],['multimedia/video/INSPECCION_02_HB.mp4'],['multimedia/video/INNOVACION_03_HB.mp4'],['multimedia/video/B2P_10_HB.mp4'],        ];
4576        const videoSources_mob = [
4577            ['multimedia/video/mobile/PUENTE_08_HB_mobile.mp4'],['multimedia/video/mobile/EDIFICACION_06_HB_mobile.mp4'],['multimedia/video/mobile/INDUSTRIAL_05_HB_mobile.mp4'],['multimedia/video/mobile/TRAZADO_02_HB_mobile.mp4'],['multimedia/video/mobile/PATRIMONIO_03_HB_mobile.mp4'],['multimedia/video/mobile/INSPECCION_03_HB_mobile.mp4'],['multimedia/video/mobile/INNOVACION_01_HB_mobile.mp4'],['multimedia/video/mobile/B2P_09_HB_mobile.mp4'],['multimedia/video/mobile/PUENTE_11_HB_mobile.mp4'],['multimedia/video/mobile/EDIFICACION_07_HB_mobile.mp4'],['multimedia/video/mobile/INDUSTRIAL_03_HB_mobile.mp4'],['multimedia/video/mobile/TRAZADO_03_HB_mobile.mp4'],['multimedia/video/mobile/PATRIMONIO_04_HB_mobile.mp4'],['multimedia/video/mobile/INSPECCION_02_HB_mobile.mp4'],['multimedia/video/mobile/INNOVACION_03_HB_mobile.mp4'],['multimedia/video/mobile/B2P_10_HB_mobile.mp4'],        ];
4578
4579        let videoSources_fin;
4580
4581        if (esPc === 1) {
4582            videoSources_fin = videoSources;
4583        } else if (window.innerWidth > 767) {
4584            videoSources_fin = videoSources;
4585        } else {
4586            videoSources_fin = videoSources_mob;
4587        }
4588
4589
4590        let currentVideoIndex = 0;
4591        let currentTextIndex = 0;
4592
4593        // Preload all videos
4594        const preloadedVideos = [];
4595        videoSources_fin.forEach((src, index) => {
4596            const video = document.createElement('video');
4597            video.src = src;
4598            video.preload = 'auto';
4599            preloadedVideos[index] = video;
4600        });
4601
4602
4603        function cambiaTexto(indice) {
4604
4605            text.style.transition = 'top 0.75s ease';
4606            text2.style.transition = 'top 0.75s ease';
4607            text.style.top = "10%";
4608            text2.style.top = "48%";
4609
4610            setTimeout(() => {
4611                text.style.transition = 'top 0s ease';
4612                text2.style.transition = 'top 0s ease';
4613                text.style.top = "48%";
4614                text2.style.top = "90%";
4615
4616                text.innerHTML = lemas[indice];
4617                if (indice > 6) {
4618                    text2.innerHTML = lemas[0];
4619                } else {
4620                    text2.innerHTML = lemas[indice + 1];
4621                }
4622            }, 600); // Espera 0.5 segundos antes de restaurar las posiciones y cambiar el texto
4623        };
4624
4625        function playNextVideo() {
4626
4627            const currentVideoPlayer = videoPlayers[activePlayerIndex];
4628            const nextVideoPlayer = videoPlayers[1 - activePlayerIndex];
4629
4630            // Inicia la transición de opacidad del video actual
4631            currentVideoPlayer.classList.remove('video-visible');
4632            currentVideoPlayer.classList.add('video-hidden');
4633
4634            // Cambia el video después de la transición de opacidad
4635            setTimeout(() => {
4636
4637                if (videoSources_fin.length <= currentVideoIndex) {
4638                    currentVideoIndex = 0;
4639                    currentTextIndex = -1;
4640                }
4641                nextVideoPlayer.src = videoSources_fin[currentVideoIndex];
4642                nextVideoPlayer.load();
4643                nextVideoPlayer.play();
4644
4645                currentVideoIndex++;
4646                // Cambia la opacidad del próximo video
4647                nextVideoPlayer.classList.remove('video-hidden');
4648                nextVideoPlayer.classList.add('video-visible');
4649                if (currentTextIndex > 6) {
4650                    currentTextIndex = 0;
4651                } else {
4652                    currentTextIndex++;
4653                }
4654                cambiaTexto(currentTextIndex);
4655                /*  } else {
4656                      currentVideoIndex = 0;
4657                      currentTextIndex = 0;
4658                      playNextVideo(); // Restart from the first video
4659
4660                  }*/
4661            }, 0); // Coincide con la duración de la transición de opacidad
4662
4663            activePlayerIndex = 1 - activePlayerIndex;
4664        }
4665        /*
4666                videoPlayer.addEventListener('ended', () => {
4667                    videoPlayer.classList.remove('video-visible');
4668                    setTimeout(playNextVideo, 1000); // Wait for fade-out before playing next video
4669                });
4670        */
4671        const initVideoPlayers = () => {
4672            videoPlayers[0].src = videoSources_fin[0];
4673            videoPlayers[0].load();
4674            videoPlayers[0].play();
4675            currentVideoIndex = 1;
4676            videoPlayers.forEach(player => {
4677                player.addEventListener('timeupdate', () => { // CADA 2.5 Segundos cambia la imagen (longitud videos actual 3 segundos)
4678                    if (player.currentTime >= 4.5 && player.classList.contains('video-visible')) {
4679                        playNextVideo();
4680                    }
4681                });
4682            });
4683            text.innerHTML = lemas[0];
4684            text2.innerHTML = lemas[1];
4685        };
4686
4687        // Start playing the first video
4688        initVideoPlayers();
4689
4690        /* videso oferta curro */
4691
4692        let activePlayerIndex_of = 0;
4693
4694        const videoPlayers_of = [
4695            document.getElementById('video-player-of1'),
4696            document.getElementById('video-player-of2')
4697        ];
4698
4699
4700
4701        let index_of = 1;
4702
4703        const videoSources_of = [
4704            ['multimedia/video/GENTE_02_HB.mp4'],['multimedia/video/GENTE_03_HB.mp4'],['multimedia/video/GENTE_01_HB.mp4'],['multimedia/video/PLANOS_01_HB.mp4'],        ];
4705
4706        const videoSources_of_mob = [
4707            ['multimedia/video/mobile/GENTE_02_HB_mobile.mp4'],['multimedia/video/mobile/GENTE_03_HB_mobile.mp4'],['multimedia/video/mobile/GENTE_01_HB_mobile.mp4'],['multimedia/video/mobile/PLANOS_01_HB_mobile.mp4'],        ];
4708
4709        let videoSources_of_fin;
4710
4711        if (esPc === 1) {
4712            videoSources_of_fin = videoSources_of;
4713        } else if (window.innerWidth > 767) {
4714            videoSvideoSources_of_finources_fin = videoSources_of;
4715        } else {
4716            videoSources_of_fin = videoSources_of_mob;
4717        }
4718
4719
4720        let currentVideoIndex_of = 0;
4721
4722
4723
4724        function playNextVideo_of() {
4725
4726            const currentVideoPlayer = videoPlayers_of[activePlayerIndex_of];
4727            const nextVideoPlayer = videoPlayers_of[1 - activePlayerIndex_of];
4728
4729            // Inicia la transición de opacidad del video actual
4730            currentVideoPlayer.classList.remove('video-visible');
4731            currentVideoPlayer.classList.add('video-hidden');
4732
4733            // Cambia el video después de la transición de opacidad
4734            setTimeout(() => {
4735                if (videoSources_of_fin.length <= currentVideoIndex_of) {
4736                    currentVideoIndex_of = 0;
4737                }
4738                nextVideoPlayer.src = videoSources_of_fin[currentVideoIndex_of];
4739                nextVideoPlayer.load();
4740                nextVideoPlayer.play();
4741
4742                currentVideoIndex_of++;
4743                // Cambia la opacidad del próximo video
4744                nextVideoPlayer.classList.remove('video-hidden');
4745                nextVideoPlayer.classList.add('video-visible');
4746
4747
4748            }, 0);
4748 // Coincide con la duración de la transición de opacidad
4749
4750            activePlayerIndex_of = 1 - activePlayerIndex_of;
4751        }
4752
4753        const initVideoPlayers_of = () => {
4754            videoPlayers_of[0].src = videoSources_of_fin[0];
4755            videoPlayers_of[0].load();
4756            videoPlayers_of[0].play();
4757            currentVideoIndex_of = 1;
4758            videoPlayers_of.forEach(player => {
4759                player.addEventListener('timeupdate', () => { // CADA 2.5 Segundos cambia la imagen (longitud videos actual 3 segundos)
4760                    if (player.currentTime >= 3.8 && player.classList.contains('video-visible')) {
4761                        playNextVideo_of();
4762                    }
4763                });
4764            });
4765        };
4766
4767        initVideoPlayers_of();
4768        /** video oferta curro fin */
4769
4770    });
4771
4772</script>
4772
4773
4774<script>
4775    $(window).on("load", function() {
4776
4777        window.dispatchEvent(new Event('resize'));
4778
4779        $('.main-news').flickity({
4780            // options
4781            freeScroll: true,
4782            //wrapAround: true,
4783            prevNextButtons: false,
4784            pageDots: false,
4785            cellAlign: 'left',
4786            fullscreen: true,
4787            contain: true
4788
4789        });
4790
4791        Flickity.prototype._createResizeClass = function() {
4792            this.element.classList.add('flickity-resize');
4793        };
4794
4795        Flickity.createMethods.push('_createResizeClass');
4796
4797        var resize = Flickity.prototype.resize;
4798        Flickity.prototype.resize = function() {
4799            this.element.classList.remove('flickity-resize');
4800            resize.call(this);
4801            this.element.classList.add('flickity-resize');
4802        };
4803
4804    });
4805</script>
4805
4806
4807<!-- SCRIPT MAPA -->
4808
4809    
4809<script src="scripts/script.js"></script>
4809
4810
4811<script src="scripts/odometer.js"></script>
vendor: 2 bytes, line 4811
4811
4812<script src="scripts/jquery.scrollify.js"></script>
4812
4813
4814    
4814<script>
4815        $(function() {
4816            $.scrollify({
4817                section: ".apartado",
4818
4819                interstitialSection: "",
4820                easing: "easeOutExpo",
4821                scrollSpeed: 500,
4822                scrollbars: false,
4823                setHeights: true,
4824                updateHash: true,
4825                scrollIntertia: 50,
4826                before: function(index) {
4827                    $(".scroll-nav a").removeClass("active");
4828                    $(".scroll-nav a").eq(index).addClass("active");
4829                }
4830            });
4831            // Evento para hacer clic en los cuadraditos
4832            $(".scroll-nav a").on("click", function(e) {
4833                e.preventDefault();
4834                $.scrollify.move($(this).attr("href"));
4835            });
4836        });
4837
4838        /*easing: "swing",
4839        easeInOutExpo
4840        scrollSpeed: 500,*/
4841    </script>
vendor: 2 bytes, line 4841
4841
4842<script>
4843    $(window).on("load", function() {
4844        function updateOdometers() {
4845            $('#cont1').text('00');
4846            $('#cont1Mov').text('00');
4847            $('#cont2').text('00');
4848            $('#cont2Mov').text('00');
4849
4850            var odometer = new Odometer({
4851                el: $('#cont1')[0],
4852                value: 123,
4853                theme: 'minimal',
4854                duration: 3000
4855            });
4856            var odometerMov = new Odometer({
4857                el: $('#cont1Mov')[0],
4858                value: 123,
4859                theme: 'minimal',
4860                duration: 3000
4861            });
4862            odometer.render();
4863            odometerMov.render();
4864
4865            setTimeout(function() {
4866                $('#cont1').text(593);
4867            }, 100);
4868            setTimeout(function() {
4869                $('#cont1Mov').text(593);
4870            }, 100);
4871
4872
4873            var odometer2 = new Odometer({
4874                el: $('#cont2')[0],
4875                value: 12,
4876                theme: 'minimal',
4877                duration: 3000
4878            });
4879            var odometer2Mov = new Odometer({
4880                el: $('#cont2Mov')[0],
4881                value: 12,
4882                theme: 'minimal',
4883                duration: 3000
4884            });
4885            odometer2.render();
4886            odometer2Mov.render();
4887
4888            //$('#cont2').text(57);
4889            setTimeout(function() {
4890                $('#cont2').text(57);
4891            }, 100);
4892            setTimeout(function() {
4893                $('#cont2Mov').text(57);
4894            }, 100);
4895        }
4896
4897        updateOdometers();
4898        // Set interval to update every 10 seconds
4899        setInterval(updateOdometers, 10000);
4900    });
4901
4902    function enviarPostOfi(ofi) {
4903        const form = document.createElement('form');
4904        form.method = 'POST';
4905        form.action = 'oficinas.php';
4906        const ofiField = document.createElement('input');
4907        ofiField.type = 'hidden';
4908        ofiField.name = 'ofi';
4909        ofiField.value = ofi;
4910        form.appendChild(ofiField);
4911        document.body.appendChild(form);
4912        form.submit();
4913    }
4914
4915</script>
4915
4916<ul class="scroll-nav">
4917    <!--<li><a href="#0" class="active"></a></li>-->
4918    <li><a href="#1" class="active"></a></li>
4919    <li><a href="#2"></a></li>
4920    <li><a href="#3"></a></li>
4921    <li><a href="#4"></a></li>
4922    <li><a href="#5"></a></li>
4923    <li><a href="#6"></a></li>
4924    <li><a href="#7"></a></li>
4925</ul>
4926<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"f637cefebb8b4dccb1c49a5385a5b969","r":1,"spa":2}' crossorigin="anonymous"></script>
4926
4927</body>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.