@charset "UTF-8";
/* CSS Document */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body { 
/*font-family: sans-serif;*/
position:relative;
width:100%;
height:100%;}

.bkg_black {
	background-color:#000 !important;
}

.bkg_orange {
	background-color: #fff/*#F90 #c62f2f*/ !important;
}

.bkg_blue {
	background-color:#0f9 !important;
}

.masonry {
	background: #EEE;
	width: 80%;
	position:relative;
	top:0px;
	left:288px;
}

.masonry .item {
	width:286px;
	/*min-width:288px;
	max-width:300px; eliminato per fare effetto hover*/
	height: 286px;
	float: left;
	background: #eee;
	z-index:0; /* per far stare dietro i link all'effetto grigio */
	position:relative;
}

.masonry .item.w1 { 
	width:286px;
	/*max-width:600px; eliminato per fare effetto hover*/
}
.masonry .item.w2 { 
	width:572px;
	/*max-width:600px; eliminato per fare effetto hover*/
}

.item.w3 { width:  286px; }
.item.w4 { width:  1024px; }

.masonry .item.h2 { height: 572px; }
.item.h3 { height: 572px; }
.item.h4 { height: 1024px; }



/* ===== 1281px - 1360px ===== */

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

.masonry {
	left:288px;
}

.masonry .item {
	width:268px;
	height: 268px;
}

.masonry .item.w1 { 
	width:268px;
}
.masonry .item.w2 { 
	width:536px;
}

.masonry .item.h2 { height: 536px; }

.item.w3 { width:  268px; }
.item.h3 { height: 536px; }
}




/* ===== 1137px - 1280px ===== */

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

.masonry {
	left:288px;
}

.masonry .item {
	width:248px;
	height: 248px;
}

.masonry .item.w1 { 
	width:248px;
}
.masonry .item.w2 { 
	width:496px;
}

.masonry .item.h2 { height: 496px; }

.item.w3 { width:  248px; }
.item.h3 { height: 496px; }
}




/* ===== 1025px - 1136px ===== */

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

.masonry {
	left:287px;
}

.masonry .item {
	width:283px;
	height: 283px;
}

.masonry .item.w1 { 
	width:283px;
}
.masonry .item.w2 { 
	width:566px;
}

.masonry .item.h2 { height: 566px; }

.item.w3 { width:  283px; }
.item.h3 { height: 566px; }
}




/* ===== 961px - 1024px ===== */

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

.masonry {
	left:289px;
}

.masonry .item {
	width:245px;
	height: 245px;
}

.masonry .item.w1 { 
	width:245px;
}
.masonry .item.w2 { 
	width:490px;
}

.masonry .item.h2 { height: 490px; }

.item.w3 { width:  245px; }
.item.h3 { height: 490px; }
}




/* ===== 801px - 960px ===== */

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

.masonry {
/*	left:288px;*/
}

.masonry .item {
	width:224px;
	height: 224px;
}

.masonry .item.w1 { 
	width:224px;
}
.masonry .item.w2 { 
	width:448px;
}

.masonry .item.h2 { height: 448px; }

.item.w3 { width:  224px; }
.item.h3 { height: 448px; }
}




/* ===== 769px - 800px ===== */

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

.masonry {
	left:282px;
}

.masonry .item {
	width:259px;
	height: 259px;
}

.masonry .item.w1 { 
	width:259px;
}
.masonry .item.w2 { 
	width:518px;
}

.masonry .item.h2 { height: 518px; }

.item.w3 { width:  259px; }
.item.h3 { height: 518px; }
}




/* ===== 737px - 768px ===== */

@media only screen and (max-width:768px)
{
.masonry {
	left:282px;
}
.masonry .item {
	width:243px;
	height: 243px;
}

.masonry .item.w1 { 
	width:243px;
}
.masonry .item.w2 { 
	width:486px;
}

.masonry .item.h2 { height: 486px; }

.item.w3 { width:  243px; }
.item.h3 { height: 486px; }
}




/* ===== 668px - 736px ===== */

