/* ----------------------------------- */
/* Estils per a la nova pàgina d'inici */
/* ----------------------------------- */
#contingut_destacat,
.destacat_responsiu{
	margin-top:20px;
}

.destacat_responsiu{
	padding-left:4%;
	padding-right:4%;
}

.youtube{
	margin-bottom:25px;
}

#columna_destacats{
	display:none;
}

#columna_destacats img,
.columna-programa img,
#banners_destacats img{
	width:100%;
}

/* --------------------- */
/* Botó comprar destacat */
/* --------------------- */
body #boto_comprar_ks{
	/*margin-bottom:10px;*/
	display:block;
}

body #boto_comprar_ks img,
#botons_destacats a img{
	width:100%;
}

/* ---------------- */
/* Botons destacats */
/* ---------------- */

#columna_destacats img{
	margin-bottom:13px;
}

#botons_destacats a{
	width:49%;
	float:left;
	display:inline-block;
}

.bot_dest_sense_img{
	color:#FFF;
	background-color:#362d20;
	margin-right:2%;
	text-decoration:none;
	height:47px;
}

.bot_dest_sense_img h4{
	text-align:center;
	margin:0px;
	font-weight:lighter;
	padding: 5px 20px;
	font-size: 18px;
	line-height: 17px;
}

/* ----------------------------------------- */
/* Propers esdeveniments a la pàgina d'inici */
/* ----------------------------------------- */
#calendari,
#esdev_desktop{
	margin-top:5px;
	margin-bottom:10px;
}

#calendari a{
	text-decoration:none;
	color:#222;
	font-size:2em;
}

#esdev_desktop{
	padding-bottom:40px;	
}

#esdev_desktop img{
	height:255px;
	width:auto;
}

#setmana{
	box-shadow:none;
	padding:0;
	/*border:1px solid #332E20;*/
	width:95%;
	margin:0px;
}

#setmana h3{
	color:#FFF;
	background-color:#DC0053;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:0px;
	border:none;
	margin-bottom:0px;
}

#contingut_setmana{
	overflow-x: auto;
	overflow-y: scroll;
	padding:10px 10px 20px 10px;
	white-space:normal;
	max-height:650px;
}

#contingut_setmana .esdevPetits{
	display:block;
	border:0px;
	min-height:auto;
}

#contingut_setmana .esdevPetits h1{
	margin-bottom:5px;
}

#contingut_setmana .esdevPetits p{
	margin-top:0px;
}



body #proximament{
	margin-top:0px;
}

#destacats_temporada{
	background-color:#DC0053!important;
	background: rgb(93,93,91);
background: -moz-linear-gradient(0deg, rgba(93,93,91,0.32815132889093135) 0%, rgba(220,0,83,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(93,93,91,0.32815132889093135) 0%, rgba(220,0,83,1) 100%);
background: linear-gradient(0deg, rgba(93,93,91,0.32815132889093135) 0%, rgba(220,0,83,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5d5d5b",endColorstr="#dc0053",GradientType=1);
}

.continguts-destacats_temporada{
	/*width: 1025px;
	margin: auto;*/
	float:none;
}

.columna-programa a{
	color:#FFF;
	text-decoration:none;
	position:relative;
	width:100%;
}

.columna-programa h3{
	font-weight:300;
	font-size:1.5em;
	margin:0px;
	position:absolute;
	background-color:rgba(255,255,255,0.5);
	padding:7%;
	bottom:4px;
	width:86%;
	left:0px;
}


div.label-patrocinadors{
	text-align:center;
}

/* ------------------------------------------------------- */
/* Ocultar el botó abonaments en la pàgina de conferències */
/* ------------------------------------------------------- */
body.term-conferencia #filtratge{
	display:none;
}

/*body.term-conferencia{
	
}*/

/* ---------- */
/* TABLEPRESS */
/* ---------- */
table.tablepress{
	position:relative;
}

/* 3 dissenys, Mòbil (280min max480px), Tauleta (<1024px), Desktop (>1024px)*/

/* ESTILS PEL MÒBIL */
#principal #slideshow{
	padding-bottom:0px;
}


