*{
margin:0;
padding:0;
}
body{
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #000;
	background-image: url(../images/elementi/bg_form.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	overflow:auto;
}

h1{
font-size:15px;
margin: 10px ;
}
p{margin:0 0 10px;}
a{color:#333;}
a:hover{color:#000;}


/*head*/
#head{
	display:block;
	background-color: #000000;
	background-image: url(../images/elementi/logo.gif);
	background-repeat: no-repeat;
	background-position: 10px 3px;
	height: 70px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80; 
	position:relative;
}

#head p{
position:absolute;
width:300px;
height:50px;
top:10px;
right:10px;
text-align:right;
}
#head p a{
font-size:10px;
background:#333;
width:90px !important;
width:100px;
display:block;
text-decoration:none;
color:#fff;
font-weight:bold;
padding:2px 5px;
margin:2px 0px 2px auto;
text-align:center;
border-top:solid 1px #444;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
border-left:solid 1px #444;
}
#head p a:hover{
color:#ccc;
border-top:solid 1px #ccc;
border-right:solid 1px #444;
border-bottom:solid 1px #444;
border-left:solid 1px #ccc;
}

/*head*/
/*tabella*/
#container{

display:block;
width:auto !important;
width:100%;
padding:10px;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70; 
text-align:center;
}
#container h2 {color:#ccc; margin:0 0 10px ;font-size:11px;text-align:left;
}
#container table {
margin:0 0 20px ;
background:#fff;
color:#333;
border-collapse:collapse;
border:solid 1px #A8B2BA;
text-align:left;
font-size:11px;

}
#container table th{
text-transform:capitalize;
}
#container table th,#container table td{
padding:2px 5px;border-bottom:solid 1px #A8B2BA;
}
#container table tr.alt td{
background:#eee;

}
/*tabella*/

/***********************************************form***********************************************************/
#contForm{padding:10px;}
#contForm, #contForm form,#contForm form fieldset{

width:430px;
overflow:hidden;
border:none;
}
#contForm form fieldset{
width:420px !important;
width:430px;
margin:0 0 20px ;
background:#fff;
color:#333;
padding:5px;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70; 
border:solid 1px #A8B2BA;
}
#contForm form fieldset h6{
 font-size:12px;
 display:block; 
 border-top:dotted 1px #A8B2BA;
 border-bottom:dotted 1px #A8B2BA;
 margin:0 0 14px ;
 }
 #contForm form fieldset label.wide{ width:410px !important;}
#contForm form fieldset label,#contForm form fieldset .rad {
 display:block;
 width:200px ;
 float:left; 
 margin:0 0 8px ;
 }
 #contForm form fieldset label input, #contForm form fieldset label select{
	display:block;
	width:180px;
	border:solid 1px #A8B2BA;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
 }
 #contForm form fieldset label textarea{
 	display:block;
	width:420px;
	border:solid 1px #A8B2BA;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	height:70px;
 
 } 
#contForm form fieldset label input.radio {
  display:inline !important;
  width: auto!important;
  border:none !important;

  }

  #contForm form img{display:block;
border:solid 1px #A8B2BA;
} 
#contForm form #divbutton{
 
	padding:2px 0 0 0;
}
#contForm form button{
	color:#333;
	background:#A8B2BA;
	border:none;
	text-transform:uppercase;
	font: bold 11px  Arial, Helvetica, sans-serif;
	padding:3px 5px;
	margin: 0 5px 0 0;
} 

/***********************************************form***********************************************************/
/*inizio versione html*/
/*html{ height:100%}
body#htm{overflow:hidden; height:100%}
*/
body#htm #main{
	width:980px;
	/*height:580px;
	margin:-290px  0 0 -490px;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;*/
	position:relative;
	overflow:hidden;
	/*background-image: url(../images/originali/bg_0.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
}
/*gestione bg pag*/

/*
body.contatti #main,
body.dovesiamo #main,
body.azienda #main,
body.filosofia #main,
body.portfolio #main{background-image: url(../images/originali/bg_1.jpg) !important;}
body.prodotti #main,
body.acciaio #main,
body.ferro #main,
body.alluminio #main,
body.rame #main,
body.ottone #main,
body.scale #main,
body.balaustre #main,
body.vetrine #main,
body.arredi #main,
body.design #main{background-image: url(../images/originali/bg_1a.jpg) !important;}*/
/*gestione bg pag*/


