/*----------------------------------------------------------------------------------------------*/
/* navigation */
/*----------------------------------------------------------------------------------------------*/

header {
  z-index: 999;
  padding-top: 0px;
  margin-right: auto;
  margin-left: auto;
}

#menu,
#menu .pix1,
#menu .pix2,
#menu .pix3,
#menu .pix4{
  background: url(../img/buttons/fond_menu.png);
}

#menu .spacer {
  clear: both;
  padding: 0;
  margin: 0;
  height: 0;
  line-height: 0px
}

#menu {
  position: absolute;
  top: 20px;
  width: 880px;
  height: 40px;
  left: 0px;
  right: 0px;
  margin-right: auto;
  margin-left: auto;
  z-index: 100;
}

#menu.sans {
 width: 780px;
}

#menu.sans span a:nth-child(5) {
  display: none
}

#menu br {
  display:none
}

#menu a {
  font-family: 'adore64regular';
  font-size:15px;
  text-align:center;
  word-spacing:-5px;
  color:#55FF55;
  text-decoration: none;
  display: block;
  float: left;
  margin: 0px 9px;
  padding: 12px 10px 11px 10px;
  opacity: 1;
}

#menu a:hover {
  color:#FFFFFF;
  background:#000000
}

#menu .pix1, #menu .pix2 {
  float: left
}

#menu .pix1 {
width:4px;height:32px;
margin: 4px 0px 0px -4px}

#menu .pix2 {
width:4px;height:24px;
margin: 8px 0px 0px -8px}

#menu .pix3,
#menu .pix4
{position:relative;
float: right}

#menu .pix3 {
width:4px;height:32px;
margin: 4px -4px 0px 0px
}

#menu .pix4 {
  width:4px;
  height:24px;
  margin: 8px -8px 0px 0px
}


.home #menu #home_link,
.news #menu #news_link,
.news-page #menu #news_link,
.world #menu #world_link,
.more #menu #projects_link,
.about #menu #about_link {
  color:#FFFFFF;
  background:#000000
}


@media screen and (max-width:900px)
{

#menu {
width:76vw;
height:5.5vw;
}

#menu.sans {
width:66vw;
}

#menu.sans span a:nth-child(5)
{display:none}

#menu span a
{
font-size: 1.5vw;
line-height: 1.8vw;
margin: 0vw 1.25vw;
padding: 1.1vw 1vw 0.8vw 1vw;}

#menu span a:nth-child(1),
#menu span a:nth-child(2),
#menu span a:nth-child(5)
{padding: 2vw 1vw 1.7vw 1vw;}

#menu a:nth-child(6)
{padding: 2vw 0.5vw 1.7vw 1vw;}

#menu a:nth-child(6)
{margin-right: 0;}

#menu br {display:block}

#menu .pix1 {
width:0.5vw;height:4.5vw;
margin: 0.5vw 0vw 0vw -0.5vw}

#menu .pix2 {
width:0.5vw;height:3.5vw;
margin: 1vw 0vw 0vw -1vw}

#menu .pix3 {
width:0.5vw;height:4.5vw;
margin: 0.5vw -0.5vw 0vw 0vw}


#menu .pix4 {
width:0.5vw;height:3.5vw;
margin: 1vw -1vw 0vw 0vw}

}


@media screen and (max-width:640px)
{

#menu {
width:89vw;}

#menu.sans {
width:78vw;
}

#menu span a {
font-size:2vw;
line-height: 2.3vw;
margin: 0vw 0.6vw;
padding: 0.6vw 1vw 0.3vw 1vw;}

#menu span a:nth-child(1),
#menu span a:nth-child(2),
#menu span a:nth-child(5)
{padding: 2vw 1vw 1vw 1vw;}

#menu a:nth-child(6)
{padding: 2vw 0.5vw 1vw 1vw;}

}