@charset "utf-8";
/* CSS Document */

/*@media only screen and (min-width: 768px) and (max-width: 999px) {
	
	#contenitore {zoom: 0.8;}
	#content {padding-top: 0;}
	#main_menu, #header {position: static; margin: 0;}

}*/

@media only screen and (max-width: 950px) {
	
	#header h1 {
		text-align: center;
	}
	
	#contenitore { width: 300px; padding: 0 10px; }

	#content {width: auto; padding-top: 0;}
	#main_menu, #header {width: auto; position: static; margin: 0 0 20px 0; float: none; padding: 0}
	/*#header h1 img { width: 300px;}*/

	/*#main_menu li { width: 140px; }*/
	#main_menu li { width: 99px; text-align: center }
	#footer { height: 40px;}
	
	.titolo_pagina { width: 300px;}
	
	.col { display: none;}
	#proj_list {display: block;}
	
	#proj_list li {
		width: 300px;
		margin: 0 0 10px 0;
	}
	
	#proj_list li a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
	}
		#proj_list li a figure {
			width: 100%;
			height: 100%;
			margin: 0;
			position: relative;
		}
			
			#proj_list li a figure img { width: 320px;}
			
			#proj_list li a figcaption {
				width: 130px;
				height: 40%;
				padding: 10px;
				position: absolute;
				top: 0;
				left: 0;
				font-size: 20px;
				line-height: 26px;
				display: none;
				text-align: center;
				text-transform: uppercase;
				background: #FFFFFF;
			}
				#proj_list li.strRightCol a figcaption { left: auto; right: 0; top: auto; bottom: 0;}
	
	
	/* ABOUT */
	.about .text 
	{width: 300px; margin-right: 0; float: none; }
	
	.about .info 
	{width: 300px; margin-right: 0; float: none; /*text-align: center*/ }
	
	#imgs { width: 300px; display: block; text-align: center;}
	#imgs:after { display: none;}
	#imgs figure { display: block; margin-bottom: 10px;}
	#imgs img { display: block; max-width: 300px; margin: 0 auto;}
	
	
	/* DETTAGLIO PROGETTO*/
	
	.progetto .testo {
		width: 295px;
		position: static;
	}
	
	.progetto .gallery figure {	margin: 0 0 20px 0;	}
	.progetto .gallery figure img {	max-width: 300px;}
	
}