body {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10pt;
	line-height: 14pt;
	margin: 0;
	background: #000;
}

img {border: 0;}
form { margin: 0;}
input { border: 2px solid #676767}
.inputbot {
	outline: none; 
	border: 2px solid #676767; 
	height: 22px;
	padding: 0 0px; 
	color:#282828; 
	font-weight:bold;
	background: #FFF;
}

.size8 {font-size: 8pt;}


a, a:link, a:active, a:visited{
	color: #FFF;
	text-decoration: underline;
}
a:hover {
	color: #e00b15;
	text-decoration: none;
}


/****************************/
/* Contenitore Generale */
 
 #main_container {
	width: 910px;
	margin: 0 auto;
}


/****************************/
/* Livello 1 - Logo */
 
 #container_level1 {
	width: 910px;
	height: 130px;
	margin: 0 auto;
	background: url(../images/bg_level1.jpg) no-repeat right top;
}

	#logo {
		width: 295px;
		height: 100px;
		float: left;
	}	
	
/****************************/
/* Livello 2 - Menu e Foto */

 #container_level2 {
	width: 910px;
	height: 250px;
	font-size: 1px;
}

	#menu {
		width: 255px;
		height: 245px;
		float: left;
		padding: 5px 0 0 45px;
		background: url(../images/bg_menu.gif) no-repeat left top;
	}	

	 
	 #menu a, #menu a:link, #menu a:active, #menu a:visited{
		display: block;
		font-family: "Trebuchet MS";
		font-size: 13pt;
		font-weight: normal;
		color: #FFF;
		text-decoration: none;
		text-indent: 30px;
		height: 22px;
		padding: 3px 0 0 0;
		margin:0;
		background: url(../images/bg_linkmenu_off.gif) no-repeat left top;
	}
	 #menu a:hover {
		color: #000;
		text-decoration: none;
		background: url(../images/bg_linkmenu_on.gif) no-repeat left top;
	}


	#main_image {
		z-index: 80 !important;
		position: absolute !important;
		top: 130px !important;
		left: 50% !important;
		width: 610px !important;
		margin-left: -156px !important;
		height: 250px !important;
		clear:both !important;
	}	
	#main_image0000000 {
		z-index: 80;
		position: absolute;
		top: 130px;
		left: 50%;
		width: 610px;
		margin-left: -156px;
		height: 250px;
	}	
	#main_image p{
		margin: 0;
		padding: 0;
		font-size: 1px;
	}	



