/* redefinició dels estils de  headers */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #EF3425;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	padding-left:10px;
	margin: 0px;
	font-weight: bold;
	background: url(../img/comu/punt_titol_fons.gif); 
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px;	

}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px;	

}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px;

}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px;	

}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px;	

}

/* redefinim llistes no ordenades */
ul li
{
	list-style-image: url(../img/comu/punt_contingut.gif); 
	margin:0px;
	padding: 0px;
	/*padding-top:5px;
	padding-bottom:5px;*/
}


/* estil per anllaç */
a {
	color: #999999;
	text-decoration: none;
	}

a:hover {
	color: #EF3425;
	text-decoration: none;
	}

	
a.portada {
	color: #000000;
	text-decoration: none;
	height:20px;
	padding-top:5px;
	
}

a.portada:hover {
	color: #EF3425;
	text-decoration: none;
	background-color:#E9EAEA;
	background-color:#E9EAEA;
	height:20px;
	padding-top:5px;
	
	
	}	
	

/* estils de link per a menú principal */	
a.menu {
	color: #000000;
	text-decoration: none;
	padding-left:2px;
	padding-right:2px;
	height:20px;
	padding-top:5px;

}

	

a.menu:hover {
	color: #EC2615;
	text-decoration: none;
	font-weight: normal;
	background-color:#E9EAEA;
	background-color:#E9EAEA;
	padding-left:2px;
	padding-right:2px;
	height:20px;
	padding-top:5px;
}	

	
	
a.menu_p_actiu {
	/*border-top: 2px solid #ff0000;
	color: #FF0000;*/
	color: #EC2615;
	text-decoration: none;
	font-weight: normal;
	background-color:#E9EAEA;
	padding-left:2px;
	padding-right:2px;
	height:20px;
	padding-top:5px;
	}

a.menu_p_actiu:hover {
	color: #EC2615;
	text-decoration: none;
	font-weight: normal;
	background-color:#E9EAEA;
	padding-left:2px;
	padding-right:2px;
	height:20px;
	padding-top:5px;
	}	

	
	
/* FI estils de link per a menú principal */		
a.menu_actiu {
	color: #EF3425;
	text-decoration: none;
	font-weight: bold;
	}

a.menu_actiu:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}	
	
	
/* estil de text normal*/
.txt {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}


/* estil per al text contingut amb fotos */
.txt_clavar_fotos {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}

/* estil per a formularis */
.txt_form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 1px;
	margin: 1px;
}

.txt_form_petit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #000000;
	margin: 1px;
	padding: 1px;
}

.txt_submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: 000000;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 1px;
	margin: 1px;
}


.txt_select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #888888;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 1px;
	margin: 1px;
	width:140px;
}


.option_no {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #888888;
	
}
.option_si {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #000000;
}



/* estil per al peu de foto (clavar_fotos.cfm) */
.txt_peu_foto {
	font-family: verdana;
	font-size: 0.55em;
	color: #00000;
	text-decoration: none;
	line-height: 1.5em;
	text-align: justify;
}



.titol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}


.txt_b {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}


.txt_p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-decoration: none;
}

.txt_blanc {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}







.peu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

.peu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #EF3425;
	font-weight: normal;
	text-decoration: none;
}

.txt_foto {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 7pt;*/
	font-size: 0.7em;
	color: 000000;
	font-weight: normal;
	text-decoration: none;
}

.txtcredits {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-align:center;
}

/* estil per a "molles de pa"*/
.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;	

}

.txtcredit {

	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 7pt;*/
	font-size: 0.8em;
	color: #000000;
	text-decoration: none;
}


/* border negre de la pàgina */
.border_negre{
	border: 3px solid #000000;
}

