body                                    { background: url("bg.jpg") repeat-x top fixed; 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                                 { width: 323px; margin: 2px; background: #FFEDAC; text-align: center; float: left; border-radius: 9px; border: 1.3px solid #000; }
div.img img                             { display: inline; margin: 2px; border: 2px solid #000; }
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 #FFE78D; }

/*INDEX.HTML*/
Table#Price     { width: 100%; background: #FFF; font-size: 12px; font-family: tahoma; color: #333; text-align: justify;  margin: 0px 0px 0px 0px; vertical-align: top; border: 0px solid #000; }
span#Sprice     { font-family: tahoma; font-size: 14px; color: #0C73B6; font-weight: bold; text-decoration: none;  }
span#Sprice2     { font-family: tahoma; font-size: 12px; color: #0C73B6; font-weight: bold; text-decoration: none;  }
span#Sprice3     { font-family: tahoma; font-size: 12px; color: #004F1C; font-weight: bold; text-decoration: none;  }
span#Sprice4     { font-family: tahoma; font-size: 10px; color: #505050; font-weight: normal; text-decoration: none;  }
span#Sprice5     { font-family: tahoma; font-size: 10px; color: #838383; font-weight: normal; text-decoration: none;  }
span#Sprice6     { font-family: tahoma; font-size: 1opx; color: #B30000; font-weight: bold; text-decoration: none;  }

TD#Tprice1          { height: 22px; width: 120px; background: #E4F4FF; padding: 2px 2px 2px 2px;  font-size: 11px; color:#000; font-weight: normal; text-align: center; border: 0px solid #000; vertical-align: middle; }
TD#Tprice2          { height: 22px; width: 220px; background: #EEE; padding: 0px 1px 0px 5px;  font-size: 11px; font-weight: bold;  text-align: left; border: 0px solid #000; vertical-align: middle; }
TD#Tprice3          { height: 22px; width: 120px; background: #EBF3F8; padding: 2px 2px 2px 2px;  font-size: 11px; text-align: center; border: 0px solid #000; vertical-align: middle; }

TD#Layout1          { width: 260px; background: #EEE; padding: 0px 2px 0px 2px;  font-size: 11px; font-weight: bold;  text-align: center; border: 0px solid #000; vertical-align: middle; }
TD#Layout2          { width: 260px; background: #EBF3F8; padding: 0px 2px 0px 2px;  font-size: 11px; font-weight: bold;  text-align: center; border: 0px solid #000; vertical-align: middle; }



a.dcontexto            { font-family: tahoma; font-size: 10px; color: #0000CC; padding:0; position:relative; text-decoration:none; border-bottom:2px #804000; cursor:move; z-index:24; }
a.dcontexto:hover      { background:transparent; z-index:25; }
.formata               { font-family: tahoma; font-size: 10px;  }
a.dcontexto span       { display: none }
a.dcontexto:hover span { font-family: tahoma; font-size: 11px; display:block; position:absolute; width:220px; top:15px; text-align:center; left:-30; padding:5px 10px; border:1px solid #333333; background:#FFFFE3; color:#000;  }

a.dcontexto2            { font-family: tahoma; font-size: 10px; color: #0000CC; padding:0; position:relative; text-decoration:none; border-bottom:2px #804000; cursor:move; z-index:5; }
a.dcontexto2:hover      { background:transparent; z-index:5; }
.formata2               { font-family: tahoma; font-size: 10px;  }
a.dcontexto2 span       { display: none }
a.dcontexto2:hover span { font-family: tahoma; font-size: 11px; display:block; position:absolute; top: -105px; width:220px; text-align:justify; left:0; padding:5px 10px; border:1px solid #333333; background:#FFFFE3; color:#000;  }


a.dcontexto3            { font-family: tahoma; font-size: 10px; color: #0000CC; padding:0; position:relative; text-decoration:none; border-bottom:2px #804000; cursor:move; z-index:5; }
a.dcontexto3:hover      { background:transparent; z-index:5; }
.formata3               { font-family: tahoma; font-size: 10px;  }
a.dcontexto3 span       { display: none }
a.dcontexto3:hover span { font-family: tahoma; font-size: 11px; display:block; position:absolute; top: -105px; left:20px;  width:220px; text-align:justify; padding:5px 10px; border:1px solid #333333; background:#FFFFE3; color:#000;  }

a.dcontexto4            { font-family: tahoma; font-size: 10px; color: #0000CC; padding:0; position:relative; text-decoration:none; border-bottom:2px #804000; cursor:move; z-index:5; }
a.dcontexto4:hover      { background:transparent; z-index:5; }
.formata4               { font-family: tahoma; font-size: 10px;  }
a.dcontexto4 span       { display: none }
a.dcontexto4:hover span { font-family: tahoma; font-size: 11px; display:block; position:absolute; top: -105px; left:20px;  width:365px; text-align:justify; padding:5px 10px; border:1px solid #333333; background:#FFFFE3; color:#000;  }

a.dcontexto5            { font-family: tahoma; font-size: 10px; color: #0000CC; padding:0; position:relative; text-decoration:none; border-bottom:2px #804000; cursor:move; z-index:5; }
a.dcontexto5:hover      { background:transparent; z-index:5; }
.formata5               { font-family: tahoma; font-size: 10px;  }
a.dcontexto5 span       { display: none }
a.dcontexto5:hover span { font-family: tahoma; font-size: 11px; display:block; position:absolute; top: -80px; left: -130px;  width:250px; text-align:center; padding:5px 10px; border:1px solid #333333; background:#FFFFE3; color:#000;  }

/* BANNERS */

.banners            { border: 3px solid #000;}
.banner1            { width: 1000px; height: 200px; background: url("pic_01.jpg");}
.banner1  a         { color: #FFF; background: #000; border-radius: 9px; padding: 10px 10px 10px 10px; }
.banner1  a:hover   { color: #FFF; background: #000; border-radius: 9px; padding: 10px 10px 10px 10px; }
.banner2            { width: 1000px; height: 320px; 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: #a4bd7c 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 25px 0px 25px; }
.menu li a          { color: #FFF; display: block; font-weight: bold; line-height: 35px; padding: 0px 25px 0px 25px; text-align: center; text-decoration: none; }
.menu li a:hover    { color: #FFF;text-decoration: none; background: #658f25; padding: 0px 25px 0px 25px; }
.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: #658f25; color: #fff; filter: alpha(opacity=100); opacity: 0.5; text-decoration: none; font-style: italic; padding: 0px 10px 0px 15px; }

/*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; }
.TextareaObrigatorio      { border: 1px solid #FF0000; margin: 0px; padding-left: 2px; }
.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: Tahoma, sans-serif;
        font-size: 15px;
    }

.banner1            { width: 1000px; height: 200px; background: url("pic_01.jpg");}
.banner2            { width: 1000px; height: 320px; background: url("pic_02.jpg");}
.banner3            { width: 1000px; height: 200px; background: url("pic_03.jpg");}
}

/* Smartphones: até 480px */
@media screen and (max-width: 480px) {
    body {
        background: url("bg.jpg") repeat-x top fixed;
        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") repeat-x top fixed;
        font-family: Tahoma, sans-serif;
        font-size: 17px;
    }

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