body {
	background:#E1E0D2;
	color:#2d2b27;
	font-family: "Tahoma","sans-serif";
	font-size: 1em;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	
	/* permitir quebra de texto de links longos */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.container {
	display: grid;

	grid-template-areas:
	"header header header"
	"nav content side"
	"footer footer footer";

	grid-template-columns: 200px 1fr 290px;
	grid-template-rows: auto 1fr auto;
	grid-gap: 10px;

	/*height: 100vh;*/

	height: 100%;

	background-color: #0f3b5e;
	max-width: 1024px;
	margin: auto;

}

header {
	grid-area: header;
	max-width: 1024px;
	
}

header img {
	width: 100%;
	margin-bottom: -3px;
}

nav {
	grid-area: nav;
	margin-left: 0.5rem;
	max-width: 200px;
}

nav ol,
nav ul {
	list-style: none
}

.topo_menu img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.menu {
	padding-top: 10px;
}

/**
 * Styling top level items
 */

.nav a,
.nav label {
	display: block;
	padding: .5rem;
	color: #ffffff;
	background-color: ##0f3b5e;
	border: 2px outset #ffffff;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all .25s ease-in;
	transition: all .25s ease-in;
}

.nav a:focus,
.nav a:hover,
.nav label:focus,
.nav label:hover {
	color: rgba(255, 255, 255, 0.5);
	background: #030303;
}

.nav label {
	cursor: pointer; 
}

/**
 * Styling first level lists items
 */

.group-list a,
.group-list label {
  background: #7c8e9a;
  border: 2px outset #ffffff;
}

.group-list a:focus,
.group-list a:hover,
.group-list label:focus,
.group-list label:hover {
	background: #131313; 
}

.group-list .selecionado {
	background: #131313;
}

/**
 * Hide nested lists
 */

.group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
	max-height: 1000px;
}

main {
	grid-area: content;
	background-color: #bbcde1;
	text-align: justify;
	padding: 1em;
	width: 524px /* 1024px (container) - 200px (nav) - 300px (aside) */
}

main p {
	padding-bottom: .75em;
}

main.bibliografia p {
	text-align: left;
	font-size: .8em;
	color: #2d2b27;
}

main.bibliografia a {
	color: #2d2b27;
	text-decoration: none;
}

p.linha_data {
	padding-top: 2em;
}

p.titulo {
	color: #2d2b27;
	font-size: 1.5em;
	font-weight: bold;
}

#titulo {
	color: #2d2b27;
	font-size: 1.5em;
	font-weight: bold;
}

blockquote {
	padding-left: 2em;
	font-style: italic;
}

blockquote span.fonte {
	font-size: .8em;
}

p.lei_paragrafo {
	padding-left: 1em;
}

p.lei_alinea {
	padding-left: 2em;
}

a.nota_rodape,
a.nota_rodape_ref {
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	font-size: .8em;
	vertical-align: super;
}

p.nota_rodape_texto {
	font-size: .8em;
}

hr.rodape_linha {
	border-top: 1px solid;
	width: 15em;
	padding-bottom: 1em;
}

aside {
	max-width: 240px;
	margin: 0;
}

aside p.legenda {
	color: #ffffff;
	font-size: .8em;
	padding: 0 10px 15px 10px;
}

aside a {
	color: #ffffff;
	text-decoration: none;
	max-width: 200px;
}

aside.apresentacao {
	grid-area: side;
	max-width: 239px;

	background-image: url("../assets/imagens/mosaico_revolta_chibata_283x624.jpg")
}

.exposicao {
	margin: 0;
	text-align: center;
}

.exposicao img {
	max-width: 90%;
}

.creditos {
	font-size: 1em;
}

.creditos p {
	
}

p.credito_titulo {
	font-weight: bold;
	padding-bottom: 0;
}

p.credito_linha {
	padding-bottom: 0;
}

p.link_nome,
p.link {
	text-align: center;
	font-size: .8em;
}

p.link_nome {
	font-weight: bold;
	padding-bottom: 0;
}

.links img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2em;
}

footer {
  grid-area: footer;
  max-width: 1024px;
}

footer img {
	width: 100%;
}

.link_rodape {
	text-align: center;
}

.link_rodape a {
	font-family: Arial;
	font-size: .75em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

/************************** TORNA RESPONSIVO **************************/
/*@media (max-width: 768px) {
  .container {
    grid-template-areas:
      "header"
      "nav"
      "content"
      "side"
      "footer";

    grid-template-columns: 1fr;
    grid-template-rows:
      auto /* Header */
/*      minmax(75px, auto) /* Nav */
/*      1fr /* Content */
/*      minmax(75px, auto) /* Sidebar */
/*      auto; /* Footer */
/*  }

nav, 
aside {
    margin: 0;
  }
}

/************************** FIM TORNA RESPONSIVO **************************/
	
.fontes .pgwSlideshow {
    background: #0f3b5e;
}


.fontes .pgwSlideshow .ps-caption {
	font-family: Verdana;
}

.numero_slide {
	background-color: #555;
	color: #ccc;
	font-size: .8em;
	padding: 5px;
	text-align: center;
}