/* NOTA: aquesta plantilla te el menu a l'esquerra i el contingut a la dreta. si es vol al reves, nomes cal intercanviar els continguts d'una columna a l'altra i canviar les amplades de les columnes. la suma de les amplades de les columnes dreta i esquerra ha de ser igual o inferior a l'amplada total de la pagina (embolcallPag). no posar mai margin o padding a les columnes. utilitzar les "camises". aixo facilita la feina i evita problemes de webs desquadrades en alguns navegadors, ja que tracten amplades i marges/paddings de forma diferent! */

/************** GENERAL ****************/


body{
	margin: 0 auto;
	padding: 0px;
	background: #B8B8B8  url(../../img/fons-body.jpg) center top no-repeat ;

	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
	color: #666;
	height:100%;
}

input, textarea{ /* si no es posa aixo la font del missatge de contacte es diferent */
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
}

a{color:#BF2F2F; text-decoration: none; font-weight:bold; border:0px; outline:none;}
a:hover{ color:#000000;}
	
img{border:0px;}

p{
	margin-top:10px;
	padding:0px;
}
	
.centrat{ /* per si es vol centrar horizontalment algun element. es poden afegir parametres si els elements centrats han de tenir altres caracteristiques comunes */
		text-align:center;
	}	
	
/* ======  on va el nom de la seccio */
#titol_seccio{
	font-size:14px;
	font-weight:bold;
	padding:0px; /* el padding es util quan hi han icones (imatgetes de fons) a cada titol de seccio */
	text-align:left;
	background:#272727;
	height:20px;
}

.nom_seccio{
	color:#FFFFFF;
	font-size:11px;
	padding-left:0px;
	padding-right:0px;
	padding-top:3px;
	padding-bottom:4px;
	background:#b60000;
	min-height:13px;
	text-align:center;
			*border:0px solid #FFFFFF;
			width:170px;
}


/*============= estructura del template =================*/

	

#embolcall{  /*tota la pagina. es centra al navegador per margin: 0 auto*/  
	  width: 971px;
	  margin:0 auto;
	}
	
#embolcall2{  /*per afegir foto de fons per sobre del fons repetit verticalment a embolcall*/
	  /*background:  url(../../img/fons-amb-degradat.jpg) top no-repeat ;*/
	  }
	  
#tabla_contingut{
	margin:0px;
	padding:0px;
	width: 970px;
}
	  
#capsalera_1{ /* barra idiomes a dalt de tot */		
		margin:0px;
		padding:0px;		
		height:73px;
		padding-top:5px;		
		padding-right:16px;
		text-align:right;
		color:#777777;
	}		

#logo{
		text-align:left;
		float:left;
		width:224px;
		height:68px;
		background:url(../../img/logo.png) no-repeat left;	
		cursor:pointer;
}

.banderes{
	 font-weight:normal;
	 font-size:11px;
	 margin-top:42px;
 }
 
.direc {
	float:left;
	text-align:left;
	padding-left:20px;
	color:#272727; 
	font-size:11px; 
	font-weight:bold; 
	font-family:Arial;
	width:540px;
}
 
.banderes a{

	 font-size:11px;
}
 
 
.banderes img{
	margin-right:2px;
	margin-left:8px;
}
	
	  
#capsalera_2{ /* a dintre de la capçalera normalment hi ha  un altre div amb el logo que linka a index */
	maring:0px;
	padding:0px;
	width:796px;	
	text-align:center;	
	height:175px;
	background:url(../../img/capsalera_2.jpg) no-repeat left;	
	cursor:pointer;
}
	
	
#embolcallPag{/*els continguts entre la capçalera i el peu: menu i contingut */
	background:#919494;	/*... si es vol, pot servir de color de fons de la columna mes curta (menu), contingut i peu. */
	display:table
	}


/*====================================================================*/
/*=========================        MENU        =======================*/


#columna_esquerra{/* columna lateral, normalment a l'esquerra i normalment te el menú*/
	margin:0px;
	width:175px;	
	font-family: tahoma, Arial, sans-serif;
	float:left;		
	color:#fff;		
	text-align:right;		
	min-height:700px;
	height:auto !important;
	background:url(../../img/fondo_menu.gif) no-repeat #919494;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	}
		
.camisa_menu{/* per contenir el menu. aixo fa que no calgui especificar marges ni paddings al div columna*/
	margin: 10px;
	margin-bottom: 0;	/* per IE6  */
	margin-right: 0px;
	display:block;
		}
		
