@charset "UTF-8";
/* CSS Document */
/*******************************************************************

	Hoja de estilos; formateo de estilos del navegador
	Autor: www.globus.es

********************************************************************/

/* =Import
------------------------------------------------------------------ */

/* Eliminamos los estilos por defecto del navegador */
@import url(reset.css);

/* Importamos los estilos de composición */
@import url(composicion.css);


/* Estilos generales 
------------------------------------------------------------------ */
body{
	font-family: Arial, Helvetica, sans-serif;
	/*font_size: 62.5%;*/ /* 62.5% = 10px */
	cursor:default;
	background:url(../imatges/bg_cabecera.jpg) top left repeat-x;
	}
h1, h2, h3{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	}
h1{
	font-size: 1.6em;
	line-height:1.3em;
	color: #666;
	font-weight:lighter;
	font-style:normal;
	}
h2{
	font-size: 1.6em;
	line-height:1.3em;
	color: #666;
	font-weight:lighter;
	font-style:normal;
	}
h3{
	display:block;
	font-size:0.9em;
	line-height:1em;
	color: #333;
	padding-top:15px;
	font-weight:normal;
	font-style:italic;
	margin-bottom:6px;
	margin-top:0px;
	}

p{
	display:block;
	font-size:0.8em;
	line-height:1.2em;
	color: #666;
	margin-top:8px;
	}
a:hover{
	text-decoration:underline;
	}
a{
	text-decoration:none;
	color:#761f17;
	cursor:pointer;
	}
a.video_exel img{
	border:0px;
	}
/* Imagenes incluidas como contenido
img{
	background-color: #333;
	padding:1px;
	border:10px solid #999;
	}
	*/
a.pdf{
	display:block;
	width:89px;
	height:20px;
	font-size:0.8em;
	color:#333;
	background:url(../imatges/Certificat_ISO-2009.jpg) no-repeat top left;
	padding-top:140px;
	padding-left:3px;
	}


.underline{
	text-decoration:underline;
	}


/* Estilos del contenedor 
------------------------------------------------------------------ */
#contenedor { position:relative; }



/* Estilos de la cabecera 
------------------------------------------------------------------ */
div#cabecera{
	overflow:hidden;
	float:left;
	width:950px;
	}
div#cabecera div.logo{
	min-height:110px;
	width:140px;
	float:left;
	padding:10px 0px 0px 12px;
	}
div#cabecera div.logo a{
	min-height:110px;
	width:140px;
	text-decoration:none;
	}
div#cabecera div.logo a img{
	border:0px;
	}


div#cabecera div.slogan{
	float:left;
	width:450px;
	height:50px;
	color: #777;
	font-size:1.2em;
	padding-left:20px;
	padding-top:50px;
	}

div.inicio{
	float:left;
	margin:4px 2px 0px 0;
	font-size:0.7em;
	font-weight:bold;
	}
div.inicio a.ini{
	color:#555;
}
div.inicio a.ini:hover{
	color:#777;
	text-decoration:none;
}
div#cabecera div.idiomes{
	text-align:right;
	display:block;
	float:right;
	width:auto;
	height:25px;
	margin-top:10px;
	}
div#cabecera div.idiomes form{
	float:left;
	display:block;
	width:100px;
	height:30px;
	margin-top:0px;
	}

	
/* Estilos del menu navegacion 
------------------------------------------------------------------ */
.navegacion {
	width:950px;
	height:30px;
	margin: 0;
	float: left;
	padding: 0;
	/*background: url(../imatges/bg_navegacio.jpg) no-repeat left top;*/
}
.navegacion ul{
	width: 950px;
	margin: 0 auto;
	padding: 0px;
	height: 25px;
}
.navegacion li{
     margin: 0;
     float: left;
     list-style: none;
	 text-align:center;
	 font-size: 12px;
}
.navegacion li.last_producte{
	/*margin-right:1px solid #fff;*/
	margin-right:1px;
	}
