html,body{margin:0;height:100%;}

	body{margin:0; padding:0;background: #e2e2e0; color: #666;font: 16px/28px;font-family: 'Open Sans', sans-serif; line-height:22px;}
	h1,h2,h3{font-weight: 300; font-family:oxygen;}
	hr{display: block;margin: 20px 0;padding: 0;height: 0px;border: 0;border-top: 1px solid #ccc;}
	
	/*** header ***/
	#header{position:fixed; top:20px;left:15px;z-index:80;float:left;width:155px;background:#313131;;}
		
		#logo{display:block;float:left;padding:10px;  color: #fff; text-decoration:none;font-weight:normal;font-size: 20px; line-height: 24px; }
		.menu {float:left;padding:0;width:100%;border-bottom: 1px solid #282828; list-style-type:none;}
		.menu li a{ display: block;padding: 3px 10px;border-top: 1px solid #3c3c3c; border-bottom: 1px solid #282828;color: #6d6f70;text-decoration:none;  font-size: 13px;}
		.menu li a:hover{background:#292929;color: #fff;}
		.selected{background: #292929; color:#fff!important;}
		.selected:hover{background: #292929!important;}
	
	/*** horizontal slider ***/
	#container{padding:0px 0px 0px 0px;}
	
		.slider{position:absolute;top:0;left:0; overflow:auto;  width:100%; height:100%;}
		.slider.toggle_width{width:70%;}
		.slider .mCSB_container{height:100%;}
		.slider	.mCSB_scrollTools{z-index:99999;background:#fff;}
		.slider .my_container{overflow:hidden;margin:0;height:100%;}

		/* home */
		.home{position:relative; z-index:10;display:block;float:left;height:100%;}
		.slider .my_container .cover{position:relative; z-index:10;display:block;float:left;height:100%;}
			.vertical-panel{position:relative; z-index:10;display:block;float:left;margin-left:-300px;padding:30px;width:240px;height:100%;background:#111;color:#fff;opacity:0.8;}
			.vertical-panel h1{line-height: 40px;}
	
		/* news */
		#news-panel{float:left; width:1100px;margin:5px 0 0 0;padding:0;}
		#news-container {margin: 10px auto;padding: 5px;}
			.news-element {float: left;margin: 0px 10px 30px 10px;width: 340px;}
			
			.head-news {height:60px;}
			.head-news img{float:left;height: 50px;width:50px;margin-right:10px;}
			.head-news h2{margin:0 0 0px 0;font-size:24px;color:#333;}
			.head-news p{margin:5px 0 0 0;font-size:13px;}
			
			.news-text{background: #fff;font-size:15px;	padding:10px 20px;}

		/* pagine */
		.line-element{position:relative; z-index:10;display:block;float:left;margin-left:190px;height:100%;}
		.line-element .vertical-panel{width:450px;background: #fff;color:#000;opacity:1;}
			
			.text {float:left;margin-right:0px;margin-left:0;width:800px!important;}
			.cont-page{padding:20px;}
			.cop{float:left; margin-right:20px; height:560px;}

		
		/* Button Responsive Menu*/
	    .btn-responsive-menu{position: absolute; top:0; right:0;display:none;margin:  15px 10px 0 0; padding:5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background:#333;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);cursor:pointer;}
	    .icon-bar{display: block;margin:5px;width: 18px;height: 2px;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;background-color: #f5f5f5;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
	    .show{display:block!important;}
	
	

@media (max-width: 980px) {	
	
	/*** header ***/
	#header{position: relative;top:0;left:0;margin: 0;width:100%;}
	.menu li {float:left;}
	.menu li a{border: none;}
	
	/*** horizontal slider ***/
	.slider {top:126px;margin:0px;width:100%;height: auto;}
	.slider .my_container{float:left;overflow:visible;width:100%;}
	.slider .mCSB_container{width:100%!important;}
	.home,.slider .my_container .cover{width:100%;height:auto;}
	.vertical-panel{font-size:80%;}
	
	/* news */
	#news-panel{display: block;margin: 10px 0 20px 0;padding:0; width:100%;}
	
	/* pagine */
	.slider .my_container .line-element{margin-left:0px;width:100%;}
	.slider .my_container .line-element .vertical-panel{margin:0 0 30px 0;padding: 3%;width:74%;}
	.slider .my_container .line-element  .text {margin:0 0 30px 0;margin-left: 3%;padding: 3%;width:89%!important;}
	.slider .my_container .line-element img{float:left;margin-left: 3%;width:15%;height: auto;}
	
	
}



@media (max-width: 740px) {
	
	/*** header ***/
	#logo {padding:20px 10px 20px 10px;border:none;}
	.btn-responsive-menu {display: block;}
	.menu {display:none;}
	.menu li {float: none;}	
	.menu li a{padding: 8px 15px;font-size:16px;}
	
	/*** horizontal slider ***/
	.slider {top:80px;}
	.intro{display:none;}
	.vertical-panel{margin-left:-320px;padding-top:40px;width:260px;}
	
	/* news */
	#news-panel{margin:0 0 20px 0;}
	#news-container {width:100%!important;padding: 0;}
	.news-element {float: left;margin: 0px 0px 20px 0;padding:5%;width:90%;}	
	

	

}

/* no transition on .isotope container */

.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}