body#htm #head{
overflow:hidden;
text-align:right;
color:#fff;
}
body#htm #head h1{
display:none !important;
}
body#htm #head a{
display:block;
text-transform:uppercase;
color:#fff;
font-size:9px;
text-decoration:none;
margin:4px 0 ;
}
body#htm #head ul{
	display:block;
	width:170px;
	margin:5px 30px 5px auto;
	list-style:none;
	overflow:hidden;
	text-align:left;

	background-image: url(../images/elementi/dot.gif);
	background-repeat: repeat-y;
	background-position: 75px top;
}
body#htm #head ul li{
display:block;
width:85px;
float:left;}
/*footer*/
body#htm #footer{
	width:980px !important;
	width:1000px;
	padding:5px 10px;
	position:relative;
	clear:both;
	/*bottom:0px;
	left:0px;*/
	/*background-color: #000000;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80; */
	background-color: #444;
	color:#fff;
	margin:0px 0 0 0;
}
body#htm #footer a{color:#fff; text-decoration:none;}

/*sx*/
body#htm #sx{

width:345px;
position:relative;
/*top:90px;
left:88px;*/
float:left;
margin:90px 0 20px 88px !important;
margin:90px 0 20px 44px ;
overflow:hidden;
}
body#htm #sx ul{
	width:345px;
	background-color: #fff;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80; 
	margin:0 0 10px;
	padding:5px;
	
}
body#htm #sx ul a{color:#000; text-transform:uppercase; text-decoration:none;}
body#htm #sx ul a:hover{color:#A8B1B9;}
body#htm #sx ul a:hover strong{margin:0 0 0 15px;}
body#htm #sx #imgh,body#htm #sx #imghome{
width:345px;
	background-color: #fff;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80; 
	margin:0 0 10px;
	padding:5px;
	overflow:hidden;
	position:relative;
}
body#htm #sx #imgh h1, body#htm #sx #imghome h1{
background:#000;
color:#fff;
text-transform:uppercase;
font-size:12px;
position:absolute;
top:15px;
left:5px;
width:89px !important;
width:95px;
text-align:right;
margin:0;
filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80; 
	padding:0 3px;
}
body#htm #sx #imgh img, body#htm #sx #imghome img{
/*width:336px;*/
width:auto !important;
/*height:200px;*/

}
#imgh .caption{

	background:#000;
	color:#fff;
	text-transform:uppercase;
	font-size:10px;
	position:absolute;
	bottom:5px;
	left:5px;
	width:330px !important;
	width:336px;
	text-align:left;
	margin:0;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80; 
	padding:0 3px;
	overflow:hidden;
	}

body#htm #sx #menu3{
	width:360px; /*è + grande dell'area visibile manpon fa nulla, evita solo il bug in ie6*/
	overflow:hidden;
} 
body#htm #sx #menu3 a{
display:block;
background:#fff;
width:58px !important;
width:66px;
height:82px !important;
height:86px;
float:left;
color:#000;
text-transform:uppercase; text-decoration:none;
margin:0 4px 0 0;
padding:4px;
filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80; 
	overflow:hidden;
}
body#htm #sx #menu3 a:hover, body#htm #sx #menu3 a.act{
filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1; 
}
body#htm #sx #menu3 a img{
border:none;
display:block;
margin:0 0 10px 0;
}
/*sx*/
/*container*/
#container{
	display:block;
	width:545px !important;
	/*height:210px !important;*/
	position:relative;
	/*top:228px;
	left:436px;*/
	overflow:auto;
	background:#fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8; 
	text-align:left;
	padding:0;
	float:right;
	margin:228px 0 20px 0
}
#container a{color:#000;}
#sitemap{
	display:block;
	width:545px !important;
	/*height:420px !important;*/
	position:absolute;
	top:100px;
	left:30px;
	overflow:auto;
	background:#fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8; 
	text-align:left;
	padding:0;
}
#sitemap a{color:#000;}

.elenco a{
display:block;
margin:  5px  ;
text-decoration:none; 
border-bottom:solid 1px #B9B9B9;
padding:3px 0px ;
}
.elenco a strong{
display:block;
}
.elenco a:hover{
color:#3B3E43 !important;
}
.dettaglio,.port {
	background:transparent !important;
	overflow:hidden !important;
}
.dettaglio #img,.dettaglio #txt {
background:#fff;
width:280px;
/*height:210px;*/
overflow:auto;
float:left;
}
.dettaglio #img{margin:0 2px 0 0; width: 260px !important; padding:5px 0px;height:200px !important;}
.dettaglio #img img{margin:5px 0px 0 5px; }