/****************************/
/* Livello 3 - Contenuti  */

 #container_level3 {
	width: 910px;
	height: auto !important;  /* per i browser moderni */
	height: 400px;      /* per IE5.x e IE6 */
	min-height: 400px;  /* per i browser moderni */
	float: left;
	padding: 20px 0 0 0;
	background: url(../images/bg_level3.gif) #262626 repeat-y left top;
}

	 #container_level3 h1 {
		font-family: "Trebuchet MS";
		font-size: 16pt;
		font-weight: normal;
		color: #ffb400;
		text-indent: 35px;
		height: 24px;
		padding: 3px 0 0 0;
		margin: 0 0 13px 0;
		clear: both;
		background: url(../images/bg_h1h2.gif) no-repeat left top;
	}
	 #container_level3 h2 {
		font-family: "Trebuchet MS";
		font-size: 13.5pt;
		font-weight: normal;
		color: #ffb400;
		text-indent: 35px;
		height: 22px;
		padding: 3px 0 0 0;
		margin: 0 0 10px 0;
		background: url(../images/bg_h1h2.gif) no-repeat left top;
	}
	 #container_level3 h3 {
		font-size: 10pt;
		color: #FFF;
		margin: 0 0 10px 0;
	}


	/**********************************/
	/* Elementi per le Pagine */

	 #maincontent {
		width: 780px;
		height: auto !important;  /* per i browser moderni */
		height: 400px;      /* per IE5.x e IE6 */
		min-height: 400px;  /* per i browser moderni */
		float: left;
		padding: 0 15px 0 15px;
		background: url(../images/bg_maincontent.gif) repeat-y 205px 0 ;
}

	/* Colonna SX CERCA*/

	 #contentsx1 {
		width: 840px;
		padding: 0 0 0 40px;
		font-size: 8pt;
		line-height: 12pt;
	}
	/* Colonna SX */

	 #contentsx {
		width: 245px;
		float: left;
		padding: 0 0 0 40px;
		font-size: 8pt;
		line-height: 12pt;
	}

	/* Colonna DX */
	 #contentdx {
		width: 545px;
		float: left;
		padding: 0 0 0 25px;
	}

	/* §§§§§§§§§§§§§§§ */

	 .blockcat {
		width: 510px;
		height: 180px;
		padding: 3px;
		margin: 0 0 20px 0;
		background: #ffb400;
	}

	 .blockspot {
		width: 214px;
		height: 120px;
		padding: 3px;
		margin: 0 0 20px 0;
		background: #ffb400;
	}

	/* Elenco prodotti */

	 .MainBlockElencoProd {
		width: 570px;
		margin: 10px 0 0 0;
	}
	 .BlockElencoProd {
		width: 176px;
		height: 180px;
		float: left;
		padding: 2px;
		margin: 0 10px 40px 0;
		background: url(../images/bg_blockelencoprod.gif) #000 repeat-x;
	}

	 .BlockElencoProd .graph{
		width: 176px;
		height: 120px;
		text-align: center;
		line-height: 120px;
		background: #FFF;
	}
		
	 .BlockElencoProd .txt {
		width: 176px;
		height: 55px;
		padding: 5px 0 0 0;
		line-height: normal;
	}

	 .BlockElencoProd .txt a, .BlockElencoProd .txt a:link, .BlockElencoProd .txt a:active, .BlockElencoProd .txt a:visited{
		display: block;
		width: 150px;
		font-size: 8pt;
		color: #FFF;
		text-decoration: none;
		padding: 0 0 0 22px;
 		background: url(../images/bg_linkprod_off.gif) no-repeat left top;
	}
	 .BlockElencoProd .txt a:hover {
		color: #ffb400;
		text-decoration: none;
		background: url(../images/bg_linkprod_on.gif) no-repeat left top;
	}

	/* Categorie Prodotti Menu SX */

	h4 a, h4 a:active, h4 a:link, h4 a:visited{
		font-size: 10pt;
		font-weight: bold;
		color: #787878;
		text-indent: 35px;
		text-decoration: none;
		display: block;
		height: 25px;
		padding: 3px 0 0 0;
		margin: 0 0 -10px 0;
		background: url(../images/bg_h4.gif) no-repeat left top;
	}

	h4 a:hover{
		font-size: 10pt;
		font-weight: bold;
		color: #787878;
		text-indent: 35px;
		text-decoration: none;
		display: block;
		height: 25px;
		padding: 3px 0 0 0;
		margin: 0 0 -10px 0;
		background: url(../images/bg_h4.gif) no-repeat left top;
	}

	/* Blocchi Prodotti per Famiglia */

	#BachecaProdAntincendio {
		width: 510px;
		height: 180px;
		padding: 3px;
		margin: 0 0 20px 0;
		clear: both;
		background: url(../resources/images/img_catprod_antincendio.jpg) 3px 3px no-repeat #ffb400;
	}
	#BachecaProdAntinfortunistica {
		width: 510px;
		height: 180px;
		padding: 3px;
		margin: 0 0 20px 0;
		clear: both;
		background: url(../resources/images/img_catprod_antinfortunistica.jpg) 3px 3px no-repeat #ffb400;
	}
	#BachecaProdSegnaletica {
		width: 510px;
		height: 180px;
		padding: 3px;
		margin: 0 0 20px 0;
		clear: both;
		background: url(../resources/images/img_catprod_segnaletica.jpg) 3px 3px no-repeat #ffb400;
	}
	 
	 .scroller{
			width: 210px;
			height: 170px;
			float: right;
			margin: 0;
			padding: 5px;
			overflow: auto;
			line-height: 17pt;
			background: #000;
		}

	 .scroller a, .scroller a:link, .scroller a:active, .scroller a:visited{
		font-size: 9pt;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		padding: 0 0 0 12px;
 		background: url(../images/bg_linkprod_off.gif) -10px 0 no-repeat;
	}
	 .scroller a:hover {
		color: #ffb400;
		text-decoration: none;
		background: url(../images/bg_linkprod_on.gif) -10px 0 no-repeat;
	}


	/****************************/
	/* Tabella Gestione Prodotti */
	
		 .tbl_prod { width: 100%;}
		 .tbl_prod td { vertical-align: top;}
	
		 .tbl_scheda { width: 305px; }
		 .tbl_scheda .title { 
			 height: 20px;
			 color: #FFF;
			 font-weight: bold;
			 font-size: 11pt;
			 padding: 4px;
			 vertical-align: top;
			 background: #000;
		}
		 .tbl_scheda .dati { 
			 padding: 4px;
			 vertical-align: top;
		}

		.tbl_foto {
			width: 250px;
			padding: 0;
			margin: 0;
		} 
		.tbl_foto .foto{ 
			width: 250px;
			height: 295px;
			padding: 0;
			margin: 0;
			text-align: center;
			vertical-align: middle;
			background: url(../images/bg_foto.gif) no-repeat left top #000;
		} 
		.tbl_foto .doc{ 
			height: 52px;
			line-height: 0px;
			font-size: 1px;
			padding: 0;
			margin: 0;
		} 


