/*
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 */
.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: 1px 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: 2px solid #D1D1D1;
	padding:12px 20px 6px 12px;
	margin:20px;
	box-shadow: 2px 2px 3px #c9c9cf;
	/*margin-left: auto;
	margin-right: auto;*/
	display: block;
	border-radius: 15px;
}

figcaption {
	font-size:12px;
	padding:3px;
}

figure img {
	box-shadow: none;
}

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

.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: 50px;
    position: relative;
	font-weight:700;
	font-family: MetroFont;
}

.next-prev-links 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;
}

.page-template-lines-php .next-prev-links a {/*keep next previous links from appearing, for now, as they don't work on line pages */
	display:none;
}

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) 40%); /* 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: 1px 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{ /* 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;
}

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 */

.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;
}

#station-nav {
	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) 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;
	min-height:32px;
	border-bottom:1px solid #E5E5E5;
	padding-left:15px;
	vertical-align:middle;
	position:relative;
	font-size:100%;
}

#station-nav a.station-link {
	margin-left:35px;
	text-decoration:none;
	color:rgb(105, 105, 105);
	position:absolute;
	top:50%;
	margin-top:-10px
}

#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;
}

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


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;
}

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");
    font-size: 26px;
    height: 40px;
    padding-left: 10px;
    width: 590px;
    margin-bottom:35px;
	text-shadow: #BAB5B5 3px 3px 4px;
	font-family: MetroFont;
}

.station-thumbnail {
    background-color: white;
    height: 40px;
    margin-left: 10px;
    position: absolute;
    right: 30px;
    top: 50px;
	 
}

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

.metrobus-line-1 #main-content, .metrobus-line-2 #main-content, .metrobus-line-3 #main-content, .metrobus-line-4 #main-content { /* Station-nav is too long, overlaps footer */
min-height:1600px;
}

.line1 .menu {
	border: 1px solid #B3487C;
	background: #b11662; /* Old browsers */
	background: linear-gradient(to bottom, hsla(331,78%,39%,1) 0%,hsla(330,91%,28%,1) 100%); /* W3C */
}

.line1 #content-wrapper {
	background: #b3487c; /* Old browsers */
	background: linear-gradient(to bottom, hsla(331,43%,49%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

.line1 #main-content {
	border-color: #B3487C;
}

.line1 li #line-name {
	background-color:#DF177A;
}

.line1 #station-nav .current-station {
	color: #DF177A;
}

.line2 .menu {
	border: 1px solid #276795;
	background: #1675b9; /* Old browsers */
	background: linear-gradient(to bottom, hsla(205,79%,41%,1) 0%,hsla(205,100%,26%,1) 100%); /* W3C */
}

.line2 #content-wrapper {
	background: #276795; /* Old browsers */
	background: linear-gradient(to bottom, hsla(205,58%,37%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

.line2 #main-content {
	border-color: #276795;
}

.line2 li #line-name {
	background-color:#1E5A99;
}

.line2 #station-nav .current-station {
	color: #1E5A99;
}

.line3 .menu {
	border: 1px solid #b4a95a;
	background: #bdaa25; /* Old browsers */
	background: linear-gradient(to bottom, hsla(52,67%,44%,1) 0%,hsla(53,68%,36%,1) 100%); /* W3C */
}

.line3 #content-wrapper {
	background: #b4a95a; /* Old browsers */
	background: linear-gradient(to bottom, hsla(53,38%,53%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

.line3 #main-content {
border-color: #b4a95a;
}

.line3 li #line-name {
background-color:#AE9D27;
}

.line3 #station-nav .current-station {
color: #AE9D27;
}

.line4 .menu {
	border: 1px solid #8dc2bb;
	background: #51d6c6; /* Old browsers */
	background: linear-gradient(to bottom, hsla(173,62%,58%,1) 0%,hsla(173,51%,38%,1) 100%); /* W3C */
}

.line4 #content-wrapper {
	background: #8dc2bb; /* Old browsers */
	background: linear-gradient(to bottom, hsla(172,30%,66%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

.line4 #main-content {
	border-color: #8dc2bb;
}

.line4 li #line-name {
	background-color:#93C5BE;
}