.dettaglio h2{width:auto !important; color:#000 !important; margin:5px !important;}
.dettaglio p{display:block;
margin:5px;
}
.dettaglio br{margin-bottom:20px; display:block;}
/*menu sopra il link*/
#menu4{margin:5px;}
#menu4 a{font-weight:normal !important; text-decoration:none; color:#333;}
#menu4 a:hover{ color:#555;}

/* gestione img thumb */
.gallery{
	width:535px !important;
	width:545px;
	height:200px !important;	
	height:210px;
padding:5px !important;}
.gallery  li, .dettaglio #img li{width:55px; height:55px; margin: 0 2px; }

	
	.nav{display:none !important;}
	


/*PORTFOLIO*/
.port #txt {
background:#fff;
width:300px;
height:210px;
overflow:auto;
float:left;
}
.port #txt a{
display:block;
padding:5px;
margin:5px;
border-bottom:solid 1px #B9B9B9;
text-decoration:none;
}
#cartina{
	background-image: url(../images/elementi/italia/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:243px;
	height:210px;
	position:relative;
	overflow:hidden;
	float:right;
	margin:0 0px 0 0;
}
#cartina a{
position:absolute;
background-repeat:no-repeat;
background-position:left top;
}
#cartina a:hover{background-position:left bottom;}
#AOSTA{	width:16px; height:9px;	background-image: url(../images/elementi/italia/valle_aosta.gif);	top:22px;	left:27px; z-index:0;}
#PIEMONTE{	width:36px; height:45px; background-image: url(../images/elementi/italia/piemonte.gif);	top:13px;	left:25px; z-index:0;}
#LOMBARDIA{	width:40px; height:41px; background-image: url(../images/elementi/italia/lombardia.gif);	top:9px;	left:54px; z-index:0;}
#LIGURIA{   width:37px; height:16px; background-image: url(../images/elementi/italia/liguria.gif);	top:50px;	left:38px; z-index:0;}
#TRENTINO{	width:28px; height:26px; background-image: url(../images/elementi/italia/tentino.gif);	top:1px;	left:81px; z-index:0;}
#VENETO{	width:34px; height:36px; background-image: url(../images/elementi/italia/veneto.gif);	top:8px;	left:86px; z-index:0;}
#FRIULI{	width:17px; height:18px; background-image: url(../images/elementi/italia/friuli.gif);	top:10px;	left:112px; z-index:0;}
#EMILIA{	width:50px; height:24px;	background-image: url(../images/elementi/italia/emilia.gif);	top:42px;	left:65px; z-index:0;}
#TOSCANA{	width:36px; height:35px;	background-image: url(../images/elementi/italia/toscana.gif);	top:58px;	left:73px; z-index:0;}
#UMBRIA{	width:18px; height:21px;	background-image: url(../images/elementi/italia/umbria.gif);	top:72px;	left:103px; z-index:0;}
#MARCHE{	width:23px; height:25px;	background-image: url(../images/elementi/italia/marche.gif);	top:63px;	left:109px; z-index:0;}
#LAZIO{	    width:36px; height:28px;	background-image: url(../images/elementi/italia/lazio.gif);	  top:88px;	left:97px; z-index:0;}
#ABRUZZO{	width:24px; height:22px;	background-image: url(../images/elementi/italia/abruzzo.gif);	top:85px;	left:121px; z-index:0;}
#MOLISE{	width:17px; height:11px;	background-image: url(../images/elementi/italia/molise.gif);	top:102px;	left:134px; z-index:0;}
#CAMPANIA{	width:29px; height:28px;	background-image: url(../images/elementi/italia/campania.gif);	top:113px;  left:132px;	 z-index:0;}
#PUGLIA{	width:52px; height:42px;	background-image: url(../images/elementi/italia/puglia.gif);	top:103px;	left:149px; z-index:0;}
#BASILICATA{width:19px; height:22px;	background-image: url(../images/elementi/italia/basilicata.gif);	top:120px;	left:157px; z-index:0;}
#CALABRIA{	width:22px; height:42px;	background-image: url(../images/elementi/italia/calabria.gif);	top:140px;	left:159px; z-index:0;}
#SICILIA{	width:47px; height:32px;	background-image: url(../images/elementi/italia/sicilia.gif);	top:176px;	left:111px; z-index:0;}
#SARDEGNA{	width:24px; height:47px;	background-image: url(../images/elementi/italia/sardegna.gif);	top:116px;	left:47px; z-index:0;}



/*/PORTFOLIO*/

/*container*/

#brochure{
display:block;
background:#DBDBDB url(../images/elementi/ico_pdf.gif) no-repeat 12px 12px;
width:138px !important;
width:180px;
height:40px;
position:absolute;
top:258px;
left:797px;
line-height:40px;
text-decoration:none;
font-weight:bold;
padding:0 0 0 42px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70; 
}

#brochure:hover{	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90; }