// bootstrap
@import "bootstrap.less";

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

@imagesUrl: "../images/";

@grigioScuro:	#3f3f38;
@background:	#e0e0e0;
@sabbia:		#e0d7af;
@container:		#f0f0f0;
@bordoSabbia:	#e0c1af;
@giallo:		#f9b701;

@containerWidth: 990px;
@containerPadding: 30px;

html, body{
	color: @grigioScuro;
	background-color: @background;
}

h1{border-bottom: 2px solid @grigioScuro;}

h3{line-height: 15px;
    margin: 13px 0;}
    
#pdf{
	padding-left: 90px;
	background-image: url("@{imagesUrl}pdf.png");
	background-position: 15px 20px;
	background-repeat: no-repeat;
}

#header{
	background-color: @grigioScuro;
	border-bottom: 2px solid @black;
	h1{
		float:left;
		text-indent: -9999px;
		background: url("@{imagesUrl}logo.jpg") no-repeat;
		width: 752px;
		height: 83px;
		margin: 0 0 0 72px;
	}
	.nav{
		width: 500px;
		padding: 0 20px;
		margin-top: 30px;
		padding-bottom: 5px;
		border-bottom: 2px solid @white;
		a{
			text-transform: uppercase;
			font-weight: bold;
			color: @sabbia;
			&:hover{background-color: #62625c}
		 }
	 }
}

.wrapper{
	width: 920px;
	margin: 0 auto;
	.clearfix();
	padding: 20px 0;
}

.gallery{
	display:block;
	height:150px;
	width:200px;
	float:left;
	margin:10px;
	span{
		background-color: fadeout(@sabbia, 30%);
		color: @white;
		padding: 10px;
		width: 180px;
		display:block;
		font-weight: bold;
		text-transform:capitalize;
		font-size:1.2em;
	}
	&:hover{
		text-decoration:none;
		.box-shadow();
	}
}

#imageHome{
	width: 210px;
	height: 200px;
	overflow:hidden;
	display:block;
}

#sabbia, #footer{background-image: url("@{imagesUrl}traccia.png");}

#sabbia{
	padding-bottom: 105px;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: @sabbia;
	border-bottom: 2px solid @bordoSabbia;
	min-height: 20px;
	.wrapper{}
	#slide{
		.box-shadow(0 1px 15px rgba(0, 0, 0, 0.25));
		border: 12px solid @white;
		float:left;
		width: 430px;
		height: 285px;
	}
	#intro{
		float: right;
		margin-left: 40px;
		padding: 10px 0;
		width: 420px;
		p{font-size: 1.1em;}
	}
}

#container{
	.box-shadow(0 1px 15px rgba(0, 0, 0, 0.25));
	width: @containerWidth;
	margin-top: -100px;
	background-color: @container;
	#main{
		background: url("@{imagesUrl}jeepgialla.png") center bottom no-repeat @container;
		padding: 20px @containerPadding 375px @containerPadding;
	}
}

.programma{
	margin-top: 5px;
	width: 200px;
	display: block;
	color: @white;
	background-color: @grigioScuro;
	padding: 4px 8px;
	&:hover{
		color: @sabbia;
		text-decoration: none;
	}
}

.darkwell{
	margin-bottom: 10px;
	margin-top: 50px;
	background-color: @grigioScuro;
	color: @container;
	.border-radius(5px);
	.box-shadow();
	h3{color: @white;}
	height: 170px;
}

#altriViaggi{float:right;margin-top:-40px;}

#eventi{
	*{margin-left:245px;}
	h3{line-height:20px;margin-top:3px;margin-bottom:3px;}
	p{line-height:13px;}
	background-image: url("@{imagesUrl}eventi.jpg");
	background-repeat: no-repeat;
	background-position: -35px 0;
}
#newsletter{
	*{margin:10px 15px;}
}

#pageImages{ 
	.clearfix();
	li{
		float:left;
		list-style: none;
		margin: 0 5px;
	}
}

.container-fluid{
	padding: 0;
}

.sidebar{
	ul{
		padding:0;
		margin:0;
		border-top: 2px solid @grigioScuro;
		li{
			list-style: none;
			a{	
				border-bottom: 1px solid #bbb;
				border-left: 1px solid @background;
				border-right: 1px solid @background;
				font-weight: bold;
				color: @grigioScuro;
				display:block;
				background-color: @background;
				padding: 6px 0 4px 10px;
				&:hover{
					text-decoration:none;
					background-color: @white;
					color: @blue;
				}
			}
			ul{
				margin-left: 15px;
				border: none;
				li a {background-color: lighten(@background, 3%);}
			}
		}
	}
}

#footer{
	margin-top: -52px;
	padding: 20px 40px;
	color: @white;
	background-repeat: no-repeat;
	background-position: right center;
	background-color: @grigioScuro;
}

.nextTrips{
	.clearfix();
	margin-top: 20px;
	img{
		float:left;
		.border-radius(10px);
		.box-shadow();
	}
	.description{float:left;margin-left:20px;width: 500px;}
	h3,h5{line-height:25px;}
	max-height:150px;
}

.uploadifyQueue{
	margin-bottom: 10px;
}
.uploadifyQueueItem {
	background-color: #F5F5F5;
	border: 2px solid #E5E5E5;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	background-color: #FDE5DD !important;
	border: 2px solid #FBCBBC !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyQueue .completed {
	background-color: #E5E5E5;
}
.uploadifyProgress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}