html{margin:0;padding:0}

body{
	margin:0;
	padding:0;
	text-align:center;
	background-color: #345671;
	
}
p{
	padding: 0px;
	margin: 0px;
}

div#container{
	margin:0 auto;
	position:relative;
	width: 1004px;
	background-color: #8e9397;
	background-image: url(../img/logo_cciaa_new.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height:auto;
	background-position: 30px 505px;
	z-index: 100;

	/*border: 1px solid  #73787b;*/
}
div#header{
	position:relative;
	background-image:url(../img/fondo-header.gif);
	background-repeat: no-repeat;
	width:100%;
	height: 136px;
	left: 0px;
	top: 0px;	
}
div#fondo-header{
	position:absolute;
	width:1004px;
	height: 136px;
	left: 0px;
	top: 0px;	
}
div#torna{
	position:absolute;
	top:70px;
	left:18px;
	width: 205px;
	text-align: left;
}
.menutorna{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #706141;
	text-decoration: none;
	text-transform: uppercase;	
	
}
.menutorna:hover{
	color: #B3A07B;	
}
div#menuist{
	position:absolute;
	top:22px;
	left:208px;
	width: 762px;
}
div#home{
	position:absolute;
	left: 63px;
	top: 0px;
}
div#presentazione{
	position:absolute;
	left: 133px;
	top: 0px;
}
div#sistema{
	position:absolute;
	left: 264px;
	top: 0px;
}
div#fedelta{
	position:absolute;
	left: 462px;
	top: 0px;
}
div#cultura{
	position:absolute;
	left: 614px;
	top: 0px;
}
.menu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}
.menu:hover{
	color: #004891;
}
div#timeline5{
	position:absolute; 
	left: 702px; 
	top: 99px;
}
div#timeline4{
	position:absolute; 
	left: 756px; 
	top: 99px;
}
div#timeline3{
	position:absolute; 
	left: 810px; 
	top: 99px;
}
div#timeline2{
	position:absolute; 
	left: 864px; 
	top: 99px;
}
div#timeline1{
	position:absolute; 
	left: 918px; 
	top: 99px;
}

div#navigation1{
	position: absolute;
	top: 136px;
	left: 0px;
	width: 262px;
	height: 120px;
	background-color:#c8ac7a;
	border: 3px solid #f8efe9;	
	z-index: 1;
}
div#menuoff{
	position:absolute;
	left:20px;
	top:10px;
	width:166px;
	height:280px;
	visibility: visible;
}
div#impresa1off{
	position:absolute; 
	left:0px; 
	top:3px; 
	width:150px
}
div#genealogie1off{
	position:absolute; 
	left:0px; 
	top:24px; 
	width:150px
}
div#segni1off{
	position:absolute; 
	left:0px; 
	top:45px; 
	width:150px
}
div#fonti1off{
	position:absolute; 
	left:0px; 
	top:68px; 
	width:150px
}
div#segnalazioni1off{
	position:absolute; 
	left:0px; 
	top:90px; 
	width:150px
}

div#nomeoff{
	position:absolute;
	left:256px;
	top:-46px;
}

