@charset "windows-1252";
/* CSS Document */

body#batman_rip { background-color: #000000;
	margin: 0; padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.7em; line-height: 1.3em; color: #FFFFFF;
	}
	
img { display: block; border: none; }	

a { color: #ffba00; text-decoration: none; }
a:hover { color: #ffba00; text-decoration: underline; }


.casca { width: 780px; margin: auto; border: 0 solid red; }
.menu { width: 203px; float: left; }
.introducao { width: 577px; height: 451px; margin-left: 203px; }
.splash td { width: 577px; background-image: url(img/intro01/splash_base.gif); background-position: right center; background-repeat: no-repeat;  }


.menu_interna { width: 123px; float: left; }
.conteudo { width: 657px; margin-left: 123px; background-position: top right; background-repeat: no-repeat; background-image: url(img/interna/bg.jpg); }
.textos { padding-left: 42px; }

.subtitulo { font-weight: bold; color: #97cae2; }
.comentario, .frase { color: #97cae2; }
.comentario { line-height: 1.4em; }

.tabela_rolagem { margin-top: 10px; }
.bloco_rolagem {  background-color: #01162b; width: 450px; vertical-align: top; border-top: 2px solid #0d426b; border-left: 2px solid #0d426b; border-bottom: 2px solid #010f1d; border-right: 2px solid #010f1d; }

.bloco_rolagem h1 { margin-left: 20px; clear: both; }

.retrato { margin-left: 20px; margin-bottom: 20px; border-right: 3px solid #000; border-bottom: 3px solid #000; }
.retrato2 { margin-left: 20px; margin-bottom: 5px; border-right: 3px solid #000; border-bottom: 3px solid #000; }

.rodape { font-size: 0.8em; line-height: 1.3em; color: #999999; }

/* Rolagem */

#content p { margin: 15px; padding-bottom: 15px; }
#content h2 { margin: 0 0 0 15px; padding: 3px 15px 3px 35px; font-size: 1.4em; background-image: url(img/interna/simbolo_titulo.gif); background-position: left center; background-repeat: no-repeat; }
#content h3 { clear: both; margin: 0 0 0 15px; padding: 3px 15px 3px 35px; font-size: 1.2em; background-image: url(img/interna/simbolo_titulo.gif); background-position: left center; background-repeat: no-repeat; }
#content h2 small { font-size: 0.8em; color: #97cae2; display: block }

#content h4 { clear: both; margin: 0; padding: 0 15px 15px 0; font-size: 1em; text-align: right; font-weight: normal; }

.gigante { font-size: 4em; }
.extras h2, .creditos h2 { font-size: 1.4em; color: #97cae2; margin: 20px 0 0 0; padding: 0; }

/* Infografico */
.infotexto { background-color: #011a2f; padding: 15px; text-align:center; font-size: 0.95em; line-height: 1.1em; vertical-align: top; }
.pag_anterior { font-size: 1.4em; font-weight: bold; padding-left: 55px; width: 161px; height: 30px; background-image: url("img/interna/infografico/p_anterior.gif"); background-position: left top; background-repeat: no-repeat; }
.pag_anterior_vazia { width: 161px; height: 30px; background-image: url("img/interna/infografico/p_anterior_vazia.gif"); background-position: left top; background-repeat: no-repeat }

.pag_posterior { font-size: 1.4em; font-weight: bold; padding-right: 55px; text-align: right; width: 162px; height: 30px; background-image: url("img/interna/infografico/p_posterior.gif"); background-position: left top; background-repeat: no-repeat; }
.pag_posterior_vazia { width: 162px; height: 30px; background-image: url("img/interna/infografico/p_posterior_vazia.gif"); background-position: left top; background-repeat: no-repeat