.modContent a {
  color: #212121;
}
.modContent a:hover {
  color: #e02b36;
}

.titleBuscador h1 {
  font-size: 31.5px;
  display: inline;
}
.ignoreStyleH1 {
  color: #ffffff;
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.25em;
}

.bloqueZona20 .tabla1 h2.titulo1 {
  display: none;
}

.titleBuscador {
  background: #212121;
  border-bottom: 1px solid #212121;
  font-family: "bignoodletitlingregular";
  font-size: 2em;
  font-weight: lighter;
  height: 39px;
  padding-top: 13px;
}
.tabsBuscador {
  background: #212121;
  border-top: 1px #494949 solid;
  height: 32px;
}

/*Tooltip para descargable de Troncales*/
.clPlegablePDF {
  display: inline;
  position: relative;
}

.clPlegablePDF:hover:after {
  font-family: "Roboto Regular", Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #fff;
  background: #4e4e4e;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  border-color: 1px solid #212121;
  bottom: 31px;
  content: attr(title);
  right: -110%;
  padding: 4px 6px;
  position: absolute;
  z-index: 98;
  width: 163px;
}

.clPlegablePDF:hover:before {
  border: solid;
  border-color: #212121 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 25px;
  content: "";
  left: 21%;
  position: absolute;
  z-index: 99;
}

/* Filtro Buscador*/

/*.filter_buscador .tablaBloque23719 h2.titulo1 {display: none;}*/
h3.tituloBloqueRuta {
  padding-left: 1em;
}
h3.title-tab {
  color: #e02b36;
}
h3.title-tab span {
  color: #e02b36;
  font-size: 13px;
}
.filter_buscador #tab3 {
  padding: 1em;
}
.filter_buscador #tab3 label {
  margin-left: 0px;
  margin-top: 10px;
}
.filter_buscador #tab3 input[type="text"] {
  width: 94%;
}
.filter_buscador #tab3 .wp-opciones {
  text-align: right;
  margin-bottom: -4em;
}
.filter_buscador #tab3 .cambiarOpciones {
  font-size: 1.5em;
}
.filter_buscador #tab3 .cambiarOpciones:hover {
  text-decoration: none;
}

.filter_buscador #tab3 #btn_planear {
  background: #005179;
  color: #fff;
  margin: 0 auto;
  padding: 0.5em 1.4em;
}
.filter_buscador #tab3 .planear-action {
  text-align: center;
  margin-top: 1em;
}
#resultadoBusqueda #tomarOrigen:before,
#resultadoBusqueda #tomarDestino:before {
  content: "\f041";
  font-family: FontAwesome;
  font-weight: 400;
  margin-right: 0.5em;
  font-size: 1.1em;
  color: #d63200;
}

.pagination {
  list-style-type: none;
  margin-top: 50px;
}
.pagination > li > a {
  float: none;
}

#resultadoBusqueda ul {
  list-style-type: none;
}

#resultadoBusqueda #tomarOrigen,
#resultadoBusqueda #tomarDestino {
  font-size: 1.2em;
}

#resultadoBusqueda #tomarOrigen:hover,
#resultadoBusqueda #tomarDestino:hover {
  text-decoration: none;
  color: #019bd7;
}
div.facebook .pp_details {
  position: relative;
}

div.facebook .pp_close {
}
/*INICIO sticky estilos*/
.relative {
  position: absolute;
}

.sticky {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1212121;
}

.stickyBuscador {
  width: 1022px;
  left: 50% !important;
  margin-left: -511px !important;
}

.stickyLateral {
  top: 86px;
}

.headerBuscador {
  z-index: 9999998 !important;
}

#content #lateralContent {
  display: inline-block;
  margin: 0px !important;
  z-index: 100;
}

#wrapper #content {
  margin-left: 10px;
}

.padding-86 {
  padding-top: 86px !important;
}

@media screen and (max-width: 1024px) {
  .stickyBuscador {
    width: 768px;
    left: 50% !important;
    margin-left: -384px !important;
  }
}

@media screen and (max-width: 760px) {
  .stickyBuscador {
    width: 100%;
    left: 0 !important;
    margin-left: 0 !important;
  }
  .tabsBuscador {
    height: 62px !important;
  }
  .detalleServicio {
    width: 100% !important;
  }
  .containerCodigo {
    width: 22% !important;
  }
  .containerInfoListRuta {
    width: 63% !important;
  }
  .parafoDescripcion {
    width: 75% !important;
  }
  .descripcionRutaZonal {
    height: auto !important;
  }

  .mapaRutaAlimentadora {
    width: 100% !important;
    height: 100% !important;
  }
  .descripcionAli {
    width: 75% !important;
  }
}

.pad-166 {
  padding-top: 166px !important;
}

#zonaBloqueContent {
  display: inline-block;
  float: none !important;
}

#zonaBloqueContent #resultadoBusqueda {
  min-height: 870px;
}

/*FIN sticky estilos*/
.containerInfoListRuta {
  float: left;
  width: 80%;
}
.contZonaPertenece {
  float: left;
  width: 100%;
}
.contZonaPertenece .nombreZona {
  /*display: inline-block;*/
  /*position: relative;*/
  left: 24%;
  top: 53%;
  width: 94px;
  background: #e02b36;
  border-radius: 4px;
  color: #fff;
  font-size: 11.844px;
  text-align: center;
  line-height: 19px;
  float: right;
}

.buscaRuta {
  background: #019dd8;
  border: none;
  color: #fff;
  padding: 10px 78px 4px 78px;
  font-family: "bignoodletitlingregular";
  font-size: 1.5em;
  margin: 10px 0px 0px 20px;
}
.descripcionRuta {
  background: url(../img/iconoTroncalM.jpg) left 0 no-repeat;
  display: block;
  margin-bottom: 7px;
}
.containerDescripcion {
  display: flex;
  min-height: 60px;
  margin-bottom: 20px;
}
.parafoDescripcion {
  padding: 13px;
  margin-left: 45px;
  background: #efefef;
}
.filtroRutas h3 {
  color: #02517c;
  font-size: 1.15em;
  padding-left: 19px;
  padding-top: 10px;
  padding-bottom: 0px;
  border-bottom: none;
  margin: 0px;
  font-family: "Roboto Bold", Helvetica, Arial, sans-serif;
  font-weight: lighter;
  letter-spacing: -0.3px;
  line-height: 1em;
}
.filtroRutas p {
  line-height: 1.2em;
  color: #303030;
  padding: 14px 19px;
  margin: 0px;
}
/*#resultadoBusqueda h3 {
    border: none !important;
    color: #005179;
}
.linkMapaGeneral {
    color: #005179;
    display: block;
    padding: 8px 0px;
}


input[id^="tipoRuta-"]::-ms-expand {
    display: none;
}
input[id^="tipoRuta-"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../../../web/portal/img/IconServicio.png) left top no-repeat;
    height: 25px;
    width: 31px;
    margin-left: -1px;
} */
.listaTipoRutas {
  padding: 0;
  margin: 0;
  list-style: none;
}
.listaTipoRutas li a {
  background: url(../img/IconServicio.png) left top no-repeat;
  height: 25px;
  /*  width: 31px; */
  display: block;
  font-size: 14.5px;
  font-weight: normal;
  /*text-decoration: none;*/
  padding: 0 0 0 10px;
  text-align: left !important;
  color: #212121;
  padding: 2px 0 0 40px;
  margin: 12px 0;
  position: inherit;
}
/*.listaTipoRutas li a.selRuta{
    background: url(../../../web/portal/img/IconServicio.png) 0px top no-repeat;
    font-weight: bold; 
    verde: 0px -29px;   
    azul:0px -60px;
    naranja:0px -93px;
    rojo:0px-122px;

}*/

