.contato > div {
  width: 50%;
  float: left;
}
.contato .contatos-localizacao {
  padding-left: 30px;
}
.contato .contatos-localizacao address {
  font-size: 16px;
}
.contato .contatos-localizacao address strong {
  font-size: 18px;
}
.contato .map {
  margin-top: 56px;
}
.contato .form-contato {
  background-color: #ecf0f1;
  display: table;
  padding: 30px
}
.contato .form-contato .input-group {
  width: 100%;
  float: left;
  margin: 0 20px 20px 0
}

.contato .form-contato .input-group input,
.contato .form-contato .input-group select,
.contato .form-contato .input-group.textarea {
  width: 100%
}
.contato .form-contato .input-group.textarea textarea {
  width: 100%;
  height: 170px;
  margin: 0 20px 20px 0
}
.contato .form-contato .btn-group {
  float: right;
  margin-right: 0
}

#mensagem, #loading {
  position: fixed; display: block; top: 0; left: 0; padding: 0; width: 100%; height: 100%;
  background-image: url('/img/admin/bg_transparente.png'); display: none; z-index: 999999;
}
#mensagem #content,
#loading #content {
  position:absolute;
  width:400px;
  height:60px;
  top:50%;
  left:50%;
  margin:-30px 0 0 -200px;
  border-radius: 10px;
  background-color:#8a8a8a;
}
#mensagem #content {
  height: 100px;
  margin:-150px 0 0 -200px;
  padding: 10px;
  text-align: center;
  background-color: #fff;
}
.msg-erro {
  border: solid 1px #ac0101;
  color: red;
  font-weight: bold;
  font-size: 14px;
}
.msg-alerta {
  border: solid 5px yellow;
}
.msg-ok {
  border: solid 5px green;
}
a#fechar-mensagem {
  position: absolute;
  display: table;
  margin: 110px 0 0 180px;
  color: yellow;
  font-weight: bold;
  font-size: 16px;
  background-color: #000;
  padding: 4px 8px;
}
#loading #content {
  background-color: #fff;
  height:50px;
  margin:-25px 0 0 -25px;
  width:50px;
  background: url('/img/admin/ajax-transparent.gif') center center no-repeat;
}

@media only screen and (max-width: 821px) {
  .contato > div {
    width: 100%;
  }
  .contato .contatos-localizacao {
    margin-top: 60px;
  }
}