Top SitesEl Rutero : Busca tu ruta, ruta directa a tú destino, busca tu ruta y consúltala, rutas de transporte público

Machine Readiness

Stored receipt and evidence

Overall

24

Readable

80

Callable

0

Commerce

0

Payment

0

Machine Access

Inspect the site's MCP endpoint

Open MCP explorer

DialtoneApp can scan the stored discovery files for this domain, try the MCP initialize handshake, and show the raw protocol transcript.

Purchase boundary

read only

Control boundary

unknown

Payment rails

None

Payment providers

None

Payment methods

None

Payment protocols

None

Payment assets

None

Payment networks

None

Capabilities

None

Verified payment surface

No

Crypto only

No

Readable docs

llms, llms-full

Products

0

Variants

0

Priced variants

0

Currencies

0

Offers

0

Priced offers

0

Priced actions

0

Samples

Offer samples

No stored offer samples.

Samples

Action samples

No stored action samples.

Samples

Product samples

No stored product samples.

Document

robots.txt

Not stored for this site.

Document

llms.txt

Open llms.txt

<!DOCTYPE html>

<html lang="es-ES">
<head>
    
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-131034028-1"></script>
        <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-131034028-1');
    </script>

    <meta charset="UTF-8"/>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Estudios Alux">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">   
    <meta name="description" content="El Rutero Morelia, rutas de camiones Morelia, lineas de transporte Morelia cuenta con las rutas de transporte de tu ciudad, obtén una ruta directa a tu destino, busca tu ruta y consúltala, ademas de un directorio de negocios y sitios turisticos El Rutero : Busca tu ruta Rutas Morelia  ">
    <meta name="keywords" content="El Rutero Morelia, Rutas de camiones Morelia, lineas de transporte Morelia, el rutero morelia, rutas gdl, rutas leon, rutas queretaro, rutas puebla, rutas transporte, transporte, combis, tren, metrobus, tren ligero,busca tu ruta  ruta directa">
    
    <meta property="og:title" content="El Rutero" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://elrutero.com.mx" /> 
    <meta property="og:image" content="https://elrutero.com.mx/public/img/fb_elRutero.png" />
	<meta property="og:site_name" content="elrutero.com.mx" />
    <meta property="og:description" content="El Rutero Morelia cuenta con las rutas de transporte de tu ciudad, obtén una ruta directa a tu destino, ademas de un directorio de negocios y sitios turisticos">
    <meta property="fb:admins" content="100003720503624"/>
    
    <!--
    <script src="https://unpkg.com/leaflet@1.0.2/dist/leaflet.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.2/dist/leaflet.css" />
    -->

    <!-- Load Leaflet from CDN -->
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css"
    integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
    crossorigin=""/>
    <script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js"
    integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA=="
    crossorigin=""></script>


    <!-- Load Esri Leaflet from CDN 
    <script src="https://unpkg.com/esri-leaflet"></script>
    -->

    <!-- Load Esri Leaflet from CDN -->
    <script src="https://unpkg.com/esri-leaflet@2.2.3/dist/esri-leaflet.js"
    integrity="sha512-YZ6b5bXRVwipfqul5krehD9qlbJzc6KOGXYsDjU9HHXW2gK57xmWl2gU6nAegiErAqFXhygKIsWPKbjLPXVb2g=="
    crossorigin=""></script>


    <!-- Esri Leaflet Geocoder 
    
    <link rel="stylesheet" href="https://unpkg.com/esri-leaflet-geocoder/dist/esri-leaflet-geocoder.css">
    <script src="https://unpkg.com/esri-leaflet-geocoder@2.2.13/src/EsriLeafletGeocoding.js"></script>
    -->

    
    <!-- Load Esri Leaflet Geocoder from CDN -->
    <link rel="stylesheet" href="https://unpkg.com/esri-leaflet-geocoder@2.2.13/dist/esri-leaflet-geocoder.css"
    integrity="sha512-v5YmWLm8KqAAmg5808pETiccEohtt8rPVMGQ1jA6jqkWVydV5Cuz3nJ9fQ7ittSxvuqsvI9RSGfVoKPaAJZ/AQ=="
    crossorigin="">
    <script src="https://unpkg.com/esri-leaflet-geocoder@2.2.13/dist/esri-leaflet-geocoder.js"
    integrity="sha512-zdT4Pc2tIrc6uoYly2Wp8jh6EPEWaveqqD3sT0lf5yei19BC1WulGuh5CesB0ldBKZieKGD7Qyf/G0jdSe016A=="
    crossorigin=""></script>

    <link  href="https://unpkg.com/leaflet-geosearch@latest/assets/css/leaflet.css" rel="stylesheet" />
    <script src="https://unpkg.com/leaflet-geosearch@latest/dist/bundle.min.js"></script>
        
    <script src="https://cdn.jsdelivr.net/npm/leaflet.locatecontrol@0.85.1/dist/L.Control.Locate.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet.locatecontrol@0.85.1/dist/L.Control.Locate.min.css">
    
    <!--
    <script src="https://cdn.jsdelivr.net/npm/leaflet.locatecontrol@0.63.0/dist/L.Control.Locate.min.js" charset="utf-8"></script>
    <link rel="stylesheet" href="https://www.domoritz.de/leaflet-locatecontrol/dist/L.Control.Locate.min.css" type="text/css">
    -->
    
    <!-- Gesture Leaflet 
    <link rel="stylesheet" href="https://unpkg.com/leaflet-gesture-handling/dist/leaflet-gesture-handling.min.css" type="text/css">
    <script src="https://unpkg.com/leaflet-gesture-handling"></script>
    -->
    <!-- Mapbox GL -->
    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.14.3/mapbox-gl.css' rel='stylesheet' />
    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.14.3/mapbox-gl.js'></script>
    <script src="https://unpkg.com/mapbox-gl-leaflet@0.0.3/leaflet-mapbox-gl.js"></script>

    <link href="https://elrutero.com.mx/public/fonts/font-awesome.css" rel="stylesheet" type="text/css">
    <link href="https://elrutero.com.mx/public/fonts/elegant-fonts.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link href='https://fonts.googleapis.com/css?family=Lato:400,300,700,900,400italic' rel='stylesheet' type='text/css'>
    
    <link rel="stylesheet" href="https://elrutero.com.mx/public/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="https://elrutero.com.mx/public/css/zabuto_calendar.min.css" type="text/css">
    <link rel="stylesheet" href="https://elrutero.com.mx/public/css/owl.carousel.css" type="text/css">

    <link rel="stylesheet" href="https://elrutero.com.mx/public/css/trackpad-scroll-emulator.css" type="text/css">
    <link rel="stylesheet" href="https://elrutero.com.mx/public/css/style.css" type="text/css">

    <title>El Rutero Morelia - Rutas de camiones Morelia - Lineas de transporte Morelia : Rutas  Morelia tu ruta directa, busca tu ruta y consúltala </title>  
    <style>
        .leaflet-touch .geocoder-control-input{
            font-size: 16px !important;
        }
        .leaflet-right .leaflet-control {
            margin-right: 4px;
        }
        .leaflet-left .leaflet-control {
            margin-left: 4px;
        }
        .leaflet-control-scale{
            display:none;
        }
        .leaflet-top {
            top: 3px;
        }
        .input-group-prepend, input-group-append{
            float:left;
            height:100%;
        }
        .walk{
            margin:0px !important;
            padding:0px !important;
            float:right !important;                        
        }   
        .walk button{
            margin:0px !important;
            padding:0px !important;
            height:45px; 
            width:45px; 
            background:#ddd !important;           
        }  

        .walk input-group-append{
            float:right !important;  
        } 
        .walk .form-control {
            /*width:100% !important;*/
            /* Firefox */
            width: -moz-calc(100% - 90px) !important;
            /* WebKit */
            width: -webkit-calc(100% - 90px)  !important;
            /* Opera */
            width: -o-calc(100% - 90px)  !important;
            /* Standard */
            width: calc(100% - 90px)  !important;
            float:left !important;
            background:#fff !important;
            color:#555 !important;
            font-size: 16px !important;
        }

        .walk input{
            padding:12px 0px !important;
        }
        .no-padding{            
            padding:0px !important;
        } 
        .no-margin{
            margin:0px !important;            
        }  
        
        /* css to customize Leaflet default styles  */
        .custom .leaflet-popup-tip,
        .custom .leaflet-popup-content-wrapper {
            background: #fff;
            color: #333;
        }
        .modal-body{
            max-height: -moz-calc(100vh - 150px);
            max-height: -webkit-calc(100vh - 150px);
            max-height: calc(100vh - 150px);
            overflow-y: auto;
        }

        .geocoder-control-suggestion{
            padding:3px 0px !important;
            margin:0px !important;
            top:0px !important;
            height:20px !important;
        }
    </style> 
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3785068774250940"
     crossorigin="anonymous"></script>
</head>


