

#sb-site, .sb-site-container {
	padding: 14px;
}

.sb-slidebar {
	padding: 14px;
	color: #fff;
}

 .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
	float: right; margin-right:10px;margin-top:4px;
}

html.sb-active #sb-site{cursor: pointer;
	float: right; margin-right:0px;margin-top:0px;}


.sb-toggle-right .fa {color:#fff;background-color:#004276; padding:2px 5px;border-radius:4px; font-size:27px;}

/* Fixed position examples */
@media only screen and (max-width:600px){
	#sb-site.top-padding {
	padding-top: 45px;
}
}

#fixed-top {
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
	background-color: #EEE;
	z-index: 2;box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.40);
}

#fixed-tophome {
	position: fixed;
	top:7;
	width: 100%;
	height: 40px;
	background-color: #fff;
	z-index: 4;box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.55);
}


#fixed-top span.sb-toggle-left  {
	float: left;
	color:  #333;
	padding: 8px 10px 5px 10px;border-right:1px solid #DDD;
}
#fixed-tophome span.sb-toggle-left {
	float: left;
	color:  #fff;
	padding: 11px 13px 11px 12px;
	background-color:#000000;
}


.logo_mobile {padding-left:10px;float:left;top:5px;padding-top:5px!important;}

/* ----------- */

 #sb-site, .sb-site-container, .sb-slidebar {
	/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html, body {
	width: 100%;
	overflow-x: hidden; /* Stops horizontal scrolling. */
}

html {
	height: 100%; /* Site is as tall as device. */
}

body {
	min-height: 100%;
	height: auto;
	position: relative; /* Required for static Slidebars to function properly. */
}

/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden;
}

/* ----------
 * 002 - Site
 */

#sb-site, .sb-site-container {
	/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
	width: 100%;
	max-width: 1100px;
	position: relative;
	margin: 0 auto;
	z-index: 2; /* Site sits above Slidebars */
	background-color: /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}



/* ---------------
 * 003 - Slidebars
 */

.sb-slidebar {
	height: 100%;
	overflow-y:auto; /* Enable vertical scrolling on Slidebars when needed. */
	overflow-x:hidden;
	position: fixed;
	top: 0;
	z-index: 0; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	background-color:rgba(0,0,0, 0.8);
	-webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left {
	left: 0; /* Set Slidebar to the left. */
}

.sb-right {
	right: 0; /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
	display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-style-overlay {
	z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
	.sb-slidebar {
		width: 40%;
	}
	
	.sb-width-thin {
		width: 55%;
	}
	
	.sb-width-wide {
		width: 85%;
	}
	
	.sb-search-input{width:71%;}
}

@media (min-width: 481px) and (man-width: 600px){ /* Slidebar widths on small screens. */
	.sb-slidebar {
		width: 55%;
	}
	
	.sb-width-thin {
		width: 40%;
	}
	
	.sb-width-wide {
		width: 70%;
	}
	.sb-search-input{width:73%;}
}



@media (min-width: 601px){
	#fixed-tophome { 
	display: none;}
	}

/* ---------------
 * 004 - Animation
 */

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition: -moz-transform 400ms ease;
	     -o-transition: -o-transform 400ms ease;
	        transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}
/* 006 - Menu mobile*/

#menu_mobile ul{margin-top:8px;margin-left:12px!important;}
#menu_mobile li{font-family: helvetica,sans-serif;font-size:14px;text-transform:uppercase;line-height:32px;
list-style-type: none; }
#menu_mobile a{color:#fff;text-decoration:none;}



#menu_lower li{text-transform:none;text-decoration: none;}
#menu_lower{border-top:1px solid #777;margin-top:5px;}
/* inserito stile menu mobile*/

}
.left {
	float: left;
	padding: 3%;
	width: 44%;
}

.right{float: left;
	padding: 3%;
	width: 44%;}
	
#menu_mobile .left a, #menu_mobile .right a{color:#dcddde;}
#menu_mobile .left li,#menu_mobile .right li{font-size:13px;}

.newsletter a, #menu-item-335295 a {padding:5px 5px 2px 5px!important;background-color:#777;border-radius:4px;}


/*Media query aggiunte*/
@media only screen and (max-width:600px){
.module-post article.category-home-livello-1 .entry-content p {display:none!important;}
#content .module-post article.category-home-livello-1{min-height:0px!important;margin-bottom:15px!important;}

#content .module-post article.category-home-livello-1 h1 a {text-transform:uppercase!important;font-size:1.1em!important;}
.news-level3, .news-level4 {padding:0px!important;}
.in-evidenza{display:none!important;}
#layout {padding:0px!important;margin-top:-5px!important;}
}