.selRuta {
  text-decoration: underline !important;
}

.listaTipoRutas li a#tipoRuta-6 {
  background: url(../img/IconServicio2.png) left top no-repeat;
}
.listaTipoRutas li a.selRuta#tipoRuta-6 {
  background: url(../img/SpritesIconsO.png) 0px top no-repeat;
}
.listaTipoRutas li a.selRuta#tipoRuta-7 {
  background: url(../img/SpritesIconsO.png) 0px top no-repeat;
  background-position: 0px -29px;
}
.listaTipoRutas li a.selRuta#tipoRuta-8 {
  background: url(../img/SpritesIconsO.png) 0px top no-repeat;
  background-position: 0px -60px;
}
.listaTipoRutas li a.selRuta#tipoRuta-9 {
  background: url(../img/SpritesIconsO.png) 0px top no-repeat;
  background-position: 0px -93px;
}
.listaTipoRutas li a.selRuta#tipoRuta-10 {
  background: url(../img/SpritesIconsO.png) 0px top no-repeat;
  background-position: 0 -122px;
}
/* input[id^="tipoRuta-"]:checked {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../../../../../index.php%EF%B9%96code=404&showErrorPage=1.html) 0px top no-repeat;
    height: 25px;
    width: 31px;
    margin-left: -1px;
} 
input#tipoRuta-6 {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../../../web/portal/img/IconServicio2.png) left top no-repeat;
    height: 25px;
    width: 31px;
    margin-left: 0px;
}
input#tipoRuta-6:checked {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../../../../../index.php%EF%B9%96code=404&showErrorPage=1.html) 0px top no-repeat;
    height: 25px;
    width: 31px;
    margin-left: 0px;
}
input#tipoRuta-7 {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../../../web/portal/img/IconServicio.png) left top no-repeat;
    height: 25px;
    width: 31px;
    margin-left: -1px;
}
input#tipoRuta-7:checked {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../../../../../index.php%EF%B9%96code=404&showErrorPage=1.html) 0px top no-repeat;
    height: 25px;
    width: 31px;
    margin-left: -1px;
}
input#tipoRuta-8 {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../../../web/portal/img/IconServicio.png) left top no-repeat;
    height: 25px;
    width: 31px;
    margin-left: -1px;
}
input#tipoRuta-8:checked {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../../../../../index.php%EF%B9%96code=404&showErrorPage=1.html) 0px top no-repeat;
    height: 25px;
    width: 31px;
    margin-left: -1px;
}
input#tipoRuta-9 {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../../../web/portal/img/IconServicio.png) left top no-repeat;
    height: 25px;
    width: 31px;
    margin-left: -1px;
}
input#tipoRuta-9:checked {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../../../../../index.php%EF%B9%96code=404&showErrorPage=1.html) 0px top no-repeat;
    height: 25px;
    width: 31px;
    margin-left: -1px;
}
input#tipoRuta-10 {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../../../web/portal/img/IconServicio.png) left top no-repeat;
    height: 25px;
    width: 31px;
    margin-left: -1px;
}
input#tipoRuta-10:checked {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../../../../../index.php%EF%B9%96code=404&showErrorPage=1.html) 0px top no-repeat;
    height: 25px;
    width: 31px;
    margin-left: -1px;
}*/
.filtroRutas fieldset {
  border-left: 1px dashed #303030;
  margin-left: 27px;
  padding: 0px 0px;
}
.filtroRutas span {
  display: inline-block;
  padding: 13px 7px 13px 20px;
}
.containerFieldsFilter input[type="radio"] {
  margin: 0px 0px 0px 20px;
}
.containerFieldsFilter label {
  width: 188px !important;
}
.containerFieldsFilter input[type="text"] {
  margin: 9px 0px 8px 19px;
}

.containerFieldsFilter h5 {
  margin-left: 19px;
  color: #02517c;
  font-size: 1.15em;
  font-family: "Open Sans Semibold";
  font-weight: lighter;
}

/**ESTILOS INFOTRONCAL**/

.no-sort {
  display: none;
}
#resultadoBusqueda .tablaTroncales td {
  background: #ffffff;
  border-right: none !important;
  border-bottom: 1px dashed #c1c1c1;
  font-size: 1.1em;
  padding: 0px;
  text-align: left;
}
.infoTroncal,
.infoAlimentadoraPrincipal {
  margin: 16px 0px 0px 0px;
  float: left;
}
.letraTroncal {
  font-size: 2.1em;
  font-weight: bold;
  padding: 10px 10px 0px 15px;
  font-family: "Roboto Bold";
}
/*span.ignoreAaa {
    font-family: 'Roboto Bold';
}*/
.nombreTroncal {
  display: block;
  float: left;
  margin: 10px 0px 0px 11px;
}

.moduloParaderoMultiple {
  margin-left: 0px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 11px;
  padding-top: 20px;
  width: 90%;
  border-bottom: 3px solid #a09f9f;
  margin-bottom: 25px;
}

div.moduloParaderoMultiple img.imgParadero {
  float: left;
}

div.moduloParaderoMultiple span.codigoParadero {
  display: block;
  padding-left: 38px;
  margin-left: -1px;
  color: #212121;
  font-weight: bold;
}

div.moduloParaderoMultiple span.nombreParadero {
  display: block;
  padding-left: 38px;
  color: #212121;
}

div.moduloParaderoMultiple span.direccionParadero {
  display: block;
  padding-left: 38px;
  color: #212121;
}

div.moduloParaderoMultiple span p {
  padding-top: 20px !important;
}

.nombreTroncal:hover {
  color: #606669;
  text-decoration: underline;
}
.esquemaTroncal {
  margin-right: 17px;
  margin-top: 18px;
}
.infoTroncalPrincipal {
  border-bottom: 1px dashed #ccc;
  height: 41px;
  width: 662px;
  padding-bottom: 10px;
}
.infoTroncalPrincipal .nombretroncal {
  padding-top: 11px;
  padding-left: 35px;
}
.infoTroncalPrincipal .letraTroncal {
  font-size: 2.4em;
  font-weight: normal;
}
.infoTroncalPrincipal h5 {
  display: none;
}
div#zonaBloqueContent .tblGenRutas td {
  background: #ffffff;
  border-right: none !important;
  border-bottom: 1px dashed #c1c1c1;
  font-size: 0.95em;
  padding: 13px 0px 0px 0px;
  text-align: left;
}
div#zonaBloqueContent .tblGenRutas td:hover {
  background: #efefef;
}
div#zonaBloqueContent .tblGenRutas {
  margin: 19px 0px 0px 0px;
}
td.sorting_disabled {
  display: none;
}
.paradaContainer {
  padding: 5px 17px;
}
td:hover .paradaContainer a {
  text-decoration: none;
}
td:hover .paradaContainer span::before {
  color: #e02b36;
}
.icon-circle {
  color: #212121;
  font-size: 0.7em !important;
}
.paradaContainer .fa {
  padding-right: 5px;
}
.paradaContainer .changue-paraderos span {
  font-size: 1.3em;
  vertical-align: middle;
}
.paradaContainer .changue-paraderos span.fa-circle {
  font-size: 1em;
}
.paradaContainer span.fa-map-marker {
  font-size: 1.2em;
}

