Por favor una mano con acordeon realizado en css!

[C2am]

Código CSS:

.accordion {
    width: 800px;
    overflow: hidden;
    color: #CCC;
    padding: 15px;
    height: 350px;
    background-color: #AD0701;
        margin: 0 auto; /* para centrar el div accordion*/
}
 

Esto no entiendo para que está, ya que es lo mismo que arriba, excepto el margin: auto.
Estás repitiendo cosas, y luego los choques de estilos serán dificil de digerir.

Código CSS:

#conte_gral #conte_body #conte_cuerpo_acordeon #acordeon {
    height: 350px;
    width: 800px;
    margin: auto;
}