@charset "utf-8";

@media (min-width: 240px) and (max-width: 3500px) {
  
  body {color: #999;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;text-align:center}
  h2 {font-size:22px;display:block;font-weight:normal;color:#2c2c2c;margin:75px 0 4px;text-align:center;}
  h3 {font-size:16px;display:block;margin:0px 0 50px;text-align:center;font-weight:normal}
  .separacao {margin:2px 0;float:left;width:100%;} table {width:100%;margin:10px 0 0 0;}
  
  .nome, .email, .telefone, .assunto {line-height:18px;display:block;padding: 15px 0 15px 0;text-indent:49px;}
  .nome {background: url("images/icon-nome.png") no-repeat scroll 15px center #e9e9e9;} .email {background: url("images/email.png") no-repeat scroll 15px center #e9e9e9;}
  .telefone {background: url("images/telefone.png") no-repeat scroll 15px center #e9e9e9;} .assunto {background: url("images/assunto.png") no-repeat scroll 21px center #e9e9e9;}
  .mensagem {background: url("images/mensagem.png") no-repeat scroll 15px 14px #e9e9e9;line-height:9px;padding: 15px 0 15px 0;text-indent:48px;margin:-11px 0 0 0 !important;}
  label input {background:#464646;padding: 15px 0 15px 0;border:1px solid #bebebe;text-indent:15px;margin:5px 0 0 0 !important;}
  input#captcha {background:#e9e9e9;border:1px solid #e9e9e9;padding:6px;margin:8px 0 0 0;}

  /* FORMATANDO INPUT, SELECT E TEXTAREA */
  input, textarea, select {border-radius:0;color:#535353;width:100%;background:#888;text-indent:20px;border:none;padding:15px 0;text-align:left;font-size:17px;margin:0;transition:all 0.2s ease-in 0.1s;}
  
  textarea {height:110px;overflow: auto;font-family:Verdana, Arial, Helvetica, sans-serif;}
  #enviar {text-indent:0;font-size:15px !important;transition:all 0.4s ease-in 0.1s;text-align:center;width:130px;height:44px;background:#363690 !important;color:#fff !important;padding:4px 8px !important;text-decoration:none !important;font-family:Roboto;}
  #enviar:hover {transition:all 0.4s ease-in 0.1s;background:#ee1c25 !important;color:#fff !important;}
}

@media (min-width: 240px) and (max-width: 414px) {
  
  #form td {display:block;width:100%;} #form tr {display:block;}
  input, textarea, select {margin:0 0 5px 0 !important;}
  #form .tabela1 {margin:0 0 -9px 0;} #form .butoes {margin:3px 0 0 0 !important;width:100% !important;} #form .butoes img {margin:3px 0 0 10px !important;} .butoes input {width:100% !important;} input#captcha {width:90px !important;}
  #form table:nth-child(2) {margin:-4px 0 0;} #form table:nth-child(3) {margin:-5px 0 0 0;} #form table:nth-child(4) {margin:6px 0 0 !important;}

}