/*===================================================================================*/
/* HOMEPAGE */
/*===================================================================================*/

#presentazione{
	width: 100%;
	height: 335px;
}

		
	
/*===================================================================================*/
/* PRESENTAZIONE */
/*===================================================================================*/

ul.menu_gallery{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
ul.menu_gallery li{
	height: 310px;
	width: 295px;
	margin: 0px 25px 0px 0px;
	padding: 0px 15px 0px 0px;
	float: left;
	position: relative;
	background: #0069C8 url(../immagini_layout/gallery_index_1.jpg) no-repeat left top;
}
ul.menu_gallery li a{
	height: 45px;
	width: 295px;
	padding: 265px 15px 0px 0px;
	display: block;
	font-size: 38px;
	font-weight: normal;
	text-align: right;
	color: white;
}
ul.menu_gallery li:hover{background-color: white;}
ul.menu_gallery li a:hover{color: #0069C8;}

/* Definizione immagni per ogni pulsante */
ul.menu_gallery li.marine{background-image: url(../immagini_layout/gallery_index_1.jpg);}
ul.menu_gallery li.pontili{background-image: url(../immagini_layout/gallery_index_2.jpg);}
ul.menu_gallery li.paline{background-image: url(../immagini_layout/gallery_index_3.jpg);margin-right: 0px;}

/*===================================================================================*/
/* CONTENUTI */
/*===================================================================================*/

#contenuti{
	height: 160px;
	margin: 0px;
	background: white;
}
	.contenuti_descrizione{
		width: 631px;
		padding: 18px 0px 0px 14px;
		float: left;
		position: relative;
	}
		.contenuti_descrizione p{
			margin: 0px;
			text-align: justify;
			font-size: 13px;
			line-height: 15px;
		}
	
	.contenuti_pulsanti{
		width: 335px;
		height: 160px;
		float: left;
		position: relative;
		background: white url(../immagini_layout/sfondo_contenuti_index.png) no-repeat right 10px;
	}
	a.pulsante_contatti, a.pulsante_contatti .sostituzione{
		width: 280px;
		height: 53px;
		line-height: 53px;
		display: block;
		margin: 95px 0px 0px 45px;
		background: url(../immagini_layout/pulsante_contatti_index.png) no-repeat left bottom;
	}
	a.pulsante_contatti:hover, a.pulsante_contatti .sostituzione:hover{background-position: left top}