#menu{position:absolute; height:47px; width:130px; margin:0px 0px 0px 20px; padding:0px; font-size:14px; }
#menu ul#item1{position:absolute;top:0;left:0; margin:8px 0px 0px 0px; padding:0px;}
#menu ul#item2{position:absolute;top:0;left:128px; margin:8px 10px 0px 0px; padding:0px;}
#menu ul#item3{position:absolute;top:0;left:228px; margin:8px 10px 0px 0px; padding:0px;}
#menu ul#item4{position:absolute;top:0;left:373px; margin:8px 10px 0px 0px; padding:0px;}
#menu ul#item5{position:absolute;top:0;left:490px; margin:8px 10px 0px 0px; padding:0px;}
#menu ul { margin:0px; padding:0px; border-bottom:#FFFFFF 1px solid; font-size:14px;}
#menu ul li.item{display:none;  margin:0px; padding:0px; border-bottom:#D9D9D9 1px solid;}
#menu ul li.item a{display:block;width:130px;height:20px;background:#BABABA; margin:0px; padding:4px 4px 4px 14px; border-left:#FFFFFF 1px solid; border-right:#FFFFFF 1px solid; color:#FFFFFF; background-image:url(../imgs/menu/vineta.gif); background-position:left; background-repeat:no-repeat; font-size:14px;}
#menu ul li.item a:hover{background:#D8D8D8; margin:0px; padding:4px 4px 4px 14px; text-decoration:none; color:#6A7088; background-image:url(../imgs/menu/vinetaon.gif); background-position:left; background-repeat:no-repeat;  }
#menu ul#item1 li.top{background:url(../imgs/menu/menu01.gif);width:128px;height:39px; list-style:none; margin:0px; padding:0px; }
#menu ul#item1 li.top:hover{background:url(../imgs/menu/menu01-on.gif);}
#menu ul#item2 li.top{background:url(../imgs/menu/menu02.gif);width:100px;height:39px; list-style:none;margin:0px;padding:0px; }
#menu ul#item2 li.top:hover{background:url(../imgs/menu/menu02-on.gif);}
#menu ul#item3 li.top{background:url(../imgs/menu/menu03.gif);width:145px;height:39px; list-style:none; margin:0px; padding:0px; }
#menu ul#item3 li.top:hover{background:url(../imgs/menu/menu03-on.gif);}
#menu ul#item4 li.top{background:url(../imgs/menu/menu04.gif);width:117px;height:39px; list-style:none; margin:0px;padding:0px; }
#menu ul#item4 li.top:hover{background:url(../imgs/menu/menu04-on.gif);}
#menu ul#item5 li.top{background:url(../imgs/menu/menu05.gif);width:118px;height:39px; list-style:none; margin:0px; padding:0px; }
#menu ul#item5 li.top:hover{background:url(../imgs/menu/menu05-on.gif);}
#menu ul:hover .item{display:block; margin:0px; padding:0px; }






#contacto a { display: block; background:  url(../imgs/menu/menu06.gif) top; width: 130px; height: 39px; margin-left:630px; margin-top:8px; }
#contacto a:hover {background:  url(../imgs/menu/menu06-on.gif) no-repeat bottom; }

#kinder  { margin-left:150px;  margin-top:8px; display: block; width: 100px; height: 39px; background: url("../imgs/menu/menu02.gif") no-repeat 0 0; }
#kinder:hover  {background:  url(../imgs/menu/menu02-on.gif)  no-repeat bottom; }
#kinder span { display: none; }

#preescolar  { margin-left:260px;  margin-top:8px; display: block; width: 145px; height: 39px; background: url("../imgs/menu/menu03.gif") no-repeat 0 0; }
#preescolar:hover  {background:  url(../imgs/menu/menu03-on.gif)  no-repeat bottom; }
#preescolar span { display: none; }

#primaria  { margin-left:387px;  margin-top:8px; display: block; width: 117px; height: 39px; background: url("../imgs/menu/menu04.gif") no-repeat 0 0; }
#primaria:hover  {background:  url(../imgs/menu/menu04-on.gif)  no-repeat bottom; }
#primaria span { display: none; }


#contacto  { margin-left:527px;  margin-top:8px; display: block; width: 130px; height: 39px; background: url("../imgs/menu/menu04.gif") no-repeat 0 0; }
#contacto:hover  {background:  url(../imgs/menu/menu04-on.gif)  no-repeat bottom; }
#contacto span { display: none; }