/*page ---------------------------------------------------*/

body {
background-image:url(images/bg_page.png);
background-repeat: repeat-x;
text-align:center;
font: 14px "Times New Roman", Times, serif; 
color: #666666; 
margin: 0px; 
padding: 0px; }

h1, h2, p { margin:0; }

h1 span, h2 span { display: none; }
	
a:link, a:visited { color: #666666; text-decoration: none; cursor:pointer; }
a:hover { color: #999999; text-decoration: none; cursor:pointer; }

/*background ---------------------------------------------------*/

#base {
background-image:url(images/bg_bottom.png);
background-repeat: repeat-y;
margin: 0px auto;
width: 830px; 
height: 100%;
display: table;}

#container {
background-image:url(images/bg_top.png);
background-repeat:no-repeat;
width: 830px; 
float: left; }

/*main ---------------------------------------------------*/

#main { margin: 0px auto; width: 760px; height: 100%; }

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

#header { padding: 40px 0 0 0; margin: 0px; }
#header h1 { width: 136px; height: 145px; float: left; background-image: url(images/logo.gif); }
#header h1 a { display:block; width: 100%; height: 100%; }

#menu 		{ float: right; margin: 112px 0 0  0; width: 430px; height: 30px; }
#menu ul 	{ list-style: none; padding:0; margin:0px auto; }
#menu li 	{ height:30px; float: left; }
#menu a 	{ display:block; height:100%; }
#menu span 	{ display: none; }	
			
	#menu a.home:link, a.home:visited { background: url(images/home.gif) no-repeat left center; display: block; width: 51px; }
	#menu a.home:hover { background: url(images/home_on.gif) no-repeat left center; width: 51px; }
	
	#menu a.staff:link, a.staff:visited { background: url(images/staff.gif) no-repeat left center; width: 60px; }
	#menu a.staff:hover { background: url(images/staff_on.gif) no-repeat left center; width: 60px; }
	
	#menu a.qualita:link, a.qualita:visited { background: url(images/qualita.gif) no-repeat left center; width: 147px; }
	#menu a.qualita:hover { background: url(images/qualita_on.gif) no-repeat left center; width: 147px; }
	
	#menu a.lavora:link, a.lavora:visited { background: url(images/lavora.gif) no-repeat left center; width: 129px; }
	#menu a.lavora:hover { background: url(images/lavora_on.gif) no-repeat left center; width: 129px; }
	
	#menu a.info:link, a.info:visited { background: url(images/info.gif) no-repeat left center; width: 43px; }
	#menu a.info:hover { background: url(images/info_on.gif) no-repeat left center; width: 43px; }

#main_menu { float: left; margin: 10px 0 0  0; width: 100%; height: 21px; }
#main_menu ul { list-style: none; padding:0; margin:0px auto; }
#main_menu li { height:21px; float: left; }
#main_menu a { display:block; height:100%; }
#main_menu span { display: none; }	
			
	#main_menu a.nuove_costruzioni:link, a.nuove_costruzioni:visited { background: url(images/nuove_costruzioni.gif) no-repeat left center; display: block; width: 222px; }
	#main_menu a.nuove_costruzioni:hover { background: url(images/nuove_costruzioni_on.gif) no-repeat left center; width: 222px; }
	
	#main_menu a.ristrutturazioni:link, a.ristrutturazioni:visited { background: url(images/ristrutturazioni_interni.gif) no-repeat left center; display: block; width: 311px; }
	#main_menu a.ristrutturazioni:hover { background: url(images/ristrutturazioni_interni_on.gif) no-repeat left center; width: 311px; }
	
	#main_menu a.lavorazioni:link, a.lavorazioni:visited { background: url(images/lavorazioni_speciali.gif) no-repeat left center; display: block; width: 227px; }
	#main_menu a.lavorazioni:hover { background: url(images/lavorazioni_speciali_on.gif) no-repeat left center; width: 227px; }
	
/*center ---------------------------------------------------*/