<header id="page-header">
    <nav>
        <div class="left">
            <a href="https://elrutero.com.mx/Morelia" class="brand">
                <img style="height:34px !important" src="https://elrutero.com.mx/public/img/ruterologo.svg" alt="El Rutero Morelia, tú ruta directa">
            </a>
        </div>
        <!--end left-->
        <div class="right">
            <div class="primary-nav has-mega-menu">
                <ul class="navigation">                
                    
                    <!--
                    <li class="active has-child"><a href="#nav-homepages">Home</a>
                        <div class="wrapper">
                            <div id="nav-homepages" class="nav-wrapper">
                                <ul>
                                    <li><a href="index-map-version-1.html">Map Full Screen Sidebar Results</a></li>
                                    <li><a href="index-map-version-2.html">Map Horizontal Form</a></li>
                                    <li><a href="index-map-version-3.html">Map Full Screen Form in Sidebar</a></li>
                                    <li><a href="index-map-version-4.html">Map Form Under</a></li>
                                    <li><a href="index-map-version-5.html">Map Sidebar Grid</a></li>
                                    <li><a href="index-map-version-6.html">Map Full Screen Collapse Form</a></li>
                                    <li><a href="index-hero-version-1.html">Hero One Input Form</a></li>
                                    <li><a href="index-hero-version-2.html">Hero Multiple Inputs</a></li>
                                    <li><a href="index-hero-version-3.html">Hero Form Under</a></li>
                                    <li><a href="index-hero-version-4.html">Hero Full Screen Slider</a></li>
                                    <li><a href="index-hero-version-5.html">Hero Coupon Slider</a></li>
                                    <li><a href="index-hero-version-6.html">Hero Interactive Slider</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    -->
                  
                    <li class="has-child"><a class="menu-header" href="#nav-cities">Ciudades</a>
                        <div class="wrapper">                            
                            <div id="nav-cities" class="nav-wrapper">
                                <ul>
                                    
                                    <li><a href="https://elrutero.com.mx/Morelia">Morelia</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Guadalajara">Guadalajara</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Queretaro">Queretaro</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Monterrey">Monterrey</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Aguascalientes">Aguascalientes</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Leon">Leon</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Puebla">Puebla</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Tijuana">Tijuana</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Cancun">Cancun</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Colima">Colima</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Culiacan">Culiacan</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Hermosillo">Hermosillo</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Ciudad Juarez">Ciudad Juarez</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Los Mochis">Los Mochis</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Mazatlan">Mazatlan</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Merida">Merida</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Reynosa">Reynosa</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/Saltillo">Saltillo</a></li>
                                    
                                    <li><a href="https://elrutero.com.mx/San Luis Potosi">San Luis Potosi</a></li>
                                    
                                </ul>
                            </div>                            
                        </div>                        
                    </li>
                      <!--
                    <li class="has-child"><a href="#nav-listing">Rutas</a>
                        <div class="wrapper">
                            <div id="nav-listing" class="nav-wrapper">
                                <ul>
                                                                    
                                    <li class="has-child"><a href="#nav-row-listing-Combi">Combi</a>
                                        <div id="nav-row-listing-Combi" class="nav-wrapper">
                                            <ul>
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="1" alt="#E9B703">
                                                            <a>Amarilla 1</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="2" alt="#E9B703">
                                                            <a>Amarilla 2</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="3" alt="#0040FF">
                                                            <a>Azul A [Soriana - CBTA]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="53" alt="#0040FF">
                                                            <a>Azul B [Michelena]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="4" alt="#0040FF">
                                                            <a>Azul B [Xangari]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="5" alt="#0040FF">
                                                            <a>Azul C</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="9" alt="#61380B">
                                                            <a>Cafe 1</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="54" alt="#61380B">
                                                            <a>Café 1 [Lago]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="6" alt="#61380B">
                                                            <a>Cafe 1-A</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="10" alt="#61380B">
                                                            <a>Café-Oro 2 [Leandro Valle]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="56" alt="#61380B">
                                                            <a>Café-Oro 2 [Rafael Carrillo]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="7" alt="#61380B">
                                                            <a>Café-Oro 2A</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="8" alt="#61380B">
                                                            <a>Café-Oro 2B [Madero]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="55" alt="#61380B">
                                                            <a>Café-Oro 2B [Michoacán]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="13" alt="#F35341">
                                                            <a>Coral 1</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="12" alt="#F35341">
                                                            <a>Coral 2</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="11" alt="#F35341">
                                                            <a>Coral 2-A</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="16" alt="#FFad70">
                                                            <a>Crema 1</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="15" alt="#FFad70">
                                                            <a>Crema 2</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="14" alt="#FFad70">
                                                            <a>Crema 2-A</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="17" alt="#777777">
                                                            <a>Gris 1 Circuito</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="18" alt="#777777">
                                                            <a>Gris 2</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="19" alt="#777777">
                                                            <a>Gris 3 [Furamo]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="81" alt="#777777">
                                                            <a>Gris 3 [OXXO]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="20" alt="#777777">
                                                            <a>Gris 4</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="21" alt="#8A1A1A">
                                                            <a>Guinda 1 [Mora]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="59" alt="#8A1A1A">
                                                            <a>Guinda 1 [Praderas]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="22" alt="#8A1A1A">
                                                            <a>Guinda 2 [Peña Blanca]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="23" alt="#5F04B4">
                                                            <a>Morada 1 [Aldea]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="63" alt="#5F04B4">
                                                            <a>Morada 1 [Buenos Aires]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="64" alt="#5F04B4">
                                                            <a>Morada 1 [Misión del Valle]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="24" alt="#5F04B4">
                                                            <a>Morada 2 [Lomas De Morelia]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="65" alt="#5F04B4">
                                                            <a>Morada 2 [Satélite]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="66" alt="#5F04B4">
                                                            <a>Morada 2A</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="25" alt="#FF8000">
                                                            <a>Naranja 1 [ISSSTE]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="76" alt="#FF8000">
                                                            <a>Naranja 1 [La Soledad]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="26" alt="#FF8000">
                                                            <a>Naranja 2 [3 de Agosto]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="94" alt="#FF8000">
                                                            <a>Naranja 2 [Santa Fe]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="28" alt="#FF8000">
                                                            <a>Naranja 3 [Centro - Puerta del Sol]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="27" alt="#FF8000">
                                                            <a>Naranja 3 [Sta. María - Erandeni]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="77" alt="#FF8000">
                                                            <a>Naranja 3 [Sta. María - ITA]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="95" alt="#FF8000">
                                                            <a>Naranja 3 [Trico - Metrópolis]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="29" alt="#222222">
                                                            <a>Negra 1</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="30" alt="#222222">
                                                            <a>Negra 2</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="31" alt="#958B28">
                                                            <a>Oro-Verde [Encinos]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="78" alt="#958B28">
                                                            <a>Oro-Verde [Trincheras]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="83" alt="#0040FF">
                                                            <a>Paloma Azul [Campiña]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="84" alt="#0040FF">
                                                            <a>Paloma Azul [Zimpanio]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="37" alt="#DF0101">
                                                            <a>Roja 1 [Com. Mex.]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="69" alt="#f00">
                                                            <a>Roja 1 [Punhuato]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="33" alt="#DF0101">
                                                            <a>Roja 2 [Oken]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="38" alt="#DF0101">
                                                            <a>Roja 2 [Villas del Sol]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="39" alt="#DF0101">
                                                            <a>Roja 3</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="34" alt="#DF0101">
                                                            <a>Roja 3-A</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="35" alt="#DF0101">
                                                            <a>Roja 3-B</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="71" alt="#f00">
                                                            <a>Roja 4 [Tinijaro]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="40" alt="#DF0101">
                                                            <a>Roja 4 [Tzindurio]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="36" alt="#DF0101">
                                                            <a>Roja 4-M</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="70" alt="#f00">
                                                            <a>Roja 4A</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="41" alt="#FA58F4">
                                                            <a>Rosa 1 [Metrópolis - Estrella]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="72" alt="#FA58F4">
                                                            <a>Rosa 1 [Puerta del Sol - Galaxia]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="42" alt="#FA58F4">
                                                            <a>Rosa 2</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="32" alt="#FA58F4">
                                                            <a>Rosa 2-B</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="43" alt="#FA58F4">
                                                            <a>Rosa 3</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="45" alt="#007902">
                                                            <a>Verde 1</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="46" alt="#007902">
                                                            <a>Verde 2</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="47" alt="#007902">
                                                            <a>Verde 3 [Indeco]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="73" alt="#007902">
                                                            <a>Verde 3 [Lomas del Valle]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="74" alt="#007902">
                                                            <a>Verde 3 [Ocolusen]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="48" alt="#007902">
                                                            <a>Verde 4</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="44" alt="#007902">
                                                            <a>Verde 4-B</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                  
                                            </ul>
                                        </div>
                                    </li>
                                                                    
                                    <li class="has-child"><a href="#nav-row-listing-Camion">Camion</a>
                                        <div id="nav-row-listing-Camion" class="nav-wrapper">
                                            <ul>
                                                 
                                                     
                                                        <li class="route" id="49" alt="#f00">
                                                            <a>Alberca [Gertrudis]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="50" alt="#f00">
                                                            <a>Alberca [Metrópolis]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="51" alt="#f00">
                                                            <a>Alberca [Torreón Nuevo]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="85" alt="#f00">
                                                            <a>Atécuaro</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="52" alt="#0040FF">
                                                            <a>Azul A [Soriana - Vergel]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="80" alt="#f00">
                                                            <a>Centros Comerciales [Lucio Cabañas]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="99" alt="#f00">
                                                            <a>Circuito Carrillo</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="92" alt="#f00">
                                                            <a>Dorado [Hospitales]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="93" alt="#f00">
                                                            <a>Dorado [Lomas de Morelia]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="57" alt="#f00">
                                                            <a>Durazno - Sta. María [Trincheras]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="58" alt="#f00">
                                                            <a>El Pedregal</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="60" alt="#f00">
                                                            <a>Industrial [Hospitales]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="61" alt="#f00">
                                                            <a>Industrial [Mariel]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="62" alt="#f00">
                                                            <a>Industrial [Misión Del Valle]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="98" alt="#f00">
                                                            <a>Issste/Soledad</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="100" alt="#f00">
                                                            <a>Jardín de la Montaña</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="75" alt="#f00">
                                                            <a>Jesús del Monte</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="101" alt="#f00">
                                                            <a>La Hacienda</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="102" alt="#f00">
                                                            <a>Lomas de la Maestranza</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="87" alt="#f00">
                                                            <a>Mil Cumbres - Irapeo</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="88" alt="#f00">
                                                            <a>Mil Cumbres - Las Mesas</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="86" alt="#f00">
                                                            <a>Mil Cumbres - Tres Marías</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="89" alt="#f00">
                                                            <a>Mil Cumbres - Vaquerito</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="67" alt="#f00">
                                                            <a>Nueva Esperanza</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="82" alt="#0040FF">
                                                            <a>Paloma Azul [Arquito]</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="68" alt="#f00">
                                                            <a>Panteón</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="96" alt="#f00">
                                                            <a>Prados Verdes A</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="97" alt="#f00">
                                                            <a>Prados Verdes B</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="79" alt="#f00">
                                                            <a>Ruta 2</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="108" alt="#f00">
                                                            <a>San Juanito Itzicuaro</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="90" alt="#f00">
                                                            <a>Unión Progreso / La Loma</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                 
                                                     
                                                        <li class="route" id="103" alt="#f00">
                                                            <a>Villa Magna</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="104" alt="#f00">
                                                            <a>Villas de la Loma</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="105" alt="#f00">
                                                            <a>Villas del Pedregal 1</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="106" alt="#f00">
                                                            <a>Villas del Pedregal 2</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="107" alt="#f00">
                                                            <a>Villas del Pedregal 3</a>
                                                        </li>
                                                     
                                                 
                                                     
                                                        <li class="route" id="91" alt="#f00">
                                                            <a>Zurumbeneo - Charo</a>
                                                        </li>
                                                     
                                                  
                                            </ul>
                                        </div>
                                    </li>
                                    
                                </ul>                                 
                            </div>
                        </div>
                    </li>
                    -->
                    <!--
                    <li class="has-child"><a href="#nav-listing">Rutas</a>
                        <div class="wrapper">
                            <div id="nav-listing" class="nav-wrapper">
                                <ul>
                                    
                                <li class="route" id="49" alt="#f00">
                                    <a>Alberca [Gertrudis]</a>
                                </li>
                                    
                                <li class="route" id="50" alt="#f00">
                                    <a>Alberca [Metrópolis]</a>
                                </li>
                                    
                                <li class="route" id="51" alt="#f00">
                                    <a>Alberca [Torreón Nuevo]</a>
                                </li>
                                    
                                <li class="route" id="1" alt="#E9B703">
                                    <a>Amarilla 1</a>
                                </li>
                                    
                                <li class="route" id="2" alt="#E9B703">
                                    <a>Amarilla 2</a>
                                </li>
                                    
                                <li class="route" id="85" alt="#f00">
                                    <a>Atécuaro</a>
                                </li>
                                    
                                <li class="route" id="3" alt="#0040FF">
                                    <a>Azul A [Soriana - CBTA]</a>
                                </li>
                                    
                                <li class="route" id="52" alt="#0040FF">
                                    <a>Azul A [Soriana - Vergel]</a>
                                </li>
                                    
                                <li class="route" id="53" alt="#0040FF">
                                    <a>Azul B [Michelena]</a>
                                </li>
                                    
                                <li class="route" id="4" alt="#0040FF">
                                    <a>Azul B [Xangari]</a>
                                </li>
                                    
                                <li class="route" id="5" alt="#0040FF">
                                    <a>Azul C</a>
                                </li>
                                    
                                <li class="route" id="9" alt="#61380B">
                                    <a>Cafe 1</a>
                                </li>
                                    
                                <li class="route" id="54" alt="#61380B">
                                    <a>Café 1 [Lago]</a>
                                </li>
                                    
                                <li class="route" id="6" alt="#61380B">
                                    <a>Cafe 1-A</a>
                                </li>
                                    
                                <li class="route" id="10" alt="#61380B">
                                    <a>Café-Oro 2 [Leandro Valle]</a>
                                </li>
                                    
                                <li class="route" id="56" alt="#61380B">
                                    <a>Café-Oro 2 [Rafael Carrillo]</a>
                                </li>
                                    
                                <li class="route" id="7" alt="#61380B">
                                    <a>Café-Oro 2A</a>
                                </li>
                                    
                                <li class="route" id="8" alt="#61380B">
                                    <a>Café-Oro 2B [Madero]</a>
                                </li>
                                    
                                <li class="route" id="55" alt="#61380B">
                                    <a>Café-Oro 2B [Michoacán]</a>
                                </li>
                                    
                                <li class="route" id="80" alt="#f00">
                                    <a>Centros Comerciales [Lucio Cabañas]</a>
                                </li>
                                    
                                <li class="route" id="99" alt="#f00">
                                    <a>Circuito Carrillo</a>
                                </li>
                                    
                                <li class="route" id="13" alt="#F35341">
                                    <a>Coral 1</a>
                                </li>
                                    
                                <li class="route" id="12" alt="#F35341">
                                    <a>Coral 2</a>
                                </li>
                                    
                                <li class="route" id="11" alt="#F35341">
                                    <a>Coral 2-A</a>
                                </li>
                                    
                                <li class="route" id="16" alt="#FFad70">
                                    <a>Crema 1</a>
                                </li>
                                    
                                <li class="route" id="15" alt="#FFad70">
                                    <a>Crema 2</a>
                                </li>
                                    
                                <li class="route" id="14" alt="#FFad70">
                                    <a>Crema 2-A</a>
                                </li>
                                    
                                <li class="route" id="92" alt="#f00">
                                    <a>Dorado [Hospitales]</a>
                                </li>
                                    
                                <li class="route" id="93" alt="#f00">
                                    <a>Dorado [Lomas de Morelia]</a>
                                </li>
                                    
                                <li class="route" id="57" alt="#f00">
                                    <a>Durazno - Sta. María [Trincheras]</a>
                                </li>
                                    
                                <li class="route" id="58" alt="#f00">
                                    <a>El Pedregal</a>
                                </li>
                                    
                                <li class="route" id="17" alt="#777777">
                                    <a>Gris 1 Circuito</a>
                                </li>
                                    
                                <li class="route" id="18" alt="#777777">
                                    <a>Gris 2</a>
                                </li>
                                    
                                <li class="route" id="19" alt="#777777">
                                    <a>Gris 3 [Furamo]</a>
                                </li>
                                    
                                <li class="route" id="81" alt="#777777">
                                    <a>Gris 3 [OXXO]</a>
                                </li>
                                    
                                <li class="route" id="20" alt="#777777">
                                    <a>Gris 4</a>
                                </li>
                                    
                                <li class="route" id="21" alt="#8A1A1A">
                                    <a>Guinda 1 [Mora]</a>
                                </li>
                                    
                                <li class="route" id="59" alt="#8A1A1A">
                                    <a>Guinda 1 [Praderas]</a>
                                </li>
                                    
                                <li class="route" id="22" alt="#8A1A1A">
                                    <a>Guinda 2 [Peña Blanca]</a>
                                </li>
                                    
                                <li class="route" id="60" alt="#f00">
                                    <a>Industrial [Hospitales]</a>
                                </li>
                                    
                                <li class="route" id="61" alt="#f00">
                                    <a>Industrial [Mariel]</a>
                                </li>
                                    
                                <li class="route" id="62" alt="#f00">
                                    <a>Industrial [Misión Del Valle]</a>
                                </li>
                                    
                                <li class="route" id="98" alt="#f00">
                                    <a>Issste/Soledad</a>
                                </li>
                                    
                                <li class="route" id="100" alt="#f00">
                                    <a>Jardín de la Montaña</a>
                                </li>
                                    
                                <li class="route" id="75" alt="#f00">
                                    <a>Jesús del Monte</a>
                                </li>
                                    
                                <li class="route" id="101" alt="#f00">
                                    <a>La Hacienda</a>
                                </li>
                                    
                                <li class="route" id="102" alt="#f00">
                                    <a>Lomas de la Maestranza</a>
                                </li>
                                    
                                <li class="route" id="87" alt="#f00">
                                    <a>Mil Cumbres - Irapeo</a>
                                </li>
                                    
                                <li class="route" id="88" alt="#f00">
                                    <a>Mil Cumbres - Las Mesas</a>
                                </li>
                                    
                                <li class="route" id="86" alt="#f00">
                                    <a>Mil Cumbres - Tres Marías</a>
                                </li>
                                    
                                <li class="route" id="89" alt="#f00">
                                    <a>Mil Cumbres - Vaquerito</a>
                                </li>
                                    
                                <li class="route" id="23" alt="#5F04B4">
                                    <a>Morada 1 [Aldea]</a>
                                </li>
                                    
                                <li class="route" id="63" alt="#5F04B4">
                                    <a>Morada 1 [Buenos Aires]</a>
                                </li>
                                    
                                <li class="route" id="64" alt="#5F04B4">
                                    <a>Morada 1 [Misión del Valle]</a>
                                </li>
                                    
                                <li class="route" id="24" alt="#5F04B4">
                                    <a>Morada 2 [Lomas De Morelia]</a>
                                </li>
                                    
                                <li class="route" id="65" alt="#5F04B4">
                                    <a>Morada 2 [Satélite]</a>
                                </li>
                                    
                                <li class="route" id="66" alt="#5F04B4">
                                    <a>Morada 2A</a>
                                </li>
                                    
                                <li class="route" id="25" alt="#FF8000">
                                    <a>Naranja 1 [ISSSTE]</a>
                                </li>
                                    
                                <li class="route" id="76" alt="#FF8000">
                                    <a>Naranja 1 [La Soledad]</a>
                                </li>
                                    
                                <li class="route" id="26" alt="#FF8000">
                                    <a>Naranja 2 [3 de Agosto]</a>
                                </li>
                                    
                                <li class="route" id="94" alt="#FF8000">
                                    <a>Naranja 2 [Santa Fe]</a>
                                </li>
                                    
                                <li class="route" id="28" alt="#FF8000">
                                    <a>Naranja 3 [Centro - Puerta del Sol]</a>
                                </li>
                                    
                                <li class="route" id="27" alt="#FF8000">
                                    <a>Naranja 3 [Sta. María - Erandeni]</a>
                                </li>
                                    
                                <li class="route" id="77" alt="#FF8000">
                                    <a>Naranja 3 [Sta. María - ITA]</a>
                                </li>
                                    
                                <li class="route" id="95" alt="#FF8000">
                                    <a>Naranja 3 [Trico - Metrópolis]</a>
                                </li>
                                    
                                <li class="route" id="29" alt="#222222">
                                    <a>Negra 1</a>
                                </li>
                                    
                                <li class="route" id="30" alt="#222222">
                                    <a>Negra 2</a>
                                </li>
                                    
                                <li class="route" id="67" alt="#f00">
                                    <a>Nueva Esperanza</a>
                                </li>
                                    
                                <li class="route" id="31" alt="#958B28">
                                    <a>Oro-Verde [Encinos]</a>
                                </li>
                                    
                                <li class="route" id="78" alt="#958B28">
                                    <a>Oro-Verde [Trincheras]</a>
                                </li>
                                    
                                <li class="route" id="82" alt="#0040FF">
                                    <a>Paloma Azul [Arquito]</a>
                                </li>
                                    
                                <li class="route" id="83" alt="#0040FF">
                                    <a>Paloma Azul [Campiña]</a>
                                </li>
                                    
                                <li class="route" id="84" alt="#0040FF">
                                    <a>Paloma Azul [Zimpanio]</a>
                                </li>
                                    
                                <li class="route" id="68" alt="#f00">
                                    <a>Panteón</a>
                                </li>
                                    
                                <li class="route" id="96" alt="#f00">
                                    <a>Prados Verdes A</a>
                                </li>
                                    
                                <li class="route" id="97" alt="#f00">
                                    <a>Prados Verdes B</a>
                                </li>
                                    
                                <li class="route" id="37" alt="#DF0101">
                                    <a>Roja 1 [Com. Mex.]</a>
                                </li>
                                    
                                <li class="route" id="69" alt="#f00">
                                    <a>Roja 1 [Punhuato]</a>
                                </li>
                                    
                                <li class="route" id="33" alt="#DF0101">
                                    <a>Roja 2 [Oken]</a>
                                </li>
                                    
                                <li class="route" id="38" alt="#DF0101">
                                    <a>Roja 2 [Villas del Sol]</a>
                                </li>
                                    
                                <li class="route" id="39" alt="#DF0101">
                                    <a>Roja 3</a>
                                </li>
                                    
                                <li class="route" id="34" alt="#DF0101">
                                    <a>Roja 3-A</a>
                                </li>
                                    
                                <li class="route" id="35" alt="#DF0101">
                                    <a>Roja 3-B</a>
                                </li>
                                    
                                <li class="route" id="71" alt="#f00">
                                    <a>Roja 4 [Tinijaro]</a>
                                </li>
                                    
                                <li class="route" id="40" alt="#DF0101">
                                    <a>Roja 4 [Tzindurio]</a>
                                </li>
                                    
                                <li class="route" id="36" alt="#DF0101">
                                    <a>Roja 4-M</a>
                                </li>
                                    
                                <li class="route" id="70" alt="#f00">
                                    <a>Roja 4A</a>
                                </li>
                                    
                                <li class="route" id="41" alt="#FA58F4">
                                    <a>Rosa 1 [Metrópolis - Estrella]</a>
                                </li>
                                    
                                <li class="route" id="72" alt="#FA58F4">
                                    <a>Rosa 1 [Puerta del Sol - Galaxia]</a>
                                </li>
                                    
                                <li class="route" id="42" alt="#FA58F4">
                                    <a>Rosa 2</a>
                                </li>
                                    
                                <li class="route" id="32" alt="#FA58F4">
                                    <a>Rosa 2-B</a>
                                </li>
                                    
                                <li class="route" id="43" alt="#FA58F4">
                                    <a>Rosa 3</a>
                                </li>
                                    
                                <li class="route" id="79" alt="#f00">
                                    <a>Ruta 2</a>
                                </li>
                                    
                                <li class="route" id="108" alt="#f00">
                                    <a>San Juanito Itzicuaro</a>
                                </li>
                                    
                                <li class="route" id="90" alt="#f00">
                                    <a>Unión Progreso / La Loma</a>
                                </li>
                                    
                                <li class="route" id="45" alt="#007902">
                                    <a>Verde 1</a>
                                </li>
                                    
                                <li class="route" id="46" alt="#007902">
                                    <a>Verde 2</a>
                                </li>
                                    
                                <li class="route" id="47" alt="#007902">
                                    <a>Verde 3 [Indeco]</a>
                                </li>
                                    
                                <li class="route" id="73" alt="#007902">
                                    <a>Verde 3 [Lomas del Valle]</a>
                                </li>
                                    
                                <li class="route" id="74" alt="#007902">
                                    <a>Verde 3 [Ocolusen]</a>
                                </li>
                                    
                                <li class="route" id="48" alt="#007902">
                                    <a>Verde 4</a>
                                </li>
                                    
                                <li class="route" id="44" alt="#007902">
                                    <a>Verde 4-B</a>
                                </li>
                                    
                                <li class="route" id="103" alt="#f00">
                                    <a>Villa Magna</a>
                                </li>
                                    
                                <li class="route" id="104" alt="#f00">
                                    <a>Villas de la Loma</a>
                                </li>
                                    
                                <li class="route" id="105" alt="#f00">
                                    <a>Villas del Pedregal 1</a>
                                </li>
                                    
                                <li class="route" id="106" alt="#f00">
                                    <a>Villas del Pedregal 2</a>
                                </li>
                                    
                                <li class="route" id="107" alt="#f00">
                                    <a>Villas del Pedregal 3</a>
                                </li>
                                    
                                <li class="route" id="91" alt="#f00">
                                    <a>Zurumbeneo - Charo</a>
                                </li>
                                    
                                </ul>                            
                            </div>
                        </div>
                    </li>
                    -->
                                        <li class="has-child"><a href="#nav-locations">Lugares</a>
                        <div class="wrapper">
                            <div id="nav-locations" class="nav-wrapper">
                                <ul>
                                    
                                    <li><a href="https://elrutero.com.mx/lugares/Morelia/1/0/Turismo">Turismo</a></li>
                                                                   
                                </ul>
                            </div>                           
                        </div>                        
                    </li>
                                        <!--                  
                    <li class="mega-menu-parent has-child"><a href="#nav-pages">Paginas</a>
                        <div class="wrapper">
                            <div class="mega-menu">
                                <div class="nav-wrapper" id="nav-pages">
                                    <div class="container">
                                        <div class="row">                                            
                                            <div class="col-md-4 col-sm-4">
                                                <h4 class="heading">Negocios</h4>
                                                <ul>
                                                    <li><a href="#">Agregar Anuncio</a></li>
                                                    <li><a href="#">Iniciar Sesión</a></li>
                                                    <li><a href="#">Registro</a></li>
                                                    <li><a href="#">Politicas de privacidad</a></li>                                                    
                                                </ul>
                                            </div>
                                            
                                            <div class="col-md-4 col-sm-4">
                                                <h4 class="heading">General</h4>
                                                <ul>
                                                    <li><a href="#">Preguntas frecuentes</a></li>
                                                    <li><a href="#">Planes</a></li> 
                                                    <li><a href="#">Nosotros</a></li>
                                                    <li><a href="#">Terminos y condiciones</a></li>
                                                    <li><a href="#">Mapa del sitio</a></li>
                                                </ul>
                                            </div>
                                            
                                            <div class="col-md-4 col-sm-4">
                                                <div class="image center overlay">
                                                    <div class="vertical-aligned-elements">
                                                        <div class="element">
                                                            <a href="#" class="btn btn-default btn-framed">Agregar Anuncio</a>
                                                        </div>
                                                    </div>
                                                    <div class="bg-transfer"><img src="https://elrutero.com.mx/public/img/items/10.jpg" alt=""></div>
                                                </div>
                                            </div>
                                            
                                        </div>
                                        
                                    </div>
                                    
                                </div>
                               
                            </div>
                            
                        </div>
                        
                    </li>
                    -->
                    <!--
                    <li><a href="#">Eventos</a></li>                    
                    <li><a href="#">Blog</a></li>
                   
                    <li><a href="https://elrutero.com.mx/contacto/Morelia">Contacto</a></li>
                     -->
                </ul>
                <!--end navigation-->
            </div>
            <!--end primary-nav-->
            <div class="secondary-nav">
                <!--
                <a href="#" data-modal-external-file="modal_sign_in.php" data-target="modal-sign-in">Sign In</a>
                <a href="#" class="promoted" data-modal-external-file="modal_register.php" data-target="modal-register">Register</a>
                -->
               
            </div>
            <!--end secondary-nav-->
            <!--
            <a href="#" class="btn btn-primary btn-small btn-rounded icon shadow add-listing" data-modal-external-file="modal_submit.php" data-target="modal-submit"><i class="fa fa-plus"></i><span>Agregar Negocio</span></a>
            -->
            
            <a href="#" class="btn-config btn btn-rounded shadow add-listing" data-toggle="modal" data-target="#configModal"><i class="fa fa-gear"><span class="letter-button">Config</span></i><span>&nbsp;&nbsp;&nbsp; Config</span></a>

            <a href="#" class="btn-routes btn btn-rounded shadow add-listing" data-toggle="modal" data-target="#routesModal"><i class="fa fa-bus"><span class="letter-button">Rutas</span></i><span>&nbsp;&nbsp;&nbsp; Rutas</span></a>
                        <div class="nav-btn nav-mobile">
                <i></i>
                <i></i>
                <i></i>                                              
            </div>
            <!--end nav-btn-->
        </div>
        <!--end right-->
    </nav>
    <!--end nav-->
