body { 
  MARGIN: 20px; 
  BACKGROUND: #175269 url('../imagens/fundo.gif') repeat-x top; 
  FONT-FAMILY: Arial, Helvetica, Verdana, MS Sans Serif; 
  FONT-SIZE: x-small;
  COLOR: #666666;
  LINE-HEIGHT: 140%;
  }

/* Tags principais */
spacer { CLEAR: both; DISPLAY: block;}
a { COLOR: #285b83; TEXT-DECORATION: none;}
a:hover { COLOR: #000000;}
a:active { COLOR: #006699;}
img { BORDER: 0; VERTICAL-ALIGN: middle;}
form { MARGIN: 0;}
label { CURSOR: pointer;}
input, select, textarea { FONT-SIZE: x-small;}
h1 { FONT-SIZE: large;}
h1, h2, h3, h4 { COLOR: #285b83; MARGIN: 0 0 10px 0; LINE-HEIGHT: 140%;}
ul { LIST-STYLE: none; MARGIN: 0 0 10px 0; PADDING: 0;}
li { MARGIN: 0 0 4px 0; PADDING: 0 0 0 8px; BORDER-LEFT: 3px solid #5d9bb9;}
p { MARGIN: 0 0 10px 0;}

.Foto { MARGIN: 0 0 0 10px; BORDER: 5px solid #e5e5e5; FLOAT: right;}
a:hover .Foto { BORDER: 5px solid #5d9bb9;}
#DestaqueG .Foto { MAX-WIDTH: 200px;}
#DestaqueM .Foto { MAX-WIDTH: 100px;}
#DestaqueP .Foto { MAX-WIDTH: 70px;}
#Texto .Foto { MAX-WIDTH: 250px;}
.Mais { FLOAT: right;}

/* Estrutura */
#Topo { WIDTH: 960px; HEIGHT: 90px; MARGIN: auto;}
  #Postit { WIDTH: 160px; FLOAT: left;}
  #Topo #Publicidade { WIDTH: 728px; MARGIN-RIGHT: 20px; FLOAT: left; BORDER: 1px solid white;}

#Conteudo #Publicidade { WIDTH: 620px; MARGIN: 10px 25px 10px 25px;}
#Lateral #Publicidade { WIDTH: 230px; MARGIN: 6px 15px 10px 15px; TEXT-ALIGN: center;}

#Tudo { WIDTH: 945px; MARGIN: 10px auto; BACKGROUND-COLOR: white; BORDER: 7px solid white;}

#DataBusca { COLOR: #FFFFFF; HEIGHT: 33px; BACKGROUND: #f8ce6e url('../imagens/busca-fundo.gif') repeat-x top; OVERFLOW: hidden;}
#DataBusca p { WIDTH: 460px; MARGIN: 3px; FLOAT: left;}
#DataBusca em { FONT-SIZE: medium; FONT-WEIGHT: bold; FONT-STYLE: normal; LINE-HEIGHT: 150%;}
#DataBusca input { WIDTH: 230px;}

#Cabecalho { WIDTH: 945px; HEIGHT: 111px; COLOR: #FFFFFF; BACKGROUND: #1c4254 url('../imagens/cabecalho-fundo.jpg') no-repeat left top; OVERFLOW: hidden;}

#Logo { WIDTH: 420px; PADDING: 18px 0 0 18px; FLOAT: left;}

#Estado { WIDTH: 240px; PADDING: 60px 10px 0 0; FLOAT: right; OVERFLOW: hidden;}
#Estado h1 { HEIGHT: 20px; COLOR: #FFFFFF; FONT-SIZE: small; MARGIN: 0 0 10px 0;}
#Estado p { WIDTH: 80px; MARGIN: 0; FLOAT: left;}

#Newsletter { WIDTH: 200px; PADDING: 10px 20px 0 0; FLOAT: right;}
#Newsletter input { WIDTH: 140px;}
#Newsletter h1 { FONT-SIZE: x-large; COLOR: #FFFFFF; MARGIN: 0 0 4px 0;}
#Newsletter p { MARGIN: 0 0 4px 0;}

#Conteudo { WIDTH: 680px; MIN-HEIGHT: 261px; BACKGROUND: white url('../imagens/conteudo-fundo.gif') no-repeat left top; FLOAT: left; OVERFLOW: hidden;}
#Lateral { WIDTH: 265px; MIN-HEIGHT: 420px; BACKGROUND: #e5e5e5 url('../imagens/lateral-fundo.gif') no-repeat left top; FLOAT: right; OVERFLOW: hidden;}

#Rodape { WIDTH: 945px; HEIGHT: 20px; MARGIN: 5px auto; CLEAR: both;}
#Rodape p { WIDTH: 472px; COLOR: #FFFFFF; MARGIN: 0; FLOAT: left;}

#Menu { MARGIN: 6px 0 0 0; OVERFLOW: hidden;}
#Menu h1 { MARGIN: 0;}
#Menu a, #Menu a:hover { HEIGHT: 20px; COLOR: #285b83; FONT-SIZE: small; FONT-WEIGHT: bold; LINE-HEIGHT: 180%; FLOAT: left; BORDER-LEFT: 1px solid white; PADDING: 8px 11px 12px 11px;}
#Menu a { BACKGROUND: #daeff7 url('../imagens/menu-fundo-OFF.gif') repeat-x top;}
#Menu a:hover { BACKGROUND: #daeff7 url('../imagens/menu-fundo-ON.gif') repeat-x top;}

#Funcoes { TEXT-ALIGN: right; BACKGROUND: #fdebc5; BORDER-TOP: 1px dotted #f6b327; PADDING: 5px; MARGIN: 0 40px 10px 40px;}
#Trilha #Funcoes { FLOAT: right; BACKGROUND: none; BORDER-TOP: 0; PADDING: 0; MARGIN: 0;}

#Base { MARGIN: 6px 0 0 0; CLEAR: both; OVERFLOW: hidden;}
#Base h1, #Base h2 { MARGIN: 0;}
#Base a, #Base a:hover { WIDTH: 8.30%; HEIGHT: 18px; COLOR: #FFFFFF; FONT-SIZE: xx-small; FONT-WEIGHT: bold; TEXT-ALIGN: center; LINE-HEIGHT: 200%; FLOAT: left; PADDING: 8px 0 12px 0;}
#Base h1 a { BACKGROUND: #daeff7 url('../imagens/base-fundo-OFF.gif') repeat-x top;}
#Base h1 a:hover { BACKGROUND: #daeff7 url('../imagens/base-fundo-ON.gif') repeat-x top;}
#Base h2 a { BACKGROUND: #daeff7 url('../imagens/base-fundo-ON.gif') repeat-x top;}
#Base h2 a:hover { BACKGROUND: #daeff7 url('../imagens/base-fundo-OFF.gif') repeat-x top;}

/* Destaques */

.Titulo { HEIGHT: 28px; COLOR: #FFFFFF; BACKGROUND-COLOR: #f6af27; MARGIN: 0 30px 10px 30px; PADDING-LEFT: 10px; CLEAR: both;}

#DestaqueG { PADDING: 6px 40px 10px 40px; CLEAR: both;}

#DestaqueM { WIDTH: 43%; PADDING: 12px 0 10px 30px; FLOAT: LEFT;}
#DestaqueM h1 { FONT-SIZE: small;}
#DestaqueM p { FONT-SIZE: x-small;}

#DestaqueP { WIDTH: 28%; PADDING: 12px 0 10px 30px; FLOAT: LEFT;}
#DestaqueP h1 { FONT-SIZE: small;}
#DestaqueP p { FONT-SIZE: x-small;}

/* Conteudo */

#Trilha { MARGIN: 30px 40px 10px 40px; BORDER-BOTTOM: 1px dotted #cbcbcb; CLEAR: both;}
#Trilha p { FONT-SIZE: x-small; MARGIN: 0;}
#Trilha img { VERTICAL-ALIGN: top;}

#Texto { PADDING: 0 40px 10px 40px; CLEAR: both;}
#Texto p { FONT-SIZE: small; LINE-HEIGHT: 140%;}

#Listagem { PADDING: 0 40px 10px 40px;}
#Listagem h1, #Listagem span p { MARGIN: 0;}
#Listagem span { PADDING: 5px; DISPLAY: block;}
#Listagem span h1 { FONT-SIZE: x-small;}
#Listagem span p { FONT-SIZE: x-small;}
#Listagem .cor { BACKGROUND: #f2f2f2;}

#Enquete { COLOR: #FFFFFF;}
#Enquete h1 { FONT-SIZE: x-large; COLOR: #ffcc00; MARGIN: 0 0 4px 0;}
#Enquete h2 { FONT-SIZE: medium; COLOR: #FFFFFF; MARGIN: 0 0 4px 0;}

#Amigo { COLOR: #FFFFFF;}
#Amigo h1 { FONT-SIZE: x-large; COLOR: #ffcc00; MARGIN: 0 0 4px 0;}
#Amigo h2 { FONT-SIZE: medium; COLOR: #FFFFFF; MARGIN: 0 0 4px 0;}

/* Lateral */
#Lateral span { TEXT-ALIGN: right; MARGIN: 0; DISPLAY: block;}

#Busca { WIDTH: 200px; COLOR: #FFFFFF; PADDING: 0 30px 10px 30px; CLEAR: both;}
#Busca h1 { MIN-HEIGHT: 30px; COLOR: #FFFFFF; BACKGROUND: url('../imagens/pontilhado-branco.gif') repeat-x top; MARGIN: 0;}
#Busca .Colunas { WIDTH: 50%; FLOAT: left;}

#Box { MARGIN: 0 20px 10px 20px; PADDING: 10px; CLEAR: both;}
#Box.Branco { BACKGROUND-COLOR: #FFFFFF;}
#Box.Laranja { BACKGROUND-COLOR: #f6af27; COLOR: #FFFFFF;}
#Box h1 { MIN-HEIGHT: 22px; BACKGROUND: url('../imagens/pontilhado-cinza.gif') repeat-x top;}
#Box.Laranja h1 { COLOR: #FFFFFF; BACKGROUND: url('../imagens/pontilhado-branco.gif')}
#Box h1 img { VERTICAL-ALIGN: top;}
#Box li { WIDTH: 40%; MARGIN-RIGHT: 8px; FLOAT: left;}
#Box dt { WIDTH: 40px; FLOAT: left;}
#Box dd { FONT-WEIGHT: bold; MARGIN: 0 0 4px 40px;}

/* Formularios */
.input { WIDTH: 98%; MARGIN: 3px 0 3px 0;}
.textarea, .select  { WIDTH: 100%; MARGIN: 3px 0 3px 0;}
.radiocheck { CURSOR: pointer; /* WIDTH: 25px; MARGIN: 4px 0 -3px -7px;*/}
.submit { MARGIN: 0 0 3px 0;}

/* Tabelas */
table { WIDTH: 715px; MARGIN: 10px 0 10px 0; BORDER-COLLAPSE: collapse; PADDING: 2px 5px 2px 5px;}
table th { FONT-WEIGHT: bold; TEXT-ALIGN: left; PADDING: 2px 5px 2px 5px; BACKGROUND-COLOR: #ffffff; BORDER: 1px solid #ffcc00;}
table td { PADDING: 2px 5px 2px 5px; BACKGROUND-COLOR: #ffe680; BORDER: 1px solid #ffcc00;}