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

* {margin:0;padding:0;outline:none;}
img {border:0;}

body { background:#ddd; /* Nou -> */ font-family:Arial, Helvetica, sans-serif;color:#4f638b;}

#main { width:980px; margin:0 auto; background:#fff;}

#sup { position:relative;height:110px; background:url(../img/sup_bkg.png);}
	#sup #linkHome{width:350px;height:105px;display:block;position:absolute;top:2px;left:250px;}
	#sup ul {list-style:none; position:absolute; right:18px; bottom:14px;}
	#sup ul li{ display:inline; margin-left:5px;}

.un {font-size:12px;}	
.un #submen,.un #escullmunicipi p,.un .titolsota{font-size:14px;}	
.un ul#subapartats h2{font-size:22px;}
.un #col-b ul#subapartats li.topGroc h2,.un #mapaweb h3{font-size:18px;}
.un h2,.un h3{font-size:24px;}		
.un #noticies span,.un .lesnoticies span {font-size:10px;}	
.un .subtit ,.un .cerca{font-size:13px;}	
.un .lesnoticies ul li a ,.un #laNoticia ul li a {font-size:11px;}	
.un #col-c h3 {font-size:18px;}	
.un #categories a:link,.un #categories a:visited,.un #destacats a,.un #mesNoticies li h6{font-size:16px;}	
.un #categories a.Sel{font-size:18px;}
	
.dos {font-size:14px;}
.dos #submen,.dos #escullmunicipi p,.dos .titolsota{font-size:16px;}
.dos h2,.dos h3{font-size:26px;}
.dos ul#subapartats h2{font-size:24px;}
.dos #col-b ul#subapartats li.topGroc h2,.dos #mapaweb h3{font-size:20px;}
.dos #noticies span,.dos .lesnoticies span {font-size:12px;}	
.dos .subtit ,.dos .cerca{font-size:15px;}
.dos .lesnoticies ul li a ,.dos #laNoticia ul li a {font-size:13px;}
.dos #col-c h3 {font-size:20px;}
.dos #categories a:link,.dos #categories a:visited,.dos #destacats a,.dos #mesNoticies li h6{font-size:18px;}	
.dos #categories a.Sel {font-size:20px;}	
				
.tres {font-size:16px;}	
.tres #submen,.tres #escullmunicipi p,.tres .titolsota{font-size:18px;}
.tres h2,.tres h3{font-size:28px;}
.tres ul#subapartats h2{font-size:26px;}
.tres #col-b ul#subapartats li.topGroc h2,.tres #mapaweb h3{font-size:22px;}
.tres #noticies span,.tres .lesnoticies span {font-size:14px;}
.tres .subtit,.tres .cerca {font-size:17px;}
.tres .lesnoticies ul li a ,.tres #laNoticia ul li a {font-size:15px;}
.tres #col-c h3 {font-size:22px;}
.tres #categories a:link,.tres #categories a:visited,.tres #destacats a,.tres #mesNoticies li h6{font-size:20px;}	
.tres #categories a.Sel {font-size:22px;}					

a.mig{font-size:14px;margin:0px 1px 0px 0px}
a.petit{font-size:11px;margin:0px 2px 0px 0px}
a.gran{font-size:16px;margin:0px 3px 0px 0px}

/* Text */
a:link, a:visited {color:#f48000;text-decoration:none;}
a:hover {color:#f48000; text-decoration:underline;}

h1 {color:#2a4271; font-size:32px; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;padding:0px 0px 8px 300px;}
h1.especial {padding:0px 0px 8px 20px;}
h2 {color:#f48000;  margin-bottom:10px;}

#cont { background:#f3f3e8; padding:12px 0px 12px 6px; }
.mapa_membres{width:465px;height:200px;margin:10px 0px 0px 195px;border:1px solid #CCC;}

#col-a {float:left; width:265px; margin-right:20px;}
#col-tot {float:left; width:970px;background:#FFF;padding:20px 0px 20px 0px;}

	#submen { list-style:none; border-top:1px solid #d7d7a0; font-weight:bold;}
		#submen li {border-bottom:1px solid #d7d7a0;}
		#submen a { display:block; padding:8px 10px 8px 30px;}
		#submen a:link, #submen a:visited {color:#2a4271;text-decoration:none; background:url(../img/submen_a_bkg.png) no-repeat top left;}
		#submen a:hover,#submen a.Sel:link,#submen a.Sel:visited {color:#fff; text-decoration:none;background:#7d80a1 url(../img/submen_a_hover_bkg.png) no-repeat top left;}
		
	#noticies { border-top:1px dotted #2a4271; margin-top:15px; padding:0px 10px; list-style:none;}
		#noticies li { position:relative; border-bottom:1px solid #fad443; padding:8px 0px 8px 45px; min-height:38px;}
		#noticies img { position:absolute; left:0px; top:8px;}
		
	#imatges { margin-top:50px; list-style:none;margin-left:0px;}
		#imatges li {display:inline; }
		#imatges img {margin:0px 5px 5px 0px;}
		
	#docs {margin-top:23px; list-style:none; border-top:1px solid #FAD443; padding-top:5px;}
		#docs li {float:right; display:block; background-repeat:no-repeat; height:24px;padding:3px 0px 0px 28px;}
		#docs .doc { background-image:url(../img/ico_doc.png);}
		#docs .pdf { background-image:url(../img/ico_pdf.png);}
		#docs .pps { background-image:url(../img/ico_pps.png);}

#col-b {float:left; width:659px; background:#fff;padding:15px;}
	#col-b ul {margin:5px 0px 5px 30px;}
#col-not {float:left; width:689px;}
	#col-not div#laNoticia {background:#FFF;padding:10px;}
	img.principal {float:left; display:inline; padding:0px 30px 15px 0px;}
	
	#llista-noticies{list-style:none;}
	#llista-noticies > li{background-color:#fff;padding:15px 15px 15px 15px;margin-bottom:28px;}
			a.imgNoticia{float:left;margin:0px 20px 20px 0px;}
			a.imgNoticia2{float:left;margin:0px 20px 10px 0px;}
			.lesnoticies{float:left;margin-left:20px;position:relative;width:640px;}
			#laNoticia{float:left;margin-left:20px;width:640px;}
				.lesnoticies span{color:#2d4368;}
				.lesnoticies h3 a:link,.lesnoticies h3 a:visited,#laNoticia h3 {color:#e57819;font-weight:bold;}
				.lesnoticies .subtit,#laNoticia .subtit{color:#2d4368;font-weight:bold;margin-top:10px;}
				#laNoticia p{color:#2d4368;font-weight:normal;}
					.lesnoticies ul {list-style:none;position:absolute;bottom:0px;right:0px;}
					#laNoticia ul {list-style:none;margin-top:30px;}
					#laNoticia ul.lesfotus{float:left;width:300px;margin:0px 30px 0px 0px;}
					#laNoticia ul.lesfotus li{height:auto;float:left;padding:0px;}
					#laNoticia ul.lesfotus img{border:1px solid #CCC;}
						.lesnoticies ul li, #laNoticia ul li {float:right; display:block; background-repeat:no-repeat;background-position:5px 0px;padding:3px 5px 0px 33px;height:28px;}
						.lesnoticies ul li a ,#laNoticia ul li a {}
						.lesnoticies .doc ,#laNoticia .doc { background-image:url(../img/ico_doc.png);}
						.lesnoticies .pdf ,#laNoticia .pdf { background-image:url(../img/ico_pdf.png);}
						.lesnoticies .pps,#laNoticia .pps { background-image:url(../img/ico_pps.png);}

	#mesNoticies{list-style:none;padding-top:10px;}					
	#mesNoticies li{display:inline;float:left;width:300px;margin-right:10px;color:#cbcbcb;font-size:11px;margin-bottom:10px;}					
		#mesNoticies li div{width:200px;float:left;}					
		#mesNoticies li a.img{float:left;margin-right:10px;}					
		#mesNoticies li h6{font-size:17px;}					
		#mesNoticies li span{color:#000;}					
	
#col-c {float:right; width:255px;margin-left:25px;margin-right:5px;}
	#col-c h3{color:#e57819;font-weight:bold;text-decoration:underline;}	
	#col-c span.cerca{color:#999;font-weight:bold;}	
	#categories{margin-top:5px;}						
	#categories ul{list-style:none;}						
	#categories ul li{height:25px;border-bottom:1px solid #d6d4ab;padding:5px 0px 0px 0px}											
	#categories a:link,#categories a:visited{color:#2d4368;font-weight:normal;text-decoration:none;}						
	#categories a:hover,#categories a.Sel:link,#categories a.Sel:visited{color:#2d4368;font-weight:bold;text-decoration:none;}						

#col-b ul#subapartats{list-style:none;margin-left:0px;}	
#col-b ul#subapartats li.topGroc h2{font-weight:normal}	
	#col-b ul#subapartats ul li{margin:0px;padding:0px;clear:none;}	
	#col-b ul#subapartats li{clear:both;padding-bottom:20px;margin:0px}	
	#col-b ul#subapartats ul{}	
	#col-b ul#imatges,#col-b ul#docs{margin:20px 0px 5px 0px;}	
		#col-b ul#subapartats li .fr{margin:0px 0px 20px 20px;}	
		#col-b ul#subapartats li .fl{margin:0px 20px 20px 0px;}	
		

#destacats {width:255px;float:right;background:#F3F3E8;list-style:none;border-top:7px solid #FFF;}		
	#destacats li{border-bottom:7px solid #FFF;border-left:7px solid #FFF;border-right:7px solid #FFF;height:40px;}		
	#destacats li.primerDest{border-top:7px solid #FFF;}		
	#destacats li.mapa{height:310px;font-size:12px;margin-top:10px;margin-bottom:10px;background:#FFF;}
	#destacats li.mapa a.elmapa{display:block;width:222px;height:232px;}
	#destacats li.mapa h5{color:#2d4368;font-size:14px;font-weight:bold;padding:5px 5px 0px 5px;}			
	#destacats li a:link,#destacats li a:visited{color:#2d4368;font-weight:bold;text-decoration:none;height:30px;display:block;padding-top:10px;}		
	#destacats li a:hover{text-decoration:underline;}		
	#destacats li a.elContenidor{padding-left:35px;background:url(../img/contenidor_1.png) no-repeat;}		
	#destacats li a.laBotiga{padding-left:35px;background:url(../img/botiga_1.png) no-repeat;}		
	#destacats li a.destacat{padding-left:35px;background:url(../img/destacat.png) no-repeat;}		
	
	div.share{background:#FFF;clear:both;margin:10px 0px 0px 10px;padding:3px 10px 3px 10px;}
		div.share p{margin-bottom:5px;}
		
	
#formMapa p,#formHome p{margin-bottom:10px;position:relative;height:20px;}		
#formMapa #address{border:1px solid #999;background:#CCC;width:250px;height:16px;position:absolute;bottom:0px;left:0px;}		
#formHome #address{border:1px solid #999;background:#CCC;width:200px;height:16px;position:absolute;bottom:0px;left:0px;}		
#formMapa #search{border:1px solid #999;background:#ECEDED;width:230px;height:16px;position:absolute;bottom:0px;left:0px;}		
#formMapa #lupa{border:1px solid #999;background:url('../img/lupa.png');width:15px;height:16px;margin-top:3px;position:absolute;bottom:0px;left:255px;}		
#formHome #lupa{border:1px solid #999;background:url('../img/lupa.png');width:15px;height:16px;margin-top:3px;position:absolute;bottom:0px;left:205px;}		
#formMapa #lupa2{border:1px solid #999;background:url('../img/lupa.png');width:15px;height:16px;margin-top:3px;position:absolute;bottom:0px;left:235px;}		
	
#pictosMapa{list-style:none;margin-top:20px;float:left;}	
#pictosMapa li{display:inline;float:left;padding-right:10px;font-weight:bold;text-align:left;}	
#pictosMapa li img{height:30px;}	
#pictosMapa li span{margin-left:10px;position:relative;top:-8px;left:-2px;}	

#contacte{width:350px;float:left;margin-left:50px;}
	#contacte p{margin-top:10px;}
	#contacte a{color:#2d4368;}
.blauGran{font-size:16px;font-family:verdana;font-weight:bold;}

h2.blau{color:#2d4368;margin-left:35px;margin-left:50px;}
.titolsota{color:#303835;width:450px;height:25px;background:url(../img/sotatitol.png) repeat-x bottom;font-weight:bold;margin-bottom:20px;}
.formulari{width:500px;float:right;}
	#formulari ul{list-style:none}
	#formulari li{clear:both;padding-top:10px;}
	#formulari label{width:150px;color:#909090;font-size:10px;float:left;}
	#formulari label.error{width:250px;color:#CC0000;font-style:italic;font-size:10px;float:left;clear:both;margin-left:150px;}
	#formulari input,#formulari textarea{width:325px;border:1px solid #ebeaea;background:#f2f1f1;float:left;}
	#formulari input.boto{width:50px;border:1px solid #CC0000;background:#FFF;float:left;padding:1px;font-size:10px;margin-left:275px;}
	#formulari li#lopdu{padding-left:150px;}
		#formulari li#lopdu label.error{margin-left:0px;}

#baix { height:81px; background:#606e85 url(../img/baix_bkg.png);padding:5px 20px 5px 20px;position:relative;}
	#baix ul  {list-style:none;float:left;}
	#baix ul li {float:left;display:inline;font-size:10px;color:#FFF;}
	#baix ul li a:link,#baix ul li a:visited {font-size:11px;color:#FFF;}
	#baix ul li a:hover  {text-decoration:none;}
	#baix ul li a:hover span  {text-decoration:underline;}
		#baix #altres {position:absolute;bottom:5px;right:20px;}
	
	#logos{float:left;color:#FFF;position:absolute;bottom:1px;left:125px;font-weight:bold;font-size:11px;;height:91px;}
		#logos li.dalt{margin-right:5px;}
		#logos p{height:11px;margin-top:0px;margin-bottom:2px}
			#logos li.dalt img{height:39px}
		#logos li.sota{margin-right:5px;margin-top:0px;}
			#logos li.sota img{height:24px}
		
	#escullmunicipi{float:right;color:#FFF;}	
		#escullmunicipi p{float:right;color:#E57819;font-weight:bold;padding-bottom:3px;}	
		#escullmunicipi #municipis{padding:2px;background:#FFF;border:0px;font-size:12px;color:#2d4368;clear:both;float:right;width:200px;}
		#escullmunicipi #municipis optgroup {
		    background-color: white;
		    color: black;
		    font-weight:bold;
		    font-style:normal;
		    font-size:12px;
		}
		#escullmunicipi #municipis option {
		    background-color: white;
		    color: black;
		    font-weight:normal;
		    font-style:normal;
		    padding-left:20px;
		    font-size:12px;
		}

#relacionades{float:left;margin:20px 0px 20px 20px;width:640px;clear:both;background:#FFF;padding:20px 0px 0px 20px;}		
#relacionades h3{color:#E57819;}	
#relacionades ul{list-style:none;padding-top:10px;}					
	#relacionades ul li{display:inline;float:left;width:300px;margin:0px 10px 10px 0px;color:#cbcbcb;font-size:11px;padding:0px 0px 10px 0px;border-bottom:1px solid #ffecb1}										
		#relacionades ul li a.img{float:left;margin-right:10px;}					
		#relacionades ul li div{float:left;width:240px;}					
		#relacionades ul li span{color:#000;}
		#relacionades ul li h6{font-size:14px;}	
		
/* Mapa Web */
#mapaweb{list-style:none;margin:10px 0px 30px 20px;}
#mapaweb ul{list-style:none;margin:5px 0px 10px 20px;}
#mapaweb h3 a{color:#2a4271}

/* Nuvol de tags */
#tagcloud {
  width: 230px;
  background:#fce7cc;
  padding: 20px 10px 30px 10px;
  margin-bottom:20px;
  border: 1px solid #fce7cc;
  text-align:center;
}
#tagcloud a:link, #tagcloud a:visited {
  text-decoration:none;color:#2a4271;
  text-decoration: underline;
}
#tagcloud a:hover, #tagcloud a:active {
  text-decoration: underline;
  color: #000;
}
#tagcloud span {
  padding: 4px;
  font-weight:bold;
}
.smallest {font-size: 8px;}
.small{font-size: 12px;}
.medium{font-size:16px;}
.large{font-size:20px;}
.largest{font-size:24px;}
		
/* Recurs */
.taronja{color:#F48200;}
.cb {clear:both;height:0px;}
.mt5{margin-top:8px;}
.ml20{margin-left:20px;}
.fl{float:left;}
.fr{float:right;}
.topGroc{border-top:1px solid #FAD443;padding-top:10px;}
.bold{font-weight:bold}
#passi_inici{width:980px;height:255px;}
#rss{padding-left:20px;height:15px;background:url(../img/rss.png) no-repeat;display:block;padding-top:1px;}