/*..................................................................................indicazioni:
- per formattare le pagine vedi nella URL l'oggetto, il file è nella cartellina corrispondente
- gli stili #namesyle sono associati agli id="namestyle" che si possono mette in qualsiasi tag
- gli stili div#name some sempre associati agli id="name" ma specifici solo per il tag <div>
- gli stili .namestyle sono associati al class
 */
/*stili per il layout fisso con background*/
html,body{margin: 0px 0px 0px 0px;padding:0}
body{font-family: arial,sans-serif;
font-size: 0.80em;
text-align:justify;
color:#000000;
background-color: #D7D7D7; 
}
/*url('../img-sito/sfondo-top2.jpg') repeat-x;*/


LI{padding-left:0px;margin-left:-20px;}
a {text-decoration: none; color:#FE7901}
a:hover {text-decoration: underline;}
a:focus {text-decoration: underline;}

FIELDSET { border: 1px solid #EF7201; }
LEGEND { color:#EF7201; font-WEIGHT:bold;}
FORM { margin: 5px 10px 10px 10px; padding: 0px 0px 0px 0px;}
INPUT {font-family: arial,sans-serif;font-size: 1em;color:#000066;}
SELECT {font-family: arial,sans-serif; font-size: 0.80em; color:#000066;}
BLOCKQUOTE{ margin:0px 0px 0px 10px; padding: 0px 0px 0px 0px;}
/*..................................................................................LAYOUT GENERALE */


.testo10pxBlu{font-size:11px; text-align:left;}
div#container{width:760px; 
margin:0 auto; vertical-align:top;
background-color:#FFFFFF;
}

div#header{ z-index:200; height:162px; }

/*stili specifici per il layout */

div#boxmain{
 background-repeat:no-repeat;
 z-index:1;
}

div#boxmain2{
 background-repeat:no-repeat;
 z-index:1;
}



div#destra{float: right;
width: 167px;
/*background-color:#FE7901;*/
padding:0;
margin:0;
}


div#destra1{float: right; 
width: 167px;
/*background-color:#FE7901;*/
}

div#titolo{
font-size: 1em; 
margin-top:0px; 
padding-top:0px;
color:#00396C;
text-align: left;
font-weight:bold;
}

div#titolo1{
font-size: 1.20em; 
margin-top:0px; 
padding-top:0px;
color:#00396C;
text-align: center;
font-weight:bold;
}



div#testoA{
color: #FE7901;
}


div#titolo2{
font-size: 1em; 
margin-top:0px; 
padding-top:0px;
color:#FE7901;
text-align: center;
font-weight:bold;
}

div#content{margin: 0px 0px 0px 175px;
padding: 0;
vertical-align:top;
width: 390px; 
text-align:center; 
vertical-align:text-top;

}

div#content img { z-index:0;}

div#riga{
height:1px;
border-bottom: 2px dotted #FF9900;
padding: 0px 0px 0px 0px ;
margin:0px 0px 5px 0px ;
size: 1px;
}

div#footer{clear:both;
margin-top: 1px;
text-align:center; 
padding: 5px 0 5px 0; 
background-color:#FFFFFF;
/*background: url('../img-sito/sfondo-bottom.jpg') repeat-x; 
background-repeat:repeat;   
width: auto;*/
height: 16px;
vertical-align:middle;
font-size:0.90em;
font-weight:bold;
color:#FE7901;
width:760px;
background-color:#000000;

}


#footer a{ color:#000000;  text-decoration:none; text-align:center; }

div#data{
color:#FE7901;
}

div#corpocentrato{
color:#000000;
font-weight:bold;
text-align:center;
}
/*.......................................  (490px)    scorrimento barre laterali contenuto e menù sx */
div#scorri {
height:480px;
overflow:auto;
margin-top: 10px;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#FE7901;
scrollbar-track-color:#FFFFFF;
padding: 0px 5px 0px 5px;
}

div#scorri-menu {
height:490px;
width:172px;
overflow:auto;
margin-top: 10px;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#FE7901;
scrollbar-track-color:#FFFFFF;
padding: 0px 5px 0px 5px;
}


/* ..................................................................................INTESTAZIONE */
#intestazione {height: 160px; text-align:center; width:760; z-index:200; background: url('../img-sito/sfondo-top3.jpg') repeat-x;}
#intestazione img { display:inline;}


/* ............................................................................menu top */

