@charset utf-8;
/**
* CONFIGURAÇÕES GERAIS
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  width: 100%;
  height: 100%;
}
body {
  background: #ffffff;
}
/**
* H1
*/
.Titulo {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 36px;
  font-weight: bold;
  color: #7fff00;
  text-shadow: 2px 2px #000000;
  margin-left: 30px;
  margin-right: 10px;
}
/**
* H2
*/
.Subtitulo {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 32px;
  font-weight: bold;
  color: #000080;
  text-shadow: 2px 2px #000000;
}
/**
* ATALHOS
*/
a {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 20px;
  font-style: bold;
  color: #000080;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/**
* PARÁGRAFOS
*/
p {
  color: #000000;
  text-align: justify;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 20px;
  font-weight: bold;
  margin: 20px;
}
/**
* IMG
*/
.Foto {
  width: 50%;
  height: auto;
}
/**
* TABELAS
*/
.TabelaResponsiva {
  width: 95%;
  margin: 2px auto;
  font-family: Calibri, courier new, serif;
  font-size: 14px;
  font-weight: bold;
  box-shadow: 10px 10px 10px #000000;
}
.TabelaResponsiva th {
  background-color: #000080;
  color: #ffffff;
  text-transform: uppercase;
}
.TabelaResponsiva th,
.Tabela_responsiva td {
  border: 1px solid black;
  padding: 1px;
}
/**
* DIVS
*/
.Caixa {
  display: inline-block;
  min-width: 350px;
  max-width: 100%;
  width: 350px;
  min-height: 230px;
  max-height: auto;
  height: 230px;
  margin: 20px;
  padding: 20px;
  background-color: #bebebe;
  box-shadow: 10px 10px 10px #000000;
  text-align: center;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}
.Conteudo {
  padding: 20px;
  text-align: left;
}
.Navegacao {
  padding: 20px;
  text-align: center;
}
.Artigo {
  padding: 20px;
  margin: 20px;
  background: #ffffff;
}
/*=========================================================
* CONFIGURAÇÕES RESPONSIVAS
=========================================================*/
@media only screen and (max-width: 757px) {
  /**
	* ATALHOS
	*/
  a {
    font-size: 1.5em;
  }
  /**
	* IMG
	*/
  .Foto {
    width: 100%;
  }
  /**
	* Parágrafos
	*/
  p {
    font-size: 1.5em;
  }
  /**
	* DIVS
	*/
  .Caixa {
    width: 85%;
    height: auto;
  }
}