/*--------------------------------------------------------------ACT. DIRIGIDES---------------------------------------------------------------------------------------*/

#contentmenu {
  float:left;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 125px;
  height: 170px;
  position: relative;
}

#contentmenu span {
  display: none;
  position: absolute;
}


#contentmenu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#contentmenu a:hover {
  background-position: left bottom;
}

#contentmenu a:hover span {
  display: block;
}

#contentmenu .actifis {
width: 135px;
height: 32px;
background: url(images/actfisdir.jpg) no-repeat;
}

#contentmenu .actifis span{
width: 135px;
height: 32px;
background: url(images/actfisdir.jpg) no-repeat;
background-position:0 -135px;
}

#contentmenu .actiaqua {
width: 135px;
height: 32px;
background: url(images/actaquat.jpg) no-repeat;
top: 34px;
}

#contentmenu .actiaqua span{
width: 135px;
height: 32px;
background: url(images/actaquat.jpg) no-repeat;
top: 34px;
background-position:0 -135px;
}

#contentmenu .programa {
width: 135px;
height: 32px;
background: url(images/cosiment.jpg) no-repeat;
top: 68px;
}

#contentmenu .programa span{
width: 135px;
height: 32px;
background: url(images/cosiment.jpg) no-repeat;
top: 68px;
background-position:0 -135px;
}

#contentmenu .spinning_dir {
width: 135px;
height: 32px;
background: url(images/spinning.jpg) no-repeat;
top: 102px;
}

#contentmenu .spinning_dir span{
width: 135px;
height: 32px;
background: url(images/spinning.jpg) no-repeat;
top: 102px;
background-position:0 -135px;
}

#contentmenu .pistes {
width: 135px;
height: 32px;
background: url(images/pistes.jpg) no-repeat;
top: 136px;
}

#contentmenu .pistes span{
width: 135px;
height: 32px;
background: url(images/pistes.jpg) no-repeat;
top: 136px;
background-position:0 -135px;
}




/*---------------------------------------------------------------------------------------------------------------------------------------------------*/


#buttonmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 135px;
  height: 202px;
  position: relative;
}

#buttonmenu span {
  display: none;
  position: absolute;
}


#buttonmenu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#buttonmenu a:hover {
  background-position: left bottom;
}

#buttonmenu a:hover span {
  display: block;
}

#buttonmenu .instalacions {
width: 135px;
height: 32px;
background: url(images/instalacions.jpg) no-repeat;


}

#buttonmenu .instalacions span{
width: 135px;
height: 32px;
background: url(images/instalacions.jpg) no-repeat;
background-position:0 -135px;



}

#buttonmenu .abonaments {
width: 135px;
height: 32px;
background: url(images/abonaments.jpg) no-repeat;
top: 34px;

}

#buttonmenu .abonaments span{
width: 135px;
height: 32px;
background: url(images/abonaments.jpg) no-repeat;
top: 34px;
background-position:0 -135px;
}


#buttonmenu .activitats {
width: 135px;
height: 32px;
background: url(images/activitatsdir.jpg) no-repeat;
top: 68px;
}

#buttonmenu .activitats span{
width: 135px;
height: 32px;
background: url(images/activitatsdir.jpg) no-repeat;
top: 68px;
background-position:0 -135px;
}

#buttonmenu .serveis {
width: 135px;
height: 32px;
background: url(images/messerveis.jpg) no-repeat;
top: 102px;
}

#buttonmenu .serveis span {
width: 135px;
height: 32px;
background: url(images/messerveis.jpg) no-repeat;
top: 102px;
background-position:0 -135px;
}

#buttonmenu .normatives {
width: 135px;
height: 32px;
background: url(images/normatives.jpg) no-repeat;
top: 136px;
}

#buttonmenu .normatives span{
width: 135px;
height: 32px;
background: url(images/normatives.jpg) no-repeat;
top: 136px;
background-position:0 -135px;
}

#buttonmenu .descarregues {
width: 135px;
height: 32px;
background: url(images/descarregues.jpg) no-repeat;
top: 170px;
}

#buttonmenu .descarregues span{
width: 135px;
height: 32px;
background: url(images/descarregues.jpg) no-repeat;
top: 170px;
background-position:0 -135px;
}

/*----------------------------------------------------------------------INSTAL.LACIONS----------------------------------------------------------------*/


