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

body{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: #5797ba url(../images/bg2.jpg) repeat-x top; }

*{ margin:0; padding:0; border:0; }


/* ----------------------------- STRUTTURA GENERALE ----------------------------- */

#container {  /*contiene tuttti i div qui sotto riportati*/
	width:864px; 
	height:579px;
	text-align:center;
	height:auto !important;
	margin: 0 auto;
	position:relative;
	}

#lingue {
	width:834px; 
	height:29px;
	margin-right:30px;
	clear:both;
	background:url(../images/lingue.gif) no-repeat right;
	}
	#linguemenu {
		width:125px; 
		height:24px;
		margin-top:5px;
		float:right;
		}
		#linguemenu a {
			color:#FFF;
			}
			#linguemenu a:hover {
				color:#4C91B6;
				}
	
#top {
	width:864px; 
	height:61px;
	clear:both;
	margin-top:18px
	}
	#logo { 
		width:161px;
		height:92px;
		float:left;
		text-align:left;
		position:absolute;
		top:12px;
		left:18px;
		}
	#menu { 
		width:567px;
		height:41px;
		float:right;
		padding-top:20px;
		overflow:hidden;
		}


#main_curvato { 
	width:864px; 
	height:30px;
	background:#0B4666 url(../images/curvatura.gif) no-repeat center;
	}

#main { 
	width:804px; 
	height:auto !important;
	height:380px;
	min-height:380px;
	float:left;
	padding: 0 30px 0 30px;
	background:url(../images/sfondomain.gif) repeat-x left top;
	background-color:#0b4666;
	}
	
#schedatecnica_1 {
	padding:30px;
	width:804px; 
	min-height:280px;
	height:280px;
	height:auto !important;
	float:left;
	background-color:#0b4666}
	
#schedatecnica_2 {
	padding:30px;
	width:804px; 
	min-height:280px;
	height:280px;
	height:auto !important;
	float:left;
	background-color:#0b4666}
	
#bordi {
	width:804px; 
	min-height:380px;
	height:380px;
	height:auto !important;
	float:left;
	padding:30px;
	background-color:#0b4666;
	}
	

	
	#box_sinistro { 
		width:510px; 
		height:347px;
		float:left;
		}
		#aree { 
			width:510px; 
			height:69px;
			position:relative;
			top:278px;
			text-align:left
			}
			#aree img {
				margin-left:14px;
				margin-right:5px;			
				}
			


	#box_destro { 
		width:264px; 
		height:347px;
		float:right;
		}
		#news{   
			width:264px;
			height:187px;
			border-bottom:#447D9C 1px solid;
			}
			.data{
				width:48px;
				height:58px;
				margin-right:4px;
				float:left;
				text-align:left;
				margin-top:5px;
				background:url(../images/data.gif) top left no-repeat;
				}
			.testo{
				width:208px;
				height:187px;
				float:right;
				}
				.testo p{
					font-size:10px;
					color:#C0D8E5;
					}

			#certificazioni{
				width:264px;
				height:134px;
				padding-top:20px;
				}
				#certificazioni p{
					width:150px;
					float:left;
					font-size:9px;
					margin-left:5px;
					}

			#img_certif{
				width:100px;
				height:110px;
				float:left;
				background:url(../images/certif.jpg) no-repeat;
				}



#bottom { 
	width:864px; 
	height:112px;
	float:left;
	}
	#bottom p { 
		font-size:10px;
		color:#c0d8e5;
		line-height:13px;
		letter-spacing:0;
		}
				#bottom a {
					color:#c0d8e5;
					}
		
			
		#partnership { 
			width:757px; 
			height:25px;
			text-align:right;
			padding-right:100px;
			}
			#copy { 
				width:129px; 
				height:87px;
				float:left;
				text-align:left;
				padding-left:10px;
				}
				#copy a {
					color:#c0d8e5;
					}
					#copy  p{
						font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
						font-size:11px;
						text-align:justify;
						color:#FFF;
						letter-spacing:1px;
						line-height:16px;
						margin: 6px 0 0 0;
						}
				#indirizzo { 
					width:500px; 
					height:87px;
					float:left;
					text-align:left;
					}
					
					#indirizzo p{
						font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
						font-size:11px;
						text-align:justify;
						color:#FFF;
						letter-spacing:1px;
						line-height:16px;
						margin: 6px 0 0 0;
						}
		
						#linkness { 
							width:60px; 
							height:25px;
							float:right;
							text-align:right;
							padding-right:5px;
							}
						/*#linkness {
							width:73px; 
							height:30px;
							float:left;
							text-align:right;
							padding-left:140px !important;
							padding-left:20px;
							}*/

