@charset "utf-8";
/* CSS Document */


/* Inserção de fontes */

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

* {
	border: 0;
	font-family: 'Open Sans';
	margin: 0;
	padding: 0;
}

a {
	color: #646caf;  /* link */
	text-decoration: none;
	word-wrap: break-word;
}

a:hover {
	color: #777eb9; /* link selecionado */
}

abbr, acronym {
	border-bottom: .1em dotted;
	cursor: help;
	text-decoration: none;
}

blockquote blockquote, blockquote em, blockquote cite, cite cite, cite em, em em {
  font-style: normal !important;
}

blockquote blockquote cite, blockquote cite em, blockquote blockquote em, cite cite em, cite cite cite {
	font-style: italic !important;
}

#row {
	display: flex;
    align-items: flex-end;
    flex-wrap: nowrap;
    justify-content: space-around;
	padding-top: 20px
}
	@media (max-width: 720px) {
		#row{
			flex-direction: column;
			align-items: center;
			padding-top: 0px;
			margin-top: -42px
		}
	}
	@media (max-width: 350px) {
		#row{
			margin-top: 0px;
			position: relative;
			left: 15px;
		}
	}

h1 {
	display: block;
	font-size: 0;
	height: 46px;
	position: absolute;
	right: 10%;
	top: 115px;
	width: 120px;
}


mark {
	background: #88968f;
}
#logo-geral
{
	padding-bottom: 20px;
}
@media (max-width: 350px) {
	#logo-geral{
		padding-bottom: 5px;
		position: relative;
		right: 15px;
	}
}
@media (max-width: 350px) {
	#img-prim{
		margin-top: 20px;
		width: 195px;
		height: 70px;
	}
}
nav {
	padding-bottom: 20px;
	width: 520px;
	font-size: 20px
}
@media (max-width: 350px) {
	nav{
		display: contents
	}
}

nav ul {
	margin: 70px 0 0 10%;
}
@media (max-width: 350px) {
	nav ul{
		display: contents
	}
}

nav ul li {
	float: left;
	list-style: none;
	margin-right: 30px;
}

nav ul li a {
	color: #FFFFFF; /* link topo*/
	font-weight: bold;
	font-size: .7em;
}
nav ul li a:hover { /* link selecionado topo */
	color: #777eb9;
}


#limite {
	background: #ffffff url(menor_rodape.png) no-repeat bottom center;
	padding-bottom: 50px;
}

#topo {
	/*height: 100px;*/
	padding-top: 14px;
	min-height: 100px;
	border-top: 18px #777eb9; /* detalhe do topo*/
    border-top-style: double;
	background: #3e489c; /* fundo do topo */
} 
@media (max-width: 1100px) {
	#topo{
		padding-top: 0px;
		/*box-shadow: inset 20px 24px;*/
		border-top: 18px #646caf; /*linhas mobile*/
    	border-top-style: double;
    	background: #3e489c; /*fundo mobile*/

	}
}


#conteudo, #sumario {
	background: #ffffff;
	color: #333;
	padding: 50px 0 1px 0;
}

#conteudo h2, #conteudo h3, #conteudo .info, #sumario h2, #sumario h3, #sumario .info {
	font-weight: normal;
	text-align: center;
	padding: 0 15%;
}

#conteudo h2, #sumario h2 {
	font-size: 1.7em;
	text-align: center;
}

#conteudo h3, #conteudo h4, #sumario h3, #sumario h4 {
	font-size: 1.4em;
	text-align: center;
	margin: 15px 10%;
	padding: 0;
}

#conteudo h4, #sumario h4 {
	font-size: 1.1em;
}

#sumario ol, #sumario ul {
	padding: 20px 10%;
}

#conteudo ol, #conteudo ul {
	padding: 20px 15%;
}

#conteudo li, #sumario li {
	line-height: 1.2em;
	list-style-position: inside;
	padding: .7em 0 .1em 0;
	text-align: justify;
	text-indent: 0;
}

p {
	line-height: 1.5em;
	margin-bottom: .7em;
	padding: 0 10%;
	text-align: justify;
	text-indent: 1.3em;
}

p {
	padding: 0 10%;
}

#sumario li li {
	border-bottom: 1px solid #fff;
}

#sumario ul * {
	list-style: none;
}

#sumario .auxiliar {
	font-size: .8em;
	font-style: italic;
}

#sumario table input, #sumario table textarea {
	border: 1px solid #edc;
	color: #0375a1;
	padding: 2px 3px;
}

