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

* {margin:0;padding:0;}
img {border:0;}
body,html {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#999999;background-color:inherit;width:100%;height:100%;}
ul{list-style:none;}
a:link, a:visited {color:#0b203b; background-color:inherit;}
a:hover {color:#1f4f8d; background-color:inherit;}


	
#main {position: absolute;left: 50%;top: 50%;height:588px; margin-top:-294px;width:835px; margin-left:-417px;}
.over1280 {}
	.lower1024 {top:0% !important;;margin-top:0px !important;}
#presentacio{background:#CCC;position: absolute;left: 50%;top: 50%;height:488px; margin-top:-294px;width:826px; margin-left:-418px;z-index:10;}
#presentacio a{width:30px;height:30px;background:url(../img/close.png);position:absolute;top:10px;right:-31px;display:block;}
	#menu {position:absolute; top:0px; left:0px; height:50px;}
		#menu span {position:absolute; width:158px; height:auto; padding:0px 9px 9px 0px; background-image:url(../img/menu_span_bkg.png); background-position:bottom;}
		#menu a {display:block;width:158px; text-align:center; padding-top:15px; behavior:url(iepngfix.htc);cursor:pointer; }
		#menu a:link, #menu a:visited {height:26px;color:#ffffff; background-color:#0b203b; text-decoration:none;}
		#menu a:hover {height:473px;color:#ffffff; background-color:#0b203b; text-decoration:none;}
		
		#menu #m-quisom {top:0px; left:0px;z-index:10}
		#menu #m-projectes {top:0px; left:167px;z-index:10}
		#menu #m-serveis {top:0px; left:334px;z-index:10}
		#menu #m-noticies {top:0px; left:501px;z-index:10}
		#menu #m-espais {top:0px; left:501px;z-index:10}
		#menu #m-contacte {top:0px; left:668px;z-index:10}
		
	#cont {position:absolute; top:50px; left:0px; width:835px; height:447px; }
	
	#col-a {position:absolute;height:447px; background-image:url(../img/col_bkg.png); background-repeat:no-repeat; background-position:right; display:block;}
	#col-b {position:absolute;height:447px; background-image:url(../img/col_bkg.png); background-repeat:no-repeat; background-position:right;}

#baix {position:absolute; top:497px; width:817px; height:45px; background-image:url(../img/baix_bkg.png);text-align:right; padding-right:18px; padding-top:15px; font-size:9px;}
	#baix #logo {position:absolute;top:10px;left:10px;}
	#baix p {margin-bottom:5px;}
	#baix span {padding:0px 5px;}
	#baix a:link, #baix a:visited, #lang a:link, #lang a:visited {color:#7f8a98;background-color:inherit;text-decoration:none;}
	#baix a:hover, #lang a:hover {color:#0b203a;background-color:inherit;text-decoration:none;}

#ftp { position:absolute; bottom:0px; right:0px; display:block; background-image:url(../img/acces_bkg.png); height:23px;background-position:right; font-size:9px; text-decoration:none; color:#000000;width:103px; padding-top:4px; padding-left:6px;}
#idioma {position:absolute; bottom:10px; left:5px;}
	#idioma a:link, #idioma a:visited { color:#666666; background-color:inherit; text-decoration:none;}
	#idioma a:hover {color:#0b203a; background-color:inherit; text-decoration:underline;}

a strong {font-weight:normal !important;}
	
/* Home */
.home {}
	.home a strong {display:none;}
	.home #col-a {display:none;position:relative;}
	.home #col-b {display:none;}
	.home #menu #m-quisom a {height:473px;}
	.home #menu #m-projectes a {height:473px;}
	.home #menu #m-serveis a {height:473px;}
	.home #menu #m-noticies a {height:473px;}
	.home #menu #m-espais a {height:473px;}
	.home #menu #m-contacte a {height:473px;}

/* Qui som */
.quisom {}
	.quisom #menu #m-quisom a {height:473px;}
		#m-quisom a:hover strong {display:none;}
	.quisom #m-quisom strong {display:none;}
	.quisom #col-a {left:167px; width:668px; background-image:none;}
	.quisom #col-b {display:none;}
	.quisom #col-a ul {list-style:none;}
	.quisom #col-a ul li { display:block; float:left; height:149px; width:167px; background-image:url(../img/quisom_a_bkg.png);}
	.quisom #col-a li a {display:block; height:140px; width:158px; float:left;}
	.quisom #col-a a:link, .quisom #col-a a:visited { background-position:top; text-decoration:none;}
	.quisom #col-a a:hover { background-position:bottom; text-decoration:none;}

/* Projectes */
.projectes {}
	.projectes #menu #m-projectes a {height:473px;}
		#m-projectes a:hover strong {display:none;}
	.projectes #m-projectes strong {display:none;}
	
	
	/* Columna a */
	.projectes #col-a {left:0px; width:167px;}
	.projectes #col-a #fons { position:ab; width:158px; height:432px; background-color:#d80073; color:#ffffff; padding-top:6px;}
	.projectes #col-a #fons ul {list-style:none;}
	.projectes #col-a #fons a {display:block;}
	.projectes #col-a #fons ul li a { border-bottom:1px solid #d9dce0; text-transform:uppercase; padding-left:26px; margin-bottom:8px; margin-top:20px;}
		.projectes #col-a #fons ul li a:link, .projectes #col-a #fons ul li a:visited {color:#FFF; background-color:inherit; text-decoration:none;}
		.projectes #col-a #fons ul li a:hover { color:#ffffff; background-color:inherit; text-decoration:none;}
	.projectes #col-a #fons ul li ul li a{ border-bottom:none; text-transform:none; padding-left:26px; margin-bottom:1px; margin-top:0px;}
		.projectes #col-a #fons ul li ul li a:link, .projectes #col-a #fons ul li ul li a:visited {color:#FFF; background-color:inherit; text-decoration:none;}
		.projectes #col-a #fons ul li ul li a:hover {color:#ffffff; background-color:inherit; text-decoration:none;}
	.projectes #col-a #fons #info {position:absolute; bottom:26px; left:26px; width:106px; color:#556376; background-color:inherit;}
	.projectes #col-a #fons li ul{display:none;}
	.projectes #col-a #fons li ul.actiu{display:block;}
		.projectes #col-a #fons li ul li a.actiu{font-weight:bold;}
		
	/* Columna b */
	.projectes #col-b {left:334px; width:501px;}
	.projectes #col-b #num { position:absolute; top:335px; right:15px; list-style:none;}
	.projectes #col-b #num li {display:inline; margin-right:3px;}
	.projectes #col-b #num a {font-size:14px;}
	.projectes #col-b #num a:link, .projectes #col-b #num a:visited { text-decoration:none;color:#0b203a; background-color:inherit;}
	.projectes #col-b #num a:hover { text-decoration:none; color:#9c9d9f; background-color:inherit;}
	
	.projectes #col-b #proj { position:absolute; top: 385px; left:10px;}
	.projectes #col-b #proj li {display:inline; margin-right:2px;}
	.projectes #col-b #proj a {padding:0px;margin:1px;float:left;}
	.projectes #col-b #proj a:link, .projectes #col-b #proj a:visited { border:1px solid #CFCFCF;display:block;} 
	.projectes #col-b #proj a:hover, .projectes #col-b #proj .actiu {  border: 1px solid #1D599F;float:left;} 
	
	#projecte_desc{position:absolute;top:340px;left:10px;width:300px; color:#333333;}
	#projecte_desc a:link, #projecte_desc a:visited { color:#000000; background-color:inherit; text-decoration:none; padding:0px 2px; font-size:9px;}
	#projecte_desc a:hover { color:#ffffff; background-color:#000000; text-decoration:none; font-size:9px; padding:0px 2px;}
	#projecte_desc .tanca { position:absolute; right:6px; top:6px;}
	
/* Serveis */
.serveis {}
	.serveis #menu #m-serveis a {height:473px;}
		#m-serveis a:hover strong {display:none;}
	.serveis #m-serveis strong {display:none;}
	.serveis #col-a {left:0px; width:334px;}
	.serveis #col-b {left:501px; width:334px;}
	
	.serveis #s1 {position:absolute; width:158px;}
		.serveis #s1 a:link, #serveis #s1 a:visited {color:#0b203b; background-color:inherit;text-decoration:underline;}
		.serveis #s1 a:hover { color:#1f4f8d; background-color:inherit; text-decoration:underline;}
		.serveis #s1 ul {padding-left:20px; color:#0b203b; background-color:inherit;}
		.serveis #s1 ul li {margin-top:15px;}
		.serveis #s1 ul li ul {padding-left:15px;}
		.serveis #s1 ul li ul li {margin-top:3px;}
	.serveis #s2 { position:absolute; left:167px; }

/* Notícies */
.noticies {}
	.noticies #menu #m-noticies a {height:473px;}
		#m-noticies a:hover strong {display:none;}
	.noticies #m-noticies strong {display:none;}
	.noticies #col-a {left:0px; width:501px;}
	.noticies #col-b {left:668px; width:167px;}

/* espais */
.espais {}
	.espais #menu #m-espais a {height:473px;}
		#m-espais a:hover strong {display:none;}
	.espais #m-espais strong {display:none;}
	
	
	/* Columna a */
	.espais #col-b {left:668px; width:167px;}
	.espais #col-b #fons { position:ab; width:158px; height:432px; background-color:#000; color:#ffffff; padding-top:6px;}
	.espais #col-b #fons ul {list-style:none;}
	.espais #col-b #fons a {display:block;}
	.espais #col-b #fons ul li a { border-bottom:1px solid #d9dce0; text-transform:uppercase; padding-left:26px; margin-bottom:8px; margin-top:20px;}
		.espais #col-b #fons ul li a:link, .espais #col-b #fons ul li a:visited {color:#d9dce0; background-color:inherit; text-decoration:none;}
		.espais #col-b #fons ul li a:hover { color:#ffffff; background-color:inherit; text-decoration:none;}
	.espais #col-b #fons ul li ul li a{ border-bottom:none; text-transform:none; padding-left:26px; margin-bottom:1px; margin-top:0px;}
		.espais #col-b #fons ul li ul li a:link, .espais #col-b #fons ul li ul li a:visited {color:#a1a7af; background-color:inherit; text-decoration:none;}
		.espais #col-b #fons ul li ul li a:hover {color:#ffffff; background-color:inherit; text-decoration:none;}
	.espais #col-b #fons #info {position:absolute; bottom:26px; left:26px; width:106px; color:#556376; background-color:inherit;}
	.espais #col-b #fons li ul{display:none;}
	.espais #col-b #fons li ul.actiu{display:block;}
		.espais #col-b #fons li ul li a.actiu{font-weight:bold;}
		
	/* Columna b */
	.espais #col-a {left:0px; width:501px;}
	.espais #col-a #num { position:absolute; top:335px; right:15px; list-style:none;}
	.espais #col-a #num li {display:inline; margin-right:3px;}
	.espais #col-a #num a {font-size:14px;}
	.espais #col-a #num a:link, .espais #col-a #num a:visited { text-decoration:none;color:#0b203a; background-color:inherit;}
	.espais #col-a #num a:hover { text-decoration:none; color:#9c9d9f; background-color:inherit;}
	
	.espais #col-a #proj { position:absolute; top: 385px; left:10px;}
	.espais #col-a #proj li {display:inline; margin-right:2px;}
	.espais #col-a #proj a {padding:0px;margin:1px;float:left;}
	.espais #col-a #proj a:link, .espais #col-a #proj a:visited { border:1px solid #CFCFCF;display:block;} 
	.espais #col-a #proj a:hover, .espais #col-a #proj .actiu {  border: 1px solid #1D599F;float:left;} 
	

/*
Anterior apartat ESPAIS
.espais {}
	.espais #menu #m-espais a {height:473px;}
		#m-espais a:hover strong {display:none;}
	.espais #m-espais strong {display:none;}
	.espais #col-a {left:0px; width:501px;}
	.espais #col-b {left:668px; width:167px;}
	.espais #cont ul {list-style:none;}
	.espais #cont ul li { display:block; float:left; height:149px; width:167px; background-image:url(../img/quisom_a_bkg.png);}
	.espais #cont li a {display:block; height:140px; width:158px; float:left;}
	.espais #cont a:link, .espais #cont a:visited { background-position:top; text-decoration:none;}
	.espais #cont a:hover { background-position:bottom; text-decoration:none;}*/

/* Contacte */
.contacte {}
	.contacte #menu #m-contacte a {height:473px;}
		#m-contacte a:hover strong {display:none;}
	.contacte #m-contacte strong {display:none;}
		 #m-contacte strong {color:#000;}
	.contacte #col-a {left:0px; width:334px;}
	.contacte #col-b {left:334px; width:334px;}
	.contacte #col-b #dins { padding:10px;}
	.contacte #col-b #form { padding:0px 10px;margin:0px 0px 5px 0px;}
	.contacte #col-b #form li{padding-top:0px;clear:both;}
	.contacte #col-b #form label { display:block; width:75px; float:left;margin-bottom:5px;font-size:12px;}
	.contacte #col-b #form label.error { display:none !important;}
	.contacte #form input.error,.contacte #form textarea.error{border:1px solid #CC0000;}
	label.error{height:0px;}
	.contacte #form .input {float:left; display:block; width:203px; margin-bottom:9px; font-size:11px;padding:2px 0px;border:1px solid #CCC;}
	.contacte #form textarea {height:50px;}
	.contacte .ta-r {text-align:right; padding-right:30px;}
	.contacte #avis {font-size:11px; padding:0px 40px 0px 10px; text-align:justify;}
	.contacte .boto { background-image:url(../img/boto_bkg.png); height:22px; width:76px; color:#ffffff; font-size:10px; border:0px; cursor:pointer;}
	.contacte #form span {display:block; width:250px; padding-left:75px; color:#990000; clear:both;}
	.contacte #form span.mini {padding-left:0px;}
	
	.contacte #treball { background-color:#777985; color:#FFFFFF; margin:5px 20px 2px 10px; padding:5px; font-size:10px;display:none;}
	.contacte #treball h2 {font-size:12px; margin-bottom:5px;}
	.contacte #treball input {font-size:9px;margin-left:5px;width:75px;margin-right:5px;margin-bottom:2px;}
	.contacte #treball p {margin-bottom:3px;}
	
/* Extern */
#extern { padding:10px;}
#extern h2 { font-size:16px;}
#extern ul { margin-left:10px;}
	
/*Mapa web*/
ul#mapa{margin:12px;} 
	ul#mapa li{margin:6px; padding:6; float:left;}
		ul#mapa li a{color:#000; text-decoration: none;border-bottom:1px solid #000;}
		ul#mapa li ul li{clear:both; }
			ul#mapa li ul li, ul#mapa li ul li a{color:#919AA6;border:0px;}
			ul#mapa li ul li a:hover{text-decoration: underline;}
		

#txtServeis,#txtespais{color:#d5d5d5;padding:25px 18px 40px 18px;width:120px;position:absolute;top:70px;left:87px;background:#0b203b;filter:alpha(opacity=60);opacity:0.6;}			
#txtProjectes{color:#d5d5d5;padding:25px 18px 40px 18px;width:120px;position:absolute;top:80px;left:250px;background:#0b203b;filter:alpha(opacity=60);opacity:0.6;}			
#txtQuisom{color:#d5d5d5;padding:25px 18px 40px 18px;width:180px;position:absolute;top:80px;left:400px;background:#0b203b;filter:alpha(opacity=75);opacity:0.75;text-align:justify;}			
	#txtQuisom > a.lacreu,#txtProjectes > a.lacreu,#txtServeis > a.lacreu,#txtespais >a.lacreu{display:block;width:30px;height:30px;}			
	#lcqs{position:absolute;top:70px;right:40px;z-index:1001}		
	#lcpr{position:absolute;top:65px;left:381px;z-index:1001}		
	#lcre,#lcse{position:absolute;top:60px;left:226px;z-index:1001}		
			
.transparent{background-color:#fff;filter:alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;}
.loading {display:none;}

.cb {clear:both; font-size:1px; height:1px;}
.up {text-transform:uppercase;}

div.fileinputs {
	position: relative;margin-top:5px;
}

div.fakefile img{position:relative;top:-22px;left:16px;cursor:pointer;}
div.fakefile input{position:relative;top:-5px;cursor:pointer;}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

#captchaimage { position:relative;float:left;width:205px;}
	#refreshimg {display:block;height:46px;	margin-bottom:5px;	text-decoration:none !important;width:132px;	}
	.captcha-info {cursor:pointer;background:url("../img/captcha-info.png") no-repeat left top;	display:block;	height:16px;	left:142px;	position:absolute;	top:4px;	width:16px;	}
	.captcha-refresh {cursor:pointer;background:url("../img/captcha-refresh.png") no-repeat left top;display:block;	height:16px;	left:142px;	position:absolute;	top:24px;	width:16px;	}
	#captchaimage input[type="text"] {	width:160px;	}	#captchaimage .mini {	color:#707070;	font-size:11px;}		
	
/* Tooltip */
#tooltip { border:#f00; background:url(../img/dialeg.png) no-repeat; position:absolute; margin-top:0px; margin-left:-100px;width:150px;opacity: 0.9; z-index:110; }
#tooltip.viewport-bottom { border:#f00; background:url(../img/dialeg2.png) no-repeat 0% 100%; position:absolute; margin-top:0px; margin-left:-100px;width:150px;opacity: 0.9; z-index:110; }
#tooltip h3 {font-family:Tahoma;font-size:10px;color:#000;font-weight:normal;}
#tooltip h3 .titol {font-size:10px;font-weight:bold;line-height:110%;}
#tooltip h3 .resum {font-size:10px;line-height:110%;padding-top:4px;}
#tooltip .cnt { background-color:#fff;margin-top:12px;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;padding:2px 8px 8px 8px; }
#tooltip.viewport-bottom .cnt { background-color:#fff;margin-bottom:12px;border-bottom:0px;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5;border-top:1px solid #c5c5c5;padding:2px 8px 8px 8px; }
#tooltip strong {font-weight:bold;text-transform:uppercase;}