/*Nav*/
nav{
    margin-bottom: 5px;
}
.navGrupoSevenBrasil{
    background-color: #03460a;
}
.dropdown-item{
    font-size: 12px;
}
/*Modais*/
#janelaLogin .form-check-input{
    margin-left: 50px;
}
#janelaLogin label{
    font-size: 13px;
    color: rgb(89, 255, 0);
}
/*Avatar e Imagens*/
.avatar{
    width: 80px;
    height: 50px;
}
.avatar2{
    width:150px;
	height: 40px;
}
.avatar3{
    width:80px;
    height: 40px;
}
.avatar4{
    width:225px;
    height: 60px;
}


.img-menu{
    width:30px;
    height:30px;
    border-radius:50%;
    margin-right: 5px;
}

/*container*/
.container{

	width: 1200px;

	justify-content:space-between;

	display: flex;

}
.blue{
	color:#0404B4;
}

/*Banner*/
#banner{


	background-position: center;

	background-size:cover;
	

	display: flex;

	justify-content:center;

}
.bannerhome{background-image:url(../../imagens/banner3.png);}
.banner_reuniao{background-image:url(../../imagens/banner3.jpg);}
.banner_qualite{background-image:url(../../imagens/banner_qualite.png);}

.column{

	flex-direction: column;

}

	.anuncio_titulo{

		flex:1;

		display: flex;

		flex-direction: column;

		justify-content: center;
		
	}
	.bannerservicosPF .anuncio_titulo{text-align: right;}
	.bannerhome .anuncio_titulo{text-align: left;}
	

		.anuncio_titulo h1{

			color: white;

			margin: 25px;

			font-size: 50px;

			text-shadow: 0px 1px 0px #000000;

			margin: 0;

			padding: 0;

		}

		.anuncio_titulo h2{

			color: white;

			margin: 25px;

			font-size: 25px;

			text-shadow: 0px 1px 0px #000000;

			margin: 0;

			padding: 0;

		}

	.anuncio_menu{

		height: 150px;

		display: flex;

		flex-direction: rows;

		justify-content: center;

		margin:5px;

	}

		.anuncio_menu1, .anuncio_menu2, .anuncio_menu3{

			display: flex;

			flex-direction: column;

			align-items: left;

			padding-left: 10px;

			margin: 5px;

			border-radius: 10px;


		}

		.anuncio_menu h1{

			color: white;

			font-size: 18px;

			padding: 0;

			margin: 0;

			margin-top: 10px;

			text-align: center;

		}

		.anuncio_menu h2{

			color: white;

			font-size: 10px;

			

		}

		.anuncio_menu .botao{

			width: 150px;

			height: 20px;

			margin-bottom: 10px;

			color: white;

			line-height: 30px;


		}

		.anuncio_menu a{

			text-decoration: none;



		}

				.anuncio_menu1{

					flex:1;

					background-color: #0000FF;

				}



				.anuncio_menu2{

					flex:1;

					background-color: #0101DF;

				}

				.anuncio_menu3{

					flex:1;

					background-color: #0404B4;

				}
/*Corpo*/

#corpo{

	display: flex;

	justify-content:center;

	background-color: white	;

}

	article{

		flex:2;

		display: flex;

		justify-content:center;

		flex-wrap: wrap;

		margin-top: 50px;

		margin-bottom: 50px;



	}

		.projeto{

			width: 320px;

			margin:10px;

			display:flex;

			flex-direction: column;

			background-color: white;


		}

		article .projeto{

			width: 320px;

			margin:10px;

			display:flex;

			flex-direction: column;

			border: 2px solid #ccc;

			box-shadow: 2px 3px 3px;

		}

			.projeto_titulo{

				font-size: 18px;

				margin-top: 10px;

			}

			.projeto_linha{

			height: 2px;

			width: 40px;

			background-color: blue;

			margin-top: 5px;

			}

			.projeto_imagem{

			margin: auto;

			margin-top: 10px;

			}

				.projeto_imagem img{

				width: 300px;

				height: 150px;

				border: 1px solid #ccc;

				border-radius: 5px;

				box-shadow: 1px 1px 1px #ccc;

				}

			.projeto_texto{

			font-size: 10px;

			margin-top: 10px;

			height: 70px;

			text-align: justify;
			
			padding-left: 5px;

			padding-right: 10px;
			}
			.projeto_texto b{
				color: blue;
			}

/*Footer*/
.footer1{
    background-color: #ebeef0;
    font-size: 14px;
    
}
.footer1 .row{
    margin-top: 0px;
    padding:10px;
}
.footer1 p{
    text-align: center;
    margin-bottom: 0px;
    color: black;
}
.footer1 a{
    text-decoration: none;
    color:  black;
}
.footer1 :hover{
    text-decoration: none;
    color: black;
}
.footer1 h5{
    color: black;
}
.footer1 .direitos{
    justify-items: end;
    text-align: center;
    font-size: 9px;
    color:black;
}
/*Resposividade*/

@media only screen and (min-width: 900px) and (max-width: 1040px){

	article{
		flex:1

	}

	aside{

		display:none;

	}

}

@media only screen and (min-width: 850px) and (max-width: 900px){

	.lista_servicos{

		display: none;

	}

	article{

		flex:1;

	}

	aside{

		display:none;

	}

}	

@media only screen and (min-width: 690px) and (max-width: 850px){

	.anuncio_titulo h2{

		font-size: 18px;

	}

	.anuncio_menu{

		display: none;

	}

	#banner{

		height: 250px;

	}

	article{

		flex:1;

	}

	aside{

		display:none;

	}

	.lista_servicos{

		display: none;

	}

	nav ul{

		flex-direction:column;

		display: none;

		position: absolute;

    	left: 0;

    	width: 100%;

    	background-color: white;

	}

	header{

		height: auto;

	}

	.logo{

		padding: 20px;

	}

	.menu_mobile{

		display: flex;

		flex-direction: column;

		justify-content: space-around;

	}

}

@media only screen and (min-width: 350px) and (max-width: 690px){

	.anuncio_titulo h2{

		font-size: 15px;

	}

	.anuncio_menu{

		display: none;

	}

	#banner{

		height: 250px;

	}

	article{

		flex:1;

	}

	aside{

		display:none;

	}

	.lista_servicos{

		display: none;

	}

	nav ul{

		flex-direction:column;

		display: none;

		position: absolute;

    	left: 0;

    	width: 100%;

    	background-color: white;

	}

	header{

		height: auto;

	}

	.logo{

		padding: 20px;

	}

	.menu_mobile{

		display: flex;

		flex-direction: column;

		justify-content: space-around;

	}

	.lista_filiada{

		display: none;

	}

	.anuncio_titulo h1{

		font-size: 30px;

	}

}

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

	.anuncio_titulo h2{

		font-size: 12px;

		margin-top: 20px;

	}

	.anuncio_menu{

		display: none;

	}

	#banner{

		height: 250px;

	}

	article{

		flex:1;

	}

	aside{

		display:none;

	}

	.lista_servicos{

		display: none;

	}

	nav ul{

		flex-direction:column;

		display: none;

		position: absolute;

    	left: 0;

    	width: 100%;

    	background-color: white;

	}

	header{

		height: auto;

	}

	.logo{

		padding: 20px;

	}

	.menu_mobile{

		display: flex;

		flex-direction: column;

		justify-content: space-around;

	}

	.lista_filiada{

		display: none;

	}

	.anuncio_titulo h1{

		font-size: 18px;



	}

	.projeto{

		width: 300px;

	}

	.contatos{

		width: 300px;

	}

	.enderecos{

		text-align: center;

	}



}