@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 }

 /* CLEARFIX ----------------------------------------------------------------------------------------------------------------------------------- */
.clearfix:after			{ height:0; line-height:0; display:block; visibility:hidden; clear:both; content:"." }
.clearfix				{ display:inline-block }
html[xmlns] .clearfix	{ display:block }
* html .clearfix 		{ height:1% }

/*------------------------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; }  
img.dretanomarc	{ margin:0px 0px 20px 20px; float:right }
img.lateral   	{ margin-bottom:10px }
img.imgnoticia	{ float:right; width:300px; padding:2px; border:#CCC 1px solid; margin-left:20px; margin-bottom:20px }
img.imgprojecte	{ margin:10px; float:left; width:180px }
img.imgnoticia_p{ float:left; margin-right:10px; padding-top:5px; width:130px  }
img.imgdreta	{ border-top:#fff solid 4px; border-bottom:#fff solid 4px; }
img.galeria 	{ margin: 0px 0px 0px 0px; width: 220px; height: 165px; margin-bottom: 15px}
img.foto	 	{ padding:2px; border:#e4e4e4 solid 1px; float: right; margin:0 0 16px 26px }

/* ---------------------- BIG BOYS ---------------------- */
body 	{ font-family: Lucida Sans Unicode, Arial, Tahoma, sans-serif; font-size:.8em; padding:0; margin:0; background:#fedf02 url(../img/bg_body.gif) top repeat-x; }
strong	{ font-weight:bold; }
h1		{ text-align:left; font-size:1.6em; padding:20px 0 10px 0; color:#000; font-weight:bold;  }
h2		{ text-align:left; font-size:1.3em; padding:20px 0 10px 0; color:#990000; font-weight:bold;  }
h3		{ font-size:1.3em; color:#000; margin-bottom:5px;margin-top:15px; }
p		{ font-size:1em; line-height:1.6em; padding-bottom:15px; }
a 		{ text-decoration:none; }
li		{ text-align:left; }


/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 		{ width:910px;  margin:0 auto; }
#subweb		{ background:#fff url(../img/bg_web.png) top repeat-y; border-bottom:#fff solid 23px; width:910px }
#logo 		{ float:left; padding-left:20px; }
#cap		{ background:url(../img/bg_cap.png) no-repeat; }
#header		{ width:889px; height:161px; padding:62px 0 0 21px; background:url(../img/CAP1.png); }
#headerchange{ overflow:hidden; width:653px; height:148px; }

#menu		{ width:910px; height:33px; background:url(../img/CAP2.png); }
#menu ul	{ margin-left:42px; height:33px; font-size:1em; }
#menu ul li	{ float:left; margin-right:10px; height:25px; padding:8px 10px 0 10px; }
#menu ul li a:hover	{ float:left; color:#FC0  }


/*#menu ul li.visited	{ float:left; background:#959593; border-left:#FFF solid 1px; border-right:#FFF solid 1px; padding:8px 10px 0 10px; }*/
#menu ul li.visited	{  }
#menu ul li.visited	a { color:#FC0 }
#menu ul li	a{ color:#FFF; }

#destacats	{ float:right; width:195px; margin:10px 0px 10px 0; min-height:450px; padding:0 22px 0 0; }
#contingut 	{ width:632px; float:left; padding:10px 10px 0px 10px; margin-left:22px; margin-top:14px;}
#peu 		{ clear:both; width:865px; height:90px; color:#000; font-size:.85em; background:#c2c2c2; margin:0 23px;  margin-top:10px; border-top:23px #FFF solid }

#destacat	{ min-height:200px; margin-bottom:10px; position:relative; }
#destacat .titol { position:absolute;bottom:0; width:100%; background-color:#000; border-top:#fff solid 1px; opacity:0.6;filter:alpha(opacity=60); }
#destacat .titol h1 { font-size:1em; text-align:left; padding:10px 0 0 10px; height:30px; color:#fff; }

#contingut h1		{ text-align:left; font-size:1.8em; padding:15px 0 10px 0; color:#666666; font-weight:bold;  }
#contingut h3		{ font-size:1.3em; color:#000; margin-bottom:15px; margin-top:15px; }
#contingut .projecte { padding:10px 0 0 0; margin-bottom:0px; border-bottom:#ccc dotted 1px; border-top:#ccc dotted 1px; width:630px; clear:both; height:130px }
#contingut .destaca { background-color:#0F6 }
#contingut .projecte img { float:left; width:90px; height:70px; margin:5px; margin-right:20px; }

#contingut div.mostra-ale.sep img { margin-right:21px; margin-top:20px; }
#contingut div.mostra-ale img { float:left; width:90px; height:70px; margin:5px; border:#ededed solid 5px; }

#contingut div.projecte.sep img { margin-right:21px; }
#contingut div.projecte td { width:100px; text-align:center;  }
#contingut div.projecte a { font-weight:bold; }
#contingut table { border-collapse:separate; border-spacing:10px 20px; margin-bottom:30px  }
#contingut table.veure { border-collapse:separate; border-spacing:10px 20px;   }
#contingut .td { width:190px; height:190px; text-align:center; background-color:#EFEFEF; border:#CCC solid 1px; }

#contingut .projecte h2  		{ margin:0; padding:0; float:left;  display:block}
#contingut .projecte h2 a 		{ color:#CC0000; }
#contingut .projecte h2 a:hover { color:#000 }
#contingut .projecte p 			{ font-size:.85em; color:#C00; height:10px; }
#contingut .projecte p a 		{ color:#000 }
#contingut .projecte p a_hover 		{ color:#c00 }
#contingut .projecte img		{ border:#ededed solid 5px; }


#contingut ul.cont   { padding-left:8px}
#contingut ul.cont li  { padding-bottom:8px}

#contingut .clients { border-bottom:#CCC dotted 1px; padding:10px; min-height:50px; }
#contingut .clients h3 { width:500px; float:right; text-align:left; color:#666666; }
#contingut .clients p	{ float:right; text-align:left; width:500px; }
#contingut .clients img { float:left; max-width:100px; max-height:50px; }

#contingut a { color:#000; }
#contingut a:hover { color:#CCC }


#noticia 	{ width:300px; padding-top:15px; padding-bottom:0px; min-height:200px; float:left }
#noticia h3	{ font-size:.85em; padding:5px; text-align:right; border-bottom:#92938d solid 1px; color:#fff; bottom:0; position:inherit; }
#noticia h3 a	{ color:#; }
#noticia p 		{ min-height:90px; font-size:.9em  }
#contingut h1.noticia 		{ text-align:left; padding:0 0 10px 0; margin-bottom:5px; min-height:38px; border-bottom:#92938d dotted 1px; font-size:1.2em; color:#ccc; font-weight:bold;  }
#contingut h1.noticia a		{ color:#000; }
#contingut h1.noticia a:hover	{ color:#000; }

#destacats h1		{ font-size:.9em; margin-bottom:10px; color:#000000; text-align:center; text-transform:uppercase  }
#destacats h2		{ text-align:left; margin-top:2px; font-size:.95em; padding:0; margin-left:63px; font-weight:bold; }
#destacats h2 a		{ color:#666666; }

#destacats h3		{ text-align:left; font-size:1em; margin:10px; padding:6px; border:#FFF solid 1px; background:#efefef }
#destacats h3 a		{ color:#000; }
#destacats h3 a.actiu{ color:#900; font-weight:bold; }
#destacats h3 a:hover{ color:#900; text-decoration:underline }
#destacats div.projecte { background-color:#ebebeb; padding:5px 0 0 4px; border-top:#FFF solid 4px; float:left }

#destacats div.projecte img { max-width:60px; max-height:50px; }

#destacats .projecte table { width:65px; height:55px; float:left; margin-right:5px; }
#destacats .projecte td { background-color:#fff; text-align:center; }
#destacats .projecte h2 { color:#C00; }
#destacats .projecte td { background-color:#fff; text-align:center; }


#contingut .clients table { width:65px; height:55px; float:right;  }
#contingut .clients td { background-color:#fff; text-align:center; }

.instalacions li	{ border:#ccc solid 1px; padding:5px; float:left; width:294px; margin:10px 10px 0 0; }
.instalacions li h3	{ font-size:1.5em; color:#666666; padding-bottom:5px; }

/* ---------------------- CAP ---------------------- */

/* ---------------------- LOGO ---------------------- */

/* --------------------------    destacats ------------------------------------------*/

#destacats li { }
#destacats li a  { }
#destacats li a:hover  { }

.header							{ float:left; }

/* Idiomes */
#idiomes 						{ float:left; position:absolute; z-index:1; margin: 8px 25px 0 0px; font-size:.8em;}
#idiomes a 						{ display:block; padding:5px 0 3px 28px; background-position:6px center; background-repeat:no-repeat }
#idiomes span.general			{ float:left; }
#idiomes span a 				{ width:60px; color:#000; font-weight:bold; }
#idiomes a.es 					{ background-image:url(../img/bandera_es.gif) }
#idiomes a.ca 					{ background-image:url(../img/bandera_ca.gif) }
#idiomes a.ro 					{ background-image:url(../img/bandera_ro.gif) }
#idiomes a.en 					{ background-image:url(../img/bandera_en.gif) }
#idiomes a.fr					{ background-image:url(../img/bandera_fr.gif) }



#contacte						{ margin-left:30px; margin-top:30px; }
#contacte label 				{ display:block; width:150px; font-weight:bold; font-size:.90em; color:#555; float:left; padding-left:5px }
#contacte textarea, #contacte input.text  { border:1px solid #d3d3d3; background-color:#f3f3f3; padding:3px; width:385px; }
#contacte input.text 			{ margin-bottom:8px }
#contacte textarea 				{ height:150px; margin-bottom:8px }

#contacte .submit			 	{ display:block; text-align:right; margin-right:30px; margin-bottom:15px;  }
#contacte input.boto    		{ padding:2px 8px 3px; font-family:"Trebuchet MS", sans-serif; font-size:1.1em; }

.mapes							{ width:295px; float:right; margin-bottom:20px; }
.mapes ul						{ font-size:.95em; padding:5px 5px 5px 5px; list-style:none; line-height:1.3em; }
.dret							{ float:right; }
.esquerra						{ float:left; }
.projecte						{ height:65px; }

#contingut ul.cont li 			{ list-style:disc; margin-left:20px; line-height:.8em; }

#ClientValidationSummary 		{ background-color:#fff; border:2px solid #EAEDF1; font-size:.85em; margin:0; padding:5px 6px; font-weight:bold; margin-top:10px; line-height:1.6em }
#ClientValidationSummary a 		{ font-weight:normal }

/* Laterales */

/* ---------------------- PEU ---------------------- */

#peu a { text-decoration:underline; color:#000000; font-weight:bold; }
#peu ul { display:block; line-height:1.4em; }
#peu ul li { float:left; display:block; height:47px; padding:11px 20px 15px 38px }


#peu .adresa { padding-right:100px; background:url(../img/ico_mapa.gif) 15px 10px no-repeat }
#peu .reserva { background:url(../img/ico_telefon.gif) 15px 10px no-repeat}
#peu .links { text-align:right; float:right; padding-right:15px }
#peu .links a { color:#000000 }

.q 			{ display:block; font-size:.75em; text-align:right; margin:6px 10px }
.q, .q a 	{ color:#000 }

#pagination { width:100%; float: left; padding: 3px; margin: 0 auto; text-align:center;	font-size:.85em; }

#pagination a {	border: 1px solid #CCCCCC; margin-right:3px; padding:2px 8px; background-position:bottom; text-decoration: none; color: #0061de;		
}
#pagination a:hover, div.pagination a:active {border: 1px solid #2b55af; background-image:none;	background-color:#92B5C9; color: #fff;}
#pagination span.current {margin-right:3px;	padding:2px 6px; font-weight: bold;	color: #000;}
#pagination span.disabled {	display:none;}
#pagination a.next{	border:2px solid #D6EEF5; margin:0 0 0 10px;}
#pagination a.next:hover{ border:2px solid #2b55af;}
#pagination a.prev{	border:2px solid #ccdbe4; margin:0 10px 0 0; }
#pagination a.prev:hover{ border:2px solid #2b55af; }