body {
background-color: whitesmoke;
color: black;
font-family: Verdana, "Open Sans", sans-serif, Helvetica, Arial;
font-size: 12pt;
margin: 0 4% 0.5rem 4%;
}

/* Principais */

p {font-size: 12pt; line-height: 150%; text-align: justify; text-indent: 2rem; margin-top: 1.25rem; margin-bottom: 1.25rem;}

h1, .subtitulo, h2, h3, h4, h5, h6 {font-weight: bold; text-align: center;}

h3 {font-size: 18pt; color: #000033;}		/* nao e usado, pois representa datas */

h1 {font-size: 15pt; margin-top: 3rem; margin-bottom: 2rem;}
.subtitulo {font-size: 13pt; text-indent: 0;  margin-top: 2rem; margin-bottom: 2rem;}
h2 {font-size: 14pt; margin-top: 2rem; margin-bottom: 3rem;}

h4 {font-size: 13pt; margin-top: 0; margin-bottom: 0;}
h5 {font-size: 14pt; margin-top: 2rem; margin-bottom: 2rem;}
h6 {font-size: 13pt; margin-top: 2rem; margin-bottom: 2rem;}

/* Estrutura */

nav {font-size: 8pt; font-weight: bold; margin-top: 0; text-align: left; text-indent: 0; margin-bottom: 1.25rem; line-height: 150%; display: block;}
.interna {display: flex; align-items: center; justify-content: space-between; margin-top: 2rem; margin-bottom: 2rem;}
 .anterior::before {content: "<<< ";}
 .proximo::after {content: " >>>";}

.info {font-size: 10pt; font-weight: normal; line-height: normal; margin-bottom: 0; margin-top: 0; text-indent: 0;}
.link {font-size: 11pt; font-weight: bold; text-align: center; text-indent: 0;}
.note {font-size: 10pt; margin-top: 0.875rem; margin-bottom: 0.875rem; text-align: justify; text-indent: 0;}
.datas {font-size: 8pt; font-weight: normal; text-align: right;}

/* Links */

a:active {color: #0000ff; background: transparent;}
a:hover {color: #ff3300; background: transparent;}
a:link, a:visited {color: #000099; background: transparent;}

a.link_ext:active {color: #0000ff; background: transparent;}
a.link_ext:hover {color: #ff3300; background: transparent;}
a.link_ext:link {color: #cc0000; background: transparent;}
a.link_ext:visited {color: #cc0000; background: transparent;}

/* Elementos */

hr {color: #FF0000;}
ol, ul, li {font-size: 12pt; line-height: 150%; margin-left: 4%; margin-top: 0; text-align:justify; text-indent: 0;}


.editorial {font-size: 9pt; text-align: justify; text-indent: 0; margin: 1rem 0 1rem 40%;}
p.editorial {margin-bottom: 2rem;}
hr.editorial {margin-top: 2rem; margin-bottom: 2rem;}

.centralizado, .linha-centralizada {text-align: center; text-indent: 0;}
.linha-esquerda {text-align: left;}
.linha-direita {text-align: right;}
.linha-justificada {text-align: justify;}

img.versoes {height: 16px; image-rendering: pixelated; padding-right: 6px; vertical-align: text-bottom; width: auto;}
img.licenca {height: 15px; image-rendering: pixelated; vertical-align: text-bottom; width: 80px;}

.estrelavermelha {color: #FF0000; text-align: center; text-indent: 0;}

blockquote {margin: 1.25rem 10%;}

	blockquote p {text-indent: 0;}
	blockquote.abnt {margin: 1.25rem 0 1.25rem 40%;}
	blockquote.trad {margin: 1.25rem 10%;}

.fotodireita {border: 2px solid #dbdbdb; display: block; float: right; margin-left: 1rem; margin-right: 0px; padding: 7px;}


div.colab {display: block; margin: 2rem auto; text-align: center;}
div.colab > p {margin: 0 0 .25rem 0; text-align: center; text-indent: 0; font-size: .75rem; font-weight: bold;}
img.colab {margin: 0; width: fit-content; height: auto; max-width: 40vw; max-height: 70px;}

/* Suporte estendido e obsolescencias */

.quote2, .quote3, .quote4, .quote5, .quote6, .quote-apresentacao {font-size: 12pt; margin-bottom: 0; margin-right: 4%; text-align: justify; text-indent: 0;}

.quote2 {margin-left: 8%; font-weight: bold;}
.quote3 {margin-left: 8%;}
.quote4 {margin-left: 14%;}
.quote5 {margin-left: 38%;}
.quote6 {margin-left: 38%; font-size: 9pt;} 
.quote-apresentacao {margin-left: 10%; font-size: 9pt; text-indent: 4rem;}	

.date {text-align: right; text-indent: 0;}
.tabela_datas {font-size: 8pt; text-align: center; font-weight: normal;}
.toplink-centro {text-align: center; text-indent: 0; font-size: 8pt; font-weight: bold; margin-top: 0;}
.toq-citacao {font-size: 12pt; text-align: justify; text-indent: 0; margin-right: 4%; margin-left: 8%; margin-bottom: 0;} /* possivelmente obsoleto */
.titulo-cima-linha {font-size: 14pt; text-align: center; margin-top: 0; margin-bottom: 0; font-weight: bold; line-height: 120%;}
.titulo7 {font-size: 12pt; text-align: center;}

hr.linha-preta {color: black;}

.bordalogotipo {display: block; margin-left: auto; margin-right: auto; padding: 7px; text-align: center; background-color: #f5f5f5;}
.Nome-obra {font-size: 12pt;} /* possivelmente obsoleto */

.heading {margin: 2rem;} /* tipo img */
.section-img {text-align: center;} /* tipo div */

	/* substituidas em autor.css */

	.Indice-Autor {font-size: 26pt; color: #000099; text-align: center; font-weight: bold;}
	.bordafoto {background-color: white; border: 1px solid #dbdbdb; display: block; margin-left: auto; margin-right: auto; padding: 7px; text-align: center;}
	.tabela-obras {border-spacing: 10px; margin-left: auto; margin-right: auto; padding: 4px;}
	.author {font-size: 8pt; text-align: right; font-weight: bold; font-style: italic; margin-right: 1%;}
	.sugestao {display: none;} 
	.texto-sem-espaco {font-size: 12pt; line-height: 120%; margin-bottom: 0; margin-top: 0; text-align: justify; text-indent: 2rem;}
	p.lapide {font-size: 8pt; text-align: justify; text-indent: 0; margin-top: 2.5rem; margin-right: 10%; margin-left: 10%; margin-bottom: 2.5rem;}

/* Indices de livros */
 
.capadelivro {margin: 5px 0 25px 25px; width: 10%; height: auto; float: right; max-width: fit-content;}

.toc, .toc1, .toc2, .toc3, .toc4, .toc5 {text-indent: 0; text-align: left;}

.toc {font-weight: bold; margin-left: 5%; margin-top: 1rem;  margin-bottom: 1rem;}
.toc1 {font-weight: bold; margin-top: 0; margin-bottom: 0; margin-left: 8%;}
.toc2 {font-size: 10pt; font-weight: bold; margin-left: 11%; margin-top: 0;  margin-bottom: 0;}
.toc3 {font-size: 10pt; margin-left: 14%; margin-top: 0; margin-bottom: 0;}
.toc4 {font-size: 10pt; margin-left: 17%; margin-top: 0; margin-bottom: 0;}
.toc5 {font-size: 10pt; margin-left: 20%; margin-top: 0; margin-bottom: 0;}	

/* Tabelas */ 


.tabela-lado-esquerdo {border-spacing: 10px; float: left; padding: 4px;}
.tabela-lado-direito {border-spacing: 10px; float: right; padding: 4px;}

.tabela-centro-com-Borda {border-collapse: collapse; margin-left:auto; margin-right: auto; padding: 10px;}
.tabela-centro-com-Borda td {border-spacing: 10px; border: 1px solid black; padding: 4px;}
.tabela-centro-com-Borda th {border-spacing: 10px; border: 1px solid black; padding: 4px;}	

.celula-cinza {background-color: #999999; font-size: 11pt; font-weight: bold; text-align: center;}

.bordafototexto {background-color: white; border: 1px solid #dbdbdb; display: block; margin: 10px; padding: 7px;}

/* Espacamentos */

h1 ~ hr:first-of-type {margin-top: 2rem;}					/* Primeira barra */
h1 ~ hr:nth-of-type(2) {margin-bottom: 2rem;}					/* Segunda barra */
p.link ~ hr {margin-top: 2rem;}							/* Ultima barra */
a[href^="#n"] > sup, a[href^="#tr"] > sup {font-size: 9pt; font-weight: bold;}	/* Realca links para notas de rodape */
p.editorial:has(+ p.editorial) {margin-bottom: 1rem;}				/* Espacamento entre paragrafos de um editorial */

/* Celular */

@media (max-width: 480px) {
p {margin-left: 1%; margin-right: 1%;}
img {max-width: 150px; height: auto;}
img.auto {width: auto; height: auto;}
img.colab {max-width: 200px;}
img.larga {max-width: 300px; height: auto;}
.capadelivro {width: 20%;}
.abnt {margin-left: 20%;}
.sugestao {text-align: center; text-indent: 0; display: block !important;}
}

/* Impressao */

@media print {
body {background-color: white; line-height: 150%;}

body, p, span, ul, ol, li, .quote2, .quote3, .quote4, .toq-citacao, .Nome-obra, .texto-sem-espaco, .titulo7 {font-size: 10pt;}

h1 {font-size: 14pt;}
h2 {font-size: 13pt;}

h4 {font-size: 13pt;}
h5 {font-size: 12pt;}
h6 {font-size: 11pt;}

.subtitulo {font-size: 11pt;}

.info {font-size: 9pt;}

nav, body > p.toplink:first-of-type {display: none;}	/* Esconde os links no topo */
a[href="#topp"] {display: none;}			/* Esconde o link para o inicio da pagina */
a:link {text-decoration: none; color: black;}
a:visited {text-decoration: none; color: black;}
a[href^="#r"], a[href^="#n"], a[href^="#tr"] {font-weight: bold; color: #000099;}
}

/* capitulo.css v. 0.9 */