/* classe per link de altres informacions d'un contingut */
a.altres_informacions {
	color: #EF3425;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}

a.altres_informacions:hover {
	color: #bbbbbb;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	}	





/* amples i alts per maquetacio */

/* alts */


.alt_6
{	
	height: 6px;
	
}


.alt_10
{	
	height: 10px;
	
}



.alt_25
{	
	height: 25px;
}


.linpuntets {
	border-top: 1px dashed #666666;
	border-bottom: 1px dashed #666666;
}

.lin_dreta_puntets {
	border-right: 1px dashed #666666;
}

.lin_superior_puntets {
	border-top: 1px dashed #666666;
}

.lin_inferior_puntets {
	border-bottom: 1px dashed #666666;
}


.puntets {
	border-bottom: 1px dashed #666666;
	border-left: 1px dashed #666666;
	border-right: 1px dashed #666666;
	width = 440px;
}

.lin_superior_gris {
	border-top: 2px solid #666666;
}



/*linia vermella per sobre del menu*/
.linia_vermella {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #EF3425;
}

.linia_menu_2nivell
{
	border-left: 1px dashed #666666;
	width:1px;
}

.linia_menu_resta_nivells
{
	border-left: 1px dashed #ffffff;
	width:1px;
}



/* FRONT END */


/* estil per a mapa */
#mapa
{
	
 	margin-left:20px;	
 	margin-top:20px;		
}

#mapa li
{
	list-style-image: url(../img/comu/punt_contingut_mapa.gif); 
	padding:0;
	margin:0;
}


a.mapa_0 {
	color: #000000;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	font-size:1.1em;

}


a.mapa_1 {
	color: #000000;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;

}


a.mapa_2 {
	color: #666666;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;

}


a.mapa_3 {
	color: #999999;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;

}



/* estils per menu principal */
.menu_superior
{
	margin:0px;
	padding: 0px;
	padding-top:5px;
	padding-bottom:5px;
	
}

.menu_superior li
{
	list-style: none;
	display:inline;
	text-align:center;	
	font-size: 0.9em;
	padding-left:0px;
	padding-right:10px;		
	
}


/* minim estil de submenu per posicionar a partir de llistes no ordenades */
#submenu
{
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0;
	/*padding-bottom:15px;	*/
	width:180px;
}

#submenu li
{
	list-style: none;
	list-style-image: none; 
	margin:0;
	/*padding-top:3px;
	padding-bottom:1px;*/
	padding-left:0px;	
	display:block;	
}

/* linies discontinues del menú esquerre */
div.hr {
  height: 1px;  
  background: url(../img/comu/linia_menu_gris.gif) top left repeat; 

}

div.hr_vermell {
  height: 1px;  
  background: url(../img/comu/linia_menu_vermell.gif) top left repeat; 
}

div.hr hr {
  display: none;
}
div.hr_vermell hr {
  display: none;
}

#submenu ul
{
	margin:0;
	padding-left:8px;	
}

#filet_gris
{
	width:180px;
	border-top:1px solid #999999;
	height:1px;
}	


.sub_menu_actiu {
	color: #EF3425;
	text-decoration: none;
	/*font-weight: bold;*/
	width:100%;
}

.sub_menu_actiu:hover {
	color: #000000;
	text-decoration: none;
	/*font-weight: bold;*/
	
	}	


.menu_2nivell
{
	color: #000000;
	text-decoration: none;
	width:100%;
	padding-top:3px;

}

.menu_2nivell:hover
{
	color: #EF3425;
	text-decoration: none;
	width:100%;
	padding-top:3px;
	background-color:#E9EAEA;

}

.menu_3nivell
{
	color: #666666;
	text-decoration: none;
	width:100%;
	padding-top:3px;

}

.menu_3nivell:hover
{
	color: #000000;
	text-decoration: none;
	width:100%;
	padding-top:3px;
	background-color:#E9EAEA;

}


.menu_4nivell
{
	color: #999999;
	text-decoration: none;
	padding-top:3px;
	width:100%;
	padding-top:3px;
}

.menu_4nivell:hover
{
	color: #666666;
	text-decoration: none;
	background-color:#E9EAEA;
	width:100%;
	padding-top:3px;

}

.menu_5nivell
{
	color: #999999;
	text-decoration: none;
	width:100%;
	padding-top:3px;

}
.menu_5nivell:hover
{
	color: #666666;
	text-decoration: none;
	width:100%;
	padding-top:3px;
	background-color:#E9EAEA;

}
/* fi minim estil per submenu */




BODY {
	margin:0;
	text-align: center;	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:0.6em;
	color: #000000;
}

/* estil per defecte d'una cel·la d'una taula (coincidirà amb txt) */
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-decoration: none;
}
/* usat en titols de mòduls  i seccions */



.body_principal{
	background: url(../img/comu/fons.gif); 


}


.body_formacio{
	background: url(../img/comu/fons_formacio.gif); 


}

#contenidor {
	width: 800px;
	text-align: center;
	margin: 0 auto;
	background-color:#FFffff;		
}

#contenidor_interior{
	
	margin-left:9px;
	margin-right:9px;
	padding-bottom:0px;

}



#contenidor_tmp {
	width: 280px;
	text-align: center;
	margin: 0 auto;
	background-color:#FFffff;	
	padding-left:9px;
	padding-right:9px;
	padding-bottom:0px;
	
}



#fons_interior
{
	background:url(../img/comu/fons_interior.gif);
	text-align:left;
	width: 769px;
	
}

#peu{
	clear:both;
	height:25px;
	background-color:#FFFFFF;		
	background:url(../img/comu/puntejat_inf.gif) bottom repeat;
	text-align:center;

}

#peu_r_inf{
	padding-top:6px;
	background:url(../img/comu/puntejat_sup.gif) top repeat;	
}


#cap {
	height: 78px;
	background-color:#FFFFFF;	
	

}
#cap_esquerre
{
	width:190px;
	text-align:left;
	float:left;
	padding-top:3px;

	
}

#cap_dret{

	width:589px;
	float:right;
	padding-top:0px;
		
}


#cap_dret_portada{

	width:589px;
	float:right;
	padding-top:60px;	
}

#cos
{
	background:url(../img/comu/fons_menu_gran.gif);
}


#flash {
	width:589px;	
}

#cos_menu
{
	width:180px;
	float:left;		
	text-align:left;
	border-top:1px solid #999999;
	background-color:#ffffff;
	
	
}

#menu_formacion
{
	width:180px;
	float:left;		
	text-align:left;
	padding-top:5px;
	
}

#fons_ralles
{
	width:180px;
	text-align:left;
	background: url(../img/comu/fons_ratlles_gran.gif);
	height:25px;
	float:left;		
	
	
	
	
}

