html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  }
	
a img, :link img, :visited img { border:0;}

table{ border-collapse: collapse;}

ul { list-style:none; }

:focus { outline:0 }

html { width:100%; height:100%;}

body{
  background:#fff;
  text-align:center;
  font-family:"Trebuchet MS", Arial,Helvetica, sans-serif;
  font-size:12px;
  color:#87888a;
  }
  
/* selettori*/

p{
  font-family:"Trebuchet MS", Arial,Helvetica, sans-serif;
  font-size:12px;
  color:#04388d;
  text-align:justify;   
  letter-spacing:normal;
  line-height:17px;
  white-space: normal;
  margin:0 0 5px 0;
  padding:0;
  }
	
h1, h2, h3, h4, h5, h6{
    font-family:"Trebuchet MS", Arial,Helvetica, sans-serif;
	text-align:left;
    font-size:18px;
    color:#cd024a;
	letter-spacing:0;
	white-space:normal;
	margin:0 0 10px 0;
	padding:0;
	}

h2{	font-size:16px;}

h3{	font-size:14px; margin:10px 0 5px 0}

h4{	font-size:12px;}

h5, h6{font-size:12px;}

h6{	font-style:normal;}
	
ul { padding:0; margin:0; list-style: none;}

ol { padding: 0 0 0 20px; margin:0; list-style: decimal;}

li {
  	font-family:"Trebuchet MS", Arial,Helvetica, sans-serif;
  	font-size:12px;
  	color:#04388d;
	text-align:left;
	line-height:17px;
	letter-spacing:0;
	white-space: normal;
	}	

a{  color:#04388d; text-decoration:none;}
a:hover{ color:#cd024a; text-decoration:none;}

/* struttura layout */
  
#container {
	width:900px;
	height:auto !important;
	height:725px;
	min-height:725px;
	margin:0 auto;
	text-align:center;
	position:relative;
    }
	
#arearis {
	width:900px;
	height:5px;
	float:left;
	clear:both;
	text-align:right;
    }
	
#immagine {
	width:900px;
	height:160px;
	background: url(../images/farfalle.jpg) top left no-repeat;
	float:left;
	clear:both;
	text-align:left;
    }
	#immagine img { margin-top:20px; margin-left:-8px;}
	

#menuNavigazione {
  width:900px;
  height:33px;
  background:#04378b url(../images/sf_menu.jpg) top left repeat-x;
  margin:0 0 20px 0;
  position:relative;
  float:left;
  clear:both;
  z-index:7;
  }
#menuNavigazione li { float:left;}
#menuNavigazione li a {
  width:111px;
  height:25px;
  float:left;
  color:#FFF;
  text-align:center;
  margin:0;
  padding:8px 0 0 0;
  border-right:1px solid #FFF;
  }
#menuNavigazione ul li ul { display:none;}
#menuNavigazione ul li:hover ul,
#menuNavigazione ul a:hover ul {
  display:block;
  visibility:visible;
  position:absolute;
  margin-top:33px;
  border-top:0;
  background:transparent;
  margin-left:0;
  width:150px;
  height:25px;
  z-index:3;
  }
#menuNavigazione ul li:hover ul li a,
#menuNavigazione ul li a:hover ul li a {
  display:block;
  height:28px;
  width:142px;
  float:left;
  background:#04378b url(../images/sf_menu.jpg) top left repeat-x;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
  border-bottom:1px solid #FFF;
  color:#FFF;
  text-align:left;
  padding:8px 0 0 8px;
  }
#menuNavigazione ul li.voceCorrente a { color:#fff;}
#menuNavigazione li a:hover {
  background:url(../images/sf_menu_roll.jpg) top left repeat-x;
  color:#95defb;
  text-decoration:none;
  }
#menuNavigazione ul li:hover ul li:hover a,
#menuNavigazione ul li a:hover ul li a:hover {
  background:url(../images/sf_menu_roll.jpg) top left repeat-x;
  color:#95defb;
  }
#menuNavigazione table {
  margin:-1px;
  border-collapse:collapse;
  font-size:1em;
  }
#menuNavigazione ul li a:hover ul {
  background:transparent;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.9;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  margin-top:9px;
  border-top:1px solid #FFF;
  }

	
#main{
	width:900px;
	height:auto !important;
	height:341px;
	min-height:341px;
	float:left;
	clear:both;
    margin:0 0 20px 0;
    }
	
