article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}


@font-face {
font-family: fuente_tm;
src: url(fuente/IDBDRM_2.ttf);
}




body {
	background: #EFEFEF; /*#b9162e*/
	margin: 2px;
	padding: 0px;
	text-align: center;
	color: black;
	width: 1200px;
	font-family: fuente_tm;
}

#contenedor {
 
  border: 5px;
  border-color: red;
}

/*Tooltip externo estaciones*/
.tooltip_new {
	position: absolute;
	width: 200px;
	color: #FFFFFF;
	background: #cc0000; /*#cc0000*/
	border: 2px solid #cc0000;
	text-align: center;
	border-radius: 19px;
	display: none;
	z-index: 2000;
}

/*Tooltip nombre estación*/
.tooltip_new p {
	font-family: arial;
	font-weight: bold;
	margin:0;
	cursor: pointer;
}

.tooltip_new a, .tooltip_all a {
	position: absolute;
	right: 20px;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url(images/closebox.png) no-repeat top left;
	cursor: pointer;
}

/*Tooltip horarios de funcionamiento*/
.tooltip_all {
	position: absolute;
	color: #FFFFFF; /*#FFFFFF*/
	background: black; /*#CC0000*/
	border: 0px solid #000000;
	text-align: left;
	border-radius: 7px;
	display:none;
	left: 54px;
	top: 836px;
	font-family: arial;
    font-size: 12px;
	padding: 8px;

	
	
}


.tooltip {
	position: absolute;
	display: inline-block;
	border-bottom: 0px dotted black;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 270px;
	background-color: black;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-family: arial;
	border-radius: 6px;
	padding: 5px 0;
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}



.cerrarBtn {
	
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

#mapa {
	width: 250px;
	height: 500px;
	display: table-cell;
	background: #EFEFEF;
	border: 0px #424242 solid;


}

#fondo {
	width: 1500px;
	height: 900px;
	
	
}


/*Lista de servicios*/
aside {
	width: 130px;
	height: 700px;
	margin: 0px;
	padding: 2px;
	background: #EFEFEF; /*#f7f7f7*/
	display: table-cell;
	vertical-align: top;
	border: solid 0px;
	padding: 0px;
	font-family: arial;
}



#servicios{
  color: #000000;
  background: #EFEFEF; /* #EFEFEF */
  text-align: left;
  padding:0px;
  font-family: arial;
}


#paradas{
	color: #000000;
    text-align: left;
	padding-left: 4px;
	font-weight: bold;
	font-size: 14px;
	background: #EFEFEF;
}

#paradas:hover {
	background: black;
	color: white;
/*inserrtar border:	box-shadow: inset 0 0 0 3px black; */
}




#titulorutafacil{
	color: #000000;
	background: #EFEFEF;
	font-family: arial;
	font-size: 14px;

}


#rutafacil{
	background: black;
	color: white;
	text-align: center;
    text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
}


#rutafacil:hover {
	background: rgba(0,0,0,0);
	color: black;
/*	box-shadow: inset 0 0 0 3px black; */
}


#idterminal{
  color: black;
  background: #EFEFEF;
  font-family: arial;
}



#norte{
  color: #000000;
  background: #EFEFEF;
  font-family: arial;
}



#suba{
  color: #000000;
  background: #EFEFEF;
  font-family: arial;
}
#suba:hover {
	background: rgba(0,0,0,0);
	color: black;
/*	box-shadow: inset 0 0 0 3px black; */
}


#portal80{
  color: #000000;
  background: #EFEFEF;
  font-family: arial;
}

#eldorado{
  color: #000000;
  background: #EFEFEF;
  font-family: arial;
}

#americas{
  color: #000000;
  background: #EFEFEF;
  font-family: arial;
}

#nqssur{
  color: #000000;
  background: #EFEFEF;
  font-family: arial;
}

#nqscentro{
  color: #000000;
  background: #EFEFEF;
  font-family: arial;
}

