html
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin:0;
	
}
body {
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	background-image: url(immagini/sfondo1.jpg);
}



table.tabellacentrale {
table-layout : fixed;
background:#FFFFFF;
caption-side : bottom;
border:1px solid red;
}



div,  fieldset, table, tr, th, td, img {border:0; margin:0; padding:0}

p {
	padding:3pt 0;
	margin:0;
	border:0;
	line-height:1.4em;
	text-align: justify;

}
a {color:#666; text-decoration:none}
a:hover {color:#900}

#mps {left:0; position:absolute; top:0; visibility:hidden}

#sh {margin:0 auto; width:727px; text-align:center}
#wr
{
padding:0; margin:0 auto 9px auto;
width:703px !important; width /**/:717px;
border:7px solid #E6E6B0; border-top:0;
color:#664; background:#FAF5BB;
}

#hs {float:left; margin:0; width:220px; height:165px; text-decoration:none}
#hd, #hdr {float:right; width:483px; height:165px}
#hdr {background:url(img\hdr.jpg) no-repeat}

#ar
{
position:static; overflow:hidden;
display:inline; float:right;
margin:123px 0 0 10px; padding:0;
height:40px; width:200px;
vertical-align:middle;
text-align:center;
color:#43565B;
}

.nav
{
display:block; clear:both;

}
.nav ul
{
display:block; clear:both;
list-style-type:none;
border:0; padding:13px 13px; margin:0 auto;
text-align:center; vertical-align:middle;
font-size:8.5pt;
font-family: Arial, Helvetica, sans-serif;

}
.nav li
{
	display:inline;
	list-style-type:none;
	padding: 2px 15px 2px 15px;
	letter-spacing:1px;
	color:#0e6afe;
	font-weight:bold;
}
.nav li a
{
	
	display:inline;
	list-style-type:none;
	letter-spacing:1px;
	color:#ffffff;
	font-weight:bold;
	
	text-decoration:none;
}
.nav li a:hover {color:#0e6afe}
.nav li.sel a {color:#ffffff}


#links a {text-decoration:none}
#links a:hover {text-decoration:underline}

#foto
{
display:block; text-align:center;
margin:0 auto; padding:9px 0 19px 0;
width:661px !important; width /**/:703px;
}

#foot
{
clear:both; font-size:8pt; text-align:center; line-height:1.5em;
margin:10px 0 0 0; padding:8px 0 0 0;
color:#664; background:url(img\copy.jpg) no-repeat;
width:703px; height:41px !important; height /**/:53px;
}
/*
h1, h2, h3, h5, h6
{
font-weight:bold; font-size:11pt; text-align:center;
margin:0 0 4pt 0; padding:0 0 3pt 0; border-bottom:1px solid #C9C596;
}*/
h3 {font-size: x-small;border:0; margin:0;color:#E06D71; font-family:Arial, Helvetica, sans-serif; text-align:left}
h3 a{font-size: x-small;border:0; margin:0;color:#E06D71; font-family:Arial, Helvetica, sans-serif; text-align:left}
h4{font-size:x-small;border:0; margin:0;color:#E06D71; font-family:Arial, Helvetica, sans-serif; text-align:left}
h4 a{font-size:x-small;border:0; margin:0;color:#E06D71; font-family:Arial, Helvetica, sans-serif; text-align:left}

h1 {  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#CC0000;
 }
h2 {font-size:10pt;border:0; margin:0;color:#910404}
h5, h6 {font-size:10pt;border:0; margin:0;color:#910404}

h5, h5 a, h5 a:link {font-size:10pt; text-decoration:none}
h6 {font-size:10pt}
h6 {font-size:10pt}

.col, .cols, .cold {display:block; clear:none; float:left; text-align:center}
.col {width:292px !important; width /**/:310px; padding:2px 4px}
.cols {width:215px !important; width /**/:223px; padding:2px 4px 2px 2px}
.cold {width:359px !important; width /**/:379px; padding:5px 2px 2px 6px; text-align:left}

/*  Rivenditori su due colonne  */
.riv {display:block; clear:none; float:left; width:240px !important; width /**/:300px; padding:10px 30px}


.short {margin:0 auto; width:585px; text-align:center}
img.border {border:4px solid #FFF}


/*  Paginazione  */
.pager {display:block; margin:0 auto; padding:.5em 0; text-align:center; line-height:1.5em}
.pager ul {display:inline; list-style-type:none; margin:0 auto; padding:0; white-space:nowrap}
.pager li {display:inline; margin:0 1px; padding:0}
.pager li a {text-decoration:none; padding:.1em .3em}
.pager li a:hover {text-decoration:underline}
.pager li.sel {padding:.1em .4em; font-weight:bold}

.cmd {margin:0 auto; padding:.2em 0; text-align:center}

/*  Fogli di proprietà  */
.sheet {padding:.3em 0 .5em 0; text-align:center}
.sheet table {margin:0}
.sheet tr {padding:.2em 0; vertical-align:top}
.sheet th {padding:.2em; font-weight:bold; text-align:right; white-space:nowrap}
.sheet td {padding:.2em; font-weight:normal; text-align:left}
.sheet tr.sep {height:1px}
.sheet tr.sep td {height:1px}

.flash { margin:6px 0; border:2px solid #C03; padding:6px;
  color:#333; background:#FFF; text-align:center; font-weight:bold; white-space:normal;}


#bt
{
clear:both; background:url(img\bt.jpg) no-repeat #FAF5BB; background-position:20px;
width:700px !important; width /**/:703px; height:165px; margin:7px 0 0 3px;
}
#bc
{
display:block; text-align:center;
background:url(img\bm.jpg) repeat-y; background-position:20px;
width:601px !important; width /**/:703px;
padding:0 51px;
}
#bc p {padding:0 0 1em 0}
#bb
{
background:url(img\bb.jpg) no-repeat; background-position:20px;
clear:both; width:703px; height:45px; margin:0 0 10px 0px;
}

.grid {margin:0 auto; padding:.3em 0; clear:both; font-size:9pt}
.grid table
{
width:100%; background:#FFF; color:#442;
border:1px solid #664; margin:5px 0; padding:0;
text-align:left; border-collapse:collapse;
}
.grid tr.alt {background:#EEB; border:1px solid #664}
.grid th
{
background:#EEB; font-weight:normal; letter-spacing:1px;
padding:3px 5px; border:1px solid #664; text-align:center;
}
.grid td
{
border:1px dotted #775; padding:3px 5px; margin:0;
vertical-align:top; line-height:1.3em;
}


/*  Stili vari  */
.clear {clear:both; height:0; font-size:0}

.w150 {width:150px}
.w450 {width:450px}

.w10em {width:10em}

.m160 {padding:0 0 0 160px}

.short {padding:0 30px}

.al {text-align:left}
.ar {text-align:right}
.ac {text-align:center}

.fs {font-size:8pt}
.fb {font-size:10pt}
.bold {font-weight:bold}

.required {color:#A00}
.red {color:#A00}
.bg-gray {background:#F7F7C1}
.bg-alt {background:#FFD}
.nw {white-space:nowrap}

/*  Div Home Page  */
#campionatura
{
	position:absolute;
	width:384px;
	height:87px;
	top: 363px;
}

#testohome
{
	position:absolute;
	width:590px;
	height:87px;
	top: 253px;
	
	
}
#testohometenuta
{
	position:absolute;
	width:592px;
	height:87px;
	top: 616px;
	
	
	
}

.menubordo{
border-right:1px solid #CC6600;
}
.TestoArancio {
	font-size:9pt;
	color:#666;
	text-align: left;
}
.TestoBianco {font-size:8.0pt;color:#f4ebce;text-align:left;font-family:"Verdana, Arial, Helvetica, sans-serif";  }
.TestoBianco:hover{text-decoration:none; text-align:left;}

.TestoAzzurroScuro{font-size:8.5pt;color:#003366}

.TestoMarrone {font-size:8.5pt;color:#9c4f28}
.TestoArancioLittle {font-size:8.5pt;color: #CC6600}
.TestoMarroneIntestazione {font-size:28pt;color:#9c4f25; font-family:"Times New Roman", Times, serif; font-style:italic}
.TestoMarroneIntestazione_old {font-size:18pt;color:#9c4f25}
.TestoAzzurro {font-size:10pt;color:#1f3999}
.TestoAzzurro_old {font-size:10pt;color:#0000CC}
.TestoRosso {font-size:9pt;color:#C82C04}
.TestoMarroneScuro_old {font-size:smaller;color:#3e2705}
.TestoMarroneScuro {font-size:smaller;color:#C82C05}
.TestoLinks {font-size:8.5pt;color:#613116;text-decoration:none}
.TestoLinks:hover{text-decoration:none}
.TestoLinks.sel a {color:#f4ebce}
.aMBIENTE {font-size:8.5pt;color:#9c4f28}
.curiosita {
	font-size:9pt;
	color:#9c4f28;
	font-weight: bold;
	text-align: left;
}
.innovazione {font-size:8.5pt;color:#FF0000}
.tendenza {font-size:8.5pt;color:#FF9933}
.Newstitle {font-size:9pt;color:#CC3333}
.more {font-size:8pt;color:#990000}
.elenconews
{
	margin-top:20px;
}
#news
{
	width:400px;	
}
.newsimage
{
	width:105px;
	margin-left:25px;
	padding-right:0px;
	float:left;
}
.modalBackground {
    background-image:url(../immagini/sfondo.png)
}

/*Elenco dei vari menu orizzontali*/

.bevelmenu{
font:  15px arial;
padding: 5px 0;
margin: 0;
width: 100%;
text-align:center;
 /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 1px 0.2em;
text-decoration: none;
color:#333333;


/*border: 2px solid #CCCCCC;*/
}

.bevelmenu li a:hover{
color:#FFFFFF;
background-color:#FF3333;
border-style:solid;

}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}


/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:640px;
	height:263px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */
*

.prova{color: #fff;
  font-weight:bold;
  text-decoration:none;}



.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#F9F9F9;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}


/* ANIMAZIONE AZIENDE*/
#box4{
	position:absolute;
	width: 700px;
	top: 0px;
	height: 240px;
}
#box4 div{
	width:700px;
	height:240px;
	float:left;
	
	 
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}
#box4 img{ 
 float : left;

padding : 10px;
background-color : rgb(255,255,255); 
border : 1px solid rgb(220,220,220);
	float:left;
	margin : 0 3% .25em 0; 
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}



/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:700px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}
.buttons{padding:15px;}
.buttons span{color:#FF0000;padding:0 5px;cursor:pointer;font:12px Verdana}
.buttons span.active, .buttons span:hover{background:#FF0000;color:#fff}
.sample{padding:20px 30px; margin:4px 0 25px 0; border:1px solid #e1e1e1}
.IntestazioneAzienda{

  font:italic 12px Georgia, "Times New Roman", Times, serif;
  color:#333333;
  letter-spacing:1px;
  
}

.azienda {
	float:left;
	padding : 10px;
	background-color : rgb(255,255,255);
	border : 1px solid rgb(220,220,220);
	margin : 0 1% .25em 0;
	
}

.azienda2 {
	float:right;
	padding : 10px;
	background-color : rgb(255,255,255);
	border : 1px solid rgb(220,220,220);
	margin : 1%  0  1% 1% ;
	
}
.azienda4 {
	
	padding : 10px;
	background-color : rgb(255,255,255);
	border : 1px solid rgb(220,220,220);
	margin : 1%  0  1% 1% ;
	
}

.prodotti {font-size:11pt;color:#FF0000}
.prodotti a {font-size:11pt;color:#FF0000}
/** MENU 1 ** roll-over basato solo sui colori **/
ul.menu1 { 
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #00CC33;
text-decoration: none;
text-indent: 5px;
                           


}

ul.menu1 li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
 
}
ul.menu1 li { 

list-style-position : outside ;
list-style-type: square;
text-indent: 1px;
line-height: 2em;


 

}
ul.menu1 li a:link, ul.menu1 li a:visited { 
color:#000;

} /* colori per il link */
ul.menu1 li a:hover, ul.menu1 li a:active { 
background: #eee;
color:#c00;

} /* colori per l'effetto roll-over */

.tinyTip						{ width: 426px; padding: 17px 0px 0px 0px; display: block; background: url(/it/images/tinyTip-top.png) 0px 0px no-repeat; }
.tinyTip .content				{ padding: 0px 15px 0px 15px; font-size: 14px; font-family: "Lucida Sans Unicode"; color: #010101;  background: url(/it/images/tinyTip-content.png) 0px 0px repeat-y; }
.tinyTip .bottom				{ height: 67px; background: url(/it/images/tinyTip-bottom.png) 0px 0px no-repeat; font: 0px/0px sans-serif; }

.ImgNews {
	float:left;
	padding : 10px;
	background-color : rgb(255,255,255);
	border : 1px solid rgb(220,220,220);
	margin : 0 1% .25em 0;
	
}
.ImgNews2 {
	
	padding : 10px;
	background-color : rgb(255,255,255);
	border : 1px solid rgb(220,220,220);
	margin : 0 1% .25em 0;
	
}
/* Advanced CSS hover styles */
ul.home { overflow: hidden; padding: 0px; }
ul.home > li {
	position: relative;
	float: left;
	list-style: none;
	margin: 0 10 0 0;
	font-size: 10px;
}
ul.home a 							{ text-decoration: none; display: block; }
ul.home li img 						{ display: block; position: relative;} /* IE8 fix, background colour appears behind img for uknown reason set negative z-index */
ul.home li:not([class=na]) img 		{ position: static; } /* Reset relative position, as this plays havoc with good browsers */
ul.home a:hover, ul.home a:focus			{ display: block; outline: none; -moz-box-shadow: 3px 3px 5px #000; -webkit-box-shadow: 3px 3px 5px #000; box-shadow: 3px 3px 5px #000; }
ul.home a:hover img, ul.home a:focus img	{ outline: 3px solid #ccc; }

ul.home a:hover:after,
ul.home a:focus:after
{
	content: attr(title);
	color: #000;
	position: absolute;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	width: 100%;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.7);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(204,204,204,0.7)); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.7)), to(rgba(204,204,204,0.7))); /* Safari */
	display: block;
	text-shadow: 1px 1px 1px #fff;
}

.azienda_home {
	float:left;
	padding : 3px;
	background-color : rgb(255,255,255);
	border : 1px solid rgb(220,220,220);
	margin : 0 1% .25em 0;
	
}

.azienda_home2 {
	float:left;
	padding : 5px;

	margin : 0 1% .25em 0;
	
}

/** MENU 2 ** roll-over basato solo sui colori **/
ul.menu2 { 
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color:#333;
text-decoration: none;
text-indent: 5px;
padding-top:2px;
                           


}

ul.menu2 li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
 
}
ul.menu2 li { 

list-style-position : outside ;
list-style-type: square;
text-indent: 1px;
line-height: 2em;
padding-top:2px;

 

}
ul.menu2 li a:link, ul.menu1 li a:visited { 
color:#000;

} /* colori per il link */
ul.menu2 li a:hover, ul.menu1 li a:active { 
background: #eee;
color:#c00;

} /* colori per l'effetto roll-over */