/*[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 ul li ul li.laranja a{

height:100%;
width:100%;
}
#menu a{
background:#fff;
font:bold 0.7em/1.4em arial,helvetica,sans-serif;
}
/*[endif]*/

#menu{
width:135px;
}
#menu ul{
list-style:none;
margin:0;
padding:0;
}
#menu a{
color:#000;
display:block;
font:bold 11px/16px arial,helvetica,sans-serif;
margin:0;
padding:2px 5px;
text-decoration:none;
background:#ffffea;
}
#menu a:hover{
color:#ff8c00;
text-decoration:none;
}
#menu ul li{
position:relative;
font-weight:bold;
}
#menu ul ul ul{
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 li ul li ul{

height:100%;
width:100%;
}

/* INSERcaO DAS IMAGENS ---------------------------------------------------------- */
#menu ul li ul li a.escola{
background:url(../images/img_escola_p.jpg) no-repeat;
height:65px;
}
#menu ul li ul li a:hover.escola{
background:url(../images/img_escola_p.jpg) no-repeat;
}
#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:hover.projeto-ano{
background:url(../images/img_projetos_p.jpg) no-repeat;
}
#menu ul li ul li a.calendario{
background:url(../images/img_calendario_p.jpg) no-repeat;
height:65px;
}
#menu ul li ul li a:hover.calendario{
background:url(../images/img_calendario_p.jpg) no-repeat;
}
#menu ul li ul li a.noticias{
background:url(../images/img_noticias_p.jpg) no-repeat;
height:65px;
}
#menu ul li ul li a:hover.noticias{
background:url(../images/img_noticias_p.jpg) no-repeat;
}
#menu ul li ul li a.atividades{
background:url(../images/img_atividades_p.jpg) no-repeat;
height:65px;
}
#menu ul li ul li a:hover.atividades{
background:url(../images/img_atividades_p.jpg) no-repeat;
}
#menu ul li ul li a.midiateca{
background:url(../images/img_midiateca_p.jpg) no-repeat;
height:65px;
}
#menu ul li ul li a:hover.midioteca{
background:url(../images/img_midiateca_p.jpg) no-repeat;
}
#menu ul li ul li a.diario{
background:url(../images/img_diario_p.jpg) no-repeat;
height:65px;
}
#menu ul li ul li a:hover.diario{
background:url(../images/img_diario_p.jpg) no-repeat;
}