body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #afb5bd;

	text-align: left;
	vertical-align: top;
	
	margin: 0px 0 0 0;
	padding: 0;



	background: url('background4.gif') repeat-x 0px 0px;
	background-color: #ffffff;
  
  
        scrollbar-face-color: #DEE3E7;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-shadow-color: #DEE3E7;
        scrollbar-3dlight-color: #D1D7DC;
        scrollbar-arrow-color:  #000000;
        scrollbar-track-color: #EFEFEF;
        scrollbar-darkshadow-color: #98AAB1;
  


}


.td-texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #afb5bd;

	text-align: center;
	vertical-align: middle;

}



img 
{
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;



border: 5px solid #dcdcdc;

	padding: 1px;


width: 50px;
height: 40px;

}



.a.linkopacity img 
{
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;



border: 5px solid #dcdcdc;

	padding: 1px;


width: 50px;
height: 40px;

}


a.linkopacity:hover img 
{
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;


border: 5px solid #dcdcdc;

	padding: 1px;


width: 50px;
height: 40px;




}



.img-size2 img
{
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;

border: 1px solid #dcdcdc;

padding: 5px; 

width: 250px;
height: 175px;

}

.img-size2:hover img
{
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;

border: 1px solid #dcdcdc;

padding: 5px; 

width: 250px;
height: 175px;

}




a { text-decoration: none;	}


<!-- aplicar a class nas imgs links com o efeito pretendido - so funciona com links a class="linkopacity" -->