/* --------------------------- CONTATO ------------------------------*/
label.error{ color:#CF1518 !important; font-size:14px !important; }

#container_contato{
	width:100%;
	background: -moz-linear-gradient(#E8E8E8, white);
	background: -webkit-linear-gradient(#E8E8E8, white);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(0.5, #E8E8E8), to(white));
	background: -o-linear-gradient(#E8E8E8, white);
	background: linear-gradient(#E8E8E8, white);
}
.cadastro{
    max-width: 1024px;
    margin: 0 auto;
	padding-left:1%;
	margin-top: 1em;
}

.contato{
    max-width:700px;
    margin: 0 auto; 
	padding-left:1%;
	margin-top: 1em;
}

.mapa {
	width:96%;
	margin:0 auto;
	padding:1%;
}

.texto_contato{
	width:96%;
	text-align:left;
	color:#000;
	font-family: 'Roboto', Arial, Helvetica, sans-serif; 
	font-size:2.2em;
	font-weight:500;
	float:left;
	padding:1% 0;
	margin-top:1em;
	margin-bottom:1em;
}

.texto_contato2{
	width:96%;
	text-align:left;
	color: #025EAB;
	font-size:1.8em;
	font-style:italic;
	float:left;
	padding:1%;
	margin-top:1em;
}

.cadastro .input{
	width:70%;
	background-color: #FFF;
	border:solid 1px #ccc ;
	font-family:"Roboto", Sans-Serif;
	font-size:16px;
	padding:12px;
	margin: 1% 0;
	border-radius:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contato .input{
	width:98%;
	background-color: #FFF;
	border:solid 1px #ccc ;
	font-family:"Roboto", Sans-Serif;
	font-size:16px;
	padding:12px;
	margin: 1% 0;
	border-radius:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.button_enviar{
	border:hidden;
	font-weight:400;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	background-color: #222;
	color: #FFFFFF;
	padding:9px 12px;
	margin: 2% 0;
	cursor:pointer;
	border-radius:5px;

}

.button_enviar:hover{
	background-color: #AD0C00;
}
.msg_contato {
	color:#00713f;
	font-size:1.2em;
}

/* media queries */

@media screen and (max-width: 800px) {
	.cadastro .input{ width:98%; }
	.contato .input{ width:98%; }
}

@media screen and (max-width: 414px) {
	.cadastro { width:92%; padding-left:2%; }
	.contato { width:92%; padding-left:2%; }
	.mapa { width:82%; padding-left:4%; }
	.texto_contato{ font-size:2em; }
}