.navegacion li.producte{
	background: url(../imatges/bg_producte.jpg) repeat-x left top;
	}
.navegacion li.altres{
	background: url(../imatges/bg_altres.jpg) repeat-x left top;
	}
.navegacion li.producte a{
    color: #ccc;
     text-decoration: none;
	 display:block;
	 width:150px;
	 padding-top:7px;
	 padding-bottom:6px;
	 border-top: 3px solid #fff;
}
.navegacion li.producte a:hover{
	color:#fff;
	text-decoration: none;
	display:block;
	padding: 7px 0px 6px;
	width:150px;
	border-top: 3px solid #762017;
}
.navegacion li.producte a.actiu{
	color:#fff;
	font-weight:bold;
	text-decoration: none;
	display:block;
	padding: 7px 0px 6px;
	width:150px;
	border-top: 3px solid #900;
}
.navegacion li.altres a{
    color: #ccc;
    text-decoration: none;
	display:block;
	padding: 7px 0px 6px;
	width:116px;
	border-top: 3px solid #fff;
}
.navegacion li.altres a:hover{
	color:#fff;
	text-decoration: none;
	display:block;
	padding: 7px 0px 6px;
	width:116px;
	border-top: 3px solid #333;
}
.navegacion li.altres a.actiu{
	color:#fff;
	font-weight:bold;
	text-decoration: none;
	display:block;
	padding: 7px 0px 6px;
	width:116px;
	border-top: 3px solid #333;
}
.navegacion li.last_producte{
	margin:0px 2px 0px 0px;
	}
#home li a{
	border-top: 3px solid #aed243;
	padding: 7px 25px 11px;
}

.banner {
	float: left;
	width: 100%;
	height: 273px;
}
.banner div {
	margin: 0 auto;
	background:url(images/HP_banner.jpg) no-repeat left 0;
	width: 920px;
	height: 273px;
	display:block;
}
.banner img {
	padding: 40px 20px;
	display: block;
}
.banner a , .banner a:hover{
	border: 0;
	color: #fff;
	font-size: 1.1em;
}
a {
	color: #1d68af;
}

/* Estilos animacion flash home 
------------------------------------------------------------------ */
div#imagenes{
	float:left;
	width:950px;
	height:190px;
	}
div#imagenes img{
	position:relative;
	z-index:10;}

/* Estilos del contenido 
------------------------------------------------------------------ */
div#contenido{
	overflow:hidden;
	min-height:500px;
	float:left;
	position:relative;
	}

div.colum_izq{
	overflow:hidden;
	margin-top:10px;
	width:220px;
	height:510px;
	float:left;
	}
	div.colum_izq div.news{
	width:200px;;
	height:270px;
	margin-top:20px;
	padding-right:10px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	}
	div.todas_noticias{
		height:30px;
		}
	div.todas_noticias a{
		font-size: 0.75em;
		}
	span.noticias{
	display:block;
	font-weight:bold;
	font-size:0.8em;
	line-height:1em;
	color: #333;
	padding-top:10px;
	padding-bottom:20px;
	}
		.item_not{
			overflow:hidden;
			margin-bottom:15px;
			
			}
		.item_not div.dia{
			float:left;
			width:40px;
			height:40px;
			margin-left:5px;
			background:url(../imatges/dia.jpg) top left no-repeat;
			text-align:center;
			padding-top:5px;
			color:#fff;
			overflow:hidden;	
			}
			.item_not div.dia span.numero{
				font-size:14px;
				line-height:20px;
				color:#fff;
				width:40px;
				display:block;
				float:left;
				}
			.item_not div.dia span.mes{
				font-size:10px;
				float: left;
				width:40px;
				color:#fff;
				display:block;
				}
		.item_not div.noticia{
			width:145px;
			height:60px;
			float:left;
			margin-left:10px;
			}
			.item_not div.noticia div.titular_noticia{
				font-size:12px;
				font-weight:bold;
				color:#762017;
				margin-bottom:5px;
				}
			.item_not div.noticia div.texte_noticia{
				font-size:11px;
				color:#333;}
		div.colum_izq div.video{
			width:200px;
			height:117px;
			background-color:#999;
			float:left;
			margin-top:20px;
			}
div.colum_center{
	overflow:hidden;
	margin-top:10px;
	width:729px;
	min-height:485px;
	float:left;
	}
.borderleft{
	border-left:1px solid #ccc;
	}
div.colum_center div.introduccion{
	width:709px;
	margin-left:20px;
	margin-top:13px;
	padding-bottom:0px;
	border-bottom:1px solid #ccc;
	float:left;
	}
div.colum_center div#bannerC{
	min-width:709px;
	height:190px;
	margin-left:20px;
	float:left;
	padding-top:20px;
	}



