@charset "utf-8";
/* ################################################ */
/*		Definições do Site
/* ################################################ */
:root {
	--black: #000000;
	--white: #ffffff;
	--red: #ff0000;
	--green: #22c35d;
	--blue: #cce6ff;
	--blue-m: #0073e6;
	--blue-d: #003366;
	--gray: #e6e6e6;
	--gray-m: #a0a0a0;
	--gray-d: #666666;
	--transparent-blue: rgba(230,242,255,0.85);
	--transparent-blue-m: rgba(0,115,230,0.85);
	--transparent-blue-d: rgba(0,51,102,0.85);
	--transparent-gray: rgba(230,230,230,0.85);
	--transparent-gray-m: rgba(160,160,160,0.85);
	--transparent-gray-d: rgba(77,77,77,0.85);
}
* {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
	margin: 0px;
	border: 0px;
	padding: 0px;
	list-style: none;
	box-sizing: border-box;
}
html {
	width: 100%;
	height: 100%;
}
body {
	background-color: var(--gray);
	margin: 0px auto;
	border: 0px;
	padding: 0px;
}
/* ################################################ */
/*		Estrutura do Site
/* ################################################ */
a {
	color: var(--gray-d);
	font-size: 26px;
	font-weight: 800;
}
a:hover {
	color: var(--blue-m);
	font-size: 26px;
	font-weight: 800;
	text-decoration: underline;
}
#cabecalho {
	margin: 0px 0px 0px 0px;
}
#cabecalho > div > div {
	margin: 0px 0px 40px 0px;
}
#cabecalho > div > div#logo-cabecalho > img {
	display: block;
	width: 540px;
	height: 133px;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
}
#cabecalho > div > div#textos-cabecalho > h1 {
	margin: 0px 0px 0px 0px;
	color: var(--blue-d);
	font-size: 30px;
	font-weight: 800;
	text-align: center;
}
#cabecalho > div > div#textos-cabecalho > h2 {
	margin: 20px 0px 0px 0px;
	color: var(--gray-d);
	font-size: 26px;
	font-weight: 800;
	text-align: center;
}
.footer {
	width: 100%;
}
.footer div {
	padding: 0px 25px 60px 25px;
	font-size: 14px;
	color: var(--blue-d);
	font-weight: 700;
	text-align: center;
}
/* ################################################ */
/* ################################################ */
/*	  Responsive do Site - Tablet
/* ################################################ */
/* ################################################ */
@media screen and (max-width: 1024px) {
/* ################################################ */
/*		Estrutura do Site
/* ################################################ */
a {
	font-size: 24px;
}
a:hover {
	font-size: 24px;
}
#cabecalho {
	margin: 0px 0px 0px 0px;
}
#cabecalho > div > div {
	margin: 0px 0px 30px 0px;
}
#cabecalho > div > div#logo-cabecalho > img {
	width: 450px;
	height: 111px;
}
#cabecalho > div > div#textos-cabecalho > h1 {
	font-size: 28px;
}
#cabecalho > div > div#textos-cabecalho > h2 {
	font-size: 24px;
}
}
/* ################################################ */
/* ################################################ */
/*	  Responsive do Site - Smartphones
/* ################################################ */
/* ################################################ */
@media screen and (max-width: 768px) {
/* ################################################ */
/*		Estrutura do Site
/* ################################################ */
a {
	font-size: 18px;
}
a:hover {
	font-size: 18px;
}
#cabecalho {
	margin: 0px 0px 0px 0px;
}
#cabecalho > div > div {
	margin: 0px 0px 30px 0px;
}
#cabecalho > div > div#logo-cabecalho > img {
	width: 318px;
	height: 78px;
}
#cabecalho > div > div#textos-cabecalho > h1 {
	font-size: 21px;
}
#cabecalho > div > div#textos-cabecalho > h2 {
	font-size: 18px;
}
}