.paradaContainer .changue-paraderos .fa:before {
  content: "\f111";
  width: auto;
  height: auto;
  background: transparent;
}
.icon-map-marker {
  font-size: 1em !important;
  margin-right: 6px !important;
  margin-left: 1px;
}
.icon-map-marker:hover,
.icon-circle:hover {
  color: #009cd7;
}
.iconTroncal {
  width: 25px;
  height: 25px;
  float: right;
  margin: 11px 11px 0px 0px;
  position: relative;

  top: 0px;
}

.iconMapaEdit {
  width: 25px;
  height: 25px;
  float: right;
  margin: 11px 11px 0px 0px;
  position: relative;
  top: -45px;
}

#zonaBloqueContent .recorrido .recorrido1 span.icon-paradero {
  position: relative;
  left: 4px;
  top: 20px;
}
.lateralTroncal .estacionRecorrido .icon-paradero {
  float: left;
}
img.imgRecorridoParaderoMin {
  width: 20px;
}

.recorrido .recorrido1 .paradero {
  background: none;
}

.downPlegable {
  display: inline;
  position: relative;
}

.resultadoBusqueda a.clPlegablePDF:hover {
  background-color: #212121 !important;
  text-decoration: underline;
}

/**ESTILOS INFO PARADA PRINCIPAL**/

.infoParadaPrincipal {
  border-bottom: 1px dashed #ccc;
  height: 62px;
  padding: 0px 0px 10px 11px;
  width: 662px;
}
.nombretroncal {
  font-size: 1.4em;
}
.direccionBlock {
  font-size: 1.05em;
}

.containerCodigo {
  margin-right: 20px;
  width: 11%;
  border-radius: 0.438rem;
}

#tblRutaTroncal_wrapper div.containerCodigo div.codigoRuta {
  font-size: 2em !important;
  padding-top: 4px;
  text-align: center;
  color: #ffffff;
}

#tblPagine_wrapper table.dataTable.no-footer {
  border: transparent !important;
}

#tblRutaTroncal_wrapper table.dataTable.no-footer {
  border: none !important;
}

#tblZonas_wrapper .tablaGen td {
  border: none !important;
}

#tblZonas_wrapper table.dataTable.no-footer {
  border: none !important;
}
table.tablaGen tbody tr td {
  border-right: 0;
}
table.tablaGen tbody tr.odd td {
  background-color: transparent;
}

.tablaGen td a {
  color: #212121 !important;
}

.tablaGen td a:hover {
  color: #e02b36 !important;
  text-decoration: #e02b36 underline;
}

#tblZonas .tablaGen td {
  border: none;
}

#tblZonas .containerZona {
  position: relative;
  padding: 0px;
  border-left: 5px solid #005179;
  margin-left: 0px;
  border-bottom: 1px dashed #c1c1c1;
}

#tblZonas .containerZona div.numeroZona {
  font-family: "Roboto Bold", Helvetica, Arial, sans-serif;
  position: absolute;
  left: 0px;
  font-size: 2em;
  padding-left: 10px;
  padding-top: 2px;
}

#tblZonas .tablaGen td a {
  color: #212121 !important;
}

#tblZonas span.numRutasZona {
  position: relative;
  left: 96%;
  top: -27px;
  font-size: 1.2em;
  font-family: "Roboto Bold", Helvetica, Arial, sans-serif;
  color: #212121;
}

#tblZonas .containerZona .codigoRuta {
  font-family: "Roboto bold", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  text-align: left;
  padding: 0px 50px 9px;
  padding-top: 3px;
  letter-spacing: 0px;
  color: #212121;
}

#tblRutasTroncales_wrapper
  table#tblRutasTroncales
  div.containerCodigo
  div.codigoRuta {
  border-bottom: none;
  font-size: 2em;
  line-height: 40px;
  position: relative;
  top: -5px;
  font-family: "Roboto Regular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  width: 100%;
  color: #ffffff;
  border-radius: 0.438rem;
}

#tblPagine_wrapper table#tblPagine div.containerCodigo div.codigoRuta {
  font-size: 2em;
  line-height: 46px;
  position: relative;
  top: -6px;
  font-family: "Roboto Regular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  width: 100%;
  color: #ffffff;
}

#tblRutasTroncales div.containerCodigo div.codigoRuta {
  border-bottom: 10px solid #00398b;
  font-size: 2em;
  line-height: 46px;
  position: relative;
  top: -12px;
  font-family: "Roboto Regular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

#tblZonas .codigoRuta {
  font-family: "Roboto bold", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  text-align: left;
  padding: 0px 50px 9px;
  padding-top: 3px;
  letter-spacing: 0px;
  color: #212121 !important;
}

#tblZonas .codigoRuta:hover {
  font-family: "Roboto bold", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  text-align: left;
  padding: 0px 50px 9px;
  padding-top: 3px;
  letter-spacing: 0px;
  color: #212121;
  background: #eee;
}

.tblGenRutas .rutaEstacionesNombre {
  font-size: 1.4em;
}

.tblGenRutas .rutaNombre {
  font-size: 1.4em;
}

.label-horario {
  display: inline-block;
  background: #303030 !important;
  font-weight: normal !important;
  padding: 5px;
  font-size: 11px;
  margin-top: 5px;
  margin-bottom: 0;
}
.containerVagon {
  float: left;
  width: 100%;
  margin: 0 10px 0 0;
}
.containerVagon .label {
  background: #e02b36;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: normal;
  float: right;
}

.ContDescRuta {
  position: relative;
  padding: 0;
  margin-bottom: 17px;
}

.ContDescRuta div.descIcon {
  background: rgba(0, 0, 0, 0) url("../img/iconoRutaA.jpg") no-repeat scroll
    left top;
  margin: 0 0 5px;
  min-height: 60px;
}
.descripcionAli {
  padding: 4px 10px 8px 10px;
  margin-left: 45px;
  background: #efefef;
}

.infoRutaCodigo {
  border-bottom: 1px dashed #ccc;
  height: 39px;
  padding: 0px 0px 10px 0px;
  width: 100%;
}
.infoRutaCodigo .codigoRuta {
  font-size: 1.8em;
  text-align: center;
  font-weight: bold;
  padding: 9px;
  font-family: "Roboto Regular";
  color: #ffffff;
}
.infoRutaCodigo .rutaEstacionesNombre {
  font-size: 18px;
  font-weight: 500 !important;
  margin-top: 5px;
  display: block;
  border-bottom: none !important;
  color: #212121 !important;
  font-family: "Roboto Bold" !important;
}
.detalleServicio {
  width: 50%;
  float: right;
}
.detalleServicio .compartirRedes a {
  font-size: 9px;
}
.detalleServicio .compartirRedes a {
  color: #212121;
}
.detalleServicio .compartirRedes a:hover {
  color: #e02b36;
}

