* { margin:0;
 padding:0;
 list-style:none;
 border:0;
 z-index: 1;
 }

html, body { text-align:center; } 

body {
 background-color: #000;
 font: 11px tahoma, arial, verdana, sans-serif;
 }

a { text-decoration: none; }
a:link, a:hover, a:visited, a:active { color: #fff; }



#geral {
height: 519px; 
left: 50%; 
margin: -259px 0 0 -360px;
position: absolute;
text-align: left;
top: 50%; 
width: 720px; 
} 

#geral #conteudo {
display: block;
float: left;
height: 519px;
position: relative;
width: 720px;
}
#geral #intro {
display: block;
float: left;
height: 480px;
position: relative;
width: 720px;
}

#geral .home { background: url(imagens/fd-home.jpg) no-repeat 0 0; }
#geral .ideologia { background: url(imagens/fd-ideologia.jpg) no-repeat 0 0; }
#geral .historia { background: url(imagens/fd-historia.jpg) no-repeat 0 0; }
#geral .noticias { background: url(imagens/fd-noticias.jpg) no-repeat 0 0; }
#geral .textos { background: url(imagens/fd-textos.jpg) no-repeat 0 0; }
#geral .fotos { background: url(imagens/fd-fotos.jpg) no-repeat 0 0; }
#geral .tatuagens { background: url(imagens/fd-tatuagens.jpg) no-repeat 0 0; }
#geral .desenhos { background: url(imagens/fd-desenhos.jpg) no-repeat 0 0; }
#geral .musicas { background: url(imagens/fd-musicas.jpg) no-repeat 0 0; }
#geral .entrevistas { background: url(imagens/fd-entrevistas.jpg) no-repeat 0 0; }
#geral .livro-de-visitas { background: url(imagens/fd-livro-de-visitas.jpg) no-repeat 0 0; }
#geral .agradecimentos { background: url(imagens/fd-agradecimentos.jpg) no-repeat 0 0; }
#geral .contato { background: url(imagens/fd-contato.jpg) no-repeat 0 0; }

#geral #conteudo #cabecalho {
background: url(imagens/fd-cabecalho.jpg) no-repeat 0 0;
display: block;
float: left;
height: 70px;
position: relative;
text-align: center;
width: 720px;
}
#geral #conteudo #cabecalho .logomarca {
padding-top: 4px;
margin-left: auto; 
margin-right: auto; 
}


/*** MENU PRINCIPAL ***/
#geral #conteudo ul.nav { 
display: block;
float: left;
height: 450px;
padding-top:5px;
position: relative;
width: 187px;
}
#geral #conteudo ul.nav li {
display: block;
float: left;
height: 33px;
list-style:none;
padding-top: 3px;
padding-left: 11px;
width: 187px;
}
#geral #conteudo ul.nav li a {
color: #fff;
display: block;
float: left;
height: 33px;
overflow: hidden;
text-align: left;
text-indent: -9999px;
width: 187px;
}
#geral #conteudo ul.nav li a.m1 { background: url(imagens/m-ideologia.png) no-repeat 0 0; }
#geral #conteudo ul.nav li a.m2 { background: url(imagens/m-historia.png) no-repeat 0 0; }
#geral #conteudo ul.nav li a.m3 { background: url(imagens/m-noticias.png) no-repeat 0 0; }
#geral #conteudo ul.nav li a.m4 { background: url(imagens/m-textos.png) no-repeat 0 0; }
#geral #conteudo ul.nav li a.m5 { background: url(imagens/m-fotos.png) no-repeat 0 0; }
#geral #conteudo ul.nav li a.m6 { background: url(imagens/m-tatuagens.png) no-repeat 0 0; }
#geral #conteudo ul.nav li a.m7 { background: url(imagens/m-desenhos.png) no-repeat 0 0; }
#geral #conteudo ul.nav li a.m8 { background: url(imagens/m-musicas.png) no-repeat 0 0; }
#geral #conteudo ul.nav li a.m9 { background: url(imagens/m-entrevistas.png) no-repeat 0 0; }
#geral #conteudo ul.nav li a.m10 { background: url(imagens/m-livro-de-visitas.png) no-repeat 0 0; }
#geral #conteudo ul.nav li a.m11 { background: url(imagens/m-agradecimentos.png) no-repeat 0 0; }
#geral #conteudo ul.nav li a.m12 { background: url(imagens/m-contato.png) no-repeat 0 0; }

/* Menu HOVER */
#geral #conteudo ul.nav li a:hover { background-position: -185px 0; }



/*** Rodape ***/
#geral #rodape {
clear: both;
display: block;
float: left;
height: 45px;
text-align: center;
width: 720px;
}
#geral #rodape p {
color: #fff;
font-size: 1em;
padding-top: 4px;
text-align: center;
width: 720px;
}
#geral #rodape span {
color: #fff;
display: block;
float: left;
font-size: 0.8em;
text-align: center;
width: 720px;
}