@extends('master')
@section('title', 'Mapa Sistema')
@section('description', 'Mapa Transmilenio interactivo.')
@section('content')

  <div class="contenido-titulo-contenedor">
      <span class="contenido-titulo-texto">MAPA SISTEMA</span>
  </div>

  <div style="overflow-x: auto;">
    <img src="{{asset('images/img_mapa.png')}}" USEMAP="#MapaSistema">
    <map name="MapaSistema">
        <area shape="circle" href="/estaciones/138" coords="642,686,8" />
        <area shape="circle" href="/estaciones/137" coords="644,650,8" />
        <area shape="circle" href="/estaciones/136" coords="644,618,8" />
        <area shape="circle" href="/estaciones/135" coords="643,586,7" />
        <area shape="circle" href="/estaciones/134" coords="644,560,7" />
        <area shape="circle" href="/estaciones/133" coords="643,528,8" />
        <area shape="circle" href="/estaciones/132" coords="643,499,7" />
        <area shape="circle" href="/estaciones/131" coords="643,467,8" />
        <area shape="circle" href="/estaciones/130" coords="660,442,8" />
        <area shape="circle" href="/estaciones/129" coords="683,412,8" />
        <area shape="circle" href="/estaciones/128" coords="706,383,8" />
        <area shape="circle" href="/estaciones/127" coords="750,282,8" />
        <area shape="circle" href="/estaciones/126" coords="750,244,8" />
        <area shape="circle" href="/estaciones/71" coords="874,240,7" />
        <area shape="circle" href="/estaciones/70" coords="874,282,8" />
        <area shape="circle" href="/estaciones/68" coords="802,328,8" />
        <area shape="circle" href="/estaciones/67" coords="774,328,8" />
        <area shape="circle" href="/estaciones/66" coords="709,327,7" />
        <area shape="circle" href="/estaciones/65" coords="672,328,8" />
        <area shape="circle" href="/estaciones/64" coords="642,328,8" />
        <area shape="circle" href="/estaciones/63" coords="608,328,7" />
        <area shape="circle" href="/estaciones/62" coords="576,328,7" />
        <area shape="circle" href="/estaciones/61" coords="543,329,8" />
        <area shape="circle" href="/estaciones/60" coords="510,328,7" />
        <area shape="circle" href="/estaciones/59" coords="396,263,7" />
        <area shape="circle" href="/estaciones/45" coords="185,497,8" />
        <area shape="circle" href="/estaciones/44" coords="183,471,8" />
        <area shape="circle" href="/estaciones/43" coords="184,447,8" />
        <area shape="circle" href="/estaciones/42" coords="185,425,7" />
        <area shape="circle" href="/estaciones/41" coords="184,401,8" />
        <area shape="circle" href="/estaciones/40" coords="192,382,8" />
        <area shape="circle" href="/estaciones/39" coords="213,359,8" />
        <area shape="circle" href="/estaciones/38" coords="230,342,8" />
        <area shape="circle" href="/estaciones/37" coords="256,331,8" />
        <area shape="circle" href="/estaciones/36" coords="283,331,8" />
        <area shape="circle" href="/estaciones/35" coords="309,326,8" />
        <area shape="circle" href="/estaciones/34" coords="337,329,8" />
        <area shape="circle" href="/estaciones/32" coords="389,326,8" />
        <area shape="circle" href="/estaciones/33" coords="362,327,8" />
        <area shape="circle" href="/estaciones/58" coords="312,596,8" />
        <area shape="circle" href="/estaciones/57" coords="312,572,8" />
        <area shape="circle" href="/estaciones/56" coords="312,547,8" />
        <area shape="circle" href="/estaciones/55" coords="312,522,8" />
        <area shape="circle" href="/estaciones/54" coords="313,496,8" />
        <area shape="circle" href="/estaciones/53" coords="313,471,8" />
        <area shape="circle" href="/estaciones/52" coords="328,437,8" />
        <area shape="circle" href="/estaciones/51" coords="348,418,8" />
        <area shape="circle" href="/estaciones/50" coords="368,398,8" />
        <area shape="circle" href="/estaciones/49" coords="385,381,7" />
        <area shape="circle" href="/estaciones/48" coords="406,360,7" />
        <area shape="circle" href="/estaciones/47" coords="430,337,7" />
        <area shape="circle" href="/estaciones/46" coords="484,263,7" />
        <area shape="circle" href="/estaciones/89" coords="992,631,7" />
        <area shape="circle" href="/estaciones/88" coords="957,631,7" />
        <area shape="circle" href="/estaciones/87" coords="928,630,7" />
        <area shape="circle" href="/estaciones/86" coords="926,604,7" />
        <area shape="circle" href="/estaciones/85" coords="926,575,7" />
        <area shape="circle" href="/estaciones/84" coords="915,547,7" />
        <area shape="circle" href="/estaciones/83" coords="894,526,7" />
        <area shape="circle" href="/estaciones/82" coords="873,506,7" />
        <area shape="circle" href="/estaciones/81" coords="853,485,7" />
        <area shape="circle" href="/estaciones/80" coords="832,463,7" />
        <area shape="circle" href="/estaciones/79" coords="821,439,6" />
        <area shape="circle" href="/estaciones/78" coords="821,414,7" />
        <area shape="circle" href="/estaciones/77" coords="821,391,7" />
        <area shape="circle" href="/estaciones/76" coords="821,368,7" />
        <area shape="circle" href="/estaciones/69" coords="835,329,7" />
        <area shape="circle" href="/estaciones/75" coords="820,315,8" />
        <area shape="circle" href="/estaciones/74" coords="821,277,8" />
        <area shape="circle" href="/estaciones/73" coords="821,242,8" />
        <area shape="circle" href="/estaciones/106" coords="1138,679,7" />
        <area shape="circle" href="/estaciones/105" coords="1114,658,7" />
        <area shape="circle" href="/estaciones/104" coords="1093,636,8" />
        <area shape="circle" href="/estaciones/103" coords="1070,612,7" />
        <area shape="circle" href="/estaciones/102" coords="1042,584,7" />
        <area shape="circle" href="/estaciones/101" coords="1016,538,7" />
        <area shape="circle" href="/estaciones/100" coords="1017,511,7" />
        <area shape="circle" href="/estaciones/99" coords="1016,483,7" />
        <area shape="circle" href="/estaciones/98" coords="1016,454,7" />
        <area shape="circle" href="/estaciones/97" coords="1017,427,7" />
        <area shape="circle" href="/estaciones/96" coords="1017,410,6" />
        <area shape="circle" href="/estaciones/95" coords="1006,399,7" />
        <area shape="circle" href="/estaciones/94" coords="986,379,8" />
        <area shape="circle" href="/estaciones/93" coords="964,359,8" />
        <area shape="circle" href="/estaciones/92" coords="944,339,7" />
        <area shape="circle" href="/estaciones/91" coords="917,328,7" />
        <area shape="circle" href="/estaciones/90" coords="892,329,7" />
        <area shape="circle" href="/estaciones/148" coords="1068,105,7" />
        <area shape="circle" href="/estaciones/147" coords="1031,104,7" />
        <area shape="circle" href="/estaciones/146" coords="1003,104,7" />
        <area shape="circle" href="/estaciones/145" coords="972,105,7" />
        <area shape="circle" href="/estaciones/144" coords="944,104,7" />
        <area shape="circle" href="/estaciones/143" coords="912,105,7" />
        <area shape="circle" href="/estaciones/142" coords="891,105,7" />
        <area shape="circle" href="/estaciones/125" coords="749,23,7" />
        <area shape="circle" href="/estaciones/124" coords="768,22,7" />
        <area shape="circle" href="/estaciones/123" coords="803,62,7" />
        <area shape="circle" href="/estaciones/141" coords="834,105,7" />
        <area shape="circle" href="/estaciones/140" coords="798,105,7" />
        <area shape="circle" href="/estaciones/139" coords="763,105,7" />
        <area shape="circle" href="/estaciones/149" coords="722,105,7" />
        <area shape="circle" href="/estaciones/109" coords="948,193,6" />
        <area shape="circle" href="/estaciones/122" coords="1153,414,6" />
        <area shape="circle" href="/estaciones/121" coords="1148,365,6" />
        <area shape="circle" href="/estaciones/120" coords="1127,344,7" />
        <area shape="circle" href="/estaciones/119" coords="1215,313,6" />
        <area shape="circle" href="/estaciones/118" coords="1179,314,6" />
        <area shape="circle" href="/estaciones/117" coords="1152,314,6" />
        <area shape="circle" href="/estaciones/116" coords="1124,314,6" />
        <area shape="circle" href="/estaciones/115" coords="1083,301,6" />
        <area shape="circle" href="/estaciones/114" coords="1063,280,6" />
        <area shape="circle" href="/estaciones/113" coords="1041,259,6" />
        <area shape="circle" href="/estaciones/112" coords="1022,240,6" />
        <area shape="circle" href="/estaciones/111" coords="1000,220,6" />
        <area shape="circle" href="/estaciones/110" coords="980,199,6" />
        <area shape="circle" href="/estaciones/108" coords="924,193,6" />
        <area shape="circle" href="/estaciones/107" coords="900,194,6" />
        <area shape="circle" href="/estaciones/72" coords="821,181,6" />
        <area shape="circle" href="/estaciones/13" coords="833,195,6" />
        <area shape="circle" href="/estaciones/14" coords="850,194,6" />
        <area shape="circle" href="/estaciones/12" coords="800,195,5" />
        <area shape="circle" href="/estaciones/11" coords="781,194,5" />
        <area shape="circle" href="/estaciones/10" coords="729,194,5" />
        <area shape="circle" href="/estaciones/9" coords="705,194,5" />
        <area shape="circle" href="/estaciones/8" coords="681,194,5" />
        <area shape="circle" href="/estaciones/7" coords="658,194,5" />
        <area shape="circle" href="/estaciones/6" coords="634,194,5" />
        <area shape="circle" href="/estaciones/5" coords="611,194,5" />
        <area shape="circle" href="/estaciones/4" coords="586,194,5" />
        <area shape="circle" href="/estaciones/3" coords="564,194,5" />
        <area shape="circle" href="/estaciones/2" coords="541,194,5" />
        <area shape="circle" href="/estaciones/1" coords="508,194,5" />
        <area shape="circle" href="/estaciones/15" coords="454,195,6" />
        <area shape="circle" href="/estaciones/16" coords="433,195,6" />
        <area shape="circle" href="/estaciones/17" coords="408,195,6" />
        <area shape="circle" href="/estaciones/19" coords="351,195,6" />
        <area shape="circle" href="/estaciones/18" coords="375,195,6" />
        <area shape="circle" href="/estaciones/20" coords="330,195,6" />
        <area shape="circle" href="/estaciones/21" coords="304,195,6" />
        <area shape="circle" href="/estaciones/22" coords="283,195,6" />
        <area shape="circle" href="/estaciones/23" coords="258,195,6" />
        <area shape="circle" href="/estaciones/24" coords="234,194,6" />
        <area shape="circle" href="/estaciones/25" coords="211,194,6" />
        <area shape="circle" href="/estaciones/29" coords="115,194,6" />
        <area shape="circle" href="/estaciones/26" coords="187,193,6" />
        <area shape="circle" href="/estaciones/27" coords="163,194,6" />
        <area shape="circle" href="/estaciones/28" coords="139,194,6" />
        <area shape="circle" href="/estaciones/30" coords="78,194,6" />
        <area shape="circle" href="/estaciones/31" coords="38,194,6" />
    </map>
  </div>
@endsection