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

body {
	background-image: url(../imatges/fons.jpg);
	background-repeat: repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

.fons{
background-image:url(../imatges/fons2.jpg)
}
#engloba {
	position: absolute;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	top: -2px;
	margin-top: 0px;
	height: auto;
}
#capcelera{
	width:900px;
	height:29px;
	float: left;
}
#pastilla{
	width:850px;
	height:154px;
	float: left;
	padding-left: 30px;
}
#pastilla2{
	width:900px;
	height:104px;
	float: left;
}
#linia{
	width:900px;
	height:226px;
	background-image: url(../imatges/linia.jpg);
	float: left;
	background-repeat: no-repeat;
}

#linia2{background-image:url(../imatges/pastilla-1.jpg);}
#linia3{
	background-image:url(../imatges/pastilla-9.jpg);
}
#linia4{background-image:url(../imatges/pastilla-3.jpg);}
#linia5{background-image:url(../imatges/pastilla-5.jpg);}
#linia7{background-image:url(../imatges/pastilla-6.jpg);}
#linia8{background-image:url(../imatges/pastilla-7.jpg);}
#linia9{background-image:url(../imatges/pastilla-8.jpg);}

.linia3{width:900px;height:184px;float: left; }

/***menu*/

#menu{
	width:270px;
	height: auto;
	float: left;
	margin-top: 45px;
	padding-left: 40px;
}
#menu2{
	width:208px;
	height: auto;
	float: left;
	margin-top: 18px;
	margin-left:20px;
}

#fixed {
	display:block;
	width:238px;
	float:left;
}
	
#fixed ul {
  padding:0; 
  margin:0; 
  list-style-type:none;
  }
#fixed li {
	display:block;
	width:230px;
	height:13px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right:8px;
}
	
#fixed li a {
	display:block;
	width:220px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:13px;
	line-height:12px;
	text-align: right;
	text-decoration:none;
	padding-left: 10px;
	padding-right:8px;
  }
#fixed li a:hover {
	background-image: url(../imatges/men.jpg);
	color:#ffffff;
	background-repeat: no-repeat;
	background-position:right;
  }
#fixed li.active a {
	background-image:url(../imatges/men.jpg);
	color:#ffffff;
	background-repeat: no-repeat;
	background-position:right;
  }
  

#text1{
	width:500px;
	height: 140px;
	float: right;
	margin: 40px 50px 20px 20px;
}
#text2{
	width:500px;
	height: 100px;
	float: right;
	padding: 40px 85px 20px 20px;
}

#contingut{
	width:900px;
	float: left;
}
#contingut2{
	width:800px;
	float: left;
	padding-left:50px;
	padding-right:50px;
}
#peu{
	width:800px;
	height:20px;
	border-top: 1px solid #b0a29d;
	padding-top: 5px;
	float: left;
	margin-top: 15px;
}
#peu2{
	width:900px;
	height:20px;
	border-top: 1px solid #b0a29d;
	padding-top: 5px;
	float: left;
	margin-top: 20px;
}
#pag{
	display:inline;
	width: 150px;
	padding-left: 250px;
}


#banner{
	width:377px;
	height:144px;
	float: left;
	margin: 30px 0px 0px 40px;
	padding-bottom: 30px;
}
#banner2{
	width:377px;
	height:144px;
	float: left;
	margin: 30px 0px 0px 60px;
}

#titol{
	height:15px;
	float: left;
	width: 880px;
	border-bottom: 1px solid #b0a29d;
}
#imatge{
	width:320px;
	float:left;
	margin-top: 25px;
	padding: 5px;
	height: 270px;
	margin-left: 10px;
}
#direccio{
	width:290px;
	float:left;
	padding: 5px;
	height: auto;
	text-align: right;
	margin-top: 20px;
}
#llistat{
	width:360px;
	float:left;
	height: auto;
	text-align: left;
	font:10px;
	line-height:1.1;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	;
}


#pagines{
	width:60px;
	float: right;
	height: 20px;
	font-size: 0.9em;
}

#tornar{
	width:60px;
	float: right;
	height: 20px;
	font-size: 0.9em;
	background-image: url(../imatges/fle2.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: -2px 4px;
}

#tooltip {
	position: absolute;
	padding: 4px;
	color: #FFF;
	font-size: 11px;
	display: none;
	text-align: left;
	background-color: #000;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}
 
.tooltipTitle {
	font-weight: bold;
	color: #CEE1EF;
}
#formulari{
	float:left;
	width: 520px;
	margin-top: 15px;
}

#notisfotos{
	float:left;
	height:60px;
	padding-left: 200px;
	padding-top: 10px;
}

