<html>
<head>
<title>--Noticias--</title>
<style type="text/css">
<!--
/* ----------------- Muda cor da barra de rolagem ------------- */
BODY {
	scrollbar-face-color: black;
	scrollbar-arrow-color: white;
	scrollbar-base-color: #f4f4f4;
	scrollbar-shadow-color: white;
	scrollbar-dark-shadow-color: #f4f4f4;
	scrollbar-highlight-color: white;
	scrollbar-3d-light-color:#f4f4f4;
	background-color: #FFFFFF;
}

a:link {
text-decoration:none; /* retira o sublinhado dos links */ 
color:blue; /* define a cor da fonte */ 
       }
a:visited {
text-decoration:none;
color: red;
	  }
a:hover {
         color: green; /*Cor da fonte*/ 
                text-decoration:underline;

        }
/*--------------------------- Menu ----------------------- */
ul#menu { 
margin: 0; /* retira o recuo para alguns browsers */ (*)
padding:0; /* retira o recuo para outros browsers */ (*)
background-color: white;/*#006699; /* cor do fundo */ 

}
ul#menu li {
border-bottom:1px solid #006699; /*#CCCCCC; coloca uma borda azul entre links */ 
list-style-type: none; /* retira o marcador de listas*/ 
border:1px solid #003399; /* uma borda em volta do menu */ 
}
ul#menu li a:link {
text-decoration:none; /* retira o sublinhado dos links */ 
font-family: Tahoma; /* define o tipo de fonte */ 
font-size:12px; /* define o tamanho da fonte */ 
color:black; /* define a cor da fonte */ 
font-weight: bold;
}
ul#menu li a:visited {
	text-decoration:none;
	font-family: Tahoma; /* define o tipo de fonte */ 
        font-size:12px; /* define o tamanho da fonte */ 
        color:black; /* define a cor da fonte */  
	font-weight: bold;
}

ul#menu {
width:130px; /* uma largura para o menu */ 

}
ul#menu li a:link, ul#menu li a:visited {
display:block; (*) /* (*) Est regra display: block;  escrita com a finalidade de fazer com que a troca da cor do fundo seja na extensao toda do elemento <li>. */
border-right:5px solid #CCCCCC;/*solid #006699; /* uma barrinha a direita dos links */ 
padding-right:5px; /* espaamento entre a barrinha e o texto do link */ 
border-left:5px solid #CCCCCC;/*solid #006699; /* uma barrinha a esquerda dos links */ 
padding-left:5px; /* espaamento entre a barrinha e o texto do link */ 
}
ul#menu li a:hover {
background-color: blue; /* cor do fundo */
/*text-decoration:underline;*/
color: white; /*Cor da fonte*/
display:block; (*) /* (*) Est regra display: block;  escrita com a finalidade de fazer com que a troca da cor do fundo seja na extensao toda do elemento <li>. */
border-left:5px solid #0033cc; /* troca a cor da barrinha */ 
border-right:5px solid #0033cc; /* troca a cor da barrinha */ 
}
.estilo01 {
        font-size: xx-small;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image:url("bgazul.jpg");
	}
.estilo02 {
           color: white;
          }
.rr { font-weight: bold; font-size: 6pt; font-family: verdana }
/* ---------------------------- Fim do Menu -------------------------------*/
.bordacima { border-style: solid; border-width: 1px 0px 0px 0px; border-color: black }
.bordacimadireita { border-style: solid; border-width: 1px 1px 0px 0px; border-color: black }
.bordacimaesquerda { border-style: solid; border-width: 1px 0px 0px 1px; border-color: black }
.bordaesquerda { border-style: solid; border-width: 0px 0px 0px 1px; border-color: black }
.bordadireita { border-style: solid; border-width: 0px 1px 0px 0px; border-color: black }
.bordaduplalateral { border-style: solid; border-width: 0px 1px 0px 1px; border-color: black }
.bordadupla { border-style: solid; border-width: 1px 0px 1px 0px; border-color: black }
.legendaBold { font-weight:  none;font-size: 10pt; font-family: tahoma }
.legendamenor { font-weight: bold; font-size: 9pt; font-family: tahoma }
.legendaonline { font-weight: bold; font-size: 7pt; font-family: tahoma }
.legendamini { font-weight: bold; font-size: 6pt; font-family: verdana }
.titulos  { font-weight: bold;	font-size: 14pt;font-family: tahoma }
.comboordena { font-weight: bold;font-size: 8pt; font-family: "trebuchet ms"; border: solid 1px black; width: 150px }
.comboordena01 { font-weight: bold;font-size: 7pt; font-family: "trebuchet ms"; border: solid 1px black; width: 75px }
.combodata { font-weight: bold;font-size: 8pt; font-family: "trebuchet ms"; border: solid 1px black; width: 55px }
.botoes {
	color: black;
	font-size: 8pt;
	font-family: "Trebuchet ms", Verdana, Arial;
	text-decoration: none;
	background: #F0F0F0 ;
	vertical-align: middle;
	padding: 0px 2px;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: black;
	top: 1px;
	left: 1px }
.botoesmini {
	color: black;
	font-size: 7pt;
	font-family: "tahoma";
	text-decoration: none;
	background: #F0F0F0 ;
	vertical-align: middle;
	padding: 0px 2px;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: black;
	top: 1px;
	left: 1px }
-->
</style>
</head>
<body>
Exemplo:
<ul id="menu">
<p class="estilo01">Linguagens</p>
<li><img src="setinha.JPG" width="16" height="13"><a href="index.htm">Home</a></li> 
<li><img src="setinha.JPG" width="16" height="13"><a href="vb.htm">Visual Basic </a></li> 
<li><img src="setinha.JPG" width="16" height="13"><a href="pascal.htm">Pascal </a></li> 
<li><img src="setinha.JPG" width="16" height="13"><a href="clipper.htm">Clipper </a></li> 
</ul>
</body>
</html>