.detalleServicio .compartirRedes a .fa-whatsapp {
  display: none;
}
@media screen and (max-width: 767px) {
  .detalleServicio .compartirRedes a .fa-whatsapp {
    display: inline-block;
  }
}
#resultadoBusqueda .recorrido .titleRecorrido {
  width: 100%;
}

.horarioFuncionamiento {
  width: 360px;
  padding: 0px 0px 5px 15px;
}
.fa-clock {
  display: block;
  margin: 20px 0px 9px 0px;
}
.horarioFuncionamiento > span > span {
  font-family: "Roboto Regular", Helvetica, Arial, sans-serif;
}
.fa-clock:before {
  margin-right: 7px;
}
.horarioFuncionamiento .label-horario {
  background: #303030;
  margin-bottom: 4px;
  text-align: center;
  padding: 5px;
}
.infoOrigenDestino {
  background: url(../img/fondoOrigen.png) 4px 16px no-repeat;
  padding-bottom: 10px;
}
.estOrigen {
  margin-bottom: 10px;
}
.contentConvencion .fa-circle-blank {
  margin: 0px;
}
.contentConvencion .fa-circle {
  margin: 0px;
}
.infoOrigenDestino span.fa {
  font-size: 1.1em;
}
.infoOrigenDestino .fa-circle-blank {
  color: #9e9e9e;
}
.infoOrigenDestino .fa-circle {
  color: #212121;
}
.ConttipoRuta {
  border-bottom: 1px dotted #9a9a9a;
  margin-bottom: 13px;
  padding-bottom: 10px;
}
.convenciones {
  margin-top: 5px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  border-bottom: 1px dashed #ccc;
  width: 100%;
  float: left;
}
.convenciones .contentConvencion .iconRecorrido {
  vertical-align: middle;
  padding-right: 0;
  margin-left: 0;
  font-size: 1.1em;
}

.labeltipoRuta {
  background: url(../img/IconTipoRuta.png) 0px -2px no-repeat;
  padding: 0px 0px 0px 24px;
}
/*.labeltipoRuta:before {
    content: "\f068";
    font-family: 'FontAwesome';
    color: #9E9E9E;
}*/

.detalleServicio .compartirRedes a.aIcont {
  font-size: 21px !important;
}

.detalleServicio .compartirRedes a.aIcont:hover {
  text-decoration: none;
}

.detalleServicio .compartirRedes a.aIconf {
  font-size: 21px !important;
}

.detalleServicio .compartirRedes a.aIconf:hover {
  text-decoration: none;
}

.recorrido {
  float: left;
  width: 50%;
}
.infoParada .estNombre span {
  font-weight: normal;
  font-size: 1em;
  font-weight: bold;
}

.infoParada .estNombre a {
  font-weight: bold;
  color: #262424;
}

.contentConvencion {
  margin: 3px 0px 3px 0px;
}
.contentConvencion .icon-genderless {
  font-size: 1.5em;
}
.contentConvencion .icon-genderless:before {
  content: "\f10c";
  font-family: "FontAwesome";
}
.containerFieldsFilter label {
  color: #636363;
  margin: 0px 0px 0px 18px;
}
.zonaFiltro label {
  margin: 0 0 7px 2px;
}
/*RUTAS COMPLEMENTARIAS*/

.containerFieldsFilter {
  margin: 28px 0px 0px 0px;
}

.containerFieldsFilter h5 {
  font-weight: bold;
}
.containerFieldsFilter label {
  text-align: left !important;
  color: #212121;
  margin: 5px 0px 0px 19px;
}
.containerFieldsFilter #txtCodRuta,
.containerFieldsFilter #selectZona,
.containerFieldsFilter #selectEstacionCercana,
.containerFieldsFilter #txtAvePrincipal {
  width: 216px;
}

.caracteristicasRutaTab:hover {
  background-color: #d0d0d0;
}

.recorridoRutaTab:hover {
  background-color: #d0d0d0;
}

.tabOpciones h5 {
  color: #212121;
  background-color: #ededed !important;
  text-align: center;
  padding: 5px 15px 5px 46px;
  height: 30px;
  border-radius: 5px;
  line-height: 21px;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  width: 49%;
}
.tabOpciones h5.rutaTabSel,
.tabOpciones h5:hover {
  background-color: #dbdbdb !important;
  color: #212121;
}
.tabOpciones h5.recorridoRutaTab {
  background: url(../img/iconosTabRecorri.png) 13px -29px no-repeat;
}
.tabOpciones h5.recorridoRutaTab.rutaTabSel,
.tabOpciones h5.recorridoRutaTab:hover {
  background-position: 13px -29px;
  cursor: pointer;
}
.tabOpciones h5.caracteristicasRutaTab {
  background: url(../img/iconosTabCarac.png) 11px -31px no-repeat;
}
.tabOpciones h5.caracteristicasRutaTab.rutaTabSel,
.tabOpciones h5.caracteristicasRutaTab:hover {
  background-position: 11px -31px;
  cursor: pointer;
}

.contentRecorridoRutaTab,
.contentCaracteristicasRutaTab {
  clear: both;
  margin: 27px 0px 0px 0px;
}
.labelCheckSentido {
  color: #212121;
  font-size: 1.1em;
  margin: 5px 0;
}
.checkSentido {
  margin: -3px 0px 0px 4px;
  background: #005179;
}
.estacionRecorrido {
  margin-left: 11px !important;
  margin-top: 0px !important;
  padding-bottom: 5px !important;
  background: url(../img/fondoRecorrido.jpg) left top repeat-y;
  float: left;
  width: 100%;
}
.firstRecorrido {
  background: url(../img/fondoRecorrido1.png) 1px top no-repeat,
    url(../img/fondoRecorrido.jpg) left top repeat-y;
}
.lastRecorrido {
  background: url(../img/fondoRecorrido.jpg) 0px 0px no-repeat,
    url(../img/fondoRecorrido2.png) 1px 11px no-repeat;
}

/* .recorrido div:first-child .lateralTroncal .estacionRecorrido{
background: url(../../../../../index.php%EF%B9%96code=404&showErrorPage=1.html) left top no-repeat;
}
.recorrido  .estacionRecorrido:last-child {
background: url(../../../../../index.php%EF%B9%96code=404&showErrorPage=1.html) left top no-repeat;
} */
#contentRecorridoRutaTab .recorrido .recorrido1 {
  margin-top: 10px;
}
.nombreConvencion {
  font-size: 0.85em;
}
.estacionRecorrido div img {
  float: left;
  margin: 0px 9px 0px 0px;
}
.convencionesZonal {
  max-width: 700px;
  width: 100%;
  margin-top: 15px;
}
.compartirRedesZonal {
  width: 371px;
  clear: both;
}
.groupConvencion {
  width: 170px;
  float: left;
}
.infoParada .estDireccion {
  font-size: 0.9em;
}
.labelConvencion {
  background: #212121;
  text-align: center;
  font-weight: normal !important;
  display: inline-block;
  width: 35px;
  padding: 5px;
}
.contentConvencion .icon-stack {
  margin: 0px;
}
.nameTroncal {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  /*writing-mode: tb-rl;*/
  display: block;
  position: absolute;
  margin: -26px 0px 0px -34px;
  font-weight: bold;
  top: 50%;
  width: 88px;
}
.lateralTroncal {
  float: left;
  margin: 0px 0px 0px 30px;
}
.lateralTroncal .infoParada {
  margin-left: 30px;
  padding-bottom: 5px;
}
.tipoServicioTab .tabSel {
  border-bottom: 3px solid #019dd8;
}

