<html>
<head>
<title>--Noticias--</title>
<style type="text/css">
<!--
/* ----------------- Muda cor da barra de rolagem ------------- */
BODY {
	scrollbar-face-color: ;
	scrollbar-arrow-color: ;
	scrollbar-base-color: ;
	scrollbar-shadow-color: ;
	scrollbar-dark-shadow-color: ;
	scrollbar-highlight-color: ;
	scrollbar-3d-light-color:;
	background-color: ;
}

a:link {
text-decoration:none; /* retira o sublinhado dos links */ 
color:black; /* define a cor da fonte */ 
       }
a:visited {
text-decoration:none;
color: black;
	  }
a:hover {
         color: black; /*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: x-small;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image:url("bgazul.jpg");
	}
.estilo02 {
           color: white;
          }
.ricardo { 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 }

.bordacimaesquerdadireita { border-style: solid; border-width: 1px 1px 0px 1px; border-color: black }

.bordaesquerdadireita { border-style: solid; border-width: 0px 1px 0px 1px; 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: arial }

.legendamenor1 { font-weight: bold; font-size: 12pt; font-family: tahoma }/*cabeçalho laudo + resultado + responsalvel*/
.legendamenor2 { font-weight: bold; font-size: 13pt; font-family: tahoma }/*nome exame meio*/

.legendamenor3 { font-weight: ; font-size: 10pt; font-family: tahoma }/*amostra + soro + vlr ref. + ass*/

.consulta1 {	font-family: tahoma;	font-size: 12 pt;	text-transform: capitalize; font-weight: ;	color: #000000;}/*laudo*/

.legendamenorCultura { font-weight: bold; font-size: 18pt; font-family: tahoma }/*nome exame meio*/

.consulta2 {	font-family: tahoma;	font-size: 13 pt; font-weight: ;	color: #000000;}/*laudo*/

/*HEMOGRAMA*/
.legendamenor1H { font-size: 10pt; font-family: tahoma }/*cabeçalho laudo + resultado + responsalvel*/
.legendamenor2H { font-weight: bold; font-size: 16pt; font-family: tahoma }/*nome exame meio*/
.legendamenor3H { font-size: 10pt; font-family: tahoma }/*amostra + soro + vlr ref.*/
.legendamenor4H { font-size: 10pt; font-family: tahoma }/*amostra + soro + vlr ref.*/
.consultaH {	font-weight: bold; font-family: arial;	font-size: 10pt;	text-transform: capitalize; color: #000000;}/*resultados*/


.legendaonline { font-weight: bold; font-size: 7.5pt; font-family: arial;  text-align: center}
.legendamini { font-weight: bold; font-size: 6pt; font-family: verdana }

.titulos  { color: white; font-weight: ; font-size: 13pt; font-family: calibri; background: #666666; height:28; border-left: 1px #000000 solid; border-right: 1px #000000 solid }

.fundo  { color: black; font-weight: ; font-size: 13pt; font-family: calibri; background: #f0f0f0; height:100%}
.tabela  { color: black; font-weight: ; font-size: 13pt; font-family: calibri; background: #ebebeb; height:100%; width:100%; align:center}

.mod { font-style: italic; font-size: 8pt; font-family: calibri; color:black; }

.titulosImprime  { font-weight: bold; font-size: 14pt; font-family: arial }

.comboordena { font-weight: bold; font-size: 8pt; font-family: "trebuchet ms"; border: solid 1px black; width: 130px }
.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 }
.legendaBold01 {color:black; font: 10px Verdana,Arial,Helvetica,sans-serif; }
.legendaBold02 {color:black; font: bold 9px  Verdana,Arial,Helvetica,sans-serif;}
.legendaBold03 {color:black; font: bold 12px  Verdana,Arial,Helvetica,sans-serif;}


.titulos01  { font-weight: bold; font-size: 14pt;font-family: tahoma }

.grade  { background: #F0F0F0}


.botoes {/*
	color: black;
	font-size: 8pt;
	font-family: "arial";
	font-weight: bold;
	text-decoration: none;
	background: #FFFFCC ;
	vertical-align: middle;
	padding: 0px 15px 0px 15px;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: red;
	top: 0px;
	left: 0px */}
.botoesN {
	color: #cccccc;
	font-size: 8pt;
	font-family: "arial";
	font-weight: bold;
	text-decoration: none;
	background: #ebebeb ;
	vertical-align: middle;
	padding: 0px 15px 0px 15px;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: red;
	top: 0px;
	left: 0px }
.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 }
.campos {
	font-family: Verdana;
	font-size: 10pt;
	text-transform: ;
	font-weight: ;
	color: #000000;}
	
.campos1 {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;}

.camposLaudo {
	font-family: Verdana;
	font-size: 10pt;
	text-transform: capitalize;
	color: #000000;}
.camposEmail {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: ;
	color: #000000;}
.textarea {
	font-family: Verdana;
	font-size: 10pt;
	color: #000000;}
	
.lista {
	font-family: Verdana;
	font-size: 8 pt;
	text-transform: capitalize;
	color: #800080;}
	
.consulta {	font-family: calibri;	font-size: 11 pt;	text-transform: capitalize; font-weight: ;	color: #000000;}
.consultaX {	font-family: calibri;	font-size: 11 pt;	text-transform: ; font-weight: ;	color: #000000;}
.anter {	font-family: Times New Roman;	font-size: 6pt;	text-transform: ; font-weight: ;	color: #000000;}
.consultaRS {	font-family: calibri;	font-size: 11 pt;	text-transform: ; font-weight: ;	color: #000000;}
.consultaT {color: white; font-weight: bold; font-size: 14pt; font-family: arial;}

.msn { font-weight: bold; font-size: 11pt; font-family: calibri; color:#FF0000; margin-top: 50pt; margin-bottom: 50pt; text-align: center}
.msn2 { font-weight: bold; font-size: 11pt; font-family: calibri; color:#FF0000; margin-top: 10pt; margin-bottom: 0pt; text-align: center}
.avisoTit { font-weight: bold; font-size: 25pt; font-family: calibri; color:#FF0000; margin-top: 0pt; margin-bottom: 0pt; text-align: center}
.avisoText { font-weight: bold; font-size: 12pt; font-family: calibri; color:#FF0000; margin-top: 0pt; margin-bottom: 0pt; text-align: center}
-->
</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>