/* INICI DEFINIM ENTITATS HTML */

/* estil per les imatges */
img
{
	border:0px;

}


/* estil linia horitzontal */
hr
{
	color:#C78400;
	height:1px;
	margin:0;
	padding:0;
	
}


/* usat en titols de mòduls  i seccions */

h1
 {
	font-family: Trebuchet MS,verdana;
	/*font-size: 1.5em;*/
	font-size:18px;
	color:#C78400;
	text-decoration:none;	
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-weight: bold;	
	
}

h2
{
	font-family: Trebuchet MS,verdana;
	font-size: 1.0em;
	color:#C78400;
	text-decoration:none;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	margin: 0px;	
	text-align:left;	
}



h3 {
	font-family: Trebuchet MS,verdana;
	font-size: 1.0em;
	color:#C78400;
	text-decoration:none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px;	
	text-align:left;	

}

h4 {
	font-family: Trebuchet MS,verdana;
	color:#C78400;
	font-size: 0.98em;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px;

}

h5 {
	font-family: Trebuchet MS,verdana;
	color:#C78400;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px;	

}

h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#C78400;
	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); 
}


	
/* fi redefinim llistes no ordenades */

.no_visible {
	DISPLAY: none
}


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

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



/* FINAL DEFINIM ENTITATS HTML */




.txt_blanc {
	font-family: Trebuchet MS,verdana;
	color: #ffffff;
	text-decoration: none;
}

	
/* estil de text normal*/
.txt {
	font-family: Trebuchet MS,verdana;
	color: #000000;
	text-decoration: none;
	text-align: justify;	
	font-size:0.75em;
	line-height: 1.4em;
}



/* estil per a credits*/
.txtcredit {
	font-family: Trebuchet MS,verdana;
	color: #000000;
	font-size: 0.6em;
	text-decoration: none;
}

/* estil per al text contingut amb fotos */
.txt_clavar_fotos {
	font-family: Trebuchet MS,verdana;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	font-size:1.0em;
	line-height: 1.2em;
}

/* estil per a formularis */
.txt_form {
	font-family: Trebuchet MS,verdana;
	font-size: 0.9em;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 1px;
	margin: 1px;

}






/* estil per al peu de foto (clavar_fotos.cfm) */
.txt_peu_foto {
	font-family: Trebuchet MS,verdana;
	font-size: 0.55em;
	color: #302643;
	text-decoration: none;
	line-height: 1em;
}






/* estil per defecte d'una cel·la d'una taula (coincidirà amb txt) */
td {
	font-family: Trebuchet MS,verdana;
	color: #000000;
	text-decoration: none;
	font-size:0.75em;
}




.txt_submit {
	font-family: Trebuchet MS,verdana;
	font-size: 0.9em;
	color: #302643;
	background-color: #ffffff;
	border: 2px solid #302643;
	padding: 0px;
	margin: 0px;
}



.txt_foto {
	font-family: Trebuchet MS,verdana;
	font-size: 0.6em;
	color: #302643;
	font-weight: normal;
	text-decoration: none;
}



a.altres_informacions
{
	font-family: Trebuchet MS,verdana;
	color: #C78400;
	text-decoration: none;
	font-weight: bold;
	
}


a.altres_informacions:hover {
	font-family: Trebuchet MS,verdana;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	
}




/* estil per a "molles de pa"*/

a.breadcrumbs {
	font-family: Trebuchet MS,verdana;
	color: #C78400;
	text-decoration: none;
	font-size: 1.0em;
}

a.breadcrumbs:hover {
	font-family: Trebuchet MS,verdana;
	color: #4B3B69;
	text-decoration: none;
	font-size: 1.0em;
}


.breadcrumbs {
	font-family: Trebuchet MS,verdana;
	color: #C78400;
	text-decoration: none;
	font-size: 1.0em;
}



/



/* 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:0px;
    padding-top:25px;
 }

/* float & allow room for the widest item */
.llista_multi_columna li
  {
    float: left;
    width:50%;
	list-style: none;
	list-style-image: none; 	 
}
/* FINAL  LLISTA MULTICOLUMNA */




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

#mapa li
{
	list-style-image: url(../img/comu/punt_contingut.gif); 
	padding:1px;
}

#mapa li ul li
{
	list-style-image: url(../img/comu/punt_contingut.gif); 
	padding:1px;
}



.invisible {
	display:none;
}


.invisible_fals {
	font-family: Trebuchet MS,verdana;
	font-size: 3pt;
	color: #ffffff;
	background-color : #ffffff;
	border : 0px;
	margin: 0px;
	padding: 0px;
}



