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

*{margin:0px; padding:0px;}


.formulario{position:relative; width:90%; padding-left:1.5%; margin-top:0.1em; padding-bottom:1.4em; /*background-color: #0D4B75;* border-radius:6%;*/ font-size:1.35em; text-align:left;  background: #FFF url('../imgs/fundo-form.jpg') no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

.texto{float:left; width:100%; height:20px; /*padding-left:10px; padding-top:0;*/ text-align:center; }
.campo{ float:left; padding-top:28px; padding-bottom:5px; margin-left:10px; width:46.5%; }
.butonazul {width: 220px; height: 40px; font-size: 1.2em; color: #fff; background-color: #4CE59B; margin-left:1.87%;  margin-top:-5em;}
.butonamarelo {width: 90px; height: 33px; font-size: 1.2em; background-color: #ffcf69; }
.formulario p{padding-left:0px; float:left; padding-top:5px;} 
.campo1 {float: left; width: 98%; height:42px; padding-top:2px; padding-left:5px; font-size:0.9em;}
.campo2 {float: left; width: 98%; height:42px; padding-top:2px; padding-left:5px; font-size:0.9em;}
.textarea {width: 98%; height:62px; font-size:0.9em; padding-top:8px; padding-left:5px;}
/* 
.textarea {width: 81.5%; height:110px; font-size:1.13em; padding-top:8px; padding-left:5px; margin-left:10px;} */
.sucesso{width:900px; height:200px; padding-left:100px; padding-top:30px;}

.box_form {position:relative; width:100%; height:990px; margin:0.5em 0; text-align:center; }

@media screen and (max-width: 1260px) {
.butonazul {width: 45.5%;}}

@media screen and (max-width: 1000px) {
.butonazul {margin-top:0.5em;}
.campo1,.campo2,.textarea,.butonazul {width: 95%;}
.campo{width:100%;}}

@media screen and (max-width: 899px) {
.formulario{width:100%; padding-left:0.2%;}
.formulario_2 {width:91.5%; }}

@media screen and (max-width: 810px) {
.formulario {width:70%; margin-left:17%;}}

@media screen and (max-width: 700px) {
.formulario_2 {width:92%; }}

@media screen and (max-width: 590px) {
.formulario {width:96%; margin-left:2%;}}

@media screen and (max-width: 550px) {
.formulario_2 { width:93%; }}

/*@media screen and (max-width: 500px) {
.formulario{ width:94%; margin-top:8em; }}*/

@media screen and (max-width: 400px) {
.formulario{ margin-top:3em; }}

@media screen and (max-width: 380px) {
.formulario_2 { width:94.5%; font-size:1.1em; }}

@media screen and (max-width: 330px) {
.formulario_2 {font-size:0.95em; }}