#cos_resta_web
{
	width:589px;
	float:right;		
}
#breadcrumbs
{

	width:589px;	
	float:left;	
	/*padding:6px 8px 2px 8px;*/ /* sup dret inf esq*/
	padding:0px 0px 0px 0px;
	text-align:left;
	background: url(../img/comu/fons_ratlles_gran.gif);
	height:25px;
	color:#000000;

}

.p_breadcrumbs
{
	padding:6px 8px 2px 8px;
	margin:0 auto;	
}


#titol_informacio
{
	float:left;
	padding-top:0px;
	text-align:left;
	padding-left:10px;
	width:70%;	
}


#titol_informacio_agenda
{
	float:left;
	padding-top:0px;
	text-align:left;
	padding-left:10px;
	width:100%;
	padding-bottom:7px;	
}


#informacio_titol{
	background-color:#ffffff;	
	width:589px;
	padding-top:7px;		
	
}


#informacio{
	background-color:#ffffff;	
	width:589px;
	padding-top:0px;	
	
}

#informacio_esquerre{
	
	background-color:#ffffff;	
	width:429px;
	padding-top:7px;
	/*padding-left:10px;*/	
	padding-left:0px;
	float:left;
	text-align:left;
	
}

#informacio_dreta{
	
	background-color:#ffffff;	
	width:160px;
	padding-top:0px;
	padding-left:0px;
	float:right;
	/*border: 1px solid #ff0000;*/
}


.informacio_esquerre_formacion{
	
	background-color:#ffffff;	
	width:429px;
	padding-top:0px;
	padding-left:0px;	
	float:left;
	text-align:left;
	
	
}

.informacio_dreta_formacion{
	
	background-color:#ffffff;	
	width:160px;
	padding-top:0px;
	padding-left:0px;
	float:right;
	
	
}

.info_dreta_espai{
	
	background-color:#ffffffff;	
	width:10px;
	padding-top:0px;
	padding-left:0px;
	float:left;
}

.info_dreta_resta{
	
	background-color:#ffffff;	
	width:140px;
	padding-top:0px;
	padding-left:0px;
	float:right;
}




#cercador{
	width:160px;
	float:right;
	text-align:center;
	background: url(../img/comu/fons_ratlles_gran.gif);
	height:45px;
	padding-top:10px;	
}


#missatges_confirmacio_error{
	width:90%;

}

/* ----- inici -  maquetació de les diferents vistes d'informació */

/* contenidor general */
#contingut{
	width:100%;
	text-align:left;
	margin: 0 auto;
	padding-top:10px;
	padding-bottom:20px;
	padding-right:1px;
	
	
	
}

#contingut_producte{
	/*width:415px;*/
	width:100%;
	text-align:left;
	margin: 0 auto;
	padding-top:0px;
	padding-bottom:20px;
	padding-right:10px;		
}



/*^amb aquesta part posarem la llista de productes d'un pack */
.vista_previa_articles_pack
{

	width:160px;
	
	border-top: 1px dashed #EF3425;
	border-bottom: 1px dashed #EF3425;
	color:#999999;
	margin-bottom: 7px;
}

.vista_previa_foto_ap
{
	width:100%;
	height:110px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

.vista_previa_text_ap
{	
	width:100%;
	text-align:center;
	background-color:#E9EAEA;
	
}

.vp_text_ap{
	padding:5px;	
	
}



.vista_previa_text_no_img_ap
{
	float:right;
	height:105px;
	width:100%;
}

/* fi presentació packs */


/* LLISTA NO ORDENADA MULTICOLUMNA (PER DUES COLUMNES) */
/* si es volem més columnes, sols cal tocar l'amplada del li i deixar suficient espai 
	al div que la contingui */

/* separate the list from subsequent markup */
div.wrapper
{
    margin-bottom: 1em;
}


div.wrapper br
{
    clear: left;
}


.llista_multi_columna
  {
    width: 99%;
    margin:0;
    padding:6px;
  }

.llista_multi_columna li
  {
    float: left;
    width:33%;
	list-style: none;
	list-style-image: none; 
}
/* FINAL  LLISTA MULTICOLUMNA */



.vista_previa{
	padding-top:0px;
	padding-bottom:10px;
	clear:both;
	width:589px;
	height:100px;
	
}

.vista_previa_foto{
	width:100px;
	height:100px;
	float:left;
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
	/*border:1px solid #E9EAEA;*/

}

.vista_previa_text{
	float:right;
	/*border-top:1px dashed;
	border-bottom:1px dashed;	*/
	height:100px;
	background:url(../img/comu/fons_ratlles_gran.gif);
	width:83%;
	text-align:left;
	
}

.vista_previa_text_no_img{
	float:right;
	height:105px;
	background:url(../img/comu/fons_ratlles_gran.gif);
	width:100%;
	
}

.vista_previa_requadre_foto{
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
	border:1px solid #E9EAEA;
	height:100px;

}



.vista_previa_text_r_sup{
	padding-top:10px;	
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	color:#000000;
	height:100px;
}

.breadcumbs_cerca_categories
{
	color: #EF3425;
}


.vista_previa_text p
{
	padding-bottom:1px;
	text-align:justify;

}

#contingut_titol{
float:left;
padding-top:0px;
padding-bottom:7px;
}