</header>

<!-- routes Modal -->
<div id="routesModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg">    
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Rutas Morelia</h4>
      </div>
      <div class="modal-body">
        <p>
            <ul>
                
                <li class="route" id="49" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Alberca [Gertrudis]</a> - Camion
                </li>
                
                <li class="route" id="50" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Alberca [Metrópolis]</a> - Camion
                </li>
                
                <li class="route" id="51" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Alberca [Torreón Nuevo]</a> - Camion
                </li>
                
                <li class="route" id="1" alt="#E9B703">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Amarilla 1</a> - Combi
                </li>
                
                <li class="route" id="2" alt="#E9B703">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Amarilla 2</a> - Combi
                </li>
                
                <li class="route" id="85" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Atécuaro</a> - Camion
                </li>
                
                <li class="route" id="3" alt="#0040FF">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Azul A [Soriana - CBTA]</a> - Combi
                </li>
                
                <li class="route" id="52" alt="#0040FF">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Azul A [Soriana - Vergel]</a> - Camion
                </li>
                
                <li class="route" id="53" alt="#0040FF">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Azul B [Michelena]</a> - Combi
                </li>
                
                <li class="route" id="4" alt="#0040FF">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Azul B [Xangari]</a> - Combi
                </li>
                
                <li class="route" id="5" alt="#0040FF">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Azul C</a> - Combi
                </li>
                
                <li class="route" id="9" alt="#61380B">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Cafe 1</a> - Combi
                </li>
                
                <li class="route" id="54" alt="#61380B">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Café 1 [Lago]</a> - Combi
                </li>
                
                <li class="route" id="6" alt="#61380B">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Cafe 1-A</a> - Combi
                </li>
                
                <li class="route" id="10" alt="#61380B">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Café-Oro 2 [Leandro Valle]</a> - Combi
                </li>
                
                <li class="route" id="56" alt="#61380B">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Café-Oro 2 [Rafael Carrillo]</a> - Combi
                </li>
                
                <li class="route" id="7" alt="#61380B">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Café-Oro 2A</a> - Combi
                </li>
                
                <li class="route" id="8" alt="#61380B">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Café-Oro 2B [Madero]</a> - Combi
                </li>
                
                <li class="route" id="55" alt="#61380B">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Café-Oro 2B [Michoacán]</a> - Combi
                </li>
                
                <li class="route" id="80" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Centros Comerciales [Lucio Cabañas]</a> - Camion
                </li>
                
                <li class="route" id="99" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Circuito Carrillo</a> - Camion
                </li>
                
                <li class="route" id="13" alt="#F35341">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Coral 1</a> - Combi
                </li>
                
                <li class="route" id="12" alt="#F35341">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Coral 2</a> - Combi
                </li>
                
                <li class="route" id="11" alt="#F35341">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Coral 2-A</a> - Combi
                </li>
                
                <li class="route" id="16" alt="#FFad70">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Crema 1</a> - Combi
                </li>
                
                <li class="route" id="15" alt="#FFad70">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Crema 2</a> - Combi
                </li>
                
                <li class="route" id="14" alt="#FFad70">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Crema 2-A</a> - Combi
                </li>
                
                <li class="route" id="92" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Dorado [Hospitales]</a> - Camion
                </li>
                
                <li class="route" id="93" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Dorado [Lomas de Morelia]</a> - Camion
                </li>
                
                <li class="route" id="57" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Durazno - Sta. María [Trincheras]</a> - Camion
                </li>
                
                <li class="route" id="58" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>El Pedregal</a> - Camion
                </li>
                
                <li class="route" id="17" alt="#777777">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Gris 1 Circuito</a> - Combi
                </li>
                
                <li class="route" id="18" alt="#777777">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Gris 2</a> - Combi
                </li>
                
                <li class="route" id="19" alt="#777777">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Gris 3 [Furamo]</a> - Combi
                </li>
                
                <li class="route" id="81" alt="#777777">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Gris 3 [OXXO]</a> - Combi
                </li>
                
                <li class="route" id="20" alt="#777777">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Gris 4</a> - Combi
                </li>
                
                <li class="route" id="21" alt="#8A1A1A">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Guinda 1 [Mora]</a> - Combi
                </li>
                
                <li class="route" id="59" alt="#8A1A1A">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Guinda 1 [Praderas]</a> - Combi
                </li>
                
                <li class="route" id="22" alt="#8A1A1A">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Guinda 2 [Peña Blanca]</a> - Combi
                </li>
                
                <li class="route" id="60" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Industrial [Hospitales]</a> - Camion
                </li>
                
                <li class="route" id="61" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Industrial [Mariel]</a> - Camion
                </li>
                
                <li class="route" id="62" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Industrial [Misión Del Valle]</a> - Camion
                </li>
                
                <li class="route" id="98" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Issste/Soledad</a> - Camion
                </li>
                
                <li class="route" id="100" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Jardín de la Montaña</a> - Camion
                </li>
                
                <li class="route" id="75" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Jesús del Monte</a> - Camion
                </li>
                
                <li class="route" id="101" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>La Hacienda</a> - Camion
                </li>
                
                <li class="route" id="102" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Lomas de la Maestranza</a> - Camion
                </li>
                
                <li class="route" id="87" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Mil Cumbres - Irapeo</a> - Camion
                </li>
                
                <li class="route" id="88" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Mil Cumbres - Las Mesas</a> - Camion
                </li>
                
                <li class="route" id="86" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Mil Cumbres - Tres Marías</a> - Camion
                </li>
                
                <li class="route" id="89" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Mil Cumbres - Vaquerito</a> - Camion
                </li>
                
                <li class="route" id="23" alt="#5F04B4">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Morada 1 [Aldea]</a> - Combi
                </li>
                
                <li class="route" id="63" alt="#5F04B4">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Morada 1 [Buenos Aires]</a> - Combi
                </li>
                
                <li class="route" id="64" alt="#5F04B4">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Morada 1 [Misión del Valle]</a> - Combi
                </li>
                
                <li class="route" id="24" alt="#5F04B4">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Morada 2 [Lomas De Morelia]</a> - Combi
                </li>
                
                <li class="route" id="65" alt="#5F04B4">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Morada 2 [Satélite]</a> - Combi
                </li>
                
                <li class="route" id="66" alt="#5F04B4">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Morada 2A</a> - Combi
                </li>
                
                <li class="route" id="25" alt="#FF8000">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Naranja 1 [ISSSTE]</a> - Combi
                </li>
                
                <li class="route" id="76" alt="#FF8000">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Naranja 1 [La Soledad]</a> - Combi
                </li>
                
                <li class="route" id="26" alt="#FF8000">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Naranja 2 [3 de Agosto]</a> - Combi
                </li>
                
                <li class="route" id="94" alt="#FF8000">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Naranja 2 [Santa Fe]</a> - Combi
                </li>
                
                <li class="route" id="28" alt="#FF8000">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Naranja 3 [Centro - Puerta del Sol]</a> - Combi
                </li>
                
                <li class="route" id="27" alt="#FF8000">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Naranja 3 [Sta. María - Erandeni]</a> - Combi
                </li>
                
                <li class="route" id="77" alt="#FF8000">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Naranja 3 [Sta. María - ITA]</a> - Combi
                </li>
                
                <li class="route" id="95" alt="#FF8000">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Naranja 3 [Trico - Metrópolis]</a> - Combi
                </li>
                
                <li class="route" id="29" alt="#222222">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Negra 1</a> - Combi
                </li>
                
                <li class="route" id="30" alt="#222222">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Negra 2</a> - Combi
                </li>
                
                <li class="route" id="67" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Nueva Esperanza</a> - Camion
                </li>
                
                <li class="route" id="31" alt="#958B28">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Oro-Verde [Encinos]</a> - Combi
                </li>
                
                <li class="route" id="78" alt="#958B28">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Oro-Verde [Trincheras]</a> - Combi
                </li>
                
                <li class="route" id="82" alt="#0040FF">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Paloma Azul [Arquito]</a> - Camion
                </li>
                
                <li class="route" id="83" alt="#0040FF">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Paloma Azul [Campiña]</a> - Combi
                </li>
                
                <li class="route" id="84" alt="#0040FF">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Paloma Azul [Zimpanio]</a> - Combi
                </li>
                
                <li class="route" id="68" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Panteón</a> - Camion
                </li>
                
                <li class="route" id="96" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Prados Verdes A</a> - Camion
                </li>
                
                <li class="route" id="97" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Prados Verdes B</a> - Camion
                </li>
                
                <li class="route" id="37" alt="#DF0101">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Roja 1 [Com. Mex.]</a> - Combi
                </li>
                
                <li class="route" id="69" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Roja 1 [Punhuato]</a> - Combi
                </li>
                
                <li class="route" id="33" alt="#DF0101">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Roja 2 [Oken]</a> - Combi
                </li>
                
                <li class="route" id="38" alt="#DF0101">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Roja 2 [Villas del Sol]</a> - Combi
                </li>
                
                <li class="route" id="39" alt="#DF0101">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Roja 3</a> - Combi
                </li>
                
                <li class="route" id="34" alt="#DF0101">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Roja 3-A</a> - Combi
                </li>
                
                <li class="route" id="35" alt="#DF0101">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Roja 3-B</a> - Combi
                </li>
                
                <li class="route" id="71" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Roja 4 [Tinijaro]</a> - Combi
                </li>
                
                <li class="route" id="40" alt="#DF0101">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Roja 4 [Tzindurio]</a> - Combi
                </li>
                
                <li class="route" id="36" alt="#DF0101">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Roja 4-M</a> - Combi
                </li>
                
                <li class="route" id="70" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Roja 4A</a> - Combi
                </li>
                
                <li class="route" id="41" alt="#FA58F4">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Rosa 1 [Metrópolis - Estrella]</a> - Combi
                </li>
                
                <li class="route" id="72" alt="#FA58F4">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Rosa 1 [Puerta del Sol - Galaxia]</a> - Combi
                </li>
                
                <li class="route" id="42" alt="#FA58F4">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Rosa 2</a> - Combi
                </li>
                
                <li class="route" id="32" alt="#FA58F4">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Rosa 2-B</a> - Combi
                </li>
                
                <li class="route" id="43" alt="#FA58F4">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Rosa 3</a> - Combi
                </li>
                
                <li class="route" id="79" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Ruta 2</a> - Camion
                </li>
                
                <li class="route" id="108" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>San Juanito Itzicuaro</a> - Camion
                </li>
                
                <li class="route" id="90" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Unión Progreso / La Loma</a> - Camion
                </li>
                
                <li class="route" id="45" alt="#007902">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Verde 1</a> - Combi
                </li>
                
                <li class="route" id="46" alt="#007902">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Verde 2</a> - Combi
                </li>
                
                <li class="route" id="47" alt="#007902">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Verde 3 [Indeco]</a> - Combi
                </li>
                
                <li class="route" id="73" alt="#007902">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Verde 3 [Lomas del Valle]</a> - Combi
                </li>
                
                <li class="route" id="74" alt="#007902">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Verde 3 [Ocolusen]</a> - Combi
                </li>
                
                <li class="route" id="48" alt="#007902">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Verde 4</a> - Combi
                </li>
                
                <li class="route" id="44" alt="#007902">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Verde 4-B</a> - Combi
                </li>
                
                <li class="route" id="103" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Villa Magna</a> - Camion
                </li>
                
                <li class="route" id="104" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Villas de la Loma</a> - Camion
                </li>
                
                <li class="route" id="105" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Villas del Pedregal 1</a> - Camion
                </li>
                
                <li class="route" id="106" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Villas del Pedregal 2</a> - Camion
                </li>
                
                <li class="route" id="107" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Villas del Pedregal 3</a> - Camion
                </li>
                
                <li class="route" id="91" alt="#f00">
                    <i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;<a>Zurumbeneo - Charo</a> - Camion
                </li>
                
            </ul>  
        </p>
      </div>
    </div>

  </div>
</div>

<!-- routes Modal -->
<div id="configModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg">    
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Configuraciones</h4>
        <br>
      </div>
      <div class="modal-body">
        <div class="map-controls-modal">
            <div class="row no-padding no-margin">
                <div class="col-md-12 col-sm-12 col-xs-12 no-padding no-margin">
                    <div id="clean-map" style="background:#e45544 !important;">
                        <div class="clean" style="margin-top:3px !important;">Limpiar mapa</div>
                    </div>                            
                </div>
                <div class="container"><hr></div>
                <br><br>
                <h4 class="modal-title">Distancia a caminar en metros:</h4>
                <br>
                <div class="col-md-12 col-sm-12 col-xs-12 no-padding no-margin pull-right">
                    <input class="pull-right" type="number" id="distance-walk-modal" value="300" min="100" max="1000" step="100"/>
                </div>
            </div>
        </div>
      </div>
    </div>

  </div>
