@charset "iso-8859-1";
html										{background:#151515}
body										{margin:0; background:#151515; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
*											{margin:0; padding:0}
a											{outline:0; text-decoration:none}
img											{border:0}
h1,h2,h3,h4,h5,h6							{font-weight:normal}
li											{list-style:none}


#neteja_floats{clear:both}


#head										{width:100%; float:left; background:url(images/headBg.png) repeat-x}
.head_height								{height:340px}
.head_pad									{padding-bottom:30px}
#head_cen									{width:800px; margin:0 auto}
#head_sup									{width:800px; float:left; position:relative}

h1.logo										{width:180px; height:34px; margin-top:90px; float:left; background:url(images/logo2.png) no-repeat;font-size:12px;color:#FFFFFF;line-height:15px;}
h1.logo a									{width:100%; height:100%; float:left; text-indent:-9999px}

#head ul									{width:450px; height:44px; margin-top:95px; float:right;}
#head ul li									{width:auto; margin-left:1px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#5f5f5f; line-height:35px; text-transform:uppercase;font-weight:bold}

#head ul li	a,#head ul li a.active, #head ul li a:visited			{width:auto; height:42px; padding:0 23px; float:left; color:#5f5f5f; background:#252525}
/*#head ul li	a:hover,#head ul li a.active,#head ul li a:visited	{color:#31a1ff; background:#272727}*/
#head ul li	a:hover{color:#31a1ff; background:#272727;}
#head ul li	a.active{color:#31a1ff; background:#272727;}
#cu3er-container							{width:800px; height:211px; float:left; outline:0; position:absolute; top:166px; left:0px; z-index:10}
img.ban_bg									{width:auto; float:left; position:absolute; top:139px; left:-24px}

#head div.search							{position:absolute; left:0; width:800px; text-align:right; margin-top:12px; float:right; height:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#999999; line-height:25px; letter-spacing:1px;}



#content									{width:100%; padding-bottom:36px; float:left; background:#ffffff url(images/contentBg.png) repeat-x}
#content_cen								{width:800px; margin:0 auto}
#content_sup								{width:800px; float:left; position:relative}
#ct_pan										{width:100%; height:120px; margin-top:24px; float:left; position:relative; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#999999; line-height:16px; background:#3b3b3b}
#ct_pan p									{width:690px; margin:34px 52px 0 34px; float:left;text-align:justify}
#ct_pan p a									{color:#31a1ff; text-transform:uppercase}
#ct_pan div.tweet							{width:100px; height:100px; float:right; position:absolute; right:-50px; top:42px; background:url(images/mon.png) no-repeat}

h2											{width:auto; margin-top:9px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#31a1ff; font-weight:bold; line-height:30px; letter-spacing:-1.7px}
h2 span										{color:#3b3b3b; text-transform:uppercase; margin-right:5px}
h3											{width:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#31a1ff; font-weight:bold; line-height:60px; letter-spacing:-1.7px}
h3 span	
											{color:#3b3b3b; margin-right:0px}
ul#infoPan									{width:100%; float:left;margin-top:20px;}
ul#infoPan li								{width:226px; margin-left:46px; float:left;}
ul#infoPan li:first-child					{margin:0}
ul#infoPan li h3							{width:100%; height:57px; float:left; font-size:20px; color:#31a1ff; font-weight:bold; line-height:60px; letter-spacing:-1.7px}
ul#infoPan li h3 span						{color:#3b3b3b; margin-right:2px}
ul#infoPan li h3 img						{ float:left; margin-right:10px;}
ul#infoPan li p								{width:100%; margin-top:15px; float:left; font-size:17px; color:#848484; line-height:24px; letter-spacing:-0.8px}
ul#infoPan li p.descrip						{margin-top:13px; font-size:12px; line-height:16px;}

#quotPan									{width:848px; height:80px; margin-top:50px; margin-bottom:20px; float:left; position:relative; left:-24px; border-top:#c9c9c9 solid 1px; background:url(images/pat.png) repeat }
#quotPan h3									{width:274px; margin:14px 0 0 24px; float:left; line-height:45px}
#quotPan input.txt							{width:176px; margin:20px 20px 0 0; padding:3px 5px; height:30px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#bfbfbf; font-weight:bold; border:#cbcbcb solid 1px; background:#ffffff}
#quotPan input.btn							{width:113px; height:42px; margin-top:18px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#ffffff; font-weight:bold; text-align:center; cursor:pointer; border:0; background:url(images/submitBtn.png) no-repeat}
#quotPan input.btn:active					{background-position:1px 1px}

#projectes										{width:100%; margin-top:10px; float:left}
#projectes ul									{width:100%; float:left;}
#projectes ul li								{width:226px; margin:10px 0 20px 61px;float:left;height:110px; text-align:center }
/*#projectes ul li a								{width:auto; margin-top:25px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#848484; line-height:24px}*/
.linkProjectes {width:226px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#848484; line-height:24px;}
.linkProjectes:hover						{text-decoration:underline}

#projectes ul li p								{width:100%; margin-top:6px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5c5c5c; line-height:16px}
#projectes ul li p a 							{color:#5c5c5c;text-decoration:underline}
#projectes ul li p a:hover 						{color:#5c5c5c;text-decoration:none}

.boto						{width:auto; height:54px; margin-right:31px; padding:0 8px 0 0; float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:bold; line-height:54px; background:url(../images/buttonBg.png) no-repeat right -54px}

#mesProj									{width:800px;float:left;height:54px; background:url(images/crosslines3.png) no-repeat right; }
#mesProj a.brochure						{width:130px; height:54px;  padding:0 8px 0 0; margin-right:20px; float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:bold; line-height:54px; background:url(images/buttonBg.png) no-repeat right -54px;cursor:hand;cursor:pointer;}
#mesProj a.brochure span					{width:130px; height:54px; padding:0 0 0 8x; text-align:center; float:left; background:url(images/buttonBg.png) no-repeat 0 0}


#welcom_pan									{width:100%; margin-top:37px; padding-bottom:36px; float:left; border-top:#c9c9c9 solid 1px; border-bottom:#c9c9c9 solid 1px; background:url(images/crosslines3.png) no-repeat top}
#welcom_pan h2								{width:auto; margin-top:6px;margin-left:15px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#31a1ff; font-weight:bold; line-height:30px; letter-spacing:-1.7px}
#welcom_pan h2 span							{color:#3b3b3b; text-transform:uppercase; margin-right:5px}
#welcom_pan p								{width:755px; margin:25px 0 0 14px; float:left; font-size:12px; color:#4d4d4d; line-height:18px}

#paginacio
{
	text-align:center;
}

#paginacio a
{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5c5c5c;
}
#paginacio a:hover
{
	text-decoration:underline;
}


#foot										{width:100%; height:163px; float:left; background:url(images/footBg.png) repeat-x}
#foot_cen									{width:800px; margin:28px auto 0 auto;}
#foot h6									{width:180px; height:34px; margin:0 auto; text-indent:-9999px; background:url(images/logo2.png) no-repeat}
#foot h6 a									{width:100%; height:100%; float:left}
#foot ul									{width:290px; margin:11px auto 0 auto; }
#foot ul li									{width:auto; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#767676; line-height:18px}
#foot ul li a								{width:auto; float:left; color:#767676}
#foot ul li.space							{width:auto; float:left; padding:0 6px}
#foot p										{width:100%; margin-top:10px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#767676; line-height:18px; text-align:center}
#foot p	a									{color:inherit}

#titolLogo
{
	font-family:Georgia;
	font-size:25px;
	color:#0066CC;
}


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(/images/black_arrow2.png);
	font-size:12px;
	height:240px;
	width:290px;
	padding:50px 25px 50px 35px;
	color:#fff;	
}

/* style the trigger elements */
#projectes img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}

.tooltip a {
	text-decoration:underline;
	color:#31a1ff;
}
.tooltip a:hover {
	text-decoration:none;
	color:#31a1ff;
}