/****************************************************************************************/
/****************************************************************************************/
/*				CONTINGUTS A DOS COLUMNES				*/
/****************************************************************************************/
/****************************************************************************************/

/*
L'ús d'aquestes DIV en un TEMPLATE serà així:
<div class="dc2col1_65x100">Escriu aquí el contingut de la columna 1
</div><div class="dc2col2_35x100">Escriu aquí el contingut de la columna 2</div>
*/

div.dc2col1_65x100{
   	width: 63%;
   	float:left;
   	margin-left:0%;
   	margin-right:0.9%;
   	display: inline;
	margin-bottom: 14px;
	}

div.dc2col2_35x100{
   	width: 32%;
   	float:right;
   	margin-left:0.9%;
	margin-right:0%;
	margin-bottom: 14px;
	}
	
/*
L'ús d'aquestes DIV en un TEMPLATE serà així:
<div class="dc2col1_50x50">Escriu aquí el contingut de la columna 1
</div><div class="dc2col2_50x50">Escriu aquí el contingut de la columna 2</div>
*/

div.dc2col1_50x100{
   	width: 47.5%;
   	float:left;
   	margin-left:0%;
   	margin-right:0.9%;
   	display: inline;
	margin-bottom: 14px;
	}

div.dc2col2_50x100{
   	width: 47.5%;
   	float:right;
   	margin-left:0.9%;
	margin-right:0%;
	margin-bottom: 14px;
	}

/*
L'ús d'aquestes DIV en un TEMPLATE serà així:
<div class="dc2col1_35x100">Escriu aquí el contingut de la columna 1
</div><div class="dc2col2_65x100">Escriu aquí el contingut de la columna 2</div>
*/

div.dc2col1_35x100{
   	width: 32%;
   	float:left;
   	margin-left:0%;
   	margin-right:0.9%;
   	display: inline;
	margin-bottom: 14px;
	}

div.dc2col2_65x100{
   	width: 63%;
   	float:right;
   	margin-left:0.9%;
	margin-right:0%;
	margin-bottom: 14px;
	}




/*
L'ús d'aquestes DIV en un TEMPLATE serà així:
<div class="dc2col1_80x100">Escriu aquí el contingut de la columna 1
</div><div class="dc2col2_20x100">Escriu aquí el contingut de la columna 2</div>
*/

div.dc2col1_80x100{
   	width: 76%;
   	float:left;
   	margin-left:0%;
   	margin-right:0.9%;
   	display: inline;
	margin-bottom: 14px;
	}

div.dc2col2_20x100{
   	width: 18%;
   	float:right;
   	margin-left:0.9%;
	margin-right:0%;
	margin-bottom: 14px;
	}



/****************************************************************************************/
/****************************************************************************************/
/*				CONTINGUTS A UNA  COLUMNA				*/
/* SI NOMÉS ÉS TEXT, NO CAL USAR-HO, NOMÉS SI ABANS N'HI HA UN CONTINGUT QUE ES VOL 	*/
/* RE-SINCRONOTZAR EN HORITZONATL. Exemple: FOTO1 amb TEXT1, a sota, FOTO2 amb TEXT2,etc*/
/****************************************************************************************/
/****************************************************************************************/


/*
L'ús d'aquesta DIV en un TEMPLATE serà així:
<div class="dc1col1_100x100">Escriu aquí el contingut de la columna ÚNICA</div>
*/	
	
div.dc1col1_100x100{
   	width: 100%;
   	float:left;
   	margin-left:0%;
	margin-right:0%;
	margin-bottom: 14px;
	}



	
/***** A ESBORRAR QUAN ES SUBSTITUEIXIN TOTES LES TABLE planaInteriorXColumna ****/


/***************************************************************************
Jordi - 09/11/2004

<!--#include file="../../cat/asp/XXXXXXX"-->

Defineix les estructures internes del que serien propiament els continguts.
Ex: En el portal la distribució en 1 o 2 columnes de la ZONA 3.
****************************************/

/*
INICI DE TEMPLATES REPLICABLES 
Els que es poden aprofitar pel altres sites com la web de Comerç, etc.*/
/*TEMPLATES per 1 columna. */
.planaInterior1Columna{
	/*width: 100%;*/
	border: 0px;
}

.planaInterior1Columna .contingut{
	/*width: 100%;*/
	border: 0px;
	text-align:left;
	vertical-align:top;
}

/*TEMPLATES per dues columnes. */
.planaInterior2Columnes{
	/*width: 100%;*/
	border: 0px;
}

.planaInterior2Columnes .col1{
	/*width: 50%;*/
	text-align: left;
	vertical-align: top;
	margin: 0px 10px 0px 0px;
	/* No existeix aquesta definicio spacing: 0px 10px 0px 0px;*/
	padding: 0px 10px 0px 0px;
}

.planaInterior2Columnes .col2{
	/*width: 50%;*/
	text-align: left;
	vertical-align: top;
}

.planaInterior2Capcalera{
	/*width: 100%;*/
	margin-bottom: 20px;
	text-decoration: none;
	border: 0px;
}

.planaInterior2Capcalera .capcaleraCasella{
	/*width: 100%;*/
	text-align: left;
	vertical-align: top;
}
/*
FI DE TEMPLATES REPLICABLES.*/

/*
Jordi - 09/11/2004
Per compatibilitat amb algunes estructures de continguts.*/
#planaInterior1Columna{
	/*width: 100%;*/
	border: 0px;
}

#planaInterior1Columna #contingut{
	/*width: 100%;*/
	border: 0px;
	text-align:left;
	vertical-align:top;
}


#planaInterior2Columnes{
	/*width: 100%;*/
	border: 0px;
}

#planaInterior2Columnes #col1{
	/*width: 50%;*/
	text-align: left;
	vertical-align: top;
	margin: 0px 10px 0px 0px;
	/* No existeix aquesta definicio spacing: 0px 10px 0px 0px;*/
	padding: 0px 10px 0px 0px;
}


#planaInterior2Columnes #col2{
	/*width: 50%;*/
	text-align: left;
	vertical-align: top;
}

#planaInterior2Capcalera{
	/*width: 100%;*/
	margin-bottom: 20px;
	text-decoration: none;
	border: 0px;
}

#planaInterior2Capcalera #capcalera{
	/*width: 100%;*/
	text-align: left;
	vertical-align: top;
}