/*
    Document   : site
    Created on : 01/02/2011, 10:17:28
    Author     : Ricardo
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/****************************** Reset de propriedades gerais ******************************/
ul{
    margin: 0;
    padding: 0;
    border: none;
}
li{
    list-style: none;
    border: none;
}
a{
    text-decoration: none;
    outline: none;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#000;
    font-weight: bold;
    border: none;


}
a:hover{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#006600;
    font-weight: bold;


}

/****************************** Reset de propriedades gerais ******************************/
body{
    border: none;
    /* border: 1px solid chartreuse; */
    background: url(../img/fundo_repet.jpg) center repeat-y;
    padding: 0;
    margin: 0 auto;
    font-family: 'Arial', serif;
    font-size: 13px;
    text-align: justify;
    color: #000000;
}



.texto_paginacao_total{
    display: block;
    text-align: center;
    margin-top: 20px;
}

.texto_paginacao_destaque{
    font-weight: bold;
    font-size: 20px;
    color:#006600;

}
.texto_paginacao a{
    color: #000000;
    margin-bottom: 20px;
}
.texto_paginacao{
    padding-bottom:  40px;
    padding-top: 5px;
}



.titulo{
    font-weight: bold;
    margin-top: 5px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    color:#006600;





}
.titulo2{
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    color:#006600;





}
.titulo_mailing{
    color:#006600;
    font-size: 18px;
    font-family: 'Arial', serif;
    font-weight: bold;


}

.centraliza{
    width: 980px;
    margin: 0 auto;




}

.centraliza_conteudo{

    width: 900px;
    margin:auto;
    padding-top: 0px;
    padding-left: 0px;




}
.clear{
    clear: both;
}

.separador{
    display: block;
    width: 100%;
    height: 30px;
    position: relative;
    float: left;

}

#marca{
    width: 100%;
    height: 80px;    
    float: left;
    margin-top: 25px;
    background: url(../img/logo.png) no-repeat center;
}

/*******************************************************************************
 *                            includes/menu.php                                *
 *******************************************************************************/
#navegacao{
    width: 930px;
    height: 20px;    
    padding-top: 20px;    
}
#menu{
    width: 100%;
    float: left;
    margin-left: -5px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
}

ul#menu li{
    position: relative;
    float:left;
    padding-right: 4.5px;
    color: #fff;
    font-weight: normal;
}

ul#menu #home2{
    color: #bbccc4;
}

ul#menu li a{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
}
ul#menu li a:hover, .hover{
    color:#006600;
}

/* slider */

#slider{
    width: 100%;
    height: 218px;
    float: left;
    background: url('../../img/loading/loading21.gif') no-repeat 50% 50%;
    z-index: 4;
    position: relative;
    overflow: hidden;
}

.slides img {float:left; position:relative; height: 100%;}
.control-paging {width:100%; position: absolute; bottom:10px; left:0; text-align:center; z-index:998; margin-left: 300px;}
.control-paging li {display: inline-block; margin-left:5px; height:15px}
.control-paging li a {display:block; width:15px; height:15px; cursor:pointer; text-indent:-9999px; margin-bottom:5px}
.control-paging li a {background-image: url(../img/slider-branco.png); background-repeat:no-repeat; background-size: contain;}
.control-paging li a.active {background-image: url(../img/slider-branco2.png);}

/*******************************************************************************
 *                            includes/rodape.php                              *
 *******************************************************************************/

#rodape{
    clear: both;
    /*     background: url(../img/rodape.jpg) no-repeat;*/
    height:112px;
    background-color: #3F625E;
    margin-top: 50px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;

}


#rodape #endereco{
    width: 350px !important;
    /*height: 40px !important;*/
    padding-top: 20px;
    position: relative;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;
}
#rodape #endereco2{
	display:none;
    width: 500px !important;
    /*height: 40px !important;*/
    padding-top: 20px;
    position: relative;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;
}
#rodape #fotos{
    position: relative;
    float: left;
    margin-top: 40px;
    margin-left: -60px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;
    font-weight: normal;


}
#rodape #fotos a{

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;
    font-weight: normal;


}
#rodape #fotos a:hover{

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #D3D3D3;
    font-weight: normal;


}

#rodape #marca_ed{
    margin: 9px 0px 0px 0px;
    position: relative;
    float: right;
    width: 150px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}

