/*
Theme Name: MexicoMetro.org Version 3
Theme URI: http://mexicometro.org/
Description: New streamlined theme for MexicoMetro.org site
Version: 3
Author: Richard Archambault
Author URI: http://richardmtl.ca/
*/

/* RESET */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}



/* MY STYLES */

/* MEGAMENU */

.clearfix {
	clear:both;
}

.main-nav {
	background-color:transparent;
	position:relative;
}
/*
Item Name : CSS3 Mega Drop Down Menu
Author URI : http://themeforest.net/user/Keliah
Item URI : http://codecanyon.net/item/css3-mega-drop-down-menu/126387
Version : 2.1
01 MENU BAR
02 DROP DOWN MENU
*/
/*  _______________________________________
	01 MENU BAR
    _______________________________________  */
.menu {
	list-style:none;
	width:940px;
	height:43px;
	padding:0px 20px 0px 20px;
	margin-left: auto;
	margin-right:auto;
	border-radius: 10px;
	border: 3px solid #d46618;
	background: #d46618; /* Old browsers */
	background: linear-gradient(to bottom, hsla(25,80%,46%,1) 0%,hsla(24,100%,29%,1) 100%); /* W3C */
	border-top: 1px solid #ff945b;
}

.menu img.attachment-small-station-thumbnail {
	border:none;
	border-radius:0px;
}

.menu li {
	float:left;
	text-align:left;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:25px;
	margin-top:7px;
	border:none;
}
.menu > li:hover {
	z-index:2;
	background: #f4f4f4; /* Old browsers */
	background: linear-gradient(to bottom, hsla(0,0%,96%,1) 0%,hsla(0,0%,93%,1) 100%); /* W3C */
    border-radius: 5px 5px 0 0;
	border:1px solid #aaaaaa;
	padding: 4px 9px 4px 9px;
}

.menu > li {
	margin-right:20px;
}

.menu > li:first-child {
	margin-left:-15px;
}

.menu li a {
	color: #FFF;
	outline:0;
	text-decoration:none;
	/*display:block;*/
	text-shadow: 1px 1px 1px #000;
}
.menu li:hover a {
	color:#161616;
	text-shadow: none;
	text-decoration:none;
}
.menu li .drop, .menu li:hover .drop {
	padding-right:21px;
	background:url("images/drop.png") no-repeat right 8px;
	/*margin-right:20px;*/	
}


.menu li:hover div a {
	color:#f45500;
}
.menu li:hover div a:hover {
	text-decoration:underline;
}

.menu li ul li a:hover {

}

.menu > li.non-drop:hover {
    border-radius: 5px;
}


.menu a.menu-station-logo-link {
/*display:inline;*/
}

.menu-station-link {padding-left: 5px;}

/* Right aligned menu item */
.menu .right {
	float:right;
	right:0;
	margin-right:0px;
}
/*  _______________________________________
	02 DROP DOWN MENU
    _______________________________________  */
/* Left & right aligned common styles */
.menu .dropdown_1column, 
.menu .dropdown_2columns, 
.menu .dropdown_3columns, 
.menu .dropdown_4columns,
.menu .dropdown_5columns {
	margin:4px auto;
	left:-999em;
	position:absolute;
	border:1px solid #aaaaaa;
	border-top:none;
	padding:10px;
	text-align:left;
	font-size:90%;
    border-radius: 0px 5px 5px 5px;
	background: #eeeeee; /* Old browsers */
	background: linear-gradient(to bottom, hsla(0,0%,93%,1) 0%,hsla(0,0%,73%,1) 100%); /* W3C */
}
/* Drop Downs Sizes */
.menu .dropdown_1column {width: 175px;}
.menu .dropdown_2columns {width: 360px;}
.menu .dropdown_3columns {width: 455px;}
.menu .dropdown_4columns {width: 610px;}
.menu .dropdown_5columns {width: 765px;}

/* Showing Drop Down on Mouse Hover - Left aligned */
.menu li:hover .dropdown_1column, 
.menu li:hover .dropdown_2columns, 
.menu li:hover .dropdown_3columns,
.menu li:hover .dropdown_4columns,
.menu li:hover .dropdown_5columns {
	left:-1px;
	top:20px;
}
/* Showing Drop Down on Mouse Hover - Right aligned */
.menu li .align_right {
    border-radius: 5px 0px 5px 5px;
}
.menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}
/* Columns Sizes */
.menu .col_1,
.menu .col_2,
.menu .col_3,
.menu .col_4,
.menu .col_5,
.menu .col_6 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	
}
.menu .col_1 {width:175px;}
.menu .col_2 {width:320px;}
.menu .col_3 {width:455px;}
.menu .col_4 {width:610px;}
.menu .col_5 {width:765px;}
.menu .col_6 {width:920px;}

/* modification of single colum size because menu items are too long */
.menu .dropdown_1column .col_1 {width:185px;}

/* IMPORTANT */
/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {
	margin-left: 0; /* Clearing margin & left */
	clear: left;
}

