* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */



body {
	font:11pt Georgia, Times New Roman, serif;
	background-image:url(../images/bg.jpg);
	/*color:#444444;*/
	}

#main {
	padding-bottom: 288px;
}  /* must be same height as the footer */

.imageflow img {
	cursor:pointer !important;
	cursor:hand;
}

img {
	border:0;
}

/* Header */
#header {
	float:left;
	position: relative;
	width:1000px;
	height: 120px;
	background-image:url(../images/bg_header.jpg);

}

#menu_up {
	position:absolute;
	top:0;
	left:650px;
	float:left;
	width:350px;
	height:40px;
	margin-top:10px;
	text-align:left;
	/*background-color: #FC0;*/	
}

div#home{
	float:left;
	width:93px;
	height: 46px;
	background-image:url(../images/home.png);	
	cursor:pointer;
}	

div#contatti{
	float:left;
	width:102px;
	height: 46px;
	background-image:url(../images/contatti.png);	
	cursor:pointer;
}

div#add{
	float:left;
	width:145px;
	height: 46px;
	background-image:url(../images/add.png);	
	cursor:pointer;
}

#menu_down {
	position:absolute;
	top:78px;
	left:348px;
	width:650px;
	height:42px;
	/*background-color: #C3C;	*/
}

div#menu1{
	float:left;
	width: 72px;
	height: 42px;
	background-image:url(../images/web.jpg);
	cursor:pointer;
	
}	


div#menu2{
	float:left;
	width:114px;
	height: 42px;
	background-image:url(../images/ecom.jpg);	
	cursor:pointer;
}	


div#menu3{	
	float:left;
	width:161px;
	height: 42px;
	background-image:url(../images/wsm.jpg);
	cursor:pointer;
}    


div#menu4{
	float: left;
	width: 97px;
	height: 42px;
	background-image: url(../images/semseo.jpg);
	cursor:pointer;	
}	

div#menu5{	
	float:left;
	width:104px;
	height: 42px;
	background-image:url(../images/case.jpg);	
	cursor:pointer;
}

div#menu6{	
	float:left;
	width:98px;
	height: 42px;
	background-image:url(../images/ris.jpg);	
	cursor:pointer;
}

/* ------------------------------- corpo ---------------------------- */


#main {
	width: 1000px;
	margin:0 auto;
	clear: both;	
}

	
#monitor {
	float:left;
	position:relative;
	width: 1000px;
	height:373px;
	background-image:url(../images/bg_monitor.jpg);
	z-index:1;
}


#corpohome{
	float:left;
	width:1000px;
	height:466px;
	background-image:url(../images/bg_corpohome.jpg);
	line-height:12px;	
}

#claim{
	float:left;
	width:968px;
	height:87px;
	padding-left:32px;
	padding-top:12px;
	/*background-color:#9F0;*/
	}
	
#boxes{
	float:left;
	width:968px;
	height:186px;
	padding-left:32px;
	/*background-color: #F99;*/
	}
	
#box{
	float:left;
	width:193px;
	height:178px;
	padding-top:8px;
	padding-left:12px;
	padding-right: 27px;
	text-align: justify;
	background-repeat:no-repeat;
	background-image:url(../images/bg_box.jpg);
	}
		
	
#fondo{
	float:left;
	width:950px;
	height:106px;
	padding-left:32px;
	padding-top:75px;
	padding-right:18px;
	/*background-color: #3FF;*/
	}
	

/* ----------------------- dentro ------------------------------------ */

#main1 {
	width: 1000px;
	margin:0 auto;
	clear: both;
	background-image:url(../images/bg.png);
}

#corpo{
	float:left;	
	width:1000px;
	min-height:500px;
	height:auto;
	/*background-image: url(../images/bg_corpo.jpg);*/
	line-height:12px;
	
}

#monitor_dentro {
	float:left;
	width: 1000px;
	height:373px;
	
	/*background-image:url(../images/bg_monitor1.jpg);*/
}

#tit_sez{
	/*position:absolute;
	top: 0px;
	left:0px;
	background-color:#FC0;*/
	float:left;
	width:968px;
	padding-left:32px;
	height:80px;
	padding-top:20px;
	line-height:18px;
	/*background-image:url(../images/bg_tit.jpg);*/
	}
	