/* menu vertical a la columna lateral */
.camisa_menu ul{
	padding: 0px;
	margin: 0px;
	padding-top:15px;
	list-style: none;
	 display:block;
}

.camisa_menu ul li{

	font-weight: bold;	
	}

.camisa_menu ul li.separador{
	display:none;
}
	/*els estats dels "botons" del menu*/
	
	.camisa_menu ul li a{
		color:#fff;		
		display:block;
		height:25px;			
		background:url(../../img/boto_menu.png) no-repeat;
		padding-top:3px;
		padding-right:15px;	
	}
	
.camisa_menu ul li.itemMenuOn a{
		color:#dd0505;	
		display:block;
		padding:4px;
		height:20px;			
		background:url(../../img/boto_menu.png) no-repeat;		
		padding-right:15px;
}

.camisa_menu ul li a:hover{
	color:#dd0505;		
}	

/**--------------- MENU DE LAS CATEGORIAS  ------------- */

.camisa_menu .selected ul ul li a{
		background:none;
		padding-right:15px;
		height:25px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		padding-top:3px;
		display:block;

}

.camisa_menu ul li .selected ul ul li a{
		margin:0px;
		padding:0px;
		background:none;
		background-image:none;
		height:25px;
		font-weight:normal;
		padding-right:20px;
		height:25px;
		text-align:right
}

ul li .subcat a{background:none; 		background-image:none;}
.camisa_menu .selected ul li a{	background:none; 		background-image:none;}

#caldereria{
	background:url(../../img/boto_menu_ser.png) no-repeat;
	padding-right:35px;
}

#transformaciones{
	background:url(../../img/boto_menu_ser_gran.png) no-repeat;
	padding-right:35px;
	height:35px;
	margin-bottom:6px;
}

#otras{
	background:url(../../img/boto_menu_ser_gran.png) no-repeat;
	padding-right:35px;
	height:35px;
	margin-bottom:6px;
}

.camisa_menu ul li.itemMenu_ser_gran ul li a{
		background:none;
		padding-left:35px;
		height:41px;
		text-align:center
		
}


.camisa_menu ul ul{
		margin:0px;
		padding:0px;	


}

.camisa_menu .itemMenu_ser ul li{
		margin:0px;
		padding:0px;
		margin-top:0px;
}
.camisa_menu .itemMenu_ser ul li a{
		margin:0px;
		padding:0px;
		color:#fff;		
		display:block;
		padding-right:15px;
		background:none;
		font-weight:normal;
		height:25px;

}

.camisa_menu ul ul li a:hover{
		color:#dd0505;
}



/******************************************************************/
/*********************  CONTINGUT  *******************************/


#columna_dreta{	/* normalment aqui va el contingut principal de la pagina a la dreta del menu*/
	width:796px; /*l'amplada total es aixo més el padding d'esquerra i dreta! */
	overflow:hidden; /*per IE 5.5 i 6 */
	float:right;
	text-align:left;	
	height:auto !important;
	min-height:660px;
	padding-bottom:40px;
	background-color: #FFF;
	}
	
.camisa_contingut{/* per contenir el contingut (valga la rebuznancia). aixo fa que no calgui especificar marges ni paddings al div columna*/
	margin: 20px;
	margin-bottom: 0;	/* per IE6  */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
	
#sobre_peu2{ /* extra div per fer les cantonades arrodonides entre el contingut i el peu. 
	si no es necessita es pot amagar*/
	height: 182px;
	float: right;
	width:971px;
	background:url(../../img/fondo_peu2.jpg);	
	}
	
#peu_general{
	background:url(../../img/fondo_peu.jpg) no-repeat bottom #272727 ;
	padding-top:11px;
	padding-left:0px;
	padding-right:0px;
	color:#898989;
	float: right;
	width:971px;
	font-family:Arial;
	font-size:11px;
	height:24px;
	}
	
	#logo_peu{
	float:left;
	margin:0px;
	padding:0px;
	margin-left:10px;
		*border:0px solid #FF0000;
	
	}
	
	#logo_ISO { margin:0px; text-align:left}
	#logo_ISO img{
		margin-left:0px;

	}
	
	#links_peu{
	float:right;
	margin:0px;
	margin-right:19px;
	
	}
	
	#links_peu a{
		color:#898989;
		font-weight:bold;
		text-decoration:underline
	}
	
	#links_peu a:hover{
		color:#548ECD;
	}

	