/* GENERAL */

@font-face {
	font-family: 'MetroFont';
	src: url('METRO-DF.TTF')  format('truetype');
}

body {
	background: black;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}

.no-hand {
	cursor:default;
}

img {
	box-shadow: 2px 2px 3px #c9c9cf;
}

pre {
	margin: 20px;
	white-space: pre-wrap;
}

blockquote {
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 20px 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #c76c0c;
  border-right: 2px solid #c76c0c;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before {
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after {
  /*Reset to make sure*/
  content: "";
}

blockquote a {
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover {
 color: #666;
}

blockquote em {
  font-style: italic;
}
}

article a {
	color:#D46618;
}

figure {
	border: 3px solid #D1D1D1;
	padding:12px;
	margin:20px;
	box-shadow: 2px 2px 3px #c9c9cf;
	/*margin-left: auto;
	margin-right: auto;*/
	display: block;
	border-radius: 15px;
}

figcaption {
	font-size:1em;
	padding:3px;
	text-align: center;
}

figure img {
	box-shadow: none;
}

img.centered, .aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

img.content-station-icon {
	border: none;
	padding-top: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	box-shadow:none;
	display:block;
	border-radius: 0px;
	filter:drop-shadow(3px 3px 2px #c9c9cf);
}

div.content-station-icon img {
	border: none;
}

.no-border {
	border:none 0px !important;
}

.no-shadow {
	box-shadow: none;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.browsehappy {
    background: #F2FF00;
    color: #000;
    padding: 1em 0;
    text-align: center;
    font-size:120%;  
}

p.browsehappy a {
	text-decoration: underline;
	color:blue;
}

.next-prev-links {
    font-size: 100%;
    height: 80px;
    position: relative;
	font-weight:700;
	font-family: MetroFont;
	letter-spacing: 1px;
	margin-bottom: -20px;
}

.next-prev-links img {
	border: none;
	border-radius: 0px;
	box-shadow: none;
	display:inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    filter:drop-shadow(3px 3px 2px #c9c9cf);
}

.next-prev-links a, .breadcrumb-area a {
    color: rgb(105, 105, 105);
    text-decoration: none;
}

.previous_station_link {
    /*position: absolute;
    top: 15px;*/
}

.next_station_link {
    position: absolute;
    right: 0px;
    /*top: 15px;*/
}

.station_nav_link {
/*padding-top:10px;*/
}

article p {
font-size: larger;
}

/* SEARCH BOX */

.first-menu-item {
	margin-left:-12px;
}

#cse-search-box {
	width:196px;
}

li.search-box {
	margin-left: -27px;
    margin-right: 0;
    padding-right: 0;
    padding-top: 1px;
}

#cse-search-box .button {
}

.menu li.search-box:hover {
	background:transparent;
	border:none;
	padding: 1px 10px 0px 10px;
}
	
/* HEADER */
#site-header {
	background-color:black;
	width:100%;
	height:155px;
}

.site-logo {
	margin-right:auto;
	margin-left:auto;
	position:relative;height:155px;
	width:980px;
}

.site-logo h1 a{ /*need to make it clickable */
	background-image:url('images/logo.png');
	background-repeat:no-repeat;
	display: block;
	height:155px;
	width:980px;
	text-decoration:none;
}

.site-logo h1 a span {
display:none;
}

/* MAIN CONTENT */
#content-wrapper {
	width:100%;
	height:100%;
	background: #d46618; /* Old browsers */
	background: linear-gradient(to bottom, hsla(25,80%,46%,1) 0%,hsla(0,0%,100%,1) 99%); /* W3C */
	padding-top:50px;
	margin-top:-22px;
}

#main-content {
	width:980px;
	background-color:white;
	margin-left:auto;
	margin-right:auto;
	min-height:600px;
	font-size:85%;
	line-height:1.7;
	position:relative;
	padding-bottom:80px;
	border-radius: 15px 15px 0 0; 
	border: 3px solid #d46618;
	border-bottom:none;
}

#main-content article h2 {
	font-size: x-large;
	margin-top:15px;
}

#main-content article h3 {
	font-size: large;
}

/* HOME PAGE - front-page.php body-class = .home */

.home #main-content {
	padding-top:25px;
}

.home-section {
	float:left;
	display:inline;
	width:290px;
	margin-left:26px;
	padding-top:10px;
	font-size:12px;
}

.home-section h1 {
	color:#5882B4;
	font-size:24px;
	border-bottom: 2px #D1D1D1 dashed;
	margin-bottom:5px;
	padding-bottom:5px;
}

.home-section h1 a {
	text-decoration:none;
	color:#5882B4;
}

.home-section li {
	display:block;
	border-bottom: 1px #D1D1D1 solid;
	height: 15px;
	padding:10px 0 15px 15px;
	background-image:url('images/drop2.png');
	background-position:left center;
	background-repeat:no-repeat;
}

.home img {
	border: 4px solid #5882B4;
	border-radius: 15px; 
	overflow:hidden;
}

