div.print { font-family: arial,sans-serif; font-size: 12px; }

div.print > p { font-size: 10px; }

div.print table p { font-weight: bold; margin: 0 }

div.print td { border: 1px solid #000; padding: 2px 5px; vertical-align: middle; }

div.print .base td { border: 0 !important; padding: 1px; }

div.print .div td { background-color: lightgray; height: 3px; padding: 0; }

div.print { display: none }

@media print {

    section, div { display: none }

    div.print { display: block !important }

}



div.logo, div.voltar, h1, h3{ text-align: center }



form { font-size: 1.2em }

form a:link { color: #5D5E5E; text-decoration: underline }

form a.esqueci { display: inline-block; margin-top: 10px; }

form .campo { padding: 20px 0 }

form .submit {

    background-color: #1FA94A;

    border-color: #1FA94A;

    color: white;

    font-size: 1.2em;

    letter-spacing: 0.1em;

    padding: 20px 0;

    text-transform: uppercase;

}

form .submit:hover { background-color: initial; color: #1FA94A }

form .control {

    padding: 40px 0;

}

form .control > div { padding: 0 }



div.cadastro a { display: inline-block; margin-top: 20px; }



div.image img {

    max-width: 100%;

}

h3 {

    font-size: 3em;

    color: #2A236D;

    font-weight: bolder;

    margin-top: 52px;

    text-transform: uppercase;

}

h2 {

    color: #FF0000;

    text-transform: uppercase;

    text-align: center;

}



@media only screen and (min-width: 600px) {

    div.cadastro { text-align: right }

    div.voltar a { float: right }

    div.logo, h1 { text-align: left }

}