#main2 {
	width:895px;
	height:auto !important;
	height:323px;
	min-height:323px;
	float:left;
	clear:both;
	border:1px solid #c8dbee;
	padding:1px;
	background:#FFF;
	margin:0 0 20px 0;
    }
	
#main2centro {
	width:861px;
	height:auto !important;
	height:323px;
	min-height:323px;
	float:left;
	clear:both;
	padding:17px;
	background:#ecf0f4;
    }

	
.conthome, .conthome2, .conthome3, .conthome4 {
	width:340px;
	height:auto !important;
	height:152px;
	min-height:152px;
	float:left;
    margin:0 20px 21px 0;
    }
	
.conthome2 {width:540px; margin-right:0; padding-left:0;}
.conthome3 {width:580px; margin:0 20px 0 0;}
.conthome4 {width:300px; margin:0; padding-left:0;}

.titolohome, .titolohome2, .titolohome3, .titolohome4  { width:287px; height:16px; float:left; padding:0 0 0 49px;}
.titolohome2 {padding:0 0 0 183px;}
.titolohome3 {width:235px; padding:0 0 0 345px;}
.titolohome4 {width:209px; padding:0 0 0 96px;}
	
.titolohome h2, .titolohome2 h2,  .titolohome3 h2, .titolohome4 h2 {padding:0; margin:0; line-height:16px}
	
#news, #benvenuti, #vetrina {
	width:320px;
	height:152px;
	background:url(../images/sf_news.gif) top left no-repeat;
	float:left;
	padding:0 10px;
    }

#benvenuti{ width:530px; margin-right:0; padding-left:0; background:url(../images/sf_benvenuti.gif) top left no-repeat;}
#benvenuti img{ float:left;}

#vetrina { width:280px; margin:0;background:url(../images/sf_vetrina.gif) top left no-repeat;}
#vetrina p {margin:10px 0 0 0}
#flash{ width:80px; height:80px; margin:7px 8px 60px 0; float:left;z-index:10}
#vetrina .button {margin:8px 0 0 0}

#featured{float:left; width:580px; height:142px; padding:10px 0 0 0; background:url(../images/sf_prodotti.jpg) top left no-repeat;}
#workframe{float:left; display:inline; width:560px; height:168px; margin:0; padding:0; overflow:hidden;}

.item{float:left; display:inline; width:580px; margin:0 10px 0 12px;}
.item a.prev, .item a.next{float:left; margin:93px 0 0 0; cursor:pointer;}
.item img.image{float:left; margin:0 15px 0 10px; border:5px solid #FFF}
.item p{float:left; width:200px; margin:0; padding:0;}
.item h3{margin-top:0;}
.item .button {margin:13px 0 0 0}

.data, .data2{ 
    width:30px;
    height:130px;
    float:left;
	margin:11px 10px 0 0;
	}
	.data2{ height:40px;margin-top:0;}
	.data p, .data2 p{ text-align:center; color:#04378b; font-size:15px; margin:0 }
	
.button, .button2, .button3 { width:53px; height:20px; background:url(../images/button.jpg) top left no-repeat; float:left; margin:5px 0 0 0; padding:6px 10px 5px 7px}
.button2, .button3{ clear:both; float:left; margin:8px 0 15px 0}
.button3{ margin:0 0 0 165px}

.prezzovetrina{ font-size:20px; font-weight:bold}
	
#footer {
	width:900px;
	height:100px;
	border-top:1px solid #c8dbee;
	float:left;
	clear:both;
    }
	#footer p { text-align:left; font-size:11px; margin:8px 0 0 0;}
	
	.sfondomenu {background-color:#ffe601; padding-left:10px}
	

/* pag. interna */

#titolo {
	width:866px;
	height:18px;
	float:left;
	clear:both;
	padding:0 0 0 18px;
    }

#titolo2 { width:533px;height:auto !important;height:18px;min-height:18px; padding:0 0 0 367px; clear:both;}
#titolo h2, #titolo2 h2 { padding:0; margin:0;}
#titolo2 h3 { margin:0 0 4px 0; font-size:15px}
		
#fotosezione {
	width:327px;
	height:auto !important;
	height:357px;
	min-height:357px;
	float:left;
    margin:0 23px 0 0;
    }
	
#contenuto, #contenuto2 {
	width:545px;
	height:auto !important;
	height:319px;
	min-height:319px;
	float:left;
	background:#ecf0f4;
	border:1px solid #c8dbee;
	padding:1px;
	background:#FFF;
    }
	
