*{
    margin: 0;
    padding: 0;
}

body{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 90%;
}

/*==============================================================================*/

a{
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #000;
}

a:hover{
    text-decoration: underline;
}

p{
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    font-size: 90%;
    text-align: left;
    color: #000;
}

label,
span{
    margin: 0;
    padding: 0;
    display: block;
    border: none;
    position: relative;
    z-index: 1;
}

label.campo-0{
    width: 560px;
    height: 46px;
}

label.campo-1{
    width: 560px;
    height: 36px;
}

label.label-espaco{
    margin-top: 12px;
}

input{
    margin: 3px 0 0 0;
    padding: 0;
    display: block;
    position: relative;
    border: none;
    width: 368px;
    height: 38px;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Verdana, sans-serif;
    line-height: 38px;
    background: none;
    z-index: 1;
    float: left;
}

textarea{
    margin: 0 0 0 12px;
    padding: 5px 0 0 3px;
    display: block;
    position: relative;
    border: none;
    width: 525px;
    height: 180px;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Verdana, sans-serif;
    overflow: auto;
    background: none;
    float: left;
}

.texto-grande{
    font-size: 24px;
    line-height: 33px;
}

.texto-medio{
    font-size: 16px;
}

.texto-peq{
    font-size: 12px;
}



/*==============================================================================*/



.prcl{
    margin: 0 auto;
    padding: 0;
    width: 1024px;
}

.contato{
    margin: 0;
    padding: 0;
    width: 1024px;
    float: left;
}

.top{
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    border: none;
    z-index: 1;
    width: 1024px;
    height: 203px;
    background: url("../imagens/contato/topo.png") center left no-repeat;
    float: left;
}

a.link-logo-reativo{
    display: block;
}

div.logo-reativo{
    margin: 44px 0 0 17px;
    padding: 0;
    border: none;
    display: block;
    position: relative;
    z-index: 1;
    width: 295px;
    height: 110px;
    background: url("../imagens/contato/logo-reativo.png") 0 0 no-repeat;
    float: left;
}

/*========================== Teste de Imagem ===============================================*/
.top-1{
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    border: none;
    z-index: 1;
    width: 1024px;
    height: 203px;
    background: url("../imagens/contato/topo-1.png") center left no-repeat;
    float: left;
}

a.link-logo-reativo-1{
    display: block;
}

div.logo-reativo-1{
    margin: 31px 0 0 0;
    padding: 0;
    border: none;
    display: block;
    position: relative;
    z-index: 1;
    width: 345px;
    height: 153px;
    background: url("../imagens/contato/logo-reativo-1.png") 0 0 no-repeat;
    float: left;
}

.top-2{
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    border: none;
    z-index: 1;
    width: 1024px;
    height: 203px;
    background: url("../imagens/contato/topo-2.png") center left no-repeat;
    float: left;
}

a.link-logo-reativo-2{
    display: block;
}

div.logo-reativo-2{
    margin: 31px 0 0 0;
    padding: 0;
    border: none;
    display: block;
    position: relative;
    z-index: 1;
    width: 345px;
    height: 153px;
    background: url("../imagens/contato/logo-reativo-1.png") 0 0 no-repeat;
    float: left;
}

/*========================== Teste de Imagem ===============================================*/

.middle{
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    border: none;
    width: 1024px;
    float: left;
}

.middle-bcgd{
    margin: 0 0 0 156px;
    padding: 0;
    position: relative;
    border: none;
    display: block;
    z-index: 1;
    width: 664px;
    height: 818px;
    background: url("../imagens/contato/middle-bcgd.png") 0 0 no-repeat;
    float: left;
}

div.textos-1{
    margin: 0 0 0 53px;
    padding: 0;
    border: none;
    position: relative;
    float: left;
}

div.messages{
    margin: 20px 0 0 53px;
    padding: 0;
    border: none;
    position: relative;
    width: 500px;
    height: 15px;
    float: left;
}

div.msg-error{
	margin: 25px 0 0 110px;
    font-size: 16px;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    color: #FF0000;
    float: left;
}

div.msg-correct{
	margin: 25px 0 0 110px;
	font-size: 16px;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    color: #0000FF;
    float: left;
}

div.textos-1 p.fale-conosco-0{
    margin-top: 51px;    
    display: block;
    position: relative;    
    z-index: 1;   
    width: 157px;
    height: 33px;
    float: left;
}

div.textos-1 p.comentario-0{
    clear: left;        
    display: block;
    position: relative;    
    z-index: 1;   
    width: 400px;
    height: 40px;
    float: left;
}

div.textos-1 p.politica-privacidade{
    clear: left;
    margin-top: 15px;    
    display: block;
    position: relative;    
    z-index: 1;   
    width: 156px;
    height: 16px;
    float: left;
}

.formulario-contato{
    clear: left;
    margin: 0 0 0 53px;
    padding: 0;
    display: block;
    position: relative;
    float: left;
}

.in-form-contato{
    margin-top: 15px;
}

.rotulo{
    width: 175px;
    height: 46px;    
    float: left;
}

.rotulo-nome{
    background: url("../imagens/contato/rotulo-nome.png") 0 0 no-repeat;
}

.rotulo-email{    
    background: url("../imagens/contato/rotulo-email.png") 0 0 no-repeat;    
}

.rotulo-telefone{    
    background: url("../imagens/contato/rotulo-telefone.png") 0 0 no-repeat;    
}

.rotulo-celular{    
    background: url("../imagens/contato/rotulo-celular.png") 0 0 no-repeat;    
}

.rotulo-assunto{    
    background: url("../imagens/contato/rotulo-assunto.png") 0 0 no-repeat;    
}

.rotulo-mensagem{
    width: 556px;
    height: 51px;
    background: url("../imagens/contato/rotulo-mensagem.png") 0 0 no-repeat;
    float: left;
}

.bkgd-input{
    margin: 0;
    padding: 0;
    width: 381px;
    height: 46px;
    background: url("../imagens/contato/bkgd-inputs.png") 0 0 no-repeat;
    float: left;
}

.bkgd-textarea{
    margin: 0;
    padding: 0;
    width: 556px;
    height: 193px;
    background: url("../imagens/contato/bkgd-textareas.png") 0 0 no-repeat;
    float: left;
}

.btn-limpar{
    margin: 6px 0 0 71px;
    padding: 0;
    width: 96px;
    height: 36px;
    background: url("../imagens/contato/btn-limpar-over.png") 0 0 no-repeat;
    cursor: pointer;
    float: left;
}

.btn-enviar{
    margin: 6px 0 0 208px;
    padding: 0;
    width: 96px;
    height: 36px;
    background: url("../imagens/contato/btn-enviar-over.png") 0 0 no-repeat;
    cursor: pointer;
    float: left;
}