.estacionRecorrido .fa-circle,
.estacionRecorrido .fa-circle-o {
  float: left;
  margin: 0px 0px 0px 5px;
  font-size: 22px;
  padding-right: 0;
}
.estacionRecorrido .fa-circle-blank {
  float: left;
  margin: 0px 0px 0px 5px;
  padding-right: 0;
}
.lateralTroncal .estacionRecorrido .fa-circle {
  font-size: 16px;
}
.firstRecorrido .iconRecorrido {
  margin-top: 5px;
  margin-left: 5px;
}
.lateralTroncal .firstRecorrido .infoParada {
  padding-top: 5px;
}
.lastRecorrido .iconRecorrido {
  margin-left: 5px;
}
.contentRecorridoRutaTab .estacionRecorrido .infoParada {
  margin-left: 38px;
}
.titleRecorrido div {
  margin: 0px 0px 0px 37px;
}
.recorridoAlimentadora .estacionRecorrido {
  background: none;
  margin: 15px 0px;
}
.contPortalPertenece .nombrePortal:empty {
  padding: 0;
  margin: 0px 20px 0px 0px;
}
.contPortalPertenece .nombrePortal {
  color: white;
  padding: 8px;
  border-radius: 3px;
}
.recorridoAlimentadora .numeroRecorrido {
  float: left;
  margin: 0px 0px 0px 9px;
}
.recorridoAlimentadora .infoParada {
  margin: 0px 0px 0px 56px;
}

.recorridoAlimentadora .diamond {
  float: left;
  position: absolute;
  margin-left: 2px;
}
#resultadoBusqueda .recorrido > div {
  position: relative;
  float: left;
}
.estacionRecorrido .diamond ~ span.numeroRecorrido {
  margin-left: 33px;
}
.fa-circle-blank:before {
  content: "\f10c";
}
.recorridoAlimentadora .triangle {
  float: left;
  margin-left: 5px;
}
.recorridoAlimentadora .fa-circle-blank {
  margin: 0px 0px 0px 5px;
}
.recorridoAlimentadora .fa-circle-blank:before {
  font-size: 1.5em;
}

.contentRecorridoRutaTab .estacionRecorrido {
  background: none;
}

.titleEuqema,
.titleEsquema,
.titleEnlacesInteres {
  color: #212121;
  margin: 0px 0px 14px 0px;
  font-size: 1.1em;
  display: block;
  font-weight: bold;
}
.titleDescargas {
  color: #212121;
  margin: 14px 0px 14px 0px;
  font-size: 1.1em;
  display: block;
  font-weight: bold;
}
.titleDescargas a {
  color: #e02b36;
}

.contentCaracteristicasRutaTab .infoTablaRuta,
.contentCaracteristicasRutaTab .tablaruta,
.contentCaracteristicasRutaTab .contDescargas,
.contentCaracteristicasRutaTab .contEnlacesInteres {
  float: left;
}
.contEnlacesInteres .infoEnlacesInteres {
  margin-bottom: 19px;
}
.contEnlacesInteres .infoEnlacesInteres a {
  background: #ececec;
  padding: 10px 20px;
  overflow: hidden;
  font-size: 0.9em;
  margin-left: 1px;
  display: block;
  color: #212121;
  width: 100%;
  margin-bottom: 5px;
}
.contEnlacesInteres .infoEnlacesInteres a:hover {
  color: #e02b36;
}
.contentCaracteristicasRutaTab .contEnlacesInteres,
.contentCaracteristicasRutaTab .contDescargas,
.contentCaracteristicasRutaTab .contEsquemaRutaZonal {
  width: 100%;
  margin-top: 20px;
}

.contDescargas ul {
  background: #ececec;
  overflow: hidden;
  padding: 0;
  text-align: center;
}
.contDescargas .downPlegable {
  padding: 0px 5px 0px 0px;
  float: left;
}
.contDescargas .downPlegable {
  padding: 0px 5px 0px 0px;
  float: left;
}
.contDescargas a {
  margin: 0px 10px 0px 10px;
  width: auto;
  display: block;
  text-align: center;
  float: left;
}

/* ESTILOS VISUALIZACIÓN MAPA (POPUP)*/
.dModRutas div.pp_pic_holder {
  z-index: 9999999 !important; /*valor maximo de z-index 2147483647*/
}
.dModRutas div.pp_overlay {
  z-index: 9999998 !important;
}

.dModRutas .ui-widget-overlay {
  z-index: 9999998 !important;
}

.dModRutas .ui-dialog {
  z-index: 9999999 !important;
}
.dModRutas .ui-dialog #modalPdf {
  height: 463px !important;
}
.dModRutas .ui-dialog .ui-dialog-titlebar #ui-id-1 {
  display: none !important;
}
.dModRutas .ui-dialog .ui-dialog-content {
  overflow: visible !important;
}
.dModRutas .ui-dialog.ui-widget {
  height: 507px !important;
}
/**/

.icon-operadores {
  background: url(../img/iconoOperadores.jpg) left top no-repeat;
}

/*RESOLUCION PARA MOVILES 760*/
@media screen and (max-width: 760px) {
  #lateralContent.zonaFiltro {
    display: block !important;
    width: 100%;
    padding-left: 10px;
  }
  .tablaBloque23719 #tablaEditor23719 {
    display: inline !important;
    font-size: 2em !important;
    position: relative !important;
    top: -11px !important;
    left: 212px !important;
  }

  .titleBuscador h2 {
    font-size: 21.5px;
    display: inline;
  }

  .tablaBloque23719 #tablaEditor23719:hover {
    color: #019bd7;
    display: inline;
    font-size: 2em;
  }
  .tablaBloque23719 #tablaEditor23719:before {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 1em;
    color: #242424;
  }
  .filter_buscador .tablaBloque23719 h2.titulo1 {
    border-bottom: 1px dotted #189bd7;
    color: #024266;
    font-family: "Roboto Regular";
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 1.15em;
    margin: 0 0 -19px 10px;
    padding-bottom: 5px;
    padding-top: 8px;
    display: block !important;
  }
  .contDescargas {
    display: inline-block;
  }
  /*.contDescargas {display: inline-block;position: relative; left: -298px;}*/

  #wrapper #content {
    margin-left: 0;
  }
  #btnFilter,
  #btnFilter2 {
    visibility: visible !important;
  }
}
.detalleServicioAlimentadora {
  width: 700px;
  float: none;
  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ccc;
}

