Centrar capa en centro pantalla

Estoy terminando de crear (transladar) mi web a Prestashop y ahora que estoy acabando estoy intentando poner un modulo (especie de script que cuando carga la web aparece "cargando..esper unos segundos"), y quiero que esto me lo coloque en el centro de la pantalla.

En el archivo al que llamo a ese modulo, he puesto esto:

<div id="centroo2" align= "center">
<jdoc:include type="modules" name="centropant" style="xhtml" />
</div>

Con el jdoc ese coloca el modulo que quiero, bueno la cosa esta en que con el .css no consigo centrarlo, haber si me podeis dar alguna solucion.
Tambien me gustaria ponerle un z-index para que mientras carga la web, todo aparezca como en negro hasta que termine de cargar.

Este es el codigo (trozo que hace referencia a esa capa) de la hoja de estilos:

#centroo2{
position: center;
width: 100%;
left: 45%;
}

Por cierto mi web es: http://www.eluniversodelperro.com/prueba/

Ya de paso si quereis la podeis criticar un poco.

Muchas gracias y un saludo.

PD: Esta pendiente ponerle una especie de pergamino para el texto del articulo con la ayuda de Foley o cambiarle ese color blanco feo por otra cosa.

Muchas gracias y un saludo.

proba con los valores de "position:absolute" y pones el div donde querras.

De acuerdo, ¿y con position absolute, que windt y left tengo que poner para que se ajuste (en todas las resoluciones) al centro de la pantalla?

Gracias y un saludo

podes ir probando valores con "top" "left" "bottom" "rigth" debes probar valores para ver donde lo quieres.

tambien puedes probar a poner:

margin: auto auto;

dentro de tu hoja de estilos.
Si haces esto yo te aconsejaría quitar align="center" y position: center;
ya nos cuentas como te queda.