#contentmenu {
  float:left;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 125px;
  height: 170px;
  position: relative;
}

#contentmenu span {
  display: none;
  position: absolute;
}


#contentmenu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#contentmenu a:hover {
  background-position: left bottom;
}

#contentmenu a:hover span {
  display: block;
}

#contentmenu .pistes {
width: 135px;
height: 32px;
background: url(images/pistapoli.jpg) no-repeat;
}

#contentmenu .pistes span{
width: 135px;
height: 32px;
background: url(images/pistapoli.jpg) no-repeat;
background-position:0 -135px;
}

#contentmenu .fitness {
width: 135px;
height: 32px;
background: url(images/areadefitness.jpg) no-repeat;
top: 34px;
}

#contentmenu .fitness span{
width: 135px;
height: 32px;
background: url(images/areadefitness.jpg) no-repeat;
top: 34px;
background-position:0 -135px;
}

#contentmenu .activitatsd {
width: 135px;
height: 32px;
background: url(images/areaactivitats.jpg) no-repeat;
top: 68px;
}

#contentmenu .activitatsd span{
width: 135px;
height: 32px;
background: url(images/areaactivitats.jpg) no-repeat;
top: 68px;
background-position:0 -135px;
}

#contentmenu .spinning {
width: 135px;
height: 32px;
background: url(images/spinning.jpg) no-repeat;
top: 102px;
}

#contentmenu .spinning span{
width: 135px;
height: 32px;
background: url(images/spinning.jpg) no-repeat;
top: 102px;
background-position:0 -135px;
}

#contentmenu .piscinare {
width: 135px;
height: 32px;
background: url(images/cosiment.jpg) no-repeat;
top: 136px;
}

#contentmenu .piscinare span{
width: 135px;
height: 32px;
background: url(images/cosiment.jpg) no-repeat;
top: 136px;
background-position:0 -135px;
}



#contentmenu .piscina {
width: 135px;
height: 32px;
background: url(images/iscabonats.jpg) no-repeat;
top: 170px;
}

#contentmenu .piscina span{
width: 135px;
height: 32px;
background: url(images/iscabonats.jpg) no-repeat;
top: 170px;
background-position:0 -135px;
}

#contentmenu .aigua {
width: 135px;
height: 32px;
background: url(images/zonadh.jpg) no-repeat;
top: 204px;
}

#contentmenu .aigua span{
width: 135px;
height: 32px;
background: url(images/zonadh.jpg) no-repeat;
top: 204px;
background-position:0 -135px;
}

#contentmenu .pisact {
width: 135px;
height: 32px;
background: url(images/piscdact.jpg) no-repeat;
top: 238px;
}

#contentmenu .pisact span{
width: 135px;
height: 32px;
background: url(images/piscdact.jpg) no-repeat;
top: 238px;
background-position:0 -135px;
}
#contentmenu .vestidors{
width: 135px;
height: 32px;
background: url(images/vestidors.jpg) no-repeat;
top: 272px;
}

#contentmenu .vestidors span{
width: 135px;
height: 32px;
background: url(images/vestidors.jpg) no-repeat;
top: 272px;
background-position:0 -135px;
}

#contentmenu .solarium {
width: 135px;
height: 32px;
background: url(images/solarium.jpg) no-repeat;
top: 306px;
}

#contentmenu .solarium span{
width: 135px;
height: 32px;
background: url(images/solarium.jpg) no-repeat;
top: 306px;
background-position:0 -135px;
}


/*-------------------------------------------------------------Normatives----------------------------------------------------------------------------*/

#contentmenu .drets {
width: 135px;
height: 32px;
background: url(images/drets.jpg) no-repeat;
}

#contentmenu .drets span{
width: 135px;
height: 32px;
background: url(images/drets.jpg) no-repeat;
background-position:0 -135px;
}

#contentmenu .obligacions {
width: 135px;
height: 32px;
background: url(images/obligacions.jpg) no-repeat;
top: 34px;
}

#contentmenu .obligacions span{
width: 135px;
height: 32px;
background: url(images/obligacions.jpg) no-repeat;
top: 34px;
background-position:0 -135px;
}


#contentmenu .abonats {
width: 135px;
height: 32px;
background: url(images/zonadh.jpg) no-repeat;
top: 68px;
}