/* Estilos del pie 
------------------------------------------------------------------ */
div#pie{
	width:944px;
	border-top:1px solid #ccc;
	background-color: #eee;
	margin-top:10px;
	float:left;
	font-size:0.7em;
	overflow:hidden;
	padding:10px 3px 0px 3px;
	}
div#pie ul{
	width:940px;
	float:left;
	display:block;
	overflow:hidden;
	margin:0px;
	padding-left:0px;
	}
div#pie ul li{
	display:block;
	float:left;
	padding:3px 2px 3px 2px;
	color:#333;
	}
div#pie ul li a.exelfil{
	font-weight:bold;
	color: #900;
	text-decoration:none;
	}
div#pie ul li a.exelfil:hover{
	font-weight:bold;
	color:#900;
	text-decoration:underline;
	}
div#pie ul li a.ecofil{
	font-weight:bold;
	color: #063;
	text-decoration:none;
	}
div#pie ul li a.ecofil:hover{
	font-weight:bold;
	color:#063;
	text-decoration:underline;
	}
div#pie ul li.distancia{
	width:30px;
	}
div#pie ul li a{
	color:#333;
	text-decoration:none;
	}
div.dis{
	float:left;
	overflow:hidden;}
div#pie ul li a:hover{
	color:#333;
	text-decoration:underline;
	}
span.tel{
	display:block;
	margin-bottom:5px;
	margin-top:15px;
	padding-left:3px;
	font-size:1.2em;
	float:right;
	width:200px;
	text-align:right;
	color:#777;
	}
div#disseny_web{
	width:950px;
	height:20px;
	background-color: #fff;
	float:left;
	font-size:0.7em;
	overflow:hidden;
	padding:0px;
	}

div#disseny_web ul li.globus{
	float:right;
	font-size:0.9em;
	color: #333;
	margin:5px 0px 0px 0px;
	padding:0px;
	display:block;
	}
div#disseny_web ul li a.disseny{
	font-size:0.9em;
	color: #333;
	text-decoration:none;
	}
div#disseny_web ul li a.disseny:hover{
	font-size:0.9em;
	color:#333;
	text-decoration:underline;
	}

/* PAGINAS INTERIORES 
------------------------------------------------------------------ */

/* Estilos empresa 
------------------------------------------------------------------ */
div.colum_izq ul.menu_lat{
	padding-top:15px;
	display:block;
	width:190px;
	overflow:hidden;
	padding:0px;
	margin-top:90px;
	
	}
div.colum_izq ul.menu_lat li{
	font-size:0.9em;
	display:block;
	float:left;
	width:160px;
	margin-left:10px;
	padding:4px 0px 3px 0px;
	margin-bottom:5px;
	overflow:hidden;
	}
div.colum_izq ul.menu_lat li a{
	font-size:1em;
	display:block;
	float:left;
	width:160px;
	color:#333;
	text-transform:uppercase;
	border-bottom:1px solid #fff;
	}
div.colum_izq ul.menu_lat li a:hover{
	font-size:1em;
	display:block;
	float:left;
	width:160px;
	color:#900;
	text-transform:uppercase;
	border-bottom:1px solid #fff;
	text-decoration:none;
	}
