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

body{
	background-image:url(img/bg_square.png);
	margin: 0;
	}
	
	
.thrColFixHdr #container{
	width: 745px;
	height:575px;
	margin: 0 auto;
	background: url(img/sfondo.png) no-repeat;
}

.thrColFixHdr #header { 

	

	padding: 0 10px 0 20px;  /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */

} 

.thrColFixHdr #header #titolo1 { 
width:260px;
float:left;
font-family: "Helvetica", "Lucida Grande", Arial, sans-serif;
color:#434343;
margin-top:42px;
padding-left:20px;	
font-size:20px;

}

.thrColFixHdr #header #titolo2 { 
margin-top:40px;
padding-right:20px;
width:400px;
font-family: "Helvetica", "Lucida Grande", Arial, sans-serif;
font-size:13px;
color:#434343;
font-style:italic;
text-align:right;
line-height:18px;
height:40px;
float:right;

}


	/*testo a scorrimento*/	
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.orange-bar .jScrollPaneTrack {
		background: #999;
	
}
.orange-bar .jScrollPaneDrag {
	background: rgb(153,102,0) url(../images/drag_grab.gif) no-repeat 50% 50%;
	
}
.orange-bar .scroll-pane {

}
.link{
font-style:italic;
color:#960;	
	
	}
			
.holder {
	float: left;
	margin: 14px 10px;
}
#pane1{
margin-top:-15px;	
	
	}
.scroll-pane {
	width: 660px;
	height: 325px;
	overflow: auto;
	float: left;
}

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
/*fine testo a scorrimento*/


	
	
#contenuto{
	margin:0 auto;
	width:660px;
	
	
	}

.thrColFixHdr #header .ddsmoothmenu {

	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */

	padding-top:30px;
	padding-left:227px;
	width:500px;

}



.ddsmoothmenu li{
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu li a {
display: block;
border:none;
text-decoration: none;
}

* html .ddsmoothmenu li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #333;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/



.home{
width: 90px;
height: 58px;
background-position: top right;

}
.home a {
	display: block;
	width: 90px;
	height: 58px;
	background: url(img/bt_home.png) no-repeat;
	
}

.home a:hover{
background-position: top right;
}
.qualita{
width: 80px;
height: 58px;
top:539px;
background: url(img/qualita_act.png) no-repeat;
background-position: top right;

}
.qualita a {
	display: block;
	width: 80px;
	height: 58px;
	background: url(img/qualita_act.png) no-repeat;
	
}

.qualita a:hover{
background-position: top right;
}
	
.sicurezza{
width: 81px;
height: 58px;
top:539px;
background-position: top right;

}
.sicurezza a {
	display: block;
	width: 81px;
	height: 58px;
	background: url(img/bt_sicurezza.png) no-repeat;
	
}

.sicurezza a:hover{
background-position: top right;
}
.contatti{
width: 94px;
height: 58px;
background-position: top right;

}
.contatti a {
	display: block;
	width:94px;
	height: 58px;
	background: url(img/bt_contatti.png) no-repeat;
	
}

.contatti a:hover{
background-position: top right;
}
	
.titolo{
font-family: "Helvetica", "Lucida Grande", Arial, sans-serif;
color:#434343;
margin-top:45px;	
font-size:20px;
width:200px;
	
	}	
	.titolo2{
font-family: "Helvetica", "Lucida Grande", Arial, sans-serif;
color:#434343;
margin-top:5px;	
font-size:20px;
width:600px;
	
	}	
.sotto_titolo {
font-family: "Helvetica", "Lucida Grande", Arial, sans-serif;
color:#322e25;
margin-top:35px;	
font-size:16px;
line-height:30px;
	
	
	}	
	
.paragrafo{
text-align:justify;	
font-family: "Helvetica", "Lucida Grande", Arial, sans-serif;
color:#434343;
margin-top:28px;	
font-size:14px;	
line-height:22px;
	
	}
.citazione{
	font-family: "Helvetica", "Lucida Grande", Arial, sans-serif;
	font-size:13px;
	color:#434343;
	font-style:italic;
	margin-top:92px;
	margin-right:45px;
	text-align:right;
	
	
	}	
.immagine{
	
margin:12px 12px 1px 8px;	
border:4px solid #FFFFFF;
	
	}
.thrColFixHdr #footer { 

	padding: 16px 10px 0 10px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */

text-align:center;	
font-family: "Helvetica", "Lucida Grande", Arial, sans-serif;
color:#434343;	
font-size:9px;	


} 

.thrColFixHdr #footer p {

	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */

	padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */

}

.thrColFixHdr #footer  a:hover{
		color:#FF0000;
	text-decoration:none;
		}
		
.thrColFixHdr #footer  a{
	
	color:#000099;
	text-decoration:none;
	
	
	}
		.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}