// bootstrap
@import "bootstrap.less";

@fancyboxImagesUrl:		"../images/fancybox/";
@import "fancybox.less";

@ImagesUrl: 			"../images/";

form {
	margin-bottom: 0;
}.clear{
	overflow: auto;
	width: 100%
}

body{
	background: url("@{ImagesUrl}bg.jpg") #f2f1e8;
	color: #19321d;
}#top{
	background: #19321d;
	height: 85px;
	border-bottom: 2px solid #f2f1e8;
}


#header{
	background: #3da123;
	border-bottom: 4px solid #19321d;
	height: 125px;
	margin-bottom: 55px;
	h1{
		color: #fff;
		margin: 20px 0 0 40px;
		float: left;
	}p{
		float:left;
		width: 500px;
		margin-left: 40px;
	}
}


#main{
	width: 900px;
	margin: 0 auto 50px;
}

#footer{
	background: #3da123;
	border-top: 4px solid #19321d;
	min-height: 125px;
	padding: 20px 0;
	p{margin: 0;}
	#firma{
		margin: 0 auto;
		width: 400px;
		min-height: 142px;
		padding-left: 200px;
		background: url("@{ImagesUrl}manfr.png") no-repeat;
		h3{
			margin: 0;
		}#indirizzo{
			margin-bottom: 14px;
			font-size: .9em;
		}#commercial{
			text-transform: uppercase;
			font-weight: bold;
			margin: 10px 0;
		}
	}
}

#sottopagine-content{clear: none;}


.cont{
	width: 900px;
	margin: 0 auto;
}


#logo{
	width: 260px;
	height: 260px;
	background: url("@{ImagesUrl}logo.png") no-repeat top left;
	display: block;
	text-indent: -9999px;
	margin-left: 50px;
	float:left;
}

//MENU
#menu{
	padding: 25px 20px;
	ul{ 
		padding: 0;
		margin: 0;
	}li{
		float:left;
		margin-left: 10px;
		list-style: none;
		text-transform: capitalize;
		font-size: 1.2em;
		a{
			color: #fff;
			display:block;
			padding: 12px 10px;
			&:hover{
				background:#448e35;
				text-decoration:none;
			}
		}
	}
}

#ads{
	margin: 20px 0 0 70px;
}

#proposte{
	margin: 10px 0;
	li{ 
		list-style: none;
		float:left;
		margin-right: 10px;
		padding: 5px;
		&:hover{
			background-color: fadeout(@green, 90%);
			a:hover{text-decoration: none;}
		}
	}h3{
		line-height: 20px;
		height: 40px;
	}
}