/*
  Ajustes para telas de ate 980 pixels.
  Carregado depois de style.css, submenu.css e busca_home.css.
  Acima dessa largura, o visual existente permanece.
  Os caminhos de imagens continuam os mesmos de style.css.
*/

.content .center .centro_conteudo_home .sombra {
	margin-top: 7px;
}

.content .center .centro_conteudo_home .destaques {
	margin-top: 20px;
}

.content .center .centro_conteudo_home .docs_historicos {
	margin-top: 369px;
}

.content .center .centro_conteudo_home .ad_index {
	margin-top: 384px;
}

@media screen and (max-width: 980px) {
	.center {
		width: auto;
		max-width: 991px;
		padding: 0 12px;
		box-sizing: border-box;
	}

	.header {
		float: none;
		height: auto;
	}

	.header .center > a {
		display: block;
	}

	.header .center > a img {
		max-width: 100%;
		height: auto;
	}

	.ad_topo {
		display: block !important;
		width: auto !important;
		max-width: 100% !important;
		height: auto;
		margin: 12px 0;
		overflow-x: auto;
	}

	.header .center .fundo_busca {
		position: relative;
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 12px 0 16px 0;
		padding: 8px;
		box-sizing: border-box;
		background-color: #fff;
		background-size: 100% 100%;
	}

	.header .center .fundo_busca form {
		display: block;
	}

	.header .center .fundo_busca .busca {
		position: static;
		display: inline-block;
		width: calc(100% - 52px);
		height: 36px;
		box-sizing: border-box;
		vertical-align: middle;
	}

	.header .center .fundo_busca .btn_busca {
		position: static;
		display: inline-block;
		width: 44px;
		height: 36px;
		margin: 0;
		vertical-align: middle;
	}

	.menu-toggle {
		display: block;
		width: 100%;
		min-height: 44px;
		margin: 0;
		padding: 10px 16px;
		border: 0;
		background: #fff;
		color: #4f4933;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		text-align: left;
		cursor: pointer;
	}

	.box_menu_interno {
		position: relative;
		width: auto;
		height: auto;
		margin: 0 0 12px 0;
	}

	.box_menu_interno .menu {
		display: none;
		margin: 0;
	}

	.box_menu_interno.menu-aberto .menu {
		display: block;
	}

	.box_menu_interno .menu li {
		float: none;
		display: block;
	}

	.box_menu_interno .menu li a,
	.box_menu_interno .menu li a.titulo {
		display: block;
		height: auto;
		min-height: 44px;
		line-height: 44px;
		padding: 0 16px;
	}

	.content .center {
		background-image: none;
	}

	.content .center .centro_conteudo_home {
		width: auto;
		max-width: 100%;
	}

	.content .center .centro_conteudo_home .sombra {
		display: none;
	}

	.content .center .centro_conteudo_home .destaques,
	.content .center .centro_conteudo_home .docs_historicos,
	.content .center .centro_conteudo_home .temas_diversos {
		position: static;
		float: none;
		width: auto;
		height: auto;
		margin: 0 0 16px 0;
	}

	.content .center .centro_conteudo_home .destaques tr,
	.content .center .centro_conteudo_home .destaques td,
	.content .center .centro_conteudo_home .docs_historicos tr,
	.content .center .centro_conteudo_home .docs_historicos td,
	.content .center .centro_conteudo_home .temas_diversos tr,
	.content .center .centro_conteudo_home .temas_diversos td {
		display: block;
		width: auto;
	}

	.content .center .centro_conteudo_home .destaques .destaques_conteudo .destaques_colonial,
	.content .center .centro_conteudo_home .destaques .destaques_conteudo .destaques_monarquia,
	.content .center .centro_conteudo_home .destaques .destaques_conteudo .destaques_republica {
		width: auto;
		padding: 0 0 16px 0;
	}

	.content .center .centro_conteudo_home .destaques .destaques_conteudo a.destaques_img_colonial,
	.content .center .centro_conteudo_home .destaques .destaques_conteudo a.destaques_img_monarquia,
	.content .center .centro_conteudo_home .destaques .destaques_conteudo a.destaques_img_republica {
		width: 100%;
		max-width: 298px;
		background-size: cover;
	}

	.content .center .centro_conteudo_home .ad_index,
	.ad_index,
	.ad_index_dois,
	.ad_conteudo_um,
	.ad_conteudo_dois,
	.ad_conteudo_tres,
	.ad_linha,
	.box_ad_um_sessao,
	.box_ad_dois_sessao {
		float: none;
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 16px 0;
		padding: 0;
		border: 0;
		overflow-x: auto;
		clear: both;
	}

	.ad_topo iframe,
	.ad_topo img,
	.ad_index iframe,
	.ad_index img,
	.ad_index_dois iframe,
	.ad_index_dois img,
	.ad_conteudo_um iframe,
	.ad_conteudo_um img,
	.ad_conteudo_dois iframe,
	.ad_conteudo_dois img,
	.ad_conteudo_tres iframe,
	.ad_conteudo_tres img,
	.ad_linha iframe,
	.ad_linha img,
	.box_ad_um_sessao iframe,
	.box_ad_um_sessao img,
	.box_ad_dois_sessao iframe,
	.box_ad_dois_sessao img {
		max-width: 100%;
	}

	.box_nome_sessao {
		float: none;
		width: auto;
		height: auto;
		margin: 12px 0;
		padding: 16px;
	}

	.box_nome_sessao .nome_sessao {
		float: none;
		font-size: 22px;
		line-height: 28px;
	}

	.destaques_sessao,
	.destaques_sessao_dois,
	.outros_doc {
		float: none;
		width: auto;
		height: auto;
		margin: 0 0 16px 0;
	}

	.linha {
		width: auto;
		height: auto;
	}

	.linha img {
		max-width: 102px;
		height: auto;
	}

	.linha h2,
	.linha h3 {
		width: auto;
		height: auto;
		overflow: visible;
	}

	.title_outros_doc {
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 16px 0;
	}

	.titulo_texto,
	.subtitulo_texto,
	.corpo_texto,
	.corpo_texto.principal,
	.div-share,
	.veja_tambem,
	.veja_tambem .title_veja_tambem {
		width: auto;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	.titulo_texto {
		margin-top: 16px;
	}

	.subtitulo_texto {
		min-height: 0;
	}

	.corpo_texto {
		overflow-x: auto;
	}

	.corpo_texto img,
	.corpo_texto iframe,
	.corpo_texto video {
		max-width: 100%;
		height: auto;
	}

	.corpo_texto table {
		display: block;
		width: auto;
		max-width: 100%;
		overflow-x: auto;
	}

	.imagem-destaque {
		float: none;
		width: auto;
		max-width: 236px;
		margin: 0 0 16px 0;
	}

	.imagem-destaque td.body img {
		max-width: 100%;
		height: auto;
	}

	.veja_tambem ul {
		width: auto;
	}

	form.contato,
	form.contato table,
	form.contato tbody,
	form.contato tr,
	form.contato td {
		display: block;
		width: 100%;
	}

	form.contato input,
	form.contato textarea {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		font-size: 16px;
		margin: 0 0 8px 0;
	}

	.content div.bottom {
		position: static;
		width: auto;
		max-width: 100%;
		margin: 16px 0 0 0;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.rodape {
		height: auto;
		padding: 10px 0 24px 0;
	}

	.rodape ul.menu_rodape {
		width: auto;
		height: auto;
		margin: 16px 0;
	}

	.rodape table,
	.rodape tbody,
	.rodape tr,
	.rodape td {
		display: block;
		width: auto;
	}

	.rodape .balao {
		float: none;
		width: auto;
		height: auto;
		max-width: 100%;
		margin: 12px 0;
		box-sizing: border-box;
		background-color: #fff;
		background-size: 100% 100%;
	}

	.rodape .fb-like-box,
	.rodape .google_plus_buttom {
		position: static !important;
		float: none;
		width: auto;
		margin: 12px 0 !important;
	}
}

@media screen and (min-width: 981px) {
	.menu-toggle {
		display: none;
	}
}