/* ----------------------------- pagina interna ----------------------------- */

#contenuto { 
	width:345px; 
	height:347px;
	height:auto;
	float:left;
	margin-right:14px;
	}
	
	#testo_sinistra { 
		width:400px; 
		height:200px;
		float:left;
		}
		#testo_sinistra p {
			text-align:justify;}
			
			#menu_prodotti {
			margin-top:20px;
				width:800px; 
				height:120px;
				float:left;
				text-align:left;
				}
					
			
			
			
		#testo_destra { 
			width:166px; 
			float:right;
			margin-bottom:20px;
			}
			#testo_destra.prodotto { 
			width:250px; 
			float:left;
			}



#foto_contenuto { 
	width:376px; 
	height:251px;
	position:relative;
	top:0px;
	left:67px !important;
	left:12px;
	float:left;
	text-align:center;
	overflow:hidden;
	}
#foto_bordi { 
	width:228px; 
	height:251px;
	position:relative;
	top:0px;
	left:0px !important;
	left:0px;
	float:left;
	text-align:center;
	overflow:hidden;
	}
	
	/*#foto { 
	width:376px; 
	height:251px;
	left:67px !important;
	left:12px;
	float:left;
	}*/

#elenco_news { 
	width:169px; 
	height:317px;
	float:right;
	padding-left:10px;
	border-left:#447D9C 1px solid;
	}
	#elenco_news .data{
		margin:5px 10px 10px 0;
		}
		#elenco_news .testo{
			width:159px;
			height:100px;
			float:left;
			padding-left:10px;
			}

/* ----------------------------- pagina identificazione con news  ----------------------------- */
#el_news { 
	width:250px; 
	height:317px;
	float:right;
	padding-left:10px;
	border-left:#447D9C 1px solid;
	}
	#el_news .data{
		margin:5px 0px 0 0;
		}
		#el_news .testo{
			width:180px;
			height:100px;
			float:left;
			margin-left:10px;
			}

/* ----------------------------- pagina con più testo ----------------------------- */

#contlungo { 
	width:450px; 
	height:347px;
	height:auto;
	float:left;}
	#text_contlungo{
		width:430px;
		height:500px;
		height:auto;
		padding-right:10px;
		padding-top:3px;
		float: left;
		}
		

/* ----------------------------- pagina con solo testo ----------------------------- */

#disclaimer { 
	width:804px; 
	height:347px;
	height:auto;
	float:left;
	}

/* ----------------------------- pagina con google map ----------------------------- */
#map{
	width:350px; 
	height:292px;
	float:right;
	margin-top:20px;
	}
/* ----------------------------- pagina prodotto ----------------------------- */

.tabella { 
	width:260px; 
	height:270px;
	float:left;
	top:0;
	position:relative;
	}
	.tabella p { 
	letter-spacing:normal
	}


caption {  
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size:13px; 
	text-align:left;
	font-style:italic;
	letter-spacing:1px; 
	color:#FFF;
	padding-bottom:8px;
	}

table { 
	border: 1px solid #FFF;
	border-collapse:separate;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
	font-size:11px; 
	text-align:left; 
	letter-spacing:0; 
	color:#FFF; 
	width:260px;
	}

td, th { 
	padding:3px; 
	}
	
tr.dispari{ background-color:#095F8D;}
	

/* ---------------------------------- pagina archivio news ------------------------------------ */
.boxnews{
	width:402px;
	height:auto !important;
	height:50px;
	min-height:50px;
	float:left;
	margin-bottom:40px;
	}
	.boxnews .data{
		height:90px;
		margin:10px 10px 0 0;
		}
		.boxnews .testo{
			width:330px;
			height:100px;
			float:left;
			margin:6px 0 0 10px;
			}
/* ---------------------------------- pagina leggi news ------------------------------------ */
.boxnews.legginews{
	width:746px;
	}
	.legginews .testo {
			width:660px;
			height:60px;
			float:left;
			}
/* ---------------------------------- pagina partnership ------------------------------------ */
#partners { 
	width:450px;
	height:285px; 
	float:left;
	}
	
