/* CSS Document */

html {
margin:0px;
padding:0px;}

body {
margin:0px;
font-family:Arial, sans-serif;
font-size:11px;
color:#000;
background-color:#fff;
text-align:center;

}

#centrato {
/*display:block;
position:absolute;
top:50%;
left:50%;
margin:-340px 0 0 -490px;


*/


padding-top:30px;
}

#contenitore {
overflow:hidden;
margin-left:auto;
margin-right:auto;
text-align:center;
width:980px;
height:717px;
background-color:#fff;
border:1px solid #CCCCCC;}
#contenitoreHome {
overflow:hidden;
margin-left:auto;
margin-right:auto;
text-align:center;
width:980px;
height:717px;
background-color:#fff;
background-image:url(image/backHome.jpg);
background-repeat:no-repeat;
border:1px solid #CCCCCC;}
#contenitoreAzienda {
overflow:hidden;
margin-left:auto;
margin-right:auto;
text-align:center;
width:980px;
height:717px;
background-color:#fff;
background-image:url(image/backAzienda.jpg);
background-repeat:no-repeat;
border:1px solid #CCCCCC;}
#contenitoreApplicazioni {
overflow:hidden;
margin-left:auto;
margin-right:auto;
text-align:center;
width:980px;
height:717px;
background-color:#fff;
background-image:url(image/backApplicazioni.jpg);
background-repeat:no-repeat;
border:1px solid #CCCCCC;}
#contenitoreMade {
overflow:hidden;
margin-left:auto;
margin-right:auto;
text-align:center;
width:980px;
height:717px;
background-color:#fff;
background-image:url(image/backMade.jpg);
background-repeat:no-repeat;
border:1px solid #CCCCCC;}
#contenitoreCase {
overflow:hidden;
margin-left:auto;
margin-right:auto;
text-align:center;
width:980px;
height:717px;
background-color:#fff;
background-image:url(image/backCase.jpg);
background-repeat:no-repeat;
border:1px solid #CCCCCC;}
#contenitoreNews {
overflow:hidden;
margin-left:auto;
margin-right:auto;
text-align:center;
width:980px;
height:717px;
background-color:#fff;
background-image:url(image/backNews.jpg);
background-repeat:no-repeat;
border:1px solid #CCCCCC;}
#contenitoreDovesiamo {
overflow:hidden;
margin-left:auto;
margin-right:auto;
text-align:center;
width:980px;
height:717px;
background-color:#fff;
background-image:url(image/backDoveSiamo.jpg);
background-repeat:no-repeat;
border:1px solid #CCCCCC;}
#contenitoreContatti {
overflow:hidden;
margin-left:auto;
margin-right:auto;
text-align:center;
width:980px;
height:717px;
background-color:#fff;
background-image:url(image/backContatti.jpg);
background-repeat:no-repeat;
border:1px solid #CCCCCC;}

#superiore {
	overflow:inherit;
	text-align:left;
	width:980px;
	clear:both;
	height:100px;
	margin:0px;
	padding:0px;
}
#superiore .logoHP {
	float:left;
	padding: 0px;
	margin: 14px 0 0 28px;}
	
#superiore .lingua{
border:0px;
margin:30px 0px 10px 715px;
padding:0px;}

#superiore .lista {
	float:right;
	padding: 0px;
	margin: 0px 0 0 0px;}
	
#superiore .lista ul{
	color:#2d3e45;
	height:20px;
	margin:0px 0 0 20px;
	padding:6px 0 0 0;
	font-size:16px;
	float:left;
	border-top:2px solid #999999;}
		
#superiore .lista ul li{
float:left;
margin:0px 18px 0 18px;
padding:0px;
list-style:none;
color:#2d3e45;}
#superiore .lista ul li a{
text-decoration:none;
color:#2d3e45;}
#superiore .lista ul li a:hover{
text-decoration:none;
color:#cf9c62;}

.logo {
float:left;
text-align:left;
display:block;
position:absolute;
top:50%;
left:50%;
margin:-359px 0 0 -488px;
padding:0px;}

#inferiore {
	text-align:left;
	width:980px;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
	
.video {
	text-align:left;
	display:block;
	margin:66px 0 0 37px;
	padding:0px;
	float: left;
}
.primopiano {
width:320px;
height:245px;
text-align:left;
display:block;
position:absolute;
top:50%;
left:50%;
margin:60px 0 0 42px;
padding:0px;}

.payoff{
	width:492px;
	height:420px;
	text-align:left;
	display:block;
	margin:150px 0 0 10px;
	padding:0px;
	float: left;
}