.home a {text-decoration:none;
	color:#000;
}

.home a:hover {
	text-decoration:underline;
	color:#5882B4;
}



.post_head h2 {
	font-size:18px;
	padding:5px 0;
}

.post_head h2 a {
	text-decoration:underline;
	color:#5882B4;
}

.post_head h3 {
	padding-bottom:5px;
}

.read_more_link a, .postmetadata a { /* also in home.php */
	color:#D46618;
}


/* BLOG INDEX - home.php ; body-class = .blog */

.blog #main-content {
	min-height:850px;
}

#news-article-list {
	width:650px;
	margin-left:300px;
	padding-right:50px;
	padding-top:50px;
}

article p { /*valid also for single.php */
	margin:20px 0px
}

article header h1, #news-article-list h1 { /*valid also for single.php */
    background: repeating-linear-gradient(50deg, #E8E7E8, #E8E7E8 5px, #FFF 5px, #FFF 10px, #E8E7E8 10px, #FFF 10px);
	height: auto;
    font-size: 26px;
    padding-left: 10px;
    width: 590px;
    margin-bottom:20px;
	text-shadow: #D3BFB1 3px 3px 4px;
	color:#D46618;
	font-family: MetroFont;
	margin-right: 10px;
}

.featured-media {
	border: none;
	padding: 0px;
	box-shadow: none;
	margin-left: 0px;
}

article header h1 a {
	text-decoration:none;
	color:#D46618;
}

article header a:hover {
	text-decoration:underline;
}

article h1 {
	font-size: xx-large;
}

#sidebar {
	position:absolute;
	top:50px;
	left:25px;
	width:230px;
}

.widget {
	background: #ececec; /* Old browsers */
	background: linear-gradient(to bottom, hsla(0,0%,93%,1) 25%,hsla(0,0%,100%,1) 70%); /* W3C */
	border-top-left-radius: 0px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	margin-bottom:25px;
}

.widget h2 {
	font-size:18px;
	height:30px;
	padding-left:15px;
	display:block;
	padding-top:7px;
	background-color:#d46618;
	padding-bottom:7px;
	color:#fff;
	text-shadow: #000 1px 1px 2px;
	font-weight:700;
	border-top-left-radius: 0px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.widget li {
	display:block;
	min-height:32px;
	border-bottom:1px solid #E5E5E5;
	padding-left:25px;
	position:relative;
	font-size:90%;
	padding-top:10px;
	vertical-align:middle;
}

.widget li a {
	text-decoration:none;
	color:rgb(105, 105, 105);
	position:absolute;
	top:50%;
	margin-top:-10px
}

.widget li a:hover {
	text-decoration:underline;
	color:#5882B4;
}

/*BLOG - single.php */

figure.wp-block-embed-twitter {
	border: none;
	box-shadow: none;
}

/* remove border around Zocalo logo for this post */

.postid-20841 .featured-media img {
	border: none;
}

.wp-block-jetpack-tiled-gallery img {
	border: none;
}

.wp-block-jetpack-tiled-gallery figure {
	border: none;
	box-shadow: none;
}

.single-post #main-content {
	min-height:850px;
}

.single-post article, .page article {
	width:650px;
	margin-left:300px;
	padding-right:50px;
}

.post-tags-list {
	display:none;
}

.posted-on-date {
	/*font-size:90%;*/
}

article img {
	border: 4px solid #5882B4;
	border-radius: 15px;  
}

article .tiled-gallery img {
	/* add border:none; if the tiled galleries show with a border */
}	

article .sd-gplus img {
	border: none; /* for Jetpack G+ author image */
}

.home section li {
	/*height: 10px;
	padding:10px 0 15px 15px;*/
	border-bottom: 1px #D1D1D1 solid;
	background-image:url('images/drop2.png');
	background-position:left center;
	background-repeat:no-repeat;
}

article ol, article ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

article ul li {
	background-image:url('images/drop2.png');
	background-position: 0px 8px;
	background-repeat:no-repeat;
	padding-left: 10px;
	font-size: larger;
}

article li > ul, article li > ol {
	margin: 0;
}

/* ARCHIVES archive.php */

.archive-title {
	font-size:24px;
	text-align:center;
	margin-bottom:10px;
}

/* FOOTER */

footer#page-footer {
	width:100%;
	height:100px;
	background: #cccccc; /* Old browsers */
	background: linear-gradient(to bottom, hsla(0,0%,80%,1) 0%,hsla(0,0%,90%,1) 5%); /* W3C */
	font-size:80%;
}

footer#page-footer p {
	text-align:center;
	padding-top:10px;
}

footer#page-footer a {
	color: #F45500;
}

/* STATIONS.php */
.page #main-content {
	min-height:850px;
}

#main-content {
	
}

.breadcrumb-area {
	font-size:90%;
	font-weight:700;
	font-family: MetroFont;
	letter-spacing: 1px;
}

.breadcrumb-area .home-link {
	display:none;
}

