/********************************************** RESPONSIVE LAYOUTS ***********************************************/

@media only screen and (max-width: 1024px) {	
	body{min-width:740px; min-height:0px}	
}

@media only screen and (max-width: 767px) {

	body{min-width:460px; }	

	
	/* gmaps */	
	#map{
		position:inherit;
		min-height:300px;
		margin-bottom:20px;
		top:0px; left:0px; right:0px; bottom:0px; 
		z-index:0
		}		
	
	/* header */	
	header{
		clear:both;
		position:relative;
		width:auto; height:auto;
		margin:0px;
		}
	#logo{
		position:inherit;
		width:140px;
		top:0px; left:0px;
		padding:5px 20px;
		}		

	/* nav */
	.nav_open_close{ display:block }
	.nav{ display:none; position:inherit; width:100%; height:auto; background:#f7f7f7; right:0px }
	.nav li{ position:inherit; float:none; width:100%; height:auto; }	
	.nav li a{ height:36px; line-height:36px}
	ul.subnav{ position:inherit; padding:10px;position:inherit; left:0px; margin-left:0px; }
	ul.subnav li{ display:block }
	ul.subnav a{ line-height:32px; height:32px }	
	.show_nav{ display:block }
	.hide_nav{ display:none }	
	
	/* nav lingua */
	.navlanguage{
		display:none
		}
	
	/* corpo */
	.page{width:auto; position:inherit;}
	.page_scroll {
		display:block;
		position: inherit;
		width: auto;  height: auto;
		margin:20px 0px; padding:20px;
		overflow: auto;
		}
	.page_scroll .viewport { width: auto; height: auto; overflow:auto; }
	.page_scroll .overview { position:inherit; left: 0; top: 0; padding: 0px; margin: 0;   }
	.page_scroll .scrollbar{ display:none}
	
	.title{ font-size:24px; line-height:20px }
	
	#sh_status_body{ display:none }

	/* footer */
	footer{	 position:inherit; width:auto; height:auto;padding:10px 0px;  }
	.foot_sx, .foot_dx{ position:inherit; width:auto; height:auto; text-align:center; line-height:14px }
	.foot_language{ display:block; line-height:100%; text-align:center }	
	.foot_language a:link, .foot_language a:visited { color: #000; text-decoration: underline; }
	.foot_language a:hover, .foot_language a:active{ color: #000;	text-decoration: none; }

}

@media only screen and (max-width: 479px) {
	body{min-width:300px; }		
}