.detalleServicioAlimentadora .ConttipoRuta {
  border-bottom: none;
  padding: 0px 0px 9px 0px;
  margin-bottom: 0;
}
.detalleServicioAlimentadora .msgInfoHorarios strong {
  color: #e02b36;
  font-size: 1.6em;
  vertical-align: middle;
}
.detalleServicioAlimentadora .msgInfoHorarios {
  font-size: 0.9em;
}
.detalleServicioAlimentadora .infoEstacionPertenece {
  padding: 8px 0px;
}
.detalleServicioAlimentadora .lblEstacionPertenece {
  background: url(../img/iconoUbicacion.png) left top no-repeat;
  padding-left: 24px;
  font-weight: bold;
}
.detalleServicioAlimentadora .contMsgInfoHorarios {
  margin: 0px 0px 0px 0px;
}
.detalleServicioAlimentadora .contDescargaPlegable a {
  background: url(../img/iconoDescargable.png) left top no-repeat;
  padding-left: 28px;
  font-weight: bold;
}
.detalleServicioAlimentadora .contDescargaPlegable {
  padding: 0px 0px 10px 0px;
}
.compartirRedesAliemtadora,
.compartirRedes {
  font-size: 15px;
  font-weight: bold;
  margin-top: 15px;
}
.ConttipoRuta .labeltipoRuta {
  font-weight: bold;
  display: inline-block;
}
.ConttipoRuta .nombretipoRutaInfo {
  display: inline-block;
}
.recorridoAlimentadora {
  margin: 30px 0px 0px 0px;
  display: grid;
}
.contImgRutaAlim {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 5px;
}
.titleParaderos {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: auto !important;
}
.recorridoAlimentadora .titleRecorrido {
  clear: both;
  margin-bottom: 20px;
}
.recorridoAlimentadora .titleRecorrido .titleParaderos h5 {
  font-size: 1.2em;
}
.recorridoAlimentadora .estacionRecorrido {
}
.horarioFuncionamiento {
  width: 100%;
  padding: 0 0 15px;
}
.detalleServicioAlimentadora .horarioFuncionamiento {
  max-width: 349px;
  width: 100%;
  padding: 0px 0px 5px 0px;
}
.detalleServicioA {
  float: left;
  width: 351px;
}
.detalleServicioB {
  float: left;
  width: 336px;
  margin: 15px 0px 0px 12px;
  font-size: 15px;
}
.recorridoAlimentadora .conteRecorrido {
  float: left;
  width: auto;
  margin-top: 10px;
  column-count: 3;
}
/*botones zoom rutas alimentadoras*/
.img-content {
  width: 555px;
  height: 320px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cont-button {
  flex-direction: column;
  display: inline-flex;
  position: absolute;
  z-index: 1000;
  margin: 10px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
}
.button-zoom_in {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  display: flex;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  color: black;
  font: bold 18px "Lucida Console", Monaco, monospace;
  cursor: pointer;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.button-zoom_in:hover {
  background-color: #ccc;
}

.button-zoom_out:hover {
  background-color: #ccc;
}

.button-zoom_out {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  display: flex;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  color: black;
  font: bold 18px "Lucida Console", Monaco, monospace;
  cursor: pointer;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
/*botones zoom rutas alimentadoras*/
.mapaRutaAlimentadora {
  height: 100%;
  width: 100%;
}

@media (max-width: 767px) {
  .conteRecorrido {
    column-count: 1 !important;
  }
}

.parrafoOperadores {
  background: url(../img/iconoOperadores.jpg) left top no-repeat;
  padding-left: 18px;
  display: none;
}
.contentCaracteristicasRutaTab .icon-map-marker {
  font-size: 1.4em !important;
  margin-right: 6px !important;
  margin-left: 1px;
  color: #676767;
}

.filtroRutasPuntoParada p {
  line-height: 1.2em;
  color: #303030;
}
.filtroRutasPuntoParada #formFilterParadero {
  margin: 0px 0px 0px 18px;
}
.filtroRutasPuntoParada .buscaRuta {
  margin: 10px 0px 0px 3px;
}
#btnFilter,
#btnFilter2 {
  visibility: hidden;
}
#btnFilter,
#btnFilter2 {
  background: #02517c;
  color: #fff;
  border-bottom: #002031 solid 4px;
  border-top: #002031 solid 1px;
  border-left: #002031 solid 1px;
  border-right: #002031 solid 1px;
  margin-left: 10px;
}
.infoTablaRuta table {
  width: 300px !important;
}
.contDescargas {
  width: 100%;
}
.contDescargas li {
  display: inline-block;
  list-style: none;
  padding: 10px 20px;
}
.contDescargas li a {
  margin: 0;
  color: #212121;
  font-size: 15px;
}
.contDescargas li a:hover {
  color: #e02b36;
}
/* opciones mapa */
.cambiarOpciones {
  cursor: pointer;
}

/* Estilos planear viaje */
#resultadoPlanearViaje ul {
  padding-left: 10px;
  margin-bottom: 0;
}
#resultadoPlanearViaje ul li.label-horario {
  margin-top: 0;
}
.containerCodigoViaje {
  margin-left: 10px;
  margin-right: 10px;
  border-bottom-width: 5px !important ;
  margin: auto;
  width: 75px;
  text-align: center;
  margin-bottom: 5px;
}
.codigoRutaViaje {
  display: inline;
  color: #565353;
}
.containerOptionRuta .item-viaje.fin div {
  margin-top: 15px;
}
ul.containerviaje {
  list-style: none;
}
.containerOptionRuta .item-viaje span.fa.fa-play {
  padding-top: 15px;
}
.item-viaje {
  display: inline-block;
}
.item-viaje a {
  font-weight: 600;
  color: #565353;
}

.item-viaje a:hover {
  text-decoration: none;
}
.item-viaje .icon-play {
  color: #b3b3b3;
  padding: 14px 10px;
}
.wp_timeDuration {
  font-size: 1.2em;
  color: #e2282f;
  text-align: right;
  margin-top: 10px;
}
.item-detalle-a:hover {
  text-decoration: none;
}
.imgWalking {
  width: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
.containerOptionRuta img.bus,
.containerOptionRuta .size6.bus,
.containerOptionRuta .size5.bus {
  width: auto;
  height: auto;
}
.containerOptionRuta .item-viaje.fin img {
  width: auto;
}

.containerOptionRuta {
  border-bottom: 1px dashed #212121;
  width: 100%;
  float: left;
}
.containerOptionRuta a.item-detalle-a {
  background: #212121;
  display: inline-block;
  color: #fff;
  margin: auto;
  padding: 5px 15px;
  border-radius: 4px;
  float: right;
  text-decoration: none;
  margin-bottom: 10px;
  font-size: 12px;
}
.containerOptionRuta a.item-detalle-a:hover {
  background: #e02b36;
}
.item-hora {
  /*float: right;*/
  display: inline-block;
}
.item-detalle {
  float: right;
  margin-top: 50px;
  font-size: 1.5em;
}
#txtOrigen,
#txtDestino {
  display: none;
}

h3.title-iniciar-viaje {
  margin-bottom: 5px;
}

h3.title-finalizar-viaje {
  margin-top: -5px;
}
.container-recorrido {
  padding-left: 1.2em;
  border-left: 1px dashed #303030;
  position: relative;
  margin-left: 10px;
}
.container-recorrido li {
  padding: 1em 0;
  border-top: 1px solid #c1c1c1;
}
.container-recorrido li:first-child {
  margin: 0;
  border-top: 0;
}
.header-recorrido {
  display: block;
}

