body {
scrollbar-face-color: #e6e6ff;
scrollbar-highlight-color: #B9B9FF;
scrollbar-3dlight-color: #B9B9FF;
scrollbar-darkshadow-color: #B9B9FF;
scrollbar-shadow-color: #B9B9FF;
!- edite as cores abaixo manualmente com a cor desejada -!
scrollbar-arrow-color: #B9B9FF;
scrollbar-track-color: #FFEAF7;
}


/*|||||||||||| Tabelas ||||||||||||*/

/* para tirar a linha dupla da tabela, devemos acrescentar abaixo = table.tabelapricipal {border-collapse: collapse;} e acrescentar > class="tabelaprincipal" < dentro da tag table no html */

table.tabelalogo {border:0px solid #307870; bordercolor: #307870; background-color: #307870;}
table.tabelalogo td {border:1px solid #3F9A8E;}

table.tabelaprincipal {border:1px solid #B9B9FF; bordercolor: #B9B9FF; background-color: #E6E6FF;}
table.tabelaprincipal td {border:1px solid #B9B9FF;}

/* Cores dos links da página, declaramos as cores do menu mais a frente */

a:link, a:visited, a:active
{ background-color: inherit; color:#0C3E89; text-decoration: none; font-weight: bold; }

a:hover
{ background-color: inherit; color:#00aa00; text-decoration: underline; }


/* primeiro de tudo, declaramos o menu com DIV para o hover não confundir o mesmo com os links da página */
#menup2 {
	background: #35847A;
}
#menup2 ul{
    margin: 0;
    padding: 0;
	background: #35847A;
	list-style: none;
}
#menup2 li {
display: block;
}
#menup2 a {
	display: block;
	padding: 5px;
color: #fff;
background: #35847A;
border-bottom: 1px solid #fff;
text-decoration: none;
}
#menup2 a:hover {
	background: #96BB00;
}
#menup2 a b {
	text-decoration: none;
}

/* Menu Favoritos e Navegação 2 */

#menu2 {
	background: #EE078C;
}
#menu2 ul{
    margin: 0;
    padding: 0;
	background: #EE078C;
	list-style: none;
}
#menu2 li {
display: block;
}
#menu2 a {
	display: block;
	padding: 5px;
color: #fff;
background: #EE078C;
border-bottom: 1px solid #fff;
text-decoration: none;
}
#menu2 a:hover {
	background: #00aa00;
}
#menu2 a b {
	text-decoration: none;
}

/* Menu Favoritos e Navegação 2 */

#menu3 {
	background: #3F9A8E;
}
#menu3 ul{
    margin: 0;
    padding: 0;
	background: #3F9A8E;
	list-style: none;
}
#menu3 li {
display: block;
}
#menu3 a {
	display: block;
	padding: 5px;
color: #fff;
background: #3F9A8E;
border-bottom: 1px solid #fff;
text-decoration: none;
}
#menu3 a:hover {
	background: #00aa00;
}
#menu3 a b {
	text-decoration: none;
}

#menulinks a {
color: #EE078C;
text-decoration: none;
}

#menulinks a:hover {
	color: #00aa00;
/* font-size:90%; */
}

#menulinks {
font-weight: bold;
border: 1px solid #9595FF;
background-color: #D9D9FF; 
padding-left:4px; 
padding-right:4px; 
padding-top:1px; 
padding-bottom:1px"
}