.breadcrumb-area a:after {
	content:' › ';
}


#station-nav {
	position:relative;
	float:left;
	left:25px;
	width:260px;
	background: #ececec; /* Old browsers */
	background: linear-gradient(to bottom, hsla(0,0%,93%,1) 0%,hsla(0,0%,100%,1) 70%); /* W3C */
	border-top-left-radius: 0px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

#station-nav li {
	display:block;
	height:60px;
	border-bottom:1px solid #E5E5E5;
	padding-left:15px;
	vertical-align:middle;
	position:relative;
	font-size:100%;
}


#station-nav a.station-link {
	margin-left:50px;
	text-decoration:none;
	color:#333;
	position:absolute;
	top:50%;
	margin-top:-10px;
	letter-spacing: .1em;
}

#station-nav a.station-link:hover {
	text-decoration:underline;
}

.attachment-small-station-thumbnail {
	box-shadow: none;
}

.station-thumbnail img {
	box-shadow: none;
	border: none;
	border-radius: 0;
	vertical-align: middle;
}

a.station-logo-link img {
	box-shadow: none;
	filter:drop-shadow(3px 3px 2px #c9c9cf);
}

a.station-logo-link {
	position:absolute;
	top:50%;
	margin-top:-20px
}

#station-nav li.line-name-list-item {
	height: 30px;
	padding-bottom:15px;
}

li #line-name, li #sidebar-first-link  {
	font-size:18px;
	height:30px;
	padding-left:5px;
	display:block;
	padding-top:7px;
	margin-left:-15px;
	background-color:#d46618;
	padding-bottom:7px;
	text-shadow: #000 1px 1px 2px;
	font-weight:700;
	border-top-left-radius: 0px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	letter-spacing: 1px;
}

li #line-name a, li #sidebar-first-link a {
	text-decoration:none;
	color:#fff;
	margin-left:10px;
	margin-top:-15px;
}

.current-station {
	font-weight:bold;
}

.station-info {
	width:650px;
	margin-left:300px;
	padding-right:50px;
}

.station-info p {
	margin:20px 0px
}

.station-info h1 {
    background-image: url("images/diagonal-bars.png"); /* old browsers */
    background-image: linear-gradient(45deg, #ffffff 25%, #e9e8e8 25%, #e9e8e8 50%, #ffffff 50%, #ffffff 75%, #e9e8e8 75%, #e9e8e8 100%);
    background-size: 15px 15px;
    font-size: 26px;
    height: auto;
    padding-left: 10px;
    width: 590px;
    margin-bottom:15px;
	/*text-shadow: #949090 3px 3px 4px;*/
	font-family: MetroFont;
	letter-spacing: 2px;
	line-height: 1.7;
	float:left;
	margin-right: 10px;
}

.station-thumbnail {
    background-color: white;
    height: 40px;
    top: 0px;
    position: absolute;
}

.station-thumbnail img {
/*filter:drop-shadow(3px 3px 2px #c9c9cf);	don't use bcs of the transparent metro & MB logos */
}

.title-and-icon {
	position: relative;
}

/* LINE DEFINITIONS body class = .line1 .line2 etc*/

#main-content { 
	height:auto;
	padding-top: 20px;
}

.metro .menu {
	border: 3px solid #FE5000;
	background: #FE5000; /* Old browsers */
	background: linear-gradient(to bottom, #FE5000 0%, #BE3C00 100%); /* W3C */
}

.metro #content-wrapper {
	background: #FE5000; /* Old browsers */
	background: linear-gradient(to bottom, #FE5000 0%, #fff 99%); /* W3C */
}

.metro #main-content {
	border-color: #FE5000;
}

.metro li #line-name {
	background-color: #FE5000;
}

.metro #station-nav .current-station {
	color: #FE5000;
}

.metro-line-1 .menu {
	border: 3px solid #F04E98;
	background: #F04E98; /* Old browsers */
	background: linear-gradient(to bottom, #F04E98 0%, #DB126E 100%); /* W3C */
}

.metro-line-1 #content-wrapper {
	background: #F04E98; /* Old browsers */
	background: linear-gradient(to bottom, #F04E98 0%, #fff 99%); /* W3C */
}

.metro-line-1 #main-content {
	border-color: #F04E98;
}

.metro-line-1 li #line-name {
	background-color: #F04E98;
}

.metro-line-1 #station-nav .current-station {
	color: #F04E98;
}

.metro-line-2 .menu {
	border: 3px solid #005EB8;
	background: #005EB8; /* Old browsers */
	background: linear-gradient(to bottom, #005EB8 0%, #00468A 100%); /* W3C */
}

.metro-line-2 #content-wrapper {
	background: #005EB8; /* Old browsers */
	background: linear-gradient(to bottom, #005EB8 0%, #fff 99%); /* W3C */
}

.metro-line-2 #main-content {
	border-color: #005EB8;
}

.metro-line-2 li #line-name {
	background-color: #005EB8;
}

.metro-line-2 #station-nav .current-station {
	color: #005EB8;
}

