﻿@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////////////////////*/

.header{
position:relative;
width:100%;
min-width:1260px;
height:82px;
border-top:1px solid #295F77;
background:url(../img/bg_header.png) repeat-x bottom center;
z-index:500;
}

#nav{
width:1260px;
height:78px;
margin:auto;
}

#nav h1,#nav ul{
display:inline-block;
vertical-align:top;
}

#nav h1 a{
display:block;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}

#nav h1 a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}


#nav ul{
text-align:center;
}

#nav ul li{
position: relative;
text-align:right;
display:inline-block;
vertical-align:middle;
height:62px;
width:125px;
margin:0px;
margin-top:10px;
margin-bottom:0;
background:url(../img/nav.png) no-repeat;
}

#nav ul li a{
display:block;
height:62px;
}

#nav ul li#nav1{background-position:0px 0px;}
#nav ul li#nav2{background-position:-125px 0px;}
#nav ul li#nav3{background-position:-250px 0px;}
#nav ul li#nav4{background-position:-375px 0px;}
#nav ul li#nav5{background-position:-500px 0px;}
#nav ul li#nav6{background-position:-625px 0px;}
#nav ul li#nav7{background-position:-750px 0px;}
#nav ul li#nav8{background-position:-875px 0px;}

#nav ul li#nav1:hover{background-position:0px -62px;}
#nav ul li#nav2:hover{background-position:-125px -62px;}
#nav ul li#nav3:hover{background-position:-250px -62px;}
#nav ul li#nav4:hover{background-position:-375px -62px;}
#nav ul li#nav5:hover{background-position:-500px -62px;}
#nav ul li#nav6:hover{background-position:-625px -62px;}
#nav ul li#nav7:hover{background-position:-750px -62px;}
#nav ul li#nav8:hover{background-position:-875px -62px;}

#nav ul li#nav1.active{background-position:0px -124px;}
#nav ul li#nav2.active{background-position:-125px -124px;}
#nav ul li#nav3.active{background-position:-250px -124px;}
#nav ul li#nav4.active{background-position:-375px -124px;}
#nav ul li#nav5.active{background-position:-500px -124px;}
#nav ul li#nav6.active{background-position:-625px -124px;}
#nav ul li#nav7.active{background-position:-750px -124px;}
#nav ul li#nav8.active{background-position:-875px -124px;}

#nav ul li#nav1.none{background-position:0px -186px;}
#nav ul li#nav2.none{background-position:-125px -186px;}
#nav ul li#nav3.none{background-position:-250px -186px;}
#nav ul li#nav4.none{background-position:-375px -186px;}
#nav ul li#nav5.none{background-position:-500px -186px;}
#nav ul li#nav6.none{background-position:-625px -186px;}
#nav ul li#nav7.none{background-position:-750px -186px;}
#nav ul li#nav8.none{background-position:-875px -186px;}

#nav ul li img.new{
display:block;
position:absolute;
margin-top:-8px;
margin-left:-5px;
z-index:100;
}

#nav ul li.none{
pointer-events:none;
}




/*////////////////////////////////////////////////////////////////////////////////////////*/
.page-back {
 position: fixed;
 bottom: 5px;
 right: 50px;
z-index:9999;
}