/* CSS Arix@you for Comma3 - Orsini 2008 */

/* ----------------- main elements ------------------ */
body { 
	padding: 0; 
	margin: 0; 
	font: 80%/185% "Lucida Sans Unicode", "trebuchet MS", verdana, sans-serif; 
	color: #74594E;  
	text-align: left; 
	background: #FFFDF4 url(../img/back-lines.gif) repeat-x;  
	}

body.mapBody { 
	background: #fff; 
	}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

a:link, a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #000; 
	} 

a:hover { 
	color: #ccc; 
	}

h1 { 
	background: url(../img/logo.gif) no-repeat; 
	width: 265px; 
	height: 158px; 
	margin: 0 0 0 45px!important;  
	margin: 0 0 0 20px;  
	float: left; 
	}
	
h1 span { 
	display: none; 
	}
	
h1 img { 
	border: none; 
	}
	
h2 { 
	margin: 12px 0 10px 0; 
	padding: 0; 
	font-size: 120%; 
	}

hr {
    border: 0;
    width: 100%;
    color: #ccc;
    background-color: #ccc;
    height: 1px; 
	border:1px dotted #ccc;
	margin:10px 0;
} 

/* ----------------- structural elements ------------------ */

#mastercontainer {
	width: 904px; 
	background: url(../img/back-middle.gif) no-repeat; 
	margin: 0 auto 20px auto; 
	padding: 0; 
	}

#topright { 
	background: url(../img/shadow-top.jpg) no-repeat; 
	width: 365px; 
	height: 158px; 
	float: right; 
	clear: right; 
	margin: 0 0 0 0;  
	position:relative;
	}
	
	#topright #lang { 
		position:absolute;
		top:106px;
		right:80px;
		color:#fff;
		}	
	
	#topright a:link, #topright a:visited { 
		font-weight: bold; 
		text-decoration: none; 
		color: #ffffff; 
		} 
		
	#topright a:hover { 
		color: #F394B0; 
		}
		
	#topright span { 
		background: #A38E88; 
		width: 208px;  
		padding: 106px 15px 10px 15px; 
		display: block; 
		color: #FFFFFF; 
		}
		
	#topright .border { 
		border-width: 0 1px 1px 1px; 
		border-color: #E4E1DE; 
		border-style: solid; 
		padding: 0 14px 14px 14px; 
		width: 238px; 
		background: #FFFFFF; 
		margin: 0 0 0 52px;  
		}
	

#squares {
	width: 904px; 
	margin: 0 0 0 45px; 
	padding: 0; 
}

	#squares1 { 
		width: 238px; 
		border: #E4E1DE 1px solid; 
		padding: 14px; 
		height: 238px; 
		background: #FFFFFF; 
		float: left; 
		margin:0;
		}
		
	#squares2 { 
		width: 238px; 
		border: #E4E1DE 1px solid; 
		padding: 14px; 
		height: 238px; 
		background: #FFFFFF; 
		margin: 0 0 0 5px; 
		float: left; 
		}
		
	#squares3 { 
		width: 238px; 
		border: #E4E1DE 1px solid; 
		padding: 14px; 
		height: 238px; 
		background: #FFFFFF; 
		margin: 0 0 0 5px; 
		float: left; 
		}

	#flashreplacement3 img { 
		border: none; 
		}

#maincontent { 
	background: url(../img/shadow-bottom.jpg) no-repeat right top; 
	width: 879px; 
	clear: both; 
	margin: 0 0 0 0; 
	padding: 0 0 0 25px; 
	}
	
	#maincontent .content { 
		width: 240px!important; 
		width: 254px; 
		float: left; 
		margin: 10px 10px 0 25px!important; 
		margin: 10px 10px 0 10px; 
		}
		
	#maincontent .contentWider { /* non usato */
		width: 480px; 
		float: left; 
		margin: 0 10px 0 25px ; 
		}
		
	#maincontent .content ul, #maincontent .contentWider ul { 
		list-style: none; 
		margin: 0 0 15px 0; 
		padding: 0; 
		}
		
	#maincontent .content ul li , #maincontent .contentWider ul li { 
		background: url(../img/bulleto.gif) no-repeat 0 7px; 
		padding: 0 0 0 13px; 
		margin: 0 0 2px 0; 
		}

#navholder { 
	width: 238px; 
	background: #ffffff; 
	float: right; 
	margin: 5px 45px 0 0!important; 
	margin: 5px 22px 0 0; 
	padding: 14px 14px 0 14px; 
	border: #E4E1DE 1px solid; 
	line-height: 240%; 
	}
	
#mainnav { 
	margin: 0; 
	list-style: none; 
	background: #D5BEAD; 
	width: 188px; 
	padding: 20px 25px; 
	display: block; 
	}
	
#mainnav li {
	margin: 0; 
	padding: 0;  
	}
	
#mainnav a:link, #mainnav a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #7B6F64; 
	} 

#mainnav a:hover { 
	color: #A88C71; 
	}

#navholder li li { 
	margin:0 0 0 -20px;
	list-style:none;
	padding:px;
	line-height: 140%;
}
	
#navholder p { 
	margin: 10px 0 0 0; 
	padding: 0; 
	text-align: right; 
	} 

#navholder img { 
	border: none; 
	}


#footercontainer { 
	background: #FFFFFF; 
	border-width: 1px 0 0 0; 
	border-color: #E4E1DE; 
	border-style: solid; 
	padding: 20px 0; 
	}
	
#footerinner { 
	width: 904px; 
	margin: 0 auto; 
	text-align: center; 
	}
	
#footerinner img { 
	margin: 0; 
	padding: 0; 
	border: none; 
	}
	
#footerinner p { 
	margin: 0 0 10px 0; 
	padding: 0; 
	}
	
#footercontainer a:link, #footercontainer a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #7B6F64; 
	} 

#footercontainer a:hover { 
	color: #A88C71; 
	}

#footercontainer a.none {
    text-decoration: none;
}

/* ----------------- form ------------------ */

input, textarea { 
	font: 100% "Lucida Sans Unicode", "trebuchet MS", verdana, sans-serif; 
	color: #74594E; 
	border: #E4E1DE 1px solid; 
	margin: 0; 
	padding: 5px 10px; 
	background: #ffffff; 
	}
	
input.noborder {
	border:none;
	background:none;
}

/* ----------------- other ------------------ */

.imgleft { 
	margin: 5px 8px 8px 0; 
	float: left; 
	}

.smalltext {
	font: 80% "Lucida Sans Unicode", "trebuchet MS", verdana, sans-serif; 
}

.mediumtext {
	font: 90% "Lucida Sans Unicode", "trebuchet MS", verdana, sans-serif; 
	margin-top:40px;
}

.orangetext {
	color:#FF6600;
}

/* ----------------- table ------------------ */

.clear { clear:both; } 

.enter {
    padding-left:36px;
}

.red {
    color: #f00;
}

.quadro {
background: #fff none repeat scroll 0 0;
font-size:20px;
height:60px;
opacity:0.7;
filter: alpha(opacity = 70);
position:relative;
top:180px;
left:0px;
width:240px;
text-align: right;
}