#menuSecondario {
	float:left;
	text-align:left;
	margin:20px 0px 0px 50px;
	padding:0px;
	font-size:16px;
	color:#253b46;
}
#menuSecondario ul {
list-style-type:none;
margin:0px;
padding:2px 0px 0px 0px;}
#menuSecondario ul li{
text-align:left;
margin:0px 0px 15px 0px;
padding:0px;}
#menuSecondario ul li a{
margin:0px;
padding:0px;
color:#253b46;
text-decoration:none;}
#menuSecondario li a:hover {
margin:0px;
padding:0px 0px 2px 0px;
color:#cf9c62;
text-decoration:none;}
#menuSecondario ul li ul{ 
text-decoration:none;
padding:10px 0px 0px 20px;
margin:0px 0px 0px 0px;}
#menuSecondario ul li ul li{ 
text-decoration:none;
font-size:12px;
list-style:none;
border-bottom:none;
padding:2px 0px 2px 0px;
margin:0px;
list-style-image:none;
color:#3E3E3E;}
#menuSecondario ul li ul li a{ 
text-decoration:none;
font-size:12px;
color:#3E3E3E;}
#menuSecondario ul li ul li a:hover{ 
text-decoration:none;
font-size:12px;
color:#cf9c62;}

li#active a {
color:#cf9c62;}

.azienda1{
	width:312px;
	height:336px;
	text-align:left;
	display:block;
	position:absolute;
	top:130px;
	left:50%;
	margin:3px 0 0 -220px;
	padding:0px;
}
.azienda2{
width:324px;
height:513px;
text-align:left;
display:block;
position:absolute;
top:50%;
left:50%;
margin:-220px 0 0 163px;
padding:0px;}
.azienda3{
width:324px;
height:615px;
text-align:left;
display:block;
position:absolute;
top:50%;
left:50%;
margin:-264px 0 0 163px;
padding:0px;}
.textMission{
font-style:italic;
width:375px;
line-height:26px;
text-align:left;
font-size:15px;
color:#666666;
display:block;
position:absolute;
top:50%;
left:50%;
margin:110px 0 0 -215px;
padding:0px;}
.textAzienda{
	width:375px;
	line-height:18px;
	text-align:left;
	font-size:12px;
	color:#000;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:114px 0 0 -215px;
	padding:0px;
}
.iframe { 
line-height:18px;
font-size:12px;
float:left;
width:380px;
height:255px; 
overflow:auto;
color:#000;
text-align:left;
display:block;
position:absolute;
top:50%;
left:50%;
margin:85px 0 0 -217px;
padding:0px;
scrollbar-arrow-color:#cf9c62;
scrollbar-3dlight-color:#dfdfdf;
scrollbar-darkshadow-color:#dfdfdf;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-track-color:#fff;}
.textAzienda2{
width:370px;
line-height:18px;
text-align:left;
font-size:12px;
color:#000;
display:block;
position:relative;
float:left;
top:350px;
left:150px;
margin:0px 0 0 0px;
padding:0px;}
.tecnologia{
width:335px;
height:252px;
text-align:left;
display:block;
position:absolute;
top:50%;
left:50%;
margin:-188px 0 0 -175px;
padding:0px;}
.textCertificazioni{
width:615px;
line-height:18px;
text-align:left;
font-size:12px;
color:#000;
display:block;
position:absolute;
top:50%;
left:50%;
margin:90px 0 0 -210px;
padding:0px;}

.iframeReferenze { 
float:left;
width:280px;
height:470px; 
overflow:auto;
color:#000;
text-align:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
scrollbar-arrow-color:#cf9c62;
scrollbar-3dlight-color:#dfdfdf;
scrollbar-darkshadow-color:#dfdfdf;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-track-color:#fff;}
h3{
font-size:14px;
font-weight:bold;
color:#cf9c62;
margin:0px 0px 0px 0px;
padding:0px;}
#colonna1{
float:left;
width:350px;
line-height:18px;
font-size:11px;
color:#000;
display:block;
margin:0px;
padding:0px;}
#colonna1 ul{
margin:0px 0px 0px 0px;
padding:0px;}
#colonna1 ul li{
margin:0px 0px 0px 0px;
padding:0px;}
#colonna2{
width:300px;
line-height:18px;
font-size:11px;
color:#000;
float:left;
display:block;
margin:0px;
padding:0px;}
#colonna2 ul{
list-style-type:circle;
margin:0px 0px 0px 0px;
padding:0px;}
#colonna2 ul li{
list-style-type:circle;
margin:0px 0px 0px 0px;
padding:0px;}

