CINXE.COM
NAVEGAxMADRID
<!DOCTYPE html> <!-- Titles: Navega por Madrid - EMT MADRID --> <html lang="es"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no"> <link rel="shortcut icon" href="favicon.ico" type="image/ico"> <title>NAVEGAxMADRID</title> <script src="js/jquery-1.12.4.js"></script> <script src="js/jquery-ui.js"></script> <script> var dojoConfig = { parseOnLoad: true }; </script> <script src="https://js.arcgis.com/3.40/"></script> <script src="js/index.js?v=1.0.0"></script> <script src="js/actions.js?v=1.0.0"></script> <script src="js/rutaMultimodal.js?v=1.0.0"></script> <script src="js/map.js?v=1.0.0"></script> <script src="js/operations.js?v=1.0.0"></script> <script src="js/caller.js?v=1.0.0"></script> <script src="js/parser.js?v=1.0.0"></script> <script src="js/xml2json.js?v=1.0.0"></script> <script src="js/config/configIncidences.js?v=1.0.0"></script> <script src="js/managers/incidences.js?v=1.0.0"></script> <script src="lang/i18n_es.js?v=1.0.0"></script> <script src="lang/i18n_es_aux.js?v=1.0.0"></script> <script src="lang/i18n_en.js?v=1.0.0"></script> <script src="lang/i18n_en_aux.js?v=1.0.0"></script> <script src="js/config/inicio.js?v=1.0.0"></script> <script src="js/config/zoom.js?v=1.0.0"></script> <script src="js/config/esriConfig.js?v=1.0.0"></script> <script src="js/config/colorSymbology.js?v=1.0.0"></script> <script src="js/config/lods.js?v=1.0.0"></script> <script src="js/config/configCR.js?v=1.0.0"></script> <script src="js/config/configMailing.js?v=1.0.0"></script> <script src="js/config/ayudaConfig.js?v=1.0.0"></script> <script src="js/config/config_MapasBase.js?v=1.0.0"></script> <script src="js/i18n/script.js?v=1.0.0"></script> <!-- Detector de NAvegador --> <script type="text/javascript"> $('document').ready(function(){ navegator(); }); function navegator() { if ((navigator.userAgent.indexOf("Opera") || navigator.userAgent.indexOf('OPR')) != -1 ) { } else if (navigator.userAgent.indexOf("Chrome") != -1) { } else if (navigator.userAgent.indexOf("Safari") != -1) { } else if (navigator.userAgent.indexOf("Firefox") != -1) { } else if ((navigator.userAgent.indexOf("MSIE") != -1) || (!!document.documentMode == true)) { // IE > 10 $('body').addClass('ie'); } else { } } </script> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,300italic,600,600italic,700,800,700italic,800italic|Roboto:400,100italic,100,300,300italic,400italic,500,500italic,700,700italic,900,900italic" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/styles.css"> <link rel="stylesheet" href="https://js.arcgis.com/3.18/dijit/themes/claro/claro.css"> <link rel="stylesheet" href="https://js.arcgis.com/3.18/esri/css/esri.css"> </head> <body class="expand" onload="localize(i18n_es);" onorientationchange="orientationChanged();"> <!-- INICIO Loader --> <div class="initLoader"> <!--Progress--> <div class="Progress"> <span class="Progress-label" id="Progress-id"></span> <progress max="100" value="0" class="Progress-main" aria-labelledby="Progress-id"> <div class="Progress-bar" role="presentation"> <span class="Progress-value" style="width:80%;"> </span> </div> </progress> <div class="chargeImg"> <span id="mapChargeState" class="chargeState"></span> <figure> <img src="./images/iconPages/EMTLoader.gif"> </figure> </div> <div class="chargeImg" style="display:none;"> <span id="stopChargeState" class="chargeState"></span> <figure> <img src="./images/iconPages/EMTLoader.gif"> </figure> </div> <div class="chargeImg" style="display:none;"> <span id="BiciMADChargeState" class="chargeState"></span> <figure> <img src="./images/iconPages/EMTLoader.gif"> </figure> </div> <div class="chargeImg" style="display:none;"> <span id="ParkingsChargeState" class="chargeState"></span> <figure> <img src="./images/iconPages/EMTLoader.gif"> </figure> </div> </div> <!--Fin Progress--> </div> <!-- FIN Loader --> <!-- INICIO Ayuda --> <div id="ayudaPage"> <div class="contenidoAyuda"> <div class="titAyuda"> <h2 id="ayudaTitAyuda"><i class="fa fa-info" aria-hidden="true"></i></h2> <a id="ayudaPageCerrar" href="#r" class="cerrarAyuda" title="Cerrar p谩gina de ayuda"><i class="fa fa-times" aria-hidden="true"></i></a> </div> <div class="InfoAyuda"> <div class="bloMenu"> <ul> <li class="activo"><i class="fa fa-circle-o" aria-hidden="true"></i><a id="refAyudaGeneral" href="#generalAyuda"></a></li> <li><i class="fa fa-circle-o" aria-hidden="true"></i><a id="refAyudaTiemposEspera" href="#tiempoAyuda"></a></li> <li><i class="fa fa-circle-o" aria-hidden="true"></i><a id="refAyudaTrayectoRecomendado" href="#trayectoAyuda"></a></li> <li><i class="fa fa-circle-o" aria-hidden="true"></i><a id="refAyudaLineas" href="#lineasAyuda"></a></li> <li><i class="fa fa-circle-o" aria-hidden="true"></i><a id="refAyudaCercaDeMi" href="#cercaAyuda"></a></li> <li><i class="fa fa-circle-o" aria-hidden="true"></i><a id="refAyudaTurismo" href="#turismoAyuda"></a></li> </ul> <figure class="logoAyudaPie"> <img id="" src="images/logoEMT.png" alt="" title=""> </figure> </div> <div class="bloInfo"> <div class="bloAyuda general" id="generalAyuda"> <h3 id="ayudaGeneralTitulo"></h3> <div class="info"> <div class="m4"> <p id="ayudaGeneral"></p> <p id="ayudaOpciones" class="textOption"></p> </div> <div class="m1"> <figure> <img src="images/pantallaAyuda/zoom.png" alt="" class=""> </figure> </div> <div class="m3"> <p id="ayudaZoom"></p> </div> <div class="m1"> <figure> <img src="images/pantallaAyuda/satelite.png" alt="" class=""> </figure> </div> <div class="m3"> <p id="ayudaSatelite"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/pois.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaPois"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/buscador.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaBuscador"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/idioma.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaIdioma"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/popParada.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaPopParada"></p> </div> </div> </div> <div class="bloAyuda teAyuda" id="tiempoAyuda"> <h3 id="ayudaGeneralTiempo"></h3> <div class="info"> <div class="m2"> <figure> <img src="images/pantallaAyuda/paradaBusqueda.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaTiempoBuscador"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/seleccionParada.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaTiempoListado"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/lineaDetalleTiempos.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaTiempoInformaci贸n"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/detalleLinea.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaTiempoRecorrido"></p> </div> </div> </div> <div class="bloAyuda trAyuda" id="trayectoAyuda"> <h3 id="ayudaGeneralTrayectoRecomendado"></h3> <div class="info"> <div class="m2"> <figure> <img src="images/pantallaAyuda/menuTrayecto.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaTRTipos"></p> </div> <div class="m4"> <p id="ayudaTRBuscador"> </p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/origenDestino.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaTRPlanificador"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/planificarRuta.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaTRBiciMAD"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/detalleBiciMAD.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaTRBiciMAD"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/detalleParking.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaTRParking"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/detalleFinal.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaTRInformacion"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/detalleFinal2.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaTRDetalle"></p> </div> </div> </div> <div class="bloAyuda lineasAyuda" id="lineasAyuda"> <h3 id="ayudaGeneralLineas"></h3> <div class="info"> <div class="m2"> <figure> <img src="images/pantallaAyuda/lineaBusqueda.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaLineasBuscador"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/seleccionParada.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaTRListado"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/lineaDetalle.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaLineasInformacion"></p> </div> <div class="m2"> <figure class="figRec"> <img src="images/pantallaAyuda/detalleLinea.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaLineasDetalle"></p> </div> </div> </div> <div class="bloAyuda cdmAyuda" id="cercaAyuda"> <h3 id="ayudaGeneralCercaDeMi"></h3> <div class="info"> <div class="m2"> <figure> <img src="images/pantallaAyuda/cdm.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaCercaDeMiSelector"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/cdmDetalle.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaCercaDeMiInformacion"></p> </div> <div class="m2"> <figure> <img src="images/pantallaAyuda/lineasCercanas.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaCercaDeMiListado"></p> </div> </div> </div> <div class="bloAyuda turismoAyuda" id="turismoAyuda"> <h3 id="ayudaGeneralTurismo"></h3> <div class="info"> <div class="m2"> <figure class="figRec"> <img src="images/pantallaAyuda/listadoRutas.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaTurismoListado"></p> </div> <div class="m2"> <figure class="figRec"> <img src="images/pantallaAyuda/detalleRutas.png" alt="" class=""> </figure> </div> <div class="m2"> <p id="ayudaTurismoDetalle"></p> </div> </div> </div> </div> </div> </div> </div> <!-- FIN Ayuda --> <!-- INICIO PopUp Imprimir --> <div id="popUpPrint" class="popUpPrint" style="display:none;"> <div class="popUpCentro" id="popUpCentro"> <div class="bloqueEnvioMail" id="bloqueEnvioPrint" style="text-align:center;"> <a id="txtImprimir" href="#r" class="buttonEnvio noPrint"></a> <a id="closePopUpPrint" href="#r" style="color:#FF0000;" class="noPrint"></a> </div> <table class="impTitle" cellpadding="0" cellspacing="0" width="740" style="font-family:Arial,sans-serif;"> <tr> <td colspan="2"> <table class="impTitle" cellpadding="5" cellspacing="2" width="740" style="font-family:Arial,sans-serif;"> <tr> <td id="popUpImprTitle" style="width:540px;color:#2e96db;text-transform:uppercase;letter-spacing:2px;font-size:20px;font-weight:bold;padding-bottom:10px;" class="impTitle"></td> </tr> </table> </td> </tr> <tr> <td> <table class="imprBody" cellpadding="5" cellspacing="0" width="740"> <tbody> <tr> <td style="width:740px;vertical-align:top;padding-top:10px;" valign="top"> <div style="width:740px;background-color:#CCCCCC;height:300px;" id="mapPrint"> </div> </td> </tr> <tr> <td style="width:740px;" valign="top"> <table class="imprBody" cellpadding="5" cellspacing="2" width="740" style="font-family:Arial,sans-serif;"> <tbody id="tableImprimirLinea"> <tr> <td colspan="4" style="color:#666666;font-weight:bold;text-transform:uppercase;letter-spacing:2px;font-size:15px;margin-bottom:5px;padding:10px;" id="tipoImprimir"></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </table> </div> </div> <!-- FIN PopUp Imprimir --> <!-- INICIO PopUp Mail --> <div id="popUpMail" class="popUpMail" style="display:none;"> <div class="popUpCentro" id="popUpCentroMail"> <div class="bloqueEnvioMail" id="bloqueEnvioMail"> <p id="bloqueEnvioMailText"> </p> <input type="email" name="" id="inputCorreoElec"> <a href="#r" class="buttonEnvio" id="buttonEnvio"></a> <a id="closePopUpMail" href="#r" style="color:#FF0000;" class="noPrint"></a> </div> <div id="popUpMailTableDiv"> <table cellpadding="0" cellspacing="0" width="740" style="font-family:Arial,sans-serif;" id="popUpMailTable"> <tr> <td colspan="2"> <table cellpadding="5" cellspacing="2" width="740" style="font-family:Arial,sans-serif;"> <tr> <td id="popUpMailTitle" style="width:540px;color:#2e96db;text-transform:uppercase;letter-spacing:2px;font-size:20px;font-weight:bold;padding-bottom:10px;"></td> </tr> </table> </td> </tr> <tr> <td> <table cellpadding="5" cellspacing="2" width="740" style="font-family:Arial,sans-serif;"> <tbody> <tr> <td style="width:740px;vertical-align:top;padding-top:10px;" valign="top" id="mapMail"></td> </tr> <tr> <td style="width:740px;" valign="top"> <table cellpadding="5" cellspacing="2" width="740" style="font-family:Arial,sans-serif;"> <tbody id="tableMailLinea"> <tr> <td id="subtitleMail" colspan="4" style="color:#666666;font-weight:bold;text-transform:uppercase;letter-spacing:2px;font-size:15px;margin-bottom:5px;padding:10px;"></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </table> </div> </div> </div> <!-- FIN PopUp Mail --> <!-- INICIO contenido --> <section class="contenidoNavega"> <!-- INICIO contenido cabecera --> <header class="header"> <figure class="logo"> <a href="https://www.emtmadrid.es" title="Ir a EMT Madrid" target="_blank"><img id="cabeceraLogoTitle" src="images/logoEMT.png" alt="Logo EMT Madrid" title="Logo EMT Madrid"></a> </figure> <div class="search"> <input alt="Buscar Direcci贸n, Parada ..." placeholder="Buscar Direcci贸n, Parada ..." class="boxSearch" type="search" id="inputBuscadorDireccion"> <a href="#r" title="Bot贸n de Buscar" class="buttonSearch" id="buttonBuscadorDireccion"></a> <a id="localizacionTooltipTitle" href="#r" class="buttonGeoMap" title="Centrar tu posici贸n"></a> <ul id="respuestaBuscadorDireccion"> </ul> <div class="linksTop"> <a class="buttonDelete" id="buttonDelete" title="Borrar Informaci贸n"> <i class="fa fa-trash" aria-hidden="true"></i> </a> <a id="cabeceraInformacionTitle" href="#r" title="Bot贸n de Informaci贸n" class="buttonInfo"> <i class="fa fa-info" aria-hidden="true"></i> </a> <span class="separador"></span> <div class="languages"> <span class="flagLang"></span> <span class="txtLang" id="txtLang"></span> <a id="cabeceraLangTitle" href="#r" class="buttonLang" title="Bot贸n para desplegar caja de selecci贸n de idioma"> <i class="fa fa-angle-down" aria-hidden="true"></i> </a> <div class="selectLang"> <header class="heaSelect"> <h3 id="seleccionIdioma"></h3> <a href="#r" id="closeLangPopUp" class="close"> <i class="fa fa-times" aria-hidden="true"></i> </a> </header> <div class="radioGroup"> <p id="txtLangChange"></p> <div class="mid"> <img id="cabeceraLanguagesEnImg" src="images/flags/flagEnglishrest.png" alt="Bandera Inglesa"> <div class="radios"> <input href="index.html?lang=en" type="radio" lang="en" name="flags" value="flag-eng" id="flag-eng" alt="Selector de idioma Ingles"> <label for="flag-eng" id="flagEngLabel"></label> </div> </div> <div class="mid"> <img id="cabeceraLanguagesEsImg" src="images/flags/flagSpain.png" alt="Bandera Espa帽ola"> <div class="radios"> <input href="index.html?lang=es" type="radio" lang="es" name="flags" value="flag-esp" id="flag-esp" alt="Selector de idioma Castellano" checked> <label for="flag-esp" id="flagEspLabel"></label> </div> </div> </div> </div> </div> </div> </div> </header> <!-- FIN contenido cabecera --> <!-- INICIO contenido Mapa --> <div class="sectionMap" id="sectionMap"> <p class="versionApp" id="VersionApp"></p> <div id="mapDiv"> <!-- POPUPS --> <!-- POP CONFIGURACION --> <div class="popUp configuracion ui-widget-content" id="popUpConfiguracion"> <header class="cabPopUp"> <div class="buttonActions esp"> <a id="popUpConfiguracionMail" class="mail" href="#r" title="Enviar por correo electr贸nico"> <i class="fa fa-envelope-o" aria-hidden="true"></i> </a> <a id="popUpConfiguracionImprimir" class="print" href="#r" title="Imprimir"> <i class="fa fa-print" aria-hidden="true"></i> </a> <a id="popUpConfiguracionCerrar" class="closePop" href="#r" title="Cerrar Pop"> <i class="fa fa-times-circle-o" aria-hidden="true"></i> </a> </div> </header> <section class="detailsPop noOriFin"> <header class="heaTitle"> <h2 id="PlanificadorPopUpConfiguracion"></h2> </header> <section class="groupInputs"> <div class="fecha"> <input id="fechaInputGlobal" type="date" placeholder="Elige una fecha ..." alt="Elige una fecha"> </div> <div class="horario"> <input id="horarioInputGlobal" type="time" placeholder="Elige una horario ..." alt="Elige una horario"> </div> <a id="aplicarInputGlobal" href="#r" class="button blue spe" title="Aplicar Criterios"> <i class="fa fa-caret-right" aria-hidden="true"></i> </a> </section> </section> </div> <!-- FIN POP CONFIGURACION --> <!-- POP UP HORARIOS--> <div class="popUp horarios" id="popUpHorarios"> <header class="cabPopUp"> <div class="buttonActions esp"> <a id="popUpLineasHorariosMail" class="mail" href="#r" title="Enviar por correo electr贸nico"> <i class="fa fa-envelope-o" aria-hidden="true"></i> </a> <a id="popUpLineasHorariosImprimir" class="print" href="#r" title="Imprimir"> <i class="fa fa-print" aria-hidden="true"></i> </a> <a id="popUpHorariosCerrar" class="closePop" href="#r" title="Cerrar Pop"> <i class="fa fa-times-circle-o" aria-hidden="true"></i> </a> </div> </header> <section class="detailsPop noOriFin"> <article class="detalleLineasPop"> <div class="numLineaPop"> <span class="numLine bus head" id="detalleLineHorarioLinea">1</span> </div> <div class="dirNumParada"> <div class="dirParada"> <p id="detalleLineHorarioInfo" class="directionStop"></p> </div> </div> </article> <div class="tiempEsp" id="HorariosStore"> </div> </section> </div> <!-- POPUP INCIDENCIAS --> <div class="popUp incidencias nuevoTrayectoPop ui-widget-content" id="popUpIncidenciasMap" style="display:none;"> <header class="cabPopUp"> <div class="buttonActions esp"> <h3 class="titleIncidencias" id="titleIncidencias"></h3> <a id="popUpnuevoTrayectoCerrar" class="closePop" href="#r" title="Cerrar Pop" id="cerrarPopNuevoTrayecto"> <i class="fa fa-times-circle-o" aria-hidden="true"></i> </a> </div> </header> <!-- PopUp de Incidencias --> <section class="detailsPop noOriFin" detailsPop="detailsPopNuevoTrayecto"> <article style="display:none;"> <header> <p class="fecha"></p> <p class="hora"></p> </header> <p class="title"></p> <p class="description"></p> </article> </section> </div> <!-- FIN POP UP TIEMPOS DE ESPERA--> </div> <div class="terrain"> <a href="#r" title="Topogr谩fico" class="active topo" id="mapaBaseTopografico"></a> <a href="#r" title="Sat茅lite" class="sat" id="mapaBaseSatelite"></a> </div> <div id="basemapGallery"> </div> <div class="bloMap"> <div class="SelLines"> <a id="bloMapTitle" href="#r" title="Puntos de Interes" class="buttonSeeLines"></a> <!-- TOOLTIP DE PUNTOS DE INTERES --> <div class="tooltipLines"> <header class="heaSelect"> <h3 id="POITooltip"></h3> <a href="#r" class="close"> <i class="fa fa-times" aria-hidden="true"></i> </a> </header> <div class="selectPoi"> </div> </div> <!-- FIN TOOLTIP DE PUNTOS DE INTERES --> </div> <!-- LOCALIZACI脫N POR DEFECTO --> <div class="posLocation" id="defaultLocation"> <span id="localizacionTooltip" class="label miPos"></span> <p class="position"></p> <p class="latLong"><span id="valorLat" class="label valLatLong"></span>, <span id="valorLong" class="label valLatLong"></span></p> </div> <!-- FIN LOCALIZACI脫N POR DEFECTO --> <!-- LOCALIZACI脫N DE NUEVO TRAYECTO --> <div class="posLocation" id="nuevoTrayectoLocation"> <span id="nuevoTrayectoTooltip" class="label trayecto"></span> <p class="origen" id="origenNuevoTrayecto"></p> <p class="destino" id="destinoNuevoTrayecto"></p> </div> <!-- LOCALIZACI脫N DE LINEAS --> <div class="posLocation" id="lineaLocation"> <span id="lineasToolTIP" class="label bus"></span> <p class="origen" id="lineaLocationOrigen"></p> <p class="destino" id="lineaLocationDestino"></p> </div> <!-- FIN LOCALIZACI脫N DE LINEAS --> <!-- LOCALIZACI脫N DE TURISMO --> <div class="posLocation" id="turismoLocation"> <span class="label rutaTuristica"></span> <p class="origenRutaTuristica" id="turismoLocationNombreRuta"></p> </div> <!-- FIN LOCALIZACI脫N DE TURISMO --> </div> <div class="opt_madridCentral"> <div class="selectOpt"> <div class="checkear"> <input id="madridCentral" type="checkbox" name="madridCentral" value="madrid central" checked> <label id="madrid_central" for="madridCentral">Zona de Bajas Emisiones ZBE</label> </div> </div> </div> </div> <!-- FIN contenido Mapa --> <!-- INICIO barra de opciones --> <section class="optionBar"> <a id="barraOpcionesTitle" href="#r" class="buttonExpand" title="Bot贸n desplegable"> <i class="fa fa-arrow-right" aria-hidden="true"></i> </a> <a id="volverDetalle" href="#r" class="volverDetalle" title="Volver a detalle"> <i class="fa fa-arrow-right" aria-hidden="true"></i> </a> <nav class="menuBar"> <p class="txtCenter txtConfig"><a href="#r" class="configLink" title="Configuraci贸n" id="linkConfig"></a></p> <a href="#r" class="link absolute" id="linkTiempoEspera" title="Tiempos de Espera"><img id="imgTiemposDeEsperaTitle" src="images/iconMenu/icon_TiempoDeEspera.png" alt="Tiempos de Espera" title="Tiempos de Espera" /></a> <a href="#r" class="link" style="display:none;" id="linkNuevoTrayecto" title="Nuevo Trayecto"><img id="imgNuevoTrayectoTitle" src="images/iconMenu/icon_nuevoTrayecto.png" alt="Nuevo Trayecto" title="Nuevo Trayecto" /></a> <a href="#r" class="link" id="linkMultimodal" title="Pulsable. Multimodal" style="padding-top:33px;"><img id="imgEMTTurismoTitle" src="images/iconMenu/icono_multimodal.png" alt="Pulsable. C谩lculo de Ruta" title="Pulsable. C谩lculo de Ruta" style="width:40px;border-radius:15%;height:40px;"></a> <a href="#r" class="link" id="linkLineas" title="L铆neas"><img id="imgLineasTitle" src="images/iconMenu/icon_lineas.png" alt="L铆neas" title="L铆neas" /></a> <a href="#r" class="link" id="linkCercaDeMi" title="Cerca de m铆"><img id="imgCercaDeMiTitle" src="images/iconMenu/icon_CercaDeMi.png" alt="Cerca de M铆" title="Cerca de M铆" /></a> <a href="#r" class="link" id="linkEmtTurismo" title="EMT Turismo"><img id="imgEMTTurismoTitle" src="images/iconMenu/icon_emtTurismo.png" alt="EMT Turismo" title="EMT Turismo" /></a> <a target="_blank" href="https://mynavega.emtmadrid.es/" class="link" id="linkMyNavega" title="MyNavega"><img id="imgMyNavegaTitle" for="linkMyNavega" style="width:28px;border-radius:25%;height:28px;" src="images/iconMenu/icon_MyNavega.png" alt="MyNavega" title="MyNavega" /></a> </nav> <!-- INICIO multimodal --> <div class="infoBar nuevotrayecto menuOptions multiModal" id="multimodal"> <div class="infoScreen"> <figure> <img id="multimodalImg" src="images/iconPages/nuevoTrayecto.png" alt="C谩lculo de Ruta"> </figure> <div class="txtTitle"> <!-- <h2 id="multimodalTitle">C谩lculo de Ruta</h2> --> <a href="#r" class="backButton" title="Pulsable. Volver" id="VolverMultimodal">Volver</a> </div> </div> <!-- INICIO caja origen-final --> <div class="oriFin"> <div class="bloBox"> <div class="origen"> <label id="multimodalOrigen" for="origen">Origen:</label> <input id="multimodalInputOrigen" maxlength="255" type="search" placeholder="Escribe aqu铆 el origen" alt="Calle, N煤m. de Parada (Ej: 240, 3117), Punto de 脥nteres" lastsearch=""> <a tabindex="-1" id="geoPosOrigen" href="#r" class="changeOrder" title="Pulsable. Posici贸n de origen" style="pointer-events:block;"></a> <a tabindex="-1" id="btnRutaOrigen" href="#r" class="buscarOrigen" title="Pulsable. Buscar punto de origen"></a> <ul id="previewOrigen" class="respuestaOrigen" style="z-index:100;"> </ul> </div> <div class="destino"> <label id="multimodaltimodalDestino" for="destino">Destino:</label> <input id="multimodalInputDestino" maxlength="255" type="search" placeholder="Escribe aqu铆 el destino" alt="Calle, N煤m. de Parada (Ej: 240, 3117), Punto de 脥nteres"> <a tabindex="-1" id="geoPosDestino" href="#r" class="changeOrder" title="Pulsable. Posici贸n de destino" style="pointer-events:block;"></a> <a tabindex="-1" id="btnRutaDestino" href="#r" class="buscarDestino" title="Pulsable. Buscar punto de destino"></a> <ul id="previewDestino" class="respuestaDestino" style="z-index:100;"> </ul> </div> <a tabindex="-1" id="multimodalAlterarOrden" href="#r" class="changeOrder changeCalc" title="Pulsable. Alternar origen y destino" style="pointer-events:block;"></a> </div> </div> <!-- FIN caja origen-final --> <div class="menuTypes"> <ul class="listMultimodal" id="listMultimodal"> <li class="activo"> <a id="CombinadoTap" href="#r" title="Pulsable. Combinado"> <figure></figure> <span id="CombinadoCR">Combinado</span> </a> </li> <li > <a id="TransportePublicoTap" href="#r" title="Pulsable. Tranporte P煤blico"> <figure></figure> <span id="TransportePublicoCR">T. P煤blico</span> </a> </li> <li> <a id="pieTap" href="#r" title="Pulsable. A Pie"> <figure></figure> <span id="PieCR">A Pie</span> </a> </li> <li> <a id="CocheTap" href="#r" title="Pulsable. Coche"> <figure></figure> <span id="CocheCR">Coche</span> </a> </li> </ul> </div> <!-- INICIO caja seleccion transporte publico --> <div class="opt_transportePublico"> <div class="selectOpt"> <div class="checkear"> <input id="transportePublico1" type="radio" name="transportePublico" value="bus"> <label id="solo_bus" for="transportePublico1">SOLO BUS EMT</label> </div> <div class="checkear"> <input id="transportePublico2" type="radio" name="transportePublico" value="bici"> <label id="solo_bicimad" for="transportePublico2">SOLO BiciMAD</label> </div> <div class="checkear"> <input id="transportePublico3" type="radio" name="transportePublico" value="busybici"> <label id="bus_y_bicimad" for="transportePublico3">BUS EMT y BICIMAD</label> </div> </div> </div> <!-- FIN caja seleccion transporte publico --> <!-- INICIO caja seleccion madrid central --> <div class="opt_madridCentral" id="evitarMC_div"> <div class="selectOpt"> <div class="checkear"> <input id="evitarMC" type="checkbox" name="transportePublico" value="bus"> <label id="label_evitarMC" for="evitarMC">Evitar Zona de Bajas Emisiones ZBE</label> </div> </div> </div> <!-- FIN caja seleccion madrid central --> <!-- INICIO aviso madrid central --> <div id="avisoMadridCentral" class="aviso" style="display:none;"> <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> No es posible calcular la ruta porque el origen y/o destino est谩n dentro de la Zona de Bajas Emisiones ZBE </div> <!-- FIN aviso madrid central --> <!-- INICIO caja estaciones bicimad --> <div id="BiciMADTapBoxFound" class="boxFound" style="display:none;" ready="unready"> <header class="cabBoxFound"> <figure> <img src="images/iconPages/icoBiciMAD.png" alt="BiciMAD"> </figure> <div class="textos"> <h5 id="estacionesBiciMADCR">Estaciones de BiciMAD:</h5> <p id="estacionesBiciMADExplicacionCR">Hemos encontrado las siguientes estaciones de biciMAD m谩s cercanas en tu ruta:</p> </div> </header> <h5 id="estacionesBiciMADOrigenCR" alternativas="3">Origen:</h5> <div class="bloGroupRadios preferencesRoute"> <div class="groupRadios"> </div> </div> <h5 id="estacionesBiciMADDestinoCR" alternativas="3">Destino:</h5> <div class="bloGroupRadios preferencesRoute"> <div class="groupRadios"> </div> </div> </div> <!-- FIN caja estaciones bicimad --> <!-- INICIO caja parkings disponibles --> <div id="ParkingTapBoxFound" class="boxFound" style="display:none;" ready="unready"> <header class="cabBoxFound"> <figure> <img src="images/iconPages/icoParkingTray.png" alt="Parking"> </figure> <div class="textos"> <h5 id="estacionesParkingCR">Parkings Disponibles:</h5> <p id="estacionesParkingExplicacionCR">Hemos encontrado los siguientes Parkings m谩s cercanos en tu ruta.<br>Selecciona el parking en el origen de la ruta o en su destino</p> </div> </header> <div class="bloGroupRadios bloParking"> <div class="tab-wrapper"> <ul class="tab-menu"> <li id="origenParking" class="active" data-tab="tab0" alternativas="3">Origen</li> <li id="destinoParking" data-tab="tab1" alternativas="3">Destino</li> </ul> <div class="tab-content"> <!--TAB 1 --> <div id="origenParkingCR" class="tab-div" data-tab="tab0"> <div class="groupRadios preferencesRoute"> </div> </div> <!-- TAB 2 --> <div id="destinoParkingCR" class="tab-div" data-tab="tab1" style="display:none;"> <div class="bloGroupRadios preferencesRoute"> <div class="groupRadios"> </div> </div> </div> </div> </div> </div> </div> <!-- FIN caja parkings disponibles --> <!-- INICIO caja planificar rutas --> <div id="planificadorRutas" class="bloBox" style="display:block;"> <header class="heaTitle"> <!-- MODIFICAR TEXTO - DEJAR I --> <h2 id="ocultarPlanificador"><a id="planificadorTitle" href="#r" title="Planificar Ruta">Planificar Ruta:</a></h2> </header> <section id="planificadorSeccion" class="groupInputs"> <div class="fecha"> <input id="nuevoTrayectoPlanificarInputFecha" type="date" placeholder="Elige una fecha" alt="Elige una fecha"> </div> <div class="horario"> <input id="nuevoTrayectoPlanificarInputHorario" type="time" placeholder="Elige una horario" alt="Elige una horario"> </div> </section> </div> <!-- FIN caja planificar rutas --> <a id="calcularRutaMultimodal" class="button blue buttonCalcular" title="Calcular Ruta" style="cursor:pointer;">Calcular Ruta</a> <div class="bloBox" id="mockPublico" style="display:none;"> <header class="heaTitle"> <h2 id="detalleNuevoTrayectoHeaTitle">Trayecto:<span class="timeRoute" id="duracion"></span></h2> <div class="buttonActions esp"> <a id="detalleNuevoTrayectoMail" class="mail" href="#r" title="Pulsable. Enviar por correo electr贸nico"> <i class="fa fa-envelope-o" aria-hidden="true"></i> </a> <a id="detalleNuevoTrayectoImprimir" class="print" href="#r" title="Pulsable. Imprimir"> <i class="fa fa-print" aria-hidden="true"></i> </a> </div> </header> <section class="sectionTrayecto" id="sectionTrayecto"> <div> <div class="bloTray origen"> <div class="tipoTray"> <header class="cabTray"> </header> <div class="timeType"> <p class="time"> <img src="images/iconPages/walk.png" title="Icono Parada" alt="Icono Parada"> <span class="timeWalk"></span> </p> </div> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" coordx="0" coordy="0">Origen:</span> </header> <div class="txtTrayecto"> <p class="txtFin"></p> </div> </div> </div> </div> <div class="bloTray bus"> <div class="bloTray bus"> <div class="tipoTray"> <header class="cabTray"> <span class="numLine bus"></span> </header> <div class="timeType"> <p class="time"><span class="timeWalk"></span></p> </div> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" coordx="0" coordy="0" title="Pulse para acceder a los datos de la parada" style="cursor:pointer;"></span> </header> <div class="txtTrayecto"> <p></p> <p class="txtFin"></p> <a class="numParadasBlack" href="#r" onclick="paradasOcultar();" title="N煤mero de paradas">PARADAS</a> <div class="descriptionParadas"> <span class="spanIndCR" x="-3.72537530269304" y="40.4246174397293"></span> </div> </div> </div> </div> </div> <div> <div class="bloTray walk bus"> <div class="tipoTray"> <header class="cabTray"> </header> <div class="timeType"> <p class="time"> <img src="images/iconPages/walk.png" title="Caminando" alt="Caminando"> <span class="timeWalk"></span> </p> </div> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" coordx="0" coordy="0" title="Pulse para acceder a los datos de la parada" style="cursor:pointer;"></span> </header> <div class="txtTrayecto"> <p></p> <p class="txtFin"></p> </div> </div> </div> </div> <div class="bloTray bus"> <div class="bloTray bus"> <div class="tipoTray"> <header class="cabTray"> <span class="numLine bus"></span> </header> <div class="timeType"> <p class="time"> <span class="timeWalk"></span> </p> </div> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" coordx="0" coordy="0" title="Pulse para acceder a los datos de la parada" style="cursor:pointer;"></span> </header> <div class="txtTrayecto"> <p></p> <p class="txtFin"></p> <a class="numParadasBlack" href="#r" onclick="paradasOcultar();" title="N煤mero de paradas">PARADAS</a> <div class="descriptionParadas"> <span class="spanIndCR" x="-3.69711470740734" y="40.4037098590506"></span> </div> </div> </div> </div> </div> <div class="bloTray walk bus"> <div class="tipoTray"> <header class="cabTray"> </header> <div class="timeType"> <p class="time"> <img src="images/iconPages/walk.png" title="Icono Parada" alt="Icono Parada"> <span class="timeWalk"></span> </p> </div> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" coordx="0" coordy="0"></span> </header> <div class="txtTrayecto"> <p class="txtFin"></p> </div> </div> </div> <div class="bloTray finish"> <div class="tipoTray"> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" title="Pulse para acceder a los datos de la parada" style="cursor:pointer;" coordx="0" coordy="0">FIN</span> </header> <div class="txtTrayecto"> <p></p> <p class="txtFin"></p> </div> </div> </div> </section> </div> <div class="bloBox" id="multimodalInfoBlo" style="display:none;"> <header class="heaTitle"> <h2 id="detalleNuevoTrayectoHeaTitle">Trayecto:<span class="timeRoute" id="duracionMultimodal"></span></h2> </header> <section class="sectionTrayecto" id="infoContent"> </section> </div> <div class="bloTray origen" id="protoBloOrigen" style="display:none;"> <div class="tipoTray"> <header class="cabTray"> </header> <div class="timeType"> <p class="time"> <img src="images/iconPages/walk.png" title="Icono Parada" id="imgInfoOrigen" alt="Icono Parada"> <span class="timeWalk" id="origenDistanceInfo"></span> </p> </div> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" coordx="0" coordy="0">Origen:</span> </header> <div class="txtTrayecto"> <p class="txtFin" id="originNameInfo"></p> </div> </div> </div> <div class="bloTray origen" id="protoBloTransporte" style="display:none;"> <div class="tipoTray"> <header class="cabTray" id="clickDetail"> <span class="numLine bus" id="lineInfo" style="cursor:pointer;"> <div class="divTipoRuta" id="divTipoRuta"> </div> <span id="divIdLinea"></span> </span> </header> <div class="timeType"> <p class="time"><span class="timeWalk" id="interDistanceInfo"></span></p> </div> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" id="stopIdTray"></span> </header> <div class="txtTrayecto" id="txtTrayecto"> <p id="busInfoText"></p> </div> </div> </div> <div class="bloTray finish" id="protoBloFin" style="display:none;"> <div class="tipoTray"> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine">FIN</span> </header> <div class="txtTrayecto"> <p id="txtFinRuta"></p> </div> </div> </div> <div class="bloBox" id="mockPie" style="display:none;"> <header class="heaTitle"> <h2 id="detalleNuevoTrayectoHeaTitle">Trayecto:<span class="timeRoute" id="duracionMultimodal"></span></h2> <div class="buttonActions esp"> <a id="detalleNuevoTrayectoMail" class="mail" href="#r" title="Pulsable. Enviar por correo electr贸nico"> <i class="fa fa-envelope-o" aria-hidden="true"></i> </a> <a id="detalleNuevoTrayectoImprimir" class="print" href="#r" title="Pulsable. Imprimir"> <i class="fa fa-print" aria-hidden="true"></i> </a> </div> </header> <section class="sectionTrayecto" id="sectionTrayecto"> <div> <div class="bloTray origen"> <div class="tipoTray"> <header class="cabTray"> </header> <div class="timeType"> <p class="time"> <img src="images/iconPages/walk.png" title="Icono Parada" alt="Icono Parada"> <span class="timeWalk"></span> </p> </div> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" coordx="0" coordy="0">Origen:</span> </header> <div class="txtTrayecto"> <p class="txtFin"></p> </div> </div> </div> </div> </section> </div> <div class="bloBox" id="mockCombinado" style="display:none;"> <header class="heaTitle"> <h2 id="detalleNuevoTrayectoHeaTitle">Trayecto:<span class="timeRoute" id="duracion"></span></h2> <div class="buttonActions esp"> <a id="detalleNuevoTrayectoMail" class="mail" href="#r" title="Pulsable. Enviar por correo electr贸nico"> <i class="fa fa-envelope-o" aria-hidden="true"></i> </a> <a id="detalleNuevoTrayectoImprimir" class="print" href="#r" title="Pulsable. Imprimir"> <i class="fa fa-print" aria-hidden="true"></i> </a> </div> </header> <section class="sectionTrayecto" id="sectionTrayecto"> <div> <div class="bloTray origen"> <div class="tipoTray"> <header class="cabTray"> </header> <div class="timeType"> <p class="time"> <img src="images/iconPages/walk.png" title="Icono Parada" alt="Icono Parada"> <span class="timeWalk"></span> </p> </div> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" coordx="0" coordy="0">Origen:</span> </header> <div class="txtTrayecto"> <p class="txtFin"></p> </div> </div> </div> </div> <div class="bloTray bus"> <div class="bloTray bus"> <div class="tipoTray"> <header class="cabTray"> <span class="numLine bus"></span> </header> <div class="timeType"> <p class="time"><span class="timeWalk"></span></p> </div> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" coordx="0" coordy="0" title="Pulse para acceder a los datos de la parada" style="cursor:pointer;"></span> </header> <div class="txtTrayecto"> <p></p> <p class="txtFin"></p> <a class="numParadasBlack" href="#r" onclick="paradasOcultar();" title="N煤mero de paradas">PARADAS</a> <div class="descriptionParadas"> <span class="spanIndCR" x="-3.72537530269304" y="40.4246174397293"></span> </div> </div> </div> </div> </div> <div> <div class="bloTray walk bus"> <div class="tipoTray"> <header class="cabTray"> </header> <div class="timeType"> <p class="time"> <img src="images/iconPages/walk.png" title="Caminando" alt="Caminando"> <span class="timeWalk"></span> </p> </div> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" coordx="0" coordy="0" title="Pulse para acceder a los datos de la parada" style="cursor:pointer;"></span> </header> <div class="txtTrayecto"> <p></p> <p class="txtFin"></p> </div> </div> </div> </div> <div class="bloTray bus"> <div class="bloTray bus"> <div class="tipoTray"> <header class="cabTray"> <span class="numLine bus"></span> </header> <div class="timeType"> <p class="time"> <span class="timeWalk"></span> </p> </div> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" coordx="0" coordy="0" title="Pulse para acceder a los datos de la parada" style="cursor:pointer;"></span> </header> <div class="txtTrayecto"> <p></p> <p class="txtFin"></p> <a class="numParadasBlack" href="#r" onclick="paradasOcultar();" title="N煤mero de paradas">PARADAS</a> <div class="descriptionParadas"> <span class="spanIndCR" x="-3.69351894684088" y="40.4076053432555"></span> </div> </div> </div> </div> </div> <div class="bloTray walk bus"> <div class="tipoTray"> <header class="cabTray"> </header> <div class="timeType"> <p class="time"> <img src="images/iconPages/walk.png" title="Icono Parada" alt="Icono Parada"> <span class="timeWalk"></span> </p> </div> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" coordx="0" coordy="0"></span> </header> <div class="txtTrayecto"> <p class="txtFin"></p> </div> </div> </div> <div class="bloTray finish"> <div class="tipoTray"> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" title="Pulse para acceder a los datos de la parada" style="cursor:pointer;" coordx="0" coordy="0">FIN</span> </header> <div class="txtTrayecto"> <p></p> <p class="txtFin"></p> </div> </div> </div> </section> </div> <div class="bloBox" id="mockCoche" style="display:none;"> <header class="heaTitle"> <h2 id="detalleNuevoTrayectoHeaTitle">Trayecto:<span class="timeRoute" id="duracion"></span></h2> <div class="buttonActions esp"> <a id="detalleNuevoTrayectoMail" class="mail" href="#r" title="Pulsable. Enviar por correo electr贸nico"> <i class="fa fa-envelope-o" aria-hidden="true"></i> </a> <a id="detalleNuevoTrayectoImprimir" class="print" href="#r" title="Pulsable. Imprimir"> <i class="fa fa-print" aria-hidden="true"></i> </a> </div> </header> <section class="sectionTrayecto" id="sectionTrayecto"> <div> <div class="bloTray origen"> <div class="tipoTray"> <header class="cabTray"> </header> <div class="timeType"> <p class="time"> <img src="images/iconPages/walk.png" title="Icono Parada" alt="Icono Parada"> <span class="timeWalk"></span> </p> </div> </div> <div class="dataTray"> <header class="cabTray"> <span class="etiLine" coordx="0" coordy="0">Origen:</span> </header> <div class="txtTrayecto"> <p class="txtFin"></p> </div> </div> </div> </div> </section> </div> </div> <!-- FIN multimodal --> <!-- INICIO detalle nuevo trayecto --> <div class="infoBar detalle" id="nuevoTrayectoDetalle"> <div class="infoScreen"> <figure> <img id="detalleNuevoTrayectoInfoScreenImg" src="images/iconPages/nuevoTrayecto.png" alt="Nuevo Trayecto"> </figure> <div class="txtTitle"> <h2 id="detalleNuevoTrayectoTitle"></h2> <a id="detalleNuevoTrayectoVolver" href="#r" class="backButton" title="Volver"><i class="fa fa-arrow-left" aria-hidden="true"></i></a> </div> </div> <a href="#r" id="verMapaDetalleNuevoTrayecto" class="verMapa"></a> <div class="bloBox"> <div class="pad20 direccion"> <h2 id="detalleNuevoTrayectoDireccion"></h2> <div class="startFinish"> <span class="start" id="detalleStartNuevoTrayecto"></span> <span class="finish" id="detalleFinishNuevoTrayecto"></span> </div> </div> <div class="pad20"> <div class="fechaHora"> <div class="fecha"> <span id="detalleNuevoTrayectoFecha" class="label"></span> <span id="detalleNuevoTrayectoFechaDato" class="dato"></span> </div> <div class="horario"> <span id="detalleNuevoTrayectoHorario" class="label"></span> <span id="detalleNuevoTrayectoHorarioDato" class="dato"></span> </div> </div> </div> </div> <div class="bloBox"> <header class="heaTitle"> <h2 id="detalleNuevoTrayectoHeaTitle"><span class="timeRoute" id="duracion"></span></h2> <div class="buttonActions esp"> <a id="detalleNuevoTrayectoMail" class="mail" href="#r" title="Enviar por correo electr贸nico"> <i class="fa fa-envelope-o" aria-hidden="true"></i> </a> <a id="detalleNuevoTrayectoImprimir" class="print" href="#r" title="Imprimir"> <i class="fa fa-print" aria-hidden="true"></i> </a> </div> </header> <section class="sectionTrayecto" id="sectionTrayecto"> </section> </div> </div> <!-- FIN detalle nuevo trayecto --> <!-- INICIO trayecto recomendado --> <div class="infoBar nuevotrayecto menuOptions" id="nuevoTrayecto"> <div class="infoScreen"> <figure> <img id="nuevoTrayectoImg" src="images/iconPages/nuevoTrayecto.png" alt="Nuevo Trayecto"> </figure> <div class="txtTitle"> <h2 id="nuevoTrayectoTitle"></h2> <a href="#r" class="backButton" title="Cerrar" id="VolverNuevoTrayecto"><i class="fa fa-times" aria-hidden="true"></i></a> </div> </div> <div class="menuTypes"> <ul> <li class="activo"> <a id="busTap" href="#r" title="Bus y Pie"> <figure></figure> <span id="menuBusCR"></span> </a> </li> <li> <a id="BiciMADTap" href="#r" title="BiciMAD"> <figure></figure> <span id="menuBiciMADCR"></span> </a> </li> <li> <a id="ParkingTap" href="#r" title="Parking"> <figure></figure> <span id="menuParkingCR"></span> </a> </li> <li> <a id="ApieTap" href="#r" title="A Pie"> <figure></figure> <span id="menuAPieCR"></span> </a> </li> </ul> </div> <!-- INICIO caja origen-final --> <div class="oriFin"> <div class="bloBox"> <div class="origen"> <label id="nuevoTrayectoOrigen" for="origen"></label> <input id="nuevoTrayectoInputOrigen" maxlength="255" type="search" placeholder="Escribe aqu铆 el origen" alt="Calle, N煤m. de Parada (Ej: 240, 3117), Punto de Interes"> <a tabindex="-1" id="geoPosOrigen" href="#r" class="changeOrder" title="Pulsable. Posici贸n de origen" style="pointer-events:block;"></a> <a tabindex="-1" id="buscarOrigen" href="#r" class="buscarOrigen" title="Pulsable. Buscar punto de origen"></a> <ul id="respuestaOrigen" class="respuestaOrigen"> </ul> </div> <div class="destino"> <label id="nuevoTrayectoDestino" for="destino"></label> <input id="nuevoTrayectoInputDestino" maxlength="255" type="search" placeholder="Escribe aqu铆 el destino" alt="Calle, N煤m. de Parada (Ej: 240, 3117), Punto de Interes"> <a tabindex="-1" id="geoPosDestino" href="#r" class="changeOrder" title="Pulsable. Posici贸n de destino" style="pointer-events:block;"></a> <a tabindex="-1" id="buscarDestino" href="#r" class="buscarDestino" title="Pulsable. Buscar punto de destino"></a> <ul id="respuestaDestino" class="respuestaDestino"> </ul> </div> <a tabindex="-1" id="nuevoTrayectoAlterarOrden" href="#r" class="changeOrder changeCalc" title="Pulsable. Alternar origen y destino" style="pointer-events:block;"></a> </div> </div> <!-- FIN caja origen-final --> <!-- INICIO caja estaciones bicimad --> <div id="BiciMADTapBoxFound" class="boxFound" style="display:none;"> <header class="cabBoxFound"> <figure> <img src="images/iconPages/icoBiciMAD.png" alt="BiciMAD" /> </figure> <div class="textos"> <h5 id="estacionesBiciMADCR"></h5> <p id="estacionesBiciMADExplicacionCR"></p> </div> </header> <h5 id="estacionesBiciMADOrigenCR"></h5> <div class="bloGroupRadios preferencesRoute"> <div class="groupRadios"> </div> </div> <h5 id="estacionesBiciMADDestinoCR"></h5> <div class="bloGroupRadios preferencesRoute"> <div class="groupRadios"> </div> </div> </div> <!-- FIN caja estaciones bicimad --> <!-- INICIO caja parkings disponibles --> <div id="ParkingTapBoxFound" class="boxFound" style="display:none;"> <header class="cabBoxFound"> <figure> <img src="images/iconPages/icoParkingTray.png" alt="Parking" /> </figure> <div class="textos"> <h5 id="estacionesParkingCR"></h5> <p id="estacionesParkingExplicacionCR"></p> </div> </header> <div class="bloGroupRadios bloParking"> <div class="tab-wrapper"> <ul class="tab-menu"> <li id="origenParking" class="active"></li> <li id="destinoParking"></li> </ul> <div class="tab-content"> <!--TAB 1 --> <div id="origenParkingCR" class="tab-div"> <div class="groupRadios preferencesRoute"> </div> </div> <!-- TAB 2 --> <div id="destinoParkingCR" class="tab-div"> <div class="bloGroupRadios preferencesRoute"> <div class="groupRadios"> </div> </div> </div> </div> </div> </div> </div> <!-- FIN caja parkings disponibles --> <!-- INICIO caja planificar rutas --> <div id="planificadorRutas" class="bloBox" style="display:block;"> <header class="heaTitle"> <!-- MODIFICAR TEXTO - DEJAR I --> <h2 id="ocultarPlanificador"><a id="planificadorTitle" href="#r" title="Planificar Ruta">Planificar Ruta:</a></h2> </header> <section id="planificadorSeccion" class="groupInputs"> <div class="fecha"> <input id="nuevoTrayectoPlanificarInputFechaM" type="date" placeholder="Elige una fecha" alt="Elige una fecha"> </div> <div class="horario"> <input id="nuevoTrayectoPlanificarInputHorarioM" type="time" placeholder="Elige una horario" alt="Elige una horario"> </div> </section> </div> <!-- FIN caja planificar rutas --> <a id="nuevoTrayectoCalcular" href="#r" class="button blue buttonCalcular" title="Calcular Ruta">Calcular Ruta</a> </div> <!-- FIN trayecto recomendado --> <!-- INICIO lineas --> <div class="infoBar" id="lineas"> <div class="infoScreen"> <figure> <img id="lineasInfoScreenImg" src="images/iconPages/lineas.png" alt="Lineas"> </figure> <div class="txtTitle"> <h2 id="lineasTxtTitle"></h2> <a id="lineasVolver" href="#r" class="backButton" title="Cerrar"><i class="fa fa-times" aria-hidden="true"></i></a> </div> </div> <div class="bloBox"> <header class="heaTitle"> <h2 id="lineasTitulo"></h2> </header> <section class="groupInputs noBorder"> <div class="search"> <input id="LineaGetRouteLinesRoute" maxlength="6" type="search" placeholder="Escribe aqu铆 el n煤mero de la l铆nea" alt="Escribe aqu铆 el n煤mero de la l铆nea" class="noIcon grey"> </div> <a href="#r" class="button blue" title="Buscar L铆nea" id="BotonGetRouteLinesRoute"><i class="fa fa-caret-right" aria-hidden="true"></i></a> </section> </div> <div class="bloBox"> <header class="heaTitle"> <h2 id="lineasListado"><img id="lineasListadoTitle" title="Icono de Listado de L铆neas" alt="Icono de Listado de L铆neas" src="images/iconPages/icoLinesBus.png" /></h2> </header> <div class="preferencesRoute Lines" id="ListadoParadas"> </div> </div> </div> <!-- FIN lineas --> <!-- INICIO detalle lineas --> <div class="infoBar detalle" id="lineasDetalle"> <div class="infoScreen"> <figure> <img id="detalleLineasInfoScreenImg" src="images/iconPages/lineas.png" alt="Lineas"> </figure> <div class="txtTitle"> <h2 id="lineasDetalleTxtTitle"></h2> <a id="detalleLineasVolver" href="#r" class="backButton" title="Volver"><i class="fa fa-arrow-left" aria-hidden="true"></i></a> </div> </div> <a href="#r" id="verMapaDetalleLineas" class="verMapa"></a> <div class="bloBox"> <header class="heaTitle"> <h2 id="lineasheatitle"></h2> <div class="buttonActions"> <a id="detalleLineasMail" class="mail" href="#r" title="Enviar por correo electr贸nico"> <i class="fa fa-envelope-o" aria-hidden="true"></i> </a> <a id="detalleLineasImprimir" class="print" href="#r" title="Imprimir"> <i class="fa fa-print" aria-hidden="true"></i> </a> </div> </header> <div class="bloLine"> <span class="numLine bus head" id="detalleLineDetalleLineas">1</span> <div class="startFinish"> <span class="start" id="detalleStartLineas"></span> <span class="finish" id="detalleFinishLineas"></span> </div> <div class="buttonHorarios"> <a id="detalleLineaHorarios" href="#r" title="Ver Horarios" class="button green m3"><i class="fa fa-clock-o right" aria-hidden="true"></i></a> <a id="detalleLineaPDF" href="#r" title="Ver PDF" class="button black m1"></a> <div class="bloIncidencia"> <a id="detalleLineaIncidencias" href="#r" title="Incidencias"> <span id="cercaDeMiIncidencia" class="txtIncidencia"></span> </a> </div> </div> </div> <div class="bloLine noBorder lineDetalle"> <div class="preferencesRoute idaVuelta"> <div class="boxCheck"> <input type="checkbox" name="idaVuelta" value="ida" id="ida" alt="Mostrar ida" checked="checked"> <label id="detalleLineaMostrarIda" for="ida"></label> </div> <div class="boxCheck"> <input type="checkbox" name="idaVuelta" value="vuelta" id="vuelta" alt="Mostrar vuelta" checked="checked"> <label id="detalleLineaMostrarVuelta" for="vuelta"></label> </div> </div> </div> </div> <div class="tab-wrapper"> <ul class="tab-menu"> <li id="detalleLineaIda" class="active"></li> <li id="detalleLineaVuelta"></li> </ul> <div class="tab-content"> <!-- TAB 1 --> <div id="tabIda" class="tab-div"> <ul class="listParadas" id="listParadasIda"> </ul> </div> <!-- TAB 2 --> <div id="tabVuelta" class="tab-div"> <ul class="listParadas" id="listParadasVuelta"> </ul> </div> </div> </div> </div> <!-- FIN detalle lineas --> <!-- INICIO detalle cerca de mi --> <div class="infoBar detalle" id="cercaDeMiDetalle"> <div class="infoScreen"> <figure> <img id="detalleCercaDeMiInfoScreenImg" src="images/iconPages/cercaDeMi.png" alt="Cerca de M铆"> </figure> <div class="txtTitle"> <h2 id="cercaDeMiTitulo"></h2> <a id="cercaDeMiVolver" href="#r" class="backButton" title="Volver"><i class="fa fa-arrow-left" aria-hidden="true"></i></a> </div> </div> <a href="#r" id="verMapaDetalleCercaDeMi" class="verMapa"></a> <div class="bloBox"> <div class="pad20 direccion"> <h2 id="cercaDeMiPosicion"></h2> <div class="posActual"> <span class="pos"></span> </div> </div> <div class="pad20"> <div class="fechaHora"> <div class="distancia"> <span id="cercaDeMiDistancia" class="label"></span> <span class="dato" id="distanciaCercaDeMi"></span> </div> <div class="horario"> <span id="cercaDeMiHorario" class="label"></span> <span id="cercaDeMiHorarioDato" class="dato minus"></span> </div> </div> <div class="bloIncidencia"> </div> </div> </div> <div class="bloBox"> <header class="heaTitle"> <h2 id="cercaDeMiMostrarLineas"><img id="cercaDeMiMostrarLineasTitle" title="Icono de Listado de Rutas" alt="Icono de Listado de Rutas" src="images/iconPages/icoLinesBus.png"></h2> </header> <div class="preferencesRoute Lines linesEsp" id="ListaCerdadeMiDetalle"> </div> </div> </div> <!-- FIN detalle cerca de mi --> <!-- INICIO cerca de mi --> <div class="infoBar" id="cercaDeMi"> <div class="infoScreen"> <figure> <img id="cercaDeMiInfoScreenImg" src="images/iconPages/cercaDeMi.png" alt="Cerca de M铆"> </figure> <div class="txtTitle"> <h2 id="cercaDeMiTxtTitle"></h2> <a id="cercaDeMiDetalleVolver" href="#r" class="backButton" title="Volver"><i class="fa fa-times" aria-hidden="true"></i></a> </div> </div> <div class="oriFin"> <div class="bloBox"> <div class="position"> <label id="cercaDeMiPosicion_Marcador" for="position"></label> <input type="search" id="cercaDeMiDetallePosition" maxlength="255" placeholder="Posici贸n en la que te encuentras" class="grey" alt="Posici贸n en la que te encuentras"> <a id="buscarCercaDemi" href="#r" class="buscarCercaDemi" title="Buscar punto cerca de m铆"></a> <ul id="cercaDeMiInput" class="cercaDeMi"></ul> </div> </div> </div> <div class="bloBox"> <header class="heaTitle"> <h2 id="cercaDeMiTitleDistancia"></h2> <p class="txtCenter txtRange"><input type="text" class="valueRange" id="textInput" value="200" disabled> m.</p> </header> <section class="groupInputs noBorder"> <div class="coberRange"> <input id="rangeid" class="range" type="range" name="rangeInput" min="100" value="200" max="300" step="100" onchange="updateTextInput(this.value);"/> </div> <a href="#r" class="button blue" title="Mostrar L铆neas" id="CercaMiLineas"><i class="fa fa-caret-right" aria-hidden="true"></i></a> </section> </div> <div class="bloBox"> <div class="preferencesRoute typeLine"> <div class="boxCheck"> <input type="checkbox" name="typeLine" value="typeLine1" id="typeLine1"> <label for="typeLine1" id="typeLine1_label"></label> </div> <div class="boxCheck"> <input type="checkbox" name="typeLine" value="typeLine2" id="typeLine2"> <label for="typeLine2" id="typeLine2_label"></label> </div> <div class="boxCheck"> <input type="checkbox" name="typeLine" value="typeLin3" id="typeLine3" checked> <label for="typeLine3" id="typeLine3_label"></label> </div> </div> </div> </div> <!-- FIN cerca de mi --> <!-- INICIO emt turismo --> <div class="infoBar" id="emtTurismo"> <div class="infoScreen"> <figure> <img id="EMTTurismoInfoBarImg" src="images/iconPages/emtTurismo.png" alt="EMT Turismo" title="EMT Turismo"> </figure> <div class="txtTitle"> <h2 id="EMTTurismoInfoBarTitle"></h2> <a id="EMTTurismoInfoBarVolver" href="#r" class="backButton" title="Cerrar"><i class="fa fa-times" aria-hidden="true"></i></a> </div> </div> <div class="oriFin"> <div class="position"> </div> </div> <div class="bloBox"> <header class="heaTitle"> <h2 id="EMTTurismoInfoBarListado"><img id="EMTTurismoInfoBarListadoImg" title="Icono de Listado de Rutas" alt="Icono de Listado de Rutas" src="images/iconPages/icoTxtRoute.png"></h2> </header> <div class="preferencesRoute Lines" id="ListadoEMTTurismo"> </div> </div> </div> <!-- FIN emt turismo --> <!-- INICIO detalle emt turismo --> <div class="infoBar detalle" id="emtTurismoDetalle"> <div class="infoScreen"> <figure> <img id="detalleEMTTurismoInfoScreenImg" src="images/iconPages/emtTurismo.png" alt="EMT Turismo" title="EMT Turismo"> </figure> <div class="txtTitle"> <h2 id="detalleEMTTurismoTitulo"></h2> <a id="detalleEMTTurismoVolver" href="#r" class="backButton" title="Volver"><i class="fa fa-arrow-left" aria-hidden="true"></i></a> </div> </div> <a href="#r" id="verMapaDetalleEMTTurismo" class="verMapa"></a> <div class="bloBox"> <div class="pad20 direccion noBorder"> <h2 id="detalleEMTTurismoRutaTuristicah2"></h2> <div class="posActual ruta"> <img id="detalleEMTTurismoRutaTuristicaImg" class="icoRoute" src="images/iconPages/icoRoute.png" alt="EMT Turismo" title="EMT Turismo"> <div class="Route"> <span id="detalleEMTTurismoRutaTuristica" class="nameRoute"></span> </div> </div> </div> </div> <div class="bloBox"> <header class="heaTitle"> <h2 id="detalleEMTTurismoTrayecto"></h2> <div class="buttonActions"> <a id="detalleEMTTurismoMail" class="mail" href="#r" title="Enviar por correo electr贸nico"> <i class="fa fa-envelope-o" aria-hidden="true"></i> </a> <a id="detalleEMTTurismoImprimir" class="print" href="#r" title="Imprimir"> <i class="fa fa-print" aria-hidden="true"></i> </a> </div> </header> <section class="sectionTrayecto trayTurismo" id="trayectoTurismo"> </section> </div> </div> <!-- FIN detalle emt turismo --> <!-- INICIO tiempos de espera --> <div class="infoBar" id="tiempoEspera"> <div class="infoScreen"> <figure> <img id="tiempoDeEsperaInfoScreenImg" src="images/iconPages/tiemposEspera.png" alt="Lineas"> </figure> <div class="txtTitle"> <h2 id="tiemposDeEsperaTitulo"></h2> <a id="tiempoDeEsperaVolver" href="#r" class="backButton" title="Volver"><i class="fa fa-times" aria-hidden="true"></i></a> </div> </div> <div class="bloBox"> <header class="heaTitle"> <h2 id="tiempoDeEsperaTituloBuscar"></h2> </header> <section class="groupInputs noBorder"> <div class="search"> <input id="tiempoDeEsperoInputNumero" maxlength="6" type="search" placeholder="Escribe aqu铆 el n煤mero de la parada" alt="Escribe aqu铆 el n煤mero de la parada" class="noIcon grey"> </div> <a id="TiemposDeEsperaBoton" href="#r" class="button blue" title="Buscar Parada"><i class="fa fa-caret-right" aria-hidden="true"></i></a> </section> </div> <div class="bloBox"> <header class="heaTitle"> <h2 id="tiempoDeEsperaListadoLineas"><img id="tiempoDeEsperaListadoLineasImg" title="Icono de Listado de L铆neas" alt="Icono de Listado de L铆neas" src="images/iconPages/icoLinesBus.png"></h2> </header> <div class="preferencesRoute Lines" id="ListadoLineasTiempoDeEspera"> </div> </div> </div> <!-- FIN tiempos de espera --> <!-- INICIO detalle tiempos de espera --> <div class="infoBar detalle" id="tiempoEsperaDetalle"> <div class="infoScreen"> <figure> <img id="detalleTiempoDeEsperaInfoScreenImg" src="images/iconPages/tiemposEspera.png" alt="Lineas"> </figure> <div class="txtTitle"> <h2 id="detalleTiemposDeEsperaTitulo"></h2> <a id="detalleTiemposDeEsperaVolver" href="#r" class="backButton" title="Volver"><i class="fa fa-arrow-left" aria-hidden="true"></i></a> </div> </div> <a href="#r" id="verMapaDetalleTiemposDeEspera" class="verMapa"></a> <div class="bloBox"> <header class="heaTitle"> <h2 id="detalleTiemposDeEsperaTituloLinea"></h2> <div class="buttonActions"> </div> </header> <div class="bloLine"> <span class="numLine bus head" id="detalleTiempoEsperaDetalleLineas"></span> <div class="startFinish"> <span class="start" id="detalleTiempoDeEsperaInicio"></span> <span class="finish" id="detalleTiempoDeEsperaFinal"></span> </div> <div class="buttonHorarios"> <a id="detalleTiemposDeEsperaHorarios" href="#r" title="Ver Horarios" class="button green m3"><i class="fa fa-clock-o right" aria-hidden="true"></i></a> <a id="detalleTiemposDeEsperaPDF" href="#r" title="Ver PDF" class="button black m1"></a> </div> </div> <div class="bloLine noBorder lineDetalle"> <div class="preferencesRoute idaVuelta"> <div class="boxCheck"> <input type="checkbox" name="idaVueltaTiempos" value="idaTiempos" id="idaTiempos" alt="Mostrar ida" checked="checked"> <label id="detalleTiemposMostrarIda" for="idaTiempos"></label> </div> <div class="boxCheck"> <input type="checkbox" name="idaVueltaTiempos" value="vueltaTiempos" id="vueltaTiempos" alt="Mostrar vuelta" checked="checked"> <label id="detalleTiemposMostrarVuelta" for="vueltaTiempos"></label> </div> </div> </div> </div> <div class="tab-wrapper"> <ul class="tab-menu"> <li id="detalleTiempoDeEsperaIda" class="active"></li> <li id="detalleTiempoDeEsperaVuelta"></li> </ul> <div class="tab-content"> <!-- TAB 1 --> <div id="tabIda" class="tab-div"> <ul class="listParadas" id="listParadasIdaTiemposDeEspera"> </ul> </div> <!-- TAB 2 --> <div id="tabVuelta" class="tab-div"> <ul class="listParadas" id="listParadasVueltaTiemposDeEspera"> </ul> </div> </div> </div> </div> <!-- FIN DETALLE TIEMPOS DE ESPERA --> </section> <!-- FIN BARRA OPCIONES --> <footer class="footer"> <div class="mid"> <p id="txtCopyright" class="txtCopyright"><a href="https://www.emtmadrid.es/Home" title="Empresa Municipal de Transportes de Madrid, S. A." target="_blank"></a></p> <div class="socialMedia"> <a id="barraOpcionesFacebook" href="https://www.facebook.com/EMTMadrid" class="facebook" title="Facebook" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a id="barraOpcionesTwitter" href="https://twitter.com/emtmadrid" class="twitter" title="Twitter" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a> <a id="barraOpcionesInstagram" href="https://www.instagram.com/emtmadrid/" class="instagram" title="Instagram" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a> </div> </div> <div class="linksFoo"> <a id="linksFooBuscarTrayectos" href="#r" title="Buscar Trayecto"></a> <a id="linksFooLineas" href="#r" title="L铆neas"></a> <a id="linksFooCercaDeMi" href="#r" title="Cerca de m铆"></a> <a id="linksFooRutasTuristicas" href="#r" title=""></a> <a id="linksFooHorarios" href="#r" title="Horarios"></a> </div> </footer> </section> <!-- FIN contenido --> </body> </html>