#rodape #marca_ed #marca_ed_img{
    position: relative;
    float: left;
    width: 17px;
    height: 20px;
    margin: 0px 5px 0px 0;
}

#rodape #marca_ed #marca_ed_texto a{
    position: relative;
    float: left;
    font-size: 13px;
    font-weight: normal;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}

#rodape #marca_ed #marca_ed_texto a:hover{
    color: #D3D3D3;


}


#rodape #links{
    position: relative;
    float: left;
    padding-top: 23px;
    width: 25px;
    height: 20px;
    margin: 0px 5px 0px 5px;
    right: 25px;
}
#face{
    margin-top: 30px;
    margin-left: 20px;
    float: left;
}
#face p{
    float: left;
    margin: 0px;
    margin-top: 10px;
}
#face p a{
    color: #fff;
}



/*******************************************************************************
 *   CAPA - INDEX.PHP - INICIO                                                 *
 *******************************************************************************/




.conteudo1{
    position: relative;
    float: left;
    width: 402px;
    padding-top: 0px;
    margin: 0px 28px 10px 20px;
    text-align: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000;


}

.conteudo1 .cartao {
          margin-top:10px;
}

.conteudo1 .img_cartao{
          margin-top:10px;
          width: 215px;
          height:400px;
          background: url("/img/cartao.png") center no-repeat;          
          background-size: 215px 400px;
}

#conteudo2{
    display: block;
    width: 390px;
    float:left;
    margin-left: 30px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000;
}

#qrcode{
    float:left;
    width: 100px;
    height: 100px;
    background: url("/img/qr-code.png");
    background-size: 100px 100px;
    margin: -2px 40px 0 35px;
}


#icones{
    margin-top: 10px;   
}

#icones a{    
    font-weight: normal;
    display: block;
    height: 25px;
}

#icones img{   
    display: block; 
    width: 22px;
    height: 22px;
    float: left;
    margin-right: 7px;
}

#icones span{
    padding-top: 4px; 
    display: inline-block;
}

.altura{
    height:600px;
    width: 5px;
    /*    background-color: #000;*/
    float: left;
}
.alt{
    height: 70px;

}
.separa{
    height: 20px;
    width: 100px;
    background-color: #000000;
}

/*#imagem{
    margin-top: 10px;
    background-color: #006600;
    width: 180px;
    height: 272px;
}
#descricao{
  display: block;
    float: right;
    margin-top: 26px;
    text-align: center;
    margin-right: 0px;
    background-color: #C7BB00;
    height: 272px;
    width: 218px;

    
}*/

/*#des{
    display: block;
    float: right;
    margin-top: 10px;
    text-align: center;
    margin-right: 0px;
    background-color: #C7BB00;
    height: 84px;
    width: 290px;
    
}*/

#facebook{    
    position:relative;
    margin-top: 15px;
}
#twitter{
    position:relative;
    margin-top: 15px;
}


#leia-mais{
    position: relative;
    float: right;
    display: block;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: bold;
    width: 80px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#000;
    font-weight: bold;



}
#leia-mais:hover{

    color:#006600;




}
#leia-mais-apre{
    position: relative;
    float: right;
    display: block;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: bold;
    width: 80px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#000;
    font-weight: bold;
    margin-top: -30px;



}
#leia-mais-apre:hover{

    color:#006600;




}
#leia-mais2{
    position: relative;
    float: right;
    display: block;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    font-weight: bold;
    width: 80px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#000;
    font-weight: bold;



}
#leia-mais2:hover{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#006600;
    font-weight: bold;



}




a.leia-mais_noticias{
    position: relative;
    float: right;
    display: block;
    margin-top: 20px;
    padding: 5px 0;
    background: url(../img/mais_noticias.jpg) center no-repeat;
    width: 61px;
    height: 15px;
}

a.leia-mais_galerias{
    position: relative;
    float: right;
    display: block;
    margin-top: 20px;
    padding: 5px 0;
    background: url(../img/mais_galerias.jpg) center no-repeat;
    width: 61px;
    height: 15px;  
}



#fundo{
    background: url(../img/fundo.jpg) no-repeat top center;

}
#fundo #topo{
    height: 157px;


}



/*#fundo #topo #menu{
    float: right;
    width: 700px;
    height: 5px;
    padding-top: 60px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #3577b4;

}*/

