urge_sufijo de clase

:pinch: Estoy probando a crear un módulo superior, una banda que me cruce toda la web de 45 cm y ya he conseguido que funcione, pero necesito que me repita un fondo que he creado, de modo que si el monitor tiene mucha resolución, este fondo siga saliendo aunque ya no haya imágenes.

He creado un nuevo estilo en la lyout.css que se llama rojoministerio para que salga una imagen en el nuevo módulo creado y he comprobado que la ruta es correcta

.page-logobanda.page-logobandatop .rojoministerio {

background: url("http://www.cndanza.com/webcndjoomla/images/stories/logos/roja.jpg") repeat-x ;
bottom: 0;
height: 45px;
margin: 0;
padding: 0;
top: 0;
}

y en los parametros de sufijo de clase del módulo he escrito esto,

rojoministerio dejando un espacio, pero no me sale el fondo, también he probado con un puntito .rojoministerio con y sin espacio delante, pero nada.

En layout.css, también he probado a escribir con almohadilla como están el resto de instrucciones de layout.css, con 2 niveles y con 3 niveles, por ver si este hecho afectaba, pero no se inmuta.

#page-logobandatop .rojoministerio{

background: url ( ) repeat-x;
height: 45px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top:0;
bottom:0;
}

#page-logobandatop .page-logobandatop .rojoministerio{

background: url ( ) repeat-x;
height: 45px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top:0;
bottom:0;
}

¿Cómo lo puedo solucionar?

De momento tengo que solucionarlo en un servidor externo donde hay una réplica de la web para ponerlo en cndanza.net

http://www.cndanza.com/webcndjoomla/

se ve un fondo negro que tendría que ser rojo

URL del sitio: Contenido solo visible a usuarios registrados