body {margin: 0px;}

/* TOPO E MENU */
#topo {position: relative; margin: 0px; min-width: 960px; width: 100%; height: 349px;}
#topo_menu {background: url('../imagens/backgrounds/erebo.png') no-repeat scroll center; min-width: 960px; height: 309px; max-height: 360px; overflow: hidden; margin: 0px 0px -10px 0px;}
#topo_papel {background: url('../imagens/backgrounds/erebo3.png') no-repeat scroll right top; width: 493px; height: 100px; max-height: 360px; overflow: hidden; position: absolute; top:0px; right:0px;}
#topo_foto {width:372px; height:309px; position:absolute; top:0px; right:0px;}
#topo_area {width: 960px; position: relative; }
#logo {position: absolute; top: 20px; left: 50px; z-index: 2000;}
#topo .titulo {font: bold 11px arial; color: #222222; position: absolute; right: 10px; bottom: 30px;}
#topo_menu_principal {position: absolute; top: 120px; left:0px; height: 70px; width: 960px; overflow: hidden;}
#topo_menu_contatos {height: 70px; width: 300px; position: absolute; top: 30px; right: 0px;}
#foto {width: 218px; height: 227px; display: block; position: absolute; right:60px; top: 100px;}
#apoio {position: absolute; top: 70px; left: 430px;}
#apoio img {border: none;}
.menu_ong {display: block; float: left; width: 60px; height: 60px; background: url(../imagens/botoes/ong.png); clear: none;}
.menu_ong:hover {display: block; width: 60px; height: 60px; background: url(../imagens/botoes/ong.png) scroll 0px -60px;}
.menu_home {display: block; float: left; width: 60px; height: 60px; background: url(../imagens/botoes/home.png); clear: none;}
.menu_home:hover {display: block; width: 60px; height: 60px; background: url(../imagens/botoes/home.png) scroll 0px -60px;}
.menu_fotos {display: block; float: left; width: 60px; height: 60px; background: url(../imagens/botoes/fotos.png); clear: none;}
.menu_fotos:hover {display: block; width: 60px; height: 60px; background: url(../imagens/botoes/fotos.png) scroll 0px -60px;}
.menu_voluntario {display: block; float: left; width: 110px; height: 70px; background: url(../imagens/botoes/voluntario.png); clear: none;}
.menu_voluntario:hover {display: block; width: 110px; height: 70px; background: url(../imagens/botoes/voluntario.png) scroll 0px -70px;}
.menu_projetos {display: block; float: left; width: 75px; height: 60px; background: url(../imagens/botoes/projetos.png); clear: none;}
.menu_projetos:hover {display: block; width: 75px; height: 60px; background: url(../imagens/botoes/projetos.png) scroll 0px -60px;}
.menu_noticias {display: block; float: left; width: 75px; height: 60px; background: url(../imagens/botoes/noticias.png); clear: none;}
.menu_noticias:hover {display: block; width: 75px; height: 60px; background: url(../imagens/botoes/noticias.png) scroll 0px -60px;}
.menu_agenda {display: block; float: left; width: 60px; height: 60px; background: url(../imagens/botoes/agenda.png); clear: none;}
.menu_agenda:hover {display: block; width: 60px; height: 60px; background: url(../imagens/botoes/agenda.png) scroll 0px -60px;}
.menu_contato {display: block; float: left; width: 75px; height: 60px; background: url(../imagens/botoes/contato.png); clear: none;}
.menu_contato:hover {display: block; width: 75px; height: 60px; background: url(../imagens/botoes/contato.png) scroll 0px -60px;}
.menu_intercambios {display: block; float: left; width: 105px; height: 60px; background: url(../imagens/botoes/intercambios.png); clear: none;}
.menu_intercambios:hover {display: block; width: 105px; height: 60px; background: url(../imagens/botoes/intercambios.png) scroll 0px -60px;}
.social {text-align: right; float: right; font: 12px verdana; line-height:20px; color: #888888; width: 200px; margin: 34px 40px 0px 0px;}
.orkut_b {display: block; width: 46px; height: 16px; float: right; margin: 0px 5px 5px 5px; background: url('../imagens/botoes/contatos.png') -69px 0px;}
.orkut_b:hover { background: url('../imagens/botoes/contatos.png') -69px -17px;}
.twitter_b {display: block; width: 59px; height: 16px; float: right; margin: 0px 5px 5px 5px; background: url('../imagens/botoes/contatos.png') 0px 0px;}
.twitter_b:hover {background: url('../imagens/botoes/contatos.png') 0px -17px;}
.contato_b {display: block; width: 65px; height: 16px; float: right; margin: 0px 5px 5px 5px; background: url('../imagens/botoes/contatos.png') -121px 0px;}
.contato_b:hover {background: url('../imagens/botoes/contatos.png') -121px -17px;}

/* CORPO */
#corpo {min-width: 940px; width: 940px; overflow: hidden; text-align: left; margin: 10px 0px 0px 0px; }
#corpo1 {min-width: 960px; width: 960px; overflow: hidden; text-align: left; margin: 10px 0px 0px 0px;}
#barra_lateral_esquerda {width: 280px; float: left; margin:5px 18px 0px 0px; padding:0px; }
#barra_lateral_direita {width: 280px; float: right; margin:0px 0px 0px 0px; padding:0px; overflow: hidden;}
#principal {text-align: left; width: 640px;  margin:0px; padding:0px; overflow: hidden;}
#destaques {padding: 0px 0px 0px 20px; font: 12px verdana; min-height: 356px;}
#destaques p {margin: 5px 5px 15px 5px;}
#destaques img {border: solid 1px #cccccc; padding: 5px; margin: 0px 5px 0px 0px;}
#destaques .titulo_destaque {font-family: helvetica, arial; font-size: 20px; color: #0000ff;}
.destaque {display: block;}
.destaque img {border: solid 1px #cccccc; padding: 5px; margin: 0px 5px 0px 0px;}
.facebook {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #ffffff;}


/* RODAPE */
#pontos {background: url('../imagens/backgrounds/pontos.png') no-repeat scroll center; width: 960px; height:228px; max-height: 228px; overflow: hidden; margin: 0px 30px 0px 30px; font: 10px verdana;}
#pontos .util {margin: 0px 30px 10px 30px;}
#pontos .intd {margin: 60px;}

/* PROJETOS */
#projeto {width: 960px; height: 746px; background:url('../imagens/backgrounds/projetos.png') no-repeat; position: relative;}
#projeto_pg_direita {position: absolute; top: 50px; right: 25px; width: 410px;}
#projeto_pg_esquerda {position: absolute; top: 50px; left: 25px; width: 410px;}
#projeto_menu {position:absolute; top: 13px; left: 505px; width: 395px;}
.projeto_bt_oquee {position: absolute; left: 52px;}
.projeto_bt_comoparticipar {position: absolute; left: 142px;}
.projeto_bt_fotos {position: absolute; left: 314px;}
#projeto_frase {position: absolute; top: 50px; left: 25px; font: 11px verdana; width: 410px;}
#projeto_foto {position: absolute; top: 250px; left: 25px; font: 11px verdana; width: 410px;}
#projeto_texto {font:12px verdana; width: 410px; position: absolute; top: 50px; right: 25px;}
.projeto_titulo {font:24px verdana;}
#projeto_texto_esq {width: 410px; position: absolute; top: 50px; left: 25px;} 
#projeto_pg_esquerda a { font: 22px georgia; color: #4444ff;}
#projeto_pg_direita a { font: 22px georgia; color: #4444ff;}
.projeto_icone {font:11px verdana; min-height: 80px; margin: 10px 0px 0px 0px;}
.projeto_icone_on {font:11px verdana; min-height: 80px; background: #dddddd; margin: 10px 0px 0px 0px;}
.projeto_icone img {width:100px; height: 75px; margin: 2px; border: solid 1px #000000;}
.projeto_icone_on img {width:100px; height: 75px;  margin: 2px; border: solid 1px #000000;}


/* COLUNAS */
.content13 {width: 300px; font: 12px verdana; float:left; margin: 0px 30px 30px 0px;}
.content23 {width: 300px; font: 12px verdana; float:left; margin: 0px 30px 30px 0px;}
.content33 {width: 300px; font: 12px verdana; float:left; margin: 0px 0px 30px 0px;}
.content12 {}

/* TWITTER */
#twitter{width:200px; padding: 152px 0px 0px 0px; background: url('../imagens/backgrounds/twitter.png') no-repeat; position: relative; margin: 10px 0px 0px 0px;}
#twitter .followers {position: absolute; top: 5px; right: 5px; background: #ffffff; color: #000000;}
#twitter a.followus {display: block; padding: 0px; margin: 0px; background: url('../imagens/backgrounds/twitterrodape.png'); height: 32px; width: 200px;}
#twitter small {font: 10px arial; float: right; color: #777777;}
.twitter_post {font: 12px arial; color: #222222; padding: 2px 2px 18px 2px; background: url('../imagens/backgrounds/twittermeio.png');}

/* MURAL DE RECADOS */
.mural {width: 280px; margin: 0px; padding: 0px;}
#mural p {background: #ffffff url('../imagens/backgrounds/branco.png'); padding: 2px; border: solid 1px #7F9DB9}
#mural .recado {font: 12px arial;}
#mural .nomemural {color: #2222dd; font: bold 12px arial; text-align: right;}
#mural .mural_escreve {padding: 0px; margin: 0px; font: 18px georgia; color: #666666;}
#mural .itemmural {background: #ffffff url('../imagens/elementos/lapis.png') no-repeat scroll -500px -500px; width: 280px; border: solid 1px #7F9DB9; color: #aaaaaa; font: 16px georgia; padding: 6px;}
#mural .itemmural_on {background: #ffffff url('../imagens/elementos/lapis.png') no-repeat scroll bottom right; width: 280px; border: solid 1px #7F9DB9; color: #333333; font: 16px georgia; padding: 6px;}
#mural .resta {float: right; font: 30px georgia; color: #666666;}
#mural .botaoenviamural {background: #eeeeee url('../imagens/elementos/check.png') no-repeat scroll -30px -30px; width: 100%; border: solid 1px #7F9DB9; font: bold 12px verdana; height: 24px; color: #666666; margin: 5px 0px 0px 0px;}
#mural .botaoenviamural_on {background: #ddffdd url('../imagens/elementos/check.png') no-repeat scroll bottom right; width: 100%; border: solid 1px #339933; font: bold 12px verdana; height: 24px; color: #003300; margin: 5px 0px 0px 0px;}
.ok {background: #aaffaa url('../imagens/elementos/ok.png') no-repeat scroll 5px 5px; min-height: 34px; border: solid 1px #006600; font: 12px arial; padding: 5px 5px 5px 34px;}
.erro {background: #ffaaaa url('../imagens/elementos/erro.png') no-repeat scroll 5px 5px; min-height: 34px; border: solid 1px #660000; font: 12px arial; padding: 5px 5px 5px 34px;}
/* MURAL DE RECADOS HACKS */
* html #mural .itemmural {width: 200px;}
* html #mural .itemmural_on {width: 200px;}

/* NEWSLETTER */
#newsletter .itemmural {background: #ffffff url('../imagens/elementos/lapis.png') no-repeat scroll -500px -500px; width: 280px; border: solid 1px #7F9DB9; color: #aaaaaa; font: 16px georgia; padding: 6px;}
#newsletter .itemmural_on {background: #ffffff url('../imagens/elementos/lapis.png') no-repeat scroll bottom right; width: 280px; border: solid 1px #7F9DB9; color: #333333; font: 16px georgia; padding: 6px;}
#newsletter .botaoenviamural {background: #eeeeee url('../imagens/elementos/check.png') no-repeat scroll -30px -30px; width: 100%; border: solid 1px #7F9DB9; font: bold 12px verdana; height: 24px; color: #666666; margin: 5px 0px 0px 0px;}
#newsletter .botaoenviamural_on {background: #ddffdd url('../imagens/elementos/check.png') no-repeat scroll bottom right; width: 100%; border: solid 1px #339933; font: bold 12px verdana; height: 24px; color: #003300; margin: 5px 0px 0px 0px;}


/* FOTOGRAFIA */
.albumdefotos {background: url('../imagens/backgrounds/album.png') no-repeat; padding: 25px; margin: 0px; height: 190px; width: 190px; float:left; display: block;}
.albumdefotos img {width: 180px; border: solid 1px #555555;}
#albuns td {font: 12px verdana; text-align:center; vertical-align:top;}
#albuns img{border: none;}
.silogis {width:940px; padding:80px 2px 20px 2px; margin:2; font:12px verdana; overflow:hidden; text-align:center;}
.silogis img {border:solid 2px #dddddd; margin:5px;}
.silogis .comentada {display:block; border:none; position:absolute; z-index:1; top:80px; left:80px; background:none;}
.silogis a {text-decoration:none; color:#000000;}
.silogis .numero {display:block; border:none; position:absolute; z-index:2; top:82px; left:82px; background:none;}
.plate {float:left; width:150px; background:#eeeeee; border:solid 1px #dddddd; padding:10px; margin:10px; font:bold 11px verdana;}
.plate a {color:#999999; text-decoration:none;}
.epitrofe {font:11px verdana;}
.epitrofe img {border:none; margin:0px;}
.epitrofe a {background:#ddddff; border:solid 1px #aaaaff; text-decoration:none; color:#999999; padding:0px 30px 0px 30px;}
.epitrofe b {background:#dddddd; border:solid 1px #aaaaaa; font-weight:normal; text-decoration:none; color:#999999; padding:0px 30px 0px 30px;}
.iris {cursor:default; font:11px verdana;}
.iris img {background:#ddddff; border:solid 1px #ffffff; color:inherit; margin:1px; padding:0px; vertical-align:top;}
.comentarios {font:12px verdana; width:600px; text-align:left;}
.comentarios .camposc {font:11px verdana; border:solid 1px #ddddff; color:#222222; background:#f8f8ff; width:600px; margin:2px;}
.comentario {width: 600px; float: right; margin: 5px;}
.comentario .autorcomentario {color: #0000aa; width:145px; float: left; background: url('../imagens/backgrounds/comentarioautor.png') no-repeat top right; margin:0px; padding:2px;}
.comentario small {font:italic 10px verdana; color:#555555;}
.comentario .textocomentario {width: 440px; min-height: 32px; float:left; background: #ccccff; margin:0px; padding:5px;}
.preview {border:solid 1px #dddddd; background:#eeeeee url('../imagens/back_album.jpg') no-repeat scroll 200px 0px; height:150px; font:12px verdana; margin:2;}
.preview a {text-decoration:none; color:#0000ff; font-family:verdana;}
.preview b {font:18px verdana;}
.silogis .preview img {margin:0px 10px 0px 0px; float:left; border:none;}
.greece .preview img {margin:0px 10px 0px 0px; float:left; border:none;}
.descricao {font: 16px verdana; color: #444444;}


/* CONTATO */
#contato {background: url('../imagens/elementos/entreemcontato.png') no-repeat; padding: 100px 0px 0px 0px;}
#contato p{font: 16px verdana; color:#333333;}
#contato b{font: 20px verdana; color:#3300CC;}
.hermes .energus{font: 14px verdana; border: solid 1px #aaaaff; color:#222222; width: 340px; background:#eeeeff;}
.hermes .anenergus{font: 14px verdana; border: solid 1px #cccccc; color:#666666; width: 340px; background:#fafafa;}

/* GOZO CELESTIAL */
#gozocelestial {background: url('../imagens/elementos/gozoonline.png') no-repeat top center; padding: 190px 0px 0px 0px;}
#gozocelestial p {font: 12px verdana;}
#gozocelestial h1 {font: 34px gerogia; color: #6666ff;}
#gozocelestial .linhafina {font: italic 12px verdana; color:#444499;}
#materia {width: 560px; float: left;}
#outrasmaterias {width: 370px; float: left;}
#outrasmaterias {font: 18px verdana;}
#outrasmaterias a {font: 12px verdana; color: #666666; padding: 5px 0px 5px 0px;}
#outrasmaterias a:hover {color: #0000ff;}

/* DIARIO DE BORDO */
#diario p {font: 16px georgia; color: #333333;}
#diario a {font: 30px georgia; color: #000066;}
.datadiario {font: 30px georgia; color: #555555;}
#diario .titulo {font: 28px georgia;}
#diario img {border: none; margin: 5px;}

/* CHRONOS */
.chronos {width: 620px; margin: 2px; overflow: hidden; padding: 0px 0px 0px 0px;}
.chronos .lfdiv {float: left; width: 300px; height: 400px; overflow: hidden; background: #eeeeee; border-left: solid 1px #dddddd; border-bottom: solid 1px #dddddd; border-top: solid 1px #dddddd;}
.chronos .rgdiv {float: left; width: 318px; height: 400px; overflow: hidden; border-right: solid 1px #dddddd; border-top: solid 1px #dddddd; border-bottom: solid 1px #dddddd;}
.onoma {font: 38px georgia; color: #444444; height: 40px; padding: 30px 0px 30px 0px; text-align: center;}
.menas {background: #ffffff; height: 400px; padding: 0px; margin: 0px;}
.menas i {font: italic 10px arial; color: #aaaaaa;}
.menas .semana td {font: 10px arial; background: #ffffff; border: solid 1px #ffffff; text-align: center;}
.menas table {}
.menas td {width: 35px; height: 35px; font: 20px arial; background: #f4f4f4; border: solid 1px #eeeeee; color: #666666;}
.menas .emera {background: #ddddff; border:solid 1px #aaaaff; color:#444488; cursor: pointer;}
.menas .emeraon {background: #eeeeff; border: solid 1px #aaaaff; color: #444488; cursor: pointer;}
.menas a {text-decoration: none; color: #6666ff;}
.pragma {overflow: hidden; background: #f7f7f7; border-left: solid 1px #dddddd; width: 318px; height: 400px; font: 10px verdana;}
.pragma .rolidei .prd, .pld {float: left; padding: 0px; margin: 0px;}
.pld .data {height: 100px; background: #f7f7f7; display: block; width: 307px; margin: 0px; padding: 0px 5px 0px 5px;}
.pld .data img {padding: 0px 5px 0px 5px;}
.pragma .rolidei .prd {width: 318px;}
.pragma .rolidei {position: absolute; background: #ffffff; width: 317px; height: 400px; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd;}
.loadprog {background: #f7f7f7; padding: 0px; margin: 0px; width: 317px; height: 400px; position: absolute; font-family: verdana; font-size: 10px;}
.servico {background: #333333; color: #ffffff; position: absolute; bottom: 0px; width: 317px;}
.servicotrilha {background: #ff3333; color: #ffffff; position: absolute; bottom: 40px; width: 317px;}
.convite {}
/* CHRONOS HACKS */
* html .chronos {width: 752px;}
* html .onoma {height: 97px;}