/****************************************************************************************/
/****************************************************************************************/
/*					GENERICS HOME					*/
/****************************************************************************************/
/****************************************************************************************/
span.cosNoticiaHome {}

div.CaixaHome {
	white-space:normal;
	padding: 0px 10px 35px 10px;
	border: 0px solid #000;
	height:auto;
	display:table;
}

div.CaixaHomeSenseMarge	{
	white-space:normal;
	padding: 0px 10px 10px 10px;
	border: 0px solid #000;
	height:auto;
	display:table;
}
	
div.CaixaHomeNoticies {
	white-space:normal;
	padding: 0px 10px 35px 10px;
	border: 0px solid #000;
	height:auto;
}	

div.CaixaHomeWebs {
	white-space:normal;
	padding: 0px 10px 0px 10px;
	border: 0px solid #000;
	height:auto;
}
	

div.CapcaleraHome{
	color:black;
	font-size:1.2em;
	padding: 4px 10px 5px 70px;
	margin: 0 0 12px 0;
	background-color: #CECBC6; /*Original del dissenyador CACCC1;*/
	background-image: url("/cat/asp/img/home/destacats/fons_Ggris.gif");
	background-position: top left;
	background-repeat: no-repeat;
}
/*Dins de la capcalera de cada caixaHome, hi anotem un H2 per donar donar estructura al text
  Però com h2 està ja definit en dos llocs
	en general, perquè no afectin als estils pròpis dels títols dels menus de navegació, 
	i sota div#bloc_central div#content per substituis subtit i subsibtit per h2 i h3
  cal redefinir-los aquí dins la div de CapcaleraHome, però amb jerarquía:
*/
div#bloc_central div#content div.CapcaleraHome h2 {
	font-size: 1.0em;
	color:black;
	display:block;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	margin: 0 0;
	padding: 0 0;
}


/* Referents a banners*/
div.dhCaixaHome1BannerAmbText {
	white-space:normal;
	padding: 0px 10px 10px 10px;
	border: 0px solid #000;
	height:auto;
	display:table;	
	clear:both;
}

div.dhCaixaHomeBanners {
	width: 100%;
	overflow: hidden;
	height:auto;
	
}


div.dhunicaColumnaBanners{
	padding-bottom: 10px;
	
}

div.dhprimeraColumnaBanners{
	width: 49%;
	display:inline;
	border: 0px;
	padding-bottom: 10px;
	padding-right: 4px;
	float:left;
	display:table;

}

div.dhsegonaColumnaBanners{
	width: 49%;
	border: 0px;
	padding-bottom: 10px;
	text-align:right;
	float:left;
	display:table;
}

input.typetext {
	border: 1px solid #9EA0AA;
	margin: 0em 1em 0.2em 0em;
}

input.botoSubmitHome{
	border: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	background-color: transparent;
	background-image: url("/cat/asp/img/forms/botoform_p.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 18px;
	color: #000000;
}
input.botoSubmitHome:hover{
 	cursor: pointer;
	background-image: url("/cat/asp/img/forms/botoform_p_ov.gif");
	color: #E20A16;
	text-decoration: underline;
}

/* Per iExplorer, idem per+o amb padding canviat, ja que ho implementa molt diferent*/
input.botoSubmitHomeIEx{
	border: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	background-color: transparent;
	background-image: url("/cat/asp/img/forms/botoform_p.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 13px;
	color: #000000;
}
/* Només Per iExplorer, com no va l'efecet hover en un input type submit, es fa amb JS
amb un className=*_hover! Per això cal reescriure totes les propietats del class original*/
input.botoSubmitHomeIEx_hover{
 	cursor: pointer;
	border: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: underline;
	background-color: transparent;
	background-image: url("/cat/asp/img/forms/botoform_p_ov.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 13px;
	color: #E20A16;
}


/*Línia puntejada per separar elements de la pàgina principal Construïda amb un <div>. */
.separadorHome{ /*Podria fer-se servir en d'altres llocs, no només a la Home*/
	border-top: 1px dashed #C9C9C9;
	margin-top: 12px;
	margin-bottom: 7px;
	color: white;
	height: 1px;
	line-height: 1px;
	width:100%;
	display: block;
	
}


/****************************************************************************************/
/****************************************************************************************/
/*					ESTILS DE DISSENY HOME A TRES COLUMNES	(DH3)		DH3					*/
/****************************************************************************************/
/****************************************************************************************/
div#dh3col1{
   	width: 35%;
   	float:left;
   	margin-left:0.8%;
   	margin-right:0.8%;
   	display: inline;
	}

	
div#dh3colseparadorc1c2{
	float:left;
	width:1px;
	border-right: 1px dashed white /*#C9C9C9*/;
	/*min-height: 850px;
	height: auto !important;
	height: 850px;*/
	
	}
html>body #dh3colseparadorc1c2 {height:auto}/*for mozilla */
div#dh3col2{
   	width: 35%;
   	float:left;
   	margin-left:0.8%;
	margin-right:0.8%;
	}

