@media screen and (max-width: 640px) {

  #content {
    	padding: 10px 10px 10px 10px;
  }

}


img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

body { 
  font: 13px 'Helvetica Neue', Arial, sans-serif;
  background: #FDFAF8;
  color: #333;
  line-height: 1.6em;
}

#logoi {
	position: fixed;
	top: 110px;
	left: 110px;
	width: 456px;
	height: 152px;
	z-index: 2;
	-moz-box-shadow: 0px 0px 3px 0px #000;
	-webkit-box-shadow: 0px 0px 3px 0px #000;
	box-shadow: 0px 0px 3px 0px #000;
}

#titoloC {
	position: absolute;
	width: 378px;
	height: 337px;
	z-index: -2;
	top: 50%;
	left: 50%;
	margin: -189px 0 0 -168px;
}

#social {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 71px;
}

/**** Transitions ****/

.masonry, .masonry .masonry-brick {
	  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}
.masonry {
	-webkit-transition-property: width, height;
	-moz-transition-property: width, height;
	-ms-transition-property: width, height;
	-o-transition-property: width, height;
	transition-property: width, height;
}
.masonry .masonry-brick {
	-webkit-transition-property: left, right, top;
	-moz-transition-property: left, right, top;
	-ms-transition-property: left, right, top;
	-o-transition-property: left, right, top;
	transition-property: left, right, top;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
	background: url(../images/backs/home.jpg) no-repeat;
	background-color: #000;
}

#content {
	min-width: 456px;
	padding: 100px 100px 100px 100px;
	z-index: 2;
}

#container {
	clear: both;
	z-index: 2;
}
.centered {
	margin: 0 auto;
}

.img {
	margin: 0px;
	padding: 0px;
	background: #FDFAF8;
	font-size: 0px;
	float: left;
	display: block;
	width: 100%;
}

.rtl .box {
	float: left;
	text-align: left;
	direction: rtl;
}

.col1 {
	width: 75px; 
	opacity: 0.2;
	filter: alpha(opacity=20);
/* For IE8 and earlier */ }

.col2 {
	width: 150px; 
	opacity: 0.2;
	filter: alpha(opacity=20);
/* For IE8 and earlier */ }

.col3 {
	width: 450px; 
	opacity: 0.2;
	filter: alpha(opacity=20);
/* For IE8 and earlier */ }

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
}