html, body {
	font-family: Helvetica, Arial, Verdana, Sans Serif;
	font-size: 10pt;
	font-weight: normal;
	line-height: 12pt;
	padding:0;
} 	

.animate{
	-webkit-transition: all 0.4s ease-out;
					transition: all 0.4s ease-out;
}

body{background:#222;}

#main_div {
	margin: 0 auto;
	/* background: #333; */
	width: 80%;
	height: auto;
	}


.footer {
	margin: 15px auto;
	color:#fff;
	text-align: center;
	width: 80%;
	padding-bottom :10px;
	background-color: #444;
	text-decoration: none;
	border: 1px solid #ff0;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-o-border-radius: 8px 8px 8px 8px;
}

.footer a{
	/* text-decoration: none; */
	color: #fff;
}
.footer a:hover{background:blue}

.header {
	margin: 5px auto;
	width: 80%;
	/* height: 50px; */
	background-color: #444;
	border: 1px solid #ff0;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-o-border-radius: 8px 8px 8px 8px;
}
.header__logo{float: left; padding: 10px;
}
.header__menu{float:right;padding:0;margin:0;}
.header__menu__item{display:inline-block;}
.header__menu__item-off{display:inline-block;padding:10px;color:#aaa;}
.header__menu__item a{display:inline-block;padding:10px;color:#fff;text-decoration: none;}
.header__menu__item a:hover{background:#000}
.header__logo a:hover{background:#000}
.header__icon-bar{display: block; float: right; padding:20px; display: none;}
.header__icon-bar span{display: block; height: 3px; width: 30px; background:#fff; margin-bottom: 5px;}

.bar-title{display:inline-block; color:#fff;font-size: 1.2em;}

.home{width: 100%;height: 1000px;}
.frame-content{padding:5px;}

.gmaps{
	width:80%;
	height:700px;
	margin: 0 auto;
}
	/*---------------- 
	Clearfix
	----------------*/
	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	  }
	  * html .clearfix             { zoom: 1; } /* IE6 */
	  *:first-child+html .clearfix { zoom: 1; } /* IE7 */




/*--------------------------------------------------------------------------
Per integrare nella larghezza degli elementi anche il margin ed il padding
--------------------------------------------------------------------------*/
*,*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}/*----------------------------------------------------------------------*/

	/*---------------- 
	Smarphone
	----------------*/
	@media only screen  and (max-width: 767px){

		.bar-title{font-size: 1em;}
		.header{z-index: 100;width:100%}
		.footer{width: 100%}
		.header__icon-bar{display: block;}
	
		.header__menu{width:100%;height:0px; overflow: hidden;}
		.header__menu__item{display: block;}
		.header__menu__item-off{display:block;padding: 10px 20px;}
		.header__menu__item a{display: block; padding:10px 20px;}
		.is-open{height:220px; overflow: auto;}

		#gmaps{width:100%;height: 400px;}
		.setup-table  {width:100%;}

	}