/* este css estiliza o arquivo inicial */
@charset "utf-8";

@font-face{/* fonte da pagina */
    font-family: 'fonteTrebuchet';/* nome da fonte */
    src: url(../font/trebuchet-ms.ttf);/* caminho da fonte */
}

body{/* configura o corpo da pagina */
    font-family: fonteTrebuchet;/* tipo de fonte */
    color: #333;/* fonte COR */
    padding: 0px;/* espacamento interno */
    margin: 0px;/* espacamento externo */
    overflow: hidden;/* oculta barra de rolagem */
}

@media (min-width: 321px) {/* estilo para tela maior */

    div#cabecalho{/* configura o campo cabecalho */
        margin: 0px 0px 40px 0px;/* espacamento externo */
    }
    div#cabecalho h2{/* configura o titulo cabecalho */
        font-weight: bold;/* fonte forte */
        text-align: center;/* alinhamento centro */
    }
    div#corpo p{/* configura o paragrafo no corpo */
        font-size: 14px;/* fonte tamanho */
        text-align: justify;/* alinhamento justificado */
    }
    div#rodape{/* configura o campo rodape */
        margin: 50px 0px 0px 0px;/* espacamento externo */
    }
    div#rodape p{/* configura o texto no campo rodape */
        font-size: 14px;/* fonte tamanho */
        font-weight: bold;/* fonte forte */
        text-align: center;/* alinhamento centro */
    }

}/* fim estilo para tela maior */

@media (max-width: 320px) {/* estilo para tela menor */

    div#cabecalho{/* configura o campo cabecalho */
        margin: 0px 0px 30px 0px;/* espacamento externo */
    }
    div#cabecalho h2{/* configura o titulo cabecalho */
        font-size: 16px;/* fonte tamanho */
        font-weight: bold;/* fonte forte */
        text-align: center;/* alinhamento centro */
    }
    div#corpo p{/* configura o paragrafo no corpo */
        font-size: 12px;/* fonte tamanho */
        text-align: justify;/* alinhamento justificado */
    }
    div#rodape{/* configura o campo rodape */
        margin: 30px 0px 0px 0px;/* espacamento externo */
    }
    div#rodape p{/* configura o texto no campo rodape */
        font-size: 12px;/* fonte tamanho */
        font-weight: bold;/* fonte forte */
        text-align: center;/* alinhamento centro */
    }

}/* fim estilo para tela menor */