/*#######################################################################################################*/	
/************************************************ NOTICIES **************************************************/

	/*================== noticies llista ========================*/
	
	
#titul_noticias{
	color:#b60000;
	font-weight:bold;
	float:left;

}	

#linia_horizontal2{
	width:90%;
	height:4px;
	background:#b5b4b4;
	margin:6px;
	margin-top:5px;
	float:right;
	}
	

#llista_noticies{
	clear:both;

	width:100%;
	margin-left:5px;
	color:#676767;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
	

#noticia{
	width:100%;
	display:block;
	float:left;
	color:#676767;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;


	}
	
#noticia_destacada{
	display:block;
	width:360px;	
	float:left;
	margin-left:0px;
	margin-bottom:25px;
	}	
	
#noticia_sumari{

}

.odd_item{/*per alternar color de noticies descomentar el color de fons */
		/*background:#fFfCeF; /* */
	}

#espaiador{/*per asegurar-nos de que no es solapen les noticies. se li pot donar alçada i/o marges verticals si no es fa servir la linia horizontal per separar noticies */

		height:150px;
		width:1px;
		float:left;
		background:#b5b4b4;
		margin:8px;		
		margin-top:20px;
		margin-left:15px;
		margin-right:15px;
	}	
	
#linia_horizontal{/*per fer linies divisories entre noticies*/
	clear:both;
	width:100%;/* a vegades queda mes be si no ocupa tota l'amplada*/
	height:1px;
	border-bottom: 1px dashed gray;
	margin: auto; /* per centrar la linia en cas que l'amplada sigui menys de 100% */
	margin-top:10px;
	margin-bottom:10px;


	}


	
		
#imatgenoticia{
		/*width:156px; /*l'amplada de foto que s'especifiqui als tpls de news*/
		margin:0px;
		padding: 0px;
		float:left;
		text-align:center;	/*per centrar la imatge*/		
		margin-right:10px;
		margin-bottom:2px;
	}
	
#imatgenoticia img{
		
		}
	
#textnoticia {/*inclou titol data i resta de continguts de la noticia. tot excepte la imatge. */		
		float:right;
		width:590px;;	/* ha de ser l'amplada que ocupi tota la noticia menys la foto (i l'espai entre la foto i el texte que es vulgui) */	
		margin-left:10px;
}
	
#textnoticia_ampla{ /*per les noticies sense foto*/		
		width:100%; /*ha de ser la mateixa width que #noticia*/		
		display:table;
}
	
#titol_noticia_box{
		font-size:12px;
		
		font-weight:bold;
		padding:0px;
		margin-bottom:15px;
		text-decoration:underline;
	}	


#titol_noticia{
		font-size:12px;
		font-weight:bold;
		padding:0px;
		margin-bottom:15px;

	}	

#titol_noticia a, #titol_noticia_box a{
	padding:0px;
	color:#000000;

	/*color:#7A716A;*/
	}

h3.titol_noticia a:hover{
	/*color:#532504;*/
	}	
	
/* si la data no es mostra, s'han de fer els titols de noticia sense width, per a que ocupin tot l'espai disponible*/

	
.data_noticia{
		/*display:none;  /*es pot amagar la data si no es necessita*/
		float:right;
		text-align:right;
		vertical-align:text-bottom;
		width:80px; /*aquest amplada ha de ser suficient per a que hi capiga la data! */
		padding-right:2px;
		font-size:90%;
	}
	
	

.text_sumari{	
		
		}

	
#links_news{/*enllaç al peu de la noticia*/
	margin-bottom:10px;
		}
		
		
.llegir_mes{/*link per anar a la noticia individual, tot i que el titol tambe hi enllaça*/
	
		
		text-align:right;
		float:right;
		margin-top:5px;
		
	}

.llegir_mes a{/*link per anar a la noticia individual, tot i que el titol tambe hi enllaça*/
		color:black;
		font-weight:normal;
	}
	
.llegir_mes a:hover{
		border-bottom:dotted 1px black;
	}
	

/*noticia individual (card)*/
	
	.tornar{/*el link per tornar enrera*/
		text-align:right;
	}


