body                                    { background: url("bg.jpg"); font-family: tahoma; 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; }
.arodape                                { text-decoration: none; color: #fff;}
.arodape:hover                          { text-decoration: none; color: #fff;}
div.img {
    background: #FFF url("vitrine_0.jpg") no-repeat;
    border: 0px solid #e32323;
    font-family: arial;
    font-size: 12px;
    height: 170px;
    margin: 5px;
    padding: 4px 4px 0px 4px;
    text-align: center;
    width: 190px;
    display: inline-block;
    vertical-align: top;
    float: none;
}

div.img img {
    border: 3px solid #e32323;
    display: inline;
    margin: 1px;
}

div.img a:hover img {
    border: 3px solid #ab4e61;
}

div.img strong {
    color: #FFF;
}
hr                                      { height: 0.2px; border: 0.2px solid #000; }
iframe                                  { border-radius: 9px; }

/* BOTÕES */
.button               {padding: 2px 8px 2px 8px;}
.button-default       {background-color:#FFF; border: 1px solid #000; border-radius: 3px; text-decoration: none; color: #000;}
.button-default:hover {background-color:#909090; border: 1px solid #000; border-radius: 3px; text-decoration: none; color: #000;}

.button-success       {background-color:#00FF00; border: 1px solid #000; border-radius: 3px; text-decoration: none; color: #FFF;}
.button-success:hover {background-color:#00CC00; border: 1px solid #000; border-radius: 3px; text-decoration: none; color: #FFF;}

.button-warning       {background-color:orangered; border: 1px solid #FFF; border-radius: 3px; text-decoration: none; color: #FFF;}
.button-warning:hover {background-color:#CC3700; border: 1px solid #FFF; border-radius: 3px; text-decoration: none; color: #FFF;}

.button-danger        {background-color:red; border: 1px solid #FFF; border-radius: 3px; text-decoration: none; color: #FFF;}
.button-danger:hover  {background-color:#CC0000; border: 1px solid #FFF; border-radius: 3px; text-decoration: none; color: #FFF;}

.button-info          {background-color:blue; border: 1px solid #FFF; border-radius: 3px; text-decoration: none; color: #FFF;}
.button-info:hover    {background-color:#000099; border: 1px solid #FFF; border-radius: 3px; text-decoration: none; color: #FFF;}

/*MENU LATERAL*/

div.spanORC       { background-color:#DACA2E; color: #FFF; padding: 2px 14px 2px 14px; border: 1px solid #000; border-radius: 3px; text-decoration: none; font-size: 13px; text-align: center;}
div.spanORC:hover { background-color:#AC9F29; color: #FFF; padding: 2px 14px 2px 14px; border: 1px solid #000; border-radius: 3px; text-decoration: none; }
div.spanTIT       { background-color:#ab4e61; color: #FFF; padding: 2px 14px 2px 14px; border: 1px solid #000; border-radius: 3px; text-decoration: none; }
div.spanLINK      { background-color:#d1d1d1; color: #000; padding: 2px 14px 2px 14px; border: 1px solid #000; border-radius: 3px; text-decoration: none; }
div.spanLINK:hover{ background-color:#a3a3a3; color: #FFF; padding: 2px 14px 2px 14px; border: 1px solid #000; border-radius: 3px; text-decoration: none; }

/* 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: #e32323 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 15px 0px 15px; text-align: center; text-decoration: none; }
.menu li a:hover    { background: #ab4e61 top left repeat-x;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: 270px; 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: 270px; }
.menu li ul a       { color: #000; display: block; font-size: 12px; font-weight: normal; padding: 0px 10px 0px 15px; text-align: left; text-decoration: none; }
.menu li ul a:hover { background: #e32323; color: #101F2E; filter: alpha(opacity=100); opacity: 1.0; text-decoration: none; font-style: italic; }

/*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");
        font-family: Tahoma, 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");
        font-family: Tahoma, 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");
        font-family: Tahoma, sans-serif;
        font-size: 17px;
    }

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