@charset "utf-8";
/* CSS Document */

	div#feature {
		width: 980px;
		height: 320px;
		overflow: hidden;
		position: relative;
		margin:0px auto;
		text-shadow:0 1px 1px #000;
	}

	div#feature ul {
		position: absolute;
		top: 0;
		list-style: none;	
		padding: 0;
		margin: 0;
	}

	ul#tabs {
		left: 0;
		z-index: 2;
		width: 370px;
	}

	ul#tabs li {
		font-size: 13px;
		line-height:25px;
		font-family: Arial;
		background:url(../immagini/linea.png) no-repeat bottom;
		text-transform:uppercase;
	}

	ul#tabs li span.sottotitolo {
		font-size:10px;
		line-height:10px;
		text-transform:lowercase;
	}

	ul#tabs li a {
		color: #646464;
		text-decoration: none;	
		display: block;
		padding: 10px 50px 10px 10px;
		height: 45px;
		outline: none;
		background:url(../immagini/feature.png) no-repeat right top;
	}

	ul#tabs li:hover {
		cursor:pointer;
		text-decoration:none;
	}

	ul#tabs li a.current {
		color: #c8c8c8;
		padding:10px 10px 10px 50px;
		background:url(../immagini/feature_sel.png) no-repeat left top;
	}

	ul#tabs li a.current:hover, ul#tabs li a.current h3 {
		text-decoration: none;
		cursor: default;
		color: #FFF;
	}

	ul#output {
		right: 0;
		width: 610px;
		height: 320px;
		position: relative;
	}

	ul#output li {
		position: absolute;
		width: 610px;
		height: 320px;
	}
	
	ul#output li h3 {
		margin:10px 0px 2px 10px;
	}

	ul#output li a div#titolo{
		background:#222;
		color:#FFF;
		font-size:14px;
		width:590px;
		padding:10px;
		min-height:15px;
		text-transform:uppercase;
		
		opacity:.9;
		-moz-opacity:.9;
		filter:alpha(opacity=90);
	}
	ul#output li a {
		position: absolute;
		bottom: 0px;
		right: 0px;
		text-decoration: none;
		font-size: 11px;
		color: #FFF;
		background: #000;
		width:610px;
		min-height:100px;
		
		opacity:.9;
		-moz-opacity:.9;
		filter:alpha(opacity=90);
	}