/* CSS Document */
/* ============================================================================================================ */
/* PADRÃO LC																									*/
.versao {border-radius: 0; margin: 0; font-size: 0.95rem; text-align: center; }
.modal-header { border: none; padding: 1rem 1rem 0; }
.modal-body	{ padding: 0 1rem 1.5rem;}
.logoLC a { position:relative;left:99px;}
.logoLC > a > img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); }
.logoLC { overflow:hidden; text-align: right; }
.modal { font-family: 'Nunito', sans-serif; }
.modal-header { border: none; padding: 1rem 1rem 0; }
.modal-body	{ padding: 0 1rem 1.5rem; }
/* ============================================================================================================ */
/* PADRÃO SITE																									*/
html {
	font-size: 16px;
}
body {
	margin:0;
	padding:0;
	overflow:auto;
	overflow-y:scroll;
	background-color: #FFF;
	display: grid;
	grid-template-rows: repeat(3, auto);
	font-family: 'Nunito', sans-serif;
	font-size: 1.2rem;
	color: #222;
}
h1	{
	font-family: 'Nunito', sans-serif;
	color: #8B0000;
	font-size: 1.5rem;
	border-bottom: 1px solid #8B0000;
	padding-bottom: 0.4rem;
	margin-bottom: 1rem;
}

/* ==================================================== */
/* ======= TOPO 										*/
header	{
	background-color: #7E1013;
	display: flex;
	justify-content: center;
	border-bottom: solid 1rem #04421D;
}
header > div	{
	width: 80%;
	max-width: 1200px;
	display:flex;
	padding: 1rem 0;
}
header > div > div:nth-child(1) { width: 50%; display:flex; align-content: center; 	flex-wrap: wrap; justify-content: flex-start;}
header > div > div:nth-child(1) > a > img	{ width: 40%; }
header > div > div:nth-child(2) { width: 50%; display:flex; align-content: center; 	flex-wrap: wrap; justify-content: flex-end;  }
header > div > div:nth-child(2) > img	{ width: 80%; }
/* ==================================================== */
/* ======= CONTEUDO										*/
main	{
	width: 100%;
	background-color: #FFF;
	display: flex;
	justify-content: center;
}
main > div	{
	width: 80%;
	max-width: 1200px;
	padding: 2rem 0;
}
.nav-tabs	{
	border-color: #ccc;
}
.nav-tabs .nav-link {
	width: 13rem;
	max-width: 45%;
	text-align: center;
	font-family: 'Encode Sans Semi Condensed', sans-serif;
    color: #222;
    font-size: 1.2rem;
}
.nav-tabs .nav-link.active {
	border-color: #ccc;
	border-bottom-color: transparent;
    color: #8B0000;
}
.tab-content	{
	border: 1px solid #ccc;
	border-top: none;
	padding: 1.5rem 1.8rem;
}
/* ==================================================== */
/* ======= FONTES										*/
.ft01	{
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	font-size: 1.1rem;
	color: #8B0000;
}
/* ==================================================== */
/* ======= RODAPE										*/
footer	{
	display: flex;
	justify-content: center;
	background-color:#FFCD4F;
	font-size:1rem;
	color:#02471F;

	/*
	grid-template-columns: repeat(6,1fr);
	grid-template-rows: repeat(2, auto);
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	font-size: 1rem;
	padding-bottom: 1.8rem;
	*/
}
footer > div	{
	width: 80%;
	max-width: 1200px;
	display:flex;
	padding: 1rem 0;
	justify-content: space-between;
}
/*
footer > div:nth-child(1) > img	{ width: 80%; }
footer > div:nth-child(2)	{
	grid-column: 3;
	align-self: center;
}
footer > div:nth-child(3)	{
	grid-column: 4/6;
	align-self: center;
}
*/
.logoLC	{
}
/* ============================================================================================================ */
/* MEDIA																										*/
@media (max-width: 575.98px)							{
	html {
		font-size: 12px;
	}
	h1	{
		font-size: 1.8rem;
	}
	h2	{
		font-size: 1.4rem;
	}
	header > div	{
		width: 94%;
	}
	header > div > div:nth-child(1) > a > img	{ width: 85%; }
	header > div > div:nth-child(2) > img	{ width: 60%; }

	main > div	{
		width: 96%;
	}
}
@media (min-width: 576px) and (max-width: 767.98px)		{
	html {
		font-size: 13px;
	}
	h1	{
		font-size: 2rem;
	}
	h2	{
		font-size: 1.4rem;
	}
	header > div	{
		width: 92%;
	}
	header > div > div:nth-child(1) > a > img	{ width: 85%; }
	header > div > div:nth-child(2) > img	{ width: 60%; }
	main > div	{
		width: 95%;
	}
}
@media (min-width: 768px) and (max-width: 991.98px)		{
	html {
		font-size: 15px;
	}
	h1	{
		font-size: 2.5rem;
	}
	h2	{
		font-size: 1.5rem;
	}
	header > div	{
		width: 92%;
	}
	header > div > div:nth-child(1) > a > img	{ width: 70%; }
	header > div > div:nth-child(2) > img	{ width: 50%; }
	main > div	{
		width: 95%;
	}
	
}
@media (min-width: 992px) and (max-width: 1089.98px)	{
	html {
		font-size: 16px;
	}
	h1	{
		font-size: 2.8rem;
	}
	header > div	{
		width: 88%;
	}
	main > div	{
		width: 90%;
	}
}
@media (min-width: 1090px) and (max-width: 1199.98px)	{

}
@media (min-width: 1200px) and (max-width: 1399.98px)	{

}
@media (min-width: 1400px) and (max-width: 1599.98px)	{

}
/* ============================================================================================================ */
/* FONTES																										

font-family: 'Asap', sans-serif;
font-family: 'Encode Sans Semi Condensed', sans-serif;
font-family: 'BenchNine', sans-serif;

*/
/* ============================================================================================================ */
/* CORES																										




*/