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

* {margin:0;padding:0;}
html, body{height:100%;}
body { background:url(../img/body_bkg.png); 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:460px;}
	.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;}
	
/* Equip */	
#equip{list-style:none;width:890px;}
#equip li{list-style:none;width:275px;margin-left:32px;display:table-cell;float:left;}
#equip h2{font-size:23px;color:#999999;}
#equip div.img{padding-bottom:8px;margin-bottom:6px;background: url("../img/ombra.gif")  no-repeat 0 100%;}
#equip a{color:#8a8a8a;padding:5px 0px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;display:block;text-align:right;font-size:11px;padding-right:20px;background: url("../img/fletxa_bkg.png")  no-repeat 100% 130%;}
	#equip a .hide,#equip a.actiu .show{display:none;}
	#equip a .show,#equip a.actiu .hide{display:block;}
#equip a.actiu{background: url("../img/fletxa_bkg.png")  no-repeat 100% -30%;}
#equip a:hover{text-decoration:none;}
#equip div.biografia{display:none;font-size:11px;text-align:justify;}
#equip p{color:#4d4d4d;margin:5px 0px 12px 0px;}
#equip li.primer{margin-left:0px;}


/* Llista Noticies */
#anys{list-style:none;position:absolute;top:0px;right:0px;}
	#anys li{display:inline-block;*float:left;}
	#anys a.actiu{color:#bd0926;}
	#anys a{color:#848484;}
	#anys span{font-size:16px;margin:0px 5px 0px 2px;color:#848484;}
