/* ____________________________

	Document CSS realizzato da:
	Progettisti CUFTI 2007
	____________________________
*/

h4 {
	padding:0px;
	margin: 0px;
}
h2{
	padding: 0px;
	margin: 5px 0px;
	color: #876B45;
}
h3{
	margin:0px;
	padding:0px;
	font-size: 1em;
	color: #876B45;
}
h3.titoli{
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	text-align: left;
}

p{
	padding:0px;
	margin:0px;
	color: Black;
	line-height: 1.6em;
}

a{
	text-decoration: none;
	color: #876B45;
}
a:hover{
	color: #000;
}

img.monumenti{
	float: left;
	margin-right: 5px;
	
}

/*
ul{
	padding: 0px;
}
li{
	padding-top: 5px;
	padding-bottom:10px;
}
*/
th{
	color: #876B45;
}

/** layout **/

#container {
	margin: 0 auto;
	padding: 0px;
	border: 0px solid black;
	width: 781px;
	text-align: left;
	background: url(images/bg_menu.jpg) repeat-y top left;
}

#content {
	margin: 0 auto;
	padding: 5px 13px 10px 1px;
	border: 0px solid black;
	width: 736px;
	text-align: left;
}


/************** Stili per il contenuto **************/

#menu{
	width: 169px;
	/*height: 300px;*/
	border: 0px solid black;
}

#menu_home{
	width: 169px;
	border-bottom: 2px solid #ECE4D9;
	height:21px;
	padding-top:2px;
}
#menu_home a{
	color: #000;
}

#menu_fiumedinisi{
	width: 169px;
	height:21px;
	padding-top:2px;
	border-bottom: 2px solid #ECE4D9;
	background: #D0C3B4 url(images/trama1.jpg) no-repeat top left;
}
#menu_turismo{
	width: 169px;
	height:21px;
	padding-top:2px;
	border-bottom: 2px solid #ECE4D9;
	background: #D0C3B4 url(images/trama2.jpg) no-repeat top left;
}
#menu_comune{
	width: 169px;
	height:21px;
	padding-top:2px;
	border-bottom: 2px solid #ECE4D9;
	background: #D0C3B4 url(images/trama3.jpg) no-repeat top left;
}
#menu_informazioni{
	width: 169px;
	height:21px;
	padding-top:2px;
	border-bottom: 2px solid #ECE4D9;
	background: #D0C3B4 url(images/trama4.jpg) no-repeat top left;
}
#menu_gallery{
	width: 169px;
	height:21px;
	padding-top:2px;
	border-bottom: 2px solid #ECE4D9;
	background: #D0C3B4 url(images/trama_gallery.jpg) no-repeat top left;
}
#menu_video{
	width: 169px;
	height:21px;
	padding-top:2px;
	border-bottom: 2px solid #ECE4D9;
	background: #D0C3B4 url(images/trama_video.jpg) no-repeat top left;
}
#menu_panorama{
	width: 169px;
	height:21px;
	padding-top:2px;
	border-bottom: 2px solid #ECE4D9;
	background: #D0C3B4 url(images/trama_panoramiche.jpg) no-repeat top left;
}

#main{
	width: 550px;
	height: auto;
	margin-left: 5px;
	padding: 0px;
	float: right;
	border: 0px solid black;
	text-align: justify;
}

.menu {
	margin:0px;
	padding: 0px;
	list-style: none;
}
.menu li{
	text-decoration: none;
	background-color: #F4F0EA;
	margin: 0px;
	padding: 2px;
	margin-top: 2px;
}
#menu_hover{
	/*background-color: #D5BD9D;*/
	background-color: #fff;
}
#menu_hover a:visited{
	/*color:#fff;*/
	color: #000;
	/*font-weight: bold;*/
}

.bottone {
	color: #fff;
}
.bottone a{
	/*color: #fff;*/
	color: #000;
}
.bottone a:hover{
	color: #000;
	background-color: #ECE4D9;
	filter: alpha(opacity=40);
	moz-opacity: .40;
	opacity: .40;
	display: block;
	padding-bottom: 1px;
}
.bottone h3{
	color: #000;
}

table#consigliocomunale{
	width: 240px;
	padding:0px;
	margin:10px 0px;
	border:0px;
}

#consigliocomunale td{
	border: 0px solid #422332;
	width: 100px;
	text-align: left;
}

table#sindacogiunta{
	text-align: center;
	table-layout: auto;
	padding:0px;
	margin:10px auto;
	border:0px;
}

#sindacogiunta td{
	text-align: left;
	border: 0px solid #424223;
	vertical-align: top;
}
#sindacogiunta td.left{
	width: 90px;
}
#sindacogiunta td.center{
	width: 170px;
}
#sindacogiunta td.right{
	width: 300px;
}

ul.item{
	list-style-image: url(images/item1.gif);
}
ul.item li{
	margin-bottom: 3px;
}

p.credits{
	margin: 20px auto;
	
}

#video{
	margin: 0px;
	padding: 0px;
	width: 305px;
	float: left;
}
#didascalia{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 230px;
}
#suggerimenti{
	clear: both;
}

#mappafiume{
	margin: 0 auto;
	text-align: center;
}