#contingut_enviar_imprimir{
float:right;
padding-top:5px;
padding-right:0px;
width:160px;
}

.sense_float
{
clear:both;
text-align:left;


}

#contingut_producte_text
{
	float:left;
	width:240px;
	padding-bottom:15px;
	
}

#contingut_img_docs
{
	float:right;
	width:200px;
	text-align:center;
	padding-bottom:15px;

}

/* ---- final -  maquetació de les diferents vistes d'informació */


/* --- maquetació correu i impresio sense menus----*/
#contenidor_percentual {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	background-color:#FFFFFF;
	padding:10px;
	
}

#contenidor_percentual_productes {
	width: 100%;
	text-align: center;
	margin: 0 auto;	
	padding:0px;	
	
}

#cos_mail_imprimir 
{
 	width:90%;

}

#cap_mail_imprimir {
	height:60px;
	padding:10px;
	text-align:left;
	background:url(../img/comu/puntejat_inf.gif) bottom repeat;
}

/* --- maquetació correu i impresio sense menus----*/

/* maquetacio lateral dret producte */
#imatge{
	width: 100%;
	text-align: center;	
	border: 1px solid #E9EAEA;
	padding-top:3px;	
	padding-bottom:3px;	
}


#titol_lateral_dret{
	width: 100%;
	height: 20px;
	padding-left:0px;	
	padding-top:6px;
	padding-bottom:3px;
	background-color:#B5B4B4;	
	color: #ffffff;
	text-align:left;
	border-bottom: 1px solid #ffffff;
}
.p_titol_lateral_dret{
	padding-left:8px;	
}

#titol_lateral_dret_documents{
	width: 100%;
	height: 20px;
	padding-left:1px;	
	padding-top:5px;
	padding-bottom:3px;
	background-color:#B5B4B4;	
	color: #ffffff;
	text-align:left;
	border-bottom: 1px solid #ffffff;
}

#text_lateral_dret{
	width: 160px;
	padding-top:8px;	
	padding-bottom:0px;
	background-color:#E9EAEA;
	padding-left:0px;
	padding-right:3px;
	text-align:left;	

}





/* fi maquetacio lateral dret producte */

a.txt_gris {
	color: #6a6a6a;
	text-decoration: none;

}

a.txt_gris:hover {
	color: #000000;
	text-decoration: none;

	}
	
#linia_gris {
	height:50px;
	width:419px;
	background-color:#999999;
	float:left;

	}
	

#marca{
	float:right;
	text-align:right;
	margin:0;
 	padding-left: 10px;
	background-color:#ffffff;
}

#lateral_dret_productes {
	padding-top:6px;	
}

.linia_gris{
	border-bottom:1px solid #B5B4B4;	
}

.txt_gris{
	color:#999999;
}

.txt_gris_fort{
	color:#656565;
}

.txt_gris_clar{
	/*color:#B6B6B6;*/
	color:#EF3425;
}
#info_contingut
{

	width:589px;
	float:left;	
	padding-top:7px;
}



/* maquetació per la pàgina de portada */

#portada_pastilles
{
	width: 510px;
	float:right;
	background-color:#FFFFFF;
	border:1px solid #ff0000;
	height:50px;	
	
	
}

.quadres_grisos
{
	width: 500px;
	clear:both;
	height:50px;
	background-color:#ffffff;
	
}


.quadre_gris_esquerre
{
	height:50px;
	background-color:#999999;
	width:160px;
	float:left;
	padding-bottom:0px;
	padding-left:0px;
	
	
}


.titol_esquerre
{
	height:33px;
	background-color:#ffffff;
	width:160px;
	float:left;
	padding-bottom:0px;
	padding-left:0px;
	text-align:center;
	
	
}

.titol_esquerre p
{
	padding-top:5px;
	margin:0;
}


.titol_drets
{

	height:33px;
	width:340px;
	float:right;
	padding-left:0px;
	
}


.titol_drets_1
{
	float:left;
	width:160px;
	height:33px;
	background-color:#ffffff;
	text-align:center;
	
}


.titol_drets_1 p
{
	padding-top:5px;
	margin:0;
}

.titol_drets_2
{
	float:right;
	width:160px;
	height:33px;
	background-color:#ffffff;	
	text-align:center;
}

.titol_drets_2 p
{
	padding-top:5px;
	margin:0;
}

.quadre_gris_dret
{
	height:50px;
	background-color:#999999;
	width:160px;
	float:right;
	padding-bottom:10px;
	padding-left:10px;
}

.quadres_grisos_drets
{

	height:50px;
	width:340px;
	float:right;
	padding-left:0px;
	
}


.espai_portada
{
	padding-left:10px;
}
.quadres_grisos_drets_1
{
	float:left;
	width:160px;
	height:50px;
	background-color:#999999;
	
}


.quadres_grisos_drets_2
{
	float:right;
	width:160px;
	height:50px;
	background-color:#999999;	
}






#contenidor_portada
{
	width: 800px;
	text-align: center;
	margin: 0 auto;
	background-color:#ffffff;	
	/*height:490px;*/	
	
}


#portada 
{
	background-color:#FFFFFF;	
	margin-left:9px;
	margin-right:9px;
	height:490px;
	
}