div.colum_izq ul.menu_lat li a.actiu{
	font-size:1em;
	display:block;
	float:left;
	width:160px;
	color:#900;
	text-transform:uppercase;
	border-bottom:1px solid #900;
	text-decoration:none;
	font-weight:bold;
	}
ul.submenu{
	display:block !important;
	margin-left:0px !important;
	overflow:hidden !important;
	padding-left:15px !important;
	padding-top:5px !important;
	height:180px!important;
	float:left;
	}
ul.submenu li.sub{
	text-transform: none !important;
	font-size:0.9em !important;
	display:block !important;
	float:left !important;
	width:120px !important;
	margin-left:0px !important;
	padding:4px 0px 3px 0px !important;
	margin-bottom:5px !important;
	}
ul.submenu li.sub_actiu{
	text-transform: none !important;
	font-size:0.9em !important;
	display:block !important;
	float:left !important;
	width:120px !important;
	margin-left:0px !important;
	padding:4px 0px 3px 0px !important;
	margin-bottom:5px !important;
	font-weight:bold;
	color:#900 !important;
	}
ul.submenu li.sub a.sub_a{
	font-size:1em !important;
	display:block !important;
	float:left !important;
	width:120px !important;
	color:#333 !important;
	text-transform: none !important;
	border-bottom:1px solid #fff !important;
}
ul.submenu li.sub a.sub_a:hover{
	font-size:1em !important;
	display:block !important;
	float:left !important;
	width:120px !important;
	color:#900 !important;
	text-transform: none !important;
	border-bottom:1px solid #fff !important;
}


	


/* Estilos empresa STAFF
------------------------------------------------------------------ */
div.item_staff{
	overflow:hidden;
	margin-bottom:10px;
	}
.img_sKolli{
	width:350px;
	height:120px;
	float:left;
	background-color:#eee;
	background-image:url(../imatges/st_sKolli.jpg);
	}
.img_rAmigo{
	width:350px;
	height:120px;
	float:left;
	background-color:#eee;
	background-image:url(../imatges/st_rAmigo.jpg);
	}
.img_Elvira{
	width:350px;
	height:120px;
	float:left;
	background-color:#eee;
	background-image:url(../imatges/st_Elvira.jpg);
	}
.img_mMirot{
	width:350px;
	height:120px;
	float:left;
	background-color:#eee;
	background-image:url(../imatges/st_mMirot.jpg);
	}
.img_jComas{
	width:350px;
	height:120px;
	float:left;
	background-color:#eee;
	background-image:url(../imatges/st_jComas.jpg);
	}
.img_jCinca{
	width:350px;
	height:120px;
	float:left;
	background-color:#eee;
	background-image:url(../imatges/st_jCinca.jpg);
	}
.texte_staff{
	margin-left:25px;
	width:300px;;
	height:120px;
	float:left;
	color:#666;
	border-top:1px solid #ccc;
	}
.texte_staff p span{
	font-weight:bold;
	}

/* Estilos empresa FILOSOFIA
------------------------------------------------------------------ */
p.filosofia{
	width:550px;
	margin-bottom:15px;
	}
/* Estilos FORMULARIO CONTACTO
------------------------------------------------------------------ */
form#form_contacto{
	display:block;
	margin-top:10px;
	border-top:1px solid #999;
	padding-top:30px;
	width:380px;
	}
form#form_contacto label{
	display:block;
	font-size:0.8em;
	margin-bottom:5px;
	color:#666;
	}
form#form_contacto input{
	border:1px solid #ccc;
	width:225px;
	margin-bottom:5px;
	}
form#form_contacto input.boton{
	cursor:pointer;
	margin-top:5px;
	width:100px;
	border:1px solid #ccc;
	}
/* Estilos LOCALIZACION
------------------------------------------------------------------ */
div.localitzacio{
	overflow:hidden;
	margin:1px 0px 10px 1px;
	}