div#voce1on{
	position:absolute;
	left:20px;
	top:10px;
	width:166px;
	height:150px;
	visibility: hidden;
}
div#impresa1on{
	position:absolute;
	left:0px;
	top:3px;
	width:150px;
	height:7px;
}
div#menu2impresa{
	position:absolute;
	left:16px;
	top:11px;
	width:150px;
}
div#genealogie1on{
	position:absolute;
	left:0px;
	top:55px;
	width:150px;
}
div#segni1on{
	position:absolute; 
	left:0px; 
	top:76px; 
	width:150px
}
div#fonti1on{
	position:absolute; 
	left:0px; 
	top:99px; 
	width:150px
}
div#segnalazioni1on{
	position:absolute; 
	left:0px; 
	top:121px; 
	width:150px
}
div#img-fondonav1on{
	position:absolute;
	top:104px;
	left:-23px;
	z-index:-4;
	width: 262px;
	height: 40px;
	background-color:#c8ac7a;
	border-left: 3px solid #FFF;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
}
div#nome1on{
	position:absolute;
	left:256px;
	top:-46px;
}
div#voce2on{
	position:absolute;
	left:20px;
	top:10px;
	width:166px;
	height:150px;
	visibility: hidden;
}
div#impresa2on{
	position:absolute;
	left:0px;
	top:3px;
	width:150px;
	height:7px;
}
div#genealogie2on{
	position:absolute;
	left:0px;
	top:24px;
	width:150px;
}
div#menu2genealogie{
	position:absolute;
	left:16px;
	top:32px;
	width:150px;
}
div#segni2on{
	position:absolute; 
	left:0px; 
	top:76px; 
	width:150px
}
div#fonti2on{
	position:absolute; 
	left:0px; 
	top:99px; 
	width:150px
}
div#segnalazioni2on{
	position:absolute; 
	left:0px; 
	top:121px; 
	width:150px
}
div#img-fondonav2on{
	position:absolute;
	left:-23px;
	top:104px;
	z-index:-4;
	width: 262px;
	height: 40px;
	background-color:#c8ac7a;
	border-left: 3px solid #FFF;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
}
div#nome2on{
	position:absolute;
	left:256px;
	top:-46px;
}
div#voce3on{
	position:absolute;
	left:20px;
	top:10px;
	width:166px;
	height:150px;
	visibility: hidden;
}
div#impresa3on{
	position:absolute;
	left:0px;
	top:3px;
	width:150px;
	height:7px;
}
div#genealogie3on{
	position:absolute;
	left:0px;
	top:24px;
	width:150px;
}
div#segni3on{
	position:absolute; 
	left:0px; 
	top:45px; 
	width:150px;
}
div#menu3segni{
	position:absolute;
	left:16px;
	top:53px;
	width:150px;
}
div#fonti3on{
	position:absolute; 
	left:0px; 
	top:111px; 
	width:150px
}
div#segnalazioni3on{
	position:absolute; 
	left:0px; 
	top:133px; 
	width:150px
}
div#img-fondonav3on{
	position:absolute;
	left:-23px;
	top:104px;
	z-index:-4;
	width: 262px;
	height: 50px;
	background-color:#c8ac7a;
	border-left: 3px solid #FFF;	
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
}
div#nome3on{
	position:absolute;
	left:256px;
	top:-46px;
}
div#voce4on{
	position:absolute;
	left:20px;
	top:10px;
	width:166px;
	height:150px;
	visibility: hidden;
}
div#impresa4on{
	position:absolute;
	left:0px;
	top:3px;
	width:150px;
	height:7px;
}
div#genealogie4on{
	position:absolute;
	left:0px;
	top:24px;
	width:150px;
}
div#segni4on{
	position:absolute; 
	left:0px; 
	top:45px; 
	width:150px;
}
div#fonti4on{
	position:absolute; 
	left:0px; 
	top:66px; 
	width:150px;
}
div#menu4fonti{
	position:absolute;
	left:16px;
	top:74px;
	width:150px;
}
div#segnalazioni4on{
	position:absolute; 
	left:0px; 
	top:132px; 
	width:150px
}
div#img-fondonav4on{
	position:absolute;
	left:-23px;
	top:104px;
	z-index:-4;
	width: 262px;
	height: 50px;
	background-color:#c8ac7a;
	border-right: 3px solid #FFF;
	border-left: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
}
div#nome4on{
	position:absolute;
	left:256px;
	top:-46px;
}

div#img-fondonavon{
	position:absolute;
	left:7px;
	top:172px;
	
	height: 122px;
	width: 163px;
}
div#nomeon{
	position:absolute; 
	right:-4px; 
	top:295px;
	width:90px;
	height:40px;
	background-color:#F99;
}

div#content{
	
	float:left;
	margin-left: 268px;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	padding:0;
	width: 736px;
	background-color: #f5ede0;
	border-bottom: 6px solid #8e9397;	

}
div#col1{
	float:left;
	width: 325px;
	\width: 345px;
	w\idth: 325px;
	margin: 10px;
	height: auto !important;  /* per i browser moderni */
    height: 425px;      /* per IE5.x e IE6 */
    min-height: 425px;  /* per i browser moderni */
}
div#col2{
	float:right;
	width: 325px;
	\width: 345px;
	w\idth: 325px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:34px;
	margin-left:10px;
}	
.titolobox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #6E1D1C;
	text-transform: uppercase;
	font-weight: bold;
}
.titolo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6E1D1C;
	text-transform: none;
	font-weight: bold;
}
.testo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height:1.1em;
}
.testolink {
	color: #FF6D42;
	font-weight: bold;
	text-decoration:none
}

.testolink:hover {
	text-decoration:underline
}

.testolink:visited {
	color: #FF6D42;
	font-weight: bold;
	text-decoration:none
}
.ico-cine{
	vertical-align: text-bottom;
	border: none;	
	padding-left: 1px;
}
.ico-foto{
	vertical-align: text-bottom;
	border: none;
	padding-left: 3px;
}
.icofotoright{
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	float:right;
	border: 0;
}
.icofotoleft{
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	float:left;
	border: 0;
}

.continua{
	position: absolute;
	bottom: -397px;
	right: 192px;
}

div#footer{
	position:relative;
	clear:both;
	/*background-image:url(../img/fondo-footer.gif);
	background-repeat:no-repeat;*/
	width: 100%;
	z-index: 100;
	
}
div#navfoot{
	width:980px;
	height:59px;
	background-image:url(../img/footer.gif);
	background-repeat:no-repeat;
	display:none;
}
div#navfootav{
	top:5px;
	right:9px;
	
}
div#navfootin{
	position:absolute;
	top:5px;
	right:9px;
	
}
.glos {
	text-decoration: underline;
	color: #FF6D42;
}
.glos:hover {
	text-decoration: none;
}
