/*[if IE]*/
#menu ul li{float:left;width:100%;}
/*[endif]*/

/*[if lt IE 7]*/
body{ behavior:url(css/csshover.htc); font-size:100%; }
#menu ul li{ float:left; width:100%; }
#menu ul li a{ height:100%; }
#menu a{ font:bold 0.7em/1.4em arial,helvetica,sans-serif; }
/*[endif]*/

#menu{width:136px;}
#menu ul{ list-style:none; margin:0; padding:0;}
#menu a{
color:#000;
display:block;
font:bold 12px/16px arial,helvetica,sans-serif;
margin:0;
padding:2px 3px;
text-decoration:none;

}
#menu a:hover{color:#ff8c00;text-decoration:none;}
#menu ul li{position:relative;font-weight:bold;}
#menu ul ul ul{
background-color:#fff;
border-left:1px solid #959595;
left:100%;
position:absolute;
top:0;
width:100%;
}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul{ display:none;}
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul{ display:block;}

#menu ul ul ul.submenu1-a{ width:210px;}
#menu ul ul ul.submenu1-b{ width:70px;}
#menu ul ul ul.submenu1-c{ width:100px;}

#menu ul ul ul ul.submenu2-a{ width:180px;}
#menu ul ul ul ul.submenu2-b{ width:230px;}

/* INSERcaO DAS IMAGENS ---------------------------------------------------------- */
/* modelo trocar imagem no a:hover
#menu ul li ul li a:hover.diario{
background:url(../images/img_diario_p.jpg) no-repeat;
}
*/

#menu ul li ul li a.escola{ background:url(../images/img_escola_p.jpg) no-repeat; height:65px; }
#menu ul li ul li a.projeto-ano{ background:url(../images/img_projetos_p.jpg) no-repeat; height:65px; }
#menu ul li ul li a.calendario{ background:url(../images/img_calendario_p.jpg) no-repeat; height:65px; }
#menu ul li ul li a.noticias{ background:url(../images/img_noticias_p.jpg) no-repeat; height:65px; }
#menu ul li ul li a.atividades{ background:url(../images/img_atividades_p.jpg) no-repeat; height:65px; }
#menu ul li ul li a.midiateca{ background:url(../images/img_midiateca_p.jpg) no-repeat; height:65px; }
#menu ul li ul li a.diario{ background:url(../images/img_diario_p.jpg) no-repeat; height:65px; }