#portada_banners 
{
	background-color:#FFFFFF;	
	margin-left:9px;
	margin-right:9px;
	height:603px;
	
}


#portada_esquerre
{
	width:270px;
	float:left;
	
}


#portada_dret
{
	width:510px;
	float:right;
	
}

#portada br
{
	clear:both;
}



#portada_logo
{
	width:270px;
	text-align:left;
	float:left;
	background-color:#FFFFFF;	
	
}

.espai_portada_dret
{
	padding-left:10px;
	text-align:left;
	
}

#quadre_vermell
{
	height:50px;
	width:270px;
	background-color:#F03225;
}

.quadre_gris
{
	height:50px;
	background-color:#999999;
	width:160px;
}


.quadre_blanc
{
	height:33px;
	text-align:center;
	width:160px;
}

.quadre_blanc p
{
	padding-top:10px;
	margin:0;
}
	

.portada_pastilla1{

	width:160px;
	float:right;
	padding-top:0px;
	padding-right:0px;	
	
		
}

#portada_text_logo
{
	width:270px;
	height:240px;
	border: 1px solid #E9EAEA;
	text-align:right;	
}

.portada_logo
{
	padding-top:70px;
	padding-right:18px;
	
}

#portada_text_logo p
{
	padding-top:50px;
	padding-right:20px;
	margin:0px;
}

.portada_pastilla
{
	width:160px;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:10px;
	float:right;
	
}




.portada_text_esquerre
{
	width:160px;
	float:left;
	text-align:justify;
	background: url(../img/comu/fons_ratlles.gif) left repeat; 
	height:150px;	

}



.portada_text_drets
{

	height:150px;
	width:340px;
	float:right;
	padding-left:0px;
	
}

.portada_text_drets_1
{
	float:left;
	width:160px;
	height:150px;
	text-align:justify;
	background: url(../img/comu/fons_ratlles.gif) left repeat; 
	
}

.portada_text_drets_2
{
	float:right;
	width:160px;
	height:150px;
	text-align:justify;
	background: url(../img/comu/fons_ratlles.gif) left repeat; 
}






.portada_banner_ralles
{
	
	width:160px;
	height:117px;
	float:left;
	text-align:justify;	
	background: url(../img/comu/fons_ratlles.gif) left repeat;	

}


.portada_text_esquerre_banner
{
	width:160px;
	float:left;
	text-align:center;
	padding-top:10px;
	

}

.portada_text_drets_banner
{

	
	width:340px;
	float:right;
	padding-left:0px;
	
}

.portada_text_drets_1_banner
{
	float:left;
	width:160px;	
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	
	
}

.portada_text_drets_1_banner_ralles
{
	float:left;
	width:160px;	
	text-align:justify;
	background: url(../img/comu/fons_ratlles.gif) left repeat;	
	height:117px;
	
	
}

.portada_text_drets_2_banner
{
	float:right;
	width:160px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	
}

.portada_text_drets_2_banner_ralles
{
	float:right;
	width:160px;
	text-align:justify;
	height:117px;
	background: url(../img/comu/fons_ratlles.gif) left repeat;
	
	
}



.espai_text
{
	padding-top:7px;
	padding-left:7px;
	padding-right:7px;
}


.portada_text
{
	height:150px;	
	width:160px;
	background: url(../img/comu/fons_ratlles.gif) left repeat; 
}
.portada_text p 
{
	padding:5px;
	margin:0;
}

.portada_adressa
{
	height:150px;	
	width:270px;
	background: url(../img/comu/fons_ratlles.gif) left repeat; 
	text-align:left;
}

.portada_adressa p
{
	padding-top:10px;
	padding-left:10px;
	margin:0px;
}

.portada_adressa_banners
{
	height:267px;	
	width:270px;
	background: url(../img/comu/fons_ratlles.gif) left repeat; 
	text-align:left;
}

.portada_adressa_banners p
{
	padding-top:10px;
	padding-left:10px;
	margin:0px;
}



/* FINAL  maquetació per la pàgina de portada */


#formacion_relacionada
{
	height:22px;
	padding-top:4px;
	background-color:#E9EAEA;
	width:160px;
	border-top: 1px dashed #EF3425;
	border-bottom: 1px dashed #EF3425;
	color:#999999;
}


/* vista previa mosaic */

.vista_previa_mosaic{
	padding-top:0px;
	padding-bottom:10px;
	clear:both;
	width:280px;
	
}

.vista_previa_mosaic_foto{
	width:100px;
	height:179px;
	float:left;
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
	/*border:1px solid #E9EAEA;*/

}

.vista_previa_mosaic_requadre_foto{
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
	border:1px solid #E9EAEA;
	height:179px;

}

.vista_previa_mosaic_text_r_sup{
	padding-top:10px;	
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}


.vista_previa_mosaic_text{
	float:right;
	/*border-top:1px dashed;
	border-bottom:1px dashed;	*/
	height:180px;
	background:url(../img/comu/fons_ratlles_gran.gif);
	width:180;
	text-align:left;
	
}

.vista_previa_mosaic_text_no_img{
	float:right;
	height:179px;
	background:url(../img/comu/fons_ratlles_gran.gif);
	width:100%;
	
}



/* vista previa producte */

