body {
    color: #FFFFFF;
    font-family: 'Trebuchet MS';
    font-size: 12px;
    margin: 0;
    padding: 0;
}

a { color: #FFFFFF; text-decoration: underline; }
a:visited { color: #FFFFFF; text-decoration: underline; }
a:hover { color: #FFFFFF; text-decoration: none; }
/*CONFIG -> MODIFICATORS*/
.clear { clear: both; }
.left {float: left;}
.right {float: right;}
/*MODIFICATORS -> INDEX*/
.wrap {
    background: #000;
    height: 643px;
    overflow: hidden;
    width: 810px;
}
.headBox {
    position: absolute;
    width: 810px;
}
.headBox .name {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    line-height: 25px;
    padding: 10px 0 5px 10px;
    text-align: center;
}
.headBox .lang {
    font-size: 14px;
    padding-left: 10px;
    text-align: left;
}
.headBox .lang a.active {
    background: none repeat scroll 0 0 #0095da;
}
.headBox .lang a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    background: none repeat scroll 0 0 #F2B84E;
    display: inline-block;
    font-size: 13px;
    height: 15px;
    line-height: 12px;
    margin: 0 1px;
    text-align: center;
    text-decoration: none;
    width: 23px;
}
.headBox .logo {
    padding: 20px 20px 0 0;
}
/*INDEX -> MAP*/
.mapBox {
    background: url("../common/map.jpg") no-repeat scroll 0 0 transparent;
    height: 445px;
    overflow: hidden;
    width: 810px;
}
.mapBox .welcomeBox {
    background: url("../common/welcome.png") no-repeat  scroll 0 0 transparent;
    display: none;
    height: 445px;
}
.mapBox .welcomeBox p {
    margin: 0;
}
.mapBox .welcomeBox.active {
    display: block;
}
.mapBox .welcomeBox .welcomeText {
    font-size: 22px;
    height: 135px;
    margin: 0 auto 105px;
    overflow: hidden;
    padding: 160px 0 0;
    text-align: center;
    width: 445px;
}
.mapBox .welcomeBox .chose {
    margin-left: 100px;
}
.chose > div {
    margin: -42px 0 0 43px;
    position: absolute;
}
.mapBox .mapItem.active {
    display: block !important;
}
.mapBox .mapItem {
    display: none;
    height: 445px;
    width: 810px;
}
.mapBox .mapItem.map1 {
    background: url("../common/map1.png") no-repeat  scroll 0 0 transparent;
}
.mapBox .mapItem.map2 {
    background: url("../common/map2.png") no-repeat  scroll 0 0 transparent;
}
.mapBox .mapItem.map3 {
    background: url("../common/map3.png") no-repeat  scroll 0 0 transparent;
}
.mapBox .mapItem.map4 {
    background: url("../common/map4.png") no-repeat  scroll 0 0 transparent;
}
.mapBox .mapItem.map5 {
    background: url("../common/map5.png") no-repeat  scroll 0 0 transparent;
}
.mapBox .mapItem.map6 {
    background: url("../common/map6.png") no-repeat  scroll 0 0 transparent;
}
.mapBox .mapItem.map7 {
    background: url("../common/map7.png") no-repeat  scroll 0 0 transparent;
}
.mapBox .mapItem.map8 {
    background: url("../common/map8.png") no-repeat  scroll 0 0 transparent;
}
.mapBox .mapItem.map9 {
    background: url("../common/map9.png") no-repeat  scroll 0 0 transparent;
}
.mapBox .mapItem.map10 {
    background: url("../common/map10.png") no-repeat  scroll 0 0 transparent;
}
.dotItem .dot {
    cursor: pointer;
    height: 30px;
    position: relative;
    width: 30px;
}
.dotItem .dot:hover .photo {
    display: block;
}
.dotItem .dot .photo {
    display: none;
    height: 38px;
    margin-left: -2px;
    margin-top: -36px;
    position: absolute;
    width: 39px;
}
.map1 .photo {
    background: url("../common/photo1.png") no-repeat scroll 0 0 transparent;
}
.map2 .photo {
    background: url("../common/photo2.png") no-repeat scroll 0 0 transparent;
}
.map3 .photo {
    background: url("../common/photo3.png") no-repeat scroll 0 0 transparent;
}
.map4 .photo {
    background: url("../common/photo4.png") no-repeat scroll 0 0 transparent;
}
.map5 .photo {
    background: url("../common/photo5.png") no-repeat scroll 0 0 transparent;
}
.map6 .photo {
    background: url("../common/photo6.png") no-repeat scroll 0 0 transparent;
}
.map7 .photo {
    background: url("../common/photo7.png") no-repeat scroll 0 0 transparent;
}

.startDot.active .dot {
    display: block;
}
.startDot .dot:hover .photo {
    display: block;
}
.startDot .dot {
    display: none;
    background: url("../common/startDot.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 30px;
    position: absolute;
    width: 30px;
}
.startDot .dot .photo {
    background: url("../common/whiteDot.png") no-repeat scroll 0 0 transparent;
    display: none;
    height: 38px;
    margin-left: -1px;
    margin-top: -36px;
    position: absolute;
    width: 39px;
}

.liftDot.active .dot {
    display: block;
}
.liftDot .dot {
    background: url("../common/liftDot.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: none;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 9;
}
.liftDot .liftMap {
    background: url("../common/liftMap.png") no-repeat scroll 0 0 transparent;
    display: none;
    height: 445px;
    position: absolute;
    top: 0;
    width: 810px;
}

.mapItem.map1 .dotItem .table .title {
    color: #535353;
}
.mapItem .dotItem .table .title {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 1px;
    padding-bottom: 2px;
}
.mapItem .dotItem .table {
    color: #000000;
    display: none;
    height: 61px;
    padding: 3px 15px 30px 10px;
    position: absolute;
    width: 158px;
}
.mapItem .dotItem .table.whiteTable {
    color: #000000;
    display: none;
    height: 38px;
    padding: 3px 15px 20px 10px;
    position: absolute;
    width: 158px;
}
.table.whiteTable p {
    margin: 4px 0;
}
.liftDot .dotItem .table.whiteTable {
    color: #000000;
    display: none;
    height: 38px;
    padding: 3px 15px 20px 10px;
    position: absolute;
    width: 158px;
}
.mapItem .dotItem .table table {
    color: #000000;
    font-size: 11px;
    padding: 5px 0 0;
}
.mapItem .dotItem .table tr td:last-child {
    color: #5d5b5b
}
/*--------------------------------------------*/
.map1 .dotItem.active .dot {
    background: url("../common/dot1.png") no-repeat  scroll 0 0 transparent;
}
.map2 .dotItem.active .dot {
    background: url("../common/dot2.png") no-repeat  scroll 0 0 transparent;
}
.map3 .dotItem.active .dot {
    background: url("../common/dot3.png") no-repeat  scroll 0 0 transparent;
}
.map4 .dotItem.active .dot {
    background: url("../common/dot4.png") no-repeat  scroll 0 0 transparent;
}
.map5 .dotItem.active .dot {
    background: url("../common/dot5.png") no-repeat  scroll 0 0 transparent;
}
.map6 .dotItem.active .dot {
    background: url("../common/dot6.png") no-repeat  scroll 0 0 transparent;
}
.map6 .dotItem.active.dot2 .dot {
    background: none;
}
.map7 .dotItem.active .dot {
    background: url("../common/dot7.png") no-repeat  scroll 0 0 transparent;
}
/*--------------------------------------------*/
.map1 .dotItem .table {
    background: url("../common/table1.png") no-repeat scroll 0 0 transparent;
}
.map1 .dot3 .table {
    background: url("../common/table12.png") no-repeat scroll 0 0 transparent;
}
.map2 .dotItem .table {
    background: url("../common/table2.png") no-repeat scroll 0 0 transparent;
}
.map2 .dot2 .table {
    background: url("../common/table22.png") no-repeat scroll 0 0 transparent;
}
.map3 .dotItem .table {
    background: url("../common/table3.png") no-repeat scroll 0 0 transparent;
}
.map4 .dotItem .table {
    background: url("../common/table4.png") no-repeat scroll 0 0 transparent;
}
.map6 .dotItem .table {
    background: url("../common/table0.png") no-repeat scroll 0 0 transparent;
}
.map8 .dotItem .table {
    background: url("../common/table0.png") no-repeat scroll 0 0 transparent;
}
.map9 .dotItem .table {
    background: url("../common/table0.png") no-repeat scroll 0 0 transparent;
}
.map10 .dotItem .table {
    background: url("../common/table0.png") no-repeat scroll 0 0 transparent;
}
.liftDot .dotItem .table {
    background: url("../common/table0.png") no-repeat scroll 0 0 transparent;
}
/*--------------------------------------------*/
.popUp {
    color: #444444;
    display: none;
    position: absolute;
    top: 0;
    z-index: 10;
}
.popUp .popUpBg {
    background: #000000;
    height: 643px;
    opacity: 0.4;
    position: absolute;
    width: 810px;
    z-index: 10;
}
.popUp .popUpBox {
    background: #FFF;
    left: 100px;
    padding: 15px 30px;
    position: absolute;
    top: 40px;
    width: 570px;
    z-index: 10;
}
.popUp .popUpBox .close {
    background: url("../common/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 17px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 17px;
}
.popUp .popUpBox .text {
    max-height: 545px;
    min-height: 200px;
    overflow: hidden;
}
.popUp .popUpBox .text .title {
    font-size: 30px;
}
.popUp .popUpBox .text p:first-child {
    margin-top: 0;
}
/*MAP-SETTINGS -> NAVIGATION*/
.navBox {
    background: url("../common/navBox.jpg") repeat-x  scroll 0 0 transparent;
    height: 178px;
    padding: 10px;
}
.nav {
    width: 455px;
}
.nav .navItem {
    cursor: pointer;
    float: left;
    font-size: 14px;
    margin: 2px 10px 2px 0;
    width: 216px;
}
.nav .navItem .routeName {
    border-right: 3px solid transparent;
    float: right;
    padding: 3px 5px;
    width: 170px;
}
.nav .navItem:hover .routeName {
    background: #0074a8;
    border-right: 3px solid #f2b84e;
}
.nav .navItem.active .routeName {
    background: #0074a8;
    border-right: 3px solid #f2b84e;
}
.nav .navItem .routeIndicator {
    float: left;
    height: 25px;
    margin-right: 4px;
    width: 29px;
}
/*--------------------------------------------*/
.nav .navItem.route1 .routeIndicator {
    background: url("../common/routeNav.png") no-repeat scroll -2px -31px transparent;
}
.nav .navItem.route2 .routeIndicator {
    background: url("../common/routeNav.png") no-repeat scroll -35px -31px transparent;
}
.nav .navItem.route3 .routeIndicator {
    background: url("../common/routeNav.png") no-repeat scroll -68px -31px transparent;
}
.nav .navItem.route4 .routeIndicator {
    background: url("../common/routeNav.png") no-repeat scroll -101px -31px transparent;
}
.nav .navItem.route5 .routeIndicator {
    background: url("../common/routeNav.png") no-repeat scroll -134px -31px transparent;
}
.nav .navItem.route6 .routeIndicator {
    background: url("../common/routeNav.png") no-repeat scroll -167px -31px transparent;
}
.nav .navItem.route7 .routeIndicator {
    background: url("../common/routeNav.png") no-repeat scroll -200px -31px transparent;
}
.nav .navItem.route8 .routeIndicator {
    background: url("../common/routeNav.png") no-repeat scroll -35px -31px transparent;
}
.nav .navItem.route9 .routeIndicator {
    background: url("../common/routeNav.png") no-repeat scroll -134px -31px transparent;
}
.nav .navItem.route10 .routeIndicator {
    background: url("../common/routeNav.png") no-repeat scroll -167px -31px transparent;
}
.nav .navItem.route11 .routeIndicator {
    background: url("../common/routeNav.png") no-repeat scroll -233px -31px transparent;
}
/*--------------------------------------------*/
.nav .navItem.route1:hover .routeIndicator {
    background-position: -2px -2px;
}
.nav .navItem.route2:hover .routeIndicator {
    background-position: -35px -2px;
}
.nav .navItem.route3:hover .routeIndicator {
    background-position: -68px -2px;
}
.nav .navItem.route4:hover .routeIndicator {
    background-position: -101px -2px;
}
.nav .navItem.route5:hover .routeIndicator {
    background-position: -134px -2px;
}
.nav .navItem.route6:hover .routeIndicator {
    background-position: -167px -2px;
}
.nav .navItem.route7:hover .routeIndicator {
    background-position: -200px -2px;
}
.nav .navItem.route8:hover .routeIndicator {
    background-position: -35px -2px;
}
.nav .navItem.route9:hover .routeIndicator {
    background-position: -134px -2px;
}
.nav .navItem.route10:hover .routeIndicator {
    background-position: -167px -2px;
}
.nav .navItem.route11:hover .routeIndicator {
    background-position: -233px -2px;
}
/*--------------------------------------------*/
.nav .navItem.route1.active .routeIndicator {
    background-position: -2px -2px;
}
.nav .navItem.route2.active .routeIndicator {
    background-position: -35px -2px;
}
.nav .navItem.route3.active .routeIndicator {
    background-position: -68px -2px;
}
.nav .navItem.route4.active .routeIndicator {
    background-position: -101px -2px;
}
.nav .navItem.route5.active .routeIndicator {
    background-position: -134px -2px;
}
.nav .navItem.route6.active .routeIndicator {
    background-position: -167px -2px;
}
.nav .navItem.route7.active .routeIndicator {
    background-position: -200px -2px;
}
.nav .navItem.route8.active .routeIndicator {
    background-position: -35px -2px;
}
.nav .navItem.route9.active .routeIndicator {
    background-position: -134px -2px;
}
.nav .navItem.route10.active .routeIndicator {
    background-position: -167px -2px;
}
.nav .navItem.route11:active .routeIndicator {
    background-position: -233px -2px;
}
/*--------------------------------------------*/
.infoBox.active {
    display: block;
}
.infoBox {
    background: #0074a8;
    display: none;
    margin: -6px -10px 0 0;
}
.infoBox p {
    margin: 5px 0;
}
.infoBox .title {
    background: none repeat scroll 0 0 #00608B;
    color: #FFFFFF;
    font-size: 19px;
    padding: 3px 10px;
    width: 322px;
}
.infoBox .text {
    background: #0181bc;
    height: 158px;
    padding: 3px 10px;
    width: 322px;
}