#content_body {
	width: 960px;
	padding: 20px 0 20px 20px;
}

@media screen and (min-width : 320px) and (max-width : 479px) {
	#content_body { width: 300px; padding: 20px 10px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	#content_body { width: 460px; padding: 20px 10px; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	#content_body { width: 748px; }
}

.inprogrammazione_container {
	position:relative;
	width:100%;
	height:auto;
	
	text-align:left;
}

@media screen and (min-width : 320px) and (max-width : 479px) {
	.inprogrammazione_container { text-align:center; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	.inprogrammazione_container { }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	.inprogrammazione_container { }
}


	.inprogrammazione {
		display: inline-block;
		position:relative;
		width: 460px;
		height: auto !important;
   	height: 250px;
   	min-height: 250px;
   	margin-right: 16px;
   	padding-bottom: 20px;
   	vertical-align: top;
	}

	@media screen and (min-width : 320px) and (max-width : 479px) {
		.inprogrammazione { display: block; width: 300px; margin-right: 0; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.inprogrammazione { display: block; margin-right: 0; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.inprogrammazione { width: 354px; }
	}
	
	

.locandina {
	position:absolute;
	top:0px;
	left:0px;
	opacity: 1;
	display: block;
	transition: .5s ease;
	backface-visibility: hidden;
	
	width: 172px;
	height: 250px;
	
	cursor:pointer;
}

@media screen and (min-width : 320px) and (max-width : 479px) {
	.locandina { position: relative; margin: 0 auto 20px auto; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	.locandina { }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	.locandina { }
}

.locandina:hover {
	-webkit-filter: brightness(50%);
	filter: brightness(50%);
}

.titolo, .regia, .cast, .nazione, .genere, .durata  {
	position:relative;
	top:0px;
	left: 192px;
	width: 268px;
	height: auto;
}

@media screen and (min-width : 320px) and (max-width : 479px) {
	.titolo, .regia, .cast, .nazione, .genere, .durata { left: 0; width: 300px; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	.titolo, .regia, .cast, .nazione, .genere, .durata { }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	.titolo, .regia, .cast, .nazione, .genere, .durata { width: 162px; }
}

.titolo {
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	text-transform: uppercase;
	overflow-x: hidden;
}

.regia {
	padding-top: 10px;
}

.btt_scheda {
	position: relative;
	top: 0;
	left: 192px;
	width: 150px;
	padding: 10px 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	background: #ffdb20;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	margin-top: 10px;
	cursor: pointer;
	color: #1d1d1b;
	transition: color 0.3s linear;
	-webkit-transition: color 0.3s linear;
	-moz-transition: color 0.3s linear;
}

	.btt_scheda:hover {
		color: #ffffff;
	}

@media screen and (min-width : 320px) and (max-width : 479px) {
	.btt_scheda { left: 0; margin: 10px auto 0 auto; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	.btt_scheda { }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	.btt_scheda { }
}