*{margin:0; padding:0;}
body{
	margin:0;
	padding:0;
	text-align:center;
	font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	line-height:105%;
	font-size:95%;
	background-color: #1E3D8F;
	background-image: url(../i/bg/sf_body.gif);
	background-repeat: repeat-x;
}

a{
	color:#000;
	text-decoration:underline;
}
a:hover{
	color:#000;
	text-decoration:none;
}
sup {font-size:90%;}

h1{font-size:1.4em; font-weight:normal; margin: 5px 0 15px 0px; color:#1E3D8F;line-height:1.2em}
h2{font-size:1.1em; margin: .4em 0 .6em 0; color:#333; font-weight:normal;line-height:1.2em}
h3{font-size:1em; margin: 1.2em 0 .2em 0; color:#333;}
h4{color:#666; font-size:.8em;margin-top: 5px; margin-bottom:10px; font-style:italic;}

h6{font-weight:normal; font-size:.7em; }
p{ text-align:justify;margin:3px 0 3px 0; font-size:.8em; line-height:1.5em; }

td, th{background:#fff;padding:2px 1px 2px 1px;}


img{border:0;}
/* ---------------------------------- container ---------------------------------- */

#wrapper{
	margin:0 auto;
	margin-top:2px;
	text-align:left;
	width:811px;
	background:transparent;
	}

#container{
	margin:0 auto;
	margin-bottom:10px;
	text-align:left;
	width:780px;
	background:#fff;

	}

/* ---------------------------------- header ---------------------------------- */

#top{background: transparent url(../i/bg/sf_top.gif) no-repeat bottom;margin-left:-1px; height:12px;}


#menu{
	margin:0px 0px 10px 0px;
	padding:5px 3px 2px 5px;
	height:20px;
	background: #1E3D8F;
	color:#000000;
	font-size:11px;
	clear:right;
	border:1px solid #fff;


}

#menu a{ color:#fff; font-weight:bold; text-transform:uppercase;text-decoration:none;}
#menu a:hover{text-decoration:underline;}


#head{
	background: url(../i/bg/sf_head.gif) no-repeat 263px 0; height:150px;
}





/* ---------------------------------- corpo ---------------------------------- */
#corpo{
	margin:0;
	padding-left:0px;
	min-height:500px;
	height:auto! important;
	height:500px;
	width:780px;
	text-align:left;
	background:#fff url(../i/bg/sf_sxbottom.html) repeat-y left;

}


/* ---------------------------------- sx ---------------------------------- */
#sx {
  float:left;
  width:520px;
  min-height:300px;
  height:auto!important;
  height:300px;
  padding:20px 12px 5px 10px; 
  }


#sx ul {
	list-style: none;
	margin: 5px 10px 10px 0px;
	padding: 0;
	
}
#sx  li {
	padding: 0px 0 5px 12px;
	background: transparent url(../i/icone/li_small.gif) no-repeat 0 5px;
	line-height:1.2em;
	font-size:80%;
	margin-left:2px;
}


#map{
	width: 490px;
	height: 400px;
	 border:1px solid #999;
	margin:15px 0 0px 0px;
	padding:5px;
}

#cieffe-abiti-da-lavoro-antinfortunistica a, #cieffe-segnaletica-personalizzazioni a{text-transform:uppercase;font-weight:bold; text-decoration:none; color:#fff; font-size:.9em;}

#cieffe-abiti-da-lavoro-antinfortunistica a:hover, #cieffe-segnaletica-personalizzazioni a:hover{color:#999;}

#abiti-da-lavoro, #segnaletica{float:left; width:270px; margin-top:20px;}
#antinfortunistica, #servizi{float:left; width:250px; margin-top:20px;}


/* ---------------------------------- dx ---------------------------------- */

#dx {float:left;
       width:225px; 
       min-height:300px;
       height:auto !important;
      height:300px;		
       padding:15px 0 0 5px; 
}
 
#newsdx  { padding:0px 0px 6px 0px; margin-bottom:10px;background:#eee;}
#newsdx a {text-transform:uppercase; color:#1E3D8F; text-decoration:underline;}
#newsdx  a:hover {text-decoration:none;}

#galldx  { margin:5px 0 5px 0; height:100px; border:1px solid #999;}
#galldx a { display:block; width:225px; height:100px;}

/* ---------------------------------- footer ---------------------------------- */

#bottom{background:#fff url(../i/bg/sf_bottom.gif) no-repeat bottom; height:20px;}
#footer
{

	text-align:center;
	color:#fff;
	background: #transparent;
	line-height:18px;
	min-height:20px;
	height:auto!important;
	height:20px;
	padding-top:2px;
		}

#footer p
{
	text-align:center;
	line-height: 15px; 
	margin-bottom:2px;
	font-size:60%;
	}

#footer a 
{
	color: #fff; 
	text-transform: uppercase; 
	text-decoration: none; 
	}

#footer a:hover 
{text-decoration: underline; }