#contenutocentro{
	width:511px;
	height:auto !important;
	height:320px;
	min-height:320px;
	float:left;
	background:#ecf0f4;
	padding:17px;
    }
	
#contenuto2centro{
	width:511px;
	height:auto !important;
	height:200px;
	min-height:200px;
	float:left;
	background:#ecf0f4;
	padding:17px;
    }
	
	
#main2centro {
	width:861px;
	height:auto !important;
	height:323px;
	min-height:323px;
	float:left;
	clear:both;
	padding:17px;
	background:#ecf0f4;
    }


#contenuto h3{ margin-top:0;}

#contenuto table{ border:1px solid #7fb0e0; float:left; margin:20px 0 0 0; width:511px;}
#contenuto th{ text-align:left;padding:5px; background-color:#c8dae9;}
#contenuto tr { height:15px;}
#contenuto td{ height:15px; width:300px; text-align:left; padding:5px;}
#contenuto table h4{ margin:0}

	
#contenuto2 {
	height:auto !important;
	height:200px;
	min-height:200px;
    }
	
.azienda{
	width:263px;
	height:auto !important;
	height:323px;
	min-height:323px;
	float:left;
	margin:0 35px 0 0;
    }
	
.maps{
	width:240px;
	height:190px;
	float:left;
	margin:20px 24px 0 0;
    }
	
.maps img{border:1px solid #04388d; margin:0 0 10px 0}

#link {
	width:515px;
	height:80px;
	float:left;
	background:#FFF;
	padding:17px;
    }
	
#link img {margin:10px 10px 0 10px;}

#evidenziato { border:1px solid #7fb0e0; float:left; margin:10px 0 0 0; padding:8px 10px 0 10px}


#credits {margin:120px 50px 50px 50px;}
#credits img {display:block; margin:0 0 10px 100px;}

  
/* classi */	

.sx{float:left}
.dx{float:right}
.nota{font-size:10px}

.note{font-size:11px}
.sottolineato{ text-decoration:underline}
.margine{margin:0 0 0 10px;}

.marginesup{margin:8px 0 0 0}

a.linktitle{  color:#cd024a; text-decoration:none;}
a:hover.linktitle{ color:#04388d; text-decoration:none;}



/* contatti */	

.contact form{ 
		margin:20px 0 0 0;
		padding:0;
		}
.contact fieldset{ 
		border:0;
		padding:0 0 10px 0;
		margin:0;
		display:block;
		clear:both;
		}
.contact fieldset.right_row {  
		margin:0;
		border:0;
		display:block;
		clear:both;
		float:right;
		text-align:right;
		}
.contact label{ 
		font-family:"Trebuchet MS", Arial,Helvetica, sans-serif;
		font-size:12px;
		color:#04388d;
		text-align:left;
		letter-spacing:0;
		}
.contact span.block {
		display:block;
		width:195px;
		padding:0;
		float:left;
		text-align:left;
		vertical-align: baseline;
		}
.contact input, .contact select, .contact textarea{ 
		font-family:"Trebuchet MS", Arial,Helvetica, sans-serif;
		font-size:12px;
		color:#04388d;
		letter-spacing:0;
		margin:0;
		background:#fff;
		border:1px solid #c8dbee;
		padding:0;
		width:305px;
		}

.contact .privacy { 
		font-family:"Trebuchet MS", Arial,Helvetica, sans-serif;
		font-size:11px;
		letter-spacing:0;
		}
.contact .check {
		border:0;
		width:15px;
		vertical-align:middle;
		padding:0;
		background:none;
		}

.contact .boxbutton{
		display:block;
		margin:0 auto;
		text-align:center;
		}
.contact .button{
		width:70px;
		height:20px;
		background:#FFF;
		cursor:default;
		color:#04388d;
		margin: 0 0 0 10px;
		}

.contact .hidden { display: none;}

.contact .error { display:block; margin-left:0; color: #ff0000;}
		
/*scroll*/
#mycustomscroll, #mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 500px;
height:90px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 0 5px 0 0;
margin:0 0 10px 0
}

#mycustomscroll2 { height:315px;}

#mycustomscroll p { color:#b7c4d1; font-size:11px; margin:0; padding:0}
#mycustomscroll2 p { text-align:justify; margin-right:5px}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #FFF;
}
.vscrollerbar {
width: 10px;
background-color: #b7c4d1;
}
.hscrollerbase {
height: 10px;
background-color: #FFF;
}
.hscrollerbar {
height: 10px;
background-color: #b7c4d1;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}