#sumario table input[type=submit] {
	background: #9cf;
	color: #0375a1;
	cursor: pointer;
	font-weight: bold;
	padding: 7px 14px;
}

#sumario table input[type=submit]:hover {
	background: #69c;
	color: #0375a1;
}

#conteudo .info {
	font-size: .8em;
	text-align: center;
}

#conteudo .secao {
	border-bottom: 4px solid #777eb9; /*linha capitulo*/
	color: #646caf; /*título capitulo*/ 
	font-weight: bold;
	padding: 50px 10% 0 0 !important;
	position: absolute;
	right: 0;
	top: 190px;
	text-indent: 0;
	text-transform: uppercase;
}

blockquote {
	border-left: #eeeae6 50px solid;
	font-style: italic;
	margin: 5% 0;
	padding-right: 5%;
}

#conteudo .extra {
	background: #ddd;
	font-size: .7em;
	margin-top: 50px;
	padding: 20px 1% 10px 1%;
}

#conteudo .extra p, #conteudo .extra li {
	line-height: 1.1em;
	padding: 0 2%;
	text-indent: 0;
}

#conteudo table {
	float: center;
	padding: 0 10%;
	min-width: 70%;
}

#conteudo table td {
	padding: 3px 5px;
}

#conteudo table.grade {
	border-collapse: collapse;
	margin: 0 auto;
	width: 70%;
}

#conteudo table.grade td, #conteudo table.grade th {
	border: 1px solid #eeeae5;
	padding: 5px 10px;
	vertical-align: top;
}

#conteudo table.grade tr:nth-child(even) td {
	background: #eeeae5;
}

#conteudo table.grade th {
	background: #d7d3cc;
	padding: 3px;
}

#conteudo table p, #conteudo table p *, #conteudo table li, #conteudo table ul {
	font-size: .9em;
	margin: 0;
	padding: 0;
}

#conteudo img {
	max-width: 100%;
}

#conteudo .legenda {
	font-size: .8em;
	padding: 0 15%;
	text-align: center;
	text-indent: 0;
}

#conteudo .container {
	display: flex;
	margin: 0 auto 0 auto;
	justify-content: center;
}
#conteudo #galeria {
	clear: both;
	float: center;
	padding: 0 5%;
	width: 90%;
}

#conteudo #galeria * {
	margin: 0;
	padding: 0;
	text-align: center;
	text-indent: 0;
}

#conteudo #galeria .quadro {
	float: center;
	height: 275px;
	margin: 2% 4%;
	width: 40%;
}

#conteudo #galeria img {
	margin: 0 auto;
	max-height: 100%;
	max-width: 100%;
}

p.recuo, .recuo p, ol.recuo, .recuo ol, ul.recuo, .recuo ul {
	padding-left: 25% !important;
}


@media screen and (max-width: 600px) {
	table {
		display: block;
		overflow-x: auto;
		padding: 0 !important;
		white-space: nowrap;
	}
}

@media screen and (min-width: 600px) {
	#conteudo img {
		max-width: 100%;
	}

	#conteudo #galeria .quadro {
		margin: 2% 4%;
		width: 25%;
	}
	
	p.recuo, .recuo p, ol.recuo, .recuo ol, ul.recuo, .recuo ul {
		padding-left: 40% !important;
	}

}

@media screen and (min-width: 1100px) { /*background página*/
	body {
		background: #4B529D url(fundo.png) no-repeat bottom right fixed;
	}
	
	h1 {
		height: 84px;
		right: 11%;
		top: 30px;
		width: 241px;
	}
	
	nav ul {
		margin-top: -5px;
	}

	#limite {
		background: url(maior_sombra-da-folha.png) no-repeat;
		left: 50%;
		margin: 200px 0 0 -530px;
		padding: 0 22px 0 38px;
		position: absolute;
		width: 1000px;
	}
	
	#topo {
		margin-bottom: 40px; 
	}
	
	#conteudo, #sumario {
		margin-bottom: 50px;
	}
	/*AQUI*/
	#conteudo .secao {
		right: 22px;
	}
}

@media print {
	@page {
		size: portrait;
	}
	
	h1 {
		font-size: 2em;
		display: inline !important;
		width: 50% !important;
	}
	
	nav {
		display: none;
	}
	
	#limite, #topo {
		margin: 0 !important;
		padding: 0 !important;
		top: 0 !important;
	}
	
	.secao {
		top: 0 !important;
	}
}

sup a {
  font-size: .8em;
}