#contingut p.clear { clear:both; height:1px; line-height:1px; font-size:1px; margin:0; padding:0; }

#guia p.dretablanc {
	text-align:right;
	color:white;
	margin-bottom:10px;
}
#guia p.dretablanc a { color:white; float:right;  }
#guia p.dretablanc a:hover { color:black; }

#contingut .lletres { border: 1px solid #000; border-left: 50px solid #000000; 
		  margin: 0px 0px 10px 0px; padding: 2px 10px 2px 10px; text-transform: uppercase;  }
#contingut .lletres a { margin-right:10px; position:relative; }
#contingut .lletres span { position:absolute; top:-20px; visibility:hidden; }
#contingut .lletres a:hover span { visibility: visible; }

#contingut .dates { margin-top:10px; }

#contingut .dates .anys { border: 1px solid #000; border-left: 50px solid #000000; 
	   margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; }
#contingut .dates .anys a { display:block; float:left; width: 61px; text-align:center; border-right:1px solid black; margin-right:2px; }
#contingut .dates .anys a.segle {  }
#contingut .dates .anys span.clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; margin:0; padding:0; }

#contingut .dates .barres { height:70px; margin-left:50px; }
#contingut .dates .barres a { display:block; width:5px; margin-right:1px; height:40px; float:left; 
		   background-color:#00ceff; margin-bottom:0; margin-top:auto; position:relative; text-decoration:none; }
#contingut .dates .barres a.segle { width:59px; margin-right:5px; }
#contingut .dates .barres a.decada { margin-right:5px; }
#contingut .dates .barres a:hover { background-color:white; z-index:2; }
#contingut .dates .barres a b { position:absolute; top:-42px; left:-2px; visibility:hidden; color:white; font-weight:normal; z-index:1; }
#contingut .dates .barres a.segle b { left:20px; }
#contingut .dates .barres a:hover b { visibility:visible }

form.formulari { display:none; }

#contingut .tipologies { border: 1px solid #000; border-left: 50px solid #000000; 
		  margin: 0px 0px 10px 0px; padding: 2px 10px 2px 10px; text-transform: uppercase;  }
#contingut .llistat_tipologies { margin:0; padding:0; color:white; text-transform:uppercase; margin-top:15px; margin-bottom:5px; }
#contingut .llistat_tipologies span { display:block; margin:0; padding:0; border:1px solid black; width:48px; margin-right:10px; float:left; }

#contingut div.blanc.mapa { padding-bottom:0; }
#mapa { border-top:1px solid #000; background-color:#ccc; margin-top:10px; width:100%; height:400px; }
#mapa_gran { border:1px solid #000; background-color:#ccc; margin-top:10px; width:100%; height:600px; }

#contingut p.botons_llista { margin-left: 60px; float:left; }
#contingut p.botons_llista a { display:block; float:left; width: 30px; height:20px; }
#contingut p.botons_llista a.llista_text { background-image:url('../images/llista_text_off.gif'); background-position:top left; background-repeat:no-repeat; }
#contingut p.botons_llista a:hover.llista_text,
#contingut p.botons_llista a.actiu.llista_text { background-image:url('../images/llista_text_on.gif'); background-position:top left; background-repeat:no-repeat; }
#contingut p.botons_llista a.llista_grafic { background-image:url('../images/llista_grafic_off.gif'); background-position:top left; background-repeat:no-repeat; }
#contingut p.botons_llista a:hover.llista_grafic,
#contingut p.botons_llista a.actiu.llista_grafic{ background-image:url('../images/llista_grafic_on.gif'); background-position:top left; background-repeat:no-repeat; }

#contingut .bloc_imatge { border:1px solid black; border-bottom:0; margin-left:60px; margin-bottom:20px; }
#contingut .bloc_imatge .dades_imatge { float:right; width: 645px; margin-bottom:10px; }
#contingut .bloc_imatge .dades_imatge p { padding: 2px 10px 2px 40px; }
#contingut .bloc_imatge img { width:215px; float:left; border-right:1px solid black; }
#contingut .bloc_imatge p.imatge_titol { font-weight:bold; margin-top:10px; }
#contingut .bloc_imatge .clear { border-top:1px solid black; }