/* IMPORT */

/* ****** */

/* TAG's */

/* ***** */

/* ID's */


/* **** */

/* CLASS'es */

.aButton { padding:0 0 0 225px; }

.stations .active { z-index:13 !important; }

.way .active-line { z-index:10 !important; }

.metro-map {
	/*float:left;*/
	position:relative;
	width:532px;
	height:500px;
	margin:18px 0 0 18px;
}

.metro-title { padding:5px 0 12px 60px; }

.metro-title h1 {
	position:relative;
	width:438px;
	height:21px;
	margin:0;
	padding:0;
	overflow:hidden;
}
.metro-title h1 i {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:438px;
	height:21px;
	background:transparent url('/i/metro_spb/title.gif') no-repeat 0 0;
}

.metro-outer {}

/* shared styles */

.way .cross {
	position:absolute;
	width:10px;
	height:10px;
	z-index:2;
}

.way .line {
	position:absolute;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 0;
	z-index:1;
}

.way div {
	position:absolute;
	/*width:6px;*/
	width:4px;
	height:19px;
}

.way .to { background-position:-2px -18px; }

.way .to-l { background-position:0 -18px; }

/* ****** ****** */

/* line number one, red line */

.num1 div { background-color:#d72027; }

.num1 .l1 {
	top:154px;
	left:308px;
	width:13px;
	height:45px;
	background-image:url('/i/metro_spb/lines/p1-1.gif');
}
.num1 .l2 {
	top:203px;
	left:264px;
	width:40px;
	height:39px;
	background-image:url('/i/metro_spb/lines/p1-2.gif');
}
.num1 .l3 {
	top:246px;
	left:227px;
	width:34px;
	height:34px;
	background-image:url('/i/metro_spb/lines/p1-3.gif');
}
.num1 .l4 {
	top:284px;
	left:179px;
	width:44px;
	height:43px;
	background-image:url('/i/metro_spb/lines/p1-4.gif');
}
.num1 .l5 {
	top:331px;
	left:133px;
	width:43px;
	height:69px;
	background-image:url('/i/metro_spb/lines/p1-5.gif');
}

.num1 .st1, 
.num1 .st2, 
.num1 .st3, 
.num1 .st4, 
.num1 .st5, 
.num1 .st6, 
.num1 .st7, 
.num1 .st8 { left:317px; }

.num1 .st4, 
.num1 .st6, 
.num1 .st7, 
.num1 .st8, 
.num1 .st16, 
.num1 .st18 { height:20px; }

.num1 .st1 { top:14px; }

.num1 .st2 { top:31px; }

.num1 .st3 { top:48px; }

.num1 .st4 { top:65px; }

.num1 .st5 { top:83px; }

.num1 .st6 { top:100px; }

.num1 .st7 { top:118px; }

.num1 .st8 { top:136px; }

.num1 .st14, 
.num1 .st15, 
.num1 .st16, 
.num1 .st17, 
.num1 .st18, 
.num1 .st19 { left:133px; }

.num1 .st14 { top:398px; }

.num1 .st15 { top:415px; }

.num1 .st16 { top:432px; }

.num1 .st17 {
	top:450px;
	height:18px;
}

.num1 .st18 { top:466px; }

/* **** ****** **** *** **** */

/* line number two, blue line */

.num2 div { background-color:#2850a3; }

.num2 .l6, 
.num2 .l7, 
.num2 .l8, 
.num2 .l9 {
	left:175px;
	width:4px;
}
.num2 .l6 {
	top:135px;
	height:43px;
	background-image:url('/i/metro_spb/lines/p2-1.gif');
}
.num2 .l7 {
	top:186px;
	height:57px;
	background-image:url('/i/metro_spb/lines/p2-2.gif');
}
.num2 .l8 {
	top:251px;
	height:64px;
	background-image:url('/i/metro_spb/lines/p2-3.gif');
}
.num2 .l9 {
	top:323px;
	height:60px;
	background-image:url('/i/metro_spb/lines/p2-4.gif');
}

.num2 .st20, 
.num2 .st21, 
.num2 .st22, 
.num2 .st23, 
.num2 .st24, 
.num2 .st25, 
.num2 .st26, 
.num2 .st31, 
.num2 .st32, 
.num2 .st33, 
.num2 .st34, 
.num2 .st35, 
.num2 .st36,
.num2 .st37 { left:175px; }

.num2 .st23, 
.num2 .st24, 
.num2 .st33, 
.num2 .st34 { height:20px; }

.num2 .st20 { top:14px; }

.num2 .st21 { top:31px; }

.num2 .st22 { top:48px; }

.num2 .st23 { top:65px; }

.num2 .st24 { top:83px; }

.num2 .st25 { top:101px; }

.num2 .st26 { top:118px; }

.num2 .st28 { top:177px; }

.num2 .st29 { top:242px; }

.num2 .st30 { top:314px; }

.num2 .st31 { top:381px; }

.num2 .st32 { top:398px; }

.num2 .st33 { top:415px; }

.num2 .st34 { top:433px; }

.num2 .st35 { top:451px; }

.num2 .st36 { top:468px; }

/* **** ****** **** **** **** */

/* line number three, green line */

.num3 div { background-color:#15a34a; }

.num3 .l10 {
	top:190px;
	left:181px;
	width:123px;
	height:20px;
	background-image:url('/i/metro_spb/lines/p3-3.gif');
}
.num3 .l11 {
	top:213px;
	left:308px;
	width:43px;
	height:114px;
	background-image:url('/i/metro_spb/lines/p3-4.gif');
}
.num3 .l12 {
	top:335px;
	left:347px;
	width:4px;
	height:82px;
	background-image:url('/i/metro_spb/lines/p3-5.gif');
}

.num3 .st38,
.num3 .st39 {
	top:190px;
	height:4px;
	background-position:0 0;
}
.num3 .st38 {
	left:11px;
	width:69px;
}
.num3 .st39 {
	left:78px;
	width:95px;
}

.num3 .st43, 
.num3 .st44, 
.num3 .st45, 
.num3 .st46, 
.num3 .st47 { left:347px; }

.num3 .st43 { top:415px; }

.num3 .st44 { top:432px; }

.num3 .st45 {
	top:449px;
	height:20px;
}
.num3 .st46 { top:467px; }

/* **** ****** ****** ***** **** */

/* line number four, yellow line */

.num4 div { background-color:#f7a31d; }

.num4 .l13 {
	top:238px;
	left:186px;
	width:74px;
	height:14px;
	background-image:url('/i/metro_spb/lines/p4-1.gif');
}
.num4 .l14 {
	top:256px;
	left:259px;
	width:64px;
	height:60px;
}
.num4 .l14 { background-image:url('/i/metro_spb/lines/p4-2.gif'); }

.num4 .l15 {
	top:310px;
	left:317px;
	width:30px;
	height:29px;
	background-image:url('/i/metro_spb/lines/p4-3.gif');
}
.num4 .l16 {
	top:343px;
	left:351px;
	width:42px;
	height:91px;
	background-image:url('/i/metro_spb/lines/p4-4.gif');
}
.num4 .st52, 
.num4 .st53, 
.num4 .st54 { left:389px; }

.num4 .st52 {
	top:432px;
	height:20px;
}
.num4 .st53 { top:450px; }

.num4 .st54 { top:467px; }

/* **** ****** ***** ****** **** */

/* line number five, purple line */

.num5 div { background-color:#a03895; }

.num5 .l17 {
	top:81px;
	left:132px;
	width:41px;
	height:156px;
	background-image:url('/i/metro_spb/lines/p5-1.gif');
}
.num5 .l18 {
	top:246px;
	left:181px;
	width:43px;
	height:44px;
	background-image:url('/i/metro_spb/lines/p5-2.gif');
}
.num5 .l19 {
	top:294px;
	left:227px;
	width:20px;
	height:63px;
	background-image:url('/i/metro_spb/lines/p5-3.gif');
}

.num5 .st56, 
.num5 .st57, 
.num5 .st58, 
.num5 .st59 { left:132px; }

.num5 .st56 { top:13px; }

.num5 .st57 { top:30px; }

.num5 .st58 { top:47px; }

.num5 .st59 { top:64px; }

/* **** ****** ***** ****** **** */

/* shared styles */

.stations a { outline:none; }

.stations a:link, 
.stations a:visited { text-decoration:none; }

.stations a:hover,
.stations a:active { text-decoration:underline; }

.stations a.active:link,
.stations a.active:visited,
.stations a.active:hover,
.stations a.active:active {
	text-decoration:none;
	border-style:solid;
	border-width:0 0 2px 0;
}

.stations h1 {
	position:absolute;
	width:7px;
	height:8px;
	padding:0 !important;
	overflow:hidden;
}
.stations h1 i {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:7px;
	height:8px;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:0 0;
}

.stations p {
	position:absolute;
	height:8px;
	margin:0;
	padding:0;
	font:.83em Tahoma, Verdana, sans-serif;
	white-space:nowrap;
	line-height:.91em;
	z-index:3;
	background-color:transparent;
	background-repeat:no-repeat;
}
.stations .std {
	padding:2px 0 0 5px;
	background-position:0 .6em;
}

.stations .std-l {
	padding:2px 3px 0 0;
	background-position:100% .6em;
}

.stations .end, 
.stations .end-l {
	background-color:transparent;
	background-repeat:no-repeat;
}
.stations .end {
	padding:2px 0 0 9px;
	background-position:0 .6em;
}

.stations .end-l {
	padding:2px 8px 0 0;
	background-position:100% .7em;
}

.stations .cross, 
.stations .cross-l {
	height:9px;
	background-color:transparent;
	background-repeat:no-repeat;
}
.stations .cross {
	padding:2px 0 0 13px;
	background-position:0 100%;
}

.stations .cross-l {
	padding:2px 13px 0 0;
	background-position:100% 100%;
}

/* ****** ****** */

//* stations on line number one, red line */

.way1 { color:#d72027 }

.way1 .end,
.way1 .end-l { background-image:url('/i/metro_spb/stations/st-1-fl.gif'); }

.way1 .std,
.way1 .std-l { background-image:url('/i/metro_spb/stations/st-1.gif'); }

.way1 .cross,
.way1 .cross-l { background-image:url('/i/metro_spb/stations/cross-1.gif'); }

.way1 a:link,
.way1 a:visited,
.way1 a:hover,
.way1 a:active {
	color:#d72027 !important;
	border-color:#d72027 !important;
}

.way1 h1 i { background-image:url('/i/metro_spb/num/l1.gif'); }

.way1 h1.top {
	top:0;
	left:315px;
}
.way1 h1.btm {
	top:492px;
	left:131px;
}

.way1 .st2,
.way1 .st3,
.way1 .st4,
.way1 .st5,
.way1 .st6,
.way1 .st7,
.way1 .st8,
.way1 .st9 {
	left:321px;
}

.way1 .st1 {
	top:8px;
	left:316px;
	width:5.3em;
}
.way1 .st2 {
	top:25px;
	width:11.6em;
}
.way1 .st3 {
	top:42px;
	width:7.3em;
}
.way1 .st4 {
	top:59px;
	width:8.5em;
}
.way1 .st5 {
	top:77px;
	width:9.5em;
}
.way1 .st6 {
	top:94px;
	width:3.4em;
}
.way1 .st7 {
	top:112px;
	width:5.7em;
}
.way1 .st8 {
	top:130px;
	width:8.3em;
}
.way1 .st9 {
	top:148px;
	width:7em;
}
.way1 .st10 {
	top:195px;
	left:301px;
	width:9.8em;
}
.way1 .st11 {
	top:238px;
	left:257px;
	width:6.9em;
}
.way1 .st12 {
	top:276px;
	left:220px;
	width:6.1em;
	padding:1px 0 1px 14px;
}
.way1 .st13 {
	top:323px;
	left:24px;
	/*width:14.4em;*/
	width:144px;
	padding:2px 14px 0 0 !important;
}
/*.way1 .st13 a {
	padding:0 11px 0 0;
	background:transparent url('/i/metro_spb/stations/st13.gif') no-repeat 100% 60%;
}*/
.way1 .st14 {
	top:392px;
	left:74px;
	width:5.7em;
}
.way1 .st15 {
	top:409px;
	left:86px;
	width:4.5em;
}
.way1 .st16 {
	top:426px;
	left:48px;
	width:8.3em;
}
.way1 .st17 {
	top:444px;
	left:95px;
	width:3.6em;
}
.way1 .st18 {
	top:460px;
	left:28px;
	width:10.4em;
}
.way1 .st19 {
	top:477px;
	left:31px;
	/*width:9.9em;*/
	width:99px;
}

/* ******** ** **** ****** **** *** **** */

/* stations on line number two, blue line */

.way2 { color:#2850a3; }

.way2 .end,
.way2 .end-l { background-image:url('/i/metro_spb/stations/st-2-fl.gif'); }

.way2 .std,
.way2 .std-l { background-image:url('/i/metro_spb/stations/st-2.gif'); }

.way2 .cross,
.way2 .cross-l { background-image:url('/i/metro_spb/stations/cross-2.gif'); }

.way2 a:link,
.way2 a:visited,
.way2 a:hover,
.way2 a:active {
	color:#2850a3 !important;
	border-color:#2850a3 !important;
}

.way2 h1 i { background-image:url('/i/metro_spb/num/l2.gif'); }

.way2 h1.top {
	top:0;
	left:175px;
}
.way2 h1.btm {
	top:492px;
	left:174px;
}

.way2 .st21,
.way2 .st22,
.way2 .st23,
.way2 .st24,
.way2 .st25,
.way2 .st26,
.way2 .st27,
.way2 .st28,
.way2 .st31,
.way2 .st32,
.way2 .st33,
.way2 .st34,
.way2 .st35,
.way2 .st36 { left:179px; }

.way2 .st20,
.way2 .st37 { left:174px; }

.way2 .st20 {
	top:8px;
	width:3.5em;
}
.way2 .st21 {
	top:25px;
	width:11.6em;
}
.way2 .st22 {
	top:42px;
	width:3.7em;
}
.way2 .st23 {
	top:59px;
	width:4.5em;
}
.way2 .st24 {
	top:77px;
	width:5.8em;
}
.way2 .st25 {
	top:95px;
	width:6.4em;
}
.way2 .st26 {
	top:112px;
	width:7.3em;
}
.way2 .st27 {
	top:129px;
	width:6em;
}
.way2 .st28 {
	top:176px;
	left:172px;
	width:9.1em;
}
.way2 .st29 {
	top:241px;
	left:90px;
	width:8.1em;
	padding:2px 11px 0 0;
}
.way2 .st30 {
	top:312px;
	left:24px;
	/*width:14.5em;*/
	width:145px;
	height:10px;
}
/*.way2 .st30 a {
	padding:0 12px 0 0;
	background:transparent url('/i/metro_spb/stations/st30.gif') no-repeat 100% 60%;
}*/
.way2 .st31 {
	top:375px;
	width:6.4em;
}
.way2 .st32 {
	top:392px;
	width:9.7em;
}
.way2 .st33 {
	top:409px;
	width:6.5em;
}
.way2 .st34 {
	top:427px;
	width:6.4em;
}
.way2 .st35 {
	top:445px;
	width:5.8em;
}
.way2 .st36 {
	top:462px;
	width:4.3em;
}
.way2 .st37 {
	top:479px;
	width:4.2em;
}


/* ******** ** **** ****** **** **** **** */

/* stations on line number three, green line */

.way3 { color:#15a34a; }

.way3 .end { background-image:url('/i/metro_spb/stations/st-3-f.gif'); }
.way3 .end-l { background-image:url('/i/metro_spb/stations/st-3-l.gif'); }

.way3 .std,
.way3 .std-l { background-image:url('/i/metro_spb/stations/st-3.gif'); }

.way3 .cross,
.way3 .cross-l { background-image:url('/i/metro_spb/stations/cross-3.gif'); }

.way3 a:link,
.way3 a:visited,
.way3 a:hover,
.way3 a:active {
	color:#15a34a !important;
	border-color:#15a34a !important;
}


.way3 h1 i { background-image:url('/i/metro_spb/num/l3.gif'); }

.way3 h1.top {
	top:188px;
	left:0;
}
.way3 h1.btm {
	top:492px;
	left:345px;
}

.way3 .st38 {
	top:175px;
	left:11px;
	width:5.9em;
	padding:2px 0 10px 0;
	background-position:0 100%;
}
.way3 .st39 {
	top:194px;
	left:40px;
	width:8.9em;
	padding:2px 0 0 0;
	background-position:38px 0;
}
.way3 .st40 {
	top:187px;
	left:172px;
	width:7.4em;
	padding:7px 0 0 13px;
	background-position:0 0;
}
.way3 .st41 {
	top:205px;
	left:301px;
	width:5.7em;
}
.way3 .st42 {
	top:324px;
	left:344px;
	width:16.4em;
	height:10px;
}
/*.way3 .st42 a {
	padding:0 12px 0 0;
	background:transparent url('/i/metro_spb/stations/st42.gif') no-repeat 100% 60%;
}*/
.way3 .st43 {
	top:409px;
	left:278px;
	width:6.7em;
}
.way3 .st44 {
	top:426px;
	left:270px;
	width:7.5em;
}
.way3 .st45 {
	top:443px;
	left:276px;
	width:6.9em;
}
.way3 .st46 {
	top:461px;
	left:302px;
	width:4.3em;
}
.way3 .st47 {
	top:477px;
	left:297px;
	width:4.7em;
}

/* ******** ** **** ****** ****** ***** **** */

/* stations on line number four, yellow line */

.way4 { color:#df8401; }

.way4 .end,
.way4 .end-l { background-image:url('/i/metro_spb/stations/st-4-fl.gif'); }

.way4 .std,
.way4 .std-l { background-image:url('/i/metro_spb/stations/st-4.gif'); }

.way4 .cross,
.way4 .cross-l { background-image:url('/i/metro_spb/stations/cross-4.gif'); }

.way4 a:link,
.way4 a:visited,
.way4 a:hover,
.way4 a:active {
	color:#df8401 !important;
	border-color:#df8401 !important;
}

.way4 h1 i { background-image:url('/i/metro_spb/num/l4.gif'); }

.way4 h1.btm {
	top:492px;
	left:387px;
}

.way4 .st48 {
	top:224px;
	left:177px;
	width:4.5em;
	padding:2px 0 9px 9px;
}
.way4 .st49 {
	top:248px;
	left:257px;
	width:6.2em;
}
.way4 .st50 {
	top:313px;
	left:263px;
	width:5.7em;
	height:19px;
	padding:1px 0 0 0;
	text-align:center;
	white-space:normal !important;
	background:transparent url('/i/metro_spb/stations/st-4-50.gif') no-repeat 100% 0;
}
.way4 .st51 {
	top:335px;
	left:344px;
	width:16.5em;
}
/*.way4 .st51 a {
	padding:0 13px 0 0;
	background:transparent url('/i/metro_spb/stations/st51.gif') no-repeat 100% 60%;
}*/

.way4 .st52,
.way4 .st53,
.way4 .st54 { left:393px; }

.way4 .st52 {
	top:426px;
	width:7.8em;
}
.way4 .st53 {
	top:444px;
	width:5.4em;
}
.way4 .st54 {
	top:461px;
	width:11.6em;
}
.way4 .st55 {
	top:478px;
	left:388px;
	width:7.6em;
}

/* ******** ** **** ****** ***** ****** **** */

/* stations on line number five, purple line */

.way5 { color:#a03895; }

.way5 .end,
.way5 .end-l { background-image:url('/i/metro_spb/stations/st-5-fl.gif'); }

.way5 .std,
.way5 .std-l { background-image:url('/i/metro_spb/stations/st-5.gif'); }

.way5 .cross,
.way5 .cross-l { background-image:url('/i/metro_spb/stations/cross-5.gif'); }

.way5 a:link,
.way5 a:visited,
.way5 a:hover,
.way5 a:active {
	color:#a03895;
	border-color:#a03895 !important;
}

.way5 h1 i { background-image:url('/i/metro_spb/num/l5.gif'); }

.way5 h1.top {
	top:0;
	left:130px;
}
.way5 h1.btm {
	top:361px;
	left:241px;
}

.way5 .st56 {
	top:6px;
	left:7px;
	/*width:12.4em;*/
	width:124px;
	padding:2px 6px 0 0;
}
.way5 .st57 {
	top:24px;
	left:54px;
	width:7.6em;
}
.way5 .st58 {
	top:41px;
	left:30px;
	width:10.1em;
}
.way5 .st59 {
	top:58px;
	left:74px;
	width:5.6em;
}
.way5 .st60 {
	top:75px;
	left:71px;
	width:5.9em;
}
.way5 .st61 {
	top:231px;
	left:124px;
	width:4em;
	padding:2px 13px 2px 0;
}

.way5 .st62 {
	top:285px;
	left:220px;
	width:7.7em;
	padding:2px 0 1px 14px;
}
.way5 .st63 {
	top:349px;
	left:241px;
	width:5.7em;
}

/* ******** ** **** ****** ***** ****** **** */

/* ******** */