/* paginacio superior, inferior i links "altres noticies" */
	#paginacio_nums{
		
		text-align:center;
		margin-bottom:20px;
	}
	
	.num_destacat{
		font-weight:bold;
		color:#FF9900;
	}
	
	
	
#paginacio_inferior{
		clear:both;
		margin-top:20px;
		font-size:11px;		
		text-align:left;		
		margin-top:17px;
		text-align:center;		
		padding:10px;
		
	}
	
#paginacio_inferior a, b{
	padding:5px;
	padding-top:3px;
	padding-bottom:3px;
	}
	
#paginacio_inferior b{
	border:solid 1px #999;	
}
	
	
#altres_news{
	border-top:1px solid #B5B4B4;
	text-align:right;
	clear:both;
	padding-right:5px;
	*margin-top:25px;
}
	
#altres_news a{	font-size:12px;	color:#000; font-family:Arial, Helvetica, sans-serif}



/*===========================================================================================*/
/*===========================    CARTELS DE PORTADA     ==========================================*/

#portada_bottom{
	display:table;
	width:760px;
	margin-top:10px;
}

#cartel_colaboraciones{
	float:right
}

#cartel_servicios{
	float:right;
	width:100%
}





/*===========================================================================================*/
/*===========================    COLABORACIONES     ==========================================*/

#llista_services{	
	width:760px;	
	float:left;
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;

}


#llista_colabora{	
	width:360px;	
	float:right;
	margin-left:0px;
	background:url(../../img/fondo_cartel_portada.jpg) repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#llista_colabora_segona{
	width:360px;	
	float:left;
	margin-left:0px;
	background:url(../../img/fondo_cartel_portada.jpg) repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#noticias_destacada{
	width:310px;	
	margin:0 auto;
	text-align:left;
	margin-bottom:5px;
	min-height:250px;
}	

.linia_top_cartell{
	background:url(../../img/fondo_top_cartel_portada.jpg) no-repeat;
	height:9px;
	margin:0px;
	padding:0px;
}

.linia_bottom_cartell{
	background:url(../../img/fondo_bottom_cartel_portada.jpg) no-repeat;
	height:9px;
	margin-left:2px;
	padding:0px;
}


#titul_colaboraciones{
	color:#b60000;
	font-weight:bold;
	float:left;
	margin-left:20px;
	margin-top:10px;
}	

#titul_news_portada{
	color:#b60000;
	font-weight:bold;
	float:left;
	margin-left:0px;
	margin-top:10px;
}



#linia_horizontal3{
	width:60%;
	height:4px;
	background:#b5b4b4;
	margin:6px;
	margin-top:15px;
	margin-right:25px;
	float:right;	
	}

#linia_horizontal4{
	margin:0px;
	padding:0px;
	width:88%;
	height:4px;
	background:#b5b4b4;
	margin:6px;
	margin-top:15px;
	margin-bottom:20px;
	margin-right:10px;
	float:right;	
	}



/*===========================================================================================*/




	
/*#######################################################################################################*/	

/* ********************************** formulari contacte ************************************************ */



#dades_client{
	margin-bottom:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
}
	
#dades_client img{
	margin-right:12px;
	}
	
#dades_client p{
	padding-top:0px;
}

	
#contactar{
	float:right;
	margin-right:0px;
	margin-top:10px;
}



#contactar #camps_basics{
	float:right;
	margin-right:245px;	
}



#contactar #base{ /*assumpte i missatge van aqui*/
	width:100%; /* per IE */
	margin-top:10px;
	margin-right:0px;
	clear:both;
	float:right;
}


#contactar div{
	vertical-align:middle;
	text-align:right;
	margin-bottom:7px; /*separacio vertical entre camps*/
}

#contactar .error{
	background-color:#FFFF66;
}

#contactar .estret div input{/* camp de texte normal*/
	width:220px;
	margin-left: 10px;
}

#contactar .ample div input, #contactar .ample div textarea{/* camp de texte ample*/
	width:325px;
	margin-left: 10px;
	margin-right:140px;
}

#contactar .ample .controls input, #contactar .mes_ample .controls input { /*amplada dels botons del formulari*/
	width:100px;
}
.fix_missatge{
	float:right;
	text-align:right;	
	height:5em;
}

textarea {
	float:right;	
	padding:2px;

}

.controls{
	clear:both;
	float:right;
}

#errors{
	clear:both;
	margin:20px;
	color:black;
	opacity:.80; /*experiments amb transparencia*/
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	}	
	
