body                                    { background: url("bg.jpg") repeat-x top fixed; font-family: arial; font-size: 15px; }
.rteImage                               { background: #C3BFA8; background-color: #C3BFA8; border: 1px solid #C3BFA8; color: #C3BFA8; }
.rteImage:hover                         { background: #C3BFA8; background-color: #C3BFA8; border: 1px outset #333; color: #FFF; }
.rteImage:active                        { background: #C3BFA8; background-color: #C3BFA8; border: 1px inset #FFFFFF; color: #FFF; }
.rteImageRaised                         { background: #C3BFA8; background-color: #C3BFA8; border: 1px outset #FFFFFF; color: #FFF; }
.rteImageLowered                        { background: #C3BFA8; background-color: #C3BFA8; border: 1px inset #FFFFFF; color: #FFF; }
.cssmouseon                             { cursor: auto; }
.cssmouseoff                            { cursor: auto; }
.rteVertSep                             { margin: 0px 10px 0px 10px; }
.rteBack                                { background: #C3BFA8; border: 0px outset #B8D1FE; height: 25px; letter-spacing: 0; padding: 0px; }
.rteBack tbody tr td, .rteBack tr td    { background: #C3BFA8; background-color: #C3BFA8; color: #FFF; padding: 0; }
.rteDiv                                 { display: block; position: relative; }
.rteIframe                              { background: #FFF; border: 1px solid #7F9DB9; letter-spacing: 0; padding: 0px; }
.FonteTitulo                            { color: #333; font-variant: small-caps; font-weight: bold; }
.FonteDest                              { color: #333; font-weight: normal; }
.FonteRadio                             { color: #333; }
.FonteLista                             { color: #333; }
.FonteMensagem                          { color: #FF0000; font-weight: bold; }
.FontePublicado                         { color: #1F6500; }
a                                       { text-decoration: none; color: #000; }
a:hover                                 { text-decoration: none; color: #909090; }
.arodape                                { text-decoration: none; color: #fff;}
.arodape:hover                          { text-decoration: none; color: #fff;}
div.img                                 { width: 230px; margin: 2px; background: #000; text-align: center; float: left; border-radius: 9px; }
div.img img                             { display: inline; margin: 2px; border-radius: 9px; }
div.img a:hover img                     { border: 2px solid #909090; }
hr                                      { height: 0.2px; border: 0.2px solid #000; }
iframe                                  { border-radius: 9px; border: 2px solid #ffff00; }


/* BANNERS */

.banners            { border: 3px solid #000;}
.banner1            { width: 1000px; height: 320px; background: url("pic_01.jpg");}
.banner2            { width: 1000px; height: 200px; background: url("pic_02.jpg");}
.banner3            { width: 1000px; height: 200px; background: url("pic_03.jpg");}

/* MENU */

.menu               { background: #FFF; border: 0px solid #FFF; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 1000px; }
.menu ul            { background: #ff0000 top left repeat-x; height: 35px; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 3px solid #000;}
.menu li            { float: left; padding: 0px 8px 0px 8px; }
.menu li a          { color: #FFF; display: block; font-weight: bold; line-height: 35px; padding: 0px 0px 0px 25px; text-align: center; text-decoration: none; width: 180px; }
.menu li a:hover    { color: #FFF;text-decoration: none; }
.menu li ul         { background: #FFF; border: 3px solid #000; color: #000; display: none; filter: alpha(opacity=95); height: auto; opacity: 0.95; position: absolute; width: 180px; z-index: 200; }
.menu li:hover ul   { color: #000; display: block; }
.menu li li         { color: #000; display: block; float: none; padding: 0px 0px 0px 0px; width: 180px; }
.menu li ul a       { color: #000; display: block; font-size: 12px; font-weight: normal; width: 180px; text-align: left; text-decoration: none; }
.menu li ul a:hover { background: #ffff00; color: #101F2E; text-decoration: none; font-style: italic; width: 155px; }

/*FORMULARIOS*/

.Formulario               { border: 1px solid #CCC; height: 30px; margin: 2px; padding-left: 2px; width: 800px; }
.Formulario665            { border: 1px solid #CCC; height: 30px; margin: 2px; padding-left: 2px; width: 665px; }
.FormularioObrigatorio    { border: 1px solid #FF0000; height: 30px;  margin: 2px; padding-left: 2px; width: 800px; }
.FormularioData           { background: #FFFEB6; border: 1px solid #CCC; height: 30px;   margin: 2px; padding-left: 2px; width: 100px; }
.SelecionaPosicao         { border: 1px solid #CCC; height: 28px; margin: 28px; padding: 2px 0px 2px 2px; width: 80px;}
.SelecionaPosicao2        { border: 1px solid #7F9DB9; font-size: height: 28px;  margin: 2px; padding: 2px 0px 2px 2px; width: 100px; }
.SelecionaMenu            { background: #FFFEE6; border: 1px solid #FF0000; height: 30px; margin: 2px; padding: 2px 0px 2px 2px; width: 100px; }
.Botao                    { background: #333; border: 1px solid #FFF; color: #FFF; font-size: 16px; font-weight: bold; height: 40px; width: 180px; }


/* RESPONSIVO */

/* Telas grandes: 1281px ou mais */
@media screen and (min-width: 1281px) {
    body {
        background: url("bg.jpg") repeat-x top fixed;
        font-family: Arial, sans-serif;
        font-size: 15px;
    }

    .banners {
        border: 3px solid #000;
    }

    .banner1 {
        width: 1000px;
        height: 320px;
        background: url("pic_01.jpg") no-repeat;
    }

    .banner2 {
        width: 1000px;
        height: 200px;
        background: url("pic_02.jpg") no-repeat;
    }

    .banner3 {
        width: 1000px;
        height: 200px;
        background: url("pic_03.jpg") no-repeat;
    }
}

/* Smartphones: até 480px */
@media screen and (max-width: 480px) {
    body {
        background: url("bg.jpg") repeat-x top fixed;
        font-family: Arial, sans-serif;
        font-size: 29px;
    }

    .banners,
    .banner1,
    .banner2,
    .banner3 {
        display: none;
    }
}

/* Tablets: de 481px até 768px */
@media screen and (min-width: 481px) and (max-width: 768px) {
    body {
        background: url("bg.jpg") repeat-x top fixed;
        font-family: Arial, sans-serif;
        font-size: 17px;
    }

    .banners,
    .banner1,
    .banner2,
    .banner3 {
        display: none;
    }
}