body {
	margin:0;
	padding:0;
	text-align:center;
	font-family: "Trebuchet MS",  Arial, Helvetica, sans-serif ;
	font-size:12px;
	background:#ffffff;
	color:#000;
}

body,html { 	
	height:100%; 
}

a {		
	text-decoration:underline;
	color:#003366;
}

a:hover{	
	text-decoration:none;
	color: #ccc;
}


/* style per oggetti form----------------------------------------------------------- */
input ,textarea {
	background-image: url(../img/pattern_input.gif);
	background-repeat: repeat-x;
	border: 1px solid #7F9DB9;
	color: #546C8E;
	font-family: Tahoma;
	font-size: 11px;
	padding: 2px;
}


.selectbox{
	border: 1px solid #7F9DB9;
	color: #546C8E;
	font-family: Tahoma;
	font-size: 11px;
}

.button {
	background: #e3e9f2;
	border:1px solid #bbc5d4;
	color: #000000;
	font-size: 100%;
	padding: 2px 5px;
	text-decoration: none;
}

.button-cerca {
	background: none;
	border: none;
	color: #002c72;
	font-size: 11px;
	font-weight:bold;
	padding: 2px 5px;
	text-decoration: none;
}
.asterisco {
	color: #003366;
}

.note {
	font-size: 90%;
}
/********************************************/

.testata{
	position:relative;
	border:0px solid #000;
	width:100%;
	min-height:220px;
	height:auto !important;
	height:220px;	
	margin:auto;
	margin-bottom:10px;
	padding:0;
	text-align:center;
	background:url(../img/header_pattern.gif) repeat-x top left;
}

.testata-box{
	position: relative;
	border:0px solid #000;
	width:980px;
	margin:auto;
}


.telaio{
	position: relative;
	border:0px solid #000;
	width:980px;
	margin:auto;
	margin-top:40px;
	padding:0;
}



.colonnasx{
	position:relative;
	float: left ;
	border:0px solid #000;
	width:320px;	
	margin-bottom:10px;
	padding:0;	
	text-align: right;	
	
}

.colonnacx{
	position:relative;	
	border:0px solid #000;
	width:610px;
	margin:0 0 40px 360px;
	padding:0;	
	z-index:1;	
	text-align:left;
	min-height:400px;
	height:auto !important;
	height:400px;
	font-size:12px;
	color: #666666;
}

.footer {
	clear:both;
	border:0px solid #000;
	width:100%;
	min-height:200px;
	height:auto !important;
	height:200px;	
	padding:0px;
	margin-top:10px;
	background:url(../img/footer_pattern.gif) repeat-x top left;
	text-align:center;
}

.footer-box{
	position: relative;
	border:0px solid #000;
	width:980px;
	min-height:200px;
	height:auto !important;
	height:200px;		
	margin:auto;
}

.footer-ico_scavatore{
	position:absolute;
	top:-46px;
	right:120px;
	border:0px solid #000;
	width:80px;
	height:123px;
}

.footer-browser{
	position: absolute;
	top:168px;
	left:20px;
	text-align:right;
	border:0px solid #000;
	width:229px;
}

.footer-recapiti{
	position: absolute;
	top:50px;
	left:17px;
	text-align:right;
	border:0px solid #000;
	width:231px;
}

.footer-macchine {
	position:absolute;
	bottom:0px;
	right:0;
	border:0px solid #000;
	width:446px;
	height:123px;
}

.footer-credits{
	position: absolute;
	top:105px;
	left:738px;
	text-align: left;
	border:0px solid #000;
	width:200px;
	height: 56px;
}

	
/*** menu top ******************************************/

.menu-box {
    border:0px solid #000;
	position:absolute;
	top:160px;
	right:-10px;
	width: 400px;
}

.menu-link {
	margin:auto;	
	padding:0;
	
}
.menu-link ul {	
	list-style: none;
	margin: auto;
	padding: 0; 
}
.menu-link ul li {
	display: inline ;
	float:left;
}

.menu-link a{		
	display:block;
	font-size:14px;
	margin: 0 0 4px 0;
	padding: 6px 0.7em 20px 0.7em;
	text-decoration:none;
	color:#fff;
}

.menu-link a:hover{	
	margin: 0 0 4px 0;
	padding: 6px 0.7em 20px 0.7em;
	border-bottom:6px solid #90abb9;
	color:#fff;
}

.menu-link a:hover, div .menu-link a:focus {
	background-image: url(../img/freccia.gif);
	background-repeat: no-repeat ;
	background-position: bottom  center;
}

/* ------------------------------------------------------- */


/* stile rollover css per firefox perche il javascript fade funziona solo per exploer */
.thumbox a img{
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}
.thumbox a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}