/* Formatação da listagem dos Produtos */

#titulo{
	color:#006599;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.subtitulo{
	color:#003399;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#texto{
	text-align:inherit;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	
}





/* Formatação do Menu esquerdo */
#recapa{
	
	width: 122px;
	margin-bottom: 3px;
	padding: 2px;
}

#recapa :hover{
	text-decoration:underline;
}
.menu{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}


#categoria{
	background-color:#64B1FF;
	padding: 3px;
	width: 130px;
	font-size:13px;
	color:#CE0000;
	
}





/* // efeito na imagem*/	
ul#thumbs, ul#thumbs li{

		margin-top: 10px;
	}
	
	ul#thumbs li{
		float:left;
		margin-right:5px;
		padding:2px;
		
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:80px;
		height:80px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	/* mouse over */
	
		ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;
			margin-top: 20px
		}
		ul#thumbs a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;	
			width: 300px;		
		}	
	
	/* // mouse over */

	/* clearing floats */
	
		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%;
			}	
	
	/* // clearing floats */

/* // thumbnail list */


/* single thumbnail */

	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:-100px;
		left:-50px;	
	}
	
	/* mouse over */
	
		p.thumb a:hover{
			overflow:visible;
			z-index:800;
			border:none;		
		}
		p.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}