.metro-line-3 .menu {
	border: 3px solid #AF9800;
	background: #AF9800; /* Old browsers */
	background: linear-gradient(to bottom, #AF9800 0%, #837100 100%); /* W3C */
}

.metro-line-3 #content-wrapper {
	background: #AF9800; /* Old browsers */
	background: linear-gradient(to bottom, #AF9800 0%, #fff 99%); /* W3C */
}

.metro-line-3 #main-content {
border-color: #AF9800;
}

.metro-line-3 li #line-name {
background-color: #AF9800;
}

.metro-line-3 #station-nav .current-station {
color: #AF9800;
}

.metro-line-4 .menu {
	border: 3px solid #6BBBAE;
	background: #6BBBAE; /* Old browsers */
	background: linear-gradient(to bottom, #6BBBAE 0%, #459789 100%); /* W3C */
}

.metro-line-4 #content-wrapper {
	background: #6BBBAE; /* Old browsers */
	background: linear-gradient(to bottom, #6BBBAE 0%, #fff 99%); /* W3C */
}

.metro-line-4 #main-content {
	border-color: #6BBBAE;
}

.metro-line-4 li #line-name {
	background-color: #6BBBAE;
}

.metro-line-4 #station-nav .current-station {
	color: #6BBBAE;
}

.metro-line-5 .menu {
	border: 3px solid #FFD100;
	background: #FFD100; /* Old browsers */
	background: linear-gradient(to bottom, #FFD100 0%, #BF9C00 100%); /* W3C */
}

.metro-line-5 #content-wrapper {
	background: #FFD100; /* Old browsers */
	background: linear-gradient(to bottom, #FFD100 0%, #fff 99%); /* W3C */
}

.metro-line-5 #main-content {
	border-color: #FFD100;
}

.metro-line-5 li #line-name {
	background-color: #FFD100;
}

.metro-line-5 #station-nav .current-station {
	color: #FFD100;
}

.line6 .menu, .metro-line-6 .menu {
	border: 3px solid #DA291C;
	background: #DA291C; /* Old browsers */
	background: linear-gradient(to bottom, #DA291C 0%, #A31E14 100%); /* W3C */
}

.line6 #content-wrapper, .metro-line-6 #content-wrapper {
	background: #DA291C; /* Old browsers */
	background: linear-gradient(to bottom, #DA291C 0%, #fff 99%); /* W3C */
}

.metro-line-6 #main-content {
	border-color: #DA291C;
}

.metro-line-6 li #line-name {
	background-color: #DA291C;
}

.metro-line-6 #station-nav .current-station {
	color: #DA291C;
}

.metro-line-7 .menu {
	border: 3px solid #E87722;
	background: #E87722; /* Old browsers */
	background: linear-gradient(to bottom, #E87722 0%, #B45812 100%); /* W3C */
}

.metro-line-7 #content-wrapper {
	background: #E87722; /* Old browsers */
	background: linear-gradient(to bottom, #E87722 0%, #fff 99%); /* W3C */
}

.metro-line-7 #main-content {
	border-color: #E87722;
}

.metro-line-7 li #line-name {
	background-color: #E87722;
}

.metro-line-7 #station-nav .current-station {
	color: #E87722;
}

.metro-line-8 .menu {
	border: 3px solid #009A44;
	background: #009A44; /* Old browsers */
	background: linear-gradient(to bottom, #009A44 0%, #007332 100%); /* W3C */
}

.metro-line-8 #content-wrapper {
	background: #009A44; /* Old browsers */
	background: linear-gradient(to bottom, #009A44 0%, #fff 99%); /* W3C */
}

.metro-line-8 #main-content {
	border-color: #009A44;
}

.metro-line-8 li #line-name {
	background-color: #009A44;
}

.metro-line-8 #station-nav .current-station {
	color: #009A44;
}

.metro-line-9 .menu {
	border: 3px solid #512F2E;
	background: #512F2E; /* Old browsers */
	background: linear-gradient(to bottom, #512F2E 0%, #3C2322 100%); /* W3C */
}

.metro-line-9 #content-wrapper {
	background: #512F2E; /* Old browsers */
	background: linear-gradient(to bottom, #512F2E 0%, #fff 99%); /* W3C */
}

.metro-line-9 #main-content {
	border-color: #512F2E;
}

.metro-line-9 li #line-name {
	background-color:#512F2E;
}

.metro-line-9 #station-nav .current-station {
	color: #512F2E;
}

.metro-line-12 .menu {
	border: 3px solid #B9975B;
	background: #B9975B; /* Old browsers */
	background: linear-gradient(to bottom, #B9975B 0%, #91733D 100%); /* W3C */
}

.metro-line-12 #content-wrapper {
	background: #B9975B; /* Old browsers */
	background: linear-gradient(to bottom, #B9975B 0%, #fff 99%); /* W3C */
}

.metro-line-12 #main-content {
	border-color: #B9975B;
}