.vista_previa_producte{
	padding-top:0px;
	padding-bottom:10px;
	clear:both;
	width:180px;
	
}


.vista_previa_producte_foto{	
	width:100%;	
	
	
}

.vista_previa_producte_requadre_foto{
	padding-top:10px;
	padding-bottom:0px;
	text-align:center;
	border:1px solid #E9EAEA;
	height:100px;
	

}


.vista_previa_producte_text{
	clear:both;	
	background:url(../img/comu/fons_ratlles_gran.gif);
	width:100%;
	height:179px;
	
}


.vista_previa_producte_text_no_img{
	clear:both;	
	background:url(../img/comu/fons_ratlles_gran.gif);
	width:100%;
	height:280px;
	
}



/*vista mosaic 5 columnes*/

.vista_mosaic_5_columnes{
	padding-top:0px;
	padding-bottom:10px;
	clear:both;
	width:100px;
	
}

.vista_mosaic_5_columnes_foto{
	width:100px;
	height:100px;	
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
	border:1px solid #E9EAEA;

}

.vista_mosaic_5_columnes_text{
	
	height:40px;
	background:url(../img/comu/fons_ratlles_gran.gif);
	width:100;
	text-align:left;
	
}


.vista_mosaic_5_columnes_text_r_sup{
	padding-top:5px;	
	padding-left:5px;
	padding-right:0px;
	text-align:left;
}


.vista_mosaic_5_columnes_text_no_img{
	height:144px;
	background:url(../img/comu/fons_ratlles_gran.gif);
	width:100px;
	
}


/* vista previa productes */ 

.vista_previa_productes{
	padding-top:0px;
	padding-bottom:10px;
	clear:both;
	width:405px;
	/*width:100%;*/	
	height:120px;
	
}

.vista_previa_productes_foto{
	width:100px;
	height:119px;
	float:left;
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
	/*border:1px solid #E9EAEA;*/

}

.vista_previa_productes_requadre_foto{
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
	border:1px solid #E9EAEA;
	height:119px;

}

.vista_previa_productes_text{
	float:right;
	/*border-top:1px dashed;
	border-bottom:1px dashed;	*/
	height:120px;
	background:url(../img/comu/fons_ratlles_gran.gif);
	width:305px;	
	text-align:left;
}	
	
	

.vista_previa_productes_text_r_sup{
	padding-top:10px;	
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	color:#000000;
	height:120px;
}

	
/* estils pel calendari*/
.event_buit{
	background-color:#b6b6b6;
	color:#ffffff;
	height:8px
}


.event_ordinari 
{	
	background-color:#8A8A8A;
	color:#ffffff;
	text-decoration: none; 
	cursor: hand;
	height:8px;
	
	/*font-weight:bold;*/
}



.event_extra_ordinari 
{	
	background-color: #b6b6b6;
	color:#ffffff;
	text-decoration: none; 
	cursor: hand;
	height:8px
}

.event_head{
	background-color: #B6B6B6;
	color:#656565;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 0.6em;
}
/*
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 0.8em;
*/
.event_link {
	TEXT-DECORATION: none; 
	color:#ffffff;
	}
	
	


.requadre{
	border: 1px solid #C6C5CB;
}


.requadre_gris{
	
	border-top: 1px solid #8A8A8A;	
}

.espai_superior{
	
	padding-top: 5px;	
}



a.calendari {
	color: #656565;
	text-decoration: none;
	
}

a.calendari:hover {
	color: #EF3425;
	text-decoration: none;
	
	}
	

	
a.dia {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	
	
}

a.dia:hover {
	color: #EF3425;
	text-decoration: none;
	font-weight: bold;
	
	}

/* FI dels estils pel calendari*/

/* intentant maquetat la part de l'agenda sense taules */

#calendari
{
	height:170px;
}
#titol_calendari
{
	height:23px;
	background-color:#999999;
	text-align:center;
	color:#000000;
	padding-top:5px;
}

.pixel_blanc_calendari
{
	color:#ffffff;
	padding-top:1px;
}

#info_calendari
{
	
	background-color:#B6B6B6;
	text-align:center;
	color:#ffffff;
	height:146px;
	
}


.caixa_breadcrumbs
{
	
	border-bottom: 1px solid #F1F2F2;	
	padding-top:8px;
	padding-left:24px;
	padding-bottom:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666699;
	text-decoration: none;
	text-align: left;	
}

.centrat
{
	MARGIN: 0;
	text-align: center;	
	padding:0;	
	padding-top:8px;
}


.ample_50_p
{
	width:50%;
	text-align: center;	
	margin: 0 auto;

}

.ample_90_p
{
	width:90%;
	text-align: left;	
	margin: 0 auto;

}

.dreta_90
{
	width:100%;
	text-align: center;	
	margin: 0 auto;

}

.dia
{
	border-top: 1px solid #999999;	
	border-bottom: 1px solid #999999;	
	padding-top:3px;
	padding-bottom:3px;
	color:#000000;
	
	

}

.info_dia
{

	height:100px;
	background:url(../img/comu/fons_ratlles_gran.gif);
	width:100%;
	text-align:left;
}



/* elimina l'espai que puguin deixar els textos de les descripcions dels actes */
.dia p
{
	margin:0;
}

