body {
	padding: 0;
	margin: 0;
}

#index {
    margin-top:0px
    /*margin-top:64*/
}
#drawer {
    margin-top:-50px
    /*margin-top:64*/
}
html, body, #map {
	height: 100%;
     
}
html, body, #listaparadero {
    height: 100%;
    margin-top:50px;
}
.leaflet-top .leaflet-control {
	margin-top: 0px;
}
html, body, #favoritostabla {
     height: auto;
    margin-top:50px;
}
html, body, #recorridostabla {
    height: 100%;
    margin-top:50px;
}
html, body, #favoritostabla2 {
    height: 100%;
    margin-top:50px;
}
html, body, #saldoBipdiv {
     height: auto;
    margin-top:50px;

}
#sectionSaldoBip {
      background-image: url("images/tsm/fondo_app_saldo.png");
    background-color: #cccccc;
}

.geolocation {
	position: absolute;
        left: 0;
        top: 0;
        margin-left: 10px;
        margin-top: 120px;
        padding: 5px;
        background: rgba(0, 0, 0, 0.25);
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        color: rgba(255, 255, 255, 1);
        z-index: 100;
}		
.geolocation a {
	background-color: rgba(255, 255, 255, 0.75);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(images/tsm/location.png);
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 19px;
	height: 19px;
}
.geolocation a:hover {
	background-color: #fff;
}

.big {
	margin-top: 136px;
}

.big a {
	width: 27px;
	height: 27px;
}

@font-face {  
	font-family: "tsmapgruesa";
	src: url("fonts/TSMapGruesa.ttf") format("truetype");  
}  

.tsmapgruesa
{
	font: 100% tsmapgruesa, verdana, helvetica, sans-serif;  
	font-size: large;
}  

.paradero
{
	border-radius: 15px;
	color: #FFFFFF;
	background-color: #000000;
}
.paraderocuadrado
{
	color: #FFFFFF;
	background-color: #000000;
}
.paraderowhite
{
	color: #000000;
	background-color: #FFFFFF;
}

table#letrero
{
	border-collapse: collapse;
}
#tablabip {
     background-color:#ABF469;
}
#tablabip tr:first-child {
    /*text-align: center;*/
      color: #000000;
     font-size:20px;
}
#tablabip tr:not(first-child) {
         color: #000000;
     font-size:15px;
}
#letrero tr {
	background-color: #000000;
}
/*color de la fila cuando pasa el cursor*/
#letrero tr:hover {
	background-color: #FFFFFF;
	color: #000000;
}

#letrero th {
	background-color: #FFFFFF;
}

#letrero td:hover {
	cursor: pointer;
}
table#tablaParaderoFavorito {
    border-collapse:collapse;
}
#tablaParaderoFavorito tr {
    background-color: #000000;
    text-align:center;
}
#tablaParaderoFavorito tr:hover {
	background-color: #FFFFFF;
	color: #000000;
}

#tablaParaderoFavorito th {
	background-color: #FFFFFF;
}

#tablaParaderoFavorito td:hover {
	cursor: pointer;
}
/*table#tablaRecorridos {
    border-collapse:collapse;
}*/
#tablaRecorridos tr {
    background-color: #000000;
}
#tablaRecorridos tr:hover {
	background-color: #FFFFFF;
	color: #000000;
}

#tablaRecorridos th {
	background-color: #FFFFFF;
}

/*#tablaRecorridos td:hover {
	cursor: pointer;
}*/
.barra {
	z-index: 10000;
	opacity: 0.3;
	-moz-opacity: 0.3;
	background-color: #666666;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%; height: 64px;
	text-align: left; vertical-align: top;
}

.logo {
	opacity: 1.0;
	-moz-opacity: 1.0;
	z-index: 10001;
	position: fixed;
	top: 0px;
	left: 50px;
	padding: 2px;
	color: #111111;
	overflow: auto;
	font: 100% tsmapgruesa, verdana, helvetica, sans-serif;  
	font-size: xx-large;
}

.smalllogo {
	font-size: small;
	top: 30px;
}

.icono {
    z-index: 10002;
    position: fixed;
    top: 0px;
    left: 0px;
    padding: 2px;
}

.mensaje {
	opacity: 1.0;
	-moz-opacity: 1.0;
	z-index: 10001;
	position: fixed;
	top: 0px;
	width: 100%;
	left: 0px;
	text-align: center;
	padding: 5px;
	color: #111111;
	overflow: auto;
	font: 100% tsmapgruesa, verdana, helvetica, sans-serif;  
	font-size: medium;
}

.mensaje2 {
	opacity: 1.0;
	-moz-opacity: 1.0;
	z-index: 10001;
	position: fixed;
	top: 32px;
	width: 100%;
	left: 0px;
	text-align: center;
	padding: 5px;
	color: #111111;
	overflow: auto;
	font: 100% tsmapgruesa, verdana, helvetica, sans-serif;  
	font-size: medium;
}

#botones {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10001;
	padding: 5px;
}

#banner {
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 728px;
	margin-left: -364px;
	z-index: 10001;
}

.clickable {
	cursor: pointer;
}

#btnbuscarbip {
   
    text-emphasis-color:#2b2b2b;
    /*margin-left:40px;
    margin-top:20px;*/
    
}
#idsearch {
    display: inline;
}
#id_tiporeclamo ul li {

display: inline;

}
#id_tiporeclamo ul li img:hover {
    background-color:blue;
}
#inputBuscar {
background-color:white;
}