.line4 #station-nav .current-station {
	color: #93C5BE;
}

.line5 .menu {
	border: 1px solid #ffdd62;
	background: #fdce24; /* Old browsers */
	background: linear-gradient(to bottom, hsla(47,98%,57%,1) 0%,hsla(47,82%,43%,1) 100%); /* W3C */
}

.line5 #content-wrapper {
	background: #ffdd62; /* Old browsers */
	background: linear-gradient(to bottom, hsla(47,100%,69%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

.line5 #main-content {
	border-color: #ffdd62;
}

.line5 li #line-name {
	background-color:#F7C922;
}

.line5 #station-nav .current-station {
	color: #F7C922;
}

.line6 .menu {
	border: 1px solid #b53737;
	background: #cc1235; /* Old browsers */
	background: linear-gradient(to bottom, hsla(349,84%,44%,1) 0%,hsla(349,92%,31%,1) 100%); /* W3C */
}

.line6 #content-wrapper {
	background: #b53737; /* Old browsers */
	background: linear-gradient(to bottom, hsla(0,53%,46%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

.line6 #main-content {
	border-color: #b53737;
}

.line6 li #line-name {
	background-color:#DC2B19;
}

.line6 #station-nav .current-station {
	color: #DC2B19;
}

.line7 .menu {
	border: 1px solid #f07532;
	background: #e46825; /* Old browsers */
	background: linear-gradient(to bottom, hsla(21,78%,52%,1) 0%,hsla(21,89%,41%,1) 100%); /* W3C */
}

.line7 #content-wrapper {
	background: #f07532; /* Old browsers */
	background: linear-gradient(to bottom, hsla(21,86%,57%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

.line7 #main-content {
	border-color: #f07532;
}

.line7 li #line-name {
	background-color:#E87B14;
}

.line7 #station-nav .current-station {
	color: #E87B14;
}

.line8 .menu {
	border: 1px solid #53c395;
	background: #11aa75; /* Old browsers */
	background: linear-gradient(to bottom, hsla(159,82%,37%,1) 0%,hsla(159,75%,31%,1) 100%); /* W3C */
}

.line8 #content-wrapper {
	background: #53c395; /* Old browsers */
	background: linear-gradient(to bottom, hsla(155,48%,55%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

.line8 #main-content {
	border-color: #53c395;
}

.line8 li #line-name {
	background-color:#11A06F;
}

.line8 #station-nav .current-station {
	color: #009241;
}

.line9 .menu {
	border: 1px solid #804a49;
	background: #88403e; /* Old browsers */
	background: linear-gradient(to bottom, hsla(2,37%,39%,1) 0%,hsla(1,37%,26%,1) 100%); /* W3C */
}

.line9 #content-wrapper {
	background: #804a49; /* Old browsers */
	background: linear-gradient(to bottom, hsla(1,27%,40%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

.line9 #main-content {
	border-color: #804a49;
}

.line9 li #line-name {
	background-color:#5C2C2A;
}

.line9 #station-nav .current-station {
	color: #5C2C2A;
}

.line12 .menu {
	border: 1px solid #cba455;
	background: #c9a354; /* Old browsers */
	background: linear-gradient(to bottom, hsla(41,52%,56%,1) 0%,hsla(41,51%,42%,1) 100%); /* W3C */
}

.line12 #content-wrapper {
	background: #cba455; /* Old browsers */
	background: linear-gradient(to bottom, hsla(40,53%,56%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

.line12 #main-content {
	border-color: #cba455;
}

.line12 li #line-name {
	background-color:#BA9D65;
}

.line12 #station-nav .current-station {
	color: #BA9D65;
}

.linea .menu {
	border: 1px solid #ad4f90;
	background: #b02b87; /* Old browsers */
	background: linear-gradient(to bottom, hsla(318,61%,43%,1) 0%,hsla(319,69%,35%,1) 100%); /* W3C */
}