/* menú superior */


/* maquetació general de la pàgina */

.body_normal {
	margin-top:28px;	
	text-align: center;	
	font-family: Trebuchet MS,verdana;
	text-decoration: none;
	/*font-size:12px;*/
	font-size:0.75em;
	color: #000000;
	margin: 0 auto;
	padding-top:28px;
	background-color:#E6E7E8;	
}


.body_imprimir {
	margin-top:0px;	
	text-align: center;	
	font-family: Trebuchet MS,verdana;
	text-decoration: none;
	font-size:0.75em;
	color: #000000;
	margin: 0 auto;
}


FORM {

	margin-top:0px;
	margin-bottom:0px;
}



/* menu icones contacte,home ... */
#menu_icones
{
	margin:0;
	padding:0;
	height:21px;
}

#menu_icones li
{
	list-style: none;
	list-style-image: none; 
	margin:0;
	padding:0;
	display:inline;	
	width:30px;
	padding-top:1px;
}


a.menu 
{
	color: #000000;
	text-decoration: none;		
	
}

a.menu:hover 
{
	color: #C78400;
	text-decoration: none;
}	
	
a.menu_actiu 
{
	color:#C78400;
	text-decoration: none;
	
}

a.menu_actiu:hover 
{
	color: #C78400;
	text-decoration: none;
	
}	
	


a.submenu
{
	color: #ffffff;
	text-decoration: none;
	
}

a.submenu:hover 
{
	color: #302643;
	text-decoration: none;
}



a.submenu_actiu
{
	color: #ffffff;
	text-decoration: none;
	
}

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


.espai_submenu
{
	padding-top:5px;
	padding-right:10px;
}



/* ############################################################## */
/* ### estils que defineixen l'estructura general de la index ### */
/* ############################################################## */

#contenidor 
{
	width: 760px;
	text-align: center;		
	margin: 0 auto;	
	
}



/* maquetació general de la pàgina */


#top_logo
{
	width:170px;
	height:87px;
	float:left;
	text-align:left;
}


#top_menu
{
	width:590px;
	height:87px;
	float:left;
	text-align:right;
}

#top_menu_espai_superior
{
	padding-top:35px;
}



#logo
{
	padding-top:10px;	
}



#cos
{
	width:100%;
	clear:both;	
	min-height: 407px;
	height: auto !important;
  	height: 407px;
  	background:url(../img/comu/fons_cos.gif);
}


#cos_menu
{
	width:170px;
	float:left;
	background-color:#C78400;
	min-height: 407px;
	height: auto !important;
  	height: 407px;
	
}


#cos_menu_espai
{
	padding-left:5px;
	padding-right:5px;
}


#cos_resta_web
{
	width:590px;
	float:right;
	
	
}

#cos_resta_web_esquerre
{
	width:1px;
	float:left;
}

#cos_resta_web_dret
{
	width:589px;
	float:right;
}



#contingut
{
	width:384px;
	float:right;
}


.sense_float
{
	clear:both;
}


.justificat
{
	text-align:justify;
	width:100%;
}


/* estils especifics peu */
#peu
{
	clear:both;	
	width:100%;	
	text-align:center;
	padding-top:22px;
	/*font-size:0.8em;*/
	font-size:10px;
	
}



.alt_3
{
	padding-top:3px;
}

.alt_10
{
	padding-top:10px;
}

.alt_20
{
	padding-top:20px;
}

.alt_26
{
	padding-top:26px;	
}

.alt_30
{
	padding-top:30px;	
}