#contentmenu .abonats span{
width: 135px;
height: 32px;
background: url(images/zonadh.jpg) no-repeat;
top: 68px;
background-position:0 -135px;
}

#contentmenu .carnet {
width: 135px;
height: 32px;
background: url(images/carnetabonat.jpg) no-repeat;
top: 102px;
}

#contentmenu .carnet span{
width: 135px;
height: 32px;
background: url(images/carnetabonat.jpg) no-repeat;
top: 102px;
background-position:0 -135px;
}

#contentmenu .cursetista {
width: 135px;
height: 32px;
background: url(images/cursetistes.jpg) no-repeat;
top: 136px;
}

#contentmenu .cursetista span{
width: 135px;
height: 32px;
background: url(images/cursetistes.jpg) no-repeat;
top: 136px;
background-position:0 -135px;
}

#contentmenu .lloguerpista {
width: 135px;
height: 32px;
background: url(images/lloguerpista.jpg) no-repeat;
top: 170px;
}

#contentmenu .lloguerpista span{
width: 135px;
height: 32px;
background: url(images/lloguerpista.jpg) no-repeat;
top: 170px;
background-position:0 -135px;
}

#contentmenu .baixes {
width: 135px;
height: 32px;
background: url(images/baixes.jpg) no-repeat;
top: 204px;

}

#contentmenu .baixes span{
width: 135px;
height: 32px;
background: url(images/baixes.jpg) no-repeat;
top: 204px;
background-position:0 -135px;
}

#contentmenu .prohibit {
width: 135px;
height: 32px;
background: url(images/noestaper.jpg) no-repeat;
top: 238px;
}

#contentmenu .prohibit span{
width: 135px;
height: 32px;
background: url(images/noestaper.jpg) no-repeat;
top: 238px;
background-position:0 -135px;
}

/*---------------------------------------------------------------- ABONAMENTS -----------------------------------------------------------------*/

#contentmenu .quotesdabona {
width: 135px;
height: 32px;
background: url(images/quotesdabona.jpg) no-repeat;

}

#contentmenu .quotesdabona span{
width: 135px;
height: 32px;
background: url(images/carnetabonat.jpg) no-repeat;

background-position:0 -135px;
}


#contentmenu .actacua {
width: 135px;
height: 32px;
background: url(images/actaquat.jpg) no-repeat;
top:34px;
}

#contentmenu .actacua span{
width: 135px;
height: 32px;
background: url(images/actaquat.jpg) no-repeat;
background-position:0 -135px;
top:34px;
}

#contentmenu .programasalut {
width: 135px;
height: 32px;
background: url(images/cosiment.jpg) no-repeat;
top: 68px;
}

#contentmenu .programasalut span{
width: 135px;
height: 32px;
background: url(images/cosiment.jpg) no-repeat;
top: 68px;
background-position:0 -135px;
}


#contentmenu .entradespunt{
width: 135px;
height: 32px;
background: url(images/entradespunt.jpg) no-repeat;
top: 102px;
}

#contentmenu .entradespunt span{
width: 135px;
height: 32px;
background: url(images/entradespunt.jpg) no-repeat;
top: 102px;
background-position:0 -135px;
}






/**********************************************************/


#menur {
  float:left;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 125px;
  height: 100px;
  position: relative;
}

#menur span {
  display: none;
  position: absolute;
}


#menur a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}


#menur .work{
width: 125px;
height: 19px;
background: url(images/treballa.jpg) top right no-repeat ;
}

#menur .mapa{
width:125px;
height:19px;
background: url(images/mapa.jpg) no-repeat;
top:20px;
}

#menur .mesinfo{
width:125px;
height:16px;
background: url(images/mesinfo.jpg) no-repeat;
top:40px;
}

/*------------------------------------------DESCARREGUES---------------------------------------------------------*/

#downmenu {
margin-top:10px;
*margin-left:-1px;
padding:0;
width:630px;
height:300px;
overflow:auto;
list-style:none;
}

#downmenu li{
padding-top:5px;
}

#downmenu li a{
padding-left:5px;
text-decoration:none;
color:black;
font-weight:bold;
}


#title {
margin:0px;
width:630px;
height:50px;
background: #46A24F url(images/downbt.jpg) no-repeat;
}

#downmenu h4 {
width:600px;
padding-left:5px;
font-size: 14px;
background-color:#E9FFEB;
}