.linea #content-wrapper {
	background: #ad4f90; /* Old browsers */
	background: linear-gradient(to bottom, hsla(319,37%,49%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

.linea #main-content {
	border-color: #ad4f90;
}

.linea li #line-name {
	background-color:#8F1E74;
}

.linea #station-nav .current-station {
	color: #8F1E74;
}

.lineb .menu {
	border: 1px solid #2fa172;
	background: #139a70; /* Old browsers */
	background: linear-gradient(to bottom, hsla(161,78%,34%,1) 0%,hsla(161,80%,26%,1) 100%); /* W3C */
}

.lineb #content-wrapper {
	background: #2fa172; /* Old browsers */
	background: linear-gradient(to bottom, hsla(155,55%,41%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

.lineb #main-content {
	border-color: #2fa172;
}

.lineb li #line-name {
	background-color:#A9A9A9;
}

.lineb #station-nav .current-station {
	color: #139a70;
}

.metrobus-line-1 .menu {
	border: 1px solid #a53e35;
	background: #ac2115; /* Old browsers */
	background: linear-gradient(to bottom, hsla(5,78%,38%,1) 0%,hsla(5,89%,29%,1) 100%); /* W3C */
}

.metrobus-line-1 #content-wrapper {
	background: #a53e35; /* Old browsers */
	background: linear-gradient(to bottom, hsla(5,51%,43%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

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

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

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

.metrobus-line-2 .menu {
	border: 1px solid #9e5fa7;
	background: #913c9d; /* Old browsers */
	background: linear-gradient(to bottom, hsla(293,45%,43%,1) 0%,hsla(293,45%,38%,1) 100%); /* W3C */
}

.metrobus-line-2 #content-wrapper {
	background: #9e5fa7; /* Old browsers */
	background: linear-gradient(to bottom, hsla(293,29%,51%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

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

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

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

.metrobus-line-3 .menu {
	border: 1px solid #95b269;
	background: #85b044; /* Old browsers */
	background: linear-gradient(to bottom, hsla(84,44%,48%,1) 0%,hsla(84,44%,38%,1) 100%); /* W3C */
}

.metrobus-line-3 #content-wrapper {
	background: #95b269; /* Old browsers */
	background: linear-gradient(to bottom, hsla(84,32%,56%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

.metrobus-line-3 #main-content {
	border-color: #95b269;
}

.metrobus-line-3 li #line-name {
	background-color:#8FBC3E;
}

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

.metrobus-line-4 .menu {
	border: 1px solid #F78F1E;
	background: #ef932f; /* Old browsers */
	background: linear-gradient(to bottom, hsla(31,86%,56%,1) 0%,hsla(31,100%,47%,1) 100%); /* W3C */
}

.metrobus-line-4 #content-wrapper {
	background: #f4aa5a; /* Old browsers */
	background: linear-gradient(to bottom, hsla(31,87%,65%,1) 0%,hsla(0,0%,100%,1) 100%); /* W3C */
}

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

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

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

.tren-ligero .menu {
	border: 1px solid #3a5ca5;
	background: #21499f; /* Old browsers */
	background: linear-gradient(to bottom, hsla(221,65%,38%,1) 0%,hsla(221,65%,33%,1) 100%); /* W3C */
}

.tren-ligero  #content-wrapper {
	background: #3a5ca5; /* Old browsers */
	background: linear-gradient(to bottom, hsla(221,48%,44%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

.tren-ligero #main-content {
	border-color: #3a5ca5;
}

.tren-ligero  li #line-name {
	background-color:#003DA2;
}

.tren-ligero  #station-nav .current-station {
	color: #003DA2;
}

.tren-suburbano .menu {
	border: 1px solid #eb5950;
	background: #e73a2f; /* Old browsers */
	background: linear-gradient(to bottom, hsla(4,79%,55%,1) 0%,hsla(3,66%,44%,1) 100%); /* W3C */
}

.tren-suburbano  #content-wrapper {
	background: #eb5950; /* Old browsers */
	background: linear-gradient(to bottom, hsla(3,80%,62%,1) 0%,hsla(0,0%,100%,1) 40%); /* W3C */
}

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

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

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

/* 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;
}

/* 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;
}