/* Acordeón interno*/
.container-recorrido .ui-accordion .ui-accordion-header {
  background: #f9f9f9 !important;
}
.container-recorrido .ui-accordion .ui-accordion-header:before {
  color: #212121;
  margin-left: 5px;
}
.container-recorrido .ui-accordion .ui-accordion-header:hover,
.container-recorrido .ui-accordion .ui-accordion-header.ui-state-active {
  background: #f5f5f5;
  color: #e02b36;
}
.container-recorrido .ui-accordion .ui-accordion-header:hover:before {
  color: #e02b36;
}
#sugerenciaPlanearViaje .accordionDetalle {
  margin-top: 10px;
}
#sugerenciaPlanearViaje .accordionDetalle ul.ui-accordion-content {
  padding: 1em;
  background: #f5f5f5;
  margin-top: 2px;
}
.header-recorrido .header-recorrido-title,
.header-recorrido .header-recorrido-time {
  width: 49%;
  display: inline-block;
}
.header-recorrido .header-recorrido-time {
  font-size: 17px;
  text-align: right;
  font-weight: 600;
}
.header-recorrido .header-recorrido-title {
  font-weight: 600;
  font-size: 18px;
  color: #212121;
  margin: 5px 0 15px;
}
.header-recorrido .header-recorrido-title h3 {
  font-weight: 600;
  font-size: 18px !important;
  color: #212121 !important;
  margin: 0;
}
.header-recorrido .header-recorrido-time .fa-clock {
  display: inline-block;
}
/*.recorrido-icontent img{
    padding-top: 0; 
    padding-right: 0;
}*/
.accordionDetalle {
  display: block;
  margin-top: 1em;
}
.accordionDetalle li {
  border: 0;
  padding: 5px 0;
  margin: 0px;
  font-size: 0.85em;
}
.recorrido-icontent .accordionDetalle .ui-state-default,
.recorrido-icontent .accordionDetalle .ui-widget-content .ui-state-default,
.recorrido-icontent .accordionDetalle .ui-widget-header .ui-state-default {
  background: #fff;
  border-bottom: 0;
  border: 0;
  font-size: 0.8em;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  left: inherit;
  right: 100px;
}
.recorrido-icontent .containerCodigoViaje {
  display: inline-block;
  padding-top: 0;
}
/*.recorrido-icontent .containerCodigoViaje img{
    float: inherit;
    padding-right: 0;
    width: 19px;
}*/
.recorrido-icontent p {
  display: inline-block;
}
.recorrido-icontent .containerCodigoViaje .codigoRutaViaje {
  margin-top: 5px;
  margin-left: 0;
  padding-left: 0;
  font-weight: 600;
}
.noticiaDestacada {
  padding: 15px 0;
}
.noticiaDestacada span {
  font-weight: bold;
  color: #e02b36;
}
/* fin planear viaje */

.letraTroncal {
  float: left;
}

/*** Buscador de Rutas 7.3 Cvillada ***/
.dModRutas #main-content .main-content {
  line-height: normal;
  letter-spacing: initial;
}
.dModRutas #main-content h1 {
  color: #fff;
  background: #212121;
  border-bottom: 1px solid #212121;
  text-align: center;
  padding: 15px 10px 10px;
  margin-bottom: 0;
}

/* Menú */
.dModRutas #main-content ul.nav.nav-tabs {
  color: #fff;
  background: #212121;
  border-top: 1px solid #494949;
}
.dModRutas #main-content ul.nav.nav-tabs li {
  width: auto;
  padding: 0;
  border-bottom: 0;
  margin-left: 0;
  margin-right: 1px;
}
.dModRutas #main-content ul.nav.nav-tabs li a {
  font-family: "HelveticaNeueBold";
  color: #fff;
  padding: 10px 15px 5px;
  margin-right: 1px;
  border-radius: 0;
  font-size: 1.2em;
  float: left;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  border: 0;
}
.dModRutas #main-content ul.nav.nav-tabs li:hover a,
.dModRutas #main-content ul.nav.nav-tabs li:focus a,
.dModRutas #main-content ul.nav.nav-tabs li.active a {
  background: transparent;
  border-bottom: 3px solid #f9c126;
  color: #f9c126;
}

.dModRutas #main-content .tab-content .breadcrumb {
  padding-top: 10px;
  font-size: 0.9em;
  margin-bottom: 0;
}

/* Zona Filtro */
.dModRutas #main-content .zonaFiltro {
  background: #efefef;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
.dModRutas #main-content .zonaFiltro .form-group {
  margin-bottom: 0;
}
.dModRutas #main-content .zonaFiltro .fieldSetPlanea .wp-opciones {
  float: right;
}
.dModRutas #main-content .zonaFiltro #form_search_ruta {
  display: block;
  padding: 0;
}
.dModRutas #main-content .zonaFiltro .form-control {
  border: 2px solid #ddd;
  height: 40px;
  border-radius: 10px;
  box-shadow: none;
}
.dModRutas #main-content .zonaFiltro h3 {
  color: #212121;
  text-align: center;
  margin-bottom: 20px;
}
.dModRutas #main-content .zonaFiltro #form_search_ruta #busquedaBtn,
.planear-action {
  text-align: center;
  display: block;
  font-family: "Roboto", sans-serif;
  border-radius: 10px;
}
.dModRutas #main-content .zonaFiltro #form_search_ruta #busquedaBtn {
  margin: auto;
  width: 100%;
}
.dModRutas #main-content .zonaFiltro #form_search_ruta #btnResetFormSearch {
  color: #e02b36;
  display: block;
  padding: 15px 5px;
}
.btn_restablecer {
  text-align: center;
  float: inherit;
  display: block;
  color: #e02b36;
}
.dModRutas #main-content .zonaFiltro #form_search_ruta #busqueda_avanzada {
  color: #212121;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
  font-weight: bold;
  margin-bottom: 20px;
}
.dModRutas
  #main-content
  .zonaFiltro
  #form_search_ruta
  #busqueda_avanzada:before {
  display: none;
}
.dModRutas
  #main-content
  .zonaFiltro
  #form_search_ruta
  #busqueda_avanzada:after {
  content: "\f067";
  font-family: "FontAwesome";
  font-size: 1.2em;
  float: right;
}
.dModRutas
  #main-content
  .zonaFiltro
  #form_search_ruta
  #busqueda_avanzada.clickAvanzadas:after {
  content: "\f068";
}
.dModRutas
  #main-content
  .zonaFiltro
  #form_search_ruta
  #busqueda_avanzada:hover {
  color: #212121;
}
/* FIN Zona Filtro */

.dModRutas #main-content #mapaPlanearViaje .noticiaDestacada {
  letter-spacing: normal;
  line-height: normal;
}
.dModRutas #main-content #resultadoBusqueda .infoRutaCodigo {
  height: auto;
  float: left;
}
.dModRutas #main-content #resultadoBusqueda .infoRutaCodigo .codigoRuta {
  font-size: 1.5em;
}
.dModRutas #main-content #resultadoBusqueda #tblRutasTroncales td {
  border-right: 0;
  border-top: 0;
  border-bottom: 1px dashed #a7a7a7;
  padding: 10px 25px;
}

