@CHARSET "UTF-8";


/* COLUMNES
   ======================================= */
.contenidor {
	background-color:white;
	border:1px solid #cecece;
	margin:0;
	padding:0;
	margin-bottom:16px;
	vertical-align:top;
	/* --- */	
	background-position: left;
	background-repeat: repeat-y;
	height:100%;
	width:100%;
}

.contenidor .titol {
	margin: 15px 4px 8px 24px;
	font-size:3em;
	font-weight:bold;
	color:#a5a6a7;
	float:left;
}
.contenidor .subtitol {
	margin:-6px 10px 10px 24px;
	font-weight:bold;
	color:#000000;
	clear:both;
}
.contenidor .imgRss {
	position:relative;
	z-index:100;
	padding-top:3em;
	width:100%;
	text-align:right;
}
.contenidor .imgRss a { margin-right:10px }

.contenidor .linia {
	margin-left:24px;
	margin-right:10px;
	height:1px;
}
.contenidor .cosCapsa {
	height:100%;
	width:266px;
	margin-left:32px;
	margin-top:10px;
	margin-bottom:10px;
}
.contenidor .informacio {
	margin:10px 14px 6px;
	text-align:right;
}
.contenidor .informacio a,
.contenidor .informacio a:hover {
	text-decoration:none;
	color:#a5a6a7;
}
.contenidor .informacio a:hover { text-decoration:underline; }

/* TAULA DE COLORS */
.fons_blanc    { background-color:#ffffff }
.fons_gris     { background-color:#dedfde }
.fons_vermell  { background-color:#ffe7e6 }

.lgris { }
.lvermell { }

.bvermell {
	border:1px dotted #ff0000;
}

/* COLUMNES */
#columnes {
	width:100%; 
	height: auto !important;
	margin-bottom:16px;
	vertical-align: top;
}

.fila {
	clear:left;
	width:100%;
	height:100%;
}

.col1, .col2, .col3 {
	vertical-align: top;
	float:left;
	width:316px;
	flex-grow: 1;
    flex-direction: column;
}

.responsiu {
	vertical-align: top;
	width:316px;
}

.col2, .col3 { margin-left:16px; }
.col3 { flex-direction: column; }
.contenidor { width:316px }
.colBuida { border:0; }

.col1 > div, .col2 > div, .col3 > div {
    flex-grow: 1;
}

.colBuida {
    border: 0;
}

/* CASOS ESPECIALS */
#TOPONIMS { 
	width:648px;
	float:left;
}

.margeActualitat {
	clear:both;
	padding-bottom:4px;
}


/* capsa novetats
   ======================================= */
.novetatHome {
	background-image:url('/index/imgfons?clr=CE0000');	
	width:100%;
	margin-bottom:16px;
	vertical-align: top;	
}

.responsiu { display:none; }

/* capses col3
   ======================================= */

#DESTACATS, #PELLICULES {
	flex-grow: 1;
}

@media screen and (min-width: 500px) and (max-width: 768px) {
	#col1_Resp1 { width: 380px; }
}

@media screen and (max-width:992px) {		
   	#col1_Resp1 { display:block; }   	
	.fila {display: none !important;}
	#columnes {display: flex; justify-content: center; min-height: 840px;}

	.col1, .col2, .col3 { display: none; }
	#cap .cercador { display: block; }
	
	#respCerca { display:none; }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	#col1_Resp1 { display:none; }
	#col1_Resp2, #col2_Resp2 { display:flex; flex-direction: column;}
	#col2_Resp2 { margin-left:20px; }
	.responsiu, .contenidor { max-width:316px; }
	
	#columnes { 
		width: 662px;
		margin-left:auto;
		margin-right:auto;
		padding-bottom: 2rem;
	}
}

@media screen and (min-width:992px) {	
	#columnes {min-height: 740px;}
}

@media screen and (min-width:1200px) and (max-width:1280px) {
	.fila { padding: 0 4.25rem 0 4.25rem; }
}

@media screen and (min-width:1280px) {
	.fila { padding: 0 0.25rem 0 0.25rem; }
}