@charset "utf-8";


/* Geral /////////////////////////////////// */
body { margin:0px; padding:0px; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; background-color: #ffffff; font-family: 'Lota Grotesque';  }
a { color:inherit; text-decoration: none; }

  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;500;900&display=swap');


/*
.background-image: url("img.jpg");
.height: 50vh;
.style="background-image: url('img/foto1.jpg');"
.width: calc(100% - 150px);
.font-family: 'DM Sans', sans-serif;
.font-family: 'Syncopate', sans-serif;
.rgb(0, 0, 0, 0.2)
.rgb(255, 255, 255, 0.2)
*/

/* Bloco Principais /////////////////////////////////// */





.conteudo_geral {
width: 100%;
display: table;
font-family: 'Poppins', sans-serif;
letter-spacing: 1px;
}


.topo {
width: calc(100% - 200px);
display: table;
padding: 80px 50px 40px 30px;
margin: 0px 50px;
border-bottom: 1px solid #fff;
}

.topo_a{
width: 50%;
float: left;
}

.topo_b{
width: 50%;
margin: 22px 0 0 0;
float:left;
color: #fff;
}

.topo_b img{
	margin: 0 10px 0 0;
}

.texto {
width: calc(100% - 200px);
display: table;
padding: 100px 0px;
margin: 0px 50px;
color: #ffffff;
font-size: 35px;
line-height: 38px;
}

.texto span{
font-weight: 900;
margin: 0 0 0 20px;
}


.chamada {
width: 100%;
display: table;
margin: 0px 0 -200px 0;
}

.chamada img{
width: 100%
}


.conteudo_top {
background-color: #0D43E3;
width: 100%;
display: table;
background-image: url("img/divisao.svg");
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
}












.home {
width: calc(100% - 100px);
display: table;
padding: 300px 0px 100px 0px;
margin: 0px 50px 100px 50px;
color: #ffffff;
font-size: 22px;
line-height: 28px;
border-bottom: 2px solid #252525;
}

.home span {
	font-weight: 900;
	display: table;
	width: 100%;
	margin:0 0 15px 0;
}

.bt {
	display: table;
	margin: 15px 0 0 0;
	border: 2px solid #fff;
	letter-spacing: 2px;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 18px;
	text-transform: uppercase;
}



.traco{
width: 100%;
height: 2px;
margin: 0 0 100px 0;
background: rgb(0,175,239);
background: linear-gradient(84deg, rgba(0,175,239,1) 0%, rgba(13,67,227,1) 100%);
}


.bloco_sge{
width: calc(48% - 104px);
margin: 0 2% 0 0;
padding: 50px;
float: left;
border-radius: 10px;
border: 2px solid #fff;
background: rgb(197,225,80);
background: linear-gradient(18deg, rgba(197,225,80,1) 0%, rgba(17,166,241,1) 26%, rgba(128,32,197,1) 78%);
}

.bloco_sge:hover{
border: 2px solid #000;
cursor: pointer;
}



.bloco_blog{
width: calc(48% - 104px);
margin: 0 0 0 2%;
padding: 50px;
float: left;
border-radius: 10px;
border: 2px solid #fff;
background: rgb(9,45,148);
background: linear-gradient(14deg, rgba(9,45,148,1) 0%, rgba(0,175,239,1) 100%);
}



.bloco_blog:hover{
border: 2px solid #000;
cursor: pointer;
}








.rodape {
width: calc(100% - 200px);
display: table;
padding: 0px 0px 50px 0px;
margin: 0px 100px;
color: #ffffff;
}


.rodape_a{
width: 52%;
margin: 0;
float: left;
color: #252525;
font-size: 22px;
line-height: 30px;
}

.chamada_mini{
display: table;
width: 100%;
margin: 0 0 15px 0;
font-size: 14px;
font-weight: 600;
}


.rodape_b{
width: 48%;
margin: 0;
float: left;
color: #252525;
font-size: 22px;
line-height: 30px;
}


.rodape_b span{
color: #0D43E3;
font-weight: 900;
}


.social{
display: table;
width: 100%;
margin: 20px 0 0 0;
}

.social img{
margin: 0 10px 0 0;
}

.bigmidia{
display: table;
width: 100%;
margin: 20px 0 0 0;
}

.bigmidia img{
width: 40px;
}


.rodape_b a:hover {
	cursor: pointer;
	opacity: 0.7;
}

.rodape_a a:hover {
	cursor: pointer;
	opacity: 0.7;
}







@media screen and (max-width:700px) {



.bloco_sge{
width: calc(100% - 64px);
margin: 0 2% 30px 0;
text-align: center;
font-size: 23px;
letter-spacing: 0px;
line-height: 24px;
padding: 50px 30px;
}




.bloco_blog{
width: calc(100% - 64px);
text-align: center;
font-size: 23px;
letter-spacing: 0px;
line-height: 24px;
padding: 50px 30px;
}





.rodape {
width: calc(100% - 100px);
display: table;
padding: 0px 0px 50px 0px;
margin: 0px 50px;
color: #ffffff;
}



.rodape_a{
width: 100%;
margin: 0 0 70px 0;
display: table;
font-size: 18px;
text-align: center;
letter-spacing: 0px;
line-height: 25px;
}



.rodape_b{
width: 100%;
margin: 0 0 70px 0;
display: table;
font-size: 18px;
text-align: center;
letter-spacing: 0px;
line-height: 25px;
}


.texto {
width: calc(100% - 100px);
display: table;
padding: 50px 0px 50px 0px;
margin: 0px 50px;
color: #ffffff;
font-size: 25px;
line-height: 25px;
text-align: center;
}



.topo {
width: calc(100% - 100px);
display: table;
padding: 80px 0px 40px 0px;
margin: 0px 50px;
border-bottom: 1px solid #fff;
text-align: center;
}

.topo_a{
width: 100%;
display: table;
padding: 0 0 30px 0;
margin: 0 0 30px 0;
border-bottom: 1px solid #fff;
}

.topo_b{
width: 100%;
margin: 22px 0 0 0;
display: table;
}


.topo_b img{
	display: none;
}


.chamada {
width: 100%;
display: table;
margin: 0px 0 100px 0;
}

.chamada img{
width: 100%
}

.home {
padding: 30px 0px 100px 0px;
}

.bt {
	width: 100%;
	display: table;
	text-align: center;
	padding: 5px 0px;


}