/*

CSS FRONT-END VER. 1


© Interattiva e-comunicazione
  www.lineagrafica.it

------------------------------------------------
*/

#items {position: relative; margin-left: -20px; border:0px solid lime; width: 775px;}
#items a {
	position: relative;
	display: block;
	width:155px;
	height: 185px;
	border-top: 5px solid #333;
	text-align: center;
	padding:30px 40px 20px 40px;
	margin:0 0 20px 20px;
	background: #222 url(../images/bg_item.jpg) no-repeat left top;
	font-weight: bold;
	font-size: 1.2em;
	color: #e8e8e8;
	float: left;}
	#items a:hover { text-decoration: none; border-top: 5px solid #d9b00d;}
	#items a em { font-weight: normal; font-size: 0.8em; display: block; margin-top: 0.2em;}
	#items a img { padding:0 10px 7px 10px; margin-bottom: 7px; border-bottom: 1px solid #191919;}

	.freddo #items a:hover { text-decoration: none; border-top: 5px solid #6495ED;}
	.macchine #items a:hover { text-decoration: none; border-top: 5px solid #9ACD32;}


	#more #items a {
		background-image: none;
		background-color: black;
		border-left: 1px solid #1F1F1F;
		border-right: 1px solid #1F1F1F;
		border-bottom: 1px solid #1F1F1F;
		padding:20px 10px 20px 10px;
		width: 145px;
		height: 145px;
		font-size: 100%;}
		#more #items a img { width: 110px; }