*{ margin: 0px; padding: 0px } #contato-rapido{ position: absolute; background-repeat: no-repeat; width: 321px; height: 412px; } #texto-contato{ font-family: "verdana"; font-size: 14px; color: #666; } .titulo{ position: absolute; font-family: "arial"; font-weight:bold; font-size: 20px; color: #a11726; width: 250px; height: 20px; top: 0px; left: 381px; } #botao{ color: #a11726; position: absolute; top:230px; left: 411px; width: 72px; height: 23px; } #b-nome{ position: absolute; border: none; width: 350px; height: 20px; top:30px; left:130px; background: transparent; border: 2px solid #a11726; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow:0 0 8px #ffffff; -moz-box-shadow: 0 0 8px #ffffff; box-shadow:0 0 8px #ffffff; } #b-email{ position: absolute; border: none; border: none; width: 350px; height: 20px; top:60px; left:130px; background: transparent; border: 2px solid #a11726; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow:0 0 8px #ffffff; -moz-box-shadow: 0 0 8px #ffffff; box-shadow:0 0 8px #ffffff; } #b-tel{ position: absolute; border: none; width: 350px; height: 20px; top:90px; left:130px; background: transparent; border: 2px solid #a11726; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow:0 0 8px #ffffff; -moz-box-shadow: 0 0 8px #ffffff; box-shadow:0 0 8px #ffffff; } #b-assunto{ position: absolute; border: none; width: 350px; height: 20px; top:120px; left:130px; background: transparent; border: 2px solid #a11726; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow:0 0 8px #ffffff; -moz-box-shadow: 0 0 8px #ffffff; box-shadow:0 0 8px #ffffff; } #b-comentario{ position: absolute; border: none; width: 350px; height: 70px; top:150px; left:130px; background: transparent; border: 2px solid #a11726; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow:0 0 8px #ffffff; -moz-box-shadow: 0 0 8px #ffffff; box-shadow:0 0 8px #ffffff; } #nome{ position: absolute; border: none; width: 80px; height: 20px; top:30px; left:40px; text-align: right; } #e-mail{ position: absolute; border: none; border: none; width: 80px; height: 20px; top:60px; left:40px; text-align: right; } #tel{ position: absolute; border: none; width: 80px; height: 20px; top:90px; left:40px; text-align: right; } #assunto{ position: absolute; border: none; width: 80px; height: 70px; top:120px; left:40px; outline: medium none; text-align: right; } #mensagem{ position: absolute; border: none; width: 80px; height: 70px; top:150px; left:40px; outline: medium none; text-align: right; }
Formulário