@charset "utf-8";
/* CSS Document */
form.contato {width:100%; height:auto; float:left; color:#333}
form.contato input { background-color:#FFF;
					 border:0;
					 border-left:5px solid #01416D;
					color:#000;
					font-size:100%;
					margin-bottom:5px;
					font-weight:300;}

form.contato textarea { background-color:#FFF;
					 border:0;
					 border-left:5px solid #01416D;
					width:100%;
					height:140px;
					color:#000;
					font-size:100%;
					margin-bottom:15px;
					font-weight:300}
					
form.contato button {cursor:pointer;
					background:#01416D;
					color:#FFF;
					border:0px;
					float:right;
					font-size:100%;
					padding:10px 15px;
					text-transform:uppercase;
					font-weight:700}
					
form.contato button:hover {background:#000;}
form.contato img {float:left; border:1px solid #CCC; margin-right:5px;}

form.contato a {color:#000; text-decoration:none;}
form.contato a:active {color:#000; text-decoration:none;}
form.contato a:visited {color:#000; text-decoration:none;}
form.contato a:hover {color:#000; text-decoration:underline;}

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

form.contato .row {margin-bottom:20px;}


form.representantes {width:210px; float:left; margin-top:20px;}
form.representantes select {width:138px;border:1px solid #D4D4D4; background: #E6E6E6; color:#25244E;-moz-border-radius: 5px;-webkit-border-radius: 5px; height:30px; padding-left:5px; padding-right:5px;}
form.representantes select.uf {width:53px;border:1px solid #D4D4D4; background: #E6E6E6; color:#25244E;-moz-border-radius: 5px;-webkit-border-radius: 5px; height:30px; padding-left:5px; padding-right:5px;}

form.representantes2 {width:350px; float:left;}
form.representantes2 select {width:138px;border:1px solid #D4D4D4; background: #E6E6E6; color:#25244E;-moz-border-radius: 5px;-webkit-border-radius: 5px; height:30px; padding-left:5px; padding-right:5px;}
form.representantes2 select.uf {width:53px;border:1px solid #D4D4D4; background: #E6E6E6; color:#25244E;-moz-border-radius: 5px;-webkit-border-radius: 5px; height:30px; padding-left:5px; padding-right:5px;}

form.newsletter {width:100%; float:left; margin:0 0}
form.newsletter input {width:20%;border:1px solid #D4D4D4; background: #E6E6E6; color:#999999; height:auto; padding:5px 5px;}
form.newsletter select {width:16%;border:1px solid #D4D4D4; background: #E6E6E6; color:#999999; height:auto; padding:5px 5px;}
form.newsletter select.uf {width:10%;border:1px solid #D4D4D4; background: #E6E6E6; color:#999999; height:auto; padding:5px 5px;}
form.newsletter button{cursor:pointer;border:0; color:#FFF; background:#000; float:right; padding:5px 10px;}
form.newsletter button:hover {color:#FFF; background:#666;}

::-webkit-input-placeholder {color:#999;}

:-moz-placeholder {color:#999;}

@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 {background:#666; text-decoration:none;}

form.representantes {width:100%;}
form.representantes select {width:68%; float:right;}
form.representantes select.uf {width:30%; float:left}

form.newsletter input {width:33%; margin-bottom:5px; border:none;}
form.newsletter select {width:33%; margin-bottom:5px; border:none;}
form.newsletter select.uf {width:33%; border:none;}
form.newsletter button{color:#FFF; margin-top:0px; font-size:16px; background:#000; width:100%; padding:5px 0;}

form.contato .row {margin-bottom:0px;}
}
/* 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.newsletter input {width:100%; margin-bottom:5px;}
form.newsletter select {width:100%; margin-bottom:5px;}
form.newsletter select.uf {width:100%;}
form.newsletter button{color:#FFF; margin-top:0px; font-size:16px; background:#000; width:100%; padding:5px 0}

form.contato .row {margin-bottom:0px;}
}