body{
 margin: 0;  padding: 0;
 background: #660066;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.Geral{ margin: 0px auto; width: 1036px;  height: auto; }

/* BANNER */
.Banner{
 width: 1036px; height: 130px;
 background: url(../estilo/imgcss/banner.png) no-repeat;
 float: left;
}

.BannerData,.AmigoNome{
 font-size: 11px;   font-weight: bold;  color: #fff;
 width: 1036px;   height: 28px;
 margin: 0px auto;
 text-align:right;
 line-height: 20px;
}

.MenuBanner{ width: 850px;  height: 28px;  margin: 47px auto;  }

.MenuBanner ul{
 list-style-type: none;
 margin: 0;
 padding: 0;
 float: right;
}

.MenuBanner li{
 float: left;
 font-size: 14px; color: White;
 font-weight: bold;
 background: url(../estilo/imgcss/menu_off.png) repeat-x;
 height: 28px;
 line-height: 18px;
 margin: 0px 2px 0px 2px;
 border: 1px solid #D9D9D9;
}

.MenuBanner a{
 text-decoration: none;
 display: block;
 color: White;
 background: url(../estilo/imgcss/menu_off.png) repeat-x;
 padding: 0px 7px 0px 7px;
}

.MenuBanner a:hover{
 float: left;
 font-size: 14px;  color: black;
 background: url(../estilo/imgcss/menu_on.png) repeat-x;
 height: 28px;
 line-height: 18px;
 display: block;
 padding: 0px 7px 0px 7px;
}


/* CENTRO */
.Centro{
 width: 1036px;  height: auto;
 float: left;
 margin-bottom: 5px;
}

.Centro .Corpo{
 width: 1036px;   height: auto;
 margin: 10px auto;
}

/* ESQUERDA */
.Esquerda, .Direita{
 width: 203px;  height: auto;
 float: left;
 margin-right: 8px;
}

.Direita{
 margin-left: 8px;
 margin-right: 0px;
}

.Esquerda .Programas{
 width: 100%;  height: auto;
 margin-bottom: 10px;
}

.Esquerda .Programas img{
 border: 1px solid #565656;
}

.Esquerda .Menu,
.Esquerda .Anuncio{
 width: 201px;
 border: 1px solid #565656;
 background-color: #FFFFFF;
 overflow: hidden;
 padding-bottom: 5px;
 margin-bottom: 10px;
}

.Direita .Menu,
.Direita .Anuncio{
 width: 201px;
 border: 1px solid #565656;
 background-color: #FFFFFF;
 overflow: hidden;
 padding-bottom: 5px;
 margin-bottom: 5px;
}

.Direita .Anuncio, .Esquerda .Anuncio{
  padding-bottom: 0px;
}

.Direita .Anuncio img, .Esquerda .Anuncio img{
  float: left;
}

.Esquerda .Menu .Titulogeral,
.Direita .Menu .Titulogeral{
 width: 100%;  height: 35px;
 background: url(../estilo/imgcss/linha_op2.png) repeat-x;
 font-size: 14px;  font-weight: BOLD;  color: White;
 line-height: 25px;
 text-indent: 10px;
 float: left;
 text-align: center;
}

.Esquerda p img.left {
 float: left;
 padding: 0px 1px 1px 0px;
}

.Esquerda p{
 font-size: 12px;  color: #000000;
 text-indent: 20px;  text-align: left;
 margin-bottom: 11px;   margin-left: 11px;  margin-right: 11px;
 }

.MenuEsquerda form{
 width: 100%;  height: auto;
 float: left;
 overflow: hidden;
 margin-top: 5px;
}

.MenuEsquerda label{
 width: 191px;  height: 12px;
 float: left;
 font-size: 9px;  font-weight: bold;  color: #64CAD3;
 margin-left: 8px;
}


/*Campos do LOGIN dos usuários*/
.MenuEsquerda fieldset.Txt{
 width: 191px;   height: 20px;
 float: left;
 border: none;
 text-align: center;
 margin-left: 0px;
}

.MenuEsquerda input[type=text],.MenuEsquerda input[type=password]{
 border: 1px solid #000000;
 font-size: 12px;
 width: 180px;
}

.MenuEsquerda input[type=submit]{
 border: 0px solid #08292C;
 width: 100px;   height: 24px;
 background: url(../estilo/imgcss/botao_acesso.png) repeat-x;
 font-size: 14px; font-weight: bold;  color: #FFFFFF;
}

.MenuEsquerda fieldset.Btn{
 width: 100%;  height: 33px;
 float: left;
 text-align: center;
 border: none;
}

.MenuEsquerda .Info{
 width: 100%;  height: 20px;
 float: left;
 font-size: 12px;  font-weight: bold;
 text-align: center;
 margin-top: -10px;
}

.MenuEsquerda .Info a{
 color: #DADADA;
 text-decoration: none;
}

.MenuEsquerda .Info a:hover{
 color: yellow;
 text-decoration: none;
}

.Esquerda .Menu ul,
.Direita .Menu ul{
 list-style-type: none;
 margin: 5px 0 0 0;
 padding: 0;
 float: left;
 width: 100%;
}

.Esquerda .Menu li,
.Direita .Menu li{
 width: 180px;  
 height: auto;
 overflow: hidden;
 float: left;
 font-size: 12px;  color: #000000;
 margin-left: 10px;
 margin-bottom: 8px;
 line-height: 15px;
}

.Esquerda .Menu li:last-child,
.Direita .Menu li:last-child{
    margin-bottom: 0px;
}

.Esquerda .Menu a,
.Direita .Menu a{
 color: blue;
 text-decoration: none;
}

.Esquerda .Menu a:hover,
.Direita .Menu a:hover{
 color: red;
 text-decoration: underline;
}

.Publicidade{
 width: 201px;
 border: 1px solid #565656;
 background-color: #272727;
 overflow: hidden;
 padding-bottom: 5px;  margin-bottom: 10px;
}

.Publicidade .Titulo{
 width: 100%;  height: 25px;
 background-color: red;
 font-size: 12px; font-weight: bold; color: White;
 line-height: 25px;
 text-indent: 10px;
 float: left;
 text-align: center;
}

.Publicidade .Info{
 width: 180px;  height: auto;
 margin: 5px 0px 0px 10px;
 float: left
}

.Publicidade p{
 font-size: 10px;  color: #FFBEBE;
 margin-bottom: 20px;
}

.Publicidade p.center{
 color: yellow;
 text-align: center;
}

.Publicidade p img.left{
 float: left;
 padding: 0px 10px 10px 0px;
}

.Publicidade a{
 color: red;
 text-decoration: none;
}

.Publicidade a:hover{
 color: yellow;
 text-decoration: underline;
}



/*Organização do Conteúdo, miolo principal */
.Conteudo{
 width: 612px;
 float:left;
 border: 1px solid #565656;
 background-color: #EEEEEE;
}

.Conteudo.m1{
  width: 1034px;
}

.Conteudo.m2{
 width: 823px;
}

.Conteudo.m3{
 width: 612px;
}

.Conteudo p{
 font-size: 12px;  color: #000000;
 text-indent: 20px;  text-align: justify;
 margin-bottom: 11px;   margin-left: 11px;  margin-right: 11px;

}

.Titu{
 width: 80%; height: 60px;
 background-color: #FFFFCC;
 font-size: 14px;  font-weight: bold;  color: red;
 line-height: 18px;
 text-align: center;
 margin-top: 20px;  margin-bottom: 20px;  margin-left: 10%;  margin-right: 10%;
 border: 2px solid;
 PADDING-BOTTOM: 5px;  PADDING-TOP: 5px;  PADDING-RIGHT: 10px;  PADDING-LEFT: 10px;
}

/*Tag para frases entre aspas duplas e vermelha*/
.Conteudo q{
 font-size: 12px;  color: red;
}

/*Tag para as minhas frases e perguntas*/
.Conteudo big{
 font-size: 12px;  color: blue;
}

.Conteudo h1 {
 font-family: arial, sans-serif;
 color: blue; font-size: 150%; font-weight: bold;
 background-color: #99CCFA;
 padding: 16px 0px 5px 0px;
 margin: 0px 0px 12px 0px;
 border-bottom: 2px solid;
 margin-left: 1px;   margin-right: 1px;
 text-align: center;
 PADDING-BOTTOM: 1px;   PADDING-TOP: 1px;
}

.Conteudo h2 {
 font-family: arial, sans-serif;
 font-size: 120%; color: #CC6600;
 padding: 14px 0px 5px 0px;
 margin: 0px 0px 12px 0px;
 margin-left: 11px;
 margin-right: 11px;
 font-weight: bold;
}

.Conteudo h3 {
 font-family: arial, sans-serif;
 font-size: 110%;  font-weight: bold; color: blue;
 padding: 14px 0px 5px 0px;
 margin: 0px 0px 12px 0px;
 margin-left: 11px;
 margin-right: 11px;
}

.Conteudo h4 {
 font-family: arial, sans-serif;
 font-size: 110%; font-weight: bold; color: brown;
 padding: 14px 0px 5px 0px;
 margin: 0px 0px 12px 0px;
 margin-left: 11px;
 margin-right: 11px;
}

.Conteudo .Titulo  {
 width: 100%;  height: 25px;
 font-size: 12px;  color: White;
 background: url(../estilo/imgcss/linha_op9.png) repeat-x;
 line-height: 25px;
 text-indent: 10px;
 float: left;
 }

.Conteudo .Info{
 width: 280px; height: auto;
 margin: 1px 0px 0px 1px;
 float: left
}

.Conteudo p img.left {
 float: left;
 padding: 0px 1px 1px 0px;
}

.Conteudo p img.right{
 float: right;
 padding: 0px 0px 0px 10px;
}

/*Conteúdo UL PARA 3 COLUNAS         Este estou ajeitandooooooooooooooo */
.Conteudo UL {
 color: red;
 PADDING-RIGHT: 0px;
 PADDING-LEFT: 0px;
 FLOAT: left;
 PADDING-BOTTOM: 0px;
 MARGIN: 5px 0px;
 WIDTH: 100%;
 PADDING-TOP: 0px;
 LIST-STYLE-TYPE: none;
 background-color: #FFFFFF;
}

.Conteudo LI {
 text-align: left;
 PADDING-RIGHT: 15px;
 DISPLAY: inline;
 PADDING-LEFT: 3px;
 FLOAT: left;
 PADDING-BOTTOM: 0px;
 WIDTH: 47%;
 PADDING-TOP: 0px;
 background-color: #FFFFFF;
 border-style: none;
 border-color: red;
}

.Conteudo ul li p{
 font-size: 12px; color: #000000;
 text-indent: 0px;
 text-align: left;
 margin-bottom: 11px;
 margin-left: 5px;
 margin-right: 0px;
}

/*
.Conteudo a{
  text-decoration: none;
  display: block;
  color: White;
  background: url(../estilo/imgcss/menu_off.png) repeat-x;
  padding: 0px 7px 0px 7px;
}

.Conteudo a:hover{
  text-decoration: none;
  display: block;
  color: White;
  background: url(../estilo/imgcss/menu_on.png) repeat-x;
  padding: 0px 7px 0px 7px;
}
*/

/* RODAPÉ */
.Rodape{
 width: 1036px;  height: auto;
 float: left;
}

.Rodape .Corpo{
 width: 1036px; height: auto;
 margin: 0px auto;
}

.Rodape .Corpo .Line{
 width: 100%;  height: 10px;
}

.Rodape .Corpo .Line hr{
 width: 100%;  height: 1px;
 background-color: black;
 border: 1px solid #595959;
}

.Rodape .Corpo .Info{
 width: 300px;  height: 30px;
 float: left;
 font-size: 9px;  color: #82DAFF;
}

.MenuRodape{
 width: 650px;  height: 30px;
 float: left;
}

.MenuRodape ul{
 list-style-type: none;
 margin: 0;
 padding: 0;
 float: right;
}

.MenuRodape li{
 float: left;
 font-size: 9px;  color: #82DAFF;
 margin: 0px 5px 0px 5px;
}

.Rodape a{
 text-decoration: none;
 color: #82DAFF;
}

.Rodape a:hover{
 text-decoration: underline;
 color: #82DAFF;
}
/* RODAPÉ */

.formas {
 font-size: 11px; color: #000000;
 text-align: justify;
 margin-bottom: 11px;
 margin-left: 11px;
 margin-right: 11px;
}

/*TABELAS*/

.Table{
  border: 5px solid #800000;
  background-color: #FFFFCC;
  font-family: Arial Black;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 3px 3px 3px;
}

.Table tr:first-child td{
  border: 2px solid black;
  background: url(../estilo/imgcss/arcoiris2.png) repeat-x;
  font-size: 15px;
  color: #FFF;
  font-weight: normal;
  padding: 3px 3px 3px 3px;
}

.Table TR{
  border: 1px solid blue;
  background-color: red;
  padding: 3px 3px 3px 3px;
}

.Table TD{
  border: 1px solid #800000;
  background-color: #FFFFCC;
  font-family: Arial Narrow;
  font-size: 16px;
  font-weight: normal;
  padding: 1px 1px 1px 1px;
}

/*SEGUNDO TIPO DE TABELA */
.Table2{
  border: 5px solid #800000;
  background-color: #FFFFCC;
  font-family: Arial Black;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 3px 3px 3px;
}

.Table2 tr:first-child td{
  border: 2px solid black;
  background: url(../estilo/imgcss/linha_op10.png) repeat-x;
  font-size: 15px;
  color: #FFF;
  font-weight: normal;
  padding: 3px 3px 3px 3px;
}

.Table2 TR{
  border: 1px solid blue;
  background-color: red;
  padding: 3px 3px 3px 3px;
}

.Table2 TD{
  border: 1px solid #800000;
  background-color: #FFFFCC;
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  padding: 1px 1px 1px 1px;
}

/*TERCEIRO TIPO DE TABELA */
.Table3{
  border: 5px solid #800000;
  background-color: #FFFFCC;
  font-family: Arial Black;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 3px 3px 3px;
}

.Table3 TR{
  border: 1px solid blue;
  background-color: red;
  padding: 3px 3px 3px 3px;
}

.Table3 TD{
  border: 1px solid #800000;
  background-color: #FFFFCC;
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  padding: 1px 1px 1px 1px;
}



/* BUTTONS */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('linha_op2.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('arcoiris.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}