.applicazioni{
width:680px;
height:400px;
display:block;
position:absolute;

left:50%;
margin:15px 0 0 -230px;
padding:0px;}
h4{
width:660px;
text-align:left;
font-size:22px;
line-height:26px;
color:#cf9c62;
display:block;
position:absolute;
top:50%;
left:50%;
margin:50px 0 0 -220px;
padding:0px;}
.textApplicazioni{
width:660px;
line-height:20px;
text-align:left;
font-size:12px;
color:#000;
display:block;
position:absolute;
top:50%;
left:50%;
margin:140px 0 0 -220px;
padding:0px;}
h1{
width:660px;
text-align:left;
font-size:26px;
color:#72bf44;
display:block;
position:absolute;
top:50%;
left:50%;
margin:-120px 0 0 -220px;
padding:20px 0px 0px 0px;}
.textMade{
width:660px;
line-height:18px;
text-align:left;
font-size:12px;
color:#000;
display:block;
position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -220px;
padding:30px 0px 0px 0px;}
.made{
width:980px;
text-align:center;
line-height:20px;
text-align:left;
font-size:12px;
color:#000;
float:left;
display:block;
margin:20px 0 0 0;
padding:0px;}

.serie{
margin:0px;
padding:0px;}
.iframeProdotti { 
line-height:18px;
font-size:12px;
float:left;
width:690px;
height:295px; 
overflow:auto;
color:#000;
text-align:left;
display:block;
position:absolute;
top:50%;
left:50%;
margin:60px 0 0 -217px;
padding:0px;
scrollbar-arrow-color:#cf9c62;
scrollbar-3dlight-color:#dfdfdf;
scrollbar-darkshadow-color:#dfdfdf;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-track-color:#fff;}
h2{
width:660px;
text-align:left;
font-size:22px;
line-height:26px;
color:#961e0e;
display:block;
position:absolute;
top:50%;
left:50%;
margin:50px 0 0 -220px;
padding:0px;}
.textSerie{
width:660px;
line-height:18px;
text-align:left;
font-size:12px;
color:#000;
display:block;
position:absolute;
top:50%;
left:50%;
margin:110px 0 0 -220px;
padding:0px;}
.linkDocumentazione{
line-height:40px;
clear: both;
font-size:12px;
background-color:#CCCCCC;
color:#666666;
margin:10px 0px 0px 0px;
padding:2px 8px 2px 8px;
text-decoration:none;}
a.linkDocumentazione:{
background-color:#CCCCCC;
color:#666666;
text-decoration:none;}
a.linkDocumentazione:hover{
	background-color:#cf9c62;
	color:#fff;
	text-decoration:none;}

.textCase{
	width:300px;
	color:#000;
	margin:0px 0 0 0px;
	padding:0px;
	float: left;
}
.iframeCase{
	float:left;
	line-height:18px;
	text-align:left;
	font-size:12px;
	width:280px;
	height:405px;
	overflow:auto;
	color:#000;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:30px 0 0 15px;
	scrollbar-arrow-color:#cf9c62;
	scrollbar-3dlight-color:#dfdfdf;
	scrollbar-darkshadow-color:#dfdfdf;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-track-color:#fff;
}
.imgFooter{
width:705px;
height:103px;
text-align:left;
display:block;
position:absolute;
top:570px;
left:250px;
margin:px 0 0 0px;
padding:0px;}

#footer {
text-align:left;
font-size:12px;
color:#999;
display:block;
position:absolute;
top:50%;
left:50%;
margin:400px 0 0 -235px;
padding:0px 0px 0px 0px;}
#footer a {
font-size:11px;
text-decoration:underline;
color:#999;}
#footer a:hover{
font-size:11px;
text-decoration:underline;
color:#cf9c62;}