#imgpartner { 
	width:331px; 
	height:292px;
	position:relative;
	top:53px;
	float: right;
	text-align:center;
	overflow:hidden;
	left:0px;
	right:0px;
	}


/* ----------------------------- elementi html ----------------------------- */	

/* definisco il paragrafo e le sue classi */
p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#FFF;
	letter-spacing:1px;
	line-height:16px;
	margin: 6px 0 0 0;
	}
	
h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:1px;
	color:#FFF;
	text-align:center;
	margin: 0 0 5px 0;
	}


h2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:left;
	color:#FFF;
	margin: 10px 0 7px 0;
	}

h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	color:#FFF;
	margin: 10px 0 7px 0;
	line-height:22px;
	}
	
h4{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color:#FFF;
	margin: 10px 0 7px 0;
	}
	
h5{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color:#FFF;
	margin: 10px 0 7px 0;
	}

h6{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:8px;
	text-align:left;
	color:#FFF;
	margin: 10px 0 7px 0;
	}
	
.menu_elenco{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	color:#9bc1d8;
	margin: 10px 0 7px 0;
	line-height:22px;
	}
	

.menu_elenco_sel{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	color:#fff;
	margin: 10px 0 7px 0;
	line-height:22px;
	}


	
ul {
	padding: 0 0 0 0;
	line-height: 16px;
	margin: 0 0 0 0;
	color:#fff;
    list-style: square;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left
}

ol {
	padding: 0 0 0 0;
	line-height: 16px;
	margin: 20px 0 0 6px;
	color:#fff;
	list-style:decimal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:20px;
	text-align:left;
}


li {
	margin: 0 0 0 18px;
	color:#fff;
	font-size: 11px;
	}		
a{	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0E557C;
	text-decoration:none;
	}
	
a:hover{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none	
	}


a.titolo{	
	color:#FFF;
	}
	
a:hover.titolo{
	color:#A1C5D8;
	}
	
a.prodotto{	
	color:#A1DBFB;
	font-weight:bold;
	}
	
a:hover.prodotto{	
	color:#FFF;
	}
	
a.prodottoint{	
	color:#A1DBFB;
	}
	
a:hover.prodottoint{	
	color:#FFF;
	}

	
a.spinea{	
	color:#FFF;
	}
	
a:hover.spinea{
	color:#8BC743;
	}


#mail_fondo_blu a{	
	color:#FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#mail_fondo_blu a:hover{
	color:#A1C5D8;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
/*a.linkness {
font-family:tahoma,verdana,sans-serif;
font-style: normal;
font-size: 11px;
text-decoration: none;
color: #000;
}
a:hover.linkness  {
font-family:tahoma,verdana,sans-serif;
font-style: normal;
text-decoration: none;
font-size: 11px;
color: #52A145;
}*/

/* classi*/


.dx {float:right; margin:0;}

