body{
		background-color: #f2f2f2;
		font: 16px Arial,'Helvetica Neue',Helvetica,sans-serif;
		color: #252525;
		position: relative;
		padding: 0;
		margin: 0;
		line-height: 1.5;
		text-align: left;}
		
		figure {
			margin: 0;
		}

		.superiore{
			min-height: 10px;
		}
		
	.container {
		background: #fff;
		-moz-box-shadow: 0px 0px 10px	rgba(84,84,84,0.8);
		-webkit-box-shadow: 0px 0px 10px	rgba(84,84,84,0.8);
		box-shadow: 0px 0px 10px	rgba(84,84,84,0.8);
		padding: 10px;
		margin: 0 auto;
		width: 1020px;
		position: relative;} 
		
		.container:before, .container:after {
			content: " ";
		display: table;
	clear: both;	
		} 
		
		.tuttalarghezza{
			margin-bottom: -10px;
		}
		.mainContent:before, .mainContent:after {
			content: " ";
		display: table;
	clear: both;	
		} 
	.content {
		background-color: transparent;
		width: 648px;
		float: left;
		border-right: 1px solid #ddd;
		padding-right: 10px;
		padding-top: 10px;}
	
	.sidebar {
		background-color: transparent;
		width: 348px;
		float: left;
		overflow: hidden;
		padding-top: 10px;
		padding-left: 10px;}
		
		.sidebar h3 {
			font-size: 16px;
		}
		.sidebar p {
			font-size: 14px;
		}
		.sidebar .post-info{
			font-size: 12px;
		}
		.risultati{
			width: 800px;
			margin: 10px auto;
			-moz-box-shadow: 0px 0px 10px	rgba(84,84,84,0.8);
		-webkit-box-shadow: 0px 0px 10px	rgba(84,84,84,0.8);
		box-shadow: 0px 0px 10px	rgba(84,84,84,0.8);
padding: 10px;
	 border-radius: 10px;
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 }

	p {
		margin: 0 0;
		line-height: 1.5;}
	

	a {
    	text-decoration: none;}

	
	a:link, a:visited {
		color: #000;}
		
	a:hover {
		color: #098fd9;}
	
	img {
		border: 0;}
	
	h1 {
		font-size: 28px;
		text-rendering: optimizeLegibility;
		margin: 5px 0;
		padding: 0;
		border: 0;
		outline: 0;
		line-height: 120%;
		vertical-align: baseline;
		background: transparent;}

h2 {
		font-size: 22px;
		text-rendering: optimizeLegibility;
	margin: 5px 0;
padding: 0;
border: 0;
outline: 0;
line-height: 120%;
vertical-align: baseline;
background: transparent;}
h3 {
		
		text-rendering: optimizeLegibility;
	margin: 5px 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 18px;
font-weight: 700;
line-height: 21px;}

h4 {
		font-size: 16px;
		text-rendering: optimizeLegibility;
	margin: 5px 0;
padding: 0;
border: 0;
outline: 0;
line-height: 120%;
vertical-align: baseline;
background: transparent;}

h5 {
	
    color: #fffbff;
    font-size: 21px;
    height: 33px;
    letter-spacing: .02em;
    line-height: 33px;
   margin: 0;
    text-align: center;
    text-transform: uppercase;
background: #098fd9;
background: -moz-linear-gradient(top,#098fd9 0,#099fd9 32%,#095e8d 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,098fd9),color-stop(32%,#099fd9),color-stop(100%,#095e8d));
background: -webkit-linear-gradient(top,#098fd9 0,#099fd9 32%,#095e8d 100%);
background: -o-linear-gradient(top,#098fd9 0,#099fd9 32%,#095e8d 100%);
background: -ms-linear-gradient(top,#098fd9 0,#099fd9 32%,#095e8d 100%);
background: linear-gradient(to bottom,#098fd9 0,#099fd9 32%,#095e8d 100%);}




.post-info {
		
		color: #b11919;
		font-size: 12px;
	line-height: 110%;
	margin: 4px 0;}
	
	
	/* !-- logo */
	
	.intestazione{
		margin: 0;
	}
	
	.intestazione:before, .intestazione:before{
	content: " ";
		display: table;
	clear: both;	
	}
	.container-logo{
	float: left;
	margin: 0;
	background-color: transparent;
padding: 0 0 6px 0;
	position: relative;
	
	width: 100%;}
	
	.container-logo:before, .container-logo:before{
				content: " ";
		display: table;
	clear: both;}
	
	#logo{
		width: 600px;
		float: left;
	margin-left: 50px;}
	
	#logo img{
				width: 100%;}
	
	.motore{
		width: 310px;
margin: auto;
margin-bottom: 10px;
	}
	
	.clearboth {
		clear: both;
	}
	/* barra social */
		.social{
			margin: 10px 0;
		}
		#condividi{
			float: left;
margin-left: 0;
margin-right: 15px;
margin-top: 8px;
	color: #999;
		font-size: 85%;	}
		
	.social .clearfix:after, .social .clearfix:before{
	content: " ";
    display: table;
}
	
	.clearfix::after {
    clear: both;
}
	.social ul{
		display: block;
height: 34px;
list-style-type: none;
margin: 0;

padding: 0;
	}
	
	.social li{
	display: block;
float: left;
height: 34px;
margin: 0 10px 0 0;
padding: 0;
width: 35px	}

.social .facebook a {
    background-position: left 0;
}

.social a {
	    background-image: url("social.png");
    background-repeat: no-repeat;
    display: block;
    height: 34px;
    width: 35px;
}

.ir {
    background-color: transparent;
}
.ir, .visuallyhidden {
    border: 0;
    overflow: hidden;
}

.ir:before {
    content: " ";
    display: block;
    width: 0;
    height: 150%;
}

.social .twitter a {
    background-position: left -34px;
}

.social .google a {
    background-position: left -68px;
}

.social .mail a {
    background-position: left -101px;
}


/* fine barra social */
	

	.mainNav {
			background: transparent;
			color: #fff;
			list-style: none;
			text-align: left;
			display: block;
			padding: 0 0 2px 4px;	
				
		
			margin: 0 0 2px 0;
			}
			
		.mainNav:before, .mainNav:after{
			content: " ";
			display: table;
		}


		
	
	.mainNav::after {
    clear: both;
}


		
		
	.mainNav > li{
		float: left;
		border-right: 2px solid #fff;	}

.mainNav > li > a {
		background: #098fd9;
		text-decoration: none;
		font-size: 16px;
		color: #fff;
		padding: 10px 12px;
		display: block;
		
	}	
	
	
	
	.mainHeader nav a:hover {
	background-color: #095e8d;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	display: block;}
	
	 .mainHeader nav a:active, 
	.mainHeader nav .active a:link, .mainHeader nav .active a:visited 
	{
		margin-top: -4px;
		background-color: #fff;
		color: #c66;
		display: block;
		border-width: 3px 1px 1px 1px;
border-color: #095e8d #eee #fff #eee;
border-style: solid;
	}	
		
		
	
	
		
	.mainContent {
		background-color: transparent;
		overflow: hidden;
}
	.main_top{padding-top: 5px;
	margin: 0;
	border-bottom: 1px solid #ddd;}
	.main_top:before, .main_top:after{
		content: "";
		display: table;
		clear: both;
	} 
	.main_bottom{padding-top: 10px;}
	.main_bottom:before, .main_bottom:after{
		content: "";
		display: table;
		clear: both;
	} 
	.box {
		background-color: transparent;
		border-bottom: 1px solid #ddd;
		padding: 0px;
	margin-top: 0px;
	position: relative;
		margin-bottom: 10px;}
	
	.box:before, .box:after {
		content: " ";
		display: table;
		clear: both;}
		
	.backceleste {
		background-color: #eaf1f7;
		border: 1px solid #949494;
		padding: 10px;
	}
	
	.backgrey {
		background-color: #dbdbdb;
		border: 1px solid #949494;
		padding: 0px;
	}
	
	.inevidenza {
				padding: 0;
	background: #fff;
border-top: 4px #dedede solid;
	}
	.inevidenza:before{
		content: '';
width: 40px;
height: 4px;
background-color: #087bbb;
position: absolute;
top: 0;
left: -1px;
z-index: 100;
	display: table;
	clear: both;}
	.inevidenza:after{content: '';
width: 4px;
height: 4px;
position: absolute;
top: 0;
left: 40px;
background: #fff;
display: table;
	clear: both;}
	/*--per il box */
	
	.green{
		background-color: #ee2e24;
	}
	
	.red {background-color: #ee2e24;
		
	}
	
	
	
	.mostre, time, .time {
	text-align: left;
		color: #000;
	font-size: 12px;
	line-height: 120%;
	margin: 0;
	padding: 4px;
	overflow: hidden;
	} 



	.foto100{
		margin: 0;
		position: relative;
		float: left;	
		width: 100%;
		margin-top: 4px;
		margin-bottom: 4px;}
		
			
	
	.foto100 img{
		width: 100%;
	margin: 0;}
	
	
	.foto50left{	
		position: relative;
		float: left;	
		width: 49.2%;
		margin-right: 0.8%;
		margin-left: 0;
		margin-top: 4px;
        margin-bottom: 4px;}
		
				
	
	.foto50left img{
		width: 100%;
		margin: 0;}
	
	.foto50right{
		position: relative;
		float: right;	
		width: 49.2%;
		margin-right: 0;
		margin-left: 0.8%;
		margin-top: 4px;
        margin-bottom: 4px;}
		
				
	
	.foto50right img{
		width: 100%;
	margin: 0;}
	
	
	
	.foto40left{
		position: relative;
		float: left;	
		width: 40%;
		margin-right: 10px;
		margin-left: 0;
		margin-top: 4px;
        margin-bottom: 4px;}
		
		
	.foto40left img{
		width: 100%;
	margin: 0;}
	
	.foto40right{
		position: relative;
		float: right;	
		width: 40%;
		margin-right: 0;
		margin-left: 10px;
		margin-top: 4px;
        margin-bottom: 4px;}
		
	.foto40right img{
		width: 100%;
	margin: 0;}
	
	
	.fotocentro40{
		margin: 0;
		position: relative;
		width: 100%;
		margin-top: 4px;
		margin-bottom: 4px;}
		
			.fotocentro40:before, .fotocentro40:after {
		content: " ";
		display: table;
	clear: both;}
	
	.fotocentro40 img{
		width: 40%;
	margin-left: 30%;}
	
	.fotocentro60{
		margin: 0;
		position: relative;
		width: 100%;
		margin-top: 4px;
		margin-bottom: 4px;}
		
			.fotocentro60:before, .fotocentro60:after {
		content: " ";
		display: table;
	clear: both;}
	
	.fotocentro60 img{
		width: 60%;
	margin-left: 20%;}
	
	
	
	
	.fotogallery{
		position: relative;
		float: left;	
		width: 23.6%;
		margin-right: 0.7%;
		margin-left: 0.7%;
		margin-top: 4px;
        margin-bottom: 4px;}
		
	.fotogallery img{
		width: 100%;
	margin: 0;}
	
	.video100{
		margin: 0;
		position: relative;
		
		width: 100%;
		margin-top: 4px;
		}
		
			
	
	
	
	/* dida va dentro fotoxx */
	.dida {
		position: absolute;
		text-align: left;
		color: #fff;
		background: rgba(26, 25, 23, 0.5);
		
		font-weight: bold;
			font-size: 85%;
	line-height: 120%;
	bottom: 11px;
	padding: 4px;
	overflow: hidden;}
	
	.dida60 {
		position: absolute;
		text-align: left;
		color: #fff;
		background: rgba(26, 25, 23, 0.5);
				font-weight: bold;
			font-size: 85%;
	line-height: 120%;
	bottom: 7px;
	padding: 4px;
	overflow: hidden;
	margin-left: 20%;
	width: 58%;
padding-left: 1%;
	}
	.dida40 {
		position: absolute;
		text-align: left;
		color: #fff;
		background: rgba(26, 25, 23, 0.5);
				font-weight: bold;
			font-size: 85%;
	line-height: 120%;
	bottom: 7px;
	padding: 4px;
	overflow: hidden;
	margin-left: 30%;}
	
	
	.didascalia {
		text-align: left;
		color: #000;
		background: #f0f0f0;
		font-weight: bold;
			font-size: 85%;
	line-height: 120%;
	margin-top: -7px;
	padding: 4px;
	overflow: hidden;}
	
	.didagallery {
		text-align: center;
		color: #000;
		background: #f0f0f0;
		font-weight: bold;
			font-size: 85%;
	line-height: 120%;
	margin-top: -6px;
	padding: 4px 0 4px 0;
	overflow: hidden;}
	
	
	.data {
		color: #000;
		background: #f0f0f0;
		font-weight: bold;
			font-size: 85%;
	line-height: 120%;
	margin-top: -6px;
	padding: 4px;}
	
	
	
	
		
	
	
	.mainFooter {
		width: 1040px;
		height: auto;
		background-color: #666;
		margin:10px auto;
		
		
	}
	.mainFooter p {
		width: 92%;
		margin: 10px auto;
		color: #fff;
	}
	
	.widget{
		
	background-color: #f3f4f4;
    margin-top: 5px;
}
	 
	
	.topShadow:before, .topShadow:after, .bottomShadow:before, .bottomShadow:before {
		content: " ";
		display: table;
	clear: both;}
	
	
	
	.topShadow{
	background: url('topShadow.png') no-repeat top center;

position: relative;
height: 20px;
width: 100%;
top: 0;
z-index: 2;
	float: left;}
	
	.bottomShadow{
		background: url('topShadow.png') no-repeat top center;

position: relative;
height: 20px;
width: 100%;
top: 0;
z-index: 2;
	float: left;
	-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
	transform: rotate(180deg);}
	
	.content_bottom{
		padding-top: 10px;
padding-bottom: 10px;
	}
	.content_bottom:before, .content_bottom:after {
		content: " ";
		display: table;
		clear: both;}
		
	.correlati{
		padding-top: 10px;
padding-bottom: 0;
	}
	.correlati:before, .correlati:after {
		content: " ";
		display: table;
		clear: both;}
		
	@media screen and (min-width: 150px) and (max-width: 740px)
	/* .container box-sizing: border-box  rientra i bordi e i padding */
	{
		
		.container{
		width: 95%;
	font-size: 95%;	
}
.container:before, .container:after{
	content: " ";
display: table;
}




h1 {
font-size: 22px;}

h2 {
font-size: 18px;}

.container {
			box-sizing: border-box;	} 
	
	
	
	
	.container-logo {
    padding: 0;
    margin-bottom: 0px;
height: auto;}
	
	#logo{
		width: 100%;
		float: left;
	margin-left: 0;
	margin-bottom: 10px;}
	
	.motore{
		display: none;
	}

	.mainNav {
		text-align: center;
		display: none;
		}
	
	.mainNav > li{
	float: none;}
		
		.nav-btn {
	display: block;
	background: #4c4c4c;
background: -moz-linear-gradient(top,#4c4c4c 0,#4a4a4a 32%,#292929 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4c4c4c),color-stop(32%,#4a4a4a),color-stop(100%,#292929));
background: -webkit-linear-gradient(top,#4c4c4c 0,#4a4a4a 32%,#292929 100%);
background: -o-linear-gradient(top,#4c4c4c 0,#4a4a4a 32%,#292929 100%);
background: -ms-linear-gradient(top,#4c4c4c 0,#4a4a4a 32%,#292929 100%);
background: linear-gradient(to bottom,#4c4c4c 0,#4a4a4a 32%,#292929 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#292929', GradientType=0);
	color: #fff;
		font-size: 30px;
		text-align: center;
		cursor: pointer;
		}
	
	.nav-btn:before {
	
	content: "Menu";}
	
	.mainNav > li > a {
		
		font-size: 20px;
		padding: 8px 0;		
	margin:0;}	
	
			 .mainHeader nav a:active, 
	.mainHeader nav .active a:link, .mainHeader nav .active a:visited 
	{
	margin-top: 1px;}
	.content {
		width: 100%;
		float: left;
				}
	
	
	.post-info {
		display: none;
	}
	
	.foto100 time {
		display: none;
	}
		
	.sidebar{
		width: 100%;
				padding-left: 0;	
	}
	
	
	
	
	
	
	
		
		
		

.fotogallery{
		position: relative;
		float: left;	
		width: 48.6%;
		margin-right: 0.7%;
		margin-left: 0.7%;
		margin-top: 4px;
        margin-bottom: 4px;}
		
}