@charset "utf-8";
/* ---------------------- CSS RESET ---------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0 }
table											{  }
fieldset,img 									{ border:0 }
address,caption,cite,code,dfn,em,strong,th,var  { font-style:normal;	font-weight:normal }
ol,ul 											{ list-style:none }
caption,th 										{ text-align:left }
h1,h2,h3,h4,h5,h6 								{ font-size:100%; font-weight:normal }
q:before,q:after 								{ content:'' }
abbr,acronym 									{ border:0 }


/*------------------------IMATGES-------------------------*/
img.dreta	 	{ margin:0px 0px 0px 20px; border:#e4e4e4 solid 6px; float: right }
img.esquerra	{ margin:0 20px 10px 0; float:left; border:#e4e4e4 solid 6px; } 



/* ---------------------- BIG BOYS ---------------------- */
body 	{ font-family: Arial, Helvetica, sans-serif; background:#1e1e1e; font-size:.8em; padding:0; margin:0; }
strong	{ font-weight:bold; }
h1		{ color:#fff; font-size:.85em; margin-top:2px; text-transform:uppercase; }
h2		{ color:#edac00; font-size:.85em; margin-top:4px; text-transform:uppercase;  }
p		{ font-size:1.1em; line-height:1.2em; padding-bottom:5px; color:#666 }
a 		{ text-decoration:none; color:#000 }



/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 				{ width:960px; min-height:600px; margin:0 auto }
#cap				{ position:fixed; width:960px; left:50%; z-index:999; margin-left:-480px; height:80px; background:#1e1e1e; }
#cap img			{ margin-top:45px; margin-left:20px }
#cap p				{ float:right; color:#666; text-align:right; font-size:.95em; margin:0; padding:0; margin-right:30px; margin-top:13px; }
#cap #idiomes		{ float:right; width:250px; font-size:.80em; color:#666; margin:0; margin-right:32px; margin-top:20px; padding:0; }
#cap #idiomes li	{ float:right; margin-left:5px }
#cap #idiomes li a	{ color:#666; }
#cap #idiomes li.actiu a	{ color:#fff; }
#cap #idiomes li img		{ margin:0; padding:0; }

#cap .logo					{ float:left; }

#contingut_ample	{ width:940px; padding:100px 10px 0 10px; }
#contingut_ample img {  }

#contingut 			{ margin-left:232px; width:696px; padding:117px 10px 0 10px; }
#contingut img.gran	{ width:676px; margin-left:10px; margin-top:10px; margin-bottom:10px; }
#contingut img.mesgran	{ width:1200px; margin-left:10px; margin-top:10px; margin-bottom:10px; }
#contingut p		{ margin-top:20px; font-size:1em; line-height:1.8em; margin-bottom:10px; margin-left:10px; }
#contingut h1,
#contingut h2		{ margin-left:10px; }
#contingut a		{ color:#666; }

/*#menu				{ text-transform:uppercase; position:fixed; width:212px; top:105px; font-size:.9em; left:50%; margin-left:-458px; }*/
#menu				{ float:left; margin-top:122px; margin-left:20px; text-transform:uppercase; width:212px; top:105px; font-size:.8em; }
#menu li			{ color:#fff; margin-bottom:10px; }
#menu li a			{ color:#fff; }

#menu li.gris a			{ color:#666; }
#menu li.groc a			{ color:#666; }
#menu li.groc a:visited	{ color:#666; text-decoration:line-through }
#menu li.selecgroc a	{ color:#edac00; }

#contingut p.groc						{ color:#edac00; } 
#contingut p.groc a						{ text-decoration:underline; }

#contingut p a.groc 					{ color:#edac00; }

.treball					{ width:212px; height:142px; float:left; margin:10px; position:relative; }
.treball .new				{ z-index:998; position:absolute; bottom:7px; right:7px; }
.treball .spam				{ width:212px; height:142px; display:none; position:absolute; background:url(../img/bginfo.png) top left repeat; }
.treball:hover .spam		{ display:block }
.treball:hover				{ cursor:pointer; }

.treball .spam ul.info					{ font-size:.85em; color:#fff }

.treball .spam ul.info li:first-child	{ text-transform:uppercase; color:#fff; margin:20px 0 0 20px; }
.treball .spam ul.info li				{ color:#edac00; margin:2px 0 0 20px }
.treball .spam ul.info li:last-child	{ color:#000; text-transform:uppercase; margin:4px 0 0 20px; }
.treball .spam ul.info li:last-child a 	{ color:#edac00; }
#contingut .treball .spam ul.info li a				{ color:#edac00; }

.clientesquerre							{ float:left; margin-left:10px; }

#contacte								{ position:relative; background:#000; height:180px; width:271px; float:left; padding:40px; }
#contacte p								{ position:absolute; top:100px; color:#FF0000; left:40px; }
#contacte label 						{ display:block; text-align:left; width:70px; margin-bottom:10px; margin-top:5px; font-weight:bold; color:#555; float:left; }
#contacte textarea, #contacte input.text{ border:1px solid #cccccc; background-color:#fff; padding:3px; width:262px; }
#contacte input.text 					{ margin-bottom:8px }
#contacte textarea 						{ margin-bottom:8px; height:70px;  }
#contacte .submit			 			{ display:block; margin-top:10px; text-align:right; margin-bottom:15px;  }
#contacte input.boto    				{ font-family:"Trebuchet MS", sans-serif; padding:4px; background:#ffb901; color:#000; border:none; }
#ClientValidationSummary 				{ background-color:#fff; padding:5px; border:2px solid #EAEDF1; font-size:.80em; margin:0; font-weight:bold; margin-top:10px; line-height:1.6em }
#ClientValidationSummary a 				{ font-weight:normal }
#ClientValidationSummary ul li			{ padding:0; margin:0; line-height:1.6em; }

#contingut p.groc a	{ color:#edac00; }
#contingut p.groc		{ margin:0; padding:0; margin-left:10px; margin-top:5px; padding-bottom:30px; }

#contingut .equip 								{ float:left; height:230px; display:block; margin-left:9px; margin-top:10px; margin-right:13px; }
#contingut .equip h3							{ margin:0; padding:0; color:#fff; font-size:.85em; margin-top:10px; margin-bottom:2px; }
#contingut .equip p								{ margin:0; padding:0; color:#666; font-size:.85em; line-height:1.4em; }
#contingut .equip a								{ color:#edac00 }