/* CSS Document */

@media only screen and (max-width: 760px)
{
	body
	{
		margin:0;
		padding:0;
		background-image:none;
		background-size:auto;
		background-position:center;
		background-repeat:no-repeat;
		background-color:#2D2D2D;
		background-attachment:fixed;
	}
	
	.img_body
	{
		display:none;
	}
	
	.corpo
	{
		/*display:none;*/
		position:relative;
		height:0;
		width:100%;
		padding: 0;
		overflow:hidden;
		margin: 0 auto;
		color:#000000;
		
		z-index:10;
	}
	.header_principale
	{
		position:relative;
		background-color:transparent;
		height:100%;
		width:100%;
	}
	
	.header_mobile
	{
		display:block;
		overflow:hidden;
		position:relative;
		display:block;
		width:300px;
		height:300px;
		
		background-image:url(../../img/logohead.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		
		margin:15px auto;
		z-index:15;
	}
	
	.header_mobile img
	{
		width:240px;
		margin:20px 30px;
	}
	
	.sfondo_parziale
	{
		background-position:top center;
	}*
	
	
	.corpo ul
	{
		top:0;
		left:0;
		position:relative;
		margin: 20px auto;
		text-align:center;
		overflow:hidden;
		
		width:300px;
		min-width:300px;
		
		padding:0;
		list-style:none;
		z-index:10;
	}
	
	.corpo li
	{
		clear:both;
		-moz-border-radius: 15px;
    	-webkit-border-radius: 15px;
		border-radius:15px;
		color:#FFFFFF;
		cursor:pointer;
		background:none;
		text-align:center;
		font-weight:bold;
		margin: 10px 0;
		padding:0;
		
		max-width:300px;
		width:300px;
		height:80px;
		
		overflow:hidden;
		z-index:10;
		
	}
	
	.icona_didascalia
	{
		display:block;
	}
	
	.didascalia
	{
		clear:both;
		margin:0 auto;
		padding:0;
		z-index:10;
		overflow:hidden;
		color:#E1E1E1;
		/*background:#000000;*/
		position:relative;
		height:100%;
		width:100%;
		font-size:25px;
		opacity:1;
	}
	.didascalia img
	{
		display:none;
		margin: 0 auto;
		height:70px;
		width:auto;
		
	}
	
	.didascalia p
	{
		
		display:block;
		font-size:40px ;
		margin:15px 0 25px 0;
		padding:0;
		text-align:center ;
		width:100%;
		height:40px;
	}
	
	.sfondo
	{
		 display:none;
		
	}
	.sfondo p
	{
		display:none;
	}
	
	 #prodotti
	{
		background-image:url(../img/img_prodotti.jpg);
	}
	 #azienda
	{
		background-image:url(../img/img_azienda.jpg);
	}
	 #contatti
	{
		background-image:url(../img/img_prodotti.jpg);
	}
	 #territorio
	{
		background-image:url(../img/img_territorio.jpg);
	}
	#storia
	{
		background-image:url(../img/img_territorio.jpg);
	}

	#psr
	{
		display: block;
		/*background-image:url(../img/psr.jpg);*/
		height: 150px;
		margin: 0 auto;
	}

	#lipsr
	{
		height: 150px;
	}

	#didaspsr
	{ 
		background-image:url(../img/psr.jpg);
		background-position: center; 
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	.sfondo img
	{
		display:none;
	}
	/* DESCRIZIONE LATERALE */
	
	.descrizione
	{
		display: none;
	}
	.sfondo_descrizione
	{
		display:none;
	}
	
	.contenuto_descrizione
	{
		display:none;
	}
	
	.contenuto_descrizione p
	{
		display:none;
	}
	
	
	
	
	/*PRESENTAZIONE*/
	
	.presentazione
	{
		cursor:default;
		background:none;
		margin:0;
		padding:0;
		color:#FFFFFF;
		opacity:1;
		width:100%;
		height:100%;
		position:absolute;
		z-index:100;
	}
	
	.presentazione_img
	{
		
		display:none;
		overflow:hidden;
		background:url(../img/logo300x400.png);
		width:300px;
		height:400px;
		position: absolute;
		margin: auto;
		z-index: 120;
		left: -1px;
		top: 1px;
	}
	
	/* Tutte le immagini dell'animazione devono avere la seguente impostanzioni*/
	
	.presentazione_img img 
	{
		position:absolute;
		display:none;
	}
	
	#terre
	{
		top:120px;
		left:94px;
		z-index:150;
	}
	
	#del
	{
		top:165px;
		left:185px;
		z-index:151;
	}
	
	#faet
	{
		top:212px;
		left:30px;
		z-index:152;
	}
	
	.presx
	{
		float:left;
		color:#FFFFFF;
		opacity:1;
		width:50%;
		height:100%;
		background:#000000;
		position:absolute;
		z-index:101;
	}
	
	.predx
	{
		float:right;
		color:#FFFFFF;
		opacity:1;
		width:50%;
		height:100%;
		background:#000000;
		position:relative;
		z-index:102;
	}
	
	
	.loading
	{
		z-index:119;
		display:none;
		overflow:hidden;
		position: absolute;
		margin: auto;
	}

}