@media print, screen {

    .mensagem:before { content: "Mensagem: ";
                        font-family: serif }
    .mensagem:after { content: " " }
    .mensagem { font-family: monospace;
                font-weight: bold;
                font-size: large }


    .acao:before { content: ' Ação: '; 
                    font-style: normal;
                    font-weight: bold; }

    .acao { font-style: italic;
            font-size: large; }


    .papel { text-align: center;
            font-size: x-large;
            font-weight: bold;
            margin-top: 0.2cm;
            border-bottom-width: medium;
            border-bottom-color: black;
            border-bottom-style: solid }

    .comportamento {
            margin-bottom: 0.2cm;
            border-width: thick;
            border-color: black;
            border-style: solid; }

    .comportabrk {
            margin-bottom: 0.2cm;
            border-width: thick;
            border-color: black;
            border-style: solid; }
}

@media print {

    @page { size: auto; }
    .comportamento { page-break-inside: avoid;
                    margin-top: 0.2cm;
                    margin-bottom: 0.5cm;
                    }
    .comportabrk { page-break-inside: avoid;
                    page-break-after: always;
                    }

}