.slidesjs-next,
.slidesjs-previous{
	position:absolute;
	z-index:9000;
	top:30%;
	left:15px;
}

.slidesjs-next{
	right:15px;
	left:auto;
}

.slidesjs-pagination{
	float: none;
	margin: 15px auto 10px auto;
	padding: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slidesjs-pagination li{
	float:none;
}

/* LAYOUT DE LA PÀGINA D'INICI */
	.columna_video{
		width:90%;
		margin:auto 5%;
	}
	.columna_prop_esdev,
	.columna_twitter{
		width:100%;
		margin:auto 2% 15px 2%;
	}
	
	.columna_twitter{
		width:90%;
		margin:auto;
	}
	
	
	#columna_destacats{
		width:60%;
		margin:auto 20%;
	}
	
	/*.columna_prop_esdev{
		
	}*/
	
	.columna-programa{
		width:80%;
		margin:auto 10%;
		text-align:center;
	}
	
	/*#social{
		
	}*/

/* -------------------------------- */
/* Canvi d'imatge a laFACT Cultural */
/* -------------------------------- */

/* ------------------------------------------------------ */
/* ELIMINAR LA REFÈNCIA DE COLOR PER LÍNIA DE PROGRAMACIÓ */
/* ------------------------------------------------------ */

.imatges_grans aside.contingut_slideshow-3linees .item-programacio{
    background-color:#332e20!important; /*NEGRE*/
}

.imatges_grans .contingut_slideshow h2{
    margin-top:20px!important;
}

.aside_esdev-DANI{
    background-color:#FFF!important;
    color:#332e20!important;
}

.aside_esdev-DANI .entrades{
    background: #DC0053!important;
}

.aside_esdev-DANI button.entrades::before{
    background:url('../img/bg/lateral_esq_ticket-vermell.png');
}

.aside_esdev-DANI button.entrades::after{
    background:url('../img/bg/lateral_drt_ticket-vermell.png');
}

.aside_esdev-DANI #data_detall .compacte p,
.aside_esdev-DANI .categoria{
    border-color:#332e20!important;
}

.aside_esdev-DANI #hora_text p{
    color:#332e20!important;
}

.page-template-page-espais .exposicio,
.page-template-page-espais div.top-menu.bg-top-menu {
    background-color:#332e20!important;
    color:#FFF !important;
}

.page-template-page-espais .exposicio a{
    color:#FFF !important;
}




/* TABLET */
@media all and (min-width: 480px){
	/* ESTILS PEL MÒBIL */
	
	.columna_video{
		width:70%;
		margin:auto 15%;
	}
	/*.columna_video{
		float:left;
		width:50%;
		margin:0;
	}
	#columna_destacats{
		float:left;
		width:48%;padding-left:2%;
		margin:0;
	}*/
	
	.columna-programa{
		margin: 20px 1%;
		float:left;
		width:48%;
	}
	
	
}

/* TABLET APAISADA */
@media all and (min-width: 768px){
	
	#principal #slideshow{
		padding-bottom:7px;
	}
	
	.destacat_responsiu{
		display:none;
	}
	
	#columna_destacats{
		display:block;
	}
	
	.columna_video{
		width:66%;
		margin:0;
		float:left;
	}

	#setmana{
		width:100%;
	}
	
	.columna_prop_esdev,
	.columna_twitter{
		width:100%;
		margin:0;
		float:left;
	}
	
	#columna_destacats{
		width:32%;
		padding-left:2%;
		margin:0;
		float:left;
	}
	
	.columna-programa{
		width:23%;
	}
	
	.slidesjs-next,
	.slidesjs-previous{
		top:40%;
	}
}

/* DESKTOP */
@media all and (min-width: 1024px){
	.continguts-destacats_temporada{
		width: 1025px;
		margin: auto;
		float:none;
	}
}