html{font:.85em/124% AvanGarde,Tahoma,Arial,Helvetica,sans-serif;padding:5px 0 5px;margin:5px 0 5px}
a{color:#000;text-decoration:none}
a:hover{text-decoration:underline}
input,textarea,select,label{font-family:Futura,Tahoma,Arial,Helvetica,sans-serif}
div,img,a{padding:0;margin:0;border:0}

.componentgaleriaimatges{padding:2px 5px 5px 5px;margin:10px; text-align:center; position:relative}
.componentgaleriaimatges a,
.componentgaleriaimatges span{display:block}
.componentgaleriaimatges span.botons_superior{margin-left:0; padding-left:0}
.componentgaleriaimatges span.botons_superior a{color:#999999; font-weight:bolder; font-size:.8em;text-align:center; display:block; background-color:#ffffff;border:1px solid #cccccc; padding:2px 5px 2px 5px}

.componentgaleriaimatges span.botons_superior a:hover{text-decoration:none; background-color:#F0F0F0; border:1px solid #cccccc; color:#666666}
.componentgaleriaimatges span.botons_superior span{float:left; padding:0px 5px 10px 0px}
.componentgaleriaimatges span.element{clear:both;text-align:center; border:1px solid #F5F5F5}
.componentgaleriaimatges span.element span.titol{padding-left:10px;text-align:left;font-size:.75em; font-weight:bolder; background-color:#F0F0F0;}
.componentgaleriaimatges span.element span.descripcio{padding-left:10px;text-align:left;font-size:.8em; font-weight:normal; color:#666666; background-color:#F9F9F9}
.componentgaleriaimatges span.element img{}

.componentgaleriaimatges span.botons_inferior{position:absolute; top:0; left:30%; display:block}
html>body .componentgaleriaimatges span.botons_inferior{position:absolute; top:2px; left:80%}
.componentgaleriaimatges span.botons_inferior a{color:#999999; font-weight:bolder; font-size:.8em;text-align:center; display:block; background-color:#ffffff;border:1px solid #cccccc; padding:2px 5px 2px 5px}
.componentgaleriaimatges span.botons_inferior a:hover{text-decoration:none; background-color:#F0F0F0; border:1px solid #cccccc; color:#666666}
.componentgaleriaimatges span.botons_inferior span{float:left; padding:0px 5px 10px 5px}

.componentgaleriaimatges .temesrelacionats{text-align:left;float:left; width:32%;margin-top:10px}
html>body .componentgaleriaimatges .temesrelacionats{width:33%}
.componentgaleriaimatges .temesrelacionats h4{font-size:1.1em; font-weight:bolder; background-color:#F0F0F0; padding:3px 0 3px 3px; margin:0 }
.componentgaleriaimatges .temesrelacionats dl{margin-left:0px}
.componentgaleriaimatges .temesrelacionats dl dt{font-weight:bolder;padding:5px 0 5px 5px;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;}
html>body .componentgaleriaimatges .temesrelacionats dl dt a{margin-left:0px}
.componentgaleriaimatges .temesrelacionats dl dt a{}
.componentgaleriaimatges .temesrelacionats dl dt a span{padding:5px 0 5px 7px;}
.componentgaleriaimatges .temesrelacionats dl dd{margin:0; color:#999999;font-size:.85em;border-bottom:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0; padding-left:15px;padding-top:10px;margin-bottom:10px;}


.componentgaleriaimatges .categoriesrelacionades{text-align:left; float:right; width:32%;margin-top:10px}
html>body .componentgaleriaimatges .categoriesrelacionades{width:33%}

.componentgaleriaimatges .categoriesrelacionades h4{font-size:1.1em; font-weight:bolder; background-color:#F0F0F0; padding:3px 0 3px 3px; margin:0}
.componentgaleriaimatges .categoriesrelacionades dl{margin-left:0px}
.componentgaleriaimatges .categoriesrelacionades dl dt{font-weight:bolder;padding:5px 0 5px 5px;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;}
.componentgaleriaimatges .categoriesrelacionades dl dt a{}
html>body .componentgaleriaimatges .categoriesrelacionades dl dt a{margin-left:0px}
.componentgaleriaimatges .categoriesrelacionades dl dt a span{padding:5px 0 5px 5px}
.componentgaleriaimatges .categoriesrelacionades dl dd{margin:0; color:#999999;font-size:.85em;border-bottom:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0; padding-left:15px;padding-top:10px;margin-bottom:10px;}

.componentgaleriaimatges hr.net{display:none}
.componentgaleriaimatges span.relacionats{clear:both}
.componentgaleriaimatges div.documentsreferenciats{text-align:left;float:left; width:30%;margin-top:10px;margin-right:1%;}
html>body .componentgaleriaimatges div.documentsreferenciats{ width:31%;margin-right:1.5%}
.componentgaleriaimatges div.documentsreferenciats div.titol{font-size:1.1em; font-weight:bolder; background-color:#F0F0F0; padding:3px 0 3px 3px; margin-bottom:19px}
html>body .componentgaleriaimatges div.documentsreferenciats div.titol{margin-bottom:14px}
.componentgaleriaimatges div.documentsreferenciats div.item{font-weight:bolder;padding:5px 0 5px 5px;border:1px solid #f0f0f0; margin-bottom:5px}



/* aqui va lo que sira gran 
.componentgaleriaimatges .fitxa,
.componentgaleriaimatges .subcategories,
.componentgaleriaimatges .elements,
.componentgaleriaimatges .categoriesrelacionades,
.componentgaleriaimatges .temesrelacionats,
.componentgaleriaimatges .documentsrelacionats,
.componentgaleriaimatges .cercador,
.componentgaleriaimatges .resultats,
.componentgaleriaimatges .paginacio,
.componentgaleriaimatges .net{padding:3px 5px;display:block;clear:both;float:none}
/* clases comuns als blocs 
.componentgaleriaimatges .item,
.componentgaleriaimatges .itemimatge{padding:6px 0 0;clear:both}
.componentgaleriaimatges span.titol,
.componentgaleriaimatges div.titol{font-weight:bolder;margin:.2em 0}
.componentgaleriaimatges hr.net{height:0;line-height:0px;padding:0;margin:0;border:0px solid #fff;color:#fff;display:block}
.componentgaleriaimatges .url{display:inline;margin-right:2em;font-size:.9em}
/* clases per la fitxa 
.componentgaleriaimatges .detallcategoria .subcategories,
.componentgaleriaimatges .detallcategoria .elements{border:1px solid #e6e6e6}
/* clases per la fitxa 
.componentgaleriaimatges .fitxa .descripcio{font-size:.85em}
/* imatges 
.componentgaleriaimatges .imatge{padding:2px 5px 3px 0;float:left}
.componentgaleriaimatges .imatge img{border:1px solid #bcc8cc}
/* relacionats 
.componentgaleriaimatges .categoriesrelacionades,
.componentgaleriaimatges .temesrelacionats,
.componentgaleriaimatges .documentsreferenciats{float:left;width:32%;clear:none}
.componentgaleriaimatges .categoriesrelacionades .item,
.componentgaleriaimatges .temesrelacionats .item,
.componentgaleriaimatges .documentsreferenciats .item{padding:.1em;font-size:.8em;float:none;clear:none}
/* cerca 
.componentgaleriaimatges div.cercador{padding:3px 5px 3px 5px;display:block;clear:both;text-align:center}
.componentgaleriaimatges div.cercador *{font-size:.9em}

.componentgaleriaimatges div.cercador div.filtres { border: 1px solid #000000; }
.componentgaleriaimatges div.cercador div.filtre { width: 50%; text-align: left; }
.componentgaleriaimatges div.cercador div.filtre label { font-weight: bold; }

.componentgaleriaimatges input.botocerca{margin:3px 0 0;border:1px solid #000}
.componentgaleriaimatges div.paginacio{text-align:center;font-size:.8em;margin:.4em 0}
.componentgaleriaimatges div.paginacio a.boto{display:inline;font-size:1em;font-weight:bolder}
.componentgaleriaimatges div.noresultats{border:1px solid #A69E98;margin:5px}
.componentgaleriaimatges span.cerca{display:inline;color:black;background:#e6e6e6;border:1px solid #444;padding:0 2px}
*/

.componentgaleriaimatges .paginacio{font-size:11px;text-align:center;width:100%}
.componentgaleriaimatges .paginacio .informaciopaginacio{text-align:center}
.componentgaleriaimatges .paginacio input.botoAnterior,
.componentgaleriaimatges .paginacio input.botoSeguent{border:none;background:none;font-size:11px;width:60px;cursor:pointer;}
.componentgaleriaimatges .paginacio input:hover{text-decoration:underline}
.componentgaleriaimatges div.paginacio{text-align:center;width:100%}