#menu { font-size: 0.90em; font-weight:bold; padding-top:2px; border: 1px solid #000000; height:18px; width:auto; background-color:#343434; }
#menuleft { text-align:left; border-bottom: 1px solid #000000; height:10px; width:160px; padding: 5px 5px 5px 5px;  }
.menulefton { text-align:left; background-color:#76D4F8; border-bottom: 1px solid #000000; height:10px; width:160px; padding: 5px 5px 5px 5px  }
.menuleftover { text-align:left; background-color:#FE7901; border-bottom: 1px solid #000000; height:10px; width:160px; padding: 5px 5px 5px 5px  }
#menu a{ color:#FE7901; text-align:left; }
#menu a:hover{color:#ffffff; text-decoration:none; text-align:left; }
#menu span{color:#ffffff}
.mt{visibility: hidden;color: #000000; font-size:10px; position:absolute; z-index:1000; border: 1px solid #000000; text-align:left; }
#menuleft a{ color:#000000; text-align:left; font-weight:normal; }
.mt4{visibility: hidden;color: #000000; font-size:10px; background-color:#76d4f8; margin-left:40px; margin-top:10px; overflow:hidden; position:absolute; z-index:1000; text-align:left; border: 1px solid #000000;}

.ml{visibility: hidden;color: #000000; font-size:10px; background-color:#76d4f8; padding: 5px 5px 5px 5px; overflow:hidden; position:absolute; z-index:1000; margin-left:-10px; }
.ml2{visibility: hidden;color: #000000; font-size:10px; background-color:#76d4f8; padding: 5px 5px 5px 5px; position:absolute; z-index:1000; margin-left:80px;}
#menuhome{color:#FE7901; text-decoration:none;}

/* ............................................................................menu left */


div#menusx{
padding: 0 0 0 0px;
width: 165px;
width: 165px;
width: 165px;}


div#sinistra{float: left;
text-align: left;
width: 165px;
width:165px;
width:165px;
padding: 0px 0px 0px 0px;
z-index:1;
height: 501px;
/*background:url(../img-sito/banner-sfondo-attuatori-pompe-it.jpg)*/
/*border: 1px solid #000000;*/
}

div#sinistra2{float: left;
text-align: left;
width: 165px;
width:165px;
width:165px;
padding: 0px 0px 0px 0px;
z-index:1;
/*background:url(../img-sito/banner-sfondo-attuatori-pompe-it.jpg)*/
/*border: 1px solid #000000;*/
}

/*.......................................per dimensioni altezza cerca  501px e 490px */


#sinistra { font-size: 0.90em; font-weight:bold; padding-top:2px; 
background: url('../img-sito/sfondo-sx.gif'); height:501px;}

#sinistra a{ color: #00396C;}
#sinistra a:hover{color:#CA5100; text-decoration:none;}
#sinistra span{color:#CA5100}
#sinistra li {font-weight: bold; color: #00396C; padding: 0; margin: 0 0 3px 5px; list-style-image: url('../img-sito/ico-menu.gif');}
#sinistra ul {margin: 0; padding: 0;}

#sinistra2 { font-size: 0.90em; font-weight:bold; padding-top:2px; 
background: url('../img-sito/sfondo-sx-prod.gif'); height:501px;}

#sinistra2 a{ color: #00396C;}
#sinistra2 a:hover{color:#CA5100; text-decoration:none;}
#sinistra2 span{color:#CA5100}
#sinistra2 li {font-weight: bold; color: #00396C; padding: 0; margin: 0 0 3px 5px; list-style-image: url('../img-sito/ico-menu.gif');}
#sinistra2 ul {margin: 0; padding: 0;}

#sottomenu ul {margin: 0; padding: 0;}
#sottomenu li {font-weight: normal; color: #CA5100; padding: 0; margin: 0 0 3px 15px; list-style-type:disc; list-style-image: none;}

/* ............................................................................destra */

div#box{
/*background-color:#FE7901;*/
width: 170px;
padding:0;

/*border: 1px solid #000000;*/
display:block;


}

#box a{ color:#000000;  text-decoration:none; }
#inbox {margin: 5px 10px 5px 3px; }

.bottom{
						background-color:#007CB9;
						color:#FFFFFF;
						font-size:10px;
						font-weight:bold;
						height:20px;
						text-align:center;
						}
.evidenziato{
						color:#CC0000;
						font-weight:bold;
						}



/*................................................................................content*/
H4 {text-decoration: none;  text-align:left; font-size: 1.10em;}
H3 {text-decoration: none; color:#00396C}
H1{font-size: 1.20em; margin-top:0px; padding-top:0px; color:#00396C; text-align:center; }
#abstract {font-style:italic; background:#FFDAB9; padding:3px 3px 3px 3px;}
#corpo {text-align:justify; padding-top:8px;}
.border {border: 1px solid #006B9F; text-align: left; margin-right:8px; }
.continua{color:#006B9F; text-decoration:none;}
.continua1{color:#FFFFFF; text-decoration:none;}
.nero{color:#000000; text-decoration:none;}
.g-c1 { background-color:#FFFFCC;}/*colori righe alternate nelle tabelle*/
.g-c2 { background-color:#FFFFFF;}/*colori righe alternate nelle tabelle*/
.g-tb1 {border: 1px solid #006B9F; font-size:90%; width:365px;}/*bordo tabella*/


/* javascript scorrimento*/
#divupcontrol {
	position: absolute;
	width: 10px;
	left: 205px;
	top: 20px;
	z-index: 1;
	text-align: right;
	height: 10px;
} 

#divdowncontrol {
	position:absolute;
	width: 10px;
	left: 205px;
	top: 100px;
	z-index: 1;
	text-align: right;
	height: 10px;
} 



#divupcontrol-big {
	position: absolute;
	width: 10px;
	left: 390px;
	top: 20px;
	z-index: 1;
	text-align: right;
	height: 10px;
} 

#divdowncontrol-big {
	position:absolute;
	width: 10px;
	left: 390px;
	top: 100px;
	z-index: 1;
	text-align: right;
	height: 10px;
} 



#divcontainer {
	position: absolute;
	width: 380px;
	height: 130px;
	overflow: hidden;
	top: 0px;
	left: 0px;
	clip: rect(0px 380px 130px 0px);
	visibility: hidden;
	padding: 0px;
	filter:alpha(opacity=80);
	-moz-opacity:0.7;
	opacity: 0.7;
} 

#divcontent {
	position: absolute; 
	top: 20px; 
	left: 0px;
} 

/*...........................................................................immagini*/

.img-ico-gallery {border: 1px solid #CF9B30; width:25px; height:25px; cursor:pointer; } /* img small gallery */
.img-popup-gallery {border: 1px solid #CF9B30; width:100px; } /* img medium gallery visualizzata nel popup */
.img-big-gallery {border: 1px solid #CF9B30; width:350px; } /* img big gallery */
.popup-gallery {visibility: hidden; background-color:#FFFFFF;color: #000000; font-size:10px; position:absolute; z-index:100; border: 1px solid #000000; text-align:left; padding: 2px 2px 2px 2px;} /* popup gallery */