#notisfotos2{
	float:left;
	height:86px;
	padding-left: 20px;
	padding-top: 10px;
}
.fotonoti{
	float:left;
	height:50px;
	width:77px;
	border: 3px solid #4B1702;
	margin-right: 20px;
}

.imatgenoticies{
	float:right;
	margin-left: 15px;
	border: 1px solid #501600;
	margin-bottom: 15px;
}



@charset "utf-8";
/* CSS Document */
h1{
	border:0;
	display:inline;
	font-size:1em;
	font-weight:normal;
	margin:o;
}
h2{
	border:0;
	display:inline;
	font-size:1em;
	font-weight:normal;
	margin:0;
}
h4{
	border:0;
	display:inline;
	font-size:1em;
	font-weight:normal;
	margin:0;
}
h5{
	border:0;
	display:inline;
	font-size:1em;
	font-weight:normal;
	margin:0;
}
h6{
	border:0;
	display:inline;
	font-size:1em;
	font-weight:normal;
	margin:0;
}




.destacat1{
	color:#FFFFFF;
	line-height: 2.1;
	text-align: justify;
}

.destacat2{
	color:#FFFFFF;
	line-height: 2.1;
	text-align: right;
	font-size:1.3em;
}
.dret{
	float: right;
	display: inline;
	font-size: 10px;
	width: 300px;
	text-align: right;
}
.naran{
color:#f5841f
}
.situacio{
	padding-left:15px;
}
.situacio2{
	padding-left:10px;
	height: auto;
	font-size: 0.9em;
	width: 211px;
	text-align: left;
	float: left;
	padding-top: 15px;
}

.dire3{
	float: left;
	line-height: 1.3;
}
.info{
	float:right;
	margin-right: 20px;
	margin-left: 40px;
	font-size: 1.3em;
	margin-top: 6px;
}
.info3{
	float:left;
	margin-right: 80px;
	margin-left: 35px;
	color: #f5841f;
	margin-top: 8px;
}
.info2{
	float:left;
	margin-right: 8px;
	color: #f5841f;
	margin-top: 8px;
	font-size: 0.95em;
	margin-left: 40px;
}

