/*stili per il layout fisso con altezza minima*/
html,body{margin: 0;padding:0;height:100%;}
body{font-family: arial,sans-serif;text-align: center}
div#container{position:relative; width: 980px; height: 100%;margin: 0 auto;    text-align: left;}
body>div#container{height:auto;min-height:100%}
div#footer{position: absolute;bottom:0; width: 100%; padding: 0.5em 0;
    background-color: #fff; color: #333;text-align:center; font-weight: 300;
	Font-size:14px;}
	
a ,a:link ,a:visited ,a:active{
	text-transform:uppercase;
	text-decoration:none;
	color:#335f9c;
	font-size:12px;
	}

a:hover{
	color:#ff0000;
}
#breadcrumb 
{text-transform:uppercase;
text-decoration:none;
color:#999;
font-size:12px;
	}

/*stili generici, su header e footer*/
div#header{background-color:#fff;color: #999;}
div#header h1{font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:60px;color: #999;}
div#header h1 #mastella{font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:60px;color: #ccc;}
div#header h2{font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:18px;color: #335F9C;margin-left:30px;}
div# h1{font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:100px;color: #999;}
h1,h2{font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:100px;color: #999; margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}

div#footer a{color: #999;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{background-color:#fff}
div#content{padding: 1em 1em 5em; margin-top:150px; text-align: center; min-height:200px;}


/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} /*nota display: inline*/
div#navigation a{color:#369;font: normal bold 1.0em/2.1em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #999;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}

#call-to{
	width:131px;
	height:121px;
	float:left;
	Font-size:14px;
	margin-right:20px;
	text-transform:uppercase;
	text-align:center;
	min-height: 10em;
 display: table-cell;
 vertical-align: middle
	
	

}
#call-to a{
	width:131px;
	height:121px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	float:right;
	background:url(bottone1.png) no-repeat top right;

	}

#call-to a:hover{
	width:131px;
	
	height:121px;
	color:#fff;
	float:right;
	background:url(bottone1.png) no-repeat 0 -123px;
}
#call-to2{
	width:131px;
	height:121px;
	float:left;
	Font-size:14px;
	margin-right:20px;
	text-transform:uppercase;
	text-align:center;
	min-height: 10em;
 display: table-cell;
 vertical-align: middle
	
	

}
#call-to2 a{
	width:131px;
	height:121px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	float:right;
	background:url(bottone3.png) no-repeat top right;

	}

#call-to2 a:hover{
	width:131px;
	
	height:121px;
	color:#fff;
	float:right;
	background:url(bottone3.png) no-repeat 0 -123px;
}
#call-to3{
	width:131px;
	height:121px;
	float:left;
	Font-size:14px;
	margin-right:20px;
	text-transform:uppercase;
	text-align:center;
	min-height: 10em;
 display: table-cell;
 vertical-align: middle
	
	

}
#call-to3 a{
	width:131px;
	height:121px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	float:right;
	background:url(bottone2.png) no-repeat top right;

	}

#call-to3 a:hover{
	width:131px;
	
	height:121px;
	color:#fff;
	float:right;
	background:url(bottone2.png) no-repeat 0 -123px;
}
#call-to4{
	width:131px;
	height:121px;
	float:left;
	Font-size:14px;
	margin-right:20px;
	text-transform:uppercase;
	text-align:center;
	min-height: 10em;
	display: table-cell;
	vertical-align: middle
	
	

}
#call-to4 a{
	width:131px;
	height:121px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	float:right;
	background:url(bottone4.png) no-repeat top right;

	}

#call-to4 a:hover{
	width:131px;
	
	height:121px;
	color:#fff;
	float:right;
	background:url(bottone4.png) no-repeat 0 -123px;
}
#call-to5{
	width:131px;
	height:121px;
	float:left;
	Font-size:14px;
	margin-right:20px;
	text-transform:uppercase;
	text-align:center;
	min-height: 10em;
 display: table-cell;
 vertical-align: middle
	
	

}
#call-to5 a{
	width:131px;
	height:121px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	float:right;
	background:url(bottone5.png) no-repeat top right;

	}

#call-to5 a:hover{
	width:131px;
	
	height:121px;
	color:#fff;
	float:right;
	background:url(bottone5.png) no-repeat 0 -123px;
}
#logo{
	margin-top:80px;
	margin-left:510px;
	width:300px;
	height:81px;
	background:url(neos.png) no-repeat;
}
#campo{
	
	width:200px;
	height:30px;
	border:2px solid #ccc;
	font-size:18px;
	clear:both;
	margin-top:5px;
	margin-bottom:15px;
}
#area{
	
	width:400px;
	height:200px;
	border:2px solid #ccc;
	font-size:18px;
	clear:both;
	margin-top:5px;
	margin-bottom:15px;
}
.errorbox  
{  
    background-color: #ffebe8;  
    border: 1px solid #dd3c10;  
    color: #333333;  
    padding: 10px;  
    font-size: 13px;  
    font-weight: bold;  
}  

.infobox  
{  
    background-color: #fff9d7;  
    border: 1px solid #e2c822;  
    color: #333333;  
    padding: 10px;  
    font-size: 13px;  
    font-weight: bold;  
} 
#boxlogin {  
   
    border-right: 1px solid #f4f4f4; 
	width:	490px;
    color: #333333;  
    padding: 10px;  
	float:left;
    font-size: 13px;  
    font-weight: bold;  
} 
#preventivo label { width: 250px; text-align:left; }
#preventivo label.error, #preventivo input.submit { background-color: #ffebe8;  
    border: 1px solid #dd3c10;  
    color: #333333;  
    padding: 10px;  
    font-size: 13px;  
    font-weight: bold;   }
#preventivo input{
	
	width:200px;
	height:30px;
	border:2px solid #ccc;
	font-size:18px;
	clear:both;
	margin-top:5px;
	margin-bottom:15px;
}