#errors p{	
	padding:5px;
}

/* ************************************* ubicacio google maps ******************************************** */

#dades_mapa{
	margin-bottom:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;	
	width:250px;
}

#map{
	border:2px ridge black;
	height:400px;
	width:500px;
	margin-left:0px;
	float:right;
}

#map .bubble {
	width: 200px; 
	padding-right: 10px; 
	color:#333333; 
	font-size:12px;
	}

/* *************************************** galeria flash ******************************************* */

#flash_galeria{
	clear:both;
}

#categories_galeria{
	float:right;
	width:200px;
}

#categories_galeria h4{ 
		*font-family:Arial, Helvetica, sans-serif;
		*font-size:11px;
}


/** CATALEG **/

/*****************************************************   CATALEG ****************************************************/

/** Arbre de categories **/
#arbre{
		clear:both;
		margin-top:20px;
		background: #D9E9FA;	
		text-align:left;		
		margin-top:17px;
		margin-right:-15px;
		margin-bottom:10px;
		padding:0px;
		
	}

#arbre ul{
	padding-top:5px;
	padding-bottom:1px;
	padding-left:45px;
	font-size:12px;
	font-weight:bold;
	color:#171796;
}

#arbre ul li
{
display:inline;
line-height:2em;
padding-right:5px;
padding-left:5px;
}

#arbre ul li a{
		color:#171796;
}


/*molles de pa*/
#molles{		
		text-align:left;
		margin-bottom:0px;
		padding:0px;
		font-size:10px;
		color:#838384;
		border-top:1px dashed #CCCCCC;
		border-bottom:1px dashed #CCCCCC;
}

#molles a{		
	padding-bottom:4px;
	color:#838384
}
#molles a:hover{
	color:#000		
}
#molles a.root{
}

.subcategoria{
	border:1px solid #009999;
}



/*titulo de les categories*/
.title_cat{
	font-weight:bold;
	color:#b8b8b8;
	padding:2px;
	padding-left:20px;
	margin-top:15px;
	margin-bottom:10px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background:#262626;
}

.title_cat_ficha{
	font-weight:bold;
	color:#b8b8b8;
	padding:2px;
	padding-left:20px;
	margin-bottom:20px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background:#262626;
}

.title_cat_ficha2{
	font-weight:bold;
	color:#FFF;
	padding:2px;
	padding-left:20px;
	margin-bottom:20px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background:#919494;
}

.title_cat2{
	font-weight:bold;
	color:#000;
	margin-top:-17px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	margin-bottom:20px;
}


/* ************  PRODUCTES   *****************/

#contingut_cat{
	border-bottom:1px dashed #CCCCCC ;
	border-right:1px dashed #CCCCCC ;
	display:table;
	margin-bottom:20px;
	padding:10px;
	background:#F5F5F5;
	clear:both;
	height:100%;
	min-width:740px;		
}

.col_esquerra_intro{
	float:right;
	width:570px;
}