.img_mapa{
	width:350px;
	height:220px;
	float:left;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
	padding-top:5px;
	}
.texte_mapa{
	margin-left:25px;
	width:300px;
	height:200px;
	float:left;
	color:#666;
	border-top:1px solid #ccc;
	}
.texte_mapa p span{
	font-weight:bold;
	}
	
	/* Estilos PRODUCTO
------------------------------------------------------------------ */
div.nombre{
	width:900px;
	}
div.colum_producte{
	overflow:hidden;
	margin-top:10px;
	width:949px;
	min-height:485px;
	float:left;
	}
div.img_producto{
	margin-top:10px;
	margin-left:1px;
	margin-right:20px;
	width:378px;
	float:left;
	/*border-right:1px solid #ccc;*/
	text-align:left;
	font-size:12px; 
	font-weight:bold;
	}
.columa{	
	margin-bottom:200px;
	}
div.info_producte{
	width:530px;
	min-height:360px;
	float:left;
	margin-left:15px;
	padding-top:0px;
	/*height:*/
	}
div.info_producte2{
	width:530px;
	min-height:430px;
	float:left;
	margin-left:15px;
	padding-top:0px;
	/*height:*/
	}

div.info_producte3{
	width:530px;
	min-height:450px;
	float:left;
	margin-left:15px;
	padding-top:0px;
	/*height:*/
	}
ul.descripcion{
	display:block;
	overflow:hidden;
	width:500px;
	padding-left:0px;	
	}
ul.descripcion li{
	display:block;
	font-size:0.8em;
	line-height:1.2em;
	color: #666;
	padding:0 0 15px 20px;
	background:url(../imatges/list_gris_bullet.jpg) no-repeat scroll 7px 5px;
	}
div.info_producte h3{
	margin-top:0px;
	}
div.info_producte2 h3{
	margin-top:0px;
	}

a.link_pdf{
	margin-top:10px;
	font-size:0.8em;
	display:block;
	height:26px;
	background:url(../imatges/pdf.jpg) no-repeat top left;
	padding-left:35px;
	padding-top:10px;
	width:300px !important;
	color:#666;
	}
a.link_pdf:hover{
	color:#666;
	text-decoration:underline;
	}
a.link_ecofil{
	margin-top:10px;
	margin-left:10px;
	font-size:0.8em;
	display:block;
	height:41px;
	background:url(../imatges/logo_ecofil.jpg) no-repeat top left;
	width:90px !important;
	color:#666;
	}
	
div.taula01{
	float:left;
	margin-bottom:10px;
	width:450px;
	margin-left:1px;
	}
div.taula01 table{
	width:430px;
	border-right:1px solid #888;
	}
div.taula01 table tr{
	font-size:0.8em;
	padding-top:5px;
	padding-bottom:4px;
	}
div.taula01 table tr td{
	border-bottom:1px solid #888;
	border-left:1px solid #888;
	padding-top:4px;
	padding-bottom:3px;
	text-align:center;
	}

div.taula01 table tr.titular td{
	text-align:center;
	background:#999;
	color:#fff;
	padding-top:2px;
	padding-bottom:2px;
	}

div.taula02{
	float:right;
	width:485px;
	margin-left:1px;
	}
div.taula02 table{
	width:480px;
	border-right:1px solid #888;
	border-top:1px solid #888;
	margin-bottom:20px;
	}
div.taula02 table tr{
	font-size:0.8em;
	padding-top:5px;
	padding-bottom:4px;
	}
div.taula02 table tr td{
	border-bottom:1px solid #888;
	border-left:1px solid #888;
	padding-top:4px;
	padding-bottom:3px;
	text-align:center;
	}

div.taula02 table tr.titular td{
	text-align:center;
	background:#999;
	color:#fff;
	padding-top:5px;
	padding-bottom:4px;
	}
