body {
    font-size:normal;
    margin: 20px;  
    padding-top: 0px;
    font-family: arial,verdana,tahoma;
}

h1
{
    font-size:normal;
    margin: 0px;  
    padding-top: 0px;
    font-family: arial,verdana,tahoma;
	color: #FFFF00;
}

h1.index{
margin-left: 220px;   
}

a
{
    margin: 0px;  
    padding-top: 0px;
    font-family: arial,verdana,tahoma;
	color: #FFFF00;
    font-size:12px;
    TEXT-DECORATION: none;
}

a:visited {
	COLOR: #FFFF00; CURSOR: hand; FILTER: FlipH; TEXT-DECORATION: none
}
a:link {
	TEXT-DECORATION: none
}
a:hover {
	COLOR: #ff0000; TEXT-DECORATION: none
}

a.categoria
{
    margin: 0px;  
    padding-top: 0px;
    font-family: arial,verdana,tahoma;
	color: #000000;
    font-size:12px;
    TEXT-DECORATION: none;
}

a.categoria:visited {
	COLOR: #000000; CURSOR: hand; FILTER: FlipH; TEXT-DECORATION: none
}
a.categoria:link {
	TEXT-DECORATION: none
}
a.categoria:hover {
	COLOR: #ff0000; 
}

.titulo-cabecalho{
font-family: tahoma,verdana;
font-weight: normal;
font-size:50px;
color:#FF0000;
background: url(imagem/cabecalho-mensagem-amor-amizade-1.jpg) #FFFFFF top center no-repeat;
}

.cabecalho-ler{
font-family: tahoma,verdana;
font-weight: normal;
background: url(imagem/cabecalho-mensagem-amor-amizade-1.jpg) #FFFFFF top center no-repeat;
}

.titulo-1{
font-family: tahoma,verdana;
font-weight: normal;
font-size:50px;
color:#FF0000;
}

.tabela-1{
font-size: 12px;
font-weight: normal;
font-family: tahoma,verdana;
background-Color: #F2F9FF;
}

.tabela-2 {
border: 1px dashed #9FD9FF;
font-size: 12px;
font-weight: normal;
font-family: tahoma,verdana;
color: #9FD9FF;
}

.tabela-3{
font-size: 12px;
font-weight: normal;
font-family: tahoma,verdana;
}

/* BUBBLE TOOLTIP */
a.tt {cursor: help;}
.tt {
  font-size: .9em;
  font-weight: normal;
  font-family: tahoma,verdana;
  text-decoration:none;
  text-align: left;
}
.tt span { display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover {   position:relative;text-decoration:none; z-index:1000; color: #FF0000; background:transparent;}
.tt:hover span.tooltip {
  color: #111;
  display:block;
  position:absolute;
  top:0px; left:20px;
  padding: 15px 0 0 0;
  width:200px;
  text-align: left;
  text-decoration:none;
  z-index: 2000;
}
.tt.rightEnd:hover span.tooltip {
	right: -20px; left: auto;
}

.tt:hover span.top {
  display: block;
  padding: 30px 8px 0;
  background: url(/imagem/bubble.png) no-repeat top;
}
.tt.rightEnd:hover span.top {
	background: url(/imagem/bubble-right.png) no-repeat top;
}
.tt:hover span.middle { /* different middle bg for stretch */
  display: block;
  padding: 0 8px; 
  background: url(/imagem/bubble_filler.png) repeat bottom; 
}
.tt:hover span.bottom {
  display: block;
  padding:3px 8px 10px;
  color: #548912;
  background: url(/imagem/bubble.png) no-repeat bottom;
}
.tt .fakeLink {text-decoration: underline;}