/* == Stili di base - Mobile first ===== */


#colonna_1{
	display:none;
}
#colonna_2{
	display:none;
}
#colonna_3{
	display:none;
}
#colonna_4{
	display:none;
}
#colonna_5{
	width:100%;
}
#colonna_6{
	display:none;
}
#colonna_7{
	display:none;
}
#colonna_8{
	display:none;
}
#barra_sep{
	display:none;
}

#container {
 width: 100%;
 margin: 0 auto;
 padding: 0;
}



/* == Media queries (breakpoint) ===== */


/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 768px) {

	/* HOME */
	#colonna_1{
		display:block;
		width:33.3%;
	}
	#colonna_2{
		display:block;
		width:33.3%;
	}
	#colonna_3{
		display:block;
		width:33.3%;
	}
	#colonna_5{
		display:none;
		width:33.3%;
	}
	#colonna_6{
		width:50%;
		display:block;
	}
	#colonna_8{
		width:49.9%;
		display:block;
	}
	#barra_sep{
		display:block;
	}
	
	#container {
	 position: relative;
	 max-width: 1024px;
	 padding: 0;
	 margin: 0 auto;
	 background:url(../img/sfondo_netbook.jpg) no-repeat top center;
	}
	
	#content {
		margin-top:280px;
	}
}

/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media only screen and (min-width: 1024px){
	#colonna_1{
		width:25%;
	}
	#colonna_2{
		width:25%;
	}
	#colonna_3{
		display:block;
		width:25%;
	}
	#colonna_4{
		display:block;
		width:24.9%;
	}
	#colonna_6{
		width:30%;
	}
	#colonna_7{
		width:20%;
		display:block;
	}
	#colonna_8{
		width:49.9%;
	}
	#container {
		max-width: 1280px;
		background:url(../img/sfondo_desktop.jpg) no-repeat top center;
	}
	
	#content {
		margin-top:280px;
	}
}

/* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px){
	#container {
		max-width: 1600px;
		background:url(../img/sfondo_1600.jpg) no-repeat top center;
	}
}