</div>

<!-- Modal confirm -->
<div id="confirmModal" class="modal fade" role="dialog" data-keyboard="false" data-backdrop="static">
  <div class="modal-dialog modal-lg">    
    <div class="modal-content">
            <div class="modal-header">
                <!--<button type="button" class="close" data-dismiss="modal">&times;</button>-->
                <h4 class="modal-title">ENCUESTA EL RUTERO</h4>
                <br>
          </div>
            <div class="modal-body">
                <p>               
                    Danos tu opinión, en caso de desarrollar la app El Rutero para Andoid y iOS...
                </p>    
            </div>
            
            <div class="modal-footer">
                <button type="button" class="btn resp" id="1" style="width:100%; text-align: center;">La descargaria de inmediato</button> <br><br>          
                <button type="button" class="btn resp" id="2" style="width:100%; text-align: center;">No hace falta</button><br><br>
                <button type="button" class="btn resp" id="3" style="width:100%; text-align: center;">Me es indiferente</button>
            </div>

        </div>
    </div>
</div>
<body class="homepage" id="body-rutero">
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v3.2';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="page-wrapper">
    <!--
<button id="goFS">Go fullscreen</button>
<script>
  
    
</script>
-->

<div class="bg-loading"><div style="width:100%; text-align:center; padding-top:110px;color:#fff;font-size:18px;font-weight:bold;"><p>Cargando...</p></div> </div> 

    <div id="page-content">
        <div class="hero-section full-screen has-map has-sidebar">
            <div class="map-wrapper">  

                <div class="map" id="map-homepage">
                    <p><h1>Cargando mapa...</h1><p>
                    <!--<a href="https://ixtapate.com.mx" target="_blank">  -->
                          
                        
                        
                    <!--</a>  -->  
                </div>
                <!--
                    <div id="banner" url="https://michoacan.travel/" style="position:absolute; bottom:0px; z-index:99999; width: 100%; height:85px;background: #666; opacity:1;cursor:pointer;margin: 0 auto;">
                        <div style="width:100%; height:100%; opacity:1; margin: 0 auto;text-align: center;">
                            <img src="https://elrutero.com.mx/public/img/playas.png" alt="Playas de Michoacán" style="height:100%; margin: 0 auto;"> 
                            <span style="font-size:16px; color:#fff; margin-top:10px;float:right;margin-right: 10px;">¿Noche de muertos?</span>
                        </div>    
                    </div>-->
                                <div id="alert-gps">GPS inactivo</div>
                <div id="alert-save">Sin guardar registros</div>
                <div id="alert-info">Info</div>
                <div id="alert-mobile" style="bottom:85px !important;">Ver más rutas... </div>
                <div class="map-controls">
                    <div class="row no-padding no-margin">
                        <!--
                        <div class="col-md-3 col-sm-3 col-xs-3 no-padding no-margin pull-left">
                            <div style="margin-top:8px !important;" class="fb-share-button" data-href="https://elrutero.com.mx/Morelia" data-layout="button" data-size="large" data-mobile-iframe="true"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Felrutero.com.mx%2FMorelia&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Compartir</a></div>
                        </div> 
                        -->      
                        <div class="col-md-6 col-sm-6 col-xs-6">
                            <div id="clean-map">
                                <div class="clean" style="margin-top:3px !important;">Limpiar mapa</div>
                            </div>                            
                        </div>
                        <div class="col-md-6 col-sm-6 col-xs-6 no-padding no-margin pull-right">
                            <input class="pull-right" type="number" id="distance-walk" value="300" min="100" max="1000" step="100"/>
                        </div>
                    </div>
                </div>
            </div>
            <!--end map-wrapper-->
            <div class="results-wrapper">
                
                <div class="results-container tse-scrollable">
                    <div class="results-cont tse-content">
                   <!-- <form>
                        
                        <div class="section-title">
                            <h2>¿cúal es tu destino?</h2>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" name="keyword" placeholder="Destino">
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" name="keyword" placeholder="Mi ubicación">
                        </div>
                        
                        <div class="form-group">
                            <button type="submit" data-ajax-response="map" data-ajax-data-file="assets/external/data_2.php" data-ajax-auto-zoom="1" class="btn btn-primary pull-right"><i class="fa fa-search"></i></button>
                        </div>                        
                    </form>-->
                    </div>
                </div>
                
                <div class="results">
                    <div class="tse-scrollable" style="overflow-y: scroll !important;">
                        <div class="tse-content">
                        
                            <div class="section-title">
                                <h2>Lugares Destacados</h2>
                            </div>  
                                                      
                            <!--end section-title-->
                            <div class="results-content">
                                                            <div class="result-item" data-id="1">
                                    <a href="https://elrutero.com.mx/lugar/Morelia/6/plaza-de-armas"><h3>Plaza de Armas</h3>
                                    <div class="result-item-detail">
                                        <div class="image" style="background-image: url(./public/img/places/6/armas1.jpg)">
                                            <figure>Turismo</figure>
                                        </div>
                                        <div class="description">
                                            <h5>Principal plaza de Morelia</h5>
                                            <!-- 
                                            <div class="rating-passive" data-rating="4">
                                            <span class="stars">
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="fa fa-star"></figure>
                                            </span>
                                            <span class="reviews">6</span>
                                            </div>-->
                                    <div class="label label-default">Turismo</div><p> <i class="fa fa-map-marker"></i>Francisco I. Madero S/N, esquina con Abasolo, Col. Morelia Centro, C.P. 58000, Morelia, Michoacán</p></div>
                                    </div>
                                    </a>
                                    <!--
                                    <div class="controls-more">
                                        <ul>
                                            <li><a href="#" class="add-to-favorites">Agregar a favoritos</a></li>
                                            <li><a href="#" class="add-to-watchlist">Compartir</a></li>
                                        </ul>
                                    </div>
                                    -->
                                </div>
                                                            <div class="result-item" data-id="1">
                                    <a href="https://elrutero.com.mx/lugar/Morelia/5/palacio-de-gobierno"><h3>Palacio de Gobierno</h3>
                                    <div class="result-item-detail">
                                        <div class="image" style="background-image: url(./public/img/places/5/palacio1.jpg)">
                                            <figure>Turismo</figure>
                                        </div>
                                        <div class="description">
                                            <h5>Sede del poder ejecutivo del estado de Michoacán.</h5>
                                            <!-- 
                                            <div class="rating-passive" data-rating="4">
                                            <span class="stars">
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="fa fa-star"></figure>
                                            </span>
                                            <span class="reviews">6</span>
                                            </div>-->
                                    <div class="label label-default">Turismo</div><p> <i class="fa fa-map-marker"></i>Morelos Sur, Centro Histórico, 58000 Morelia, Mich.</p></div>
                                    </div>
                                    </a>
                                    <!--
                                    <div class="controls-more">
                                        <ul>
                                            <li><a href="#" class="add-to-favorites">Agregar a favoritos</a></li>
                                            <li><a href="#" class="add-to-watchlist">Compartir</a></li>
                                        </ul>
                                    </div>
                                    -->
                                </div>
                                                            <div class="result-item" data-id="1">
                                    <a href="https://elrutero.com.mx/lugar/Morelia/1/catedral-de-morelia"><h3>Catedral de Morelia</h3>
                                    <div class="result-item-detail">
                                        <div class="image" style="background-image: url(./public/img/places/1/catedral1.jpg)">
                                            <figure>Turismo</figure>
                                        </div>
                                        <div class="description">
                                            <h5>Ubicada en el centro de Morelia</h5>
                                            <!-- 
                                            <div class="rating-passive" data-rating="4">
                                            <span class="stars">
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="fa fa-star"></figure>
                                            </span>
                                            <span class="reviews">6</span>
                                            </div>-->
                                    <div class="label label-default">Turismo</div><p> <i class="fa fa-map-marker"></i>Av Francisco I. Madero Pte S/N, Centro Histórico, 58000 Morelia, Mich.</p></div>
                                    </div>
                                    </a>
                                    <!--
                                    <div class="controls-more">
                                        <ul>
                                            <li><a href="#" class="add-to-favorites">Agregar a favoritos</a></li>
                                            <li><a href="#" class="add-to-watchlist">Compartir</a></li>
                                        </ul>
                                    </div>
                                    -->
                                </div>
                                                            <div class="result-item" data-id="1">
                                    <a href="https://elrutero.com.mx/lugar/Morelia/3/jardín-de-las-rosas"><h3>Jardín de las Rosas</h3>
                                    <div class="result-item-detail">
                                        <div class="image" style="background-image: url(./public/img/places/3/lasrosas1.jpg)">
                                            <figure>Turismo</figure>
                                        </div>
                                        <div class="description">
                                            <h5>Plaza pública famosa por sus jardines tranquilos, una fuente de piedra y cafés.</h5>
                                            <!-- 
                                            <div class="rating-passive" data-rating="4">
                                            <span class="stars">
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="fa fa-star"></figure>
                                            </span>
                                            <span class="reviews">6</span>
                                            </div>-->
                                    <div class="label label-default">Turismo</div><p> <i class="fa fa-map-marker"></i>Calle de Santiago Tapia 319, Centro Histórico, 58000 Morelia, Mich.</p></div>
                                    </div>
                                    </a>
                                    <!--
                                    <div class="controls-more">
                                        <ul>
                                            <li><a href="#" class="add-to-favorites">Agregar a favoritos</a></li>
                                            <li><a href="#" class="add-to-watchlist">Compartir</a></li>
                                        </ul>
                                    </div>
                                    -->
                                </div>
                                                            <div class="result-item" data-id="1">
                                    <a href="https://elrutero.com.mx/lugar/Morelia/7/plaza-melchor-ocampo"><h3>Plaza Melchor Ocampo</h3>
                                    <div class="result-item-detail">
                                        <div class="image" style="background-image: url(./public/img/places/7/melchor1.jpg)">
                                            <figure>Turismo</figure>
                                        </div>
                                        <div class="description">
                                            <h5>Plaza emblemática en el centro</h5>
                                            <!-- 
                                            <div class="rating-passive" data-rating="4">
                                            <span class="stars">
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="fa fa-star"></figure>
                                            </span>
                                            <span class="reviews">6</span>
                                            </div>-->
                                    <div class="label label-default">Turismo</div><p> <i class="fa fa-map-marker"></i>58000, Av. Morelos Sur 31, Centro Histórico, Morelia, Mich.</p></div>
                                    </div>
                                    </a>
                                    <!--
                                    <div class="controls-more">
                                        <ul>
                                            <li><a href="#" class="add-to-favorites">Agregar a favoritos</a></li>
                                            <li><a href="#" class="add-to-watchlist">Compartir</a></li>
                                        </ul>
                                    </div>
                                    -->
                                </div>
                                                            <div class="result-item" data-id="1">
                                    <a href="https://elrutero.com.mx/lugar/Morelia/4/las-tarascas"><h3>Las Tarascas</h3>
                                    <div class="result-item-detail">
                                        <div class="image" style="background-image: url(./public/img/places/4/lastarascas1.jpg)">
                                            <figure>Turismo</figure>
                                        </div>
                                        <div class="description">
                                            <h5>La fuente mas famosa de la ciudad.</h5>
                                            <!-- 
                                            <div class="rating-passive" data-rating="4">
                                            <span class="stars">
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="fa fa-star"></figure>
                                            </span>
                                            <span class="reviews">6</span>
                                            </div>-->
                                    <div class="label label-default">Turismo</div><p> <i class="fa fa-map-marker"></i>Av Acueducto 890, Centro Histórico, 58000 Morelia, Mich.</p></div>
                                    </div>
                                    </a>
                                    <!--
                                    <div class="controls-more">
                                        <ul>
                                            <li><a href="#" class="add-to-favorites">Agregar a favoritos</a></li>
                                            <li><a href="#" class="add-to-watchlist">Compartir</a></li>
                                        </ul>
                                    </div>
                                    -->
                                </div>
                                                            <div class="result-item" data-id="1">
                                    <a href="https://elrutero.com.mx/lugar/Morelia/2/acueducto"><h3>Acueducto</h3>
                                    <div class="result-item-detail">
                                        <div class="image" style="background-image: url(./public/img/places/2/acueducto1.jpg)">
                                            <figure>Turismo</figure>
                                        </div>
                                        <div class="description">
                                            <h5>De cantera rosa, este acueducto símbolo de Morelia.</h5>
                                            <!-- 
                                            <div class="rating-passive" data-rating="4">
                                            <span class="stars">
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="active fa fa-star"></figure>
                                                <figure class="fa fa-star"></figure>
                                            </span>
                                            <span class="reviews">6</span>
                                            </div>-->
                                    <div class="label label-default">Turismo</div><p> <i class="fa fa-map-marker"></i>Avenida Acueducto 1464, Chapultepec Norte, 58260 Morelia, Mich.</p></div>
                                    </div>
                                    </a>
                                    <!--
                                    <div class="controls-more">
                                        <ul>
                                            <li><a href="#" class="add-to-favorites">Agregar a favoritos</a></li>
                                            <li><a href="#" class="add-to-watchlist">Compartir</a></li>
                                        </ul>
                                    </div>
                                    -->
                                </div>
                                  
                            </div>
                            <!--end results-content-->
                        </div>
                        <!--end tse-content-->
                    </div>
                    <!--end tse-scrollable-->
                </div>
                <!--end results-->
            </div>
            <!--end results-wrapper-->
        </div>
        <!--end hero-section-->
        <!--
        <div class="block">
            <div class="container">
                <div class="center">
                    <div class="section-title">
                        <div class="center">
                            <h2>Lugares nuevos</h2>
                            <h3 class="subtitle">Conoce lugares agregados recientemente</h3>
                        </div>
                    </div>                   
                </div>                
                <div class="row">
                                    <div class="col-md-4 col-sm-4">
                        <div class="item" data-id="6">
                            <a href="#">
                                <div class="description">
                                    <figure>Principal plaza de Morelia</figure>
                                    <div class="label label-default">Turismo</div>
                                    <h3>Plaza de Armas</h3>
                                    <h4>Francisco I. Madero S/N, esquina con Abasolo, Col. Morelia Centro, C.P. 58000, Morelia, Michoacán</h4>
                                </div>
                               
                                <div class="image bg-transfer">
                                    <img src="public/img/places/6/armas2.jpg" alt="">
                                </div>
                                
                            </a>
                            <div class="additional-info">
                                <div class="rating-passive" data-rating="4">
                                    <span class="stars"></span>
                                    <span class="reviews">6</span>
                                </div>
                                <div class="controls-more">
                                    <ul>
                                        <li><a href="#">Agregar a favoritos</a></li>
                                        <li><a href="#">Compartir</a></li>
                                        <li><a href="#" class="quick-detail">Detalle rápido</a></li>
                                    </ul>
                                </div>                                
                            </div>                            
                        </div>                        
                    </div>                                   
                                        <div class="col-md-4 col-sm-4">
                        <div class="item" data-id="5">
                            <a href="#">
                                <div class="description">
                                    <figure>Sede del poder ejecutivo del estado de Michoacán.</figure>
                                    <div class="label label-default">Turismo</div>
                                    <h3>Palacio de Gobierno</h3>
                                    <h4>Morelos Sur, Centro Histórico, 58000 Morelia, Mich.</h4>
                                </div>
                               
                                <div class="image bg-transfer">
                                    <img src="public/img/places/5/palacio2.jpg" alt="">
                                </div>
                                
                            </a>
                            <div class="additional-info">
                                <div class="rating-passive" data-rating="4">
                                    <span class="stars"></span>
                                    <span class="reviews">6</span>
                                </div>
                                <div class="controls-more">
                                    <ul>
                                        <li><a href="#">Agregar a favoritos</a></li>
                                        <li><a href="#">Compartir</a></li>
                                        <li><a href="#" class="quick-detail">Detalle rápido</a></li>
                                    </ul>
                                </div>                                
                            </div>                            
                        </div>                        
                    </div>                                   
                                        <div class="col-md-4 col-sm-4">
                        <div class="item" data-id="1">
                            <a href="#">
                                <div class="description">
                                    <figure>Ubicada en el centro de Morelia</figure>
                                    <div class="label label-default">Turismo</div>
                                    <h3>Catedral de Morelia</h3>
                                    <h4>Av Francisco I. Madero Pte S/N, Centro Histórico, 58000 Morelia, Mich.</h4>
                                </div>
                               
                                <div class="image bg-transfer">
                                    <img src="public/img/places/1/catedral2.jpg" alt="">
                                </div>
                                
                            </a>
                            <div class="additional-info">
                                <div class="rating-passive" data-rating="4">
                                    <span class="stars"></span>
                                    <span class="reviews">6</span>
                                </div>
                                <div class="controls-more">
                                    <ul>
                                        <li><a href="#">Agregar a favoritos</a></li>
                                        <li><a href="#">Compartir</a></li>
                                        <li><a href="#" class="quick-detail">Detalle rápido</a></li>
                                    </ul>
                                </div>                                
                            </div>                            
                        </div>                        
                    </div>                                   
                                        <div class="col-md-4 col-sm-4">
                        <div class="item" data-id="3">
                            <a href="#">
                                <div class="description">
                                    <figure>Plaza pública famosa por sus jardines tranquilos, una fuente de piedra y cafés.</figure>
                                    <div class="label label-default">Turismo</div>
                                    <h3>Jardín de las Rosas</h3>
                                    <h4>Calle de Santiago Tapia 319, Centro Histórico, 58000 Morelia, Mich.</h4>
                                </div>
                               
                                <div class="image bg-transfer">
                                    <img src="public/img/places/3/lasrosas2.jpg" alt="">
                                </div>
                                
                            </a>
                            <div class="additional-info">
                                <div class="rating-passive" data-rating="4">
                                    <span class="stars"></span>
                                    <span class="reviews">6</span>
                                </div>
                                <div class="controls-more">
                                    <ul>
                                        <li><a href="#">Agregar a favoritos</a></li>
                                        <li><a href="#">Compartir</a></li>
                                        <li><a href="#" class="quick-detail">Detalle rápido</a></li>
                                    </ul>
                                </div>                                
                            </div>                            
                        </div>                        
                    </div>                                   
                                        <div class="col-md-4 col-sm-4">
                        <div class="item" data-id="7">
                            <a href="#">
                                <div class="description">
                                    <figure>Plaza emblemática en el centro</figure>
                                    <div class="label label-default">Turismo</div>
                                    <h3>Plaza Melchor Ocampo</h3>
                                    <h4>58000, Av. Morelos Sur 31, Centro Histórico, Morelia, Mich.</h4>
                                </div>
                               
                                <div class="image bg-transfer">
                                    <img src="public/img/places/7/melchor2.jpg" alt="">
                                </div>
                                
                            </a>
                            <div class="additional-info">
                                <div class="rating-passive" data-rating="4">
                                    <span class="stars"></span>
                                    <span class="reviews">6</span>
                                </div>
                                <div class="controls-more">
                                    <ul>
                                        <li><a href="#">Agregar a favoritos</a></li>
                                        <li><a href="#">Compartir</a></li>
                                        <li><a href="#" class="quick-detail">Detalle rápido</a></li>
                                    </ul>
                                </div>                                
                            </div>                            
                        </div>                        
                    </div>                                   
                                        <div class="col-md-4 col-sm-4">
                        <div class="item" data-id="4">
                            <a href="#">
                                <div class="description">
                                    <figure>La fuente mas famosa de la ciudad.</figure>
                                    <div class="label label-default">Turismo</div>
                                    <h3>Las Tarascas</h3>
                                    <h4>Av Acueducto 890, Centro Histórico, 58000 Morelia, Mich.</h4>
                                </div>
                               
                                <div class="image bg-transfer">
                                    <img src="public/img/places/4/lastarascas2.jpg" alt="">
                                </div>
                                
                            </a>
                            <div class="additional-info">
                                <div class="rating-passive" data-rating="4">
                                    <span class="stars"></span>
                                    <span class="reviews">6</span>
                                </div>
                                <div class="controls-more">
                                    <ul>
                                        <li><a href="#">Agregar a favoritos</a></li>
                                        <li><a href="#">Compartir</a></li>
                                        <li><a href="#" class="quick-detail">Detalle rápido</a></li>
                                    </ul>
                                </div>                                
                            </div>                            
                        </div>                        
                    </div>                                   
                                        <div class="col-md-4 col-sm-4">
                        <div class="item" data-id="2">
                            <a href="#">
                                <div class="description">
                                    <figure>De cantera rosa, este acueducto símbolo de Morelia.</figure>
                                    <div class="label label-default">Turismo</div>
                                    <h3>Acueducto</h3>
                                    <h4>Avenida Acueducto 1464, Chapultepec Norte, 58260 Morelia, Mich.</h4>
                                </div>
                               
                                <div class="image bg-transfer">
                                    <img src="public/img/places/2/acueducto2.jpg" alt="">
                                </div>
                                
                            </a>
                            <div class="additional-info">
                                <div class="rating-passive" data-rating="4">
                                    <span class="stars"></span>
                                    <span class="reviews">6</span>
                                </div>
                                <div class="controls-more">
                                    <ul>
                                        <li><a href="#">Agregar a favoritos</a></li>
                                        <li><a href="#">Compartir</a></li>
                                        <li><a href="#" class="quick-detail">Detalle rápido</a></li>
                                    </ul>
                                </div>                                
                            </div>                            
                        </div>                        
                    </div>                                   
                        
                </div>                
                <div class="center">
                    <a href="#" class="btn btn-primary btn-light-frame btn-rounded btn-framed arrow"> Ver más lugares </a>
                </div>            
            </div>            
        </div>
        -->

        <!--
        <div class="container"><hr></div>
        <div class="block">
            <div class="container">
                <div class="section-title">
                    <div class="center">
                        <h2>Busca por categoría</h2>
                    </div>
                </div>
               
                <div class="categories-list">
                    <div class="row">
                                            <div class="col-md-3 col-sm-3">
                            <div class="list-item">
                                <div class="title">
                                    <div class="icon"><i class="fa fa-paint-brush"></i></div>
                                    <h3><a href="#">Turismo</a></h3>
                                </div>                                                              
                            </div>                            
                        </div>                        
                         
                    </div>                    
                </div>                
            </div>            
        </div>
        -->

        <!--
        <div class="block big-padding">
            <div class="container">
                <div class="vertical-aligned-elements">
                    <div class="element width-50">
                        <h3>Suscribete y mantente informado de promociones y nuevos lugares</h3>
                    </div>                    
                    <div class="element width-50">
                        <form class="form form-email inputs-underline" id="form-subscribe">
                            <div class="input-group">
                                <input type="text" class="form-control" name="email" placeholder="Tu email" required="">
                                <span class="input-group-btn">
                                    <button class="btn" type="submit"><i class="arrow_right"></i></button>
                                </span>
                            </div>
                        </form>                        
                    </div>                    
                </div>                
            </div>            
            <div class="background-wrapper">
                <div class="background-color background-color-black opacity-5"></div>
            </div>            
        </div>
        -->

        <!--
        <div class="block background-is-dark">
            <div class="container">
                <div class="section-title vertical-aligned-elements">
                    <div class="element">
                        <h2>Mejores Lugares</h2>
                    </div>
                    <div class="element text-align-right">
                        <a href="#" class="btn btn-framed btn-rounded btn-default invisible-on-mobile">Promociona tu negocio</a>
                        <div id="gallery-nav"></div>
                    </div>
                </div>               
            </div>
            <div class="gallery featured">
                <div class="owl-carousel" data-owl-items="8" data-owl-loop="1" data-owl-auto-width="1" data-owl-nav="1" data-owl-dots="1" data-owl-nav-container="#gallery-nav">
                                        <div class="item featured" data-id="1">
                        <a href="#">
                            <div class="description">
                                <figure>Principal plaza de Morelia</figure>
                                <div class="label label-default">Turismo</div>
                                <h3>Plaza de Armas</h3>
                                <h4>Francisco I. Madero S/N, esquina con Abasolo, Col. Morelia Centro, C.P. 58000, Morelia, Michoacán</h4>
                            </div>                           
                            <div class="image bg-transfer">
                                <img src="public/img/places/6/armas2.jpg" alt="">
                            </div>                            
                        </a>
                        <div class="additional-info">
                            <div class="rating-passive" data-rating="4">
                                <span class="stars"></span>
                                <span class="reviews">6</span>
                            </div>
                            <div class="controls-more">
                                <ul>
                                    <li><a href="#">Agregar a favoritos</a></li>
                                    <li><a href="#">Compartir</a></li>
                                    <li><a href="#" class="quick-detail">Detalle rápido</a></li>
                                </ul>
                            </div>                            
                        </div>                        
                    </div>                    
                                        <div class="item featured" data-id="1">
                        <a href="#">
                            <div class="description">
                                <figure>Sede del poder ejecutivo del estado de Michoacán.</figure>
                                <div class="label label-default">Turismo</div>
                                <h3>Palacio de Gobierno</h3>
                                <h4>Morelos Sur, Centro Histórico, 58000 Morelia, Mich.</h4>
                            </div>                           
                            <div class="image bg-transfer">
                                <img src="public/img/places/5/palacio2.jpg" alt="">
                            </div>                            
                        </a>
                        <div class="additional-info">
                            <div class="rating-passive" data-rating="4">
                                <span class="stars"></span>
                                <span class="reviews">6</span>
                            </div>
                            <div class="controls-more">
                                <ul>
                                    <li><a href="#">Agregar a favoritos</a></li>
                                    <li><a href="#">Compartir</a></li>
                                    <li><a href="#" class="quick-detail">Detalle rápido</a></li>
                                </ul>
                            </div>                            
                        </div>                        
                    </div>                    
                                        <div class="item featured" data-id="1">
                        <a href="#">
                            <div class="description">
                                <figure>Ubicada en el centro de Morelia</figure>
                                <div class="label label-default">Turismo</div>
                                <h3>Catedral de Morelia</h3>
                                <h4>Av Francisco I. Madero Pte S/N, Centro Histórico, 58000 Morelia, Mich.</h4>
                            </div>                           
                            <div class="image bg-transfer">
                                <img src="public/img/places/1/catedral2.jpg" alt="">
                            </div>                            
                        </a>
                        <div class="additional-info">
                            <div class="rating-passive" data-rating="4">
                                <span class="stars"></span>
                                <span class="reviews">6</span>
                            </div>
                            <div class="controls-more">
                                <ul>
                                    <li><a href="#">Agregar a favoritos</a></li>
                                    <li><a href="#">Compartir</a></li>
                                    <li><a href="#" class="quick-detail">Detalle rápido</a></li>
                                </ul>
                            </div>                            
                        </div>                        
                    </div>                    
                                        <div class="item featured" data-id="1">
                        <a href="#">
                            <div class="description">
                                <figure>Plaza pública famosa por sus jardines tranquilos, una fuente de piedra y cafés.</figure>
                                <div class="label label-default">Turismo</div>
                                <h3>Jardín de las Rosas</h3>
                                <h4>Calle de Santiago Tapia 319, Centro Histórico, 58000 Morelia, Mich.</h4>
                            </div>                           
                            <div class="image bg-transfer">
                                <img src="public/img/places/3/lasrosas2.jpg" alt="">
                            </div>                            
                        </a>
                        <div class="additional-info">
                            <div class="rating-passive" data-rating="4">
                                <span class="stars"></span>
                                <span class="reviews">6</span>
                            </div>
                            <div class="controls-more">
                                <ul>
                                    <li><a href="#">Agregar a favoritos</a></li>
                                    <li><a href="#">Compartir</a></li>
                                    <li><a href="#" class="quick-detail">Detalle rápido</a></li>
                                </ul>
                            </div>                            
                        </div>                        
                    </div>                    
                                        <div class="item featured" data-id="1">
                        <a href="#">
                            <div class="description">
                                <figure>Plaza emblemática en el centro</figure>
                                <div class="label label-default">Turismo</div>
                                <h3>Plaza Melchor Ocampo</h3>
                                <h4>58000, Av. Morelos Sur 31, Centro Histórico, Morelia, Mich.</h4>
                            </div>                           
                            <div class="image bg-transfer">
                                <img src="public/img/places/7/melchor2.jpg" alt="">
                            </div>                            
                        </a>
                        <div class="additional-info">
                            <div class="rating-passive" data-rating="4">
                                <span class="stars"></span>
                                <span class="reviews">6</span>
                            </div>
                            <div class="controls-more">
                                <ul>
                                    <li><a href="#">Agregar a favoritos</a></li>
                                    <li><a href="#">Compartir</a></li>
                                    <li><a href="#" class="quick-detail">Detalle rápido</a></li>
                                </ul>
                            </div>                            
                        </div>                        
                    </div>                    
                                        <div class="item featured" data-id="1">
                        <a href="#">
                            <div class="description">
                                <figure>La fuente mas famosa de la ciudad.</figure>
                                <div class="label label-default">Turismo</div>
                                <h3>Las Tarascas</h3>
                                <h4>Av Acueducto 890, Centro Histórico, 58000 Morelia, Mich.</h4>
                            </div>                           
                            <div class="image bg-transfer">
                                <img src="public/img/places/4/lastarascas2.jpg" alt="">
                            </div>                            
                        </a>
                        <div class="additional-info">
                            <div class="rating-passive" data-rating="4">
                                <span class="stars"></span>
                                <span class="reviews">6</span>
                            </div>
                            <div class="controls-more">
                                <ul>
                                    <li><a href="#">Agregar a favoritos</a></li>
                                    <li><a href="#">Compartir</a></li>
                                    <li><a href="#" class="quick-detail">Detalle rápido</a></li>
                                </ul>
                            </div>                            
                        </div>                        
                    </div>                    
                                        <div class="item featured" data-id="1">
                        <a href="#">
                            <div class="description">
                                <figure>De cantera rosa, este acueducto símbolo de Morelia.</figure>
                                <div class="label label-default">Turismo</div>
                                <h3>Acueducto</h3>
                                <h4>Avenida Acueducto 1464, Chapultepec Norte, 58260 Morelia, Mich.</h4>
                            </div>                           
                            <div class="image bg-transfer">
                                <img src="public/img/places/2/acueducto2.jpg" alt="">
                            </div>                            
                        </a>
                        <div class="additional-info">
                            <div class="rating-passive" data-rating="4">
                                <span class="stars"></span>
                                <span class="reviews">6</span>
                            </div>
                            <div class="controls-more">
                                <ul>
                                    <li><a href="#">Agregar a favoritos</a></li>
                                    <li><a href="#">Compartir</a></li>
                                    <li><a href="#" class="quick-detail">Detalle rápido</a></li>
                                </ul>
                            </div>                            
                        </div>                        
                    </div>                    
                                        
                </div>
            </div>
            
            <div class="background-wrapper">
                <div class="background-color background-color-default"></div>
            </div>
            
        </div>
        -->
        <!--
        <div class="block">
            <div class="container">
                <div class="section-title">
                    <h2>Eventos cerca de tí</h2>
                </div>                
                <div class="row">
                                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element event">
                            <div class="date-icon">
                                <figure class="day">22</figure>
                                <figure class="month">DIC</figure>
                            </div>
                            <h4><a href="#">Encendido de la Catedral</a></h4>
                            <figure class="date"><i class="icon_clock_alt"></i>21:00:00</figure>
                            <p>Encendido nocturno de la Catedral</p>
                            <a href="#" class="link arrow">Más</a>
                        </div>                        
                    </div>                    
                   
                </div>                
                <div class="background-wrapper">
                    <div class="background-color background-color-black opacity-5"></div>
                </div>                
            </div>            
        </div>
        -->
        <!--
        <div class="block">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 col-sm-12">
                        <div class="section-title">
                            <h2>Sitios Turisticos</h2>
                        </div>                        
                        <div class="row">
                               
                        </div>                        
                    </div>                    
                </div>                
            </div>           
        </div>

        -->

        <!--
        <div class="block">
            <div class="container">
                <div class="section-title">
                    <h2>Blog</h2>
                </div>                
                <div class="row">
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Auto sufre volcadura en la avenida San Juanito Itzícuaro, al poniente de Morelia</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>El percance tuvo lugar entre las calles Antonio Galeana y Capitán José de la Luz, a la altura de la colonia Arboledas Valladolid</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Inicia la cuaresma este miércoles</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>En la Catedral de Morelia se tiene programada la imposición de ceniza al culminar las misas de los siguientes horarios: 6, 7 y 9 de la mañana. A partir del mediodía se impondrá ceniza en todo momento.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Se realizará simulacro de incendio esta tarde en Morelia</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>Sin cortes a la vialidad, este martes a las 17:30 horas se llevará cabo un simulacro de incendio en el antiguo espacio de Multicentro, ubicado sobre avenida Camelinas, frente a Las Américas.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Taco Fest en marzo en Morelia</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>El evento está programado para el sábado 14 y domingo 15 de marzo en el Jardín del Orquidario del Centro de Convenciones y Exposiciones de Morelia.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Habrá 130 mdp para infraestructura sanitaria y otras obras hídricas en Morelia</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>Durante este año se invertirán 130 millones de pesos en la sustitución de 17 redes sanitarias en distintas colonias de Morelia, así como en otras obras hídricas que se espera estén listas entre abril y marzo, informó Adolfo Torres Ramírez.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Clausuran fraccionamiento en Tenencia Morelos por falta de permisos</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>La Procuraduría de Protección al Ambiente (Proam) clausuró la construcción de un fraccionamiento ubicado en Tenencia Morelos, en Morelia, al no presentar las autorizaciones ambientales correspondientes necesarias para su desarrollo.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Aranceles elevan hasta 15% los precios en tiendas chinas en Morelia</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>El aumento de los aranceles impuestos a finales del año 2025 a productos asiáticos importados se ha reflejado en el incremento de precios en las tiendas chinas establecidas en Morelia, donde negocios reportan incrementos de hasta el 15%.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Morelia alcanzará hasta 30°C este martes, día soleado</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>Morelia tendrá un día mayormente soleado, con temperaturas que alcanzarán hasta los 30 grados.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Quejas por precios imprecisos predominan reportes ante Profeco Morelia</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>La publicidad engañosa se encuentra entre los reportes que con mayor frecuencia se canalizan a la Procuraduría Federal del Consumidor (Profeco) en Morelia, principalmente por información imprecisa sobre precios.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Arte, luces y ciencia: así será el video mapping gratuito en Morelia</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>El miércoles 18 de febrero, el Centro Cultural UNAM Morelia será sede de un video mapping especial titulado “La Mujer y la Niña en la Ciencia”</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">UMSNH realizará Jornadas Nicolaitas por la Seguridad y Justicia</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>La Universidad Michoacana de San Nicolás de Hidalgo (UMSNH) convocó a la comunidad universitaria y al público en general a participar en las Jornadas Nicolaitas por la Seguridad y Procuración de Justicia.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Suspenden palenque clandestino con 300 personas en Tiripetio, Morelia</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>La SSP de Michoacán desactivó un palenque clandestino en Tiripetio, donde se encontraban aproximadamente 300 personas participando en peleas de gallos, actividad que está prohibida en la entidad.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Protección Civil Morelia ofrece cursos de primeros auxilios y extintores</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>La Coordinación de Protección Civil y Bomberos de Morelia ofrece cursos de capacitación (con costos de recuperación) en primeros auxilios y manejo de extintores, los cuales se imparten los viernes para la población interesada.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Reportan cuatro riñas durante jornada de Toritos de Petate en Morelia</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>Durante la jornada de los Toritos de Petate se registraron cuatro riñas en distintas colonias de Morelia y en una tenencia, informó Pablo Alarcón Olmedo, titular de la Secretaría de Seguridad y Protección Ciudadana de Morelia.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Obras de Rocío Caballero llegarán a Clavijero de Morelia; este jueves, la inauguración</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>La Secretaría de Cultura de Michoacán anunció la inauguración de la exposición &quot;El consumado arte de soñar&quot;, de Rocío Caballero, el jueves 19 de febrero a las 18:00 horas en el Centro Cultural Clavijero, en Morelia.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">SSPC advierte sobre la sextorsión en apps de citas: te enamoran y te piden fotos para después amenazarte</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>La sextorsión es uno de los delitos más recurrentes. Consiste en la obtención de imágenes o videos íntimos tras establecer una relación de confianza a través de una aplicación, para posteriormente chantajear a la víctima y exigir dinero.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Casa del Adulto Mayor en Morelia tendrá alberca y otras áreas recreativas</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>Paola Delgadillo explicó que se buscará que los y las adultas mayores vayan y convivan en esa etapa de sus vidas “que debe ser una etapa de realización” y puedan disfrutar de todo lo que estuvieron sembrando en toda su vida.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">En la UMSNH somos aliadas y aliados de la presidenta de México, Claudia Sheinbaum: Yarabí Ávila</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>Ávila enfatizó que la UMSNH seguirá trabajando para abonar al Plan Michoacán por la Paz y la Justicia, al referir que las puertas están abiertas para continuar colaborando.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Bedolla inaugura segunda ampliación de la av. Amalia Solórzano en Morelia</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>El gobernador Alfredo Ramírez Bedolla y el presidente Municipal de Morelia, Alfonso Martínez Alcázar, inauguraron la segunda ampliación de la avenida Amalia Solórzano, obra que construyó el Faeispum para complementar la reciente ampliación.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Morelia y Sacramento se hermanan para impulsar educación, cultura y desarrollo económico</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>El presidente municipal de Morelia, Alfonso Martínez Alcázar y el alcalde de Sacramento, Kevin McCarty, destacaron que este convenio es resultado de un proceso de trabajo que inició desde junio de 2025.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Gladyz Butanda supervisa pruebas de rutas de transporte a Altozano</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>La secretaria de Desarrollo Urbano y Movilidad, Gladyz Butanda Macías, supervisa el periodo de pruebas de unidades de transporte público con las que se pretende facilitar los traslados al sur de Morelia hasta la plaza Altozano.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Segundo puente del Mercado de Abastos estará listo este mes: Bedolla</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>Antes de que concluya febrero, el Paso Eréndira, ubicado en las inmediaciones del Mercado de Abastos, abrirá a la circulación vehicular el puente norte, así lo señaló el gobernador Alfredo Ramírez Bedolla durante una supervisión realizada.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Avenida Amalia Solórzano tendrá 8.2 km de ciclovía: Gladyz Butanda</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>La ciclovía de la ampliación de la Amalia Solórzano tiene una longitud de 8.2 kilómetros, donde cientos de ciclistas de la capital podrán circular de manera segura y cómoda, informó la secretaria de Desarrollo Urbano y Movilidad, Gladyz Butanda M.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Nueva potabilizadora en el poniente, el mayor logro de agua para Morelia: Bedolla</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>Alfredo Ramírez Bedolla y Efraín Morales López, iniciaron trabajos para integrar el proyecto de construcción de una nueva planta potabilizadora de agua en Cointzio, obra que tendrá una inversión de 800 MDP.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Centro De Vacunación Contra El Sarampión En El Colegio De Morelia: SSM</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>Para blindar la salud de la población capitalina contra el sarampión, la Secretaría de Salud de Michoacán habilitará un centro de vacunación en el Colegio de Morelia, en Av Guadalupe Victoria 2225, col. Lomas de Santiaguito,</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Abren convocatoria 2026 para programa de visas para que adultos mayores visiten a sus familiares en EUA</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>La recepción de solicitudes estará abierta hasta el 30 de noviembre de 2026 y está dirigida a personas de 60 años o más, originarias o residentes de Michoacán, que cuenten con pasaporte mexicano vigente y condiciones de salud adecuadas para viajar.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Buscan acercar a jóvenes a la tradición de leyendas en Morelia</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>Con el fin de despertar el interés de jóvenes en las leyendas locales, se busca llevar este tipo de relatos a espacios educativos, tanto en comunidades como en centros de formación superior.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Michoacán hace historia con reforma que prohíbe contratación de deuda pública: Bedolla</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>En Michoacán estamos haciendo historia, resaltó el gobernador al señalar que, con la reforma constitucional aprobada por el Congreso local, el estado ya no contratará más deuda a largo plazo, garantizando así estabilidad y transparencia financiera.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Anuncian cierre en Distribuidor Vial Salida a Pátzcuaro por obras</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>La Secretaría de Comunicaciones y Obras Públicas (SCOP) de Michoacán informó sobre cierres viales temporales en la zona del Distribuidor Vial Salida a Pátzcuaro, debido a trabajos en proceso como parte de la obra estatal.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Ludotecas del DIF impulsan convivencia infantil en Morelia</a></h4>
                            <figure class="date">17/02/2026</figure>
                            <p>El Gobierno de Morelia informó que las ludotecas del DIF municipal continúan ofreciendo espacios seguros de juego libre que fortalecen la creatividad, la autonomía y la sana convivencia de niñas y niños en la capital michoacana.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Carrera Adidas en Morelia se esperan más de 5 mil corredores</a></h4>
                            <figure class="date">18/02/2026</figure>
                            <p>El domingo 19 de abril se realizará la Carrera Adidas Morelia, que contará con tres modalidades: 5, 10 y 21 kilómetros. La competencia está abierta a jóvenes, adultos y personas con discapacidad.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Hasta 31°C, el pronóstico este miércoles en Morelia</a></h4>
                            <figure class="date">18/02/2026</figure>
                            <p>Este miércoles se espera un clima soleado en Morelia con temperaturas que alcanzarán los 31°C, según el pronóstico de Meteored.mx. La sensación térmica será de 29°C al mediodía.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Veterinarios saldrán a las calles de Morelia para exigir dignificación</a></h4>
                            <figure class="date">18/02/2026</figure>
                            <p>Profesionales de la salud animal anunciaron una movilización en la capital michoacana con motivo del Día de la Dignificación del Médico Veterinario. El punto de reunión será el Jardín de Villalongín.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Tecnología, proximidad y humanismo: El modelo con el que Policía Morelia busca implementar</a></h4>
                            <figure class="date">18/02/2026</figure>
                            <p>El secretario de Seguridad y Protección Ciudadana de Morelia señaló que el municipio cuenta con más de mil 800 cámaras de videovigilancia policial y 3 mil 500 cámaras ciudadanas.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Quemas a cielo abierto persisten en Morelia; suman nueve denuncias</a></h4>
                            <figure class="date">19/02/2026</figure>
                            <p>En la capital michoacana se han registrado nueve denuncias por quemas clandestinas de basura en lo que va de este año, las cuales han sido canalizadas a la Secretaría de Medio Ambiente y Sustentabilidad de Morelia.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Vecinos alertan riesgo sanitario por agua estancada en la colonia Obrera</a></h4>
                            <figure class="date">19/02/2026</figure>
                            <p>Vecinos de la calle Constituyentes, en la colonia Obrera, denunciaron la presencia de un gran charco de agua estancada en un predio donde se encuentra una obra inconclusa, situación que, aseguran, representa un riesgo para la salud pública.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Coepris inicia en Morelia vigilancia sanitaria por Cuaresma</a></h4>
                            <figure class="date">19/02/2026</figure>
                            <p>Con mil acciones, la Comisión Estatal para la Protección contra Riesgos Sanitarios (Coepris) inició el Operativo Sanitario por Cuaresma; para Michoacán se prevén altas temperaturas, lo que puede ser un factor para el desarrollo de enfermedades.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Morelia será sede del Torneo Nacional de Muay Thai 2026</a></h4>
                            <figure class="date">20/02/2026</figure>
                            <p>Los próximos 14 y 15 de marzo, Morelia será sede del Torneo Nacional de Muay Thai 2026, evento que reunirá a cerca de 300 atletas de alto rendimiento provenientes no solo de la ciudad anfitriona, sino también de distintas partes del país.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Invita UMSNH a participar en el 14º Verano Nicolaita</a></h4>
                            <figure class="date">20/02/2026</figure>
                            <p>La Universidad Michoacana de San Nicolás de Hidalgo (UMSNH) abre su convocatoria para participar en el 14º Verano Nicolaita de Investigación, un programa consolidado que desde sus inicios ha tenido un impacto significativo entre la comunidad.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Odontología sin costo para todas las edades en Morelia</a></h4>
                            <figure class="date">20/02/2026</figure>
                            <p>Estudiantes de odontología en Morelia ofrecen servicios dentales completamente gratuitos como parte de sus prácticas académicas, brindando atención a personas de todas las edades que requieran tratamientos básicos y especializados.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Queda abierto distribuidor Eréndira; beneficiará al Mercado de Abastos</a></h4>
                            <figure class="date">20/02/2026</figure>
                            <p>Con 6 carriles superiores y pendiente el bajopuente, quedó abierto el distribuidor vial Eréndira, que beneficiará a 70 mil vehículos.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                                    <div class="col-md-4 col-sm-4">
                        <div class="text-element">
                            <h4><a href="#">Habrá teatro al aire libre en el jardín de La Soterraña, Morelia</a></h4>
                            <figure class="date">25/02/2026</figure>
                            <p>La actividad se llevará a cabo el próximo 27 de febrero de 2026 a las 18:00 horas en el Jardín de la Soterraña, en un evento dirigido a público adolescente y adulto.</p>
                            <a href="#"><i class="arrow_right"></i></a>
                        </div>                        
                    </div>                   
                    
                </div>                
            </div>            
        </div>       

        <div class="container">
            <hr>
        </div>        
        -->
        <!--
        <div class="block">
            <div class="container">
                <div class="logos">
                    <div class="logo">
                        <a href="#"><img src="https://elrutero.com.mx/public/img/logo-1.png" alt=""></a>
                    </div>
                    <div class="logo">
                        <a href="#"><img src="https://elrutero.com.mx/public/img/logo-2.png" alt=""></a>
                    </div>
                    <div class="logo">
                        <a href="#"><img src="https://elrutero.com.mx/public/img/logo-3.png" alt=""></a>
                    </div>
                    <div class="logo">
                        <a href="#"><img src="https://elrutero.com.mx/public/img/logo-4.png" alt=""></a>
                    </div>
                    <div class="logo">
                        <a href="#"><img src="https://elrutero.com.mx/public/img/logo-5.png" alt=""></a>
                    </div>
                </div>                
            </div>            
        </div>  
        -->  
   
    </div>

 

 
    <footer id="page-footer">
    <div class="footer-wrapper">
        <div class="block">
            <div class="container">
                <div class="vertical-aligned-elements">
                    <div class="element width-100">
                        <p data-toggle="modal" data-target="#myModal">
                            <h1>El Rutero Morelia : Rutas Morelia, busca tú ruta directa </h1>
                        <!--<a href="#">Términos y condiciones</a> and 
                        <a href="#">Políticas de privacidad</a>.</p>-->
                    </div>
                    <div class="element width-50 text-align-right">                        
                        <a href="https://www.facebook.com/El-Rutero-451573574881081" class="circle-icon"><i class="social_facebook"></i></a>                        
                    </div>
                </div>
                <div class="background-wrapper">
                    <div class="bg-transfer opacity-50">
                        <img src="https://elrutero.com.mx/public/img/footer-bg.png" alt="El Rutero">
                    </div>
                </div> 
                <div class="row">
                                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/49/alberca-gertrudis" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Alberca [Gertrudis]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/50/alberca-metropolis" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Alberca [Metrópolis]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/51/alberca-torreon-nuevo" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Alberca [Torreón Nuevo]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/1/amarilla-1" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Amarilla 1    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/2/amarilla-2" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Amarilla 2    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/85/atecuaro" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Atécuaro    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/3/azul-a-soriana-cbta" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Azul A [Soriana - CBTA]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/52/azul-a-soriana-vergel" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Azul A [Soriana - Vergel]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/53/azul-b-michelena" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Azul B [Michelena]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/4/azul-b-xangari" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Azul B [Xangari]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/5/azul-c" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Azul C    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/9/cafe-1" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Cafe 1    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/54/cafe-1-lago" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Café 1 [Lago]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/6/cafe-1-a" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Cafe 1-A    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/10/cafe-oro-2-leandro-valle" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Café-Oro 2 [Leandro Valle]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/56/cafe-oro-2-rafael-carrillo" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Café-Oro 2 [Rafael Carrillo]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/7/cafe-oro-2a" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Café-Oro 2A    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/8/cafe-oro-2b-madero" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Café-Oro 2B [Madero]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/55/cafe-oro-2b-michoacan" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Café-Oro 2B [Michoacán]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/80/centros-comerciales-lucio-cabanas" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Centros Comerciales [Lucio Cabañas]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/99/circuito-carrillo" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Circuito Carrillo    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/13/coral-1" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Coral 1    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/12/coral-2" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Coral 2    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/11/coral-2-a" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Coral 2-A    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/16/crema-1" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Crema 1    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/15/crema-2" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Crema 2    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/14/crema-2-a" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Crema 2-A    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/92/dorado-hospitales" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Dorado [Hospitales]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/93/dorado-lomas-de-morelia" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Dorado [Lomas de Morelia]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/57/durazno-santa-maria-trincheras" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Durazno - Sta. María [Trincheras]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/58/el-pedregal" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> El Pedregal    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/17/gris-1" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Gris 1 Circuito    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/18/gris-2" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Gris 2    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/19/gris-3-furamo" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Gris 3 [Furamo]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/81/gris-3-oxxo" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Gris 3 [OXXO]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/20/gris-4" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Gris 4    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/21/guinda-1-mora" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Guinda 1 [Mora]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/59/guinda-1-praderas" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Guinda 1 [Praderas]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/22/guinda-2-pena-blanca" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Guinda 2 [Peña Blanca]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/60/industrial-hospitales" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Industrial [Hospitales]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/61/industrial-mariel" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Industrial [Mariel]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/62/industrial-mision-del-valle" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Industrial [Misión Del Valle]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/98/issste-soledad" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Issste/Soledad    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/100/jardin-de-la-montana" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Jardín de la Montaña    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/75/jesus-del-monte" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Jesús del Monte    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/101/la-hacienda" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> La Hacienda    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/102/lomas-de-la-maestranza" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Lomas de la Maestranza    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/87/mil-cumbres-irapeo" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Mil Cumbres - Irapeo    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/88/mil-cumbres-las-mesas" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Mil Cumbres - Las Mesas    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/86/mil-cumbres-tres-marias" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Mil Cumbres - Tres Marías    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/89/mil-cumbres-vaquerito" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Mil Cumbres - Vaquerito    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/23/morada-1-aldea" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Morada 1 [Aldea]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/63/morada-1-buenos-aires" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Morada 1 [Buenos Aires]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/64/morada-1-mision-del-valle" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Morada 1 [Misión del Valle]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/24/morada-2-lomas-de-morelia" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Morada 2 [Lomas De Morelia]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/65/morada-2-satelite" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Morada 2 [Satélite]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/66/morada-2-a" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Morada 2A    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/25/naranja-1-issste" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Naranja 1 [ISSSTE]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/76/naranja-1-la-soledad" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Naranja 1 [La Soledad]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/26/naranja-2-3-de-agosto" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Naranja 2 [3 de Agosto]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/94/naranja-santa-fe" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Naranja 2 [Santa Fe]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/28/naranja-3-centro-puerta-del-sol" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Naranja 3 [Centro - Puerta del Sol]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/27/naranja-3-santa-maria-erandeni" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Naranja 3 [Sta. María - Erandeni]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/77/naranja-3-sta-maria-ita" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Naranja 3 [Sta. María - ITA]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/95/naranja-3-trico-metropolis" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Naranja 3 [Trico - Metrópolis]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/29/negra-1" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Negra 1    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/30/negra-2" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Negra 2    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/67/nueva-esperanza" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Nueva Esperanza    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/31/oro-verde-encinos" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Oro-Verde [Encinos]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/78/oro-verde-trincheras" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Oro-Verde [Trincheras]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/82/paloma-azul-arquito" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Paloma Azul [Arquito]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/83/paloma-azul-campina" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Paloma Azul [Campiña]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/84/paloma-azul-zimpanio" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Paloma Azul [Zimpanio]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/68/panteon" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Panteón    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/96/prados-verdes-a" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Prados Verdes A    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/97/prados-verdes-b" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Prados Verdes B    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/37/roja-1-com-mex" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Roja 1 [Com. Mex.]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/69/roja-1-punhuato" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Roja 1 [Punhuato]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/33/roja-2-oken" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Roja 2 [Oken]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/38/roja-2-villas-del-sol" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Roja 2 [Villas del Sol]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/39/roja-3" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Roja 3    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/34/roja-3-a" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Roja 3-A    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/35/roja-3-b" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Roja 3-B    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/71/roja-4-tinijaro" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Roja 4 [Tinijaro]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/40/roja-4-tzindurio" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Roja 4 [Tzindurio]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/36/roja-4-m" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Roja 4-M    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/70/roja-4a" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Roja 4A    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/41/rosa-1-metropolis-estrella" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Rosa 1 [Metrópolis - Estrella]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/72/rosa-1-puerta-del-sol-galaxia" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Rosa 1 [Puerta del Sol - Galaxia]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/42/rosa-2" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Rosa 2    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/32/rosa-2-b" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Rosa 2-B    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/43/rosa-3" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Rosa 3    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/79/ruta-2" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Ruta 2    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/108/san-juanito itzicuaro" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> San Juanito Itzicuaro    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/90/union-progreso-la-loma" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Unión Progreso / La Loma    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/45/verde-1" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Verde 1    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/46/verde-2" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Verde 2    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/47/verde-3-indeco" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Verde 3 [Indeco]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/73/verde-3-lomas-del-valle" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Verde 3 [Lomas del Valle]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/74/verde-3-ocolusen" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Verde 3 [Ocolusen]    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/48/verde-4" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Verde 4    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/44/verde-4-b" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Verde 4-B    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/103/villa-magna" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Villa Magna    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/104/villas-de-la-loma" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Villas de la Loma    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/105/villas-del-pedregal-1" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Villas del Pedregal 1    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/106/villas-del-pedregal-2" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Villas del Pedregal 2    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/107/villas-del-pedregal-3" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Villas del Pedregal 3    -    </a>
                                    <a style="font-size:11px;" href="https://elrutero.com.mx/Morelia/91/zurumbeneo-charo" title="El Rutero Morelia : Rutas Morelia, busca tú ruta directa"> Zurumbeneo - Charo    -    </a>
                                            </div>               
            </div>

        </div>

        <div class="footer-navigation">
            <div class="container">
                <div class="vertical-aligned-elements">
                    <div class="element width-50">(C) 2026 El Rutero, todos los derechos reservados.</div>
                    <!--
                    <div class="element width-50 text-align-right">
                        <a href="#">Inicio</a>
                        <a href="#">Lugares</a>
                        <a href="#">Agregar lugar</a>
                        <a href="#">Contacto</a>
                    </div>
                    -->
                </div>

            </div>
        </div>
    </div>
