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

* {margin:0;padding:0;}
html, body{height:100%;}
img {border:0;}
a{outline:none;}

body {background:#313131 url(../img/body_bkg.png);font-family:Arial, Helvetica, sans-serif;font-size:12px;color:##f1f1ea;}

.verticaltext {
direction: ltr; unicode-bidi: embed; 
}

a:link, a:visited {color:#9900FF;}
/*a[target="_blank"]:link, a[target="_blank"]:visited {color:#009900;}*/

#idiomes .ca{border-top:1px dashed #f1f1ea;}

#main {background:url(../img/main_bkg.png) repeat-x;_background:none;min-height:100%;height:auto !important;height:100%;}

	#sup {background:#aa0829;color:#f1f1ea;height:76px;padding:19px 0px 0px 43px;font-size:10px;}
	#sup .int {position:relative;width:877px;}
	#sup ul {position:absolute;right:5px;top:45px;text-transform:uppercase;list-style:none;}
	#sup li {display:inline;}
	#sup a:link, #sup a:visited {color:#ead5d2;text-decoration:none;}
	#sup a:hover, #sup a.actiu {color:#ead5d2;text-decoration:underline;}
	#sup span {padding:0px 3px;}



	#ruta {height:34px; padding:10px 0px 0px 230px;}
	#ruta p {color:#fff;font-size:10px;}
		#ruta a:link,#ruta a:visited {color:#fff;font-size:28px;text-decoration:none;height:28px;}
		#ruta a:hover {text-decoration:underline;}
		#ruta a.baixa {position:relative;top:5px;}
	#ruta h1 {color:#fff;font-size:28px;font-family:"trebuchet MS",Arial,Helvetica,sans-serif;margin-top:8px;width:650px;height:28px;}
	#ruta h1 a:hover {text-decoration:none}

	#cont {width:920px;}
		#col-a {float:left;width:194px;margin-right:36px;}
		#col-c {float:left;width:330px;margin-right:16px;}
		#col-d {float:right;width:315px;}
		#col-b {float:left;width:669px;color:#f1f1ea;padding:15px 0px 0px 0px;margin-bottom:15px;background:url(../img/lletres_trama.png) no-repeat bottom right;/* url(../img/col-b_bkg.png) no-repeat bottom right*/;}
			#col-b p{line-height:150%;}
		
		#generic {width:669px;padding-bottom:100px;}
			#generic div.text{clear:both;margin-top:20px;width:415px;float:left;}	
			#generic div.text_tot{clear:both;margin-top:0px;width:669px;float:left;}	
				#generic div.text ul{margin-left:20px;}	
			#generic ul.imatges{width:171px;list-style:none;float:left;margin:20px 0px 0px 83px;}
				#generic ul.imatges li{margin-bottom:10px;}
				#generic ul.imatges li span{clear:both;font-size:10px;color:#f1f1ea;background:#FFF url(../img/ico_fletxa.gif) no-repeat left;padding:2px 0px 0px 20px;display:block;}
				.fletxa{background:url(../img/ico_fletxa.gif) no-repeat left;padding:0px 0px 0px 20px;}
				.fletxaGenere{background:url(../img/ico_fletxa.gif) no-repeat top left;padding:10px 10px 0px 0px;}

			#sobrepassi{border:10px solid #f1f1ea;width:648px;}	
			#sobrepassi div.border{border:1px solid #73061a;background: #f1f1ea;width:642px;padding:2px;}	
			#passi {width:642px;}	
			
			div#fletxes{width:667px;padding:20px 0px 0px 0px;clear:both;}	
			
/* Els serveis */
#cates{margin-bottom:20px;padding-bottom:5px;border-bottom: 1px dashed #f1f1ea;}
#cates li{display:inline;}
#cates li a:link,#cates li a:visited{font-size:11px;color:#f1f1ea;font-weight:bold;text-decoration:none;}
#cates li a:hover{font-size:11px;color:#CC0000;font-weight:bold;text-decoration:underline;}

/* Genere */
.simbolsHome{background:url(../img/genere_home.png) no-repeat bottom right;}
.simbolsDona{background:url(../img/genere_dona.png) no-repeat top left;}
.man img.gen,.woman img.gen{width:205px;}
#genere{height:450px;} /*Atents a la mida minima*/
#genere li{display:inline;position:relative;}
#genere li.man{float:left;padding-right:110px;}
#genere li.woman{float:right;padding-left:95px;}
#genere li a{display:block;height:285px;}
#genere img{float:left;}
#genere li.man h1{position:absolute;top:10px;right:0px;color:#f1f1ea;text-decoration:none;font-size:28px;}
#genere li.woman h1{position:absolute;bottom:10px;left:0px;color:#f1f1ea;text-decoration:none;font-size:28px;}

/* Noticies */
#actualitat {list-style:none;background:none}
	#actualitat li{border-bottom:1px dashed #f1f1ea;height:135px;margin-bottom:10px;}
	#actualitat li a.imatge{float:left;}
	#actualitat li div{float:left;width:455px;margin-left:20px;padding:10px 10px 0px 0px;}
		#actualitat li div span{font-size:10px;color:#D9D4BF}
		#actualitat li div p{font-size:12px;margin-top:10px;padding-bottom:5px;}
		#actualitat li div a.mes:link,#actualitat li div a.mes:visited,#vacants li a.mes:link,#vacants li a.mes:visited{font-size:10px;color:#f60729;text-decoration:none;text-transform:uppercase;font-weight:bold;font-family:Verdana ;}
			#actualitat li div a.mes:hover,#vacants li a.mes:hover{text-decoration:underline;}
		#actualitat li div h2 a:link,#actualitat li div h2 a:visited,#vacants li h2 a:link,#vacants li h2 a:visited{font-size:12px;text-transform:uppercase;color:#D9D4BF;font-weight:bold;text-decoration:none;}
			#actualitat li div h2 a:hover,#vacants li h2 a:hover{text-decoration:underline;}

		
#paginacio{list-style:none;width:665px;background:#f1f1ea;height:17px;margin-top:10px;padding:2px;clear:both;}
#paginacio li{display:inline;}
	#paginacio li a{text-decoration:none;font-weight:bold;}
	#paginacio li a:link,#paginacio li a:visited{color:#999;font-size:10px;padding:4px 4px 5px 4px;margin:1px;}
	#paginacio li a.mov:link,#paginacio li a.mov:visited{color:#aaa;font-size:10px;background:#f1f1ea;}
		#paginacio li a:hover,#paginacio li a.sel:link,#paginacio li a.sel:visited{background:#CC0000;color:#FFF;font-size:10px;}
		#paginacio li a.mov:hover{background:#f1f1ea;text-decoration:underline;}

#noticia{position:relative;}
	#noticia #gallery{margin:0px 0px 20px 20px;float:right;width:276px;}
		#noticia #gallery a.imatge2{float:left;margin:8px 6px 0px 0px}
	#noticia span.fletxa{font-size:10px;color:#D9D4BF}
	#noticia h2{font-size:12px;text-transform:uppercase;color:#D9D4BF;font-weight:bold;text-decoration:none;margin-bottom:30px;}
		#noticia div.pictos{list-style:none;background:#FFF;font-size:10px;padding:5px 15px;margin:10px 0px 0px 0px;float:right;}
		#noticia div.pictos ul{list-style:none;background:#FFF;}
		#noticia div.pictos p{color:#000;}
			#noticia div.pictos li{display:inline;}
				ul.opcions{width:175px;float:right;margin:10px 0px 0px 0px;padding-left:10px;list-style:none;}
					ul.opcions li{padding:2px;}
					ul.opcions li.filet{}
						ul.opcions li a:link,ul.opcions li a:visited{text-decoration:none;text-transform:uppercase;font-size:10px;color:#f1f1ea;}
						ul.opcions li a:hover{text-decoration:underline;}
						
		.amic{padding-left:20px;background:url(../img/picto_send.png) no-repeat 0px 2px;}
		.print{padding-left:20px;background:url(../img/picto_print.png) no-repeat 0px 1px;}
		.galeria{padding-left:20px;background:url(../img/picto_camara.png) no-repeat 0px 2px;}
		.sugeriment{padding-left:20px;background:url(../img/picto_sugeriment.png) no-repeat 0px 2px;}
		.hora{padding-left:20px;background:url(../img/picto_hora.png) no-repeat 0px 2px;}
		
		#noticia #actualitat {padding-bottom:10px;margin-bottom:20px;}
			#noticia #actualitat li a.imatge{border:3px solid #f1f1ea;margin:0px 0px 20px 0px}
			#noticia #actualitat li{height:55px;border-bottom:none;clear:both;}
			#noticia #actualitat h2{margin-bottom:10px;}

			#noticia #tornar{position:absolute;top:10px;right:0px;}
				#tornar a:link,#tornar a:visited{width:145px;height:15px;text-decoration:none;color:#FFF;font-size:10px;display:block;background:#aa0829 url(../img/tornar.png) no-repeat 10px 10px;padding:5px 0px 5px 25px;}
				#tornar a:hover,.inscriure:link,.inscriure:visited{background:#000 url(../img/tornar.png) no-repeat 10px 10px;}

				
#vacants{list-style:none;margin-top:20px;}
	#vacants li p{border-top:1px dashed #f1f1ea;border-bottom:1px dashed #f1f1ea;font-size:10px;color:#f1f1ea;text-transform:uppercase;padding:5px 0px}
	#vacants li{margin-bottom:15px;clear:both;}
	#vacants span.fletxa{font-size:10px;}
	#vacants h2{font-size:12px;text-transform:uppercase;color:#f1f1ea;font-weight:bold;text-decoration:none;margin-bottom:0px;}				
#borsa{width:360px;float:left;}				
				
#menu { /*url(../img/menu_bkg.png) repeat-x*/;color:#f1f1ea;/*padding-top:5px;*/}
#menu ul {/*padding-bottom:5px;background:url(../img/menu_bkg.png) repeat-x bottom left;*/padding-left:43px;list-style:none;}
#menu li {background:url(../img/menu_li_bkg.png) repeat-x top left;padding-top:1px;}
#menu li.inicial {background:none;padding-top:1px;}
#menu a {display:block;padding:7px 8px 6px 21px;text-transform:uppercase;font-size:10px;background:url(../img/fletxa_menu_off.gif) no-repeat 4px 9px ;}
#menu a:link, #menu a:visited {color:#f1f1ea;text-decoration:none;}
#menu a:hover,#menu a.sel:link,#menu a.sel:visited {background:#aa0829 url(../img/fletxa_menu_on.gif) no-repeat 4px 9px;color:#fff;text-decoration:none;}
#menu a.actiu {background:#f1f1ea;color:#fff;text-decoration:none;}

#baix{clear:both;margin-top:40px;padding-top:10px;background:#f1f1ea;width:653px;font-size:10px;height:55px;color:#000;padding:8px 8px}			
	#baix ul{list-style:none;padding-top:5px;}			
	#baix ul li{display:inline;float:left;}			
	#baix ul li.disseny{display:inline;float:right;}			
		#baix ul li.disseny a:link,#baix ul li.disseny a:visited{margin-left:5px;text-decoration:none;color:#000;}			
		#baix ul li.disseny a.mail:link{color:#000;text-decoration:underline;}			
		#baix ul li.disseny img{position:relative;top:5px}			
			#baix ul li a:link,#baix ul li a:visited{color:#aa0829;}		
			
		#baix ul li a:link,#baix ul li a:visited{color:#aa0829;text-decoration:none;}		
		#baix ul li a:hover{text-decoration:underline;}		
			#baix ul li a.mail:link,#baix ul li a.mail:visited{color:#000;text-decoration:underline;margin-left:5px;}
			#baix ul li.disseny a.mail:link,#baix ul li.disseny a.mail:visited{color:#000;text-decoration:none;margin-right:5px;}	
	
	
/* Global de les imatges */
.imatge2{border:4px solid #f1f1ea;display:block;z-index:1}
.imatge,#tour{border:10px solid #f1f1ea;display:block;z-index:1}
.imatge{text-align:center;background:#f1f1ea;display:block;}
.imatge > img,.imatge2 > img{border:1px solid #73061a;padding:2px;background: #f1f1ea;}	
#tour iframe{width:643px; height:295px; border:none; overflow:hidden}	

#galeria{list-style:none;float:left;margin:20px 0px 0px 0px;}
	#galeria li{float:left;display:inline;margin:0px 0px 25px 30px}
		#galeria li a.imatge{width:183px;height:112px;}
	
/*Recomana a aun amic*/
#noticia #recomana{background:#EFEFEF;font-size:10px;padding-bottom:10px;padding:5px;position:absolute;z-index:1001}
	#recomana label,#recomana td{color:#000;}
	#recomana input{background:#FFF;font-size:10px;border:1px solid #f1f1ea;width:150px;}
	#recomana p.error{color:#CC0000;font-style:italic;}
		#okenviat{color:#000000;font-weight:bold;font-size:12px;}
		#koenviat{color:#CC0000;font-weight:bold;font-size:12px;}

/* Serveis */
#serveis{
	float:left;
}
#serveis , #serveis li{
	list-style:none;
}
#serveis li{
	height:500px;
	float:left;
	width:41px;
	padding-left:9px;
	overflow:hidden;
	display:inline;
	position:relative;
}
#serveis li a{
	height:450px;
	float:left;
	width:250px;
	display:block;
	text-decoration:none;
	position:absolute;
	bottom:0px;
}
#serveis li a img.titol{float:left;position:absolute;bottom:0px;left:0px;}
#serveis li a img.img{float:right;margin-top:100px;}
#serveis li a h1{color:#f1f1ea;}
#serveis li a h1 img{position:absolute;bottom:0px;left:0px;border:1px solid #CC0000;}

#passi_serveis{width:654px;height:500px;overflow:hidden;margin-bottom:10px;position:relative;}
#passi_serveis ul{position:absolute;top:0px;left:0px;}

#formulari{padding:15px;margin-bottom:20px;}
.fons_form_ca{background:#f1f1ea url(../img/form_ca.png) no-repeat top right;}
.fons_form_es{background:#f1f1ea url(../img/form_es.png) no-repeat top right;}
	#formulari ul{list-style:none;float:left;width:320px;}
	#formulari ul li{color:#CC0000;font-size:11px;padding-bottom:2px;font-weight:normal;}
	#formulari li.fitxer{background:url(../img/seleccionar.png) no-repeat;color:#000;font-weight:normal;padding:2px 0px 3px 10px;position:relative;width:290px;}
	#formulari #arxiu{position:absolute;top:0px; right:0px;;width:180px;padding:2px;}
		#formulari label{font-size:10px;color:#000;text-transform:uppercase;padding-right:5px;}
		#formulari input{width:315px;background:#f8f8f5;border:0px;font-size:11px;padding:2px;margin-bottom:5px;}
		#formulari textarea{width:315px;height:50px;background:#f8f8f5;border:0px;font-size:11px;padding:2px;margin-bottom:5px;}
		#formulari input[type="file"] {color:#000;position: absolute; left:0px;height: 100%; width: auto; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
		#formulari p.error{color:#CC0000;font-style:italic;font-size:10px;font-weight:normal;padding-bottom:5px;}
		
		#formulari input.error{width:315px;background:#FFDFDF;border:0px;font-size:11px;padding:2px;margin-bottom:5px;}
		#formulari ul.lopd{margin-top:120px;margin-left:20px;width:250px;}
		#formulari ul.lopd span{font-size:10px;color:#CC0000;}
		#formulari ul.lopd li{font-weight:normal;color:#999;font-size:10px;margin-top:10px;}
		#formulari li.lopd{font-weight:normal;color:#999;font-size:10px;margin-top:10px;width:280px;}
		#formulari ul.lopd li input,#formulari li.lopd input{width:10px;}
		#formulari ul.lopd li input.boto,#formulari li.lopd input.boto{width:65px;background:#313131 url(../img/boto_contacte.png)no-repeat 5px 7px;color:#FFF;font-weight:bold;padding-left:10px;font-size:10px;}

		
#fitxa-vacant{list-style:none;}		
#fitxa-vacant li{list-style:none;}		
#fitxa-vacant li span{font-size:10px;color:#f1f1ea}		
#fitxa-vacant li p{font-size:12px;color:#f1f1ea}		
#fitxa-vacant li.titol{font-size:10px;color:#CC0000;text-transform:uppercase}		
#fitxa-vacant li h3{font-size:12px;color:#f1f1ea;font-weight:bold;}		
#fitxa-vacant li.discontinua{border-bottom:2px dotted #f1f1ea;padding-bottom:15px;}		
#fitxa-vacant ul li{margin-top:5px;}		
#fitxa-vacant ul li.titol{margin-top:15px;}		

.inscriure:link,.inscriure:visited{height:15px;text-decoration:none;color:#FFF;font-size:10px;display:block;background:#aa0829 url(../img/tornar.png) no-repeat 10px 10px;padding:5px 0px 5px 25px;text-transform:uppercase;}
#inscripcio{margin-top:10px;}

#googlem{border:10px solid #f1f1ea;display:block;}
#googlem #map_canvas{width:643px; height:229px; border:none; overflow:hidden;border:1px solid #73061a;padding:2px;background: #f1f1ea;}	

#contacte{list-style:none;width:240px;float:right}
#contacte li{margin-bottom:20px;}

/* Mapa Web */
#mapa{list-style:none;margin:10px 0px 30px 20px;}
#mapa ul{list-style:none;margin:5px 0px 10px 20px;}
#mapa li{list-style:none;padding:0px 0px 4px 0px;}
#mapa a:link,#mapa a:visited{color:#f1f1ea;text-decoration:none}
#mapa a:hover{color:#aa0829;text-decoration:underline}

.antigues:link,.antigues:visited{color:#f1f1ea;background:none;padding-left:20px;text-transform:uppercase;background:url(../img/anteriors.png) no-repeat 5px 4px;font-size:10px;text-decoration:none;float:right;}
.antigues:hover{text-decoration:underline;}
/* Recurs */
.cb {clear:both;}
.cb0 {clear:both;height:0px;float:none;}
.fs10 {font-size:10px;}
.fl {float:left;}
.fr {float:right;}
.pr{position:relative;}
.upper{text-transform:uppercase;}
.w300{width:300px;}
.w325{width:325px;}
.p10{padding:10px;} 
.ml40{margin-left:40px;} 
.ml20{margin-left:20px;} 
.mt10{margin-top:10px;} 
.discontinua2{border-bottom:1px dashed #f1f1ea;border-top:1px dashed #f1f1ea;padding:10px 0px ;}	
.youtube{position:relative}
.youtube img.video{position:absolute;left:100px;top:50px;background:none;border:0px;}