Formulário com envio

<section class="topo-materia cor-primaria visivel-desktop" style="font-family: "Trebuchet MS", "Unimed Sans", Arial; color: rgb(0, 153, 93) !important;">
<div class="colunas-topo titulo-noticia ">
<h2 class="cor-primaria" style="font-family: UnimedSlab-SemiBold; font-size: 2.5em; line-height: 1.1em !important; color: rgb(0, 153, 93) !important;">Conheça a Ouvidoria da Unimed Norte Capixaba</h2>
</div>
</section>

<section class="corpo-chamada-viver-bem" style="color: rgb(91, 92, 101); font-family: "Trebuchet MS", "Unimed Sans", Arial;">
<section class="cor-viver-bem-cinza">
<p align="center">&nbsp;</p>

<p align="justify">Saber ouvir é uma virtude que cultivamos para garantir a satisfação de nossos clientes. Apostamos sempre no diálogo e na compreensão, por isso, além dos canais de relacionamento que já disponibilizamos, temos também a Ouvidoria. Esse serviço foi criado para conferir ainda mais a qualidade ao atendimento que oferecemos a você, cliente. A Ouvidoria é um canal de comunicação de segunda instância, ou seja, se a reposta apresentada pelos canais de primeira instância não tenham sido satisfatórias, a Ouvidoria estará à disposição.</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center"><span style="color: rgb(255, 140, 0);"><span style="font-size: 16px;"><strong>Conheça os canais de atendimento de primeira instância!</strong></span></span></p>

<p align="justify"><strong>- Central de Atendimento:</strong>&nbsp;O telefone é a primeira opção para falar com a Unimed Norte Capixaba, pelo número 0800 645&nbsp;4090.</p>

<p align="justify"><strong>- Fale Conosco:</strong>&nbsp;No menu "Fale Conosco" &nbsp;acesse o canal direto para falar com a Cooperativa.</p>

<p align="justify"><strong>- Caixa de Sugestão:</strong>&nbsp;Nas Lojas de Atendimento e em nossos Recursos Próprios, o cliente tem um espaço para dar sugestões por escrito.</p>

<p align="justify"><strong>- Atendimento Presencial:</strong>&nbsp;Caso queira entrar em contato com a cooperativa, basta procurar uma das Lojas de Atendimento ou Central de Relacionamento, de segunda à sexta-feira das 7h30&nbsp;às 17h30. Consulte o endereço em nosso site.</p>

<p align="justify">&nbsp;</p>

<p style="text-align: center;">&nbsp;</p>

<p style="text-align: center;"><span style="color: rgb(255, 140, 0);"><span style="font-size: 16px;"><strong>Como entrar em contato com a Ouvidoria?</strong></span></span></p>

<p align="justify">Você, cliente, pode entrar em contato preenchendo&nbsp;o formulário abaixo.</p>

<p align="justify">Existe também o contato por correspondência através do endereço &nbsp;Avenida&nbsp;Augusto Calmon, n°2050, Colina, Linhares&nbsp;- ES, Cep: 29.900-060. O cliente deverá informar seu número de protocolo adquirido em um de nossos canais de relacionamentos.</p>

<p align="center">&nbsp;</p>

<p align="center"><strong style="color: rgb(255, 140, 0); font-size: 16px;">Fique atento às informações e conte sempre com a Unimed Norte&nbsp;Capixaba para esclarecer suas dúvidas!</strong></p>

<p align="center">&nbsp;</p>
</section>
</section>

<form action="/sendemail?formulario=Ouvidoria&amp;destinatario=ouvidoria@unimednc.com.br" class="form-cked" data-method="POST" data-toemail="false" enctype="application/x-www-form-urlencoded" method="POST" name="Ouvidoria" onsubmit="return validateForm(this);">
<p>&nbsp;</p>

<p><font face="tahoma, arial, helvetica, sans-serif" style="color: rgb(0, 0, 0);"><span style="font-size: 12px;">Códico do Cartão:</span></font><span style="color: rgb(0, 0, 0);"><input name="Códico do Cartão" onkeypress="return validarMascara(this, event);" required="required" type="numerico" /></span></p>

<p><span style="color: rgb(0, 0, 0); font-family: tahoma, arial, helvetica, sans-serif; font-size: 12px;">Número do Protocolo: </span><input name="Número do Protocolo:" onkeypress="return validarMascara(this, event);" required="required" type="numerico" /></p>

<p><span style="color: rgb(0, 0, 0); font-family: tahoma, arial, helvetica, sans-serif; font-size: 12px;">Telefone de Contato:<input name="Telefone de Contato:" onkeypress="return validarMascara(this, event);" required="required" type="tel" /></span></p>

<p><span style="color: rgb(0, 0, 0); font-family: tahoma, arial, helvetica, sans-serif; font-size: 12px;">E-mail: <input name="E-mail:" onkeypress="return validarMascara(this, event);" required="required" type="email" /></span></p>

<p><font face="tahoma, arial, helvetica, sans-serif"><span style="font-size: 12px;">Motivo do contato: <select name="Motivo"><option selected="selected" value="">Elogios</option><option selected="selected" value="">Sugestões</option><option selected="selected" value="">Consultas</option><option selected="selected" value="">Reclamações</option></select></span></font></p>

<p><span style="color: rgb(0, 0, 0); font-family: tahoma, arial, helvetica, sans-serif; font-size: 12px;">Descrição:&nbsp;</span></p>

<p>;<span style="color: rgb(0, 0, 0); font-family: tahoma, arial, helvetica, sans-serif; font-size: 12px;"><textarea cols="5" name="Descrição:" rows="5"></textarea></span></p>

<p><input name="Enviar" type="submit" /><input name="Limpar" type="reset" /></p>
<script src="https://www.unimed.coop.br/html/js/editor/ckeditor/plugins/forms/formvalidate.js" type="text/javascript"></script></form>

<p>&nbsp;</p>

Toscosan, não sei entendi tua dúvida muito bem. Esse código que você postou é o código da imagem do primeiro post?

Porque senão, pra fazer um isso é necessário um design criar o estilo (style/css) pra fazer isso.

Queria um formulário idêntico ao da sul capixaba, mais com o png da norte capixaba.

A duvida é como coloca uma imagem de fundo e organiza o resto do formulário em cima.