* {
	margin: 0;
	padding: 0;
}
html {height: 100%}
body {
	font: 62.5%/1.4em Arial, Verdana, Tahoma, sans-serif;
	height: 100%;
	background: #fff;
	color: #343434;
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: Trebuchet MS;
}
p {
	margin: 0 0 1em 0;
}
em {font-style: italic;}
small {font-size: 0.8em;}
a img {border: 0;}
a:link {color: #1799ec; outline: none;}
a:visited {color: #666666;}
a:hover {color: #1799ec; text-decoration: none;}
a:active {color: #1799ec; text-decoration: none;}
.nowrap {white-space: nowrap;}
.non-vis {display:none;}
.vis {display:block;}
.dash {color: #aaa;}
input {vertical-align: middle}
.clear-b {clear: both;}
.float-l {float: left;}

.min-max {
	clear: both;
	min-width: 900px;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0px 35px 0px 35px;
	background: transparent;
	height: 99.5%;
	font-size: 1.4em;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* map
-----------------------------------------------------------------------------*/
.mapcontainer {
	background: transparent;
}

/* columns
-----------------------------------------------------------------------------*/
.columns {
	width: 100%;
	height: 1%;
	margin: 0 0 1em;
}
.columns:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.container {
	width: 100%;
	float: left;
}
.content {
	padding: 0 350px 0 0;
}
.prefooter {
	padding: 0 0 70px;
	margin: 2em 0 0 0;
}
/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr {
	float: left;
	margin-right: -3px;
	width: 330px;
	margin-left: -330px;
	position: relative;
	background: #fff;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin: -50px auto 0;
	height: 50px;
	border-top: 1px solid silver;
}

.topbanner {width: 100%; margin: 0 0 1em; padding: 0; clear: both; background: transparent; text-align: center;}
.topbanner a {margin: 0; padding: 0;}
.topbanner a img {border: 1px solid silver; background: #fff; margin: 0 auto; padding: 0;}
.topbanner .attention {width: 90%; margin: 0.5em auto 0; background: #f3f3f3; padding: 1em; line-height: 1.4em;}
.topbanner .attention p {margin: 0; padding:0;}
.bottombanner {width: 100%; margin: -90px auto 70px; padding: 0; clear: both; background: transparent; text-align: center;}
.topbanner a {margin: 0; padding: 0;}
.bottombanner img {border: 1px solid silver; background: #fff; margin: 0 auto; padding: 0;}

.intro {font-size: 1.2em;}
.intro span {font-size: 0.9em;}

.sidebar .menu {font-size: 0.9em;}

.logo {float: left; width: 26px; margin: 5px 4px 0 -30px; padding: 0;}

.searchroute h1 {font-size: 1.4em; margin: 10px 0 10px 0; float: left;}
.searchroute h1 label {cursor: pointer;}
.searchroute .ya_button {display: block; margin: 10px 0 0 50px; float: left;}
.searchroute .from {float: left; width: 34%; margin: 0 1em 1em 0;}
.searchroute .to {float: left; width: 34%; margin: 0 1em 1em 0;}
.searchroute div input {width: 100%; border: 1px solid silver; height: 1.6em; margin: 0 0 0.5em 0; padding: 3px;}
.searchroute div input:focus {border: 1px solid #e34f4f;}
.searchroute div span {border-bottom: 1px dashed #1799ec; color:#1799ec; cursor: pointer;}
.searchroute div button {width: 150px; height: 2.4em;}

.address_search {margin: 0 0 1em; padding: 10px 10px 10px 18px; background: #faf0e6; text-align: left; width: 302px;}
.address_search h2 {clear: both; font-size: 1.3em; margin: 0 0 0.5em;}
.address_search h2 label {cursor: pointer;}
.address_search input {height: 1.6em; padding: 3px; border: 1px solid silver; background: #fff; width: 190px;}
.address_search input:focus {border: 1px solid #e34f4f;}
.address_search button {height: 2.4em; margin: 0 0 0 3px; width: 90px;}
.address_search p {margin: 3px 0 0; font-size: 0.9em;}
.address_search p span {border-bottom: 1px dashed #1799ec; color:#1799ec; cursor: pointer;}

.searching {width: 100%; padding: 0; margin: 0 0 0.8em; font-size: 1.2em; clear: both; line-height: 1.4em; font-style: italic;}

.address_result {padding: 0; margin: 0; font-size: 1.1em; clear: both;}
.address_result h2 {font-size: 1.05em; font-style: italic; font-weight: normal;}
.address_result ol {margin: 0.5em 0 1em 20px; list-style-type: decimal; line-height: 1.4em;}
.address_result ol li a {text-decoration: none; border-bottom: 1px dashed #1799ec; color: #1799ec;}
.address_result ol li .extra_info {margin: 0.5em 0 0.5em; padding: 0.5em; background: #faf0e6;}
.address_result ol li .extra_info h3 {font-size: 1.05em; font-style: italic; margin: 0; padding: 0;}
.address_result ol li .extra_info h3 a {font-size: 1em; color: #1799ec; border-bottom: 1px solid #1799ec;}
.address_result ol li .extra_info ul {margin: 0.5em 0 0.5em 15px; list-style-type: square; line-height: 1.4em;}
.address_result ol li .extra_info ul li {margin: 0;}
.address_result ol li .extra_info ul li a {color: #1799ec; border-bottom: 1px solid #1799ec;}
.address_result ol li .extra_info ul li a[href^="tel"] {text-decoration: none; border-bottom: 1px dashed #1799ec;}

.selectroute {width: 100%; padding: 0; margin: 0 0 1em 0; font-size: 1.1em; clear: both; line-height: 1.4em; }
.selectroute p {margin: 0 0 0.5em 0; color: #343434;}
.selectroute p a {text-decoration: none; color: #343434; white-space: nowrap;}
.selectroute p a.intersection {color: #e34f4f; font-style: italic;}
.selectroute p a.terminus {font-weight: bold;}
.selectroute h2 {font-size: 1.05em; font-style: italic; font-weight: normal; margin: 1em 0 0;}
.selectroute ol {margin: 0.5em 0 0;}
.selectroute ol li a {border-bottom: 1px dashed; color:#1A3DC1; cursor:pointer; text-decoration: none;}

.options {margin: 2em 0 0; line-height: 1.4em; font-size: 0.9em;}
.options p{margin: 1em 0 0.5em 18px;}
.showonmap {padding: 0 0 0 18px; background: url('/i/map.png') no-repeat; text-decoration: none;}

.mapactions {width: 100%; margin: 0 0 0.5em;}
.onpage {border-bottom: 1px dashed; color:#1A3DC1; cursor:pointer; text-decoration: none;}
.onpageoff {border-bottom: 0px dashed; color:#ccc; text-decoration: none; cursor: default;}
.mapbg {margin: 0 -1px 0em -1px; background: #fff; border: 1px solid silver; height: 400px; width: 100%;}

.baloon {font-size: 0.8em; line-height: 1.3em; word-spacing: 5px; text-align: left;}
.baloon h3{font-size: 1.2em; font-weight: bold; word-spacing: normal;}
.baloon .trolleybus {background-color: #ebf2f2; padding: 0 1px;}
.baloon .bus {background-color: #f7eae9; padding: 0 1px;}
.baloon .tramway {background-color: #bfc0c1; padding: 0 1px;}
.baloon .combus {background-color: #a3f3b8; padding: 0 1px;}
.baloon .routetaxi {background-color: #efcc82; padding: 0 1px;}
.baloon a {padding: 0 3px 0 0;}
.baloon a.selectroute:link {color: #e34f4f;}
.baloon a.selectroute:visited {color: #e34f4f;}
.baloon a.selectroute:hover {color: #e34f4f;}
.baloon a.selectroute:active {color: #e34f4f;}

.chosenroute {width: 100%; padding: 0; margin: 0px 0 1.5em 0; clear: both;}
.chosenroute h2 {color: #343434; font-family: Trebuchet MS; display: inline; font-weight: normal; font-size: 1.2em; padding: 3px;}
.chosenroute .trolleybus {background-color: #ebf2f2; padding: 3px 5px; margin: 0 0 0 -5px;}
.chosenroute .bus {background-color: #f7eae9; padding: 3px 5px; margin: 0 0 0 -5px;}
.chosenroute .tramway {background-color: #bfc0c1; padding: 3px 5px; margin: 0 0 0 -5px;}
.chosenroute .combus {background-color: #a3f3b8; padding: 3px 5px; margin: 0 0 0 -5px;}
.chosenroute .routetaxi {background-color: #efcc82; padding: 3px 5px; margin: 0 0 0 -5px;}
.chosenroute img {display: inline; cursor: pointer;}
.chosenroute em {font-style: italic; font-family: Arial; color: #666; border-bottom: 1px dashed #666; cursor: pointer;}
.chosenroute .showonmap {margin: 0 0 0 20px;}
.chosenroute p {margin: 0.5em 0 1.5em 0; line-height: 1.4em; color: #aaa;}
.chosenroute p a {text-decoration: none; color: #343434; white-space: nowrap;}
.chosenroute p a.intersection {color: #e34f4f; font-style: italic;}
.chosenroute p a.terminus {font-weight: bold;}

.ya_direct_line {margin: 0 0 1em; padding: 0; width: 100%;}

.shortinfo {background: #f3f3f3; margin: 0 0 1em -26px; padding: 1em 1em 0.5em 26px; line-height: 1.4em;}
.shortinfo p {margin: 0 0 0.5em;}
.shortinfo p strong {font-weight: normal;}

#twitter_div {padding: 0; background: transparent;}
#twitter_div .sidebar-title {clear: both; margin: 1em 0 0 0px; font-size: 1.4em;}
#twitter_div #twitter_update_list {margin: 0.5em 0em 0.5em 0px; list-style-type: none; line-height: 1.4em; font-size: 1.1em;}
#twitter_div #twitter_update_list li {margin: 0.5em 0 0.5em -5px; padding: 3px 5px; background: #f5f5dc;}
#twitter_div #twitter-link {display:block;text-align:right; background:transparent url("../i/twitter_16.gif") no-repeat scroll right center; cursor:pointer; margin-bottom: 1.5em; padding:0pt 18px 0pt;}

.selector {float: left; width: 325px; margin: 0; padding: 0 0 5px; text-align: left; visibility: visible;}
.selector input {vertical-align: middle; margin: 0 0 5px;}

.routelist {border: 1px solid silver; width: 328px; height: 298px; background: #fff; overflow: auto; margin: 0 0 1em; padding: 0; font-size: 0.8em; text-align: left;}
.routelist ul {margin: 10px 3px 10px 10px; list-style-type: none;}
.routelist ul label {cursor: pointer;}
.routelist ul li {margin: 0 0 5px 0; list-style-type: none;}
.routelist ul li .num {margin: 0 5px 0 5px; text-align: right;}
.routelist ul li em{color: #aaa; font-style: normal}

.seealso {background: #f3f3f3; width: 300px; padding: 15px; margin: 0 0 1em; text-align: left;}
.seealso h2 {font-family: Trebuchet MS; font-weight: normal; font-style: italic; font-size: 1.4em; margin: 0 0 10px 0; padding: 0;}
.seealso ul {margin: 0; padding: 0; list-style-type: none; font-size: 0.9em;}
.seealso ul li {margin: 0 0 5px 0; padding: 0;}

#footer .links {padding: 0.5em 0 0; margin: 0; line-height: 1.5em;}
#footer .links ul {list-style-type: none; margin: 0;}
#footer .links ul li {display: inline; list-style-type: none;}
#footer .links ul li a {color: #343434;}
#footer .links ul li a:hover {text-decoration: none;}
#footer .links ul li .sprtr {font-size: 0.9em; color: #aaa;}

#footer .copyrights {padding: 0.5em 0 0; margin: 0; line-height: 1.5em;}
#footer .copyrights .sign {height: 50px; float: left; padding: 0 0.25em 0 0; margin: 0 0 0 -1em;}

.messagebox {display: none; background: #f3f3f3; z-index: 1100; position: absolute; top: 50%; left: 50%; width: 400px; height: 206px; margin-top: -100px; margin-left: -200px; padding: 10px; border: 1px solid silver; font-size: 1.5em;}
.messagebox img.close {position: absolute; top: 10px; right: 10px; cursor: pointer;}
.messagebox span{font-weight: normal; font-family: Trebuchet MS, Arial;}
.messagebox label{font-style: italic; display: block; margin: 10px 0; cursor: pointer;}
.messagebox textarea.link {width: 392px; height: 4em; border: 1px silver solid; background: #fff; font-size: 1em; padding: 3px; margin: 3px 0 0;}
.messagebox textarea.code {width: 392px; height: 4em; border: 1px silver solid; background: #fff; font-size: 1em; padding: 3px; margin: 3px 0 0;}