body, html { width: 100%;margin: 0px; padding:0px; line-height: 20px; text-align: center; background: url(img/body_bg.jpg) repeat-x #ffffff; }

body { font-family: Arial, Verdana, Helvetica; font-size: 12px; color: #000000; text-align: center;  }
img { border:0; }
h1 { background: url(/img/h1_bg.png) no-repeat; font-size: 18px; color: #ffffff; margin: 10px 0px; padding: 6px 30px 6px 10px; }
h4 { background: url(/img/h4_bg.png) no-repeat; font-size: 18px; color: #ffffff; margin: 10px 0px; padding: 6px 30px 6px 10px; }
h2 { margin: 0 0 10px 0; font-size: 14pt; color: #41728F; text-transform:ucfirst; font-weight:bold; }
h3 { display: inline; color: red; }




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


b, strong { color: #0880E1; }

fieldset { border: 1px solid #ccc; padding: 5px;}

img { border: 0px; }

#content { width: 980px; text-align: center; padding: 0px; margin: 0px auto;  }

p { width: 100%; }

	#header { width:980px; min-height: 190px; height: 190px; position: relative; }

	#logo { width:265px; height: 144px; position: absolute; top: 5px; left: 30px; cursor: pointer; color: #ffffff; z-index: 101; }
	#header_flash { width:250px; height: 150px; position: absolute; top: 5px; left: 30px; z-index: 100; }
	
	#header_box { width:350px; height: 180px; position: absolute; top: 12px; left: 450px;  }
		#header_box h1 { font-size: 19pt; color: #51A2D2; margin-top: 10px; line-height: 30px; background: none; }
	
	#box_home { display: block; width:980px; height: 256px; position: relative; }
	#box_home.index {background: url(/img/img_slide_index.jpg) no-repeat;}
	#box_home.edilizia {background: url(/img/img_slide_edilizia.jpg) no-repeat;}
	#box_home.costruzioni {background: url(/img/img_slide_costruzioni.jpg) no-repeat;}
	#box_home.ristrutturazione {background: url(/img/img_slide_ristrutturazione.jpg) no-repeat;}
	#box_home.manutenzione {background: url(/img/img_slide_manutenzione.jpg) no-repeat;}
	#box_home.restauri {background: url(/img/img_slide_restauri.jpg) no-repeat;}
	#box_home.arredamento {background: url(/img/img_slide_arredamento.jpg) no-repeat;}
	#box_home.news {background: url(/img/img_slide_news.jpg) no-repeat;}
	#box_home.preventivo {background: url(/img/img_slide_preventivo.jpg) no-repeat;}
	#box_home.lavori {background: url(/img/img_slide_lavori.jpg) no-repeat;}
	#box_home.contatti {background: url(/img/img_slide_contatti.jpg) no-repeat;}
	
	#box_home #img_preventivo { position: absolute; left: 670px; top: 140px; }
	#box_home .titolo {font-size: 28px; color: #333333; width: 360px; position: absolute; top: 20px; left: 580px; }
	#box_home .sottotitolo { font-size: 18px; color: #666666; width: 360px; position: absolute; top: 60px; left: 580px; }
	#box_home .titolo, #box_home .sottotitolo {text-align: left; }
	
	
	#tasto_back { margin-bottom: 20px; }
	
	
		
	#menu {
	 	margin-left: 0px;
	 	list-style-type: none;
	 	width: 980px;
	 	padding: 0px;
	 	margin:0px;
	 	margin-top: 20px;
	 	margin-bottom: 10px;
	}
	#menu li {
		display: block;
		width: 122px;
		float: left;
		height: 42px;
		margin-right: 0px;
		background: url(img/menu_off.png) no-repeat;
		text-align: center;
	}
	#menu li a:link, #menu li a:visited {
		display: block;
		padding: 11px 0px;
		color: #ffffff;
		font-weight: bolder;
		font-family: Arial;
		font-size: 10pt;
		text-decoration: none;
	}

	#menu li a#attivo, #menu li a:hover {
		color: #ffffff;
		background: url(img/menu_on.png) no-repeat;
	}
	
	
	#menu_dx {
	 	display: block;
	 	width: 180px;
	 	margin-left: 0px;
	 	list-style-image: url(/img/menu_dx_bullet.gif);
	 	padding: 0px;
	 	margin:10px 0 20px 20px;
	}
	
	#menu_dx li{
	 	width: 180px;
	 	padding-left: 0px;
	}
	
	#menu_dx li a:link, #menu_dx li a:visited {
		color: #000000;
		font-weight: normal;
		font-family: Tahoma, Arial, Verdana;
		font-size: 9pt;
		text-decoration: none;
	}

	#menu_dx li a#attivo, #menu_dx li a:hover {
		color: #ffffff;
		background: url(img/menu_on.png) no-repeat;
	}
	
	#menu_news {
	 	display: block;
	 	width: 180px;
	 	margin-left: 0px;
	 	list-style-image: url(/img/menu_dx_bullet_blu.gif);
	 	padding: 0px;
	 	margin:10px 0 20px 20px;
	}
	
	#menu_news li{
	 	width: 180px;
	 	padding-left: 0px;
	}
	
	#menu_news li a:link, #menu_news li a:visited {
		color: #000000;
		font-weight: normal;
		font-family: Tahoma, Arial, Verdana;
		font-size: 9pt;
		text-decoration: none;
	}

	#menu_news li a#attivo, #menu_news li a:hover {
		text-decoration: underline;
	}
	

	#corpo { position: relative; width: 980px; height: 100%; min-height: 400px; text-align: left; }

		ul {
		 	list-style-image: url(img/ul_blu.gif);
		 	list-style-type: square;
		 	padding: 0px;
		 	margin: 20px 20px;
		}
		
		
		
		
		#colsx { float: left; width: 730px; }		
		
		#coldx { float: right; width: 220px; text-align: left; }
		#coldx #banner {
			margin-top: 40px;
			text-align: left;
		}
		#coldx #banner ul {
			list-style-type: none;
			padding: 0px;
			margin: 0px;
		}
		#coldx #banner li {
			margin-bottom: 20px;
		}
		