#fundo #topo #login2{
    display:block;
    margin: 0px 0 0px 0;
    padding: 0px 0px;
    color: #FFFFFF;
    text-decoration:none;
    text-align: center;
    background: URL('../img/fundo_arearestrita.png') repeat-x;
    height: 61px;
    width: 215px;
    float: left;
}

#fundo #conteudo{
    margin-top: 40px;

    /*   z-index: -10; */

}

#fundo #conteudo_nfa{


}

.noticias{
    margin-top: 15px;

}



/*******************************************************************************
 *                            Mailing da CAPA - INICIO                         *
 *******************************************************************************/

input{
    background-color: #E6E7E9;
    border: 1px solid #999999;
    color: #000000;
    font-size: 12px;
    padding-left: 2px;
}
.botao{
    background-color: #999999;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.msg_mailing{
    margin: 10px 0;
    padding: 10px;
    color:#FF0000;
    font-weight: bold;

}
/*******************************************************************************
 *                            Mailing da CAPA - FIM                            *
 *******************************************************************************/



/*******************************************************************************
 *                        NOT�CIAS DA CAPA - INICIO                            *
 *******************************************************************************/

#noticias ul li{
    text-align: left;
    display: block;
    width:360px;
    margin-left: 5px;
    position: relative;
    float: left;
    padding-top: 10px;
    padding-bottom: 50px;

}


/****** DIV do thumb da not�cia *****/
#noticias ul li .thumb_noticia{
    width:11px;
    height:50px;
    float: left;
    margin-right: 120px;

}

#noticias ul li .thumb_noticia img{
    border: none;
    margin-top: 3px;

}


/****** DIV do texto da not�cia *****/
#noticias ul li .capa_texto_noticia{
    float: none;
}


/****** SPAN do t�tulo da not�cia *****/
#noticias ul li .capa_texto_noticia .titulo_noticia{
    /* background-color: #FF0000;*/
    width: 250px;

}

#noticias ul li .capa_texto_noticia .titulo_noticia a{    
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

#noticias ul li .capa_texto_noticia .titulo_noticia a:hover{
    color:#006600;
}


/****** SPAN da chamada da not�cia *****/
#noticias ul li .capa_texto_noticia .chamada_noticia{
    /* background-color: #FFFF00; */
    margin-left: 10px;
    float: left;
    width: 250px;
}

#noticias ul li .capa_texto_noticia .chamada_noticia a{
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

#noticias ul li .capa_texto_noticia .chamada_noticia a:hover{
    color:#006600;
}


/*******************************************************************************
 *                        NOT�CIAS DA CAPA - FIM                            *
 *******************************************************************************/





/*******************************************************************************
 *                        GALERIAS DA CAPA - INICIO                            *
 *******************************************************************************/

#galerias ul li{
    display: block;
    text-align: left;
    width:355px;
    margin-left:0px;
    position: relative;
    float: left;
    padding-top: 0px;
    margin-top: 16px;


}


/****** DIV do thumb da galeria *****/
#galerias ul li .thumb_galeria{
    width:150px;
    height:100px;
    float: left;
    text-align: left;

}

#galerias ul li .thumb_galeria img{
    border: 0px solid gray;
    margin-top: 0px;
    padding-left: 0px;


}


/****** DIV do texto da galeria *****/
#galerias ul li .capa_texto_galeria{
    float: none;
}


/****** SPAN do t�tulo da galeria *****/
#galerias ul li .capa_texto_galeria .titulo_galeria{
    /* background-color: #FF0000; */
    margin-left: 0px;
    float: left;
    width: 190px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #0d477c;

}

#galerias ul li .capa_texto_galeria .titulo_galeria a{
    display: block;
    font-size: 16px;
    color: #0d477c;
}

#galerias ul li .capa_texto_galeria .titulo_galeria a:hover{
    color: #4187C7;


}


/****** SPAN da chamada da galeria *****/
#galerias ul li .capa_texto_galeria .chamada_galeria{
    /* background-color: #FFFF00; */
    margin-left: 0px;
    float: left;
    width: 250px;
}

#galerias ul li .capa_texto_galeria .chamada_galeria a{
    font-size: 12px;
    font-weight: normal;
    color: #0d477c;
}

#galerias ul li .capa_texto_galeria .chamada_galeria a:hover{
    color: #4187C7;
}


/*******************************************************************************
 *                        GALERIAS DA CAPA - FIM                            *
 *******************************************************************************/





/*******************************************************************************
 *  CAPA - INDEX.PHP - FIM                                                     *
 *******************************************************************************/