.metro-line-12 li #line-name {
	background-color:#B9975B;
}

.metro-line-12 #station-nav .current-station {
	color: #B9975B;
}

.metro-line-a .menu {
	border: 3px solid #981E97;
	background: #981E97; /* Old browsers */
	background: linear-gradient(to bottom, #981E97 0%, #711671 100%); /* W3C */
}

.metro-line-a #content-wrapper {
	background: #981E97; /* Old browsers */
	background: linear-gradient(to bottom, #981E97 0%, #fff 99%); /* W3C */
}

.metro-line-a #main-content {
	border-color: #981E97;
}

.metro-line-a li #line-name {
	background-color:#981E97;
}

.metro-line-a #station-nav .current-station {
	color: #981E97;
}

.metro-line-b .menu {
	border: 3px solid #00843D;
	background: #B1B3B3; /* Old browsers */
	background: linear-gradient(to bottom, #00843D 0%, #B1B3B3 100%); /* W3C */
}

.metro-line-b #content-wrapper {
	background: #00843D; /* Old browsers */
	background: linear-gradient(to bottom, #B1B3B3 0%, #fff 99%); /* W3C */
}

.metro-line-b #main-content {
	border-color: #00843D;
}

.metro-line-b li #line-name {
	background-color: #B1B3B3;
	background: linear-gradient(to bottom, #00843D 0%, #00843D 50%, #B1B3B3 51%, #B1B3B3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.metro-line-b #station-nav .current-station {
	color: #139a70;
}

.metrobus .menu {
	border: 3px solid #C8102E;
	background: #C8102E; /* Old browsers */
	background: linear-gradient(to bottom, #C8102E 0%, #960B22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.metrobus #content-wrapper {
	background: #C8102E; /* Old browsers */
	background: linear-gradient(to bottom, #C8102E 0%, #fff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.metrobus #main-content {
	border-color: #C8102E;
}

.metrobus li #line-name {
	background-color: #C8102E;
}

.metrobus #station-nav .current-station {
	color: #C8102E;
}

.metrobus-line-1 .menu {
	border: 3px solid #A4343A;
	background: #A4343A; /* Old browsers */
	background: linear-gradient(to bottom, #A4343A 0%, #7B272B 100%); /* W3C */
}

.metrobus-line-1 #content-wrapper {
	background: #A4343A; /* Old browsers */
	background: linear-gradient(to bottom, #A4343A 0%, #fff 99%); /* W3C */
}

.metrobus-line-1 #main-content {
	border-color: #A4343A;
}

.metrobus-line-1 li #line-name {
	background-color: #A4343A;
}

.metrobus-line-1 #station-nav .current-station {
	color: #A4343A;
}

.metrobus-line-2 .menu {
	border: 3px solid #9B26B6;
	background: #9B26B6; /* Old browsers */
	background: linear-gradient(to bottom, #9B26B6 0%, #741C88 100%); /* W3C */
}

.metrobus-line-2 #content-wrapper {
	background: #9B26B6; /* Old browsers */
	background: linear-gradient(to bottom, #9B26B6 0%, #fff 99%); /* W3C */
}

.metrobus-line-2 #main-content {
	border-color: #9B26B6;
}

.metrobus-line-2 li #line-name  {
	background-color:#9B26B6;
}

.metrobus-line-2 #station-nav .current-station {
	color: #9B26B6;
}

.metrobus-line-3 .menu {
	border: 3px solid #7A9A01;
	background: #7A9A01; /* Old browsers */
	background: linear-gradient(to bottom, #7A9A01 0%, #5B7300 100%); /* W3C */
}

.metrobus-line-3 #content-wrapper {
	background: #7A9A01; /* Old browsers */
	background: linear-gradient(to bottom, #7A9A01 0%, #fff 99%); /* W3C */
}

.metrobus-line-3 #main-content {
	border-color: #7A9A01;
}

.metrobus-line-3 li #line-name {
	background-color: #7A9A01;
}

.metrobus-line-3 #station-nav .current-station {
	color: #7A9A01;
}

.metrobus-line-4-norte .menu {
	border: 3px solid #FE5000;
	background: #FE5000; /* Old browsers */
	background: linear-gradient(to bottom, #FE5000 0%, #BE3C00 100%); /* W3C */
}

.metrobus-line-4-norte #content-wrapper {
	background: #FE5000; /* Old browsers */
	background: linear-gradient(to bottom, #FE5000 0%, #fff 99%); /* W3C */
}

.metrobus-line-4-norte #main-content {
	border-color: #FE5000;
}

.metrobus-line-4-norte li #line-name {
	background-color: #FE5000;
}

.metrobus-line-4-norte #station-nav .current-station {
	color: #FE5000;
}

.metrobus-line-4-sur .menu {
	border: 3px solid #CB4000;
	background: #CB4000; /* Old browsers */
	background: linear-gradient(to bottom, #CB4000 0%, #983000 100%); /* W3C */
}

.metrobus-line-4-sur #content-wrapper {
	background: #CB4000; /* Old browsers */
	background: linear-gradient(to bottom, #CB4000 0%, #fff 99%); /* W3C */
}

.metrobus-line-4-sur #main-content {
	border-color: #CB4000;
}

