/* Smartphones (portrait) ----------- */
@media only screen and (max-device-width: 720px) {

	/* MOBILE VERSION ---------------------------------------------------------------------------------------------- */
	.nomobile {display: none;}
	.nodesktop {display: block;}
	table		{max-width: 100%;}

	/* MAIN ---------------------------------------------------------------------------------------------- */
	body{
		width:100%;
		background:#fff;
		font-family: 'Open Sans', serif;
		font-size: 10pt;
		font-weight: 300;
		}
	a 			{font-size: 10pt;}
		
	h3 			{ overflow: hidden;}
	input[type=text] {padding: 10px 0; font-size: 15pt;}

	.main{width: 96%;}

	#banner			{width: 100%; padding: 40px 0 20px 0;}

	/* MENU ---------------------------------------------------------------------------------------------- */
	.menu-container{
		width: 100%;
		//margin: 10px 0;
		padding: 0;
		-webkit-box-shadow: 0;
		-moz-box-shadow: 0;
		box-shadow: 0;
	}
	
	/* CONTENT ---------------------------------------------------------------------------------------------- */
	.content	{display: block; position: relative; width: 100%; margin: 64px 0px 10px 0px;z-index:9;}
	.inner 		{display: block; position: relative; min-height: 0; height: auto; padding: 10px; background: rgba(255,255,255,0.95);}

	.contenuti li h3 ul,
	.contenuti li h3 ul li,
	.contenuti li h3 ul li:first-child{
		list-style-type:none;
		padding: 0;
		}

	.contenuti:hover li:not(:hover) {
		filter:alpha(opacity=100);
		-moz-opacity: 1.0;
		-khtml-opacity: 1.0;
		opacity: 1.0;
	}
		
	.immagini-contenuto-singolo li.desktop {display: none;}
	.immagini-contenuto-singolo li.nodesktop{
		display: block;
		border: none;
		padding: 0;
		margin: 10px 0 0 0;
		float: none;
	}

	.immagini-contenuto-singolo li.nodesktop img {width: 100%;}

	.immaginefull{
		display: block;
		max-width: 100%;
		height: auto;
		margin	: 0 0 10px 0;
	}

	.imageslide {width: 100%; padding: 0 0 100% 0; margin: 0 0 20px 0; float: none; dborder: 10px solid #000;}
	.imageslide img { position:absolute; left:0; top:0; width: 100%;}

	/* FORM ---------------------------------------------------------------------------------------------- */
	.form-submit{
		font-size: 13pt;
	}

	.formcontatto,
	.formcontatto a{
		text-transform: uppercase;
	    font-size: 11pt;
	}

	/* IFRAME -------------------------------------------------------------------------------------------------------------- */
	.container-iframe {position: relative; width: 100%; height: 0; margin: 0; padding: 0 0 100% 0;}
	iframe 		{border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

	#message a	{
		left: auto; 
		bottom: 60px; 
		margin-top: auto; /* = height + preferred bottom margin */
		margin-right: 10px;
		}
		
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-device-width: 720px)and (orientation:portrait) {
	
}


/* iPads ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

	.main{width: 98%;}
	.menu-container{position: fixed; margin: 50px 0 0 10px;}
	.content	{margin: 50px 0 10px 210px;}
	
	.contenuti:hover li:not(:hover) {
		filter:alpha(opacity=100);
		-moz-opacity: 1.0;
		-khtml-opacity: 1.0;
		opacity: 1.0;
	}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation:portrait){

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation:landscape){

}