</footer>
 
</div>
<!--end page-wrapper-->
<a href="#" class="to-top scroll" data-show-after-scroll="600"><i class="arrow_up"></i></a>
</div>   


     


<script type="text/javascript" src="https://elrutero.com.mx/public/js/jquery-2.2.1.min.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/bootstrap/js/bootstrap.min.js"></script>
<!--
<script type="text/javascript" src="https://elrutero.com.mx/public/js/bootstrap-select.min.js"></script>
-->
<script type="text/javascript" src="https://elrutero.com.mx/public/js/markerclusterer_packed.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/jquery.fitvids.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/icheck.min.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/jquery.trackpad-scroll-emulator.min.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/moment.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/jquery.nouislider.all.min.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/custom.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/bootstrap-input-spinner.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/AnimatedMarker.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/polylineDecorator.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/jquery-2.js"></script>
<script type="text/javascript" src="https://elrutero.com.mx/public/js/jquery-3.min.js"></script>
<script>    
        jQuery(document).ready( function(){

        /*var encuesta = '0';       
        if(encuesta==0){            
            $("#confirmModal").modal("show");
        } */

        $(document).on('click', '.resp',function() {
        $('.bg-loading').show(); 
            var resp = $(this).attr('id');
            $.ajax({
                type: 'POST',
                url: "https://elrutero.com.mx/encuesta",
                data: {
                    "_token": "EHsqAzEU3N35W2SY4QSeTsVy45fYkc0S8qamKvKT",
                    "resp": resp,
                    "id_city": 1                   
                },
                success: function (resp) {           
                    $('.bg-loading').hide();
                    $("#confirmModal").modal("hide");
                },
                error: function (reject) {
                    alert('A ocurrido un error, intenta de nuevo')
                    $('.bg-loading').hide();
                },
                timeout: 8000 // sets timeout to 8 seconds
            });        
           
        }); 

         
        $(document).on('click', '#banner',function() {
            var idCiudad = 1
            var url = $(this).attr('url');
            $.ajax({
                type: 'POST',
                url: "https://elrutero.com.mx/banner",
                data: {
                    "_token": "EHsqAzEU3N35W2SY4QSeTsVy45fYkc0S8qamKvKT",
                    "id_city": 1                    
                },
                success: function (resp) { 
                    if(idCiudad == 1)          
                        window.open('https://michoacan.travel/', '_blank');
                    else
                        window.open('https://michoacan.travel/', '_blank');
                },
                error: function (reject) {
                    
                },
                timeout: 8000 // sets timeout to 8 seconds
            });        
           
        }); 

        setTimeout(function(){
            var id_route ='0';
            if(id_route != 0){
                drawRoute(id_route, $("#"+id_route).attr("alt"),true); 
            }
        }, 1500);

            
        
        window.addEventListener('offline', function(e) { 
            console.log('offline');
            $('#alert-gps').html('Sin conexión a internet');  
            $('#alert-gps').show();   
        });

        window.addEventListener('online', function(e) { 
            console.log('online'); 
            $('#alert-gps').hide();
        });

        var radius = $('#distance-walk').val();
        var radius = $('#distance-walk-modal').val();

        $("#distance-walk").inputSpinner({
            decrementButton: "<strong>-</strong>", // button text
            incrementButton: "<strong>+</strong>", // ..
            groupClass: "walk", // css class of the input-group (sizing with input-group-sm or input-group-lg)
            buttonsClass: "btn-outline-secondary",
            buttonsWidth: "3em",
            textAlign: "center",
            autoDelay: 500, // ms holding before auto value change
            autoInterval: 100, // speed of auto value change
            boostThreshold: 10, // boost after these steps
            boostMultiplier: "auto", // you can also set a constant number as multiplier
            locale: null // the locale for number rendering; if null, the browsers language is used
        });

        $("#distance-walk-modal").inputSpinner({
            decrementButton: "<strong>-</strong>", // button text
            incrementButton: "<strong>+</strong>", // ..
            groupClass: "walk", // css class of the input-group (sizing with input-group-sm or input-group-lg)
            buttonsClass: "btn-outline-secondary",
            buttonsWidth: "3em",
            textAlign: "center",
            autoDelay: 500, // ms holding before auto value change
            autoInterval: 100, // speed of auto value change
            boostThreshold: 10, // boost after these steps
            boostMultiplier: "auto", // you can also set a constant number as multiplier
            locale: null // the locale for number rendering; if null, the browsers language is used
        });

        
        $('.walk .form-control').keydown(function(event) {
            // Allow only backspace and delete
            if ( event.keyCode == 46 || event.keyCode == 8 ) {
                // let it happen, don't do anything
            }else {
                // Ensure that it is a number and stop the keypress
                if (event.keyCode < 48 || event.keyCode > 57 ) {
                    event.preventDefault(); 
                }   
            }
        });
      
        
        $('#distance-walk').on("change", function (event) {
            //alert(1)
            if($(this).val() < 100 || $(this).val() > 1000)
                $(this).val(300)
            radius = $(this).val();
            originCircle.setRadius($(this).val());
            destinyCircle.setRadius($(this).val());

            var originLatLng = originMarker.getLatLng();
            var destinyLatLng = destinyMarker.getLatLng();
            if(destinationDefined && originDefined){
                calculate(originLatLng.lat, originLatLng.lng, destinyLatLng.lat, destinyLatLng.lng,radius); 
            }
        });

        $('#distance-walk-modal').on("change", function (event) {
            //alert(1)
            if($(this).val() < 100 || $(this).val() > 1000)
                $(this).val(300)
            radius = $(this).val();
            originCircle.setRadius($(this).val());
            destinyCircle.setRadius($(this).val());

            var originLatLng = originMarker.getLatLng();
            var destinyLatLng = destinyMarker.getLatLng();
            if(destinationDefined && originDefined){
                calculate(originLatLng.lat, originLatLng.lng, destinyLatLng.lat, destinyLatLng.lng,radius); 
            }
        });


        bounds = new L.LatLngBounds(new L.LatLng(19.34742803, -101.7011261), new L.LatLng(19.89906875, -100.94834536));


        var gpsInit = false;
        var originDefined = false;
        var destinationDefined = false;
        var map = L.map('map-homepage',{
        	minZoom: 11,
            maxZoom: 18,
            attributionControl: false,
            maxBounds: bounds,
  			maxBoundsViscosity: 1,
            center: bounds.getCenter(),

            gestureHandling: false,
                gestureHandlingOptions: {
                    duration: 3000, //5 secs
                    text: {
                        touch: "Usa dos dedos para mover el mapa",
                        scroll: "Usa ctrl + scroll para hacer zoom",
                        scrollMac: "Usa \u2318 + scroll para hacer zoom"
                    }
                }
        }).setView([19.701749, -101.198602],13);

        var markers = [];
         
        var routesColors = [];
                    routesColors[49] = '#f00';
                    routesColors[50] = '#f00';
                    routesColors[51] = '#f00';
                    routesColors[1] = '#E9B703';
                    routesColors[2] = '#E9B703';
                    routesColors[85] = '#f00';
                    routesColors[3] = '#0040FF';
                    routesColors[52] = '#0040FF';
                    routesColors[53] = '#0040FF';
                    routesColors[4] = '#0040FF';
                    routesColors[5] = '#0040FF';
                    routesColors[9] = '#61380B';
                    routesColors[54] = '#61380B';
                    routesColors[6] = '#61380B';
                    routesColors[10] = '#61380B';
                    routesColors[56] = '#61380B';
                    routesColors[7] = '#61380B';
                    routesColors[8] = '#61380B';
                    routesColors[55] = '#61380B';
                    routesColors[80] = '#f00';
                    routesColors[99] = '#f00';
                    routesColors[13] = '#F35341';
                    routesColors[12] = '#F35341';
                    routesColors[11] = '#F35341';
                    routesColors[16] = '#FFad70';
                    routesColors[15] = '#FFad70';
                    routesColors[14] = '#FFad70';
                    routesColors[92] = '#f00';
                    routesColors[93] = '#f00';
                    routesColors[57] = '#f00';
                    routesColors[58] = '#f00';
                    routesColors[17] = '#777777';
                    routesColors[18] = '#777777';
                    routesColors[19] = '#777777';
                    routesColors[81] = '#777777';
                    routesColors[20] = '#777777';
                    routesColors[21] = '#8A1A1A';
                    routesColors[59] = '#8A1A1A';
                    routesColors[22] = '#8A1A1A';
                    routesColors[60] = '#f00';
                    routesColors[61] = '#f00';
                    routesColors[62] = '#f00';
                    routesColors[98] = '#f00';
                    routesColors[100] = '#f00';
                    routesColors[75] = '#f00';
                    routesColors[101] = '#f00';
                    routesColors[102] = '#f00';
                    routesColors[87] = '#f00';
                    routesColors[88] = '#f00';
                    routesColors[86] = '#f00';
                    routesColors[89] = '#f00';
                    routesColors[23] = '#5F04B4';
                    routesColors[63] = '#5F04B4';
                    routesColors[64] = '#5F04B4';
                    routesColors[24] = '#5F04B4';
                    routesColors[65] = '#5F04B4';
                    routesColors[66] = '#5F04B4';
                    routesColors[25] = '#FF8000';
                    routesColors[76] = '#FF8000';
                    routesColors[26] = '#FF8000';
                    routesColors[94] = '#FF8000';
                    routesColors[28] = '#FF8000';
                    routesColors[27] = '#FF8000';
                    routesColors[77] = '#FF8000';
                    routesColors[95] = '#FF8000';
                    routesColors[29] = '#222222';
                    routesColors[30] = '#222222';
                    routesColors[67] = '#f00';
                    routesColors[31] = '#958B28';
                    routesColors[78] = '#958B28';
                    routesColors[82] = '#0040FF';
                    routesColors[83] = '#0040FF';
                    routesColors[84] = '#0040FF';
                    routesColors[68] = '#f00';
                    routesColors[96] = '#f00';
                    routesColors[97] = '#f00';
                    routesColors[37] = '#DF0101';
                    routesColors[69] = '#f00';
                    routesColors[33] = '#DF0101';
                    routesColors[38] = '#DF0101';
                    routesColors[39] = '#DF0101';
                    routesColors[34] = '#DF0101';
                    routesColors[35] = '#DF0101';
                    routesColors[71] = '#f00';
                    routesColors[40] = '#DF0101';
                    routesColors[36] = '#DF0101';
                    routesColors[70] = '#f00';
                    routesColors[41] = '#FA58F4';
                    routesColors[72] = '#FA58F4';
                    routesColors[42] = '#FA58F4';
                    routesColors[32] = '#FA58F4';
                    routesColors[43] = '#FA58F4';
                    routesColors[79] = '#f00';
                    routesColors[108] = '#f00';
                    routesColors[90] = '#f00';
                    routesColors[45] = '#007902';
                    routesColors[46] = '#007902';
                    routesColors[47] = '#007902';
                    routesColors[73] = '#007902';
                    routesColors[74] = '#007902';
                    routesColors[48] = '#007902';
                    routesColors[44] = '#007902';
                    routesColors[103] = '#f00';
                    routesColors[104] = '#f00';
                    routesColors[105] = '#f00';
                    routesColors[106] = '#f00';
                    routesColors[107] = '#f00';
                    routesColors[91] = '#f00';
                

        /*var gl = L.mapboxGL({
            style: 'https://raw.githubusercontent.com/osm2vectortiles/mapbox-gl-styles/master/styles/bright-v9-cdn.json',
            accessToken: 'pk.eyJ1IjoiajJoNjciLCJhIjoiY2pwbTVzeXV0MGxpYzN4bmxycjE3MWZzbyJ9.Sf7FJHIwnSKe3flpmnrs9w'
        }).addTo(map);

        var gl = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            maxZoom: 19,
            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
        }).addTo(map);*/
        /*
        var gl = L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png', {
            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
            subdomains: 'abcd'
        }).addTo(map);*/

        var gl = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            maxZoom: 20,
            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
        }).addTo(map);



        
       
        L.control.scale().addTo(map);

        // specify popup options 
        var customOptions = {
            'maxWidth': '500',
            'className' : 'custom'
        }
        
        var placesMarkers = []; 
        var placesPlan1 = L.layerGroup().addTo(map);
        var placesPlan2 = L.layerGroup().addTo(map);
        var placesPlan3 = L.layerGroup().addTo(map);
        var placesPlan4 = L.layerGroup().addTo(map);  
        
        var markerIconPlace = L.icon({
            iconUrl: "https://elrutero.com.mx/public/img/markerPlace.png",
            iconSize:     [35, 38], // size of the icon           
            iconAnchor:   [17.5, 38], // point of the icon which will correspond to marker's location
        });
        /*
                    var customPopup = "Plaza de Armas<br/>Principal plaza de Morelia<br/><img src='public/img/places/6/armas1.jpg' alt='' width='200px'/>";
            placesMarkers[6] = L.marker(
                [19.70220817, -101.19364411],
                { 
                    icon: markerIconPlace,                   
                    draggable: false
                }).bindPopup(customPopup,customOptions).addTo(map);
                                    placesMarkers[6].addTo(placesPlan3);
                
                    var customPopup = "Palacio de Gobierno<br/>Sede del poder ejecutivo del estado de Michoacán.<br/><img src='public/img/places/5/palacio1.jpg' alt='' width='200px'/>";
            placesMarkers[5] = L.marker(
                [19.70307683, -101.19191676],
                { 
                    icon: markerIconPlace,                   
                    draggable: false
                }).bindPopup(customPopup,customOptions).addTo(map);
                                    placesMarkers[5].addTo(placesPlan3);
                
                    var customPopup = "Catedral de Morelia<br/>Ubicada en el centro de Morelia<br/><img src='public/img/places/1/catedral1.jpg' alt='' width='200px'/>";
            placesMarkers[1] = L.marker(
                [19.70239237, -101.19230258],
                { 
                    icon: markerIconPlace,                   
                    draggable: false
                }).bindPopup(customPopup,customOptions).addTo(map);
                                    placesMarkers[1].addTo(placesPlan1);
                
                    var customPopup = "Jardín de las Rosas<br/>Plaza pública famosa por sus jardines tranquilos, una fuente de piedra y cafés.<br/><img src='public/img/places/3/lasrosas1.jpg' alt='' width='200px'/>";
            placesMarkers[3] = L.marker(
                [19.70463381, -101.19455545],
                { 
                    icon: markerIconPlace,                   
                    draggable: false
                }).bindPopup(customPopup,customOptions).addTo(map);
                                    placesMarkers[3].addTo(placesPlan3);
                
                    var customPopup = "Plaza Melchor Ocampo<br/>Plaza emblemática en el centro<br/><img src='public/img/places/7/melchor1.jpg' alt='' width='200px'/>";
            placesMarkers[7] = L.marker(
                [, ],
                { 
                    icon: markerIconPlace,                   
                    draggable: false
                }).bindPopup(customPopup,customOptions).addTo(map);
                                    placesMarkers[7].addTo(placesPlan3);
                
                    var customPopup = "Las Tarascas<br/>La fuente mas famosa de la ciudad.<br/><img src='public/img/places/4/lastarascas1.jpg' alt='' width='200px'/>";
            placesMarkers[4] = L.marker(
                [19.702853, -101.18243147],
                { 
                    icon: markerIconPlace,                   
                    draggable: false
                }).bindPopup(customPopup,customOptions).addTo(map);
                                    placesMarkers[4].addTo(placesPlan3);
                
                    var customPopup = "Acueducto<br/>De cantera rosa, este acueducto símbolo de Morelia.<br/><img src='public/img/places/2/acueducto1.jpg' alt='' width='200px'/>";
            placesMarkers[2] = L.marker(
                [19.69847716, -101.17721876],
                { 
                    icon: markerIconPlace,                   
                    draggable: false
                }).bindPopup(customPopup,customOptions).addTo(map);
                                    placesMarkers[2].addTo(placesPlan1);
                
                */
        map.on('zoomend', function() {
            zoomLev = map.getZoom();                       
            if (zoomLev >= 18){//Dsiplay all
                map.addLayer(placesPlan1);
                map.addLayer(placesPlan2);
                map.addLayer(placesPlan3); 
                map.addLayer(placesPlan4);                                     
            }else if (zoomLev >= 16){
                map.removeLayer(placesPlan1);
                map.addLayer(placesPlan2);
                map.addLayer(placesPlan3); 
                map.addLayer(placesPlan4);                        
            }else if (zoomLev >= 14){
                map.removeLayer(placesPlan1);
                map.removeLayer(placesPlan2);
                map.addLayer(placesPlan3); 
                map.addLayer(placesPlan4);                        
            }
            else if (zoomLev >= 13){
                map.removeLayer(placesPlan1);
                map.removeLayer(placesPlan2);
                map.removeLayer(placesPlan3); 
                map.addLayer(placesPlan4);                        
            }
        });

        var markerOrigin = L.icon({
            iconUrl: "https://elrutero.com.mx/public/img/markerorigin.svg",
            iconSize:     [52, 38], // size of the icon           
            iconAnchor:   [26, 38], // point of the icon which will correspond to marker's location
        });

        var markerDestination = L.icon({
            iconUrl: "https://elrutero.com.mx/public/img/markerdestination.svg",
            iconSize:     [52, 38], // size of the icon           
            iconAnchor:   [26, 38], // point of the icon which will correspond to marker's location
        });

        var originMarker = L.marker(
            [19.702535095156, -101.22064590454],{
                icon: markerOrigin,
                draggable: true
            }).addTo(map);
        
        var originCircle = L.circle([19.702535095156, -101.22064590454],{
            radius: 300,
            color:'#e45544'
        }).addTo(map);

        markers.push(originMarker);

        var destinyMarker = L.marker(
            [19.702535095156, -101.18099212646],{
                icon: markerDestination,
                draggable: true
            }).addTo(map);

        var destinyCircle = L.circle([19.702535095156, -101.18099212646],{
            radius: 300,
            color:'#2ca02c'
            
        }).addTo(map);

        markers.push(destinyMarker);

        var routesArray = [];
        var routesArrowArray = [];
        
        $(document).on('click', '.route',function() { 
            console.log('route');      
            var idRoute = $(this).attr('id');
            var color = $(this).attr('alt');
            if($(this).hasClass( "route-active" )){                
                $(this).removeClass( "route-active" );
                routesArray[idRoute].remove();
                routesArrowArray[idRoute].remove();                
           }else{                
                drawRoute(idRoute, color,true); 
                $(this).addClass( "route-active" );                
            }
            $('#routesModal').modal('toggle');        
        });        
        
        $( "#clean-map" ).click(function() {
            cleanMap();                 
        });

        function drawRoute(idRoute, color, boundsRoute){
            var latlngs = [];            
            $('.bg-loading').show();
            $.ajax({
                type: 'POST',
                url: "https://elrutero.com.mx/loadroute",
                data: {
                    "_token": "EHsqAzEU3N35W2SY4QSeTsVy45fYkc0S8qamKvKT",
					"idRoute": idRoute                   
                },
                success: function (resp) { 
                    let valData = CryptoJSAesJson.decrypt(resp.data, 'rutero')                     
                    $.each(valData, function (name, value) {                        
                        var point = new L.LatLng(value.latitude, value.longitude);
                        latlngs.push(point); 
                    });
                    routesArray[idRoute] = L.polyline(latlngs, {color: color,smoothFactor:3}).addTo(map);
                    routesArrowArray[idRoute] = L.polylineDecorator(routesArray[idRoute]).addTo(map);
                    const bounds = L.latLngBounds(latlngs);
                    map.fitBounds(latlngs);
                    var arrowOffset = 0;            
                    routesArrowArray[idRoute].setPatterns([
                        {offset: arrowOffset+'%', endOffset: 0, repeat: 100, symbol: new L.Symbol.ArrowHead({pixelSize: 6, polygon: true, pathOptions: {color: color, opacity: 1, stroke: true}})}
                    ]);
                    $('.bg-loading').hide();
                },
                error: function (reject) {
                    alert('A ocurrido un error, intenta de nuevo')
                    $('.bg-loading').hide();
                },
                timeout: 8000 // sets timeout to 8 seconds
            });           
        }

        function cleanMap(){
            $( ".div-active" ).remove();
            $('.result-routes').removeClass( "option-active" );  
            routesArray.forEach(function(element) {
                element.remove();
            });
            routesArrowArray.forEach(function(element) {
                element.remove();
            });
            $( ".route" ).removeClass( "route-active" );   
        }          

        //bounds = new L.LatLngBounds(new L.LatLng(19.52102993, -101.45277232), new L.LatLng(19.89906875, -100.94834536));   
        var southWest = L.latLng(19.34742803, -101.7011261),
			northEast = L.latLng(19.89906875, -100.94834536),
			limit = L.latLngBounds(southWest, northEast);



		
        // create the geocoding control and add it to the map
        
        var destinationControl = L.esri.Geocoding.geosearch({
            placeholder:'Dirección destino',
            title:'Destino',
            allowMultipleResults:false,
            zoomToResult:false,
            expanded:false,
            searchBounds:limit
        }).addTo(map);
       
        
        var geocodeService = L.esri.Geocoding.geocodeService();
        
        // listen for the results event and add every result to the map
        destinationControl.on("results", function(data) {            
            destinyMarker.setLatLng(data.results[0].latlng);
            destinyCircle.setLatLng(data.results[0].latlng);
            destinationDefined = true;            
            var originLatLng = originMarker.getLatLng();
            var featureGroup = L.featureGroup(markers).addTo(map);
			map.fitBounds(featureGroup.getBounds());
            if(destinationDefined && originDefined)
                calculate(originLatLng.lat, originLatLng.lng, data.results[0].latlng.lat, data.results[0].latlng.lng,radius);          
                   
        });

        var originControl = L.esri.Geocoding.geosearch({
            placeholder:'Dirección origen',
            title:'Origen',
            allowMultipleResults:false,
            zoomToResult:false,
            expanded:false,
            searchBounds:limit,
            maxResults:3
        }).addTo(map);

        originControl.on("results", function(data) {            
            originMarker.setLatLng(data.results[0].latlng);
            originCircle.setLatLng(data.results[0].latlng);  
            lc.stop(); 
            originDefined = true; 
            var featureGroup = L.featureGroup(markers).addTo(map);
			map.fitBounds(featureGroup.getBounds());           
            var destinyLatLng = destinyMarker.getLatLng();
            if(destinationDefined && originDefined)
                calculate(data.results[0].latlng.lat, data.results[0].latlng.lng, destinyLatLng.lat, destinyLatLng.lng,radius);          
        });

         map.zoomControl.setPosition('topright');

         var lc = L.control.locate({
            position: 'topright',
            //flyTo:true,
            strings: {
                title: "Mostrar mi ubicación"
            },
            locateOptions: {
               maxZoom: 15,
               enableHighAccuracy: true,
               timeout:5000
            }
        }).addTo(map);

       

        var lastLatitude = 0;
        var lastLongitude = 0;
        var lastLatitudeSaved = 0;
        var lastLongitudeSaved = 0;

        setTimeout(function(){
            $('#alert-gps').html('GPS apagado, te recomendamos encenderlo');  
            $('#alert-gps').show(); 
            navigator.permissions.query({name:'geolocation'}).then(function(result) {
                // Will return ['granted', 'prompt', 'denied']
                console.log(result.state);
                if(result.state == 'granted'){
                    $('#alert-gps').hide(); 
                    console.log('granted')          
                    lc.start(); 
                }else if(result.state == 'prompt'){
                    $('#alert-gps').html('GPS apagado, te recomendamos encenderlo');  
                    $('#alert-gps').show();
                    lc.start();  
                    console.log('prompt')
                }else if(result.state == 'denied'){
                    $('#alert-gps').html('GPS apagado, te recomendamos encenderlo');  
                    $('#alert-gps').show(); 
                    console.log('denied')
                }
            });            
        }, 1500);
        
        var is_gps_active = 0;
        map.on('locationfound', function(e) {            
            var latlngPoint = new L.LatLng(e.latlng.lat, e.latlng.lng);
            if(bounds.contains(latlngPoint)){
                is_gps_active = 1;
                var lat = (e.latlng.lat);
                var lng = (e.latlng.lng);
                var newLatLng = new L.LatLng(lat, lng);                      
                originMarker.setLatLng(newLatLng);
                originCircle.setLatLng(newLatLng);
                originDefined = true; 
                var destinyLatLng = destinyMarker.getLatLng();
                if(destinationDefined && originDefined && !gpsInit)
                    calculate(lat, lng, destinyLatLng.lat, destinyLatLng.lng,radius); 
                gpsInit = true; 
                $('#alert-gps').hide();            
                lastLatitude = lat;
                lastLongitude = lng;     
            }else{
                is_gps_active = 0;
                alert('Tu ubicación se encuentra fuera de la ciudad')
            }
                           
        });
        
        function onLocationError(e){            
            $('#alert-gps').html('GPS apagado, te recomendamos encenderlo');  
            $('#alert-gps').show();            
        }        
        map.on('locationerror', onLocationError);
        
        
        destinyMarker.on("dragend",function(ev){
            var destinyLatLng = ev.target.getLatLng();
            destinyCircle.setLatLng(destinyLatLng);
            destinyCircle.addTo(map);
            //this.bindPopup(destinyLatLng.toString()).openPopup(); 
            var originLatLng = originMarker.getLatLng();
            destinationDefined = true;
            if(destinationDefined && originDefined)
                calculate(originLatLng.lat, originLatLng.lng, destinyLatLng.lat, destinyLatLng.lng,radius);          
        });

        
        destinyMarker.on("dragstart",function(ev){
            destinyCircle.remove();
        });    
       
        originMarker.on("dragend",function(ev){
            var originLatLng = ev.target.getLatLng();
            originCircle.setLatLng(originLatLng);
            originCircle.addTo(map);
            //this.bindPopup(originLatLng.toString()).openPopup(); 
            var destinyLatLng = destinyMarker.getLatLng();           
            lc.stop();
            originDefined = true;
            if(destinationDefined && originDefined)
                calculate(originLatLng.lat, originLatLng.lng, destinyLatLng.lat, destinyLatLng.lng,radius);          
        });

        originMarker.on("dragstart",function(ev){
            originCircle.remove();
        }); 

         

        function calculate(lat_origin, long_origin, lat_destination, long_destination,radius){
            $('.bg-loading').show();
            $('.results-cont').html(''); 
            $('.results-container').show();           
            $.ajax({
                type: 'POST',
                url: "https://elrutero.com.mx/calculate",
                data: {
                    "_token": "EHsqAzEU3N35W2SY4QSeTsVy45fYkc0S8qamKvKT",
					"lat_origin": lat_origin,
					"long_origin": long_origin,
                    "lat_destination": lat_destination,
					"long_destination": long_destination,
                    "is_gps_active": is_gps_active,                    
                    "ratio": radius,
                },
                success: function (resp) { 
                    //alert(resp.length)                                      
                    if(parseInt(resp.length) > 2){  
                        var contador = 1;                  
                        $.each(JSON.parse(resp), function (name, value) {
                            if(value.routes == 1){
                                $('.results-cont').append('<div class="result-item result-routes row_'+value.id+'" alt="'+value.id+'"><a><h3><i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;'+value.name+'</h3></div>');
                                if(contador==1){ 
                                    $( '.row_'+value.id ).click();
                                    $('#alert-mobile').html(value.name);
                                }else if(contador==2){// mas de un resultado
                                    $('#alert-mobile').append('<br>Ver más resultados...');
                                }                               
                            }                             
                            else if(value.routes == 2){
                                $('.results-cont').append('<div class="result-item result-routes row_'+value.id+'" alt="'+value.id+'_'+value.id2+'"><a><h3><i class="fa fa-bus"></i>&nbsp;&nbsp;&nbsp;'+value.name + ' > ' + value.name2+'</h3></div>');                            
                                if(contador==1){ 
                                    $( '.row_'+value.id ).click();
                                    $('#alert-mobile').html(value.name + ' > ' + value.name2);
                                }else if(contador==2){// mas de un resultado
                                    $('#alert-mobile').append('<br>Ver más resultados...');
                                }
                            } 
                            contador++;                         
                        }); 
                        $('.bg-loading').hide(); 
                        var featureGroup = L.featureGroup(markers).addTo(map);
                        map.fitBounds(featureGroup.getBounds());                   
                    }else{
                        $('#alert-mobile').html('No hay resultados...');
                        $('.results-cont').append('<div class="result-item" ><a><h3>No hay resultados para tu origen y destino, intenta aumentando el radio de busqueda.</h3></div>');
                        cleanMap();
                        $('.bg-loading').hide();
                    }
                },
                error: function (reject) {
                   //alert('error')
                }
            });
                       
            $('#alert-mobile').show();
        }

        $('.results-cont').on('click', '.result-routes',function() {                               
            var routes = $(this).attr('alt');
            var routesA = routes.split("_"); 
            cleanMap();
            var cont = 0;
            $.each(routesA, function (name, value) { 
                if(cont > 0 && value > 108)               
                    drawRoute(value,'#0040FF',true);
                else
                    drawRoute(value,routesColors[value],true);
                $('#'+value).addClass( "route-active" );
                cont++;
            }); 
            $(this).prepend( "<div class='div-active' ></div>" );
            $(this).addClass( "option-active" );                       
        });

        $('.map-wrapper').on('click', '#alert-mobile',function() {            
            $('html, body').animate({
                scrollTop: $('.map-wrapper').scrollTop() + 300
            });
        });

        $(document).on('click', '.result-routes',function() {                     
            $('html, body').animate({
                scrollTop: $('.map-wrapper').scrollTop() 
            });            
            $('#alert-mobile').html($(this).children().children().text());                
            $('#alert-mobile').append('<br>Ver más resultados...');              
        });
       

        $('#routesModal').on('hidden.bs.modal', function () {
            if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
                //$('.nav-btn').toggleClass("active");           
                //$(".primary-nav").toggleClass("show"); 
            }
        });
    });   
</script>
</body>

Document

llms-full.txt

Not stored for this site.