BODY {
  BACKGROUND: #d9dada url('../imagens/fundo.gif') repeat-y center;
  COLOR: #484848;
  FONT-SIZE: 9pt;
  FONT-FAMILY: Arial, Helvetica, Verdana, MS Sans Serif;
  MARGIN: 0;
  padding-bottom:50px;
  }
H1, H2, H3, H4, H5, H6 { FONT-FAMILY: Trebuchet MS}

a { COLOR: #484848; TEXT-DECORATION: underline}
a:hover { TEXT-DECORATION: underline}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { TEXT-DECORATION: none}
a h1, a h2, a h3, a h4, a h5, a h6, a p { TEXT-DECORATION: none}
a:hover p, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 { TEXT-DECORATION: underline}

a img { BORDER: none}
a{text-decoration:none;}
img.ImagemEsq { MARGIN: 0 20px 0 0; FLOAT: left !important}
img.ImagemDir { MARGIN: 0 0 0 10px; FLOAT: right !important}
img.ImagemMeio { VERTICAL-ALIGN: middle; FLOAT: none !important}
/*.cinza { BACKGROUND: #FFFFFF url('../imagens/box-fundo.gif') repeat-x top; PADDING: 10px}*/

/* ESTRUTURA */
#TopoBanner, #Cabecalho, #Conteudo, #Menu, #Principal, #Centro, #Parceiros, #Texto, #Box { OVERFLOW: hidden}
#Tudo { width:980px; POSITION: relative; MARGIN: 0 auto}
#TopoBanner { BACKGROUND: #363636;  TEXT-ALIGN: center}
#BarraGlobo { BACKGROUND: #363636; HEIGHT: 27px; BORDER-BOTTOM: 6px solid #cc0001}
#Cabecalho { width:980px; HEIGHT: 80px; MARGIN: 0 auto; BACKGROUND: transparent url('../imagens/cabecalho-fundo.gif') no-repeat left top}
#Conteudo { WIDTH: 980px; MARGIN: 0 auto}
#Menu { WIDTH: 146px; FLOAT: left}
#Principal {padding:0 0 20px;WIDTH: 816px; margin-left:6px; BORDER: 1px solid #D9D9D9; BACKGROUND: #FFFFFF; FLOAT: left}
#Centro { WIDTH: 772px; MARGIN: 15px 0 0 12px; FLOAT: left; padding:10px}
#Rodape { WIDTH: 799px; HEIGHT: 22px; BACKGROUND: #fff url('../imagens/rodape-fundo.gif') no-repeat left top; MARGIN: 3px 0 0 151px; PADDING: 4px 10px 4px 10px; POSITION: absolute; CLEAR: both;}
#Clear { CLEAR: both}

#Cabecalho .busca { FONT-SIZE: 8pt; WIDTH: 400px; HEIGHT: 22px; MARGIN: 30px 25px 0px 0; FLOAT: right}
#Cabecalho .busca img, #Cabecalho .busca input { FLOAT: right}
#Cabecalho .busca span { WIDTH: 220px; HEIGHT: 20px; BACKGROUND-COLOR: #758ba0; BORDER-TOP: #607080; BORDER-BOTTOM: #607080; PADDING: 2px 5px 0 5px; DISPLAY: block; FLOAT: right; OVERFLOW: hidden}
#Cabecalho .busca span input { FONT-SIZE: 8pt; WIDTH: 220px; HEIGHT: 14px; FLOAT: none; OVERFLOW: hidden; BORDER: 1px solid #607080}

#Conteudo .publicidade { WIDTH: 132px; TEXT-ALIGN: center}

#Tarja { MARGIN: 0 0 10px 6px; WIDTH: 818px; HEIGHT: 90px; BACKGROUND: #F2F2F2 url('../imagens/cabecalho-tarja-fundo.jpg') no-repeat left top; FLOAT: left}
#Tarja a, #Tarja h1, #Tarja h2 {color:#0162f3; TEXT-DECORATION: none}
#Tarja a:hover { TEXT-DECORATION: none; color:#044fbf}
#Tarja h1 { FONT-SIZE: 7pt; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; FONT-FAMILY: Arial; MARGIN: 0; BORDER-LEFT: 3px solid #d8f1ff; FLOAT: right}
#Tarja h1 a { PADDING: 4px 10px 4px 10px; DISPLAY: block}
#Tarja h1 a:hover { /*COLOR: #FFFFFF;*/ BACKGROUND: #2b6a8a; TEXT-DECORATION: none}
#Tarja h2 { FONT-SIZE: 24pt; FONT-WEIGHT: bold; MARGIN: 0; PADDING: 10px 10px 0 20px}

#Rodape ul { MARGIN: 0; PADDING: 0}
#Rodape li { COLOR: #ffffff; FONT-SIZE: 7pt; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; MARGIN: 0; PADDING: 4px 10px 4px 10px; LIST-STYLE: none; BORDER-LEFT: 1px solid white; FLOAT: right}
#Rodape a { COLOR: #ffffff; TEXT-DECORATION: none}

#Parceiros { WIDTH: 578px; BACKGROUND: #f2f2f2 url('../imagens/parceiros-fundo.gif') repeat-x top; MARGIN: 10px 0 0 0; PADDING: 5px 15px 5px 15px; BORDER-TOP: 1px solid white; CLEAR: both}
#Parceiros p { COLOR: #828282; FONT-SIZE: 8pt; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 5px 0 5px 0; PADDING: 0; BORDER: none}
#Parceiros img { MARGIN: 0 10px 0 10px; VERTICAL-ALIGN: middle}

#Menu .itens { WIDTH: 138px; MARGIN: -6px 0 -4px 0; BORDER-RIGHT: 1px solid #e5e5e4; BORDER-LEFT: 1px solid #e5e5e4; BACKGROUND: #ffffff; PADDING: 0}
#Menu .noticias, #Menu .esportes, #Menu .entretenimento, #Menu .servicos { MARGIN-TOP: 4px}
#Menu h1 { COLOR: #333333; FONT-SIZE: 8pt; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 3px 0 3px 0}
#Menu h1 a { COLOR: #333333; PADDING: 3px 5px 3px 5px; DISPLAY: block; TEXT-DECORATION: none}
#Menu h1 a:hover { COLOR: #FFFFFF; TEXT-DECORATION: none}
#Menu #bullet { WIDTH: 4px; HEIGHT: 16px; FLOAT: left; MARGIN: 0 5px 0 0}
#Menu .noticias       h1 a:hover { BACKGROUND: #cc0000}
#Menu .esportes       h1 a:hover { BACKGROUND: #659902}
#Menu .entretenimento h1 a:hover { BACKGROUND: #fd6503}
#Menu .servicos       h1 a:hover { BACKGROUND: #828282}
#Menu .noticias       #bullet { BACKGROUND: #cc0000}
#Menu .esportes       #bullet { BACKGROUND: #659902}
#Menu .entretenimento #bullet { BACKGROUND: #fd6503}
#Menu .servicos       #bullet { BACKGROUND: #828282}
#Menu .out h1 { WIDTH: 140px; HEIGHT: 25px; COLOR: #3866a9; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 140%; MARGIN: 5px 10px 5px 0; BACKGROUND: #FFFFFF url('../imagens/menu-out.gif') no-repeat right}
#Menu .out h1 a { COLOR: #3866a9; PADDING: 5px 0 5px 5px; DISPLAY: block}

/* PRINCIPAL */
#Trilha p { COLOR: #484848; FONT-SIZE: 8pt; LINE-HEIGHT: 100%; MARGIN: 0 15px 5px 165px}
#Trilha span { FLOAT: right}
#Trilha a { COLOR: #484848; TEXT-DECORATION: none !important}
#Trilha div{Background:#FFF url('../imagens/trilha-fundo.gif') repeat-x; height:40px;font-size:12px; padding:5px 5px 1px 5px; display:inline; margin-left:6px; position:relative;}

#Centro h1 { COLOR: #9eb000; FONT-SIZE: 14pt; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 10px 0 0 5px;}
#Centro h1 strong {padding-right:10px; background-color:#FFF;}
#Centro h1 a { COLOR: #9eb000; float:right; background:#fff no-repeat 30%;width:68px;height:18px;margin-top:5px}
#Centro h1 a.RSS{background:url("../imagens/botao-rss.gif") no-repeat scroll 30% 50% #FFFFFF;}
#Centro h2 { COLOR: #828282; FONT-SIZE: 10pt; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0;/* PADDING-LEFT: 10px; BORDER-BOTTOM: 3px solid #f2f2f2*/}
#Centro h2 a { COLOR: #828282}
#Centro p { MARGIN: 5px 0 5px 0}
#Centro h1 img, #Centro h2 img { FLOAT: right}

#Conteudo #Banner p { MARGIN: 0 0 10px 0}

/*
.double{overflow: auto; width: 590px}
.double .MaisNoticias:first-child{margin-right:10px;}
.double .MaisNoticias:last-child{margin-left:10px;}
*/

#Texto { COLOR: #484848; FONT-SIZE: 10pt; LINE-HEIGHT: 160%; MARGIN: 0 0 5px 0; PADDING: 10px 5px 10px 5px; BORDER-TOP: 1px solid white; CLEAR: both}
#Texto h1, #Texto h2, #Texto h3, #Texto h4, #Texto h5 { FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0 0 15px 0; PADDING: 0; BORDER: none}
#Texto h1, #Texto h1 a { COLOR: #9eb000; FONT-SIZE: 14pt}
#Texto h2, #Texto h2 a { COLOR: #828282; FONT-SIZE: 12pt}
#Texto h3, #Texto h3 a { COLOR: #000000; FONT-SIZE: 10pt}
#Texto h4, #Texto h4 a { COLOR: #000000; FONT-SIZE: 10pt}
#Texto h5, #Texto h5 a { COLOR: #828282; FONT-SIZE: 10pt}
#Texto hr { BORDER: 1px solid #FFFFFF}
#Texto .Fonte { FONT-SIZE: 8pt; TEXT-ALIGN: right; FLOAT: right; WIDTH: 150px; MARGIN: 0 15px 1px 0; PADDING: 0}
#Texto .Data { FONT-SIZE: 8pt}
#Texto ul { LIST-STYLE-IMAGE: url('../imagens/marcador-cinza.gif'); MARGIN: 0 0 10px 15px; PADDING: 0}
#Texto li { MARGIN: 0 0 4px 0}
#Texto a.link { COLOR: #9eb000; FONT-SIZE: 8pt; FONT-WEIGHT: bold}
#Texto a { COLOR: #9eb000; FONT-WEIGHT: bold; TEXT-DECORATION: none}
#Texto a:hover { TEXT-DECORATION: underline}

.Foto { /*WIDTH: 245px;*/ MARGIN: 0 px 0 10px; PADDING-LEFT: 6px; FLOAT: right; BORDER-LEFT: 3px solid #cccccc}
.Foto img { /*WIDTH: 240px;*/}
.Foto p { COLOR: #828282; FONT-SIZE: xx-small !important; LINE-HEIGHT: 140%; MARGIN: 3px 0 3px 0 !important}

#Box { MARGIN: 0 0 5px 0; FONT-SIZE: 8pt; PADDING: 10px 10px 10px 10px}
/*#Box.cinza { BORDER: 1px solid #dddddd}*/
#Box .esq { BORDER-RIGHT: 1px solid white; PADDING-RIGHT: 10px; FLOAT: left; WIDTH: 180px}
#Box .dir { PADDING-LEFT: 10px; FLOAT: right; WIDTH: 180px}
#Box h1 { COLOR: #9eb000; FONT-SIZE: 14pt; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0 0 5px 0}
/*#Box.cinza h1 { COLOR: #9eb000; FONT-SIZE: 12pt; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0 0 5px 0; BACKGROUND-COLOR: #FFFFFF; PADDING: 2px 5px 2px 5px}*/
#Box h1 a { COLOR: #9eb000}
#Box h2 { COLOR: #000000; FONT-SIZE: 9pt; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0 0 5px 0; PADDING: 0; BORDER: none}
#Box h2 a { COLOR: #000000}
#Box h3 { COLOR: #828282; FONT-SIZE: 9pt; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0 0 5px 0; PADDING: 0; BORDER: none}
#Box h3 a { COLOR: #828282}
#Box hr { BORDER: 1px solid #f2f2f2}
/*#Box.cinza hr { BORDER: 1px solid #FFFFFF}*/
#Box p { LINE-HEIGHT: 140%; MARGIN: 5px 0 5px 0}
#Box ul { LIST-STYLE-IMAGE: url('../imagens/marcador-cinza.gif'); MARGIN: 0 0 10px 15px; PADDING: 0}
#Box li { MARGIN: 0 0 4px 0}
#Box label { CURSOR: pointer}
#Box a { TEXT-DECORATION: none}
#Box a:hover { TEXT-DECORATION: underline}
#Box a.link { COLOR: #9eb000; FONT-WEIGHT: bold}

#Box .nuvem, #Filtro .nuvem { LINE-HEIGHT: 180%}
#Filtro .nuvem { WIDTH: 270px; FLOAT: right}
.nuvem a.link { COLOR: #9eb000; FONT-SIZE: 8pt; TEXT-DECORATION: underline}

#Box.Noticias span { COLOR: #FFFFFF; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: center; BACKGROUND: #7acae5; WIDTH: 35px; MARGIN: 0 8px 0 0; PADDING: 8px; BORDER-BOTTOM: 1px solid #FFFFFF; FLOAT: left}
#Box.Noticias h1 { COLOR: #009dd5}
#Box.Noticias h2 { FONT-SIZE: 8pt; MARGIN: 0 0 5px 60px; PADDING: 0; BORDER: none}
#Box.Noticias p { MARGIN: 5px 0 12px 60px}

#BoxMais p { FONT-SIZE: 8pt; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 5px 0 5px 10px}

/*#divVidaReciclada{width:auto; height:20px; position:relative; top:-35px}*/
#Centro #VidaReciclada h1 {color:#637599 !important; color:#637599; }
#Centro #VidaReciclada h1.linha{background:transparent url(../imagens/minirow_vr.gif) repeat-x 50%; margin-bottom:20px;}
/*h1#VidaReciclada hr {color:#637599; height:2px; width:290px; float:left}*/

/*
#Abas { PADDING: 10px 10px 0 10px}
#Abas h1 { FONT-SIZE: 7pt; MARGIN: 0 2px 0 0; PADDING: 0; FLOAT: left; TEXT-ALIGN: center; BORDER: none}
#Abas h1 a { WIDTH: 100px; HEIGHT: 20px; PADDING: 8px 0 0 0; DISPLAY: block}
#Abas h1.on a { COLOR: #ff6600; FONT-WEIGHT: bold; BACKGROUND: transparent url('../imagens/abas-on.gif') no-repeat top center}
#Abas h1.off a { COLOR: #808080; FONT-WEIGHT: bold; BACKGROUND: transparent url('../imagens/abas-off.gif') no-repeat top center}
*/
#Centro #Busca { FONT-SIZE: 8pt; BACKGROUND: #ffffff url('imagens/abas-fundo.gif') repeat-x top; PADDING: 15px 10px 10px 10px; MARGIN-TOP: -1px; BORDER-TOP: 1px solid #999999}
#Centro #Busca h1 { COLOR: #9eb000; FONT-SIZE: 12pt; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0; HEIGHT: 27px}
#Centro #Busca h2 { COLOR: #9eb000; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 140%; MARGIN: 0 0 5px 0}
#Centro #Busca p { LINE-HEIGHT: 140%; MARGIN: 5px 0 0 0; width: 160px; FLOAT: left}
#Centro #Busca div { BACKGROUND: #FFFFFF no-repeat right top; PADDING: 10px; MARGIN: 0 0 5px 0}
#Centro #Busca ul { LIST-STYLE-IMAGE: url('../imagens/marcador-laranja.gif'); MARGIN: 0 0 10px 15px; PADDING: 0}
#Centro #Busca li { MARGIN: 0 0 4px 0}
#Centro #Busca label { CURSOR: pointer}
#Centro #Busca input[type$='Text'] { BACKGROUND-COLOR: #ffffff; BORDER: 1px solid #b2b2b2; WIDTH: 150px !important; MARGIN: 0}
#Centro #Busca select { BACKGROUND-COLOR: #ffffff; BORDER: 1px solid #b2b2b2; WIDTH: 150px !important; MARGIN: 0 0 2px 0}

#Filtro { COLOR: #484848; FONT-SIZE: 8pt; PADDING: 5px 15px 5px 15px; BORDER-TOP: 1px solid white}
#Filtro p { LINE-HEIGHT: 140%; MARGIN: 0 0 5px 0}
#Filtro img { MARGIN: 0 10px 0 10px; VERTICAL-ALIGN: middle}
#Filtro label { CURSOR: pointer}
#Filtro ul { LIST-STYLE: none; MARGIN: 5px auto; PADDING: 0; TEXT-ALIGN: center}
#Filtro li { FONT-WEIGHT: bold; VERTICAL-ALIGN: middle; DISPLAY: inline}
#Filtro li a { PADDING: 2px 4px 2px 4px; TEXT-DECORATION: none}
#Filtro li a:hover { COLOR: #FFFFFF; BACKGROUND-COLOR: #8a9db4}
#Filtro a { TEXT-DECORATION: none}
#Filtro a:hover { TEXT-DECORATION: underline}

#Funcoes { BORDER-BOTTOM: 3px solid #f2f2f2; BORDER-TOP: 3px solid #f2f2f2; PADDING: 5px 0 5px 0; MARGIN: 0; CLEAR: both}
#Funcoes p { COLOR: #484848; FONT-SIZE: 7pt; LINE-HEIGHT: 140%; MARGIN: 0 10px 0 0; FLOAT: left}
#Funcoes img { MARGIN: 0 5px 0 5px; VERTICAL-ALIGN: middle}
#Funcoes label { COLOR: #484848; FONT-SIZE: 8pt; CURSOR: pointer}
#Funcoes a { TEXT-DECORATION: none}
#Funcoes a:hover { TEXT-DECORATION: underline}

/*
#Bookmarks { BACKGROUND: #f2f2f2 url('../imagens/parceiros-fundo.gif') repeat-x top; MARGIN: 0; PADDING: 5px; BORDER-TOP: 1px solid white; CLEAR: both}
#Bookmarks p { COLOR: #484848; FONT-SIZE: 7pt; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0 0 5px 0; PADDING: 0; BORDER: none}
#Bookmarks img { MARGIN: 0 5px 0 5px; VERTICAL-ALIGN: middle}
*/
/*form { COLOR: #484848; FONT-SIZE: 8pt}*/
select { BACKGROUND-COLOR: #ffffff; FONT-SIZE: 8pt; BORDER: 1px solid #b2b2b2; WIDTH: 98%; MARGIN: 0}
input { FONT-SIZE: 8pt}
input[type$='Text'] { BACKGROUND-COLOR: #ffffff; BORDER: 1px solid #b2b2b2; WIDTH: 98%; MARGIN: 0}
textarea { BACKGROUND-COLOR: #ffffff; BORDER: 1px solid #b2b2b2; WIDTH: 98%; MARGIN: 0}
label { CURSOR: pointer}
.radiocheck { BACKGROUND-COLOR: transparent; BORDER: 0pt solid #ffffff; WIDTH: 25px; MARGIN: 4px 0 -3px -7px; PADDING: 0; CURSOR: pointer}
.submit { MARGIN: 0}