@media only screen and (max-width:736px)
{
.masonry {
/*	left:264px;*/
	left:40px;
}

.masonry .item {
	width:100%;
	height: 414px;
}

.masonry .item.w1 { 
	width:696px;
}
.masonry .item.w2 { 
	width:696px;
}

.masonry .item.h2 {
	margin-top:34px;
	height: 380px;
}

.item.w3 { width:  696px; }
.item.h3 { height: 414px; }
}



/* ===== 641px - 667px ===== */

@media only screen and (max-width:667px)
{
.masonry {
/*	left:264px;*/
	left:40px;
}

.masonry .item {
	width:100%;
	height: 375px;
}

.masonry .item.w1 { 
	width:627px;
}
.masonry .item.w2 { 
	width:627px;
}

.masonry .item.h2 {
	margin-top:34px;
	height: 341px;
}

.item.w3 { width:  627px; }
.item.h3 { height: 418px; }
}



/* ===== 569px - 640px ===== */

@media only screen and (max-width:640px)
{
.masonry {
/*	left:264px;*/
	left:40px;
}

.masonry .item {
	width:100%;
	height: 360px;
}

.masonry .item.w1 { 
	width:600px;
}
.masonry .item.w2 { 
	width:600px;
}

.masonry .item.h2 {
	margin-top:34px;
	height: 326px;
}

.item.w3 { width:  600px; }
.item.h3 { height: 400px; }
}



/* ===== 480px - 568px ===== */

@media only screen and (max-width:568px)
{
.masonry {
/*	left:264px;*/
	left:40px;
}

.masonry .item {
	width:100%;
	height: 284px;
}

.masonry .item.w1 { 
	width:528px;
}
.masonry .item.w2 { 
	width:528px;
}

.masonry .item.h2 {
	margin-top:34px;
	height: 284px;
}

.item.w3 { width:  528px; }
.item.h3 { height: 528px; }
}




/* ===== 415px - 480px ===== */

@media only screen and (max-width:480px)
{
.masonry {
/*	left:264px;*/
	left:40px;
}

.masonry .item {
	width:100%;
	height: 440px;
}

.masonry .item.w1 { 
	width:440px;
}
.masonry .item.w2 { 
	width:440px;
}

.masonry .item.h2 {
	margin-top:34px;
	height: 440px;
}

.item.w3 { width:  440px; }
.item.h3 { height: 660px; }
}

/* ===== 376px - 414px ===== */

@media only screen and (max-width:414px)
{
.masonry {
/*	left:264px;*/
	left:40px;
}

.masonry .item {
	width:100%;
	height: 374px;
}

.masonry .item.w1 { 
	width:374px;
}
.masonry .item.w2 { 
	width:374px;
}

.masonry .item.h2 {
	margin-top:34px;
	height: 374px;
}

.item.w3 { width:  374px; }
.item.h3 { height: 561px; }
}

/* ===== 361px - 375px ===== */

@media only screen and (max-width:375px)
{
.masonry {
/*	left:264px;*/
	left:40px;
}

.masonry .item {
	width:100%;
	height: 335px;
}

.masonry .item.w1 { 
	width:335px;
}
.masonry .item.w2 { 
	width:335px;
}

.masonry .item.h2 {
	margin-top:34px;
	height: 335px; 
}

.item.w3 { width:  335px; }
.item.h3 { height: 502px; }
}

/* ===== 321px - 360px ===== */

@media only screen and (max-width:360px)
{
.masonry {
/*	left:264px;*/
	left:40px;
}

.masonry .item {
	width:100%;
	height: 320px;
}

.masonry .item.w1 { 
	width:320px;
}
.masonry .item.w2 { 
	width:320px;
}

.masonry .item.h2 {
	margin-top:34px;
	height: 320px;
}

.item.w3 { width:  320px; }
.item.h3 { min-height: 480px; height: auto; overflow:auto; box-sizing:content-box; }
}

/* ===== 0px - 320px ===== */

@media only screen and (max-width:320px)
{
.masonry {
/*	left:264px;*/
	left:40px;
}

.masonry .item {
	width:100%;
	height: 280px;
}

.masonry .item.w1 {	 
	width:280px;
}
.masonry .item.w2 { 
	width:280px;
}

.masonry .item.h2 {
	margin-top:34px;
	height: 280px;
}

.item.w3 { width:  280px; }
.item.h3 { height: 560px; }
}