.anys{margin-bottom:15px;margin-top:45px;clear:both;}	
	.anys a{font-size:11px;color:#848484;}	
	.anys .seguent{float:right;}	
	.anys .anteror{float:left;}	
	

.list{list-style:none;}
	.list li{background:url(../img/list-sep.png) repeat-x 0% 100%;padding-bottom:20px;margin-bottom:30px;}
	.list h2 a{list-style:none;color:#58585a;margin-top:20px;}
	.list p{margin:5px 0px;}
	.list span.data,span.data{color:#58585a;font-size:17px;font-weight:normal;margin-top:5px;display:block;}
		span.date{color:#58585a;font-size:12px;font-weight:normal;}
	.list a{list-style:none;color:#bd0926;display:block;}
	
	
.llista{list-style:none;padding:30px 0px;}	
	.llista li{width:345px;margin:0px 0px 25px 31px;float:left;padding-bottom:8px;background: url("../img/ombra.gif")  no-repeat 0px 155px;}
	.llista li.primer{margin:0px 0px 25px 0px;clear:both;}
	.llista a{color:#848484;}
	.llista a img{margin-bottom:6px;}
	.llista a:hover{color:#000;text-decoration:none;}
	.llista a strong{font-size:14px;margin-right:7px;}
	.llista a span{font-size:12px;}
	
/* Case Studies - Llista */	
.llista2{list-style:none;padding:50px 0px 30px 0px;}	
	.llista2 li{width:345px;margin:0px 0px 25px 31px;float:left;}
	.llista2 li.primer{margin:0px 0px 25px 0px;clear:both;}
	.llista2 h2{font-size:18px;font-weight:normal;}
	.llista2 img{float:left;margin:0px 20px 0px 0px;}
	.llista2 p{color:#CCC;margin:5px 0px;}
	

	
/* Categories Projectes */
.dinscat{background:#666666;height:53px;text-align:center;position:realtive;}
#categories{list-style:none;padding:10px 0px;}	
	#categories li{display:inline-block;margin:0px 5px 0px 10px;padding:5px 0px 5px 0px;*float:left;}	
	#categories li.apt{border-left:1px dotted #CCC;padding-left:15px;}	
	#categories a{background:url(../img/portafoli2_bkg.png) no-repeat top left;height:25px;display:block;padding:0px 0px 0px 0px;text-transform:lowercase;color:#848484;*float:left; }	
	#categories a:hover,#categories a.actiu{text-decoration:none;color:#000; }	
	#categories a span{margin-left:6px;background:url(../img/portafoli_bkg.png) no-repeat top right;display:block;height:22px;padding:3px 20px 0px 14px;position:relative;}	
	
#credits,#casestudy{border-top:1px solid #e5e5e5;padding:15px 0px 10px 0px;}	
		#desplegable li li{border:0px;padding:0px;margin-bottom:0px;}	
		#desplegable li.actiu .info{display:block;}	
	#credits .titol,#casestudy .titol,#desplegable .titol,.desplegable .titol{cursor:pointer;padding:0px;margin:0px;}	
	#credits .titol h2,#casestudy .titol h2,#desplegable .titol h2,.desplegable .titol h2{font-size:23px;color:#999999;float:left;}	
	#credits .titol span,#casestudy .titol span,#desplegable .titol span,.desplegable .titol span{color:#999999;float:right;background: url("../img/fletxa_bkg.png")  no-repeat 100% 135%;height:25px;font-size:11px;padding:0px 22px 0px 0px;}	
	#credits div.titol:hover span,#casestudy div.titol:hover span,#desplegable div.titol:hover span,.desplegable div.titol:hover span{text-decoration:none;color:#999999;}	
	#credits div.actiu span,#casestudy div.actiu span,#desplegable div.actiu span,.desplegable div.actiu span{background: url("../img/fletxa_bkg.png")  no-repeat 100% -12%;}	
	#credits div.actiu span.show,#casestudy div.actiu span.show,#desplegable div.actiu span.show,.desplegable div.actiu span.show{display:none;}	
	#credits div.actiu span.hide,#casestudy div.actiu span.hide,#desplegable div.actiu span.hide,.desplegable div.actiu span.hide{display:inline;}	
	#credits .info li{width:180px;margin:20px 40px 10px 0px;float:left;}	
	#credits .info li.primer{clear:both;}	
	#credits .info{list-style:none;font-size:11px;color:#999999;}	
	#credits .info strong{color:#58585a;}	
	#credits .info p{margin:0px 0px;line-height:100%;}	
	
	#casestudy ul.passi{margin:20px 0px 25px 0px;position:relative;height:385px;}	
	#casestudy ul.passi div{position:absolute;height:325px;top:0px;left:0px;width:240px;z-index:2;background:#000;padding:30px;color:#FFF;font-size:25px;line-height:25px;}	
	
	#desplegable{list-style:none;margin:20px 0px;}
	#desplegable li{border-top:1px solid #e5e5e5;padding:15px 0px 10px 0px;margin-bottom:0px;}
		#desplegable div.info{margin-top:15px;display:none;}
		#desplegable div.titol h2{margin:0px !important;}
		#desplegable h2.titol{font-size:23px;color:#999999;float:left;display:block;width:100%;margin-bottom:15px;}
		#desplegable ul.imatges li{position:relative;margin:0px 0px 15px 15px;}
		#desplegable ul.imatges li.primer{position:relative;margin:0px 0px 15px 0px;}
			#desplegable ul.imatges li p{position:absolute;top:3px; left:3px;color:#FFF;margin:0px;}
	
	
		
	#bloc h3{font-size:21px;line-height:25px;width:610px;}
		#bloc h3 span{font-weight:normal;display:block;}
		
		.bloc-a{width:722px;float:left;position:relative;*width:700px;}
			.bloc-a .logocase,.bloc-a .date{position:absolute;top:0px;right:50px;}
			.bloc-aa{width:320px;float:left;margin:0px 40px 0px 0px;}
			.bloc-ab{width:320px;float:left;margin:0px 40px 0px 0px;}
		#bloc-b{width:378px;float:left;list-style:none;}
			#bloc-b li{background:url(../img/list-sep.png) repeat-x 0% 100%;padding:0px 0px 15px 0px;margin-bottom:15px;}
			#bloc-b li li{background:none;padding:0px 0px 0px 0px;margin-bottom:0px;}
			#bloc-b h2{font-size:23px;color:#999999;margin-bottom:10px;}
			#bloc-b p{margin:5px 0px;}
			#bloc-b .bloc{width:360px;height:255px;margin-top:10px;}
			#bloc-b .bloc img,#bloc-b li a img{border:1px solid #CCC;}
			
			
/* Premsa */

#clipping{list-style:none;margin:20px 0px;}
	#clipping a{font-weight:bold;}

/* Promocions */
#promocio{list-style:none;} 	
	#promocio li{display:table-cell;margin:0px 0px 30px 100px;width:200px;float:left;} 	
	#promocio li.primer{margin:0px 0px 30px 0px;clear:both;} 	
	#promocio a{color:#58585a;font-size:18px;line-height:130%;} 	
	#promocio a strong{font-size:28px;display:block;} 	
	#promocio a span{font-size:12px;display:block;line-height:110%;padding-top:5px;} 	
	#promocio a.info{font-size:10px;text-align:center;width:80px;height:14px;color:#CC0000;background: url(../img/info.png) repeat-x 0px 0px;display:block;padding:2px 0px 0px 0px;line-height:12px;margin-top:10px;} 	

#cont-b.promocio-fitxa h1{font-size:48px;text-align:center;border:0px;color:#58585a;font-weight:bold;padding:0px;margin:30px 0px 10px 0px;}	
	.promocio-fitxa p.resum{text-align:center;color:#58585a;font-size:21px;}	

	#avantatges{width:665px;list-style:none;}
		#avantatges h3{font-size:12px;}
		#avantatges li{width:200px;margin:0px 0px 20px 20px;float:left;}
		#avantatges li.primer{width:200px;margin:0px 0px 20px 0px;clear:both;}
		#avantatges p{margin:0px 0px 10px 0px;line-height:110%;}

	#preus{width:150px;height:300px;float:right;}	
		#preus div{background:#EFEFEF;padding:5px 5px 10px 10px;font-size:13px;color:#58585A;}	
		#preus div strong{display:block;font-size:30px;padding-top:8px;}	
		#preus a.info{margin:15px 0px;text-transform:uppercase;color:#000;width:125px;height:19px;padding:2px 0px;background: url(../img/info2.png) repeat-x 0px 0px;display:block;text-align:center;font-size:11px;}	
		

/* BLOG */
#cont-a.blog {padding-right:35px;width:140px;}		
#cont-a p.trajan{font-size:22px !important;margin:5px 0px 10px 0px;}		
#cont-a ul#xsocial{border-top:1px solid #f2f2f2;}		
#cont-a ul#xsocial li{border-bottom:1px solid #f2f2f2;padding:5px 0px;margin:0px;}		
#cont-a ul#xsocial img{position:relative;top:2px;}		
#cont-a ul#xsocial a{color:#999999;}		
#cont-a ul#xsocial a:hover img.hide{display:inline;}		
#cont-a ul#xsocial a:hover img.show{display:none;}		

#formulari p.trajan{border-top:1px solid #8a8a8a;padding:20px 0px 10px 0px;margin:20px 0px 0px 0px;}
#formulari ul{list-style:none;}
#formulari li{padding-top:5px;}
#formulari li label{font-size:11px;color:#808080;}
#formulari li input{font-size:11px;border:1px solid #808080;padding:1px;width:220px;margin-right:5px;}
#formulari li textarea{font-size:11px;width:445px;height:100px;border:1px solid #808080;}
#formulari #lopd{width:15px;}
#formulari input.error{background:#FFEFEF;}
#formulari span.error{display:none !important;}
#formulari .boto{background:url(../img/enviar_bkg.png) no-repeat;color:#FFF;border:0px;width:68px;margin-left:365px;cursor:pointer;height:18px;font-size:10px;padding:0px 0px 2px 0px;}

	.comentKo{border:1px solid #CC0000;padding:15px;background:#FFEFEF;width:393px;}
	.comentOk{border:1px solid #4E7F00;padding:15px;background:#E0FFAF;width:393px;}
	
	
#formulari2{width:425px;}	
	#formulari2 ul{list-style:none;}
	#formulari2 li{padding-top:3px;}
	#formulari2 input,#formulari2 textarea{width:419px;background:#e6e6e6;padding:3px;border:0px;}
	#formulari2 select{width:425px;background:#e6e6e6;padding:3px;border:0px;}
	#formulari2 textarea{height:120px;}
	#formulari2 #lopd{width:15px;}
	#formulari2 .boto{background:url(../img/enviar_bkg.png) no-repeat;color:#FFF;border:0px;width:68px;margin-left:345px;cursor:pointer;height:18px;font-size:10px;padding:0px 0px 2px 0px;}
	#formulari2 span.error{color:#CC0000;font-size:11px;display:block;}


#comentaris{list-style:none;border-top:1px solid #8a8a8a;margin:20px 0px 0px 0px;}	
	#comentaris li{background:url(../img/list-sep.png) repeat-x 0% 0%;padding:15px 0px;}	
		#comentaris #ctcoment {background:none;padding-bottom:0px;}	
		#comentaris #ctcoment div{background:url(../img/comentaris.png) no-repeat 0px 0px;width:100px;height:37px;padding:10px 0px 0px 0px;color:#58585a;text-align:center;}	
	#comentaris li.primer{background:none;}	
	#comentaris strong{font-size:14px;}	
	#comentaris span{display:block;}	
	#comentaris p{margin:5px 0px;}	

/* Contacte */
#contacte{list-style:none;}	
#contacte ul{height:180px;}	
#contacte li{display:table-cell;width:295px;padding:0px 0px 0px 107px;float:left;}	
#contacte li li{padding:0px;}	
#contacte li.primer{padding:0px 0px 0px 0px;clear:both;}	
#contacte li div.desplegable{padding:5px 0px 0px 0px;clear:both;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;}	
#contacte li div.info{display:none;color:#58585A;line-height:130%;}	
#contacte li div.info a{color:#58585A;}	
#contacte div.trajan{color:#999999 !important;font-size:22px !important;}	
#contacte div.trajan p{line-height:32px;}	
	
/* 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;}

/* Login */
#login{width:400px;height:250px;margin:20px auto;position:relative;}
#login div{
		z-index:1;
		width:400px;height:250px;
		position:absolute;top:0px;left:0px;
		background:#FFF;
        filter:alpha(opacity=20);
        -moz-opacity:0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2;
}	
#login ul{list-style:none;padding:50px 40px;position:relative;z-index:5;}
#login label{font-size:20px;width:120px;float:left;color:#FFF;}
#login input{font-size:15px;width:195px;float:left;border:0px;padding:1px;}
#login li{height:32px;}
#login .button{background:none;border:0px;color:#CC0000;font-size:20px;text-align:right;float:right;}
#login .button:hover{text-decoration:none;}
	
		#list-videos{list-style:none;margin-top:80px;width:280px;float:left;}
			#list-videos li{padding:5px 10px;color:#FFF;}
			#list-videos li.titol{font-size:25px;color:#FFF;border-bottom:1px solid #FFF;}
			#list-videos a{color:#FFF;}
			#list-videos a.actiu{font-weight:bold;}
			#list-videos a.actiu:hover{color:#FFF;text-decoration:none;}
			#list-videos a:hover{text-decoration:none;color:#CC0000;}
		
		#player{margin:100px 0px 0px 50px;float:right;border:1px solid #FFF;}	

/* PEU */
#bottom {position:absolute; bottom:0px; width:100%; font-size:10px;height:215px;background: url(../img/footer_bkg.png) repeat-x 0px 0px;}
	#bottom .bottom-a{height:22px;margin-bottom:5px;padding:38px 5px 10px 5px;color:#848484;background: url(../img/digitalmedia.png) no-repeat 5px 10px;}
		#bottom .bottom-a p{margin:0px;}
		#bottom .bottom-a ul{list-style:none;float:right;}
		#bottom .bottom-a li{display:inline}
		#bottom .bottom-a span{color:#cf566a;}
		#bottom .bottom-a a{color:#848484;}
	#bottom .bottom-b{height:120px;padding:10px;position:relative;}
		#bottom .bottom-b a.credit{position:absolute;top:10px;right:10px;}
		#bottom .bottom-b a{font-size:11px;color:#4c4c4e;}
		#bottom .bottom-b ul ul a{font-weight:normal;}
		#bottom .bottom-b ul{list-style:none;}
		#bottom .bottom-b li{float:left;margin:0px 50px 0px 0px;}
		#bottom .bottom-b li li{float:none;padding:0px;margin:0px;line-height:120%;}
		#bottom .bottom-b ul ul{float:none;margin:0px 0px 0px 0px;}
.dins {width:450px; margin:0px 4px;}


#home p.trajan{margin:10px 0px;}
#home h1{padding:25px 0px 10px 0px;}

	#home #destacats{height:564px;margin-top:8px;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;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;}
	

.projectes{list-style:none;padding:0px 0px 20px 0px;border-bottom:1px solid #e5e5e5;height:165px;margin-bottom:20px;}	
	.projectes li{width:245px;margin:0px 0px 25px 40px;float:left;padding-bottom:8px;background: url("../img/ombra.gif")  no-repeat 0px 125px;}
	.projectes li.primer{margin:0px 0px 25px 0px;clear:both;}
	.projectes a{color:#848484;width:245px;}
	.projectes a img{margin-bottom:6px;}
	.projectes a:hover{color:#000;text-decoration:none;}
	.projectes a strong{font-size:14px;display:block;margin:0px 7px 0px 0px;}
	.projectes a span{font-size:12px;}

	#home-a{background:url(../img/cont_bkg.png) no-repeat 100% 0%;width:740px;padding:0px 35px 0px 0px;float:left;clear:both;}
		#home-a a{color:#999999;}
		
	#case{position:relative;clear:both;margin-bottom:20px;height:260px;}	
	 	#case a{position:absolute;width:160px;padding:10px 20px;background:#000;height:240px;color:#FFF;font-size:12px;}	
	 	#case a:hover{text-decoration:none;}	
	 	#case strong,#case span{display:block;margin-top:10px;font-size:17px;line-height:110%;}	
		
	#home-b{width:290px;padding:45px 0px 0px 35px;float:left;*padding:45px 0px 0px 15px;}

	
	
/* 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;}