.col_esquerra_intro a{color:#666}
.col_esquerra_intro a:hover{color:#333}

.col_categories{
	width:735px;
}
.col_categories a{color:#666}
.col_categories a:hover{color:#333}


#producte{
	border-top:0px solid #CCCCCC;	
	border-bottom:0px solid #CCCCCC;	
	padding-top:5px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	clear:both
	
}

.col_dreta{
	float:left;
	margin-right:10px;
	margin-bottom:7px;	
}

.col_esquerra{
	float:right;
	width:620px;
}

.col_esquerra_ampla{
	min-width:750px;
	display:table;
}

.title_pro{
	margin:0px;
	padding:0px;
	padding-bottom:8px;
	font-size:12px;
	color:#BF2F2F;
	font-weight:bold;
	
}
.summary_pro{
	padding:0px;

}

.cont_varis_pro{
	margin-top:20px;
	padding:0px;
	margin-left:0px;
	clear:both;

}


.links_pro{
	padding:2px;
	padding-top:0px;
	font-weight:normal;
}

.atras_pro{
	padding-top:40px;
	clear:both
}



/*--- ficha producte sola ----*/

#llista_categories{
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:15px;
}

.summary_ficha_pro{
	min-height:160px;
	padding:0px;

}

.titul_caracte{
	margin-top:30px;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:10px;
	border-bottom:1px dashed #CCCCCC;
	font-weight:bold;
	font-size:11px;
	background:#EFEFEF;
}

.titul_caracte a{
	color:#666;
}
.titul_caracte a:hover{
	color:#000;
}

.caracteristicas_pro{
	margin-top:10px;
	padding:10px;
	padding-left:0px;
	padding-bottom:20px;	
	border:1px dashed #CCCCCC;
	border-left:0px;
	border-top:0px
}



/*=====================================  INSTALACIOSNES  ==========================================*/

.instal_cap{ 	width:736px; }
#instal_contingut{	width:736px;		margin-top:15px;}
.insta_imatge_left{	float:left;		width:270px;}

.insta_imatge_right{
	float:right;
	width:400px;
	text-align:right;
}

.intal_texte{
	margin-top:5px;
	margin-bottom:35px;
	text-align:left;
}


/*=====================================  ALMACEN  ==========================================*/

.texte_almacen{	margin-bottom:35px;	text-align:left;}
.fotos_almacen{ margin-bottom:20px;}
.fotos_almacen img{	margin-right:12px;}

.tabla_almacen{ border:1px solid #636364; margin-bottom:20px; width:745px;}
.tabla_almacen tr td{border-bottom:1px solid #636364; padding-left:5px;}

.titulo_tabla{
	background:#636364;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px;	
}
.subtitul_almacen{
	background:#EFEFEF;
}


/*=====================================  CERTIFICADOS  ==========================================*/
.texto_certificados{
	margin-top:25px;
	font-weight:bold;
}


/*=====================================  MAQUINARIA  ==========================================*/
#top_maquinaria{ width:760px;}
#bottom_maquinaria{ 
	width:760px;	
	clear:both; 
	display:table;
	margin-top:25px;
}
.texte_maquinaria{width:260px; float:left}
.foto_right{ float:right; width:390px; text-align:left 	}
.foto_right2{  float:right; width:325px; text-align:left}
.foto_right2 img{margin-top:15px;}
.foto_left{ float:left; width:70px;}
.foto_left img{margin-top:15px;}

/*================================   FOTOS LOGISTICA    =======================================*/

#bottom_logistica{
	width:760px;
	clear:both; 
	display:table;
	margin-top:25px;
}
.texte_logistica{margin-bottom:20px;}
.foto_log{ float:right; width:760px; text-align:left; margin-bottom:20px; }
.foto_log img{ margin-right:10px;}
.texte_imatg_log_left{ float:left;}
.texte_imatg_log_right{ float:right; width:250px; }



/*================================   UTILIDADES   (menu)   =======================================*/

.arbol_menu_uti{
	border-bottom:2px solid #CCCCCC;
	border-left:2px solid #CCCCCC;
	width:200px;	
	padding-top:10px;
	padding-bottom:0px;
	float:left;
}

.arbol_menu_uti ul{
	margin:10px;
	margin-bottom:0px;
	margin-right:0px;
	padding:0px;
	list-style:none;
}

.arbol_menu_uti ul li{
	font-weight:bold;
	color:#FFF;
	padding:2px;
	padding-left:20px;
	margin-bottom:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#CCCCCC
}

.arbol_menu_uti ul li a{color:#000;}
.arbol_menu_uti ul li a:hover{color:#DD0505;}

.title_utili{
	font-weight:bold;
	color:#b8b8b8;
	padding:2px;
	padding-left:10px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background:#262626;
}


.llista_uti_destacades{
	float:right;
	width:500px;
	border-left:1px solid #ccc;
	padding-left:20px;
	min-height:500px;
}

#linia_horizontal_utili{
	width:83%;
	height:4px;
	background:#b5b4b4;
	margin:6px;
	margin-top:5px;
	margin-bottom:20px;
	float:right;
}

#titul_utilidades_desta{
	color:#b60000;
	font-weight:bold;
	float:left;
	margin-left:0px;
	margin-top:0px;
}

#titul_utilitats{
	color:#b60000;
	font-weight:bold;
	float:left;
	border-bottom: 3px solid #ccc;
	margin-left:0px;
	margin-top:0px;
	width:500px;
}


#utilidad_destacada{
	display:block;
	width:500px;	
	float:left;
	margin-left:0px;
	margin-bottom:25px;
}	
#text_utilitat{
	width:500px;
}

#text_utilitat_card{
	margin-top:20px;
}


#usuaris-ie2{
	height:0px;
	display:none;
}