#testo{
	float:left;
	width:926px;
	min-height:250px;
	#min-height:250px;
	_min-height:250px;
	height:auto;
	#height:auto;
	_height:auto;
	padding-top:40px;
	padding-left:32px;
	padding-right:32px;
	position:relative;
	/*background-color:#CFC;*/
}

#testo_sem{
	float:left;
	width:524px;
	min-height:250px;
	#min-height:250px;
	_min-height:250px;
	height:auto;
	#height:auto;
	_height:auto;
	padding-top:40px;
	padding-left:32px;
	position:relative;
	/*background-color:#CFC;*/
}

#sem{
	float:left;
	width:386px;
	min-height:250px;
	#min-height:250px;
	_min-height:250px;
	height:auto;
	#height:auto;
	_height:auto;
	margin-left:30px;
	margin-right:20px;
	margin-top:40px;
	border:1px dotted #F90;
	position:relative;
	/*background-color:#CFC;*/
}


#case{
	float:left;
	width:950px;
	min-height:250px;
	#min-height:250px;
	_min-height:250px;
	height:auto;
	#height:auto;
	_height:auto;
	padding-top:40px;
	padding-left:32px;
	
	position:relative;
	/*background-color:#CFC;*/
	list-style:inside;
	list-style-type:circle;
}

#scheda_case{
	float:left;
	position:relative;
	width:308px;
	height:150px;
	padding-top:10px;
	padding-left:7px;
	background-repeat:no-repeat;
	background-image:url(../images/bg_scheda_case.jpg);
	}
	
#img_case{
	position:absolute;
	top:6px;
	left:7px;
	width:292px;
	height:71px;
	margin-bottom:0px;
	}	

#testo_case{
	position:absolute;
	top:78px;
	left:7px;
	width:287px;
	height:50px;
	line-height:12px;
	padding-left:5px;
	/*background-color:#FF0*/
	}



#mappa{
	position:absolute;
	top:70px;
	left:480px;
	width:448px;
	height:193px;
	padding-top:5px;
	padding-left:5px;	
	background-color:#FFF;
	}
	
#mappa2{
	position:absolute;
	top:213px;
	left:485px;
	width:442px;
	height:44px;
	padding-top:5px;
	text-align:center;
	background-color:#dee2e7;
	}	


/* ------------------------ accordion --------------------------- */

.menu_list {	
	width: 900px;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:bold;
    background-color: #f2f2f2;
}
.menu_body {
	display:none;
	padding-left:20px;
	padd5px;
}
.menu_body a{
  display:block;
  color:#006699;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover{
  color: #000000;
  text-decoration:underline;
  }


/*------------------------- tool tip ----------------------------- */

#demotip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
	z-index:1000;
}

/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}


/*------------------------- scheda dett ----------------------------- */


#dettsx{
	float:left;
	width:300px;
	height:424px;
	padding-right:9px;
	line-height:12px;
	/*background-color:#9F9;*/	
	}


#dettdx{
	float:left;
	width:640px;
	height:389px;
	
	/*background-color: #90F;*/
	}
	
#dettsotto{
	float:left;
	width:940px;
	/*background-color: #9F0;*/
	}	

#detturl {
	float:right;
	width:1%;
	white-space:nowrap;
	position:relative;
}

#detturl td {
	padding:5px;
}


/* ----------------------- piede ------------------------------------ */


#footer {
	background: #FFFFFF url('../images/bg_footer.jpg');
	color:#ffffff;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
}
	
#foot {
	width: 968px;
	margin:0 auto;
	background: url('../images/bg_piede.jpg') no-repeat;
	height: 288px;
	padding-left:32px;
	padding-top: 67px;
	line-height:1.2;
	/*padding:0 10px 0 10px;*/
}	

#indirizzo{
	float:left;
	width:310px;
	height:226px;
	line-height:18px;
	/*background-color: #3FF;*/
	}	

#sitemap{
	float:left;
	/*width:326px;*/
	width:280px;
	height:226px;
	line-height:22px;
	/*background-color:#060;	*/
	}
	
#social{
	float:left;
	width:350px;
	height:226px;
	/*background-color: #F9F;	*/
	}
	
#chiusura{
	float:left;
	position:relative;
	width:940px;
	height:57px;
	/*background-color: #9CF;	*/
	}	
	
.logo{
	position:absolute;
	top:2px;
	left:890px;
	width:44px;
	height:14px;
	cursor:pointer;
	}