div.taula03{
	float:left;
	margin-bottom:10px;
	width:900px;
	margin-left:1px;
	}
div.taula03 table{
	width:900px;
	border-top:1px solid #888;
	border-right:1px solid #888;
	}
div.taula03 table tr{
	font-size:0.8em;
	padding-top:5px;
	padding-bottom:4px;
	}
div.taula03 table tr td{
	border-left:1px solid #888;
	border-bottom:1px solid #888;
	padding-top:4px;
	padding-bottom:3px;
	text-align:center;
	}

div.taula03 table tr.titular td{
	text-align:center;
	background:#999;
	color:#fff;
	padding-top:5px;
	padding-bottom:4px;
	}
	tr.subtitular td{
		text-align:center;
		background: #ccc;
		color:#333;
		padding-top:5px;
		padding-bottom:4px;
		}

img.linea{
	outline: 1px solid #ccc;}

.marginbottom{
	margin-bottom:15px;
	}
	/* Estilos NOTICIAS
------------------------------------------------------------------ */
div.llistat_noticies{
	overflow:hidden;
	margin-top:10px;
	width:949px;
	min-height:485px;
	float:left;
	}
div.not{
	width:560px;
	min-height:100px;
	float:left;
	}
div.not div.titular_noticia{
	font-size:12px;
	font-weight:bold;
	color:#762017;
	margin-bottom:5px;
}
div.not div.texte_noticia{
	font-size:11px;
	color:#333;}
	
	/* Estilos Fitxa NOTICIA
------------------------------------------------------------------ */
div.fnot{
	width:560px;
	min-height:100px;
	float:left;
	}
div.fnot div.titular_noticia{
	font-size:12px;
	font-weight:bold;
	color:#762017;
	margin-bottom:5px;
}
div.fnot div.texte_noticia{
	font-size:11px;
	color:#333;
	}
div.img_not{
	margin-left:29px;
	float:left;
	width:360px;
	height:100%;
	min-height:300px;
	}
div.img_not img{
	margin-bottom:12px;
	
	}	
	
/* /////////////////////////// PAGINADOR */
#paginador {margin:20px 0 20px 0; padding:0 0 0 30px; clear:both; text-align:center;}
#paginador_botones {text-align:center;}
#paginador_botones a {margin:0 2px; padding:4px 0 0 0; width:38px; height:25px; color:#762017; text-decoration:none; display:block; float:left;}
#paginador_botones a:hover {color:#fff; background:url(../imatges/numero_hover.gif) center 0 no-repeat;}

.primera a {margin:1px 10px 0 0; padding:3px 0 0 10px; background:url(../imatges/flecha_primera.gif) left 8px no-repeat; color:#762017; text-decoration:none; float:left;}
.primera a:hover {color:#762017; text-decoration:underline;}

.anterior {color:#5c5c56;}
.anterior a {margin:1px 10px 0 0; padding:3px 0 0 10px; color:#762017; background:url(../imatges/flecha_anterior.gif) left 8px no-repeat; text-decoration:none; float:left;}
.anterior a:hover {color:#762017; text-decoration:underline;}

.siguiente {color:#5c5c56;}
.siguiente a {margin:1px 0 0 10px; padding:3px 10px 0 0; color:#762017; background:url(../imatges/flecha_siguiente.gif) right 8px no-repeat; text-decoration:none; float:left;}
.siguiente a:hover {color:#762017; text-decoration:underline;}

.ultima {color:#5c5c56;}
.ultima a{margin:1px 0 0 10px; padding:3px 10px 0 0; color:#762017; background:url(../imatges/flecha_ultima.gif) right 8px no-repeat; text-decoration:none; float:left;}
.ultima a:hover {color:#762017; text-decoration:underline;}

.numero_linked {padding:4px 0 0 0; width:38px; height:25px; color:#FFF; background:url(../imatges/numero_hover.gif) center 0 no-repeat; display:block; float:left;}

/* /////////////////////////// FIN PAGINADOR */