/* ---------------------------------- classes ---------------------------------- */
.area{background:#1E3D8F; margin:-4px 0 0 5px; padding:4px;width:176px; color:#fff;}
.areatotalw{background:#1E3D8F;  padding:4px;width:510px; color:#fff;}

.img_float {float:left; margin:4px 8px 0px 0; border:1px solid #ccc;}
.img_small_r { width:120px; float:right; margin:0px 8px 0px 0; }
.img_small_l {width:120px; float:left; margin:0px 0px 0px 8px;}

.img_gall {width:160px; height:105px; margin:5px 5px 0px 0px; border:1px solid #ccc;}
.img_news {width:200px;  float:left; margin:5px 8px 0px 0px; border:1px solid #ccc;}
.img_news_dx {width:223px; margin:0px 2px 6px 0px; border:1px solid #ccc;}
.img_news_hp {width:510px;  border:1px solid #ccc;}
.news_blam{font-size:.7em;text-align:justify; }
.logo{margin:0 0 5px 10px; border:0;}
.small {font-size:.6em;}
.midsmall {font-size:.7em;}
.center {text-align:center;}
.b {font-weight:bold}
.i {font-style:italic;}
.blue{color:#18459D;}
.orange{color:#F57131;}
.orange_b{font-weight:bold; color:#F57131;}
.orange a, .orange_b a {color:#F57131;}
.green{color:#8CC63F;}
.deepred {color:#3B85F4; font-size:.9em;margin-top:5px;}
.midgrey{color:#666;}
.lightgrey{color:#999;}
.subtitle {font-size:80%; font-style:italic;}

.downloadpdf {background: url(../i/icone/pdf.gif) no-repeat 10px 0px; margin-top:5px; margin-bottom:5px; height:15px; padding: 1px 0 0 30px;}
.downloadword {background: url(../i/icone/word.gif) no-repeat  10px 0px; margin-top:5px; margin-bottom:5px; height:15px; padding: 1px 0 0 30px;}
.downloadtxt{background: url(../i/icone/notepad.gif) no-repeat  10px 0px; margin-top:5px; margin-bottom:5px; height:15px; padding: 1px 0 0 30px;}
.downloadswf {background: url(../i/icone/swf.gif) no-repeat  10px 0px; margin-top:5px; margin-bottom:5px; height:15px; padding: 1px 0 0 30px;}
.downloadjpg {background: url(../i/icone/jpg.gif) no-repeat  10px 0px; margin-top:5px; margin-bottom:5px; height:15px; padding: 1px 0 0 30px;}
.phone{ margin:5px 0 5px 0; padding-left:20px; background: url(../i/icone/phone.gif) no-repeat 0px 2px;}
.fax{margin:5px 0 5px 0; padding-left:20px; background: url(../i/icone/fax.gif) no-repeat 0px 2px;}
.email{ padding:0 0 0 20px; margin:5px 0 5px 0; background: url(../i/icone/email.gif) no-repeat 0px 2px;}


.greyb {color: #999; font-weight:bold;}
.midgreyb {color: #666; font-weight:bold;}
.evidence  {font-size:1.1em; color:#3B85F4; font-weight:bold;}
.center_space{text-align:center; margin:60px 0 0 20px;}
.clear {clear:both;}
.greysubtitle{color:#bbb; font-size:90%; font-style:italic;}

.faq {background: url(../i/icone/info.png) no-repeat 8px -1px; height:20px; margin:5px 0 15px 3px; padding:3px 0 0 35px;}

.torna {text-align:center; margin:20px 0 10px 0;}
.segnala {margin-top:15px;}
.print {background:#fff; color:#000;}
.nostampa{text-align:center;}

.psepar{
	text-align:right;
	 background: transparent url(../i/bg/dots.gif) repeat-x 0 100%;
	color: #999;
	font-size: .7em;
	padding-bottom:2px;
	margin-top:10px;
	margin-bottom:15px;
	clear:both;
}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden}
	
.clearfix{display: inline-table}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%; }
.clearfix{display: block;margin: 0}
/* End hide from IE-mac */  

form, fieldset, legend, label {margin: 0; border: 0}

.formbutton{
 	border: 1px solid rgb(189, 189, 189);
 	font-size:1em;
	width:5em;
	color:#000;
	text-align:center;
	padding:0 0 2px 0;
	background-color: #eee;
	cursor:pointer;
	height:1.7em;
}

.formfield{
	background: #fff;
 	width:14em;
	padding-left:2px;

}

.radio{
	width:1.5em;
}

fieldset {
	margin: .5em 0;
	padding: 1em;
	border: 1px solid #ddd}

legend {
	font-size: .8em;
	background: #FCB040;
	color:#fff;
	font-weight: bold;	
	padding: .8em;
	line-height: .5em;
	margin-left:.2em;
	}

label {
	display:block;
	float:left;
	width:9.2em;
	text-align:right;
	padding:0;
	font-size:.7em;
	font-weight:bold;
	margin:.2em .2em .5em 0}
	
input {
	border: #ccc 1px solid;
	width: 20em;
	color: #000;
	font: normal 11px/1.3em Trebuchet MS, Verdana, sans-serif ;
	height: 1.6em;
}

select {
	border: 1px solid #ccc;
	color: #000;
	font: normal 11px/1.3em Trebuchet MS, Verdana, sans-serif;	
} 

optgroup {
	color: #000;font: bold 12px/1.3em Trebuchet MS, Verdana, sans-serif}

optgroup option {color:#000;font:normal 11px/1.3em Trebuchet MS, Verdana, sans-serif;padding-left:1em}

textarea {
	border: #ccc 1px solid;
	padding: 1px;
	color: #000;
	font: normal 11px/1.3em Trebuchet MS, Verdana, sans-serif;
	margin: 0; } 

input:hover, select:hover, textarea:hover {
	background-color: #fff}

input:focus, select:focus, textarea:focus {color:#000}

input.button {
	border: 1px solid #333;
	background-color: #eee;
	margin: 10px 0 0 0;
	padding: 0 1em;
	color: #000;
	font-weight: bold;
	cursor: pointer;
	height: 2em;
	width: 14em;
} 

input.button:hover, input.button:active {
	border: 1px solid #333;
	background-color: #FCB040;
	cursor: pointer;
}