html, body {margin:0px;}
body {
	padding:0px; 
	color:#666; background-color:#fff; 
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	text-align:center; /* IE5.5 */ 
	}

div, ul, li, h1, h2, h3, h4, h5, h6, p {margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6 {color:#f366b5; background-color:#fff;}
p {font-size:11px; line-height:1.2em; margin-bottom:0.5em; /*color:#666;*/}
ul, ul li {list-style-type:none; color:#f366b5; /*background-color:#fff;*/}
a {text-decoration:none; font-weight:bold; font-size:11px;}
a:link, a:visited {color:#f366b5;/*background-color:#fff;*/}
a:hover, a:active {color:#F90; /*background-color:#fff;*/}
a:focus, a:active {outline:none;}

img {border:none;}



form {margin:20px 0px;}
input, select, textarea, option {
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	color:#666; background-color:#fff;
	}
textarea {margin:0px 0px 3px 0px;}
input.text, textarea, select {  padding:3px; border-width:0px; color:#666; background:#FFD9EC;}
input.submit {color:#666; background:#ddd; border-width:0px; cursor:pointer; height:20px; line-height:20px;}
.item {margin-bottom:3px; line-height:14px; }
.item .name {float:left; line-height:14px; width:70px; text-align:right;}
.item .value {margin-left:75px; line-height:14px;}
label, input.submit {font-size:11px; font-weight:bold;}

table {width:90%; font-size:11px; color:#9C006B; background-color:#fff; text-align: center;} /*Pep estuvo aqui*/
#tblHoraris {margin-top:60px; width:auto;}/***/
th {background:#f366b5; color:#fff; padding-top:15px; /*width:60px;*/}
td {background:#ffe0f0; color:#9C006B;}
tr.odd td {background:#e6e6e6; color:#9C006B;}

td.hora, th.dia {font-style:italic;}
#tblHoraris td {width:85px; height:20px;} /*55**/
#tblHoraris td.hora {font-size:smaller;}
th.horaris {width:35px; background-color:#fff; color:#9C006B; font-style:italic; font-size:13px; text-transform:uppercase; } /*Pep estuvo aqui*/



h1 {text-indent:-9000px; background:none;}

#container {
	width:770px; margin:0px auto; text-align:left; /* restore IE5.5 */ 
	margin-top:20px;
	color:#333; background-color:#fff;
	}

#header {
	width:770px; float:left; height:100px; position:relative;
	background:url(imatges/logo.jpg) no-repeat right center;
	}
	
#languages {
	width:50%;
	color:#f366b5; background-color:#fff; font-weight:bold;
	position:absolute; top:20px;
	}

#body {
	float:left;width:770px; 
}

.tree {
	width:770px; height:500px; position:relative;
	background-repeat:no-repeat;
	background-position:bottom; 
	}


#naranjo {
	background-image:url(imatges/naranjo.jpg);
	}
#almendro {
	background-image:url(imatges/almendro.jpg);
	}

#encina {
	background-image:url(imatges/encina.jpg);
	}

#olivo {
	background-image:url(imatges/olivo.jpg);
	}

#main {
	margin-left:350px; height:380px; padding-top:50px; /*position:relative; top:50px;*/
}

#content {
	height:380px; overflow:auto;
	padding:0px 15px 0px 10px;
}

h2 {font-size:13px; margin:15px 0px;}
.nodisplay {display:none;}


a.etiqueta {background-repeat: no-repeat; position:absolute; text-indent:-9000px;}
a.etiqueta:hover {background-position:right;}


ul#treelinks li a {background-repeat: no-repeat; position:absolute; text-indent:-9000px; display:block;}
ul#treelinks li a:hover {background-position:right;}


#caactivitats {
	width:77px; height:16px;
	top:230px; left:190px;
	background-image:url(imatges/ca/activitats.gif); 
	}
	
#esactivitats {
	width:87px; height:16px;
	top:230px; left:190px;
	background-image:url(imatges/es/activitats.gif);
	}
	