/*******************************************************************************
 *   SEGUNDO NIVEL - INDEX2.PHP - INICIO                                       *
 *******************************************************************************/


.conteudo2{
    position: relative;
    /* background-color: #000000;*/
    float: left;
    width: 850px;

    padding: 0px 0px;
    margin: 10px 28px 30px 25px;
}

.titulo_segundo_nivel{
    font-weight: bold;
    margin-top: 5px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #0d477c;


}


#fundo2{
    background: url(../img/fundo2.jpg) no-repeat top center;
}

#fundo2 #topo{
    height: 60px;
}



#fundo2 #topo #animacao{
    position: relative;
    float: left;
    width: 300px;
    height: 170px;
}

#fundo2 #topo #login2{
    display:block;
    margin: 0px 0 0px 0;
    padding: 0px 0px;
    color: #FFFFFF;
    text-decoration:none;
    text-align: center;
    background: URL('../img/fundo_arearestrita.png') repeat-x;
    height: 61px;
    width: 215px;
    float: left;
}

#fundo2 #conteudo{
    margin-top: 230px;
    /*   z-index: -10; */
    /*   background-color: #000;*/
    height: 300px; /* CONFIGURA A ALTURA MINIMA DA DIV DE CONTEUDO */
}




/*******************************************************************************
 *                        NOT�CIAS SEGUNDO NIVEL - INICIO                      *
 *******************************************************************************/


/* exibe a noticia no segundo nivel */

#noticias_segundo_nivel_exibe{
    margin-top: 20px;

}

#noticias_segundo_nivel_exibe .titulo_noticia{
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    padding-bottom: 5px;
    display: block;    
}

#noticias_segundo_nivel_exibe .img_noticia{
    border: 0px solid gray;
    float: left;
    margin-right: 5px;
    margin-bottom: 3px;
}

#noticias_segundo_nivel_exibe .texto_noticia{
    text-align: justify;
    margin-bottom: 30px;
    /* background-color: #000000; */
    display: block;
}


/* 

- exibe as ultimas noticias
- Normalmente o procedimento � copiar o CSS da capa e modificar o nome,
neste caso apenas troquei #noticias por #ultimas_noticias, dai � poss�vel
modificar o que for preciso para o segundo nivel.
- NAO ESQUECER DE INCLUIR AS DEFINICOES PARA
#CHAMADA_ULTIMAS_NOTICIAS
#VEJA_HISTORICO_NOTICIAS

- Normalmente o hist�rico de not�cias fica identico.

*/

#chamada_ultimas_noticias{
    text-align: left;
    display: block;
    width:100%;
    margin-left: 5px;
    position: relative;
    float: left;
    padding-top: 40px;
    padding-bottom: 10px;
    color:#006600;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}

#veja_historico_noticias{
    text-align: left;
    display: block;
    width:100%;
    margin-left: 5px;
    position: relative;
    float: left;
    margin-top: -50px;
    color:#006600;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}

#ultimas_noticias{
    margin-top: 20px;

}

#ultimas_noticias ul li{
    text-align: left;
    display: block;
    width:100%;
    /*    height: 130px;*/
    padding-bottom: 100px;
    margin-left: 5px;
    position: relative;
    float: left;


}


/****** DIV do thumb da not�cia *****/
#ultimas_noticias ul li .thumb_noticia{
    width:11px;
    height:10px;
    float: left;
}

#ultimas_noticias ul li .thumb_noticia img{
    border: 0px solid black;
    margin-top: 3px;

}


/****** DIV do texto da not�cia *****/
#ultimas_noticias ul li .capa_texto_noticia{
    float: none;
}


/****** SPAN do t�tulo da not�cia *****/
#ultimas_noticias ul li .capa_texto_noticia .titulo_noticia{
    /* background-color: #F; */
    margin-left: 150px;
    float: left;
    width: 750px;
}

#ultimas_noticias ul li .capa_texto_noticia .titulo_noticia a{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

#ultimas_noticias ul li .capa_texto_noticia .titulo_noticia a:hover{
    color:#006600;
}


/****** SPAN da chamada da not�cia *****/
#ultimas_noticias ul li .capa_texto_noticia .chamada_noticia{
    /* background-color: #FFFF00; */
    margin-left: 10px;
    float: left;
    width: 750px;
}

#ultimas_noticias ul li .capa_texto_noticia .chamada_noticia a{
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

