.manual {
    width: 100%;
    height: 940px;
    display: block;
    position: relative;
    float: left;
}
#content.news.stations .news-box p.man {
	display: block;
	position: relative;
	float: left;
	clear: both;
	font-size: 1.1em;
	font-family: 'latobold';
	color: #135894;
	margin-bottom: 25px;
}
.manual .bg-manual {

}
.manual .bg-manual {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 0

}
.manual .bg-manual img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 0

}
.bg-shadow {
	display: block;
	position: absolute;
	top: -22px;
	left: -22px;
	background: url("/img/manual/bg-transp.png") repeat 0 0;
	
	width: 960px;
	height: 960px;
}
/* .bg-shadow.active {
	z-index: 20;
} */
.brd-2-yel {
	border: 2px solid #fead00;
	z-index: 40;
	position: absolute;
	cursor: pointer;
	opacity: 1;
}
.brd-2-yel:hover,
.brd-2-yel.active {
	border: 2px solid #fead00;
	z-index: 30;
	position: absolute;
}
.brd-2-yel img{
	width: 100%;
	height: auto;
	direction: block;
	position: relative;
}
.joyride-expose-wrapper {
	background-color: none;
}
.man-menu {
	position: absolute;
	display: block;
}
.menu-1 {
	top: 48px;
	left: 180px;
	width: 177px;
	height: 48px;
}

.menu-2 {
	top: 48px;
	left: 355px;
	width: 165px;
	height: 48px;
}

.menu-3 {
	top: 48px;
	left: 518px;
	width: 114px;
	height: 48px;
}

.menu-4 {
	top: 48px;
	left: 630px;
	width: 193px;
	height: 48px;
}

.menu-5 {
	top: 48px;
	left: 820px;
	width: 99px;
	height: 48px;
}

.left-1 {
	top: 102px;
	left: -2px;
	width: 491px;
	height: auto;
}

.left-2 {
	top: 330px;
	left: -2px;
	width: 491px;
	height: auto;
}

.left-3 {
	top: 488px;
	left: -2px;
	width: 491px;
	height: auto;
}

.right-1 {
	top: 102px;
	left: 497px;
	width: 422px;
	height: auto;
}

.right-2 {
	top: 354px;
	left: 497px;
	width: 422px;
	height: auto;
}

.right-3 {
	top: 583px;
	left: 497px;
	width: 422px;
	height: auto;
}
.joyride-modal-bg {

background: rgba(0,0,0, 1);
opacity: 0.6;
}
.joyride-tip-guide {
background: #ffffff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
color: #000004;
font-size: 0.9em;
border: 2px solid #fead00;
font-family: 'latoregular';
margin-bottom:5px;
margin-top: 5px; 
width: 380px;
padding: 15px;
}
.joyride-nub.top,
.joyride-nub.top-right {
background: url("/img/manual/bottom.png") no-repeat 0 3px;
border: none !important;
width: 24px !important;
height: 14px !important;
}
.joyride-nub.bottom {
background: url("/img/manual/top.png") no-repeat 0 -1px;
border: none !important;
width: 24px !important;
height: 14px !important;
}
.joyride-close-tip {
	background: url("/img/manual/x.png") no-repeat 0 0;
	width: 21px;
	height: 21px;
	text-indent: -99px;
	overflow: hidden;
}
.joyride-close-tip:hover {
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70); /* For IE8 and earlier */
}
.joyride-tip-guide .ng {
	font-size: 1.3em;
	text-transform: uppercase;
	color: #135894;
}
.joyride-tip-guide .joyride-next-tip{

	z-index: 10;
	position: absolute;
	right: 10px;
	bottom: 5px;
	outline: none !important;
}
.joyride-tip-guide .joyride-prev-tip {

	z-index: 10;
	position: absolute;
	left: 10px;
	bottom: 5px;
	outline: none !important;
}
.joyride-content-wrapper {
	padding: 10px 0 20px 0;
}
.joyride-tip-guide .joyride-next-tip{
	background: #fead00;
	font-size: 1.2em;
	font-family: 'latoregular';
	color: #000000;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
	border: none !important;
	width: 120px;
}
.joyride-tip-guide .joyride-prev-tip {
	background: #d7d7d7;
	font-size: 1.2em;
	font-family: 'latoregular';
	color: #000000;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
	border: none !important;
	width: 120px;
}

.joyride-next-tip:hover,
.joyride-prev-tip:hover {

}
.step {
padding: 12px;
font-size: 1.2em;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
z-index: 0;
left: 0;
font-family: 'latoblack';
}
@media (min-width: 768px){

}

@media (max-width: 767px){

}

/*############## HEADER ##############*/
@media (min-width: 768px) and (max-width: 992px){

.menu-1 {
	top: 40px;
	left: 178px;
	width: 128px;
	height: 36px;
}

.menu-2 {
	top: 40px;
	left: 306px;
	width: 120px;
	height: 36px;
}

.menu-3 {
	top: 40px;
    left: 426px;
    width: 84px;
	height: 36px;
}

.menu-4 {
	top: 40px;
    left: 510px;
    width: 140px;
	height: 36px;
}

.menu-5 {
	top: 40px;
    left: 650px;
    width: 74px;
	height: 36px;
}

.left-1 {
    height: auto;
    left: 0;
    top: 82px;
    width: 385px;
}
.left-2 {
    height: auto;
    left: 0;
    top: 261px;
    width: 385px;
}
.left-3 {
    height: auto;
    left: 0;
    top: 386px;
    width: 385px;
}
.right-1 {
    height: auto;
    left: 394px;
    top: 82px;
    width: 330px;
}
.right-2 {
    height: auto;
    left: 394px;
    top: 280px;
    width: 330px;
}
.right-3 {
	height: auto;
	left: 394px;
	top: 461px;
	width: 330px;
}
.bg-shadow {
    height: 760px;
    width: 768px;
}
.manual {
    display: block;
    float: left;
    height: 726px;
    position: relative;
    width: 100%;
}
 }/*@media (min-width: 768px) */

 @media (min-width: 100px) and (max-width: 767px){ 
 	.manual {
 		display: none;
 	}


 } /*@media (min-width: 280px) and (max-width: 768px)*/