@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}
html, body{height:100%;}
body { background:url('http://i1177.photobucket.com/albums/x341/imagesbucket2012/Fil%20Aracne%202012/desembre/12x12/bg_styles02.jpg') no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#37424a; line-height: 150%;}
p {margin: 1em 0;}

a { outline:none;}
a:link, a:visited {  text-decoration:none;color:#CC0000;}
a:hover { text-decoration: underline;}
img { border:none;}


.area{background:#000;}
.area-login{background-position:center;}
.area-login #cont{border:0px;}
.area-login #menu a,.area #menu a{color:#FFF;}
.area-login #menu li,.area #menu li{border-left:1px dotted #FFF;}

#main {position:relative;min-height:100%;height:auto !important;height:100%;}
	.dins{margin:0 auto;width:450px;}
	.inici{background:url(../img/inici_bkg.png) repeat-x !important;}
#top {height:115px;position:relative;}
	#logo{position:absolute;top:20px;left:5px;}
	#idiomes{position:absolute;top:5px;right:5px;list-style:none;}
		#idiomes li{display:inline-block;margin-left:15px;*float:left;}
		#top a{font-size:11px;color:#848484;}
	
	#beta{position:absolute;top:5px; left:450px;}	
		
	#social{list-style:none;position:absolute;right:5px;top:35px;}	
		#social li{display:inline-block;margin-left:3px;*float:left;}	
		#social li.clients{color: #848484;font-size:11px;position:relative;top:-3px;}	
		#social li span{font-size:16px;margin:0px 3px;}	
		#social a img.hide,#social a:hover img.show{display:none;}	
		#social a:hover img.hide{display:block;}	
		
	#menu{list-style:none;position:absolute;bottom:5px;left:5px;}	
	#menu li{display:inline-block;border-left:1px dotted #e5e5e5;padding:0px 10px 0px 10px;*float:left;}	
	#menu li.primer{border:0px;padding:0px 10px 0px 0px;}	
	#menu a{color:#666666;font-size:15px;}	
	#menu a:hover,#menu a.actiu{color:#cccccc;text-decoration:none;}	
#cont {padding-bottom:215px;position:relative;border-top:1px solid #e5e5e5;}
	#cont div.stitol{border-bottom:1px solid #e5e5e5;margin-bottom:40px;position:relative;}
	#cont div.stitol.lab{border-bottom:0px;margin-bottom:0px;}
	#cont div.stitol.lab h1{padding:27px 0px 12px 0px;}
	#cont div.stitol.lab #ico_opcions{top:45px;}
		#cont div.stitol a{font-size:12px;}
	#cont .dins {position:absolute;}
		#firma{position:absolute;left:70px;top:0px;}
	#cont h1 {font-size:35px;font-weight:normal;color:#999999;padding:27px 0px;}
	#cont-a{width:125px;float:left;padding-right:50px;text-align:right;}
		#cont-a ul{list-style:none;}
		#cont-a ul ul{list-style:none;margin:5px 0px 15px 0px;}
		#cont-a ul ul span{margin-left:3px;position:relative;top:1px;}
		#cont-a li{margin-bottom:10px;}
		#cont-a a{color:#999999;font-size:14px;}
		#cont-a ul ul a{color:#666670;font-size:12px;}
		#cont-a ul ul a:hover,#cont-a ul ul a.actiu{color:#BD0926;}
		#cont-a ul ul li{margin-bottom:2px;}
		#cont-a a:hover,#cont-a a.actiu{color:#1a171b;text-decoration:none;}
	#cont-b{width:890px;float:left;padding-left:35px;background:url(../img/cont_bkg.png) no-repeat 0px 0px;}
	#cont-b h2{color:#58585a;margin:10px 0px 0px 0px;font-size:26px;line-height:27px;}
		#cont-ba{width:405px;padding-right:40px;float:left;background:url(../img/cont_bkg.png) no-repeat 100% 0%;}
		#cont-bb{width:425px;float:left;padding-left:20px;}
		
			#cont-bb .dossier{background-repeat:no-repeat;width:250px;height:80px;padding:25px 50px 10px 20px;margin:0px 0px 0px 20px;display:block;text-align:center;font-size:26px;color:#58585A;line-height:30px;}
			#cont-bb .dossier a{border:2px solid #838383;font-size:12px;color:#838383;text-transform:uppercase;background:#f2f2f2 url(../img/descarregar_bkg.png) no-repeat 14px 8px;width:145px;height:30px;display:block;margin:12px auto;}
			#cont-bb .dossier a:hover{text-decoration:none;}
			
				a.dossier span{text-transform:uppercase;display:block;font-size:12px;margin-top:15px;}
				
			#cont-bb ul.docs li{padding-bottom:8px;}	
			#cont-bb ul.docs a,#cont-bb ul.docs span,#cont-bb ul.docs strong{color:#8a8a8a;line-height:11px;}	
			#cont-bb ul.docs strong{color:#8a8a8a;display:block;font-weight:normal;margin-left:15px;margin-top:5px;}	

#tot{background:#FFF;}
	
/* Destacats */
#destacats{list-style:none;text-align:center;margin-top:80px;}
#lateral{list-style:none;text-align:center;margin-bottom:20px;}
	#lateral li{margin-bottom:20px;}
	#destacats li{display:inline-block;*float:left;*margin-right:5px;}

.dins {width:240px;text-align:center;overflow:hidden;margin-left:70px;margin-top:50px;border-top:4px solid #6b2424;border-bottom:4px solid #6b2424;border-left:4px solid #6b2424;border-right:4px solid #6b2424;}


#home p.trajan{margin:10px 0px;}
#home h1{padding:25px 0px 10px 0px;}

	#home #destacats{height:326px;margin-top:0px;position:relative;pverflow:hidden;}
	#home #destacats a img{position:relative;z-index:10;}
	#home #destacats p{text-decoration:none;line-height:90%;text-align:left;padding:8px 8px 8px 15px;height:44px;position:absolute;bottom:50px;right:0px;background:url(../img/home_title_bkg.png) no-repeat;color:#000;font-size:22px;z-index:111;}
	#home #destacats p span{display:block;font-size:17px;margin-top:5px;}
	#home #nav{padding:5px 0px;margin-left:60px;margin-top:6px;text-align:left;}
	#home #nav a{padding:3px 10px 3px 0px;color:#999999;}
	#home #nav a.activeSlide{color:#0a0a0a;text-decoration:underline;}
	
	
	.list_news{list-style:none;}
	.list_news li{background:url(../img/list-sep.png) repeat-x 0% 100%;height:305px;width:335px;padding-bottom:20px;margin:0px 0px 25px 70px;float:left;}
	.list_news li.primer{margin:0px 0px 25px 0px;}
	.list_news h2 a{list-style:none;color:#58585a;margin-top:20px;}
	.list_news p{margin:5px 0px;}
	.list_news span.data,span.data{color:#58585a;font-size:17px;font-weight:normal;margin-top:5px;display:block;}
		span.data{color:#58585a;font-size:12px;font-weight:normal;}
	.list_news h2 a{color:#999999 !important;display:block;}
	.list_news a{color:#CC0000 !important;}
	
/* Adjunts i imatges */

.docs{list-style:none;margin-top:20px;}
.docs span{color:#bd0926;font-weight:bold;position:relative;top:1px;margin-right:5px;}
.docs a{font-size:11px;color:#bd0926;}
.docs li{clear:both;}


.imatges{list-style:none;}
	.imatges li{display:inline-block;margin:0px 0px 15px 15px;*float:left;}
	.imatges li.primer{clear:both;margin:0px 0px 15px 0px;}

/* Recursos */
.cb{clear:both;}
.fr{float:right;}
.fl{float:left;}
.mt15{margin-top:15px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.bold{font-weight:bold;}
.bn{background:none !important;}
.pt10{padding-top:10px;}
.fs10{font-size:10px !important;}
h2.ttu{text-transform:uppercase;color:#999999 !important;font-size:32px !important;font-weight:normal;margin-bottom:15px !important;}
.passi{list-style:none;/*height:385px;*/margin-bottom:20px;}
.hide{display:none;}
.titol{font-weight:normal;margin:15px 0px 0px 0px;}
 	.titol strong{margin:0px 10px 0px 0px;}
.trajan{font-size:25px !important;color:#999999 !important;}
.subtitol{font-size:19px;}
.sep{background:url(../img/list-sep.png) repeat-x 0% 100%;height:4px;border:0px;}
.solicita{background:url(../img/boto.png) no-repeat;width:200px;height:25px;display:block;text-align:center;padding:5px 0px 0px 0px;text-transform:uppercase;color:#000 !important;}
.franja{background:#e6e6e6;padding:2px 10px 3px 10px;color:#FFF;font-size:16px;font-weight:bold;margin-top:10px;}
	.franja select{float:right;font-size:11px;width:100px;margin-top:1px;}
	.franja ul{float:right;font-size:11px;margin-top:1px;text-align:right;}
		.franja ul li{display:inline-block;}
		.franja ul a.actiu{color:#bd0926;}
		.franja ul a{color:#848484;font-size:12px;font-weight:normal;}
		.franja ul span{font-size:16px;margin:0px 5px 0px 2px;color:#848484;}
 hr.sep{background:url(../img/list-sep.png) repeat-x 0% 100%;height:20px;border:0px;}	
 .sep2{border:0px;border-top:1px solid #e5e5e5;border:0px;}	
	
/* Passi d'imatges */
#caption{width:450px;height:564px;background:url(../img/list-sep.png) repeat-x 0% 100%;padding-bottom:25px;margin-bottom:25px;}
#projecte{margin-top:15px;list-style:none;background:url(../img/list-sep.png) repeat-x 0% 100%;height:385px;padding-bottom:20px;}	

/* Opcions compartir*/
#ico_opcions{position:relative;top:15px;*top:30px;z-index:100;}
#ico_opcions .addthis_toolbox{float:right;}
	/*#ico_opcions a{margin:0px 0px 0px 3px;float:left;width:16px;height:16px;display:block;}
		#comparteix{float:left;margin-right:2px;}
		#recomana,.enviat{position:absolute;right:0px;top:30px;width:250px;border:1px solid #332B26;background:#EFEFEF;padding:0px 0px 10px 0px;}
		#recomana h6{background:#BD0926;font-size:12px;color:#000;padding:2px 5px;}
		.enviat{padding:10px;width:150px;}
	#form_amic{padding:5px 10px 0px 10px;}
	#form_amic td{padding-bottom:1px}
	#form_amic input{width:220px;background:#FFF;color:#000;border:1px solid #C0C0C0;font-size:11px;float:left;padding:1px;}
	#form_amic input.boto{background:#000;color:#FFF;border:1px solid #999;font-size:11px;float:left;padding:1px;width:100px;cursor:pointer;}
	#form_amic input.error{background:#FFCFCF;border:1px solid #CC0000;}
	#form_amic label{width:100px;color:#000;font-size:11px;float:left;}
	#form_amic p.error{width:200px;color:#000;text-align:left;float:left;font-style:italic;font-size:10px;margin-left:10px;}	*/	
 	
#global{
		background:url(../img/list-sep.png) repeat-x 0% 100%;
		padding-bottom:25px;
		margin-bottom:25px;
		/*filter:alpha(opacity=0);
        -moz-opacity:0;
        -khtml-opacity: 0;
        opacity: 0;*/
}
#global #mycarousel li{margin-right:25px;}
#bloc-b #mycarousel li{margin-right:8px !important;}
#global #mycarousel li a{width:153px;height:85px;margin:0px 15px 0px 0px;display:block;border:1px solid #CCC;position:relative;}
#global #mycarousel li a img.play{position:absolute;top:0px;left:0px;}
#global #caption{padding:20px 0px;width:100%;text-align:center;height:385px;padding-top:20px;}

#armengol{clear:both;padding:5px 0px 20px 0px;height:175px;}
#armengol ul{list-style:none;}
#armengol li div{position:relative;margin-bottom:5px;height:85px;}
#armengol li div span{background:#bd0926;width:105px;height:69px;font-size:25px;font-weight:bold;color:#FFF;position:absolute;top:0px;left:0px;padding:8px 10px;text-align:left;}
#armengol li div img{float:right;margin-left:115px;}
#armengol h2 a,#armengol span{color:#58585a;font-size:17px;}
#armengol li p{color:#b3b3b3;margin:10px 0px;display:none;}

#newsletter{background:#F2F2F2 url(../img/tretzenews.png) no-repeat 5px 5px;color:#000;width:290px;height:88px;display:block;text-align:center;padding-top:30px;}
#newsletter form{position:relative;background:#C6C7C8;height:78px;padding:5px;position:relative;}
		#newsletter form p {color:#4D4D4D;font-size:18px;white-space:nowrap;margin:5px 0px;clear:both;text-align:left;}
		#newsletter .input {background:transparent;border:1px solid #868889 !important;padding:1px 5px 2px 5px;width:118px;height:16px;position:absolute;top:0;left:0;font-size:10px;color:#000;}
		#newsletter .error {background:#FFEFEF;}
		#newsletter .lopd {width:15px;position:relative;top:2px;}
		#newsletter .submit {background:url(../img/enviar_bkg.png) no-repeat !important;height:16px !important;width:75px !important;border:0 !important;cursor:pointer;color:#FFF;font-size:10px;position:absolute;bottom:3px;right:3px;}
		#newsletter form span {display:block;background:#FFF;color:#90afc6;position:relative;width:120px;padding:1px 5px;margin:0 5px 2px 0;float:left;font-size:10px;color:#000;text-align:left;}
		#newsletter label.error {display:none !important;}


/* Mapa Web */
.mapa{list-style:none;margin-top:25px;}
.mapa li{padding:1px 0px 0px 0px;}
.mapa ul{list-style:none;margin:5px 0px 10px 20px ;}
.mapa ul{list-style:none;margin-left:20px;}
.mapa a{color:#8c8c71;padding:0px 0px 0px 15px;font-weight:bold;}
.mapa ul a{color:#8c8c71;background:none;font-weight:normal;}