#ultimas_noticias ul li .capa_texto_noticia .chamada_noticia a:hover{
    color:#006600;
}

/*******************************************************************************
 *                        NOT�CIAS SEGUNDO NIVEL - FIM                         *
 *******************************************************************************/






/*******************************************************************************
 *                        GALERIAS SEGUNDO NIVEL - INICIO                      *
 *******************************************************************************/


/*

Normalmente copiado da capa e modificado.

ABAIXO o CSS do GALERIAS.PHP
*/



#galerias_segundo_nivel{
    margin-top: 20px;

}


#galerias_segundo_nivel ul li{
    text-align: left;
    display: block;
    width:750px;
    margin-left: 20px;
    position: relative;
    float: left;
    padding-top: 0px;
    margin-top: 14px;
}


/****** DIV do thumb da galeria *****/
#galerias_segundo_nivel ul li .thumb_galeria{
    width:200px; /* Aqui � o mesmo tamanho do thumb */
    /* height:80px; */
    float: left;
    text-align: center;
    margin-left: 150px
}

#galerias_segundo_nivel ul li .thumb_galeria img{
    border: 1px solid gray;
    margin-top: 0px;

}


/****** DIV do texto da galeria *****/
#galerias_segundo_nivel ul li .capa_texto_galeria{
    float: none;
    width: 100%;


}


/****** SPAN do t�tulo da galeria *****/
#galerias_segundo_nivel ul li .capa_texto_galeria .titulo_galeria{
    width: 300px;
    margin-left: 20px;
    padding-right: 10px;
    float: left;

}

#galerias_segundo_nivel ul li .capa_texto_galeria .titulo_galeria a{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #0d477c;

}

#galerias_segundo_nivel ul li .capa_texto_galeria .titulo_galeria a:hover{
    color: #4187C7;
}


/****** SPAN da chamada da galeria *****/
#galerias_segundo_nivel ul li .capa_texto_galeria .chamada_galeria{
    /* background-color: #FFFF00; */
    margin-left: 10px;
    float: left;
    width: 200px;
}

#galerias_segundo_nivel ul li .capa_texto_galeria .chamada_galeria a{
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

#galerias_segundo_nivel ul li .capa_texto_galeria .chamada_galeria a:hover{
    color: #0d477c;
}




/*   GALERIAS_2.PHP     */


#galerias_segundo_nivel_exibe{
    margin-top: 20px;

}

#galerias_segundo_nivel_exibe #nome{
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    color: #666666;
    padding-bottom: 5px;
    display: block;
}

#galerias_segundo_nivel_exibe #texto{
    text-align: justify;
    margin-bottom: 30px;
    /* background-color: #000000; */
    display: block;
}

#galerias_segundo_nivel_exibe .foto{
    border: 1px solid #0d477c;
    padding: 0px;
    margin-left: 20px;
    margin-bottom: 20px;
}




/*******************************************************************************
 *                        GALERIAS SEGUNDO NIVEL - FIM                         *
 *******************************************************************************/



/*******************************************************************************
 *   SEGUNDO NIVEL - INDEX2.PHP - FIM                                       *
 *******************************************************************************/








/*******************************************************************************
 *                            contatos.php                                     *
 *******************************************************************************/

#formulario_contato {
    width: 400px;
    float: right;
    margin-bottom: 50px;
}

#formulario_contato #msg_formulario{
    font-size: 14px;
    font-weight: bold;
    color: #FF0000;
    margin-bottom: 20px;
    margin-top: -30px;
    text-align: center;
}

#formulario_contato #obrigatorios{
    font-size: 10px;
    color: #FF0000;
    margin-bottom: 20px;
}

#formulario_contato .input{
    margin-bottom: 10px;
}

#formulario_contato .input label{
    display: block;
    color: #000000;
    font-size: 12px;
}

#formulario_contato .input input{
    width:400px;
    padding: 3px;
    font-size: 12px;
    color:#333;
}

#formulario_contato .input textarea{
    background: #E7E6E6;
    border: 1px solid #999;
    width:400px;
    height: 100px;
    padding: 3px;
    font-size: 12px;
    font-family:Arial, Verdana, sans-serif;
}

#formulario_contato .submit input{
    margin-top: 20px;
    background: #E7E6E6;
    border: 1px solid #999;
    padding: 3px;
    font-size: 12px;
    width:60px;
    font-family: Arial, Verdana, sans-serif;
}