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

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


.formulario{position:relative; width:72%; padding-left:9.5%; margin-top:11em; padding-bottom:4em; background-color: #0D4B75; /*float:left; marging-left: text-align:left;*/ font-size:1.8em; text-align:left; }
.formulario_2 {position:relative; width:85%; padding-left:9.5%; margin-top:4.6em; padding-bottom:4em; background-color: #0D4B75; /*float:left; marging-left: text-align:left;*/ font-size:1.8em; text-align:left; }

.texto{float:left; width:100%; height:20px; /*padding-left:10px; padding-top:0;*/ text-align:center; }
.campo{ float:left; padding-top:8px; padding-bottom:5px; margin-left:10px; width:90%; }
.butonazul {width: 90px; height: 40px; font-size: 1.5em; color: #fff; background-color: #01A9DB; margin-left:37%;}
.butonamarelo {width: 90px; height: 33px; font-size: 1.2em; background-color: #ffcf69; }
.formulario p{padding-left:0px; float:left; padding-top:5px;} 
.campo1 {width: 90%; height:30px; padding-top:2px; padding-left:5px; font-size:1.7em;}
.campo2 {width: 70%; height:30px; padding-top:2px; padding-left:5px; font-size:1.7em;}
.textarea {width: 90%; height:110px; font-size:1.7em; padding-top:8px; padding-left:5px;}
.sucesso{width:900px; height:200px; padding-left:100px; padding-top:30px;}

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

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

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