.detalleServicio .fechas_pub_mod span.fa {
  padding-left: 4px;
}
.detalleServicio .container_visitas span.fa {
  padding-left: 4px;
  padding-right: 6px;
}
.groupConvencion:last-child .contentConvencion:nth-child(1) span {
  margin-left: 0;
}

/* Detalles de viaje */
.detalleRuta .title-convenciones h5 {
  margin-top: 0;
}
.detalleRuta h3.title-iniciar-viaje,
.detalleRuta h3.title-finalizar-viaje {
  color: #e02b36;
}
.detalleRuta h3.title-finalizar-viaje span {
  color: #e2282f;
}
#sugerenciaPlanearViaje ul {
  padding-left: 0;
}
#sugerenciaPlanearViaje ul li.label.label-horario-detalle:first-child {
  margin-left: 0;
}
#sugerenciaPlanearViaje ul li.label.label-horario-detalle {
  padding: 7px 7px 7px 0;
  font-size: 12px;
}

.span-horarios {
  margin: 5px 0;
  font-size: 14px;
  color: #e02b36;
}
.container-horarios-detalle .label-horario-detalle span,
.containerOptionRuta .label-horario span {
  background: #e02b36;
}
.container-horarios-detalle .label-horario-detalle,
.containerOptionRuta .infoHorarios label {
  color: #212121;
}

.btn_volver_a_planear_viaje {
  background: #e02b36;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}
.btn_volver_a_planear_viaje:hover {
  background: #212121;
  color: #ffffff;
}
.containerOptionRuta .label-horario {
  color: #e02b36;
}

.contentCaracteristicasRutaTab .tablaruta {
  margin-bottom: 10px;
}
.contentCaracteristicasRutaTab .tablaruta .tablaNomRuta {
  background: #00608b;
  color: #fff;
  text-align: center;
}
.contentCaracteristicasRutaTab .tablaruta td {
  text-align: center;
  padding: 5px;
}
.contentCaracteristicasRutaTab .tablaruta .tablaRutaNombreRuta {
  background: #f7f7f7 !important;
  color: #212121 !important;
}
#resultadoBusqueda .contDescargas ul {
  padding-left: 0;
}
.tablaRutaGuia {
  background-color: rgb(253, 241, 0);
  color: #212121;
  width: 32%;
}
.tablaRutaGuiaN {
  background-color: #212121;
  color: #fff;
  width: 32%;
}
.tablaRutaParada {
  width: 32%;
}

/* TITULOS ROJOS */
h5.titleDetalleServicio,
.titleConvenciones,
.contentRecorridoRutaTab .titleRecorrido h5,
#resultadoBusqueda .recorrido h5.titleRecorrido,
.detalleRuta .title-convenciones h5 {
  color: #212121;
  font-size: 1.2em;
  font-weight: bold;
}

.title-convenciones {
  color: #212121;
}

/* Detalle Recorrido */
.detalleRuta > h3 {
  border-bottom: 1px dashed #e02b36;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.detalleRuta .info-detalle-ruta li {
  padding: 5px 0;
}
.detalleRuta .title-convenciones li {
  padding: 3px 0;
}
#resultadoPlanearViaje .info-detalle-ruta .info_destino:before,
#sugerenciaPlanearViaje .info-detalle-ruta .info_destino:before {
  color: #e02b36;
}
#sugerenciaPlanearViaje .detalleRuta ul.info-detalle-ruta {
  padding-left: 2em;
}

#planearViaje #map ul {
  padding-left: 0;
  margin-bottom: 0;
}
#planearViaje #map ul li {
  margin-bottom: 5px;
}
#planearViaje #tomarOrigen,
#planearViaje #tomarDestino {
  color: #212121;
  margin-bottom: 5px;
  font-size: 15px;
}
#planearViaje #tomarOrigen:before,
#planearViaje #tomarDestino:before {
  content: "\f041";
  font-family: FontAwesome;
  font-weight: 400;
  margin-right: 0.5em;
  font-size: 1.1em;
  color: #e02b36;
}
.containerOptionRuta .item-viaje .infoHorarios li.label-horario {
  padding: 3px;
}
.containerOptionRuta .item-viaje .infoHorarios li.label-horario span {
  padding: 3px;
  display: inline-block;
  width: 33px;
}
#resultadoBusqueda .msgInfo {
  border: 0;
  line-height: normal;
  float: left;
  background: transparent;
  margin-top: 3em;
  width: 100%;
}
#resultadoBusqueda .msgInfo:before {
  background: url(../img/no-encontrado.png) center no-repeat;
  content: "";
  height: 74px;
  float: left;
  width: 20%;
  text-align: center;
}
#resultadoBusqueda .msgInfo span {
  border: 2px solid #212121;
  padding: 1em;
  width: 80%;
  float: left;
}
.dModRutas #main-content .zonaFiltro .formGen {
  margin-top: 0;
}
.dModRutas #main-content .zonaFiltro #filtroRutas {
  float: left;
  width: 100%;
  padding: 10px;
}
.dModRutas #main-content .zonaFiltro #filtroRutas h3 {
  text-align: left;
  margin-bottom: 0;
  padding: 0;
  font-size: 16px;
}
.zonaFiltro .btn.btn-red {
  font-size: 16px;
  color: #212121 !important;
  background: #f9c126 !important;
}
.zonaFiltro .btn.btn-red:hover {
  background: #e02b36 !important;
  color: #fff !important;
}
.dModRutas #main-content .zonaFiltro #filtroRutas p {
  padding: 10px 0;
}
.dModRutas #main-content .zonaFiltro #filtroRutas .formGen fieldset {
  margin: 0;
  border: 0;
  background: transparent;
  border-left: 1px dashed #212121;
}

.dModRutas #main-content .zonaFiltro #filtroRutas #containerFieldsFilter {
  margin-top: 0;
  padding: 20px 0 10px;
}
.dModRutas #main-content .zonaFiltro #filtroRutas #containerFieldsFilter h3 {
  margin-bottom: 10px;
}
.dModRutas #main-content .zonaFiltro #filtroRutas #containerFieldsFilter label {
  margin: 0;
  width: auto !important;
  color: #212121;
  font-weight: normal;
}
.dModRutas
  #main-content
  .zonaFiltro
  #filtroRutas
  #containerFieldsFilter
  input[type="radio"] {
  float: right;
}
.dModRutas
  #main-content
  .zonaFiltro
  #filtroRutas
  #containerFieldsFilter
  input[type="text"] {
  margin-left: 0;
  margin-bottom: 0;
  width: 100%;
}

.dModRutas #main-content #contenidoParaderos ul.pagination a {
  color: #fff;
  font-size: 14px;
  background: #e02b36;
  margin: 2px;
  border: 0;
  outline: none;
}
.dModRutas #main-content #contenidoParaderos ul.pagination a:hover {
  background: #212121;
}

.btn-red {
  background-color: #e02b36 !important;
  border-radius: 10px;
  color: white !important;
  font-size: 18px;
  margin: auto;
  width: 100%;
}

.infoParada .changue-content a {
  color: #212121;
}

.infoTroncal a.nombreTroncal {
  height: 72px;
  line-height: 72px;
  margin: 0;
}