A.inici:link {	text-decoration: none;	color:#333333;
} 
A.inici:visited {text-decoration: none;	color: #333333;
} 
A.inici:hover {text-decoration: none;color: #f5841f;}

A.inici2:link {	text-decoration: underline;	color:#333333;
} 
A.inici2:visited {text-decoration: underline;	color: #333333;
} 
A.inici2:hover {text-decoration: underline; color: #f5841f;}

.tit{
	padding:4px;
	font-size:1.1em;
	float: left;
}
.explicacio2{
	line-height:1.3;
	padding:0px 15px 0px 0px;
	width: 885px;
	text-align: justify;
	float: left;
	margin-top: 20px;
}
.explicacio3{
	line-height:1.3;
	padding:0px 15px 0px 0px;
	width: 685px;
	text-align: justify;
	float: left;
	margin-top: 20px;
	font-size: 13px;
}
.explicacio4{
	line-height:1.3;
	padding:0px 15px 0px 0px;
	width: 885px;
	text-align: justify;
	float: left;
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #501600;
}
.certificacions{
	line-height:1.3;
	padding:0px 15px 20px 15px;
	width: 750px;
	text-align: justify;
	float: left;
	margin-top: 20px;
}
.explicacio{
	line-height:1.3;
	padding:0px 15px 20px 0px;
	width: 530px;
	text-align: justify;
	float: left;
	margin-top: 20px;
}
.obres{
	width:auto;
	height: auto;
	float: left;
	padding: 0px 20px 8px 0px;
	margin-top: 13px;
}

.mobres{
	background-image:url(../imatges/fle.jpg);
	background-position:left;
	background-repeat: no-repeat;
	padding-left: 13px;
	margin-bottom: 6px;
}
.mobres2{
	background-image:url(../imatges/fle.gif);
	background-position:0px 3px;
	background-repeat: no-repeat;
	padding-left: 9px;
	margin-bottom: 8px;
	width: 211px;
	float: left;
	font-size: 0.98em;
	margin-top: 10px;
}

/**quimica**/
.servicio {
	width:239px;
	height:130px;
	float:left;
}
.servicio a{width:239px;height:130px;display:block; background-image:url(../imatges/quimica.gif);}
.servicio a:hover { background-position: 0 -130px ;}
.servicio a span{display:none;}
/*------------------------------------------*/

/**obres farmaceutico**/
.farma {
	width:239px;
	height:130px;
	float:left;
}
.farma a{width:239px;height:130px;display:block; background-image:url(../imatges/farmaceutica.gif);}
.farma a:hover { background-position: 0 -130px ;}
.farma a span{display:none;}
/*------------------------------------------*/

/**obres otros**/
.otros {	width:239px;height:130px;float:left;}
.otros a{width:239px;height:130px;display:block; background-image:url(../imatges/gasolinera.gif);}
.otros a:hover { background-position: 0 -130px ;}
.otros span{display:none;}
/*------------------------------------------*/
/**alimentacion**/
.ali {	width:239px;height:130px;float:left;}
.ali a{
	width:239px;
	height:130px;
	display:block;
	background-image:url(../imatges/alimentacion.gif);
}
.ali a:hover { background-position: 0 -130px ;}
.ali span{display:none;}
/*------------------------------------------*/
.descripcio{
	float:left;
	width: 500px;
	height: 130px;
	margin-bottom: 15px;
}
.descripcio2{
	float:left;
	height: 150px;
	margin-left: 10px;
	margin-top: 15px;
	width: 435px;
}



/*---miniatures galeries---*/
.thumbnail{
	float: left;
	width: 180px;
	height: 137px;
	margin: 10px;
		border: #501700 1px solid;}

.thumbnail:hover{
	width: 180px;
	height: 135px;
	border: #f86313 1px solid;
}
	
.thumbnail2{
	float: left;
	width: 180px;
	height: 120px;
	margin: 10px;
		border: #501700 1px solid;}

/**----------------------------------------------------*/
.galeria{
	font-size: 0.99em;
	color:#FFFFFF;
	text-align:right;
	cursor:pointer;
	padding-left:2px;
	float: right;
	padding-right:10px;
	text-decoration: none;
	width:170px;
	background-color:#361911;
	height:135px;
}
A.galeria2:link {
	text-decoration:none;
	color: #FFFFFF;
} 
A.galeria2:visited {text-decoration:none;color: #CACACA;	;} 
A.galeria2:hover {
	text-decoration:none;
	color: #f5841f;
}
.galeria2{
	height:137px;
	text-align: left;
	color: #FFFFFF;
	background-color: #361911;
	padding-top: 0px;
	float: left;

		}
		
.galeria3{
	
	text-align: left;
	background-color: #361911;
	padding-top: 0px;
	float: left;

		}
		
		
.ver{
padding-left:5px;
}
A.galeria:link {
	text-decoration:none;
	color: #FFFFFF;
} 
A.galeria:visited {
	text-decoration:none;
	color: #CCCCCC;
} 
A.galeria:hover {
	text-decoration:none;
	color: #f5841f;
}


A.pag:link {
	text-decoration: none;
	color:#FFFFFF;
} 
A.pag:visited {
	text-decoration: none;
	color: #CCCCCC;
} 
A.pag:hover {text-decoration: none;color: #f5841f;}

.actiu{
	width:16px;
	color:#FFFFFF;
	float: left;
	text-align: center;
	background-image: url(../imatges/actiu.jpg);
	background-repeat: no-repeat;
	height: 16px;
	margin-left: 5px;
}
.num{
	width:16px;
	color:#FFFFFF;
	float: left;
	text-align: center;
	margin-left: 5px;
	background-image: url(../imatges/num.jpg);
	background-repeat: no-repeat;
	height: 16px;
}


.fle2 {
	padding-left: 11px;
	background-position: center left;
	background-image: url(../imatges/fle.gif);
	background-repeat: no-repeat;
	line-height: 1.4em;
	list-style: none;
	margin-left: 0px;
}
.fle {
	padding-left: 11px;
	line-height: 1.3em;
	list-style: none;
	margin-left: 0px;
}
.certifi{
	width:80px;
	float:left;
	padding-left: 20px;
	height: 175px;
	background-image: url(../imatges/cert.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
	background-position: 10px 0px;
	border-right: 1px solid #b0a29d;

}
.leer{
	float:left;
	padding-top: 8px;
	padding-left: 13px;
	background-image: url(../imatges/fle.jpg);
	background-position: 3px 12px;
	background-repeat: no-repeat;
}
.dire{
	font-size:1.2em;
	color:#501700;
	text-align:right;
	padding-left:20px;

}

.data{
	text-align:right;
	float:right;
	width: 185px;
	font-size: 13px;
	line-height: 1.3;
	margin-top: 20px;
	padding-right: 15px;
}

.notis{
	width:200px;
	float:right;
	
}



.navega{
	float:left;
	padding-top:15px;
	width:250px;
}

.rss{
	width:126px;
	height:12px;
	float:right;
	font-size: 11px;
	padding-top: 2px;
}


a:link{
	color:#333;
	text-decoration:none;
}
a:visited{
	color:#333;
	text-decoration:none;
}

a:hover {
	color: #FF7123;
	text-decoration: underline;
	}