* {
    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:51px; }
#nav li.home a{ background-position:-722px bottom }

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

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

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

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

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

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

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