body {
           
	background-image: url('pop_gradient_green_to_fc.png'); 
	background-repeat: repeat-x;
	background-color: #fcfcfc;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 9pt;
	margin: 1em 4em 1.5em;
				  
	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;

}


.titulo
	{

	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 10pt;
	
	font-size: 24pt; color:#b2ccb2; 
	/*font-size: 18pt; color:#8C959F; */
	text-align: center;
	vertical-align: top;	
	padding: 0px;

	}


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



border: 5px solid #dcdcdc;

	padding: 1px;


/*width: 128px;*/
/*height: 128px;*/
}



.a.linkopacity img 
{
filter:alpha(opacity=70); 
-moz-opacity: 0.7;
opacity: 0.7;



border: 5px solid #dcdcdc;

	padding: 1px;


/*width: 128px;*/
/*height: 128px;*/

}


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


border: 5px solid #dcdcdc;

	padding: 1px;


/*width: 128px;*/
/*height: 128px;*/




}



.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" -->