div#dh3colseparadorc2c3{
	float:left;
	width:1px;
	border-left: 1px solid #ffffff;
	/*min-height: 550px;
	height: auto !important;
	height: 850px;*/
	}
html>body #dh3colseparadorc2c3 {height:auto}/*for mozilla */

div#dh3col3{
	width: 24%;
	float:left;
   	margin-left:0.8%;
	margin-right:0;
	background-color: #efefef;
	}

div#dh3col3 div.CapcaleraHome {	color:white; 
				background-color: #ABAB99;
				background-image: url("/cat/asp/img/home/destacats/fons_G.gif");
}
/*Dins de la capcalera de cada caixaHome, hi anotem un H2 per donar donar estructura al text
  Però com h2 està ja definit en dos llocs
	en general, perquè no afectin als estils pròpis dels títols dels menus de navegació, 
	i sota div#bloc_central div#content per substituis subtit i subsibtit per h2 i h3
  cal redefinir-los aquí dins la div de CapcaleraHome, però amb jerarquía:
*/
div#bloc_central div#content div#dh3col3 div.CapcaleraHome h2 {
	font-size: 1.0em;
	color:white;
	display:block;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	margin: 0 0;
	padding: 0 0;
}


div.dh3alexaesquerra{
	/*width: 130px;
	height:100px;
	border:1px solid red;*/
	margin: 4px 0px 10px 10px ;
	padding: 0px;	
	
	}

div.dh3alexadret{
	white-space:normal;
		/*padding: 4px 14px 46px 14px;*/
		padding: 4px 10px 46px 10px;
	
}

div.dh3webcamc1{
	float:left;
	width:104px;
	margin-right: 5px;
	
	}

div.dh3webcamc2{
	float:left;
	width:104px;
	margin-right: 5px;
	}
div.dh3webcamc2sense3{
	float:left;
	width:104px;
	margin-right: 0px;
	margin-left: 36px;
	}

div.dh3webcamc3{
	float:left;	
	width:104px;
	margin-right: 0px;
	}
	
div.dh3webcamfictici {clear:both; /* Perquè no matxaqui la pastilla següent*/}	


/*** Pastilles aqutomàtiques ***/
.imgElTemps{
	vertical-align: middle;
}

/****************************************************************************************/
/****************************************************************************************/
/*					FI ESTILS DE DISSENY HOME A TRES COLUMNES			DH3				*/
/****************************************************************************************/
/****************************************************************************************/

/****************************************************************************************/
/****************************************************************************************/
/*					ESTILS DE DISSENY HOME A DOS COLUMNES	(DH2)	*/
/****************************************************************************************/
/****************************************************************************************/


div#dh2col1{
   	width: 47%;
   	float:left;
   	margin-left:0.9%;
   	margin-right:0.9%;
   	display: inline;
	}

div#dh2colseparadorc1c2{
	float:left;
	width:1px;
	border-right: 1px dashed #C9C9C9;
	/*min-height: 550px;
	height: auto !important;
	height: 550px;*/
	}
	
div#dh2col2{
   	width: 47%;
   	float:left;
   	margin-left:0.9%;
	margin-right:0.9%;
	}

div.dh2esquerra{
	float:left;
	display:inline;
	width:47%;
	margin-right:0.9%;
	}

div.dh2dret{
	float:left;
	width:47%;
}

/*	BAnner 330px de la 1 o la 2 columna*/
.dh2banner{ 
	width:100%; 
	padding-bottom: 10px;
	overflow: hidden;
	}
/****************************************************************************************/
/****************************************************************************************/
/*					FI ESTILS DE DISSENY HOME A DOS COLUMNES			DH3				*/
/****************************************************************************************/
/****************************************************************************************/