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

* {margin:0;padding:0;}
html, body{height:100%;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#FFF;}
img{border:0px;}
ul{list-style:none;}
a:link,a:visited{text-decoration:none;color:#FFF}
a:hover{text-decoration:underline;}

body { background:#c2001a;}
h1{color:#4d4d4d;font-size:25px;font-weight:bold;text-transform:uppercase;}

#main {width:930px;margin:0px auto;}

#sup{position:relative;height:80px;background:url(../img/sombra_menu.png) no-repeat right bottom;padding:0px 5px 5px 0px;}
	a#logo:link,a#logo:visited{display:block;height:69px;width:200px;background:#4d4d4d;padding:3px 10px 3px 10px;position:absolute;top:0px;left:0px;}
	a#logo:hover{text-decoration:none;}
	a#logo span{position:absolute;font-size:20px;color:#FFF;margin:10px 0px 10px 10px;width:150px;}
	h2#slogan{position:absolute;font-size:14px;color:#4d4d4d;left:275px;top:25px;}
	
	#menu{width:705px;position:absolute;top:52px;left:220px;background:#4d4d4d;}
		#menu li{display:inline;padding:0px 10px 0px 10px;float:left;}
		#menu li a:link,#menu li a:visited{padding:5px 0px 4px 0px;display:block; }
		#menu li a:hover,#menu li a.actiu{color:#c2001a;}
		
	#lang{width:190px;position:absolute;top:10px;left:725px;background:#4d4d4d;height:17px;padding-left:10px;}	
		#lang li{display:inline;color:#FFF;}	
		#lang li span{margin:0px 10px 3px 15px;color:#c2001a;}	
			#lang li a:link,#lang li a:visited{text-transform:uppercase;color:#c2001a;font-size:12px;padding:2px 5px 2px 5px;}	
			#lang li a.actiu,#lang li a:hover{text-transform:uppercase;color:#FFF;font-size:12px;padding:2px 5px 2px 5px;text-decoration:none;}	

	#share	{width:250px;position:absolute;top:10px;left:525px;}		
	#share	a{float:left;}		
			
#cont{clear:both;margin-right:5px;position:relative;top:-47px;z-index:10;}

.imgNews{clear:both;padding-top:5px;}
.imgNews a{display:block;float:left;}
.imgNews a.dret{margin:0px 10px 15px 0px;}
.imgNews a.esque{margin:0px 0px 15px 0px;}

#mesImatges{width:330px;}
#mesImatges2{width:250px;}
#mesImatges li,#mesImatges2 li{display:inline;float:left;padding: 8px 8px 0px 0px;margin:0px;background:none;}
#mesImatges li img,#mesImatges2 li img{border:1px solid #CCC;}
#mesImatges li.nomarge,#mesImatges2 li.nomarge{display:inline;float:left;padding: 8px 0px 0px 0px;margin:0px;}

.sombra{background:url(../img/sombres.png) repeat-x right bottom;padding:0px 10px 10px 0px}

#inici-a{width:415px;float:left;}
	#inici-a div.sombra{width:415px;float:left;}
		#inici-a ul#pictos{float:right;margin-right:20px;}
		#baix ul#pictos{float:left;margin:27px 20px 0px 10px;}
		#inici-a ul#comunitat{float:left;margin-left:20px;color:#1F1F1F;}
		#baix ul#comunitat{float:left;margin:33px 10px 0px 10px;color:#1F1F1F;}
		#inici-a ul#comunitat a:link,#inici-a ul#comunitat a:visited,#baix ul#comunitat a:link,#baix ul#comunitat a:visited{color:#1F1F1F;}
		#inici-a ul li,#baix ul li{display:inline;margin-right:10px;}
		#inici-a ul li span,#baix ul li span{margin-left:10px;color:#1F1F1F}
		#inici-a ul li.sobre a,#baix ul li.sobre a{position:relative;top:-5px;}
#inici-b{width:485px;float:left;padding:70px 0px 0px 20px;}
	#inici-b h2{font-weight:normal;font-size:25px;text-transform:uppercase;font-family:Helvetica;}
	#inici-b h2 a:link,#inici-b h2 a:visited{text-decoration:none;}
	#inici-b h2 a:hover{text-decoration:underline;}
	#inici-b p{color:#000;margin-top:10px;}
	#inici-b a.mesinfo{color:#fff;margin-top:10px;clear:both;float:right;font-size:10px;}

.separacioGeneric{background:#4d4d4d;height:20px;}	
#generic{margin-top:70px;float:left;width:500px;padding:0px 10px 10px 0px;position:relative;left:8px;}
	div.cos{background:#FFF;padding:10px;}
	#generic h2{color:#4d4d4d;font-size:25px;margin-bottom:5px;}
	#generic #noticia p{font-size:11px;}
 
	
#generic p{font-size:12px;color:#4d4d4d;margin:5px 0px 0px 0px;}

#noticies,#novetat-a{width:270px;margin-right:145px;background:#4d4d4d;float:left;padding:10px 0px 0px 0px}
	#noticies h1,#novetat-a h1{color:#FFF;padding:10px 10px 0px 10px;}
	#noticies h1 span{margin-left:5px;font-size:15px;}
	
	#noticies ul,#novetat-a ul{margin-bottom:20px;padding:0px 10px 0px 10px;}
	#noticies ul li,#novetat-a ul li{margin-top:5px;clear:both;}
	
	#noticies h5{font-size:14px;font-weight:normal;}
	#novetat-a h5 {font-size:14px;font-weight:normal;position:relative;}
	#novetat-a h5 img{position:absolute;right:-30px;top:-12px;z-index:2;}
	#novetat-a h5 a{z-index:10;position:relative;}
	#noticies div,#novetat-a div {background:url(../img/extintor_vermell.png) no-repeat 2px 0px;padding: 0px 20px 40px 30px;}

#novetat-a{margin-right:20px;z-index:20;}
#novetat-b{width:625px;margin-top:70px;float:left;padding:0px 10px 10px 0px;position:relative;left:8px;}	
	#novetat-b h2{color:#c2001a;font-size:25px;margin-bottom:5px;text-transform:uppercase;}	
	#novetat-b #fotos{float:right;}	
	#novetat-b #fotos li{margin-bottom:10px;}	
	#novetat-b p.resum{font-size:15px;font-weight:normal;margin-bottom:15px;}	
	#novetat-b p{color:#4d4d4d;}	
		.adjunts{background:#FFF;padding:0px 5px 5px 5px;}
		 #docsNoti{width:200px;background:#FFF;border:1px solid #FFF;float:left;margin-left:10px;display:none;}
		 #docsNoti li{clear:both;color:#000;}
		 #docsNoti li p{font-weight:bold;color:#000;text-decoration:underline}
		 #docsNoti a{color:#000;}
		 #docsNoti a:hover{color:#CC0000;}

#serveis{width:420px;background:#4d4d4d;padding-bottom:75px;}		 
	#serveis div.servei{padding:55px 45px 0px 15px;}		 
		#serveis div.servei h3{color:#FFF;font-size:20px;text-transform:uppercase;margin-bottom:5px;}		 
		#serveis div.servei p{color:#000;}		 
	#serveis ul li{position:relative;height:140px !important;}		 
	#serveis div.imatges{width:525px;height:125px;position:absolute;left:397px;top:55px;}		 
		#serveis div.imatges a{float:left;margin-right:5px;}		 
		#serveis div.imatges div.cos2 {background:#4d4d4d;padding:5px 5px 5px 45px;border-left:1px solid #3d3d3d;border-top:1px solid #3d3d3d;}		 

#productes ul{display:none;}		
#productes ul.actiu{display:block;}		
#productes li a:link,#productes li a:visited{font-size:12px;position:relative;}		
#productes li a img{position:absolute;right:-30px;top:-10px;z-index:2;}
#productes li a.actiu:link,#productes li a.actiu:visited{text-decoration:underline;}		
#productes li{text-transform:uppercase;}		
#productes li li{text-transform:none;}		
	
#fitxa-prod{margin:26px 0px 0px 43px !important;width:605px;z-index:-2;padding:30px 10px 20px 265px;background:#FFF;clear:both;}
.flota{position:absolute;top:0px;left:0px;}
	#fitxa-prod h1{font-size:25px;font-weight:bold;}
	#fitxa-prod p{font-size:14px;font-weight:normal;color:#4d4d4d;}
	
	.fitxa{width:585px;margin-top:30px;clear:both;}
		.fitxa div.cap{border-bottom:2px solid #000;}
		.fitxa div.cap h5{font-size:15px;text-transform:uppercase;color:#4d4d4d;float:left;margin:3px 0px 0px 10px;}
		.fitxa div.cap span{background:#4d4d4d;color:#FFF;text-transform:uppercase;border-left:2px solid #000;border-top:2px solid #000;border-right:2px solid #000;font-size:14px;padding:2px 5px 2px 5px;float:right;margin-right:20px;font-weight:bold; }

		.fitxa .imgProds{float:left;width:210px;display:block;text-align:center;}
		.fitxa .imgProds li{float:left;margin:5px 6px 0px 0px}
		.fitxa .imgProds li.nomarge{float:left;margin:5px 0px 0px 0px}
		.fitxa .imgProds a{border:0px solid #CCC;display:block;}
		.fitxa .imgProds ul a{border:1px solid #CCC;display:block;}
		.fitxa div.dades{float:left;width:345px;background:#4d4d4d;color:#FFFFFF;padding:15px;}
		#fitxa-prod .fitxa div.dades p{color:#FFFFFF;}
		#fitxa-prod a.mesinfo:link,#fitxa-prod a.mesinfo:visited{color:#c2001a;font-weight:bold;font-size:12px;text-transform:uppercase;float:right;padding:0px;margin:5px 0px 0px 0px;width:auto;}
		#fitxa-prod a.mesinfo:hover{text-decoration:underline;}
		
#contacte-a{width:230px;float:left;margin-top:70px;padding-left:20px;}
#contacte-a table{width:230px;}
#contacte-a p,#contacte-a td{font-size:13px;}
#contacte-a h1,#contacte-b h1{color:#FFF;}
#contacte-b{width:230px;float:left;padding:70px 0px 0px 20px;}
#map_canvas{width:415px;height:490px;overflow:hidden;}
#pano{width:415px;height:300px;}
	

#baix{background:#c2001a url(../img/fons_peu.png) repeat-x left bottom;height:105px;margin:20px 5px 0px 0px;position:relative;top:-27px;}
#baix .extintor{position:absolute;right:10px;bottom:10px;}
#baix p{padding-top:85px;text-transform:uppercase;}	
#baix #linksHome{font-size:18px;font-weight:normal;width:300px;position:absolute;top:0px;left:430px;}	
#baix #linksHome ul{padding:10px 10px 10px 10px;background:#4d4d4d;}	
#baix #linksHome ul li{padding:0px 0px 5px 0px;clear:both;}	
#baix #linksHome h4 {float:left;}	
#baix #linksHome h4 a{font-size:16px;}	
#baix #linksHome a.mesinfo{font-size:10px;font-weight:bold;margin:5px 0px 0px 10px;float:left;}	

	#baix #menubaix{position:absolute;top:5px;left:10px;}
	#baix #menubaix li{display:inline;padding:0px 0px 0px 0px;margin:0px;float:left;color:#FFF;width:auto;}
	#baix #menubaix li a:link,#baix #menubaix li a:visited{padding:0px 0px 0px 0px;display:block;text-transform:uppercase;font-size:10px;float:left;color:#FFF;}
	#baix #menubaix li span{float:left;color:#FFF;padding:0px 9px 3px 0px;}
	
#mapa{margin:5px 0px 10px 10px;}
#mapa ul{margin:5px 0px 10px 10px;}
#mapa a{color:#000;font-size:12px;font-weight:bold;}
#mapa ul a{font-weight:normal;}

.cb{clear:both;}
.cb0{clear:both;height:0px;}
.fr{float:right;}
div.cos{background:#FFF;padding:10px;}
.down{float:left;}
.gris{color:#4c4c4c;}
.ml15{margin-left:15px;}

.nou{background:url(../img/nou.png) no-repeat right top;}

/* Formulari */
#formulari ul{list-style:none;margin-left:0px;}
#formulari li{clear:both;padding-top:10px;}
#formulari li#imatge{border:1px solid #FFF;width:214px;padding-top:0px;padding:10px 10px 10px 10px;}
#formulari li#imatge label{float:left;}
#formulari li#imatge img{border:1px solid #FFF;}
#formulari li#imatge .txt{clear:both;width:210px;}
#formulari label{float:left;}
#formulari p.error{font-style:italic;font-size:10px;color:#000;clear:both;}
#formulari li#imatge p.error,#formulari li.lopd p.error{margin-left:0px;}
#formulari .txt{width:230px;float:left;border:0px;margin-top:5px;padding:3px;}
#formulari textarea.txt{width:230px;height:50px;}
#formulari .boto{margin-left:80px;color:#000;font-size:13px;font-weight:bold;background:url(../img/enviar.png) no-repeat right top;height:55px;width:150px;cursor:pointer;border:0px;text-transform:lowercase;}
#okenviat{color:#1AAF00;font-weight:bold;font-size:12px;}
#koenviat{color:#FF0000;}

#cercador{background:#4d4d4d url(../img/lupa.jpg) no-repeat 280px 1px;width:475px;height:24px;padding:6px 7px 3px 7px;float:right;margin:5px 5px 15px 0px;z-index:20;position:relative; }
#cercador li{display:inline;}
#cercador li input.txt{border:0px; background:#FFF;width:264px;height:14px;padding:3px;}
#cercador li input.buto{border:0px; background:none;color:#FFF;font-size:10px;text-transform:uppercase;margin-left:40px;cursor:pointer;}

#divcercador{margin-top:100px;background:#FFF;padding:20px;}

/* BUSCADOR GOOGLE */

	
  #searchcontrol .gsc-resultsbox-visible{width:570px;}
  #searchcontrol .gsc-cursor-page{font-size:12px;color:#000;text-decoration:none;}
  #searchcontrol .gsc-cursor-page:hover{text-decoration:underline;}
  #searchcontrol .gsc-cursor-current-page{font-size:12px;color:#c2001a;font-weight:bold;}
  #searchcontrol .gsc-search-box,#searchcontrol .gsc-tabsArea,#searchcontrol .gsc-trailing-more-results,#searchcontrol .gsc-trailing-more-results{display:none;}
  #searchcontrol .gsc-resultsHeader{display:none;}
 	 #searchcontrol .gs-title{font-size:14px;font-weight:bold;color:#7F7777;text-decoration:none;}
 	 #searchcontrol .gs-title b{color:#333;text-decoration:none;}
 	 #searchcontrol .gs-snippet{color:#999;}
 	 #searchcontrol .gs-snippet b{color:#000;}
 	 #searchcontrol .gs-visibleUrl{color:#c2001a;}
 	 #searchcontrol .gs-watermark,#searchcontrol .gsc-keeper,#searchcontrol .gs-visibleUrl-short{display:none;}
 	 #searchcontrol .gs-visibleUrl-long{display:block !important;}