#escola{
width:120px;
height:34px;
background-image:url(../Imatges/escola1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#escola:hover{
background-image:url(../Imatges/escola2.jpg);
}

#model{
width:120px;
height:34px;
background-image:url(../Imatges/model1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#model:hover{
background-image:url(../Imatges/model2.jpg);
}

#estudis{
width:120px;
height:34px;
padding:4px 0 0 2px;
background-image:url(../Imatges/estudis1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
text-align:left;
cursor:pointer;
}
#estudis:hover{
background-image:url(../Imatges/estudis2.jpg);
}

#pares {
width:120px;
height:34px;
background-image:url(../Imatges/pares1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#pares:hover{
background-image:url(../Imatges/pares2.jpg);
}

#serveis {
width:120px;
height:34px;
background-image:url(../Imatges/serveis1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#serveis:hover{
background-image:url(../Imatges/serveis2.jpg);
}

#extra {
width:120px;
height:34px;
background-image:url(../Imatges/extra1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#extra:hover{
background-image:url(../Imatges/extra2.jpg);
}

#colonies {
width:120px;
height:49px;
background-image:url(../Imatges/colonies1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#colonies:hover{
background-image:url(../Imatges/colonies2.jpg);
}

#calendari {
width:120px;
height:34px;
background-image:url(../Imatges/calendari1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#calendari:hover{
background-image:url(../Imatges/calendari2.jpg);
}

#gestio {
width:120px;
height:34px;
background-image:url(../Imatges/gestio1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#gestio:hover{
background-image:url(../Imatges/gestio2.jpg);
}

#noticies {
width:120px;
height:34px;
background-image:url(../Imatges/noticies1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#noticies:hover{
background-image:url(../Imatges/noticies2.jpg);
}

#contacte {
width:120px;
height:34px;
background-image:url(../Imatges/contacte1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#contacte:hover{
background-image:url(../Imatges/contacte2.jpg);
}

#local {
width:120px;
height:34px;
background-image:url(../Imatges/local1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
text-decoration:none;
}
#local:hover{
background-image:url(../Imatges/local2.jpg);
cursor:pointer;
}

#secretaria{
width:120px;
height:34px;
background-image:url(../Imatges/secretaria1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#secretaria:hover{
background-image:url(../Imatges/secretaria2.jpg);
cursor:pointer;
}
#activitats{
width:120px;
height:34px;
background-image:url(../Imatges/activitats1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#activitats:hover{
background-image:url(../Imatges/activitats2.jpg);
cursor:pointer;
}
#galeria{
width:120px;
height:49px;
background-image:url(../Imatges/galeria1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#galeria:hover{
background-image:url(../Imatges/galeria2.jpg);
cursor:pointer;
}
#bustia{
width:120px;
height:34px;
background-image:url(../Imatges/bustia1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#bustia:hover{
background-image:url(../Imatges/bustia2.jpg);
cursor:pointer;
}
#colabora{
width:120px;
height:34px;
background-image:url(../Imatges/colabora1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#colabora:hover{
background-image:url(../Imatges/colabora2.jpg);
cursor:pointer;
}
#curricu{
width:120px;
height:34px;
background-image:url(../Imatges/curricu1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#curricu:hover{
background-image:url(../Imatges/curricu2.jpg);
cursor:pointer;
}
#inscripcions{
width:120px;
height:34px;
background-image:url(../Imatges/inscripcions1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#inscripcions:hover{
background-image:url(../Imatges/inscripcions2.jpg);
cursor:pointer;
}
#instalacions{
width:120px;
height:34px;
background-image:url(../Imatges/instala1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#instalacions:hover{
background-image:url(../Imatges/instala2.jpg);
cursor:pointer;
}
#institucio{
width:120px;
height:34px;
background-image:url(../Imatges/institucio1.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
}
#institucio:hover{
background-image:url(../Imatges/institucio2.jpg);
cursor:pointer;
}

.entrar{
background-color:#999999;
background-image:url(../Imatges/entrar1.gif);
background-position:center;
width:90px;
height:25px;
background-repeat:no-repeat;
cursor:pointer;
border:0px;

}

.entrar:hover{
background-image:url(../Imatges/entrar2.gif);
}

#index{
background-image:url(../Imatges/index1.gif);
background-position:center;
width:65px;
height:60px;
background-repeat:no-repeat;
cursor:pointer;
}
#index:hover{
background-image:url(../Imatges/index2.gif);
}



.guardar{
background-image:url(../Imatges/guardar1.gif);
background-position:left;
width:90px;
height:25px;
background-repeat:no-repeat;
cursor:pointer;
border:0px;
}

.guardar:hover{
background-image:url(../Imatges/guardar2.gif);
}

.mesfotos{
background-image:url(../Imatges/mesf1.gif);
background-position:left;
width:85px;
height:21px;
background-repeat:no-repeat;
cursor:pointer;
}

.mesfotos:hover{
background-image:url(../Imatges/mesf2.gif);
}