no consigo centrar un párrafo

HOLA!! creo que es lo más fácil de mundo pero no sé por qué no consigo que se me centre un párrafo, me explico: tengo creado el estilo en mi página de estilos.css:

--------------------------

body {background-color: #E8E8E8 ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat:no-repeat ; height:100%;}
img {border-style: none }
.centrado {text-align:center}
.pegado-a-la-izquierda {text-align:left}
.pegado-a-la-derecha {text-align:right}
.justificado {text-align:justify}

----------------------------

Y en mi plantilla pongo el siguiente páarfo que quiero centrar (sólo quiero centrar este párrafo, no el resto que están escritos):

----------------------------

<p class="centrado">Teléfono: 950 000 000</p>

----------------------------

y sin embargo no se me centra ni se me mueve, tampoco con pegado a la izquierda ni a la derecha ni nada. Ahora bien si pongo:

---------------------------

<center>Teléfono: 950 000 000</center>

---------------------------

Sí se me centra, pero se me cambia la fuente de la letra a otra distinta, ¿en qué fallo?
Gracias!!!!!!!!!!!!!!!!!!!!!!

Pruba poniendo:

p .centrado {text-align:center} 

Ojalá te sirva ;)

Hola Foley, antes de nada agradecerte que casi siempre me solucionas tú los problemas. Ya he probado lo que me has dicho pero no me funciona tampoco. Por cierto, ¿sabrías decirme qué tengo que hacer para que al pinchar en una imagen que tengo en la web aparezca luego más grande? es que he buscado en el foro este tema, y he visto una solución pero no la entiendo ;).
Gracias

creo debes mostrar todo el codigo completo
de html y css

saludos

Yanet, te lo pongo:

* {color: #363636 ; text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p { text-align: justify ; font-size: 1.2em }
h1 {font-size: 1.5em; color: #4F4F4F ; font-style: oblique; font-weight: bold ; padding-top:20px ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em; color: #4F4F4F ; font-weight: bold ; text-decoration: underline ; text-align: left ; padding-top:20px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }

#cabecera {background-color: white; border-left: black 1px solid ; border-right: black 1px solid; height:5px}
#logotipo {background-color: none ; width:280px ; float:left }
#publicidad {background-color: none ; width:518px ; float:right; margin-top:25px ; font-size: 16px }
#navegacion {background-color: #D3D3D3 ; font-size: 1.2em ; border: black 1px solid ; height:20px }
#navegacion li { float:left ; list-style:none ; margin: 10px 15px 0px 15px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: #FFA54F ; padding: 0px 20px 5px 30px ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 0px 20px 5px 30px ; text-indent: 15px ; margin: 20px 0px 0px 0px}
#contenido li { float:left ; margin: 0px 20px 0px 75px ; font-size: 1.2em }
#menu {width: 150px ; float:left ; text-align:left; margin:20px 10px 5px 10px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom: 5px }
#menu li {list-style:none ; font-size: 1.2em ; font-style:oblique ; margin: 10px 20px 4px 8px}
#menu h1 {text-decoration: underline ; font-size:16px ; padding-top:10px ; background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ;
height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {background-color: white ; float:left ; width:150px }
#piedos {background-color: white ; float:left ; width:498px }
#pietres {background-color: white ; float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow: hidden }
a {color: #CD6600 ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color: #D3D3D3 ; text-decoration:none ; background-color: grey}
a:active {}

#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

#contenido a {color: #363636 ; text-decoration:underline ; display: inline}
#contenido a:link {}
#contenido a:visited {}
#contenido a:hover {color: #696969 ; text-decoration:underline ; background-color: #FFA54F}
#contenido a:active {}

#menu a {color: #CD6600 ; text-decoration:none ; display: block}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color: #D3D3D3 ; text-decoration:none ; background-color: grey}
#menu a:active {}

Le he quitado el estilo de la fuente porque estoy provando una cosa, pero antes lo tenía puesto.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Portada</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>
</div>
<div id="navegacion">
<ul>

Portada

Quienes somos

Particulares

Empresas

Compraventa

Foro

Noticias
</div>

<div id="contenido">


<h1></h1>
<script language="javascript">
step=0;
function autoImgFlip() {
if (step < 8) {step++;}
else {step=0;}
if (step==0)
{a.src="objetos/1.gif";}
if (step==1)
{a.src="objetos/2.gif";}
setTimeout("autoImgFlip()", 3000);
if (step==2)
{a.src="objetos/3.gif";}
if (step==3)
{a.src="objetos/4.gif";}
if (step==4)
{a.src="objetos/5.gif";}
if (step==5)
{a.src="objetos/6.gif";}
if (step==6)
{a.src="objetos/7.gif";}
if (step==7)
{a.src="objetos/8.gif";}
}

</script>

<title>Untitled</title>
</head>

<BODY bgcolor="#ffffff" TEXT="#000000" link="#0000cd" vlink="#0000cd" alink="#ff0000" onLoad="autoImgFlip();">

[contenido no disponible]



</p>
</div>



<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
</div>

<div id="curva-inferior"></div>
</div>
</body>
</html>

primero....

tienes abierto dos veces body

elimina el que no es...
y pegas de nuevo los codigos ok?