#caracascentro{
  color: #000000;
  background: #EFEFEF;
  font-family: arial;
}
#caracassur{
  color: #000000;
  background: #EFEFEF;
  font-family: arial;
}

#julio{
  color: #000000;
  background: #EFEFEF;
  font-family: arial;
}

#ambiental{
  color: #000000;
  background: #EFEFEF;
  font-family: arial;
}

#museo{
  color: #000000;
  background: #EFEFEF;
  font-family: arial;
}


#A{
	color: #ffffff;
	text-align: center;
    text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #26358C;
}

#B{
	color: #ffffff;
	text-align: center;
    text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #80BA27;

	}
	


#C{
	color: #ffffff;
	text-align: center;
    text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #FCBD1B;
}

#D{
	color: #ffffff;
	text-align: center;
    text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #8064A9;
}

#E{
	color: #ffffff;
	text-align: center;
    text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #AE6B00;
}

#F{
	color: #ffffff;
	text-align: center;
    text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #DC0814;
}

#G{ 
	color: #ffffff;
	text-align: center;
    text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #009CDE;
}

#H{
	color: #ffffff;
	text-align: center;
    text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #F18500;
}

#J{
	color: #ffffff;
	text-align: center;
    text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #E1A2AC;
}

#K{
	color: #ffffff;
	text-align: center;
    text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #D5B079;
}

#L{
	color: #ffffff;
	text-align: center;
    text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #009A9D;
}

#M{
	color: #ffffff;
	text-align: center;
    text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #A80F79;
}



#dual{
	color: #ffffff;
	text-align: center;
    text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #A80F79;
}



#A:hover {
	background: rgba(0,0,0,0);
	color: #000000;
}
#B:hover {
	background: rgba(0,0,0,0);
	color: #000000;
}
#C:hover {
	background: rgba(0,0,0,0);
	color: #000000;
}
#D:hover {
	background: rgba(0,0,0,0);
	color: #000000;
}
#E:hover {
	background: rgba(0,0,0,0);
	color: #000000;
}
#F:hover {
	background: rgba(0,0,0,0);
	color: #000000;
}
#G:hover {
	background: rgba(0,0,0,0);
	color: #000000;
}
#H:hover {
	background: rgba(0,0,0,0);
	color: #000000;
}
#J:hover {
	background: rgba(0,0,0,0);
	color: #000000;
}
#K:hover {
	background: rgba(0,0,0,0);
	color: #000000;
}
#L:hover {
	background: rgba(0,0,0,0);
	color: #000000;
}
#M:hover {
	background: rgba(0,0,0,0);
	color: #000000;
}

#dual:hover {
	background: rgba(0,0,0,0);
	color: #000000;
}









#myCanvas {
	top: 1145px;

}

/*Tooltip Servicios en estaciones*/
#conteoRutas{
	color: white;
    font-weight: arial;
	font-family: arial;
	font-size: large;
	border: 0px;
    width: 200px;
    background: #cc0000; /*#cc0000*/
	text-align: center;
	font-size: 14px;
	border-radius: 19px;
}



.imagenesmonserrate {
	color: black;
	text-align: center;
	width: 1242px;
	border: solid 0px;
	margin-top: 0px;

	
}
.col_1{
	
	width: 500px;
	font-family: fuente_tm;
}

.col_2{
	
	width: 100px;
	font-family: fuente_tm;
}

.col_3{
	
	width: 50px;
	font-family: fuente_tm;
}

.col_4{
	
	width: 100px;
	font-family: fuente_tm;
}




.zonaj{ border: solid 0px;
		width: 35px;
		height: 35px;
		color: #E1A2AC;
		background: #E1A2AC;
		position: left;
		font-family: arial;
		}

.tituloservicios{
	font: bold;
	font-size: 16px;
	
}
		

a:link 
{ 
text-decoration:none; 
color: #000000;
}