#footer { width: 100%; background: url(img/footer_bg.jpg) repeat-x; height: 140px; text-align: center; color: #cccccc; margin-top: 50px; }
#footer .content { width: 980px; margin: 0px auto; }
#footer .content div {margin: 10px 20px 0 20px;}

#footer a:link, #footer a:visited { color: #666666; text-decoration: underline; }
#footer a:hover { text-decoration: none; color: #ccc; }

/*menu footer*/
#menu_bottom {
	display: block;
	margin-top: 40px;
}
#menu_bottom a:link, #menu_bottom a:visited {
	color: #666666;
	text-decoration: underline;
	width: 100px;
	padding: 0px 20px;
}
#menu_bottom a:hover {
 	text-decoration: none;
	color: #ccc;
}


.left {
	float: left;
}

.right {
	float: right;
}

.cella_s {
	float: left;
	width: 150px;
	text-align: left;
}
.cella_d {
	float: left;
	width: 400px;
	text-align: left;
}

.box1 {
	float: left;
	width: 260px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	min-height: 220px;
}
.box2 {
	float: left;
	width: 300px;
	margin: 10px 5px;
}
.box3 {
 	float: left;
	width: 230px;
	margin: 20px 10px 0px 0px;
}

.box1 img, .box2 img, .box3 img {
/*	margin: 4px 8px 0px 0px;*/
}

/* **** VARIE ****  */

.foto_gallery a:link, .foto_gallery a:visited {
	float: left;
	display: block;
	width: 150px;
	height: 150px;
	text-align: center;
	padding: 0px;
	margin-left: 20px;
	margin-bottom: 40px;
	border-bottom: 1px solid #cccccc;
}
.foto_gallery a:hover {
 	border-color: #55819B;
}

.foto_gallery h1 {
 	margin: 0px;
 	padding: 0px;
 	font-size: 7pt;
}
.foto_gallery img {
	padding: 0px;
	margin: 0px;
}


.riga { margin-left: 5px; }

#video {
	text-align: center;
}

.img_archivio {
	float: left;
	display: block;
	width: 170px;
	margin-top: 10px;
}
.riga_archivio {

	margin-left: 10px;
}

.riga_archivio i {
	color: #333;
}

.riga_archivio h1 {
	font-weight: bolder;
	font-size: 9pt;
	text-decoration: underline;
}

.box_homepage {
	display: block;
	float: left;
	width: 200px;
	
}

.clear {
	clear: both;
}

.right {
	float: right;
	clear: right;
}
.left {
	float: left;
	clear: left;
}


.imgr {
	float: right;
	clear: right;
	margin: 4px 0px 0px 8px;
}
.imgl {
	float: left;
	clear: left;
	margin: 4px 8px 0px 0px;
}


/* liScroll style declarations */

.news_box {
	display: block;
	width: 700px;
	margin-left: 30px;
	color: #D2C4B0;
	height: 150px;
}

.tickercontainer {

width: 680px; 
height: 150px;
margin-left: 20px; 
padding: 0px;
overflow: hidden; 

}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 1500px;
overflow: hidden;
white-space: nowrap;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
display: block;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}