/* delete */
/*body { margin-top: 30px; }*/
span.pseudo_link {
	border-bottom: 1px dotted #B2CCF0;
	color: #0055CC;
    padding: 2px;
	cursor: pointer;
}

span.pseudo_link:hover {
	border-color: #c00;
	color: #c00;
    padding: 2px;
}

span.active {
	border: none;
	color: #000 !important;
	background-color: #EBEBCF;
    padding: 2px;
}

.board {
	position: relative;
	margin: 0 auto;
	width: 720px;
	height: 520px;
}

/* ------- Scene ------------ */
.scene {
	position: absolute;
	top: 0;
	left: 0;
	width: 720px;
	height: 520px;
	overflow: hidden;
}

.scene .layer {
	position: absolute;
	background-repeat: no-repeat;
}

.scene .layer1 {
	width: 800px;
	height: 524px;
	left: -40px;
	top: -2px;
	background-image: url(scene_layer1.jpg);
}

.scene .layer2 {
	width: 1144px;
	height: 532px;
	left: -212px;
	top: -6px;
	background-image: url(scene_layer2.png);
	background-position: 564px 383px;
}

.scene .layer3 {
	width: 1200px;
	height: 540px;
	left: -240px;
	top: -10px;
	background-image: url(scene_layer3.png);
}

.scene .layer4 {
	width: 1260px;
	height: 540px;
	left: -270px;
	top: -10px;
	background-image: url(scene_layer4.png);
	background-position: 346px 418px;
}

.scene .layer5 {
	width: 435px;
	height: 500px;
	left: 140px;
	top: 10px;
}

.scene .pointers .pointer {
	position: absolute;
	background-repeat: no-repeat;
}

.scene .pointers .pointer .front {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.9;
}

.scene .pointers .pointer:before {
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	background: #1f1e30;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.scene .pointers .pointer .cylinder {
	position: absolute;
	width: 16px;
	background-image: url('cylinder.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	-webkit-transform-origin: 8px 0;
	-moz-transform-origin: 8px 0;
	-ms-transform-origin: 8px 0;
	-o-transform-origin: 8px 0;
	transform-origin: 8px 0;
}

.scene .pointers .pointer .back {
	position: absolute;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.scene .pointers .pointer1 {
	left: 49px;
	top: 259px;
	width: 157px;
	height: 108px;
}

.scene .pointers .pointer1 .front {
	background-image: url(pointer1.png);
}

.scene .pointers .pointer1:before {
	left: 4px;
	top: 14px;
}

.scene .pointers .pointer1 .cylinder {
	left: 4px;
	top: 22px;
	height: 56px;
	-webkit-transform: rotate(89deg);
	-moz-transform: rotate(89deg);
	-ms-transform: rotate(89deg);
	-o-transform: rotate(89deg);
	transform: rotate(89deg);
}

.scene .pointers .pointer1 .back {
	left: -44px;
	top: 18px;
}

.scene .pointers .pointer2 {
	left: 88px;
	top: 368px;
	width: 125px;
	height: 135px;
}

.scene .pointers .pointer2 .front {
	background-image: url(pointer2.png);
}

.scene .pointers .pointer2:before {
	left: 106px;
	top: 3px;
}

.scene .pointers .pointer2 .cylinder {
	left: 106px;
	top: 11px;
	height: 12px;
	-webkit-transform: rotate(63deg);
	-moz-transform: rotate(63deg);
	-ms-transform: rotate(63deg);
	-o-transform: rotate(63deg);
	transform: rotate(63deg);
}

.scene .pointers .pointer2 .back {
	left: 103px;
	top: 9px;
}

.scene .pointers .pointer3 {
	left: 274px;
	top: 382px;
	width: 147px;
	height: 67px;
}

.scene .pointers .pointer3 .front{
	background-image: url(pointer3.png);
}

.scene .pointers .pointer3:before {
	left: 3px;
	top: 3px;
}

.scene .pointers .pointer3 .cylinder {
	left: 3px;
	top: 11px;
	height: 25px;
	-webkit-transform: rotate(279deg);
	-moz-transform: rotate(279deg);
	-ms-transform: rotate(279deg);
	-o-transform: rotate(279deg);
	transform: rotate(279deg);
}

.scene .pointers .pointer3 .back {
	left: 26px;
	top: 9px;
}

.scene .pointers .pointer4 {
	left: 370px;
	top: 161px;
	width: 159px;
	height: 105px;
}

.scene .pointers .pointer4 .front {
	background-image: url(pointer4.png);
}

.scene .pointers .pointer4:before {
	left: 4px;
	top: 18px;
}

.scene .pointers .pointer4 .cylinder {
	left: 4px;
	top: 26px;
	height: 56px;
	-webkit-transform: rotate(268deg);
	-moz-transform: rotate(268deg);
	-ms-transform: rotate(268deg);
	-o-transform: rotate(268deg);
	transform: rotate(268deg);
}

.scene .pointers .pointer4 .back {
	left: 58px;
	top: 19px;
}



.right-scene {
	width: 178px;
	height: 221px;
}

.for_scene1 .right-scene {	
	background-image: url(moscow-navigation-rus-eng-torgryad.gif);
}

.for_scene2 .right-scene {	
	background-image: url(moscow-navigation-rus-eng-minin.gif);
}

.for_scene3 .right-scene {	
	background-image: url(moscow-navigation-rus-eng-ordinka.gif);
}

.for_scene4 .right-scene {	
	background-image: url(moscow-navigation-rus-eng-spasskie.gif);
}

.from-above {
	width: 391px;
	height: 338px;
	position: absolute;
	left: 50%;
	margin-left: -281px;
	bottom: -1px;
}

.for_scene1 .from-above {	
	background-image: url(moscow-navigation-from-above-torgryad.png);
}

.for_scene2 .from-above {	
	background-image: url(moscow-navigation-from-above-minin.png);
}

.for_scene3 .from-above {	
	background-image: url(moscow-navigation-from-above-ordinka.png);
}

.for_scene4 .from-above {	
	background-image: url(moscow-navigation-from-above-spasskie.png);
}