/* CSS Document */

@media screen and (max-width: 800px)

{
	.wrapper2 { width:98%; margin: 0 auto;}
	#r1 {position: fixed; border-bottom:3px solid #666; width:100%; z-index:1000; /*height:80px;*/ top:0; opacity:0.7}
	#r2 {margin:120px 0 0 0}
	#logomio{display:none}
	#logovero {display:block; float: right; margin-top:7px; width:90%; height:auto}
	.parallax {display:none}
	#mencell{display:block}
	label {display:block; margin:8px 0 0 5px}
	label img{cursor:pointer;}		
	#r1{height:auto}
	h1 {font-size:2em; height:60px; line-height:60px; margin:0 0 0 15%;}
	#pc{display:none}
	#phone{display:block; top:50px; left:-110px; z-index:1000;width:110px;}
	#phone ul li a {text-decoration: none; background-color: transparent; color: black;	display: block; font-family: "Comic Sans MS", cursive;	font-size: 0.8em;	width: 110px;	text-align: center; margin-top: 30px;	height: 20px;	line-height: 20px;	border-bottom-right-radius: 5px;}
	.slide {width:100%; left:0;top:0;}
	#left{left:0;} #right{right:0}
	#nomefoto{position:absolute;}
	#bottonechiusura {position:absolute; right:0}
	.scorriimmagine img {width:70%; height:auto; margin:9% 15% 0 15%;}
	.pallini ul {margin:0 auto 0 auto}
	.schede #alert { opacity:1}
	.schede #alert li { font-size:1.2em;line-height:40px; list-style-type:none; text-decoration:none;}
	#w {display:none; font-family:"Comic Sans MS", cursive; font-size:0.9em; text-align:right; height:50px; line-height:50px; background-color:transparent;cursor:pointer; width:120px;color:#030}

}





@media screen and (max-width: 680px){

	h4{font-size:0.8em;}

	#r1{height:45px;}

	#logomio{display:none}

	label img{width:60%; height:auto}

	h1{margin-left:1px;font-size:1em; height:40px; line-height:40px;}

	#logovero{ width:50%; height:auto;}

	.scorriimmagine img {width:60%; height:auto; margin:9% 20% 0 20%;}
	.l { float:none; height:20px; width:100%}
	.r {float:none; height:20px; width:100%}

	}



@media screen and (max-width: 630px)

{

	h4{font-size:0.9em;}

	#r1{height:45px;}

	.sx, .dx {clear:both; width:80%; margin:0 10% 6% 10%}

	#logomio{display:none}

	label img{width:60%; height:auto}

	h1{margin-left:1px;font-size:1em; height:40px; line-height:40px;}

	#logovero{ width:50%; height:auto;}

	}

	

@media screen and (max-width: 430px)

{
	
	#logomio{display:none}

	.scorriimmagine img{margin:25% 20% 0 20%}

	.l { font-size:0.6em;}
	.r { font-size:0.6em;}

	

	}

	@media screen and (max-width: 360px)

{
	
	#logomio{display:none}

	#logovero{height:40px; width:auto; margin-top:1px;}

	}