.perpage {position:absolute; top:440px; left:740px;}
	.perpage a {color:#FFF; text-decoration:none; font-size:14px}
		.perpage a:hover {color:#006D2C; text-decoration:none;font-size:15px}

/* ---------------------------------------------------------------------------- */	
	
/* FORM CONTATTI */
#contenuto_form { 
	width:600px; 
	height:347px;
	height:auto;
	border:0 none;
	margin:0 auto;
	}


 .cont form{
	margin:0;
	padding:20px;
	width:500px;
	}
		 .cont p{
		 width:500px;
		 text-align:centre;
				}
			.cont fieldset{ 
			border:0 none;
			margin:0;
			padding:10px 10px 20px ;
			}
			.cont fieldset.chiaro{background:#105F89}				   
				.cont legend{ 
					font-size:12px;
					font-weight:bold;
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					color:#FFF;
					margin:0;
					padding:0;
					}
					.cont span.riga{
						border:0 none;
						clear:both;
						display:block;
						margin:0;
						padding:10px;
						}
						.cont span.riga_centrata{ 
							padding:10px; 
							margin:0;
							border:0;
							display:block;
							clear:both;
							text-align:center;
							
							}
							.cont label{ 
								font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
								font-size:11px;
								color:#FFF;
								text-align:right;
								
								}
								.cont span.elemento_block {
									display:block;
									float:left;
									margin-right:15px;
									margin-top:2px;
									text-align:right;
									vertical-align: baseline;
									width:22%;
									}
									.cont input, .cont select, .cont textarea{ 
										color: #093852; 
										font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
										font-size:11px;
										width:60%;
									}
								
										.cont input, .cont select{
											border-bottom:1px dotted #0B3032 !important;
											border-bottom:1px solid #0B3032}
											
											.cont input[file]{border-bottom:1px dotted #0B3032}
											.cont textarea{
												border:1px dotted #0B3032 !important;
												border:1px solid #ADADAD;
												overflow:auto}
												.cont input:hover,select:hover,textarea:hover{background:#A2D7F4}
													.cont  input:focus,select:focus,textarea:focus{background:#629EBF}
													
														.cont  span.asterisco{
															color:#ff0000;
															font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
															font-size:11px;
															margin-left:15px;
															vertical-align:top;
															}
															.cont  span.asterisco01{
															color:#ff0000;
															font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
															font-size:11px;
															margin-left:15px;
															vertical-align:top;
															visibility:hidden;
															}
															.cont  span.leggi_privacy { 
																font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
																font-size:11px;
																text-align:center;
																display:block;
																margin:0;
																padding:20px 0px 8px 0px;
																}
																.cont  span.leggi_privacy a { 
																color:#FFF
																}
															
																.cont a { 
																color:#FFF}
																.cont  span.leggi_privacy a:hover { 
																color:#629EBF
																}
																.cont .spunta {
																	border:0;
																	width:20px;
																	vertical-align:middle;
																	padding:0}
																	.cont button{
																		margin-right:5px;
																		padding:0;
																		border:0;
																		width:auto;
																		height:auto;
																		cursor:pointer;
																		background:none;
																		overflow:visible}
																	.cont .button{
																		width:100px;
																		height:25px;
																		background:#0D5E89;
																		border:1px solid #FFF; 
																		cursor:default;
																		color:#FFF;
																		}

/* -----------------------------scrollbar -----------------------------*/
.holder {
	float:left
	}
	.scroll-pane {
		width:804px; 
		height:280px;
	  	overflow:auto;
	  	float:left;
		left:0px; /*il contenuto è tutto spostato verso destra...*/
		right:0px; /*il contenuto è tutto spostato verso destra...*/
	  	}
		.jScrollPaneContainer {
			position:relative;
			overflow:hidden;
			z-index:1
			}
			.jScrollPaneTrack {
				position:absolute;
				cursor:pointer;
				right:0;
				top:0;
				height:100%;
				background:#397494;
				}
				.jScrollPaneDrag {
					position: absolute;
					background:url(../images/scroller.gif) center center no-repeat;
					cursor:pointer;
					overflow:hidden;
					left:0px; /*il contenuto è tutto spostato verso destra...*/
		            right:0px; /*il contenuto è tutto spostato verso destra...*/

					}
					.jScrollPaneDragTop {
						position:absolute;
						top:0;
						left:0;
						overflow:hidden
						}
						.jScrollPaneDragBottom {
							position: absolute;
							bottom:0;
							left:0;
							overflow:hidden
							}																

/*--------------------------  menu --------------------------------------*/

.menunavigazione {
	color:#000;
	margin:0;
	text-align:center;	
	}
.menunavigazione.menu {
	color:#000;
	margin:0;
	text-align:center;
	float:right;
	padding-right:25px;
	}

.menunavigazione li {
	display:inline;
	margin: 0 0 0 5px;
	}
	
.menunavigazione a {
	height: 0;
	text-decoration:none;
	margin:5px; /* distanza tra i collegamenti */
	white-space:nowrap;
	font-size:11px;
	color:#0E557C;
	}

.menunavigazione a:hover {
	font-size:11px;
	color:#046F30;
	}
#elenco_news h3{
	font-size:14px;
	margin-top:0;
	display:block;
	clear:both;}
#elenco_news .data{
	float: left;
	clear:both;
	margin-left:0;
	margin-right:0;}
#box_destro .testo{
	width:264px;}
#box_destro .testo .data{
	margin-right:10px;}