html, body {
    font-family: verdana, sans-serif;
    font-size: 12px;
    color: #333;
    background-color: #fff;
}

a {
    color: #772323;
}

a:hover {
    text-decoration: underline;
}

h1 {
    color: #772323;
    font-size: 1.6em;
    font-family: "Trebuchet MS", arial, verdana, sans-serif;
    font-weight: bold;
    margin: 0 0 0.8em 0;
}

h2 {
    color: #333;
    font-size: 1.4em;
    font-family: "Trebuchet MS", arial, verdana, sans-serif;
    font-weight: normal;
    margin: 0 0 1em 0;
}

h3 {
    color: #333;
    font-size: 1em;
    font-weight: bold;
    margin: 1em 0 1.5em 0;
}


fieldset {
    border: 1px solid #ccc;
    padding: 0.5em;
    margin: 0.5em 0;
}

fieldset legend {
    color: #333;
    font-weight: bold;
    padding: 0 1em;
}


.clear {
    clear: both;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}


/*----------------------------------------------------------------------*/
/* Caixas                                                               */
/*----------------------------------------------------------------------*/

.box {
    border: 1px solid #aaa;
}


/*---------------------------------------------------------------------------
 * Mensagens
 */

.flash{
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 1em;
    background-color: #fff8c5;
    padding: 1em 2em 1em 4em;
    background-position: 1em 50%;
    background-repeat: no-repeat;
}

.flash-ok {
    color: #0a0;
    border: 2px solid #0a0;
    background-image: url(../img/dialog-ok.png);
}

.flash-warning {
    color: #555;
    border: 2px solid #ffaa00;
    background-image: url(../img/dialog-warning.png);
}

.flash-error {
    color: #a00;
    border: 2px solid #a00;
    background-image: url(../img/dialog-error.png);
}

.underline
{
    text-decoration: underline;
}