.peu {
	font-family: Trebuchet MS,verdana;
	font-size: 0.9em;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

.peu:hover {
	font-family: Trebuchet MS,verdana;
	font-size: 0.9em;
	color: #C78400;
	font-weight: normal;
	text-decoration: none;
}


/* fi estils especifics peu*/






  
.credits
{
 	width:100%;
  	background-color:white;
  	text-align:center;
  
}
  


/* presentació continguts */


.contenidor_contingut{
	text-align:center;
	margin:0 auto;
	padding:0;
	padding-bottom:0px;
	width:100%;
	padding-top:15px;
		
}


.c_titol
{

	clear:both;
	width:100%;
	text-align:left;
	border-bottom:1px solid #C78400;
}


.c_titol_info
{

	width:270px;
	float:left;
	text-align:left;	
	
}


.c_vista_imprimir
{
	width:40px;
	float:right;
	text-align:right;
	padding-top:5px;
	
}



.c_cap
{

	clear:both;
	width:100%;
		
}


.c_breadcrumbs {

	clear:both;
	width:100%;
	text-align:left;
	color:#c3c3c3;
	padding-bottom:18px;	
}






.c_contenidor_interior
{
	padding-top:22px;
	margin:0 auto;
	text-align:left;
	padding-left:35px;
	padding-right:30px;
	
	
	
}
.c_contenidor_interior_empresa
{
	width:97%;
	padding-top:20px;
	padding-left:14px;
	margin:0 auto;
	text-align:center;


}

.c_contenidor_interior_no_centrat
{
	width:98%;
	padding-top:20px;
	text-align:left;
}

.c_contenidor_interior_index_mail
{
	width:95%;
	padding-top:20px;
	text-align:left;
}

.c_informacio
{
	width:100%;
}

.c_vista_previa
{
	width:100%;
	text-align:left;
	margin:0;
	border-bottom:1px solid #C78400;
	height:50px;
	
	
}

.c_vista_previa_espai
{
	padding-top:34px;
	clear:both;
	
}


.c_vista_previa_dret
{
	padding-bottom:5px;
	padding-top:5px;
	margin-left:110px;
	

}


.c_vista_previa_esquerre
{
	width:100px;	
	float:left;
}


.c_vista_previa_no_foto
{
	padding-bottom:5px;
	padding-top:5px;
	padding-left:0px;
	width:100%;	
			
	
}



.vista_previa_mosaic
{
	
	clear:both;
	border-bottom:1px solid #C78400;
	width:95%;
	text-align:center;
	height:95px;
	padding-top:10px;
}


.vista_previa_mosaic_foto
{
	height:63px;
	text-align:center;
}


.vista_previa_mosaic_text
{
	height:32px;
	width:115px;
	text-align:center;
	margin:0 auto;
	font-size:1.5em;
	font-weight: bold;	
}

.c_info_estadistica
{
	text-align:center;

}

.c_documents
{
	
	width:100%;
	
}


.c_documents_linies{
	
	border: 1px solid #C78400;
	width:100%;	
	text-align:center;
	padding:2px;
	font-size:1.2em;
	
}

.ample_35
{
	width:35px;	
}

.ample_55
{
	width:55px;	
}

.c_paginador
{
	text-align:right;
	width:100%;	
	padding-top:20px;
}



.c_paginador p
{
	padding:3px;
}

.c_llista_continguts_fills
{
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	padding-top:20px;
	
}

.alineat_centre
{
	text-align:center;
}


/* Maquetació per formulari gran, el que apareix a l'area de contingut */
/* està en %, per tant tindra un marge de maniobra , pobablement sols haurem de redefinir els més petits */

div.fila_form_gran 
{
  clear: both;
  padding-top: 5px;
  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;
} 
 

div.fila_form_petit 
{
  clear: both;
  padding-top: 5px;
  width:60%;  
 
}


div.fila_form_petit span.etiqueta 
{
  float: left;
  width: 35%;
  text-align: right;
  padding-top:2px;
  
}

div.fila_form_petit span.informacio 
{
  /*float: right;*/
  width: 65%;
  text-align: left;
} 
 
  
  
.form_submit
{
	clear:both;
	text-align:right;
	padding-right:8px;
	padding-top:4px;
	width:195px;
}









#imp_contenidor {
	width: 100%;
	text-align: center;
	margin: 0 auto;	
}


#imp_cap
{
	width: 100%;
	text-align: left;
	border-bottom:1px solid #C78400;
}


#imp_cap_espai
{
	padding-top:10px;
	padding-left:20px;
	padding-bottom:5px;
}

#imp_cos_mail
{
	clear:both;
	width:90%;
	text-align: left;
	padding-top:20px;
	padding-bottom:20px;		
	
}


#imp_cos
{
	clear:both;
	width:100%;
	text-align: left;
	padding-top:20px;
	padding-bottom:20px;
	
	
}

#imp_peu
{
	clear:both;
	text-align:center;
	padding-top:10px;
	border-top:1px solid #C78400;	
	width:100%;
	font-size:0.8em;

}



#imp_peu_foto
{
	text-align:center;
	height:11px;
	width:95%;
	background: url(../img/comu/fons_peu.gif); 	
}




/* fi estils per pàgina impresio i mail */




#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:4px;	
	margin:0;
	display:inline;	
}



#menu_idiomes
{
	margin:0;
	padding-top:76px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;	
	width:165px;
	
}

#menu_idiomes li
{
	list-style: none;
	list-style-image: none; 
	margin:0;
	padding-bottom:12px;	
	padding-left:0px;	
	margin:0;	
	text-align:right;
}



