/* Contato */
#form {
	width:50%;
	display:table;
	float:right;
	font-family:"Asap", Arial, Helvetica, sans-serif;
}
#form input:focus {
	background:none;
	outline:none;
	border-color:#0CB2B2;
}
#form label {
	margin-bottom:5px !important;
}
#form div { margin-top:1.5em;}
#form input[type="text"],
#form textarea {
	width:94%;
	padding: 3%;
	border: 1px solid #CCC;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(border-radius.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

#form select {
	width:100%;
	padding: 3%;
	border: 1px solid #CCC;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(border-radius.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	font-size:14px;
}

#form div.c50 {
	width:48%;
	float:left;
	display:table;
}


#formSimulator {
	width:100%;
	display:table;
	float:right;
	font-family:"Asap", Arial, Helvetica, sans-serif;
}
#formSimulator input:focus {
	background:none;
	outline:none;
	border-color:#0CB2B2;
}
#formSimulator label {
	margin-bottom:5px !important;
}
#formSimulator div { margin-top:1.5em;}
#formSimulator input[type="text"],
#formSimulator textarea {
	width:94%;
	padding: 7%;
	border: 1px solid #CCC;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(border-radius.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

#formSimulator select {
	width:100%;
	padding: 3%;
	border: 1px solid #CCC;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(border-radius.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	font-size:14px;
}

#formSimulator div.c50 {
	width:48%;
	float:left;
	display:table;
	margin-right:1%;
}

#formSimulator div.c25 {
	width:22%;
	float:left;
	display:table;
	margin-right:3%;
}

#simular {
	width:30%;
	color:#FFF;
	border: 0;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px;
	padding:12px 0;
	text-align:center;
	font-size: 15px;
	background-color: #2C99E3;
	float: right;
	margin-top:1em;
	margin-right: 25px;
	border-bottom:solid 3px #069;
}
#simular:hover {
	cursor:pointer;
	background-color: #069;
}
#simular:active {
	border-bottom:0;
}

#add {
	width:20%;
	color:#FFF;
	border: 0;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px;
	padding:12px 0;
	text-align:center;
	font-size: 15px;
	background-color: #2C99E3;
	float: right;
	margin-top:1em;
	margin-right: 25px;
	border-bottom:solid 3px #069;
}
#add:hover {
	cursor:pointer;
	background-color: #069;
}




#nome {
	background: url(../images/icons/icon-user.png) no-repeat 10px center;
}
#box_email {
	width:58%;
	float:left;
	display:table;
}
#box_tel {
	width:40%;
	float:right;
	display:table;
}
#email{
	background: url(../images/icons/icon-email.png) no-repeat 10px center;
}
#telefone {
	background: url(../images/icons/icon-tel.png) no-repeat 10px center;
}
#assunto {
	background: url(../images/icons/icon-assunto.png) no-repeat 10px center;
}
#mensage {
	width:97%;
}
.error {
	color:#F00 !important;
	font-size:1.2em !important;
}
#mensagem label.error{ float:left;}
#enviar {
	width:35%;
	color:#FFF;
	border: 0;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px;
	padding:12px 0;
	text-align:center;
	font-size: 15px;
	background-color: #0CB2B2;
	float: right;
	margin-top:1em;
	border-bottom:solid 3px #007B77;
}
#enviar:hover {
	cursor:pointer;
	background-color: #0A9898;
}
#enviar:active {
	border-bottom:0;
}

#font_sucesso {
	font-family:"asapregular", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:15px;
}
/* Tablet Portrait (768px) */
@media screen and (max-width: 768px) {
	#nome, #email, #telefone, #mensagem, #assunto {
		padding-top:2%; padding-right:2%; padding-bottom:25;
	}
	#box_email {
		width:100%;
	}
	#nome, #telefone, #email, #assunto {width:88%;}
	#mensagem {
		width:92%;
	}
	#box_tel {
		width:100%;
		float:left;
	}
	


}
@media screen and (max-width: 600px) {
	#form, .infoContato {
		width:100%;
	}
}
/* Phone Landscape (480px) */
@media screen and (max-width: 480px) {
	#nome, #email, #telefone, #mensagem, #assunto {
		background:none;
		padding:2%;
		width:90%;
	}
	#enviar { width:100%; float:left;}
}