.link{
text-align:left;
color:#000;
margin:0px 0px 0px 0px;
text-decoration:underline;}
a.link:{
color:#000;
text-decoration:underline;}
a.link:hover{
color:#cf9c62;
text-decoration:underline;}
.tabella_contatti{
	line-height:20px;
	text-align:left;
	font-size:12px;
	color:#000;
	margin:10px 0 0 0px;
	padding:0px;
	float: right;
}
.tabella_contatti a{
color:#000000;}
.tabella_contatti a:hover{
color:#D09F5C;}
.txt_contatti{
	line-height:18px;
	text-align:left;
	font-size:12px;
	width:560px;
	color:#000;
	margin:30px 100px 10px 0px;
	padding:0px;
	float: right;
}
.txt_richieste{
position:absolute;
left:295px;
top:150px;
line-height:18px;
text-align:left;
font-size:12px;
width:560px;
color:#000;
margin:0px;
padding:0px;}

#Rassegna {
width:615px;
line-height:18px;
text-align:left;
font-size:12px;
color:#000;
display:block;
position:absolute;
top:50%;
left:50%;
margin:-205px 0 0 -215px;
padding:0px;}
#Rassegna ul {
list-style-type:none;
margin:0px;
padding:2px 0px 0px 0px;}
#Rassegna ul li{
text-align:left;
margin:0px 0px 10px 0px;
padding:0px;}
#Rassegna ul li a{
margin:0px;
padding:0px;
color:#253b46;
text-decoration:none;}
#Rassegna li a:hover {
margin:0px;
padding:0px 0px 2px 0px;
color:#cf9c62;
text-decoration:none;}

.tabella_form{
	float:right;
	line-height:20px;
	text-align:left;
	font-size:12px;
	width:560px;
	color:#000;
	margin:10px 100px 0 0;
	padding:0px;
}
.tabella_form2{
	line-height:20px;
	text-align:left;
	font-size:12px;
	width:560px;
	color:#000;
	margin:20px 0 0 120px;
	padding:0px;
	float: left;
}
.privacy{
line-height:14px;
text-align:left;
font-size:10px;}
.invia{
margin-top:5px;
padding:1px 10px 1px 10px;
font-size:11px;}

#google_maps{
width:655px;
float:right;
margin:20px 40px 0 0;
padding:0px;}
.indirizzo{
background-image:url(image/ondina.gif);
background-position:left bottom;
background-repeat:no-repeat;
height:30px;
float:right;
text-align:left;
font-size:12px;
color:#000;
margin:15px 90px 0 0;
padding:0px;}
.news_immagine{
	text-align:left;
	font-size:12px;
	color:#000;
	margin:15px 0 0 80px;
	padding:0px;
	float: left;
}
.news_testo{
float:right;
position:absolute;
right:20px;
top:0px;
width:520px;
text-align:left;
font-size:12px;
color:#000;
margin:0px;
padding:0px;}
.news_immagineARCHIVIO{
float:left;
text-align:left;
font-size:12px;
color:#000;
margin:0px;
padding:0px;}
.news_testoARCHIVIO{
width:580px;
text-align:left;
font-size:12px;
color:#000;
margin:0px;
padding:0px;}
.iframeNews {
	line-height:18px;
	font-size:12px;
	float:left;
	width:570px;
	height:400px;
	overflow:auto;
	color:#000;
	text-align:left;
	margin:15px 0 0 30px;
	padding:0px;
	scrollbar-arrow-color:#cf9c62;
	scrollbar-3dlight-color:#dfdfdf;
	scrollbar-darkshadow-color:#dfdfdf;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-track-color:#fff;}
	
.iframeNews ul{
float:left;
margin:0px;
padding:0px;
color:#000000;}
.iframeNews ul li{
line-height:23px;}

.iframeNews ul li a{
color:#000000;
text-decoration:none;}
.iframeNews ul li a:hover{
color:#cc0000;
text-decoration:underline;}

.titoletto{
text-align:left;
font-size:16px;
font-weight:bold;
color:#CC0000;
margin:0px 0px 5px 0px;
padding:0px;}

.galleryMODE{
text-align:left;
margin:0px 10px 0px 0px;
padding:0px;
border:1px solid #999999;}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
	text-align:left;
	line-height:20px;
	height:10px;
	font-size:18px;
	color:#72bf44;
	font-weight:bold;
	margin:0px 0px 0px 0px;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25;
			color: #cf9c62; }
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    left:-50px;
	bottom:35px;
	padding:0px 2px 0px 2px;
	width:256px;
	color: #000;
	margin:0px;
	font-weight:200;
	font-size:12px;
	line-height:19px;
    text-align: left;
}
a.tt:hover span.top{
	display: block;
	margin:0px;
	padding: 10px 8px 0px;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	margin:0px;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	margin:0px;
	padding:3px 8px 30px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;}
	
	
#mappasito{
width:450px;
line-height:20px;
text-align:left;
font-size:12px;
color:#000;
margin:0px 0px 0px 270px;
padding:0px;}

.titoloMappa {
text-align:left;
font-size:24px;
color:#cf9c62;
margin:35px 0px 0px 35px;
padding:0px;}

#mappasito ul {
margin:0px;
line-height:12px;
padding:2px 0px 0px 0px;}
#mappasito ul li{
list-style:none;
text-align:left;
margin:0px 0px 10px 0px;
padding:0px;}
#mappasito ul li a{
margin:0px;
padding:0px;
color:#253b46;
text-decoration:none;}
#mappasito li a:hover {
margin:0px;
padding:0px 0px 2px 0px;
color:#cf9c62;
text-decoration:none;}
#mappasito ul li ul{ 
text-decoration:none;
padding:0px;
margin:3px 0px 15px 20px;}
#mappasito ul li ul li{
width:150px;
border-bottom:1px solid #CCC; 
text-decoration:none;
font-size:12px;
list-style:none;
padding:0px;
margin:3px 0px 3px 0px;
color:#666;}
#mappasito ul li ul li a{ 
text-decoration:none;
font-size:12px;
color:#666;}
#mappasito ul li ul li a:hover{ 
text-decoration:none;
font-size:12px;
color:#cf9c62;}

