* {
    margin:0;
    padding:0;
}

ul li {list-style-type:none}

.btl{ background:url(top-left.png) no-repeat top left; width:9px; height:10px; float:left; display:inline; }
.btr{ background:url(top-right.png) no-repeat top right; width:9px; height:10px; float:right; display:inline; }
.btc{ background:url(top-center.png) repeat-x; height:10px; float:left; display:inline }
.anime-top{ height:10px; overflow:hidden }
.anime-base{ background:url(anime-base.png) repeat-x bottom left; border-left:1px solid #6572b0; border-right:1px solid #6572b0;border-bottom:1px solid #6572b0; }
.anime {background:transparent; position:relative; z-index:9; cursor:pointer }

#nav {
    height:45px;
    width:100%;
    _margin:2px 0 0 0;
}

#nav li{ float:left; display:inline; height:100% ; position:relative; overflow:hidden; width:180px  }

#nav li a{
    display:block;
    padding:0 20px 0 20px;
    background:transparent;
    height:100%; position:relative;
    z-index:10;
    font-size:1px;
    text-indent:-9999px;
    background:url(texto-menu.png) no-repeat 0 0;
}

#nav li.home{ width:39px; }
#nav li.home a{ background-position:-719px bottom }

#nav li.a-escola{ width:57px; }
#nav li.a-escola a{ background-position:-1px bottom }

#nav li.bercario{ width:58px; }
#nav li.bercario a{ background-position:-57px bottom }

#nav li.educacao-infantil{ width:103px; }
#nav li.educacao-infantil a{ background-position:-114px bottom }

#nav li.ensino-fundamental1{ width:119px; }
#nav li.ensino-fundamental1 a{ background-position:-218px bottom }

#nav li.ensino-fundamental2{ width:120px; }
#nav li.ensino-fundamental2 a{ background-position:-336px bottom }

#nav li.atividades{ width:187px; }
#nav li.atividades a{ background-position:-457px bottom }

#nav li.fale{ width:77px; }
#nav li.fale a{ background-position:-644px bottom }