.metrobus-line-4-sur li #line-name {
	background-color:#CB4000;
}

.metrobus-line-4-sur #station-nav .current-station {
	color: #CB4000;
}

.metrobus-line-5 .menu {
	border: 3px solid #001E60;
	background: #001E60; /* Old browsers */
	background: linear-gradient(to bottom, #001E60 0%, #001648 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.metrobus-line-5 #content-wrapper {
	background: #001E60; /* Old browsers */
	background: linear-gradient(to bottom, #001E60 0%, #fff 99%); /* W3C */
}

.metrobus-line-5 #main-content {
	border-color: #001E60;
}

.metrobus-line-5 li #line-name {
	background-color: #001E60;
}

.metrobus-line-5 #station-nav .current-station {
	color: #001E60;
}

.metrobus-line-6 .menu {
	border: 3px solid #E10098;
	background: #E10098; /* Old browsers */
	background: linear-gradient(to bottom, #E10098 0%, #A80071 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.metrobus-line-6 #content-wrapper {
	background: #E10098; /* Old browsers */
	background: linear-gradient(to bottom, #E10098 0%, #fff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.metrobus-line-6 #main-content {
	border-color: #E10098;
}

.metrobus-line-6 li #line-name {
	background-color: #E10098;
}

.metrobus-line-6 #station-nav .current-station {
	color: #E10098;
}

.metrobus-line-7 .menu {
	border: 3px solid #046A38;
	background: #046A38; /* Old browsers */
	background: linear-gradient(to bottom, #046A38 0%, #034F2A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.metrobus-line-7 #content-wrapper {
	background: #046A38; /* Old browsers */
	background: linear-gradient(to bottom, #046A38 0%, #fff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.metrobus-line-7 #main-content {
	border-color: #046A38;
}

.metrobus-line-7 li #line-name {
	background-color: #046A38;
}

.metrobus-line-7 #station-nav .current-station {
	color: #046A38;
}

.tren-ligero .menu {
	border: 3px solid #0057B7;
	background: #0057B7; /* Old browsers */
	background: linear-gradient(to bottom, #0057B7 0%, #004189 100%); /* W3C */
}

.tren-ligero  #content-wrapper {
	background: #0057B7; /* Old browsers */
	background: linear-gradient(to bottom, #0057B7 0%, #FFF 99%); /* W3C */
}

.tren-ligero #main-content {
	border-color: #0057B7;
}

.tren-ligero  li #line-name {
	background-color:#0057B7;
}

.tren-ligero  #station-nav .current-station {
	color: #0057B7;
}

.tren-suburbano .menu {
	border: 3px solid #EE3224;
	background: #EE3224; /* Old browsers */
	background: linear-gradient(to bottom, #EE3224 0%, #BE1A0E 100%); /* W3C */
}

.tren-suburbano  #content-wrapper {
	background: #EE3224; /* Old browsers */
	background: linear-gradient(to bottom, #EE3224 0%, #FFF 99%); /* W3C */
}

.tren-suburbano #main-content {
	border-color: #EE3224;
}

.tren-suburbano  li #line-name {
	background-color:#EE3224;
}

.tren-suburbano  #station-nav .current-station {
	color: #D42E12;
}

.cablebus .menu {
	border: 3px solid #4EC3E0;
	background: #4EC3E0; /* Old browsers */
	background: linear-gradient(to bottom, #4EC3E0 0%, #21A1C0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.cablebus #content-wrapper {
	background: #4EC3E0; /* Old browsers */
	background: linear-gradient(to bottom, #4EC3E0 0%, #FFF 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.cablebus #main-content {
	border-color: #4EC3E0;
}

.cablebus li #line-name {
	background-color: #4EC3E0;
}

.cablebus #station-nav .current-station {
	color: #4EC3E0;
}


/* OTHER PAGES */

/*.other-page-content {
	width:650px;
	margin-left:300px;
	padding-right:50px;
	padding-top:50px;
}

.other-page-content > ul li {
	border-bottom: 1px #D1D1D1 dashed;
	min-height: 10px;
	padding:5px 0 5px 15px;
	background-image:url('images/drop2.png');
	background-position:left center;
	background-repeat:no-repeat;
}

#contact-page li {
	background-image: none;
}

.other-page-content p {
	margin:20px 0px
}

.other-page-content h1 {
    background-image: url("images/diagonal-bars.png");
    font-size: 26px;
    height: 40px;
    padding-left: 10px;
    width: 610px;
    margin-bottom:35px;
    font-family: MetroFont;
    text-shadow: #BAB5B5 3px 3px 4px;
}*/

#page-sidebar {
	position:absolute;
	top:50px;
	left:25px;
	width:230px;
	background: #ececec; /* Old browsers */
	background: linear-gradient(to bottom, hsla(0,0%,93%,1) 0%,hsla(0,0%,100%,1) 100%); /* W3C */
	border-top-left-radius: 0px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

