@charset "utf-8";

body {background-image:url(images/sfondo.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#172983;
	text-align:center;}

#content {width:900px; margin:auto;}

#top {padding-top:5px;}

div#navigation ul{
list-style-type: none;
width:900px;
margin: 0;
padding: 0
}

div#navigation li{float:left;
margin: 0;
padding:0;
}

div#navigation a{
position:relative;
display:block;
height: 30px
color:#fff;
}

div#navigation a span{
position:absolute;
width:100%;
height:30px;
cursor: pointer; /*per IE*/
}


#menu {font-family: arial, sans-serif; position:relative; font-size:13px; z-index:100;; line-height:30px;}
#menu ul li a{display:block; text-decoration:none; color:#fff; overflow:hidden; text-align:center;}
#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left; position:relative;}
#menu ul li ul {display: none;}

#menu ul li:hover a {color:#fff; background:transparent  url(images/hide.png); font-size:11px;}
#menu ul li:hover ul {display:block; position:absolute; top:30px; left:0;}
#menu ul li:hover ul li a.hide {background:transparent  url(images/hide.png); color:#fff;}
#menu ul li:hover ul li:hover a.hide {background:transparent  url(images/hide.png); color:#fff;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; background:transparent  url(images/hide.png); color:#fff;}
#menu ul li:hover ul li a:hover {background:transparent  url(images/hide.png); color:#fff; text-decoration:underline;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:137px; top:0;}


div#menu{width: 900px;}
div#menu ul{list-style-type: none; margin: 0; padding: 0}
div#menu li{float:left; padding:0;}
div#menu a{position:relative;display:block;height:30px; font-weight:bold; font-size:10px;}
div#menu a span{position:absolute;width:100%;height:100%;cursor: pointer; /*per IE*/ }
div#menu a:hover span{background-position: 0 -30px; color:#172983;}
li#one a{width: 93px;}
li#two a{width: 108px;}
li#three a{width: 147px;}
li#four a{width: 173px;}
li#five a{width: 119px;}
li#six a{width: 155px;}
li#seven a{width: 105px;}

div#menu a#current span{background-position: 0 -30px; color:#172983;}
div#menu a:hover span{background-position: 0 -30px;}
li#one span{background: url("images/menu_01.jpg"); left:0;}
li#two span{background: url("images/menu_02.jpg"); left:0;}
li#three span{background: url("images/menu_03.jpg"); left:0;}
li#four span{background: url("images/menu_04.jpg"); left:0;}
li#five span{background: url("images/menu_05.jpg"); left:0;}
li#six span{background: url("images/menu_06.jpg"); left:0;}
li#seven span{background: url("images/menu_07.jpg"); left:0;}


#contenuti {width:900px;
	background-color:#FFFFFF;}
	
p {text-align:justify;}

a {color:#172983;
	text-decoration:none
}

a:hover {color:#0094d8;
	text-decoration:underline;
}
	
#testo {padding:20px;}

#box{width:900px;
	text-align:justify;
	padding:0px;
}


div.textimageProd{width:860px;}

div.textimageProd img{
float:left;
margin:0;
}

div.textimageProd h2, div.textimageProd p{
margin:0;
padding:0;
}

div.textimageProd h2{
margin-top: 10px;
}

div.clearer{clear: left}

#scheda p {margin: 5px 10px;
	width:227px;
}

#scheda img {padding: 0 5px 0 0;
	width:20px;
	height:20px;}
#scheda a {text-decoration:underline;}




#foto {width:40%;
	float:left;
}

#desc {width:50%;
	float:left;
}

#video {width:60%;
	text-align:center;
	float:left;
}

#desc2 {width:40%;
	float:left;
}

#desc3 {width:860px;
	float:left;
}

.grassetto {color:#fe7631;
}


#desc4 {width:60%;
	float:left;
}
#tabella td {background-color:#172983;
	color:#FFFFFF;}

#tab_aff td {background-color:#172983;
	color:#FFFFFF;}
#tab_tit {background-color:#fe7631;
	}
.centrato {text-align:center;}
.txt_piccolo {font-size:10px;}

div.textimage{width:860px;}

div.textimage img{
float:left;
margin:0 20px 15px 0;
}

div.textimage h2, div.textimage p{
margin:0;
padding: 0
}

div.textimage h2{
margin-top: 10px
}

div.clearer{clear: left;}

.tit {color:#fe7631;}


#contatti {width:30%;
	float:left;
}


#affil {width:20%;
	float:left;}
	
#personale {width:45%;
	float:right;
	padding-right:10px;}

	
.negozi{color:#fe7631;}

#deter {float:left;
	margin:15px;}
#img {float:left;}
#desc_det {float:left;
	padding:0 15px 15px 15px;
	width:200px;
}


a.linkProd {color:#172983;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
}

a:hover.linkProd {
	color:#FF6600;
	font-weight:bold;
}

#canc {clear:both;}

.gradient h1 {
	font: bold 230%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin-top: 20px;
	color: #172983;
	text-align:left;
}
.gradient h1 span {
	background: url(images/gradient.png) repeat-x;
	position: absolute;
	display: block;
	width: 800px;
	height: 31px;
}



.gradient2 h1 {
	font: bold 310%/100% "Lucida Grande", Arial, sans-serif;
	position: relative;
	margin: 30px 0 20px;
	color: #172983;
	text-transform: uppercase;
	letter-spacing: -2px;
}
.gradient2 h1 span {
	background: url(images/gradient.png) repeat-x;
	position: absolute;
	display: block;
	width: 800px;
	height: 31px;
}
.gradient2 a {
	color: #172983;
	text-decoration: none;
}
.gradient2 a:visited {
	color: #172983;
}
.gradient2 a:hover {
	color: #0094d8;
}


ol {text-align:justify;
	color:#172983;}


#indirizzo {width:900px;
	height:38px;
	background-image:url(images/interna_04.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#fff;
	padding-top:7px;}
#indirizzo a {color:#fff;
	text-decoration:none}
#indirizzo a:hover {text-decoration:underline;}

#indirizzoIndex {width:900px;
	text-align:center;
	color:#fff;
	padding-top:7px;}
#indirizzoIndex a {color:#fff;
	text-decoration:none}
#indirizzoIndex a:hover {text-decoration:underline;}