/*

	Screen resolutions below 1280px wide
	____________________________________________________________________________________________________________________________________________________________________
	
*/

@media only screen and (max-width: 700px){
	.containerinfo .ristorante {
		margin-top: 30px;		
	}
.box_menu{
	width: 100px;
}
.scritta_lunga{
	padding-bottom: 10px;
}
.box_menu .titolo{
	font-size: 14px;
}
.palette{
	position: absolute;
	top: 50px;
	left: 150px;	
}	
.contact{
	top: 50px;
}
.news{
	top: 50px;
}
.services{
	top: 75px;
	display: none;
}



/*#menu{
	width:100%;
}
.box_menu{
		border-bottom: solid 1px white;
}
#sub_menu{
	top: 110px;
	left: 40px;
	width:100%;
	height:33px;

}
#linea{
	top: 110px;
	width:100%;
	

}

.box_nostyle {
	clear: none;
}
.palette{
	top: 145px;
	left: 40px;	
}	
.contact{
	top: 117px;
}
.services{
	top: 128px;
	display: none;
}

*/


/*
	#wrapper{
		width: 1100px;
		font-size:28px;
		}
	
	.navTip{
		font-size: 25px;
		}
		
	#logo{
		float: left; 
		font-size: 30px;
		}
*/	
	}
	
/*

	Screen resolutions below 960px wide
	Suitable for tablets in portrait mode (i.e. iPad 1 & 2, Blackberry Playbook, Motorola Xoom) and large res smartphones (i.e. Motorola Atrix in landscape mode)
	____________________________________________________________________________________________________________________________________________________________________
	
*/

@media only screen and (max-width: 960px){
	.footerx{
		font-size: 8px;
			height:30%;
	}
	
.rightall textarea{
	width:70%;
}
.campo{
	width:50%;
}
	#wrapper{
		width: 728px;
		font-size:20px;
		}
		
	.navTip{
		font-size: 16px;
		}
		
	#logo{
		float: left; 
		font-size: 28px;
		}
		
	}
		
	.containerinfo .ristorante {
		margin-top: 30px;		
	}
		
/*

	Screen resolutions below 728px wide
	Suitable for mobile devices (i.e. iPhone, Motorola Atrix, Blackberry)
	____________________________________________________________________________________________________________________________________________________________________

*/

@media only screen and (max-width: 728px){
	#smallx{
		font-size: 6px;
}
	.containergall{
		width:100%;
		
	}
	.gallitem{
		text-align: center;
		width:100%;
		margin: 5px 0 5px 0;
		
	}.freccina{
		width:0%;
		
	}
	.footerx{
		font-size: 7px;
			height:30%;

	}
	
	.rightall .corpo{
	height:30px;
}
.rightall textarea{
	width:70%;
}
.campo{
	width:50%;
}

	.rightall .medium{
	font-size: 6px;
}

	.containergall{
		left:-50%;
		font-size:9px;	
	}
	
	.servizid{
		word-wrap: normal;
		font-size: 10px;
		
	}
	.containerinfo .ristorante {
		margin-top: 30px;		
	}
	.containerinfo h1{
		font-size: 16px;
	}

	.containerinfo div{
		font-size: 9px;
	}
	.bottone{
		height:15px;
		font-size: 9px;
	}
	.bottone1{
		height:15px;
		font-size: 9px;
	}
	.bottonew{
		height:15px;
		font-size: 9px;
	}
	.containerinfo span{
		
	}
	.container div{
		font-size: 9px;
	}
	#info{
		width:25px;
		line-height: 17px;
	}
	.sub_menu_item{
		font-size: 11px;	
		width:50px;

	}
	.sub_menu_item .txt{
		font-size: 10px;	
	}
	#chiudi {
		overflow:hidden;
		cursor:pointer;
		cursor:hand;
		font-family: MyCustomFont, Verdana, Arial, sans-serif;
		position: absolute;
	height:50px;
	width:50px;
		
		
	}
	#chiudi .txt{
		font-family: MyCustomFont, Verdana, Arial, sans-serif;
		position: absolute;
		background-image: url(../images/close.gif);
		background-repeat: no-repeat;		
		width:50px;
		height:50px;
		margin-top: 2px;
	}
	
	#wrapper{
		margin:0px;
		padding:0px;
		width: 100%;
		font-size:16px;		
		}
	
	#logo{
		width: 100%;
		text-align: center;
		float: none;
		font-size:28px;
		}

	.navTip{
		text-align:center;
		font-size:18px;
		}
		
	#content{
		width: 90%; 
		margin: 0px auto 0px auto;
		padding:0px;
		}
		
	.content3Column {
		width: 100%;
		float: none;
		}
	}