#cabebes {
	width:78px; height:14px;
	top:20px; left:160px; 
	background-image:url(imatges/ca/bebes.gif);
	}

#esbebes {
	width:78px; height:14px;
	top:20px; left:160px; 
	background-image:url(imatges/es/bebes.gif);
	}

#cadiscapacitat {
	width:86px; height:27px;
	top:155px; left:250px; 
	background-image:url(imatges/ca/discapacitat.gif);
	}

#esdiscapacitat {
	width:86px; height:27px;
	top:155px; left:250px;
	background-image:url(imatges/es/discapacitat.gif);
	}

#caembarassades {
	width:98px; height:27px;
	top:320px; left:230px; 
	background-image:url(imatges/ca/embarassades.gif);
	}

#esembarassades {
	width:91px; height:27px;
	top:320px; left:230px; 
	background-image:url(imatges/es/embarassades.gif);
	}

#cahoraris {
	width:65px; height:16px;
	top:110px; left:25px;
	background-image:url(imatges/ca/horaris.gif);
	}

#eshoraris {
	width:70px; height:16px;
	top:110px; left:25px;
	background-image:url(imatges/es/horaris.gif);
	}

#caimatges {
	width:70px; height:16px;
	top:110px; left:270px;
	background-image:url(imatges/ca/imatges.gif);
	}
	
#esimatges {
	width:77px; height:16px;
	top:110px; left:270px;
	background-image:url(imatges/es/imatges.gif);
	}

#cainfants {
	width:55px; height:27px;
	top:60px; left:280px; 
	background-image:url(imatges/ca/infants.gif);
	}

#esinfants {
	width:43px; height:27px;
	top:60px; left:280px;
	background-image:url(imatges/es/infants.gif);
	}	
	
#caioga {
	width:36px; height:13px;
	top:10px; left:30px;
	background-image:url(imatges/ca/ioga.gif);
	}

#esioga {
	width:36px; height:13px;
	top:10px; left:30px; 
	background-image:url(imatges/es/ioga.gif);
	}		
	
#caonsom {
	width:59px; height:16px;
	top:245px; left:40px;
	background-image:url(imatges/ca/onsom.gif);
	}
	
#esonsom {
	width:101px; height:27px;
	top:245px; left:40px;
	background-image:url(imatges/es/onsom.gif);
	}

#capracticam {
	width:70px; height:40px;
	top:90px; left:60px; 
	background-image:url(imatges/ca/practicam.gif);
	}
#espracticam {
	width:84px; height:40px;
	top:90px; left:60px; 
	background-image:url(imatges/es/practicam.gif);
	}

#capresentacio {
	width:98px; height:17px;
	top:30px; left:120px;
	background-image:url(imatges/ca/presentacio.gif);
	}

#espresentacio {
	width:102px; height:17px;
	top:30px; left:120px;
	background-image:url(imatges/es/presentacio.gif);
	}

#caterceraedat {
	width:87px; height:27px;
	top:285px; left:10px; 
	background-image:url(imatges/ca/terceraedat.gif);
	}

#esterceraedat {
	width:87px; height:27px;
	top:285px; left:10px; 
	background-image:url(imatges/es/terceraedat.gif);
	}

#catornar a {
	width:60px; height:32px;
	bottom:50px; left:10px;
	background-image:url(imatges/ca/tornar.jpg);
	}

#estornar a {
	width:59px; height:32px;
	bottom:50px; left:10px; 
	background-image:url(imatges/es/tornar.jpg);
	}

#contact {float:right; width:290px;}
#contact p, #contact form { color:#f366b5; background-color:#fff;}
#contact a {color:#666; background-color:#fff; font-size:100%; font-weight:normal;}
#contact a:hover {text-decoration:underline;}

#fotos {
	width:413px; height:411px;
	background:url(imatges/floresfotos.gif) no-repeat 0px 0px;
	position:absolute; bottom:0px;
	}
  
.fonsblanc {background-color:#fff; color:#9C006B;}