#home, #staff, #qualita, #lavora, #info, #nuove_costruzioni, #ristrutturazioni, #lavorazioni, #civile, #industriale, #restauro, #cementi, #ristrutturazioni_prog { 
background: url(images/bg_center.gif) repeat-y;
display: table;
margin: 10px 0 0 0;
width: 100%;
float: left;
text-align: justify; }

#home h2 	{ background-image: url(images/title_home.gif); height:27px; }
#staff h2 	{ background-image: url(images/title_staff.gif); height:27px; }
#qualita h2 { background-image: url(images/title_qualita.gif); height:27px; }
#lavora h2 	{ background-image: url(images/title_lavora.gif); height:27px; }
#info h2 	{ background-image: url(images/title_info.gif); height:27px; }
#nuove_costruzioni h2 { background-image: url(images/title_nuove_costr.gif); height:27px; }
#ristrutturazioni h2, #ristrutturazioni_prog h2 { background-image: url(images/title_ristrutturazioni.gif); height:27px; }
#lavorazioni h2 { background-image: url(images/title_lavorazioni.gif); height:27px; }
#civile h2 		{ background-image: url(images/title_civile.gif); height:27px; }
#industriale h2 { background-image: url(images/title_industriale.gif); height:27px; }
#restauro h2 	{ background-image: url(images/title_restauro.gif); height:27px; }
#cementi h2 	{ background-image: url(images/title_cementi.gif); height:27px; }

#civile h3, #industriale h3, #ristrutturazioni_prog h3, #restauro h3, #cementi h3 { background-image: url(images/title_altri.gif); background-repeat:no-repeat; height:20px; margin: 0 0 0 20px; width: 720px; }
#civile h3 span, #industriale h3 span, #ristrutturazioni_prog h3 span, #restauro h3 span, #cementi h3 span { display: none; }
#home p, #staff p, #qualita p, #lavora p, #info p, #nuove_costruzioni p, #ristrutturazioni p, #lavorazioni p, #civile p, #industriale p, #restauro p, #cementi p, #ristrutturazioni_prog p, #restauro p, #cementi p 
{ 
padding: 10px 20px 0px 20px; 
/*background: url(images/center_footer.gif) bottom no-repeat; */
line-height: 22px;
}

.footer_centro { background: url(images/center_footer.gif) no-repeat; float: left; width: 760px; font-size: 0px; height: 11px; line-height: 0px; }
 
.form_lavora { padding: 10px 20px 10px 20px;  }

/*progetti in corso ---------------------------------------------------*/

#progetti { 
display: table;
margin: 20px 0 0 0;
width: 100%; 
float: left;
text-align: justify; }

#progetti h2 { background: url(images/progetti.gif) no-repeat; height:10px; }

#progetti img { padding: 2px; border:solid 8px #D8D0B8; }

#map { padding: 2px; border:solid 8px #D8D0B8; margin-left: 40px; }

#container_foto { width: 197px; float: left; }

#container_foto img, #staff img, #qualita img {
padding: 2px;
border:solid 8px #D8D0B8;
margin: 20px 20px 0 20px;
float: left; }

#container_thumb { float: left; padding: 10px 20px 20px 20px; }

#container_thumb img {
padding: 1px;
border:solid 3px #D8D0B8;
margin: 10px 10px 0 0;
float: left; }

#container_thumb img.evidenziato {
padding: 1px;
border:solid 3px #6699cc;
margin: 10px 10px 0 0;
float: left; }

#descrizione { float: left; }
#elenco { margin-top: 10px;	float: left; }

#progetti p { padding: 10px 0 0 0; }

#progetti .foto {
margin: 10px 0 0 0;
text-align:center;
width: 25%;
float:left; }

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

#footer { background:url(images/bg_footer.png) no-repeat; margin:30px 0px 0px 0px; width: 830px; height: 68px; float:left;  }
#footer p { float:left; position:relative; text-align:left; padding:5px 0px 0px 25px; margin:0px; }
#footer a.mit { background: url(images/mitdesign.png); float:right; width:63px; height:11px; margin: 18px 40px 0px 0px; }
#footer span { display: none; }