/****************************/
/* Livello 4 - Spaziatura  */

 #container_level4 {
	width: 860px;
	height: 20px;
	margin: 0 auto;
	clear: both;
	background: #262626;
}



/****************************/
/* Livello 5 - Footer */

 #footer {
	width: 910px;
	height: 50px;
	clear: both;
	font-size: 7.5pt;
	line-height: 12pt;
	text-align: center;
	color: #FFF;
	padding: 10px 0 0 0;
	margin: 1px 0 0 0;
	background: url(../images/bg_footer.gif) no-repeat left top;
}


	#footer a, #footer a:link, #footer a:active, #footer a:visited{
		color: #FFF;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: none;
	}


/*##########################################################################*/
/*##### GESTIONE MENU PRINCIPALE #############*/
/*##########################################################################*/


/* ######### LIVELLO SECONDO ######### */

.ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
position: absolute;
visibility: hidden;
z-index: 202;
margin: 0;
padding: 0;
left: 0;
top: 0px;
list-style-type: none;
}

.ddsubmenustyle{ /*topmost and sub ULs, respectively*/
position: absolute;
visibility: hidden;
z-index: 202;
margin: 0;
padding: 0;
left: 0;
top: 0px;
list-style-type: none;
}


.ddsubmenustyle li a:visited{
display: block;
width: 180px;
height: 16px;
padding: 1px 2px;
color: #787878;
text-decoration: none;
}


.ddsubmenustyle li a:active{
display: block;
width: 180px;
height: 16px;
padding: 1px 2px;
color: #787878;
text-decoration: none;
}


.ddsubmenustyle li a:link{
display: block;
width: 180px;
height: 16px;
padding: 1px 2px;
color: #787878;
text-decoration: none;
}


.ddsubmenustyle li a{
display: block;
width: 180px;
height: 16px;
padding: 1px 2px;
color: #787878;
text-decoration: none;
}

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenustyle li a:hover{
	text-decoration: none;
}

.ddsubmenustyle .arrow{
background: url(../images/arrowpointer.gif) no-repeat right top #1f1f1f;

}

/* ######### GESTIONE PER IL MENU VERTICALE ######### */

.markermenu{
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
z-index: 20;
width: 100px; /*width of side bar menu*/
padding: 0 0 12px 0;
margin: 0;
clear: left;
}

.markermenu ul{
width: 170px;
list-style-type: none;
margin: 0;
padding: 0 0 0 35px;
}


.markermenu ul li a:active {
display: block;
width: 170px;
padding: 1px 0;
color: #787878;
text-decoration: none;
border-bottom: 1px solid #4d4d4d;
}


.markermenu ul li a:visited {
display: block;
width: 170px;
padding: 1px 0;
color: #787878;
text-decoration: none;
border-bottom: 1px solid #4d4d4d;
}


.markermenu ul li a {
display: block;
width: 170px;
padding: 1px 0;
color: #787878;
text-decoration: none;
border-bottom: 1px solid #4d4d4d;
}


* html .markermenu ul li a{ /*IE6 hack*/
width: 170px;
}

.markermenu ul li a:hover {
color: #FFF;
background: #ffb400;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.color li a {
padding: 1px 5px;
border-bottom: 1px solid #4d4d4d;
background: #1f1f1f;
}
* html .color li a {
padding: 1px 5px;
}
.color li a:hover{
color: white;
background: #ffb400;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
right: 2px;
border: 0;
}

.arrow{
background: url(../images/arrowpointer.gif) no-repeat right top;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/***/