/******************************/
/* menu principal de la web */


/* menu_principal */

#menu
{
	margin:0;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;	
	text-align:right;	
	width:590px;
	
}

#menu li
{
	list-style: none;
	list-style-image: none; 
	margin:0 0 0 0;	
	padding-top:0px;
	padding-left:32px;	
	padding-right:0px;	
	padding-bottom:0px;	
	display:inline;	
	/*font-size:1.2em;*/
	font-size:14px;
	font-weight:bold;			
}


#menu li.m_actiu
{
	list-style: none;
	list-style-image: none; 
	margin:0 0 0 0;	
	padding-top:0px;
	padding-left:32px;	
	padding-right:0px;	
	padding-bottom:0px;	
	display:inline;			
	color:#C78400;
	/*font-size:1.2em;*/
	font-size:14px;
	font-weight:bold;	
	

}


/* estils per a submenu - segon nivell de navegació */
#submenu
{
	margin:0;
	padding:0;	
	padding-top:0px;
	width: 160px;	
	text-align:right;
	/*font-size:1.2em;*/
	font-size:14px;
}

#submenu li
{
	list-style: none;
	list-style-image: none;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
	padding-top:27px;
}

#submenu li.seleccionat
{
	
	list-style: none;
	list-style-image: none;
	font-weight: bold;
	color:#000000;
	border-bottom: 1px solid #000000;
	padding-top:27px;
}


#submenu a 
{
	color:#ffffff;
	padding-bottom:0px;	
	padding-top:0px;
	padding-left:30px;	
	display:block;
}


#submenu a:hover 
{
	color:#000000;
	padding-bottom:0px;	
	padding-top:0px;
	padding-left:30px;	
	display:block;		
	
}



#submenu a.seleccionat 
{
	color:#000000;
	padding-bottom:0px;	
	padding-top:0px;
	padding-left:30px;	
	display:block;
}


#submenu a.seleccionat:hover 
{
	color:#000000;
	padding-bottom:0px;	
	padding-top:0px;
	padding-left:30px;	
	display:block;		
	
}



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



/* fi menu principal de la web */
/******************************/


a.idioma 
{
	color: #000000;
	text-decoration: none;
	font-weight:bold;	
}

a.idioma:hover 
{
	color: #C78400;
	text-decoration: none;
	font-weight:bold;	
}	
	
a.idioma_actiu 
{
	color:#C78400;
	text-decoration: none;	
	font-weight:bold;	
}

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




/* estil per les taules de les imatge per tema d'accessibilitat */


table.function_imatge
{
	width:100%;
	border-width: 0px;
	border-spacing: ;
	border-collapse: collapse;	

}


table.function_imatge td {
	border-width: 0px;
	padding: 0px;
}


table.function_imatge_producte
{
	width:95%;
	border-width: 0px;
	border-spacing: ;
	border-collapse: collapse;	
	border-bottom:1px solid #4B3B69;
	text-align:center;

}


table.function_imatge_producte td {
	border-width: 0px;
	padding: 0px;	
}


table.function_imatge_producte_activa
{
	width:95%;
	border-width: 0px;
	border-spacing: ;
	border-collapse: collapse;	
	border-bottom:1px solid #ff3307;
	text-align:center;

}


table.function_imatge_producte_activa td {
	border-width: 0px;
	padding: 0px;	
}


table.c_fotos_petites_producte
{
	width:95%;
	border-width: 0px;
	border-spacing:;
	border-collapse: collapse;	
	text-align:left;
	
}


table.c_fotos_petites_producte td {
	border-width: 0px;
	padding: 0px;
}



/* fi estil per les taules de les imatge per tema d'accessibilitat */


.border_img
{
	border:1px solid #302643;
	width:55px;
	height:70px;
}



/* ESTILS PER PODER ELIMINAR ALIGN="" A IMATGES DINS DEL TEXT*/ 
.table_img_left
{
	width: 1%;
	padding:4px;
	border: 0;
	float:left;
}

.table_img_right
{
	width: 1%;
	padding:4px;
	border: 0;
	float:right;
}

.table_img_center
{
	width: 1%;
	padding:4px;
	border: 0;
	margin:0 auto;
}

.centrat
{
	text-align:center;
	width:100%;
}


.taula_fotos_horitzontals
{
	width: 100%;
	border: 0;
	margin:0 auto;
}

/* final ESTILS PER PODER ELIMINAR ALIGN="" A IMATGES DINS DEL TEXT*/