#page-sidebar li {
	display:block;
	min-height:32px;
	border-bottom:1px solid #E5E5E5;
	padding-left:15px;
	vertical-align:middle;
	position:relative;
	font-size:100%;
}

#page-sidebar a {
	margin-left:15px;
	text-decoration:none;
	color:rgb(105, 105, 105);
	position:absolute;
	top:50%;
	margin-top:-11px
}

#map_canvas {
	height:400px;
	margin:20px;
	border: solid red 1px;
}

#map_canvas img {
	box-shadow:none;
	border: none;
}

/* Comments (/* comments taken from http://bavotasan.com/2009/how-to-add-nested-comments-to-your-wordpress-theme/ */

#comments {
	margin-top: 20px;
	border-top: 1px solid #ddd;
}




ol.comment-list {
	list-style:none;
	margin:0;
	padding:0;
}

.children {
	list-style: none;
}
ol.comment-list li {
	border:1px solid #d5d5d5;
	border-radius:5px;
	position:relative;
	margin:0 0 10px;
	padding:5px 7px 5px 64px;
}

ol.comment-list li div.vcard {
	font-weight:700;
	font-size:14px;
	line-height:16px;
	font-family:helvetica,arial,sans-serif;
}

ol.comment-list li div.vcard cite.fn {
	font-style:normal;
	font-size:11px;
}

ol.comment-list li div.vcard cite.fn a.url {
	color:#c00;
	text-decoration:none;
}

ol.comment-list li div.vcard cite.fn a.url:hover {
	color:#000;
}

ol.comment-list li div.vcard img.avatar {
	background:#fff;
	border:1px solid #aaa;
	left:7px;
	position:absolute;
	top:7px;
	padding:5px;
}

ol.comment-list li div.comment-meta {
	font-weight:700;
	font-size:10px;
	line-height:16px;
	font-family:helvetica,arial,sans-serif;
	position:absolute;
	right:10px;
	text-align:right;
	top:5px;
}

ol.comment-list li div.comment-meta a {
color:#205B87;
text-decoration:none;
}

ol.comment-list li p {
font-weight:400;
font-size:12px;
line-height:16px;
font-family:helvetica,arial,sans-serif;
margin:5px 0 12px;
}

ol.comment-list li ul {
font-weight:400;
font-size:12px;
line-height:16px;
font-family:helvetica,arial,sans-serif;
list-style:square;
margin:0 0 12px;
padding:0;
}

ol.comment-list li div.reply {
background:#999;
border:1px solid #666;
border-radius:2px;
color:#fff;
font:bold 9px/1 helvetica,arial,sans-serif;
 text-align:center;
width:36px;
padding:6px 5px 4px;
}

ol.comment-list li div.reply:hover {
background:#c00;
border:1px solid #c00;
}

ol.comment-list li div.reply a {
color:#fff;
text-decoration:none;
text-transform:uppercase;
}

ol.comment-list li ul.children {
list-style:none;
text-indent:0;
margin:12px 0 0;
}

ol.comment-list ul.children li.odd {
background:#fff;
}

ol.comment-list ul.children li.even {
background:#f6f6f6;
}

ol.comment-list li.pingback div.vcard {
padding:0 170px 0 0;
}

ol.comment-list li ul.children li.depth-2,ol.comment-list li ul.children li.depth-3,ol.comment-list li ul.children li.depth-4,ol.comment-list li ul.children li.depth-5 {
margin:0 0 3px;
}

ol.comment-list .comment-body {
	min-height: 90px;
	margin-left: 45px;
}

/* Comment form */
.comment-respond {
	padding: 30px 0;
	margin-top: 30px;
}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;
}

.comment-reply-title {
	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}

.comment-reply-title small a {
	color: #131310;
	display: inline-block;
	float: right;
	height: 16px;
	overflow: hidden;
	width: 16px;
}

.comment-reply-title small a:hover {
	color: #ed331c;
	text-decoration: none;
}

.comment-reply-title small a:before {
	content: "\f406";
	vertical-align: top;
}

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
	padding: 0;
}

.comment-form .comment-notes {
	margin-bottom: 15px;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
	margin-bottom: 8px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
	float: left;
	padding: 5px 0;
	width: 120px;
}

.comment-form .required {
	color: #ed331c;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	max-width: 270px;
	width: 60%;
}

.comment-form textarea {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	color: #686758;
	font-size: 12px;
}

.form-allowed-tags code {
	font-size: 10px;
	margin-left: 3px;
}

.comment-list .pingback,
.comment-list .trackback {
	padding-top: 24px;
}

.comment-navigation {
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0 auto;
	max-width: 604px;
	padding: 20px 0 30px;
	width: 100%;
}

.no-comments {
	background-color: #f7f5e7;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0;
	padding: 40px 0;
	text-align: center;
}
#respond {
	padding-top: 20px;
}