/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6    Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression*/


* html * { color: expression( (function(who){ if(!who.MXPC){ who.MXPC = '1'; if(who.nodeName != 'A'){  who.onmouseenter=function(){ who.className += ' hover'};  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; } (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;} } )(this) , 'auto') }/* example */




ul#thumbs, ul#thumbs li{
	margin:0;
	padding:0;
	list-style:none;
}
ul#thumbs li{
	float:left;
	margin-right:15px;
	margin-top:10px;
	border:1px solid #999;	
	padding:2px;
}
ul#thumbs a{
	display:block;
	float:left;
	width:112px;
	height:112px;
	line-height:100px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}
ul#thumbs a img{
	float:left;
	position:absolute;
	top:-20px;
	left:-50px;	
}

	#thumbs li:hover a , #thumbs li.hover a{
		overflow:visible;
		z-index:1000;
		border:none;		
	}
	
	#thumbs li:hover a img , #thumbs li.hover a img{
		border:1px solid #999;	
		background:#fff;
		padding:2px;			
	}	

	ul#thumbs:after, li#thumbs:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	ul#thumbs, li#thumbs{
		display:block;
		}
	/*  \*/
	ul#thumbs, li#thumbs{
		min-height:1%;
		}
	* html ul#thumbs, * html li#thumbs{
		height:1%;
		}	

p.thumb{
	float:left;
	margin:.5em 0;
	margin-right:10px;
	border:1px solid #999;	
	padding:2px;
}
p.thumb a{
	display:block;
	float:left;
	width:100px;
	height:100px;
	line-height:100px;
	overflow:hidden;
	position:relative;
	z-index:1;	
}	
p.thumb a img{
	float:left;
	position:absolute;
	top:-20px;
	left:-50px;	
}

/* mouse over */

	p.thumb a:hover, p.thumb a.hover{
		overflow:visible;
		z-index:1000;
		border:none;		
	}
	p.thumb a:hover img, p.thumb a.hover img{
		border:1px solid #999;	
		background:#fff;
		padding:2px;			
	}	

	<!--
	#wrap #main-body #conteudo p {
		color: #039;
		text-align: justify;
	}
	#wrap #main-body #conteudo #conteudo2 div p #lines {
		color: #666;
	}
	#wrap #main-body #conteudo #conteudo2 div p #lines {
		color: #666;
	}
	.textos {
		line-height: 10px;
		color: #F00;
		text-align: center;
		font-size: 10px;
		margin: 6px;
		padding: 6px;
	}