
/************************** SITE **************************/
#site{
    background-image: url(img/bg_organic_beef.jpg);
}

/************************** TOPO **************************/
#siteTopo{
    background: url("img/bg_porque-organicos2.jpg") no-repeat 0 109px;
    height:300px;
}

/************************ CONTEÚDO *************************/
#siteConteudo { width: 460px; margin-right:30px; }

h2 { margin-bottom:40px; height:45px; background-image: url(img/ttl_por_que.gif); }

h4 { cursor:pointer; position:relative; display:block; width:434px; height:17px; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #0F5D39; }
h4 span { display:none; }

.porque { position:relative; display:none; margin-bottom:40px; }
h4 .collapse { display:block; width:12px; height:8px; position:absolute; top:8px; right:0; background:url(img/setas.gif) no-repeat 0 -9px; }
h4 .collapse.opened { background-position:0 0; }

#siteConteudo ul li {
    padding:0 0;
    margin:0 0 23px 0
}

.carneOrganica {
    background:url(img/sub_carne_organica.gif) no-repeat;
}

.comoProduzir {
    background:url(img/sub_como_produzir.gif) no-repeat ;
}

.organicoConvencional {
    background:url(img/sub_organicoConvencional.gif) no-repeat;
}

.responsabilidade {
    background:url(img/sub_responsabilidade.gif) no-repeat;
}

.oqueAspranor {
    background:url(img/sub_oque_asparanor.gif) no-repeat;
}

.mensagem {
    background:url(img/sub_mensagem.gif) no-repeat;
    height:34px;
}
.conservacao {
    background:url(img/sub_conservacao.gif) no-repeat;
}
.resAmbiental {
    background:url(img/sub_resAmbiental.gif) no-repeat;
}

/************************* LATERAL *************************/
#siteLateral { width: 450px; }

#siteLateral blockquote { background:none; }

blockquote.associacoes h3{
    height: 61px;
    background-image: url(img/lst_associacoes.gif);
}
blockquote.associacoes b { font-weight:normal; color:#A5A4A4; }
blockquote.associacoes ul { padding:0; }
blockquote.associacoes ul li { background:none; }

.informacoes { float:left; width:274px; margin-top:20px; }
.informacoes .onde-comprar { width:270px; height:92px; background:url(img/bg_onde_comprar.gif) no-repeat; }
.informacoes .onde-comprar h3 { width:120px; height:13px; margin-left:88px; background:url(img/tit_onde_comprar.gif) no-repeat; text-indent:-5000em; }
.informacoes .onde-comprar a { display:block; width:95px; height:13px; margin:10px 0 0 88px; background:url(img/bt_encontrar_lojas.gif); text-indent:-5000em; }
.informacoes .onde-comprar p { margin-left:88px; }

