/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13-nov-2017, 10:00:58
    Author     : pvera
*/
.mapa{
    margin-bottom: 10px;
    display: none;
}

.lista-lineas, .paradas{
    width: 100%;
    /*display: block;*/
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.lista-lineas li, .lista-trayectos li{
    padding: 20px;
    width: 100%;
    cursor: pointer;
}

.columna-1{
    float: left;
}

.columna-2{
    float: right;
}

.paradas li{
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    list-style: none;
}

.paradas li:after{
    content: ' ';
    width: 3px;
    height: 3px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0px;
    background: #ffffff;
    border-radius: 3px;
    border: 2px solid #000000;
}

/*.paradas li:before{
    content: ' ';
    width: 7px;
    height: 100%;
    display: block;
    background: #00984b;
    position: absolute;
    top: 0;
    width: 4px;
    left: 0;
}

.paradas li:first-child:before{
    content: ' ';
    width: 4px;
    height: 50%;
    display: block;
    background: #00984b;
    position: absolute;
    left: 0;
    top: 50%;
}

.paradas li:last-child:before{
    content: ' ';
    width: 4px;
    height: 50%;
    display: block;
    background: #00984b;
    position: absolute;
    left: 0;
}

.paradas li:first-child:after, .paradas li:last-child:after{
    content: ' ';
    width: 5px;
    height: 5px;
    display: inline-block;
    position: absolute;
    margin-top: -7px;
    left: -5.5px;
    background: #ffffff;
    border-radius: 9px;
    border: 8px solid #00984b;
}*/

.paradas li:first-child, .paradas li:last-child{
    font-weight: bold;
}

.paradas-1, .paradas-2{
    padding: 10px;
    color: black;
}

.icono-linea{
    margin-right: 20px;
    cursor: pointer;
}

.nombre-linea{
    margin-left: 40px;
    font-size: 20px;
    line-height: 22px;
    margin-top: 15px;
}

.lista-trayectos{
    display: block;
    width: 100%;
    cursor: pointer;
}

.cuadro-trayecto{
    width: 96% !important;
    margin: 40px 0px;
}

#trayecto{
    width: 100% !important;
    background-color: white;
    border: none;
    color: black;
    display: flex;
    padding: 20px 0px 20px 30px;
    border-radius: 2px;
    outline: none;
}

/*#trayecto:active{
    border: 2px solid;
    border-color: #1ba349;
}

#trayecto:focus{
    border: 2px solid;
    border-color: #1ba349;
}

.activo:visited{
    border: 2px solid;
    border-color: #1ba349;
}*/

.icono-bus{
    margin: 0px 40px 0px 0px;
}

.nombre-trayecto{
    display: block;
    margin: 10px 0px;
    font-size: initial;
}

.informacionCompleta{
    width: 100%;
    border: 1px solid;
    border-color: rgb(217, 217, 217);
    visibility: hidden;
    margin-top: 40px;
    margin-top: 10px;
    display: none;
}

.info{
    margin-top: 40px;
    visibility: hidden;
}

#infoTiempos{
    background-color: transparent;
    width: -webkit-fill-available;
    margin: 20px;
    color: black;
}

.cabecera tr, .cuerpo tr{
    height: 10px;
}

.cabecera th, .cuerpo td{
    vertical-align: middle;
    text-align: left;
    padding-top: 10px;
    padding-left: 5%;
}

.nombres{
    margin: 10px;
    background-color: rgba(242, 242, 242, 0.5);
}

.nombreParada{
    width: 50%;
    padding: 20px 20px 20px 20px;
    float: left;
    text-align: center;
    background-color: rgba(242, 242, 242, 0.5);
    margin-bottom: 10px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgb(217, 217, 217);
}

.nombreTrayecto{
    width: 50%;
    padding: 20px 20px 20px 20px;
    float: left;
    text-align: center;
    background-color: rgba(242, 242, 242, 0.5);
    margin-bottom: 20px;
    border-left: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgb(217, 217, 217);
}

.nombreParada p, .nombreTrayecto p{
    color: black;
    font-size: 18px;
    font-weight: lighter;
    vertical-align: middle;
    text-align: left;
    margin: 10px;
}

.correspondencias{
    width: 100%;
    padding: 10px 10px;
    float: left;
    margin-left: 12px;
    text-align: left;
}

.correspondencias b{
    margin-right: 10px;
}

.correspondencias p{
    color: black;
    font-size: 16px;
    font-weight: lighter;
}

.icono-corres{
    padding: 5px;
    border-radius: 2px;
    color: white;
    margin-right: 10px; 
    font-weight: bold;
    font-size: large;
}

.en-uso{
    width: 33%;
}

.sinoptico{
    border: 1px solid;
    border-color: rgb(217, 217, 217);
    margin-bottom: 40px;
    margin-top: 10px;
}

.esquema-tiempos{
    margin-top: 20px;
    margin-left: 15%;
}

.selectores{
    border: 1px solid;
    border-color: rgb(217, 217, 217);
    margin-bottom: 10px;
}

.sin-estimaciones{
    color: black;
    font-size: 14px;
    font-style: italic;
    margin-left: 20px;
}