Ho dato uno sguardo al sorgente e la prima cosa che ho notato è:
Codice HTML:
[...]
<span class="selezione">11100<iframe</span>. </p><p class="testo"><span class="selezione">AO</span> e' il Capoluogo della Valle-d'Aosta</p>
C'è un tag <iframe> aperto e non chiuso correttamente! ( oltre al fatto che hai dimenticato > dopo <iframe e quindi il browser interpreta male il sorgente)
Per colpa di questo errore non visualizzo "è il Capoluogo della". Ho visto anche il sorgente CSS:
Codice:
p.testo {font-family: Arial; font-size: 12pt;}
span.selezione {font-family: Arial; font-size: 12pt; font-weight: bold; color: blue; font-style: italic;}
Se vedi nella regola span.selezione hai impostato la proprietà font-weight a bold.
Mentre in p.testo no.
Da quanto hai chiesto, io ho capito che vuoi che la classe testo sia in grassetto mentre la classe selezione no.
Codice:
p.testo {font-family: Arial; font-size: 12pt; font-weight: bold; }
span.selezione {font-family: Arial; font-size: 12pt; color: blue; font-style: italic;}
Spero di non essermi sbagliato.