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

#div_centro{
	margin-top:75px;
	margin-bottom:20px;
}

#msg_chamativa{
	width:100%;
	height:150px;
	margin-bottom:10px;
	text-indent:10%;
	letter-spacing:4px;
	font-size:40px;
	line-height:150px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	background-color:#20A6DC;
	color:#FFFFFF;
	display:inline-block;
}

#contacte_nos{
	width:100%;
	float:left;
	margin-top:2%;
	display:inline-block;
}

#visite_nos{
	width:100%;
	margin-top:2%;
	float:left;
	display:inline-block;
}

#visite_nos, #contacte_nos{
	margin-top:25px;
}

	#contacte_nos h1, #visite_nos h1{
		color:#464646;
		margin-left:10%;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	.tabela{
		border:0;
		width:80%;
		margin-left:10%;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	.text_left, .text_right{
		font-size:13px;
		letter-spacing:1px;
	}
	
	.text_left{
		width:10%;
		color:#464646;
		text-align:right;
		vertical-align:middle;
		font-weight:bold;
		padding-right:10px;
		border-right:2px solid #464646;
	}
	
	.text_right{
		width:70%;
		color:#888888;
		font-weight:normal;
		padding-left:10px;
	}

#escrever_nos{
	/*position:absolute;*/
	width:85%;
	color:#464646;
	margin-left:10%;
	margin-top:40px;
	display:inline-block;
}

	.titulos{
		letter-spacing:3px;
		text-transform:uppercase;
		font-size:18px;
		text-align:center;
		width:100%;
	}

	.info{
		background-size:18px 18px;
		background-repeat:no-repeat;
		background-position:top left;
		background-color:transparent;
		font-size:16px;
		letter-spacing:1px;
		margin-top:5px;
		text-indent:25px;
		color:#A0A0A0;
	}

	label{
		font-size:11px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

	#nome, #email, #empresa, #telefone, #mensagem{
		width:94%;
		margin-top:5px;
		margin-bottom:25px;
		text-transform:none;
		height:30px;
		font-size:18px;
		text-indent:10px;
		color:#A0A0A0;
		border:1px solid #1D1D1D;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		letter-spacing:1px;
	}
	
	#nome:focus, #email:focus, #empresa:focus, #telefone:focus{
		background-color: #20A6DC;
		color:#FFFFFF;
	}

	#mensagem{
		height:100px;
		resize:none;
	}
	
	#mensagem:focus{
		color:#FFFFFF;
		background-color: #20A6DC;
	}

	#submeter, #submeter:hover{
		width:30%;
		height:30px;
		font-size:18px;
		text-align:center;
		border:1px solid #A0A0A0;
		cursor:pointer;
	}

	#submeter{
		font-family: 'Open Sans', sans-serif;
		background-color:#A0A0A0;
		color:#FFFFFF;
	}

	#submeter:hover{
		background-color:#FFFFFF;
		color:#A0A0A0;
	}

#avisos, #avisos_ok, #avisos_nok{
	color: #FFFFFF;
	margin-top:20px;
	padding:10px;
	max-width:94%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

	#avisos{
		display:none;
	}

	#avisos_ok, #avisos_nok{
		display:block;
	}

	#avisos_ok{
		border: 1px solid #458B00;
		background-color:#458B00;
	}

	#avisos_nok{
		boder: 1px solid #E41B17;
		background-color: #E41B17;
	}

/*** SOCIAL ***/
#id_social{
	position:absolute;
	text-align:center;
	top:700px;
	height:400px;
	width:100%;
	background-color:red;
}

	.invalid{
		border 1px solid red;
	}

@media (max-width:640px) and (min-width:1px) {
	#msg_chamativa{
		font-size:30px;
		text-align:center;
		text-indent:0;
	}
	
	.tabela{
		margin-bottom:10px;
	}
	
	.text_left, text_right{
		width:75px;
		font-size:10px;
	}
	
}