html, body {font-family: "Montserrat", Helvetica, Roboto, Arial, sans-serif; margin:0;padding:0}
	iframe {height:600px;}
	#header { height:60px; padding:0 0 0 10px; margin:0; background:#2e3b42; color:#fff; line-height:50px}
	#logo{ float:left}
	#info{ float:right; cursor:pointer; display:none; width:40px; position:absolute; right:0; top:10px}
	#closeInfo{ float:right; cursor:pointer; width:40px; position:absolute; right:0; top:10px}
	
	
	#header h1 { padding:3px; margin:20px 0 0 20px; color:#81c9ef; line-height:20px; font-size:20px; float:left; text-shadow:1px 1px 2px #000 }
	
	#cover{ position:absolute; top:60px; z-index:10; background:rgba(0,0,0,0.8); width:100%; height:100%; color:#000;}
	#cover #legenda{ width:86%; padding:2%; margin:30px 5% 0 5%; background:#fff; box-shadow:0px 0px 10px #000; border-radius:10px; float:left; overflow:auto; position:relative}
	#cover h1{ padding:0 0 10px 0; margin:0px 0 20px 0px; color:#000; line-height:28px; font-size:25px; float:left; width:100%; text-align:center; border-bottom:1px solid#aaa}
	#InfoTesto{ float:left; margin:0px 0; padding:0; width:50%}
	#InfoMappa{ float:left; margin:0px 0; padding:0; width:50%}
	#InfoMappa img{ margin:0px 0; padding:0;  max-width:100%;  position:relative; float:right}
	#naviga{ cursor:pointer; color:#555; font-weight:bold; background:#fff; border-radius:5px;  margin:0px 0 2% 5%; padding:10px 0px; text-align:center; clear:both; width:90%;  position:absolute; bottom:0}
	#naviga:hover{ cursor:pointer; color:#000; font-weight:bold; background:#bbb; border-radius:5px;  margin:0px 0 2% 5%; padding:10px 0px; text-align:center; clear:both; width:90%;  position:absolute; bottom:0}
	#InfoTesto ul.comandi{ margin:0; padding:0; float:left;}
	#InfoTesto ul.luoghi{ margin:50px 0 0 0; padding:0; float:left}
	#InfoTesto ul.luoghi li{ margin:0 0 20px 0; padding:0; float:left}
	#InfoTesto li img{ float:left; border:#000 0px solid; border-radius:3px; overflow:hidden; box-shadow:#000 1px 1px 4px; width:42px; margin:0 10px 0 0}
	#InfoTesto li img#markers{box-shadow:none; margin-bottom:20px }
	#InfoTesto li p{ float:left; margin:12px 0}
	#InfoTesto li{ float:left; margin:0px 0 4px 0; padding:0 10px 0 0; list-style:none; min-width:60px; width:100% }
	#InfoTesto li:nth-child(odd) { }
	#InfoTesto li:nth-child(even) {}


@media screen and (max-width: 1366px){
  
}
@media screen and (max-width: 1024px){
     
}
@media screen and (max-width: 800px){
	#closeInfo {}
	#info {}
	#InfoMappa{ float:none; margin:0px 0 20px 0; padding:0; width:99%}
	#InfoTesto{ float:left; margin:0px 0; padding:0; width:99%}
    #header h1{ line-height:22px; font-size:20px; clear:both; margin:5px 0 0 0 }
	#cover h1{ padding:0 0 10px 0; margin:0px 0 20px 0px; color:#000; line-height:18px; font-size:15px; float:left; width:100%; text-align:center; border-bottom:1px solid#aaa}
	#InfoTesto ul.luoghi{ margin:10px 0 0 0; padding:0; float:left}
   
   
   }
@media screen and (max-width: 360px){
	
   
}