@charset "UTF-8";
/* CSS Document */
	

	body{
		background-color: #ffffff;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 15px;
		color: #6a6a6a;
		line-height: 30px;
	}

	h1{ 
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		font-size: 16px;
		color: #6a6a6a;
	}

	h2{ 
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		font-size: 16px;
		color: #6a6a6a;
	}

	h3{ 
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		font-size: 14px;
		color: #6a6a6a;
	}

	.link{
		font-size: 15px;
		color:#A6A4A4;
		text-decoration-color: #A6A4A4;
		}

	.link_body{
		font-size: 16px;
		color:#999696;
		text-decoration-color: #A6A4A4;
		}

	*{
		box-sizing: border-box;
	}

	.header{
		display: flex;
		flex-direction: column;
		min-height: 100px;
		background: #c1c0c0; 
	}

	@media(min-width:1200px){
		.header
		{
			display: grid;

			grid-template-columns: 75% 25%;
			grid-template-rows: auto auto;
		}
	}


	.item-header{
		margin: 5px;
	}

	.banner-imagem{
		position: relative;
		text-align: center;
	}

/* classe para posicionar o botão */
	.banner-imagem button{
		position: absolute;
		top: 80%;
		left: 45%;
		width: 150px;
		height: 40px;
		padding: 0px;
		border: 0 none;
	}

/* classe para formatar o botão */
	.botao_banner{
		width: 600px;
		height: 790px;
		color: white;
		background: #A6A4A4;
		font-size: 16px;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		border-radius: 5px;
	}

	.botao_banner:hover{
		background: #6a6a6a;
	}

/* estrutura colunas */

	.estrutura1_coluna{
		padding-top: 10px;
		text-align: center;
	}

	.estrutura3_colunas{
		padding-top: 0px;
		text-align: center;
		padding-left: 30px;
		padding-right: 30px;
	}

	.estrutura2_colunas{
		padding-left: 30px;
		padding-right: 30px;
		text-align: center;
	}

	.estrutura2_colunas_equipa{
		padding-left: 200px;
		padding-right: 200px;
		text-align: center;
	}
	
	.estrutura2_colunas_footer{
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 30px;
		padding-bottom: 20px;
		text-align: left;
	}

	.estrutura2_colunas_projetos{
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}

	.estrutura2_colunas_contactos{
		padding-left: 60px;
		padding-right: 60px;
		text-align: center;
	}

	.colunacentral{
		background-color: white;
		padding: 0px;
		width: 100%;
		float: left;
	}

	.colunacentral2{
		background-color: white;
		padding-left: 50px;
		padding-right: 50px;
		width: 100%;
		float: left;
	}

	.estrutura3_colunas_equipa{
		padding-top: 0px;
		padding-left: 80px;
		padding-right: 80px;
		text-align: center;
	}

/* formatação colunas */

	.esquerda33{
		width: 33%;
		float: left;
	}

	.central34{
		width: 34%;
		float: left;
	}
	.direita33{
		width: 33%;
		float: left;
	}

	.coluna50_esq{
		width: 60%;
		float: left;
	}

	.coluna50_dir{
		width: 40%;
		float: left;
	}

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

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

	.coluna_esq_projetos_40{
		width: 40%;
		float: left;
		text-align: left;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		line-height: 20px;
	}

	.coluna_dir_projetos_60{
		width: 60%;
		float: left;
		padding-left: 20px;
		padding-right: 20px;
	}

	.coluna_esq_projetos_60{
		width: 60%;
		float: left;
		padding-left: 20px;
		padding-right: 20px;
	}

	.coluna_dir_projetos_40{
		width: 40%;
		float: left;
		text-align: right;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		line-height: 20px;
	}

	.esquerda_equipa{
		width: 33%;
		float: left;
	}

	.central_equipa{
		width: 33%;
		float: left;
	}

	.direita_equipa{
		width: 33%;
		float: left;
	}

	.col_esq_footer{
		width: 50%;
		float: left;
		line-height: 25px;
	}

	.col_dir_footer{
		width: 50%;
		float: left;
		text-align: right;
		line-height: 12px;
		font-size: 14px;
	}

/* formatação footer */
	.rodape{
		background-color: black;
		color: white;
		text-align: center;
		padding: 10px;
		margin-top: 6px;
		font-size: 12px;
		}
	
	.text_footer{
		color: white;
		line-height: 30px;
	}

	.link_footer{
		line-height: 18px;
		font-size: 13px;
		color:#A6A4A4;
		text-decoration-color: #A6A4A4;
		}

/* formulário contactos */
	*{
		box-sizing: border-box;
	}
	
	.formulario{
		border-radius: 5px;
		background-color: #FFFFFF;
		padding-right: 100px;
		padding-left: 100px;
		padding-top: 0px;
		text-align: center;
	}
	
	.coluna25{
		width: 15%;
		float: left;
	}

	.coluna75{
		width: 85%;
		float: left;
		margin-top: 10px;
	}

	.coluna50{
		width: 50%;
		float: left;
		margin-top: 5px;
	}

	.linha:after{
		content: "";
		display: table;
		clear: both;
		padding-top: 10px;
	}

	@media screen and (max-width:650px){
			.coluna25, .coluna75, .coluna50, input[type=submit]
			{
				width: 100%;
				margin-top: 20px;
			}
	}

	input[type=text], input[type=email], select, textarea
	{
		width: 100%;
		padding: 12px;
		border: 1px solid #A6A4A4;
		border-radius: 5px;
		resize: vertical;
	}
	label{
		padding: 12px;
		display: inline-block;
	}

	input[type=text], input[type=email], select, textarea
	{
		width: 100%;
		padding: 12px;
		border: 1px solid #A6A4A4;
		border-radius: 5px;
		resize: vertical;
	}

	input[type=submit]{
		background-color: #A6A4A4;
		color: #FFFFFF;
		padding: 10px 20px;
		border: none;
		border-radius: 5px;
		float: right;
		font-size: 14px;
	}

	input[type=submit]:hover{
		background-color: #6a6a6a;
	}
		
		
	@media only screen and (max-width:650px){
		.esquerda33, .central34, .direita33, .coluna50_esq, .coluna50_dir, .esquerda_equipa, .central_equipa, .direita_equipa, .coluna50_esq_equipa, .coluna50_dir_equipa, .col_esq_footer, .col_dir_footer, .coluna_esq_projetos_40, .coluna_dir_projetos_60, .coluna_dir_projetos_40, .coluna_esq_projetos_60
				{
					width: 100%;
				}
			}

	@media screen and (max-width:1200px){
		.esquerda33, .central34, .direita33, .coluna50_esq, .coluna50_dir, .esquerda_equipa, .central_equipa, .direita_equipa, .coluna50_esq_equipa, .coluna50_dir_equipa, .col_esq_footer, .col_dir_footer, .coluna_esq_projetos_40, .coluna_dir_projetos_60, .coluna_dir_projetos_40, .coluna_esq_projetos_60
				{
					width: 100%;
				}
			}