@charset "utf-8";
/* CSS Document */
form.contato {width:100%; height:auto; float:left; color:#CCC}
form.contato input { background-color:#373435;
					 border:0;
					color:#CCC;
					font-size:100%;
					font-weight:300;
					width:100%;
					height:auto;
					padding:10px 10px;
					margin:0 0 10px 0}

form.contato textarea { background-color:#373435;
					 border:0;
					width:100%;
					height:80px;
					color:#ccc;
					font-size:100%;
					margin-bottom:10px;
					font-weight:300;
					padding:10px 10px}
					
form.contato button {cursor:pointer;
					background:none;
					color:#FFF;
					border:0px;
					float:right;
					font-size:112.5%;
					text-transform:uppercase;
					font-weight:700;
					margin:50px 0 0 0;}
form.contato button:hover {color:#0098DA;}
			
form.contato p {font-size:87.5%}		
form.contato img {float:left; border:1px solid #CCC; margin-right:5px;}

form.contato a {color:#FFF; text-decoration:none;}
form.contato a:active {color:#FFF; text-decoration:none;}
form.contato a:visited {color:#FFF; text-decoration:none;}
form.contato a:hover {color:#0098DA; text-decoration:none;}

form.contato ::-webkit-input-placeholder {color:#666;}
form.contato :-moz-placeholder {color:#666;}


@media only screen and (min-width:769px) and (max-width:992px) {
form.contato button {width:100%;}
form.contato a {cursor:pointer; background:#000; color:#FFF;	float:left;	font-size:125%;	padding:10px 15px; text-transform:uppercase; font-weight:700; width:100%; margin:20px 0; text-align:center}
form.contato a:hover {background:#666; text-decoration:none;}

form.newsletter input {width:32%; margin-bottom:5px;}
form.newsletter select {width:32%; margin-bottom:5px;}
form.newsletter select.uf {width:32%;}
form.newsletter button{color:#FFF; margin-top:0px; font-size:16px; background:#000; width:100%; padding:5px 0}
	
}
/* Estilo para tablet */
@media only screen and (min-width:481px) and (max-width:768px) {
form.contato button {width:100%;}
form.contato a {cursor:pointer; background:#000; color:#FFF;	float:left;	font-size:125%;	padding:10px 15px; text-transform:uppercase; font-weight:700; width:100%; margin:20px 0; text-align:center}
form.contato a:hover {color:#000; text-decoration:none; background:#0098DA}

form.contato button {cursor:pointer;
					background:#0098DA;
					margin:0 0;
					padding:10px 15px;}
form.contato button:hover {background:#000;}
}
/* Estilo para smartphone */
@media only screen and (min-width:0px) and (max-width:480px) {
form.contato button {width:100%;}
form.contato a {cursor:pointer; background:#000; color:#FFF;	float:left;	font-size:125%;	padding:10px 15px; text-transform:uppercase; font-weight:700; width:100%; margin:20px 0; text-align:center}
form.contato a:hover {background:#666; text-decoration:none;}

form.contato button {cursor:pointer;
					background:#0098DA;
					margin:0 0;
					padding:10px 15px;}
form.contato button:hover {background:#000;}
}