#contentProdotto {
	float:left;
	width:630px;
	text-align:left;
	margin:15px 0px 0px 65px;
	padding:0px;}
#contentArchivio {
	float:left;
	width:630px;
	text-align:left;
	margin:15px 0px 0px 140px;
	padding:0px;
}


#fotoprodotto {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;}

#contentProdotto p, #contentArchivio p{
	float:left;
	text-align:left;
	line-height:16px;
	font-size:12px;
	margin:10px 0px 0px 0px;
	padding:0px;
	width: 620px;}

.titolo{
	text-align:left;
	font-size:20px;
	color:#961E0E;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px;}

#contentAzienda {
	float:left;
	width:695px;
	text-align:left;
	margin:15px 0px 0px 120px;
	padding:0px;}
	
#contentAzienda .flash01{
	float:left;
	text-align:left;
	margin:0px;
	padding:0px;}
#contentAzienda .flash02{
	float:right;
	text-align:left;
	margin:0px;
	padding:0px;}

#contentAzienda .dida{
	float:left;
	font-style: italic;
	color:#666666;
	line-height: 26px;
	font-size:15px;
	text-align:left;
	margin:15px 0 0 5px;
	padding:0px;
	width: 360px;}
	
#contentAzienda .testoazienda{
	float:left;
	line-height: 18px;
	font-size:12px;
	text-align:left;
	margin:15px 0 0 5px;
	padding:0px;
	width: 360px;}

#contentMade {
	float:right;
	width:960px;
	text-align:left;
	margin:15px 5px 0px 0px;
	padding:0px;}

#contentCase {
	float:left;
	width:745px;
	text-align:left;
	margin:15px 0px 0px 15px;
	padding:0px;
}
	
.testocertificazioni{
	line-height: 18px;
	font-size:12px;
	text-align:left;
	margin:15px 0 0 5px;
	padding:0px;
	width: 650px;}
.testoMade{
	line-height: 18px;
	font-size:12px;
	text-align:left;
	margin:30px 0 0 210px;
	padding:0px;
	width: 650px;}


.flashCase{
	float:left;
	font-size:12px;
	text-align:left;
	margin:0px 0px 0px 35px;
	padding:0px;}
	
.impaginaNews{
	float:left;
	font-size:12px;
	text-align:left;
	margin:20px 0px 0px 0px;
	padding:0px;
	width: 540px;
}

.impaginaNews h5{
	float:left;
	width:400px;
	font-size:16px;
	text-align:left;
	margin:0px 0 0 10px;
	padding:0px;
	color: #CC0000;
	font-weight: bold;}
.impaginaNews h5 a{	color: #CC0000;}
	
.impaginaNews img{
	float:left;
	margin:0px;
	padding:0px;}
.impaginaNews p{
	float:left;
	width:400px;
	margin:10px 0 0 10px;
	padding:0px;
}
	
.testoMade strong{
	color:#72bf44;
	font-size:26px;}

address {
text-align:center;
font-style:normal;
font-size:12px;
margin-left:auto;
color:#999;
margin-right:auto;
padding:10px 0px 10px 0px;}


#barracontatti{
	float:left;
	width:250px;
	margin:0px 0 0 30px;
	padding:0px;
}
	
.contatto{
	float:left;
	margin:0px 0 15px 0px;
	padding:0px;
	width: 250px;
}
	
.contatto img{
	float:left;
	margin:0px 0 0 0px;
	padding:0px;}
	
.contatto p{
	float:left;
	margin:0px 0 0 5px;
	padding:0px;}
	
.contatto p a{
	color:#000000;}