@charset "utf-8";
/* CSS Document */

#menu { position:relative; width:565px; height:50px; background:url(../images/menu.png) no-repeat 0 0; margin:0 0 0 170px; }
#menu ul { list-style:none; }
#menu li { position:absolute; top:0; height:50px; }
#menu li a { position:absolute; display:block; width:100%; height:100%; top:0; cursor:pointer; }
#menu li a span { position:absolute; display:block; width:100%; height:100%; top:0; }

#menu-home { width:77px; left:0; }
#menu-desafio { width:91px; left:77px; }
#menu-quemsomos { width:111px; left:168px; }
#menu-escolas { width:157px; left:279px; }
#menu-contato { width:129px; left:436px; }

#menu-home a span { background:url(../images/menu.png) no-repeat 0 0; }
#menu-desafio a span { background:url(../images/menu.png) no-repeat -77px 0; }
#menu-quemsomos a span { background:url(../images/menu.png) no-repeat -168px 0; }
#menu-escolas a span { background:url(../images/menu.png) no-repeat -279px 0; }
#menu-contato a span { background:url(../images/menu.png) no-repeat -436px 0; }

#menu ul li a:hover { z-index:1000; }
#menu-home a:hover span { background:url(../images/menu.png) no-repeat 0 -50px; }
#menu-desafio a:hover span { background:url(../images/menu.png) no-repeat -77px -50px; }
#menu-quemsomos a:hover span { background:url(../images/menu.png) no-repeat -168px -50px; }
#menu-escolas a:hover span { background:url(../images/menu.png) no-repeat -279px -50px; }
#menu-contato a:hover span { background:url(../images/menu.png) no-repeat -436px -50px; }

#menu-home .ativo { background:url(../images/menu.png) no-repeat 0 -50px; }
#menu-desafio .ativo { background:url(../images/menu.png) no-repeat -77px -50px; }
#menu-quemsomos .ativo { background:url(../images/menu.png) no-repeat -168px -50px; }
#menu-escolas .ativo { background:url(../images/menu.png) no-repeat -279px -50px; }
#menu-contato .ativo { background:url(../images/menu.png) no-repeat -436px -50px; }