﻿.categoria {
	position: relative;
	border-bottom: 1px dotted #8bbe80;
	padding:10px 0;
	margin: 0 0 3.0em 0;}
		.categoria ul { margin-left: -10px; position: relative;}
		.categoria ul li {
			display: block;
			float: left;
			border-top:1px solid #ccc;
			background: #fff url(../images/bg_prodotto.gif) no-repeat center bottom;
			margin: 0 0 10px 15px;}
			.categoria ul li a {
				position: relative;
				width: 168px;
				height: 143px;
				padding: 0 10px 25px 10px;
				font-size: 0.9em;
				font-weight: bold;
				display: block;
				text-decoration: none;}
				.categoria ul li a:hover {
					filter: alpha(opacity=80);
					-moz-opacity: .8;
					opacity: .8;}
                .categoria ul li a span.first_photo {
					display:block;
					width: 185px;
					margin: 0 -10px 1em -10px;
					border-left: 1px solid #ccc;
					border-right: 1px solid #ccc;
					height:105px;
					background-position: center center;
					background-repeat: no-repeat;
					background-color: #fff;}
					.categoria ul li a span {
						display:block;
						font-weight: normal;
						color: #666;}

.highlight ul li {background: #fff url(../images/highlight.gif) no-repeat center bottom;}
.highlight ul li a {width: 268px; height: auto; padding: 0 10px 25px 10px;}
.highlight ul li a span.first_photo {
	display:block;
	width: 286px;
	margin: 0 -10px 1em -10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height:170px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;}


.highlight ul li a span.titolone { font-size: 1.5em; color: #419430; font-weight: bold;}
.highlight ul li a span.badge {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 66px;
	height: 66px;
	background: transparent url(../images/pin.png) no-repeat left top;
	border: 0px solid lime;}
.highlight ul li a div.hr {height: 0.5em;margin: 0.3em 0 0 0;padding: 0.3em 0 0 0;}

table#tech-data { position: relative; margin: 0 0 3em 0; }
table#tech-data td { padding: 3px 5px; vertical-align: middle; }
table#tech-data td.dx { text-align: left; font-weight: bold; font-size: 1.1em; border-bottom: 1px dotted #65e14b;}
table#tech-data td.sx { text-align: right; font-size: 0.8em;}
table#tech-data td strong { font-size: 1.3em; color:#419430;}

	#box_prezzi { /*border-top: 1px solid #ccc;*/margin: 0 0 3em 30px;}
	.price, .price_tessera  {
		position: relative;
		font-size: 80%;
		background: #fff;
		float: left;
		width: 150;
		padding:10px;}
		.price { border-right:1px solid #ccc; }
		.price span { font-size: 1.8em; font-weight: bold; color: #c00;}
		.price_tessera span { font-size: 1.8em; font-weight: bold; color: #419430;}

a#shop {
	position: relative;
	display: block;
	margin:0 0 1em 40px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.5em;
	width: 160px;
	padding: 8px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #419430;}
	a#shop:hover { background: #c00; }



#contesti { position: relative; padding:0 0 1em 0;}
#contesti ul li {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 4px;
	background: #e8ba00;
    -moz-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;}


#colori { position: relative; padding:0 0 1em 0;}
#colori ul li {
	position: relative;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	width:50px;
	padding: 6px;
	text-align: center;
	color: #666;
	text-transform: lowercase;
	font-size: 0.8em;
	background: #e8e8e8;
    -moz-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;}

#colori ul li a:hover { cursor: default;}

#colori ul li a.colore,
#colori ul li a.colore2,
#colori ul li a.colore3 { display: block; position: relative; width:50px; height:40px;}

#colori ul li a.colore span { display: block; width:50px; height:40px; float: left; }
#colori ul li a.colore2 span { display: block; width:25px; height:40px; float: left;}
#colori ul li a.colore3 span { display: block; width:16px; height:40px; float: left; }


#colori ul li a.colore em,
#colori ul li a.colore2 em,
#colori ul li a.colore3 em { display: block; position: absolute; left:0; top: 0; width:50px; height:40px;}

em.opaco {background: transparent url(../images/opaco.png) no-repeat center top;}
em.liscio {background: transparent url(../images/liscio.png) no-repeat center top;}


/*FOTOGALLERY HOMEPAGE*/
		ul.fotogalley li {
			background: none;
			display: block;
			float: left;
			margin: 0 20px 0 0;
			width: 70px;
			height: 70px;}
			ul.fotogalley li a {text-decoration: none;}
			ul.fotogalley li a:hover {filter: alpha(opacity=80);-moz-opacity: .8;opacity: .8;}

div.gallery {
	width: 180px;
	float: right;
	background: #e8e8e8;
	margin: 0 0 20px 20px;
	text-align: center;
    -moz-border-radius: 5px;
	-khtml-border-radius:5px;
	-webkit-border-radius: 5px;
	padding: 10px 10px 0 10px;}
	div.gallery a {
		float: right;
		text-decoration: none;
		font-size: 0.8em;
		color: #000;
		margin: 0 0 10px 0;}
	div.gallery a img { margin-bottom: 5px}

.selection {
	position: absolute;
	right: 180px;
	top: -5px;
	padding: .5em 0 .5em 1em;}


img.logos {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	width:100px;
	height: 45px;
	border: 1px solid #e8e8e8;}