/* estil per a "molles de pa", a la part de la agenda no funcionada*/
.breadcrumbs2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 0.9em;
}


.invisible {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 3pt;
	color: #E0E0E0;
	background-color : #DDDDE5;
	border : 0px;
	margin: 0px;
	padding: 0px;
}

/*butlleti*/

#butlleti
{
	width:150px;
}


#titol_butlleti
{
	background-color:#999999;
	color:#000000;
	height:23px;
	padding-top:5px;
	text-align:center;
}

#form_butlleti
{
	background-color:#B6B6B6;
	height:60px;
	padding-top:5px;
	text-align:center;
}

.txt_form_butlleti {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #999999;
	background-color: #ffffff;
	border: 1px solid #656565;
	padding: 1px;
	margin: 1px;
}

.txt_llista_correu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	background-color: #ffffff;
	border: 1px solid #656565;
	text-decoration: none;
	text-align: center;
	font-size: 0.9em;
	text-decoration: none;
	width:50px;
	height:15px;
	
	
}


/*buscador agenda */
#buscador_agenda
{
	background-color:#ffffff;
}


#titol_buscador_agenda
{
	background-color:#999999;
	color:#000000;
	height:23px;
	padding-top:5px;
	text-align:left;
	padding-left:8px;
}

#form_buscador_agenda
{
	background-color:#B6B6B6;
	height:60px;
	padding-top:5px;
	text-align:center;
}

#titol_agenda
{
	width:269px;	
	color: #000000;	
	font-weight: bold;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	
}

.informacio_calendari
{
	padding-top:10px;
	width:429px;
	clear:both;	
}

.imatge_fons_calendari
{
	background: url(../img/comu/fons_ratlles_gran.gif);
	height:98px;
	
}

.agenda_esquerre
{
	width:100px;
	float:left;
	border: 1px solid #E9EAEA;
	
}


.agenda_dret
{
	width:327px;
	float:right;
	padding-top:5px;
	padding-left:0px;
}

.agenda_dret_espai
{
	padding-left:7px;
}

.p_agenda_dret
{
	
	padding-left:7px;
}

.agenda_descripcio
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	width:429px;
	clear:both;
}

FORM {

	margin:0;
}

/* vista see photo producte*/

.see_photo_producte
{
	width:590px;
	padding-left:10px;
	padding-right:10px;
	
}

.logo_see_photo_producte
{
	width:400px;
	background-color:#999999;
	float:left;
	text-align:left;
	height:50px;
}

.marca_see_photo_producte
{
	width:170px;
	padding-left:10px;	
	float:right;
	text-align:right;
	height:50px;
}

.titol_see_photo_producte{
	clear:both;
	height:46px;
	background-color:#E6E6E6;
	text-align:left;
	padding-top:15px;
	padding-left:15px;
	color: #EF3425;
	font-weight: bold;
	font-size: 1.2em;
}

.espai_see_photo_producte{
	clear:both;
	padding-top:10px;
}


.see_photo_producte_esquerre{
	width:400px;
	float:left;
}

.see_photo_producte_dret{
	width:170px;
	padding-left:10px;
	float:right;	
}

.see_photo_foto
{
	border: 1px solid #E9EAEA;
}

.see_photo_descripcio
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	background: url(../img/comu/fons_ratlles_gran.gif);
	text-align:left;
}

.see_photo_producte_peu{
	clear:both;
	height:23px;
	background-color:#FFFFFF;		
	background:url(../img/comu/fons_see_photo_peu.gif);
	text-align:center;
	padding-top:5px;

}


/*  vista see photo */

.see_photo
{
	width:100%;
	padding-left:10px;
	padding-right:10px;	
	
}

.see_photo_logo
{
	
	float:left;
	text-align:left;
	height:50px;
	background-color:#999999;
	width:100%;
}





/* versio imprimir fitxa productes */
.body_versio_imprimir
{
	background:url(../img/comu/fons_imprimir_productes.gif);	
	
	
}

#contenidor_percentual_productes {
	width: 85%;
	text-align: center;
	margin: 0 auto;	
	padding:0px;		
	
}

#cap_mail_imprimir_productes {
	height:50px;
	text-align:left;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin:0 auto;
		
}

.p_breadcrumbs_imprimir
{
	padding-top:10px;
	margin:0 auto;
	padding-left:192px;
}

#breadcrumbs_imprimir
{
	clear:both;
	width: 100%;
	text-align: left;
	padding-top: 0px;
	padding-left: 10px;
	color: #ffffff;	
	height:36px;
	margin:0 auto;		
	
}


#peu_imprimir
{
	clear:both;
	width:100%;
	height:23px;
	padding-top:6px;	
	color:#000000;
	background-color:#ffffff;	
	background:url(../img/comu/fons_see_photo_peu.gif);	
	
}


#cos_mail_imprimir_productes 
{
 	width:100%;
 	background-color:#ffffff;
 	padding-left:12px;
 	

}

#logo_imprimir_productes
{
	width:202px;
	float:left;	
}


#marca_imprimir_productes
{
	float:right;
	background-color:#ffffff;
	height:49px;
	width:180px;
	padding-left:10px;
	padding-right:10px;
	
}


