@charset "utf-8";


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


@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600&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: 100vw;
display: table;
font-family: 'Golos Text', sans-serif;
}

.menu {
width: calc(100% - 4px);
display: table;
border: 2px solid #000000;
background-color: #F2F1E2;
}

.menu_logo {
	width: 220px;
	border-right:2px solid #000000;
	padding: 20px 60px;
	float: left;
	background-color: #BA4289;
}

.menu_logo img{
	width: 100%;
}

.menu_texto {
	width: calc(100% - 465px);
	padding: 25px 60px 0 60px;
	float: left;
	text-align: left;
}

.menu_texto span{
	margin: 0 50px 0 0;
	font-size: 25px;
	letter-spacing: 1px;
	font-weight: 500;
	text-transform: uppercase;
}

.menu_texto span a:hover{
	font-weight: 600;
}


.fotos_home_a{
	width: 50vw;
	height: calc(100vh - 85px);
	display: flex;
	float: left;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


.fotos_home_b{
	width: 50vw;
	height: calc(100vh - 85px);
	display: flex;
	float: left;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}



.foto_texto {
width: 50vw;
height: calc(100vh - 130px);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	position: absolute;

}

.foto_texto img{
	height: 130px;
}






.rodape {
width: 90%;
display: table;
border-top: 1px solid #6488BF;
margin: 30px auto;
padding: 30px 0;
color: #F2F1E2;
font-family: 'Golos Text', sans-serif;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
}

.rodape_a {
	width: 70%;
	float: left;
}


.rodape_a span {
	margin: 0 50px 0 0;
}

.rodape_a span a:hover {
	font-weight: 600;
}


.rodape_b {
	width: 30%;
	float: left;
	text-align: right;
	color: #6488BF;
}

.rodape_b span a:hover {
	font-weight: 600;
}









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

.menu_logo {
	width: 100%;
	border-right:0px solid #000000;
	border-bottom: 2px solid #000000;
	padding: 20px 0px;
	margin: 0;
	text-align: center;
	float: none;
	display: table;
}

.menu {
width: calc(100% - 2px);
display: table;
	border-right: 2px solid #000000;
	border-left: 0px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 0px solid #000000;
background-color: #F2F1E2;
}

.menu_logo img{
	width: 50%;
}

.menu_texto {
	width: 100%;
	padding: 0px;
	text-align: center;
	float: none;
	display: table;
}

.menu_texto span{
	width: calc(50% - 2px);
	margin: 0px 0 0px 0;
	padding: 10px 0 10px 0;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 500;
	text-align: center;
	float: left;
	display: table;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #000000;
	text-transform: uppercase;
}













.fotos_home_a{
	width: 100vw;
	height: calc(100vh - 85px);
	display: flex;
	float: none;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


.fotos_home_b{
	width: 100vw;
	height: calc(100vh - 85px);
	display: flex;
	float: none;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.foto_texto {
width: 100vw;
height: calc(100vh - 130px);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
	position: absolute;

}

.foto_texto img{
	height: 100px;
}







.rodape {
width: 90%;
display: table;
border-top: 1px solid #6488BF;
margin: 30px auto;
padding: 30px 0;
color: #F2F1E2;
font-family: 'Golos Text', sans-serif;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
}

.rodape_a {
	width: 100%;
	float: left;
	text-align: center;
}

.rodape_a span{
	width: 100%;
	text-align: center;
	margin: 10px 0 10px 0;
	display: table;
}


.rodape_b {
	width: 100%;
	float: left;
	text-align: center;
	color: #6488BF;
	margin: 50px 0 0 0;
}

.rodape_b span{
	width: 100%;
	text-align: center;
}










}