/* estils formularis */
div.fila_form_gran {
  clear: both;
  padding-top: 10px;
  width:100%;
  }
 
div.fila_form_gran span.etiqueta {
  float: left;
  width: 35%;
  text-align: right;
  padding-top:2px;	
}
 
div.fila_form_gran span.informacio {
  /*float: right;*/
  width: 65%;
  text-align: left;
  } 
  
/* estil fotogaleria */

.galeria_cercador
{
	width: 100%;
	background-color:#E9EAEA;
}

.invisible_form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 3pt;
	color: #E9EAEA;
	background-color : #E9EAEA;
	border : 0px;
	margin: 0px;
	padding: 0px;
}


.vista_galeria{
	padding-top:0px;
	padding-bottom:10px;
	clear:both;
	width:155px;
	
}

.vista_galeria_foto{
	width:155px;
	height:155px;	
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
	border:1px solid #E9EAEA;

}

.vista_galeria_text{
	
	height:40px;
	background:url(../img/comu/fons_ratlles_gran.gif);
	width:155px;
	text-align:left;
	
}


.vista_galeria_text_r_sup{
	padding-top:5px;	
	padding-left:5px;
	padding-right:0px;
	text-align:left;
}


.vista_galeria_text_no_img{
	height:155px;
	background:url(../img/comu/fons_ratlles_gran.gif);
	width:155px;
	
}

.galeria_paginador {
	
	clear:both;
	text-align:right;
	
}

.agenda_informacio_relacionada
{
	height:22px;
	padding-top:4px;
	background-color:#B6B6B6;
	width:150px;
	border-top: 1px dashed #EF3425;
	border-bottom: 1px dashed #EF3425;
	color:#636363;
}

.agenda_informacio_relacionada_gran
{
	height:22px;
	padding-top:1px;
	background-color:#B6B6B6;
	width:100%;
	border-top: 1px dashed #EF3425;
	border-bottom: 1px dashed #EF3425;
	color:#636363;
	text-align:center;
	font-size:1.8em;
}

.agenda_espai
{
	clear:both;
	padding-top:6px;
	
}

.agenda_documents_relacionats
{
	clear:both;
	width:150px;
	
	
}

.agenda_titol_documents
{
	width:150px;
	color:#000000;
	text-align:center;
	background-color:#999999;
	border-bottom: 1px solid #ffffff;
	height:25px;
	padding-top:6px;
}


a.txt_agenda_documents {
	color: #313131;
	text-decoration: none;

}

a.txt_agenda_documents:hover {
	color: #6a6a6a;
	text-decoration: none;

	}
	
a.agenda_info {
	color: #636363;
	text-decoration: none;

}

a.agenda_info:hover {
	color: #999999;
	text-decoration: none;

	}
	

	
.agenda_linia_gris{
	border-bottom:1px solid #999999;	
}

.agenda_preu {
	height:30px;
	background-color:#b6b6b6;
	color:#ffffff;
	font-size: 1.8em;
	padding-top:6px;
	text-align:right;
	padding-right:20px;
	font-weight: bold;
}

.invisible_agenda {
	font-size: 3pt;
	color: #B6B6B6;
	background-color : #B6B6B6;
	border : 0px;
	margin: 0px;
	padding: 0px;
}

.txt_form_agenda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #636363;
	background-color: #ffffff;
	border: 1px solid #636363;
	padding: 1px;
	margin: 1px;
}
.txt_buscador_agenda
{
	color:#636363;
}

.agenda_border_foto
{
	clear:both;
	border: 1px solid #E9EAEA;
	text-align: center;	
}	


#menu_superior_esquerre
{
	float:left;
	width:418px;	
}


#menu_superior_dret
{
	float:right;
	width:140px;	
	text-align:right;
	padding-top:10px;
	padding-right:10px;
	

}

#menu_opcions
{
	margin:0;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;	
	

	
}

#menu_opcions li
{
	list-style: none;
	list-style-image: none; 
	margin:0;
	padding-bottom:0px;
	padding-left:12px;	
	margin:0;
	display:inline;	
}



/* estil taules dins del contingut*/
#informacio
{
	width:100%;
}


#informacio table.contingut
{
	border-style: none; 
}


#informacio table.fotos
{
	border-style: none; 
}

#informacio table
{
	border-color: #E9EAE9;	
	border-style: solid; 
	border-collapse:collapse;
}


#informacio table td
{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #000000;
	text-decoration: none;
	border-color:#E9EAE9;
}


#informacio caption
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #EC2615;
	text-decoration:none;	
	text-align:left;
	padding:2px;	
	background: #E9EAE9;
}
/* fi estil taules dins del contingut*/

.event_ubicacio
{
	border:1px solid #EF3425;
	width:212px;
	padding-top:9px;
	padding-left:16px;
	padding-bottom:8px;
}

.agenda_mes_info_fitxa
{
	clear:both;
	width:150px;
	
	
}

.agenda_mes_info {
	background-color:#b6b6b6;
	color:#ffffff;
	font-size: 1.1em;
	padding-top:10px;
	padding-bottom:10px;
	text-align:right;
	text-align:center;
	font-weight: bold;
}

a.txt_agenda_mes_info {
	color:#ffffff;
}

a.txt_agenda_mes_info:hover {
	color:#EF3425;
}