﻿body,html{background:#fff url(/img/fons.jpg) no-repeat;font-size:99%;font-family:Tahoma,Verdana,Helvetica,sans-serif}
b,strong{font-weight:bold;color:#213D49}
i,em{font-style:italic}
a{color:#578a3d;text-decoration:underline}
a:hover{color:#223e4a;text-decoration:none}
body,html,form,div,table,tr,td,img{margin:0;padding:0;border:0}

/* formularis */
form .boto,
form .bototornar,
.boto,
.bototornar{background:#CFDEC7;color:#223e4a;text-decoration:none}
form .boto,
.boto{font-weight:bold}
form .boto.etiqueta,
.boto.etiqueta{font-weight:normal}
form .boto:hover,
.boto:hover,
form .bototornar:hover,
.bototornar:hover{color:#223e4a}
input,
textarea,
select{font-family:Arial,Verdana,Helvetica,sans-serif;color:#223e4a;background:#ebf1e8;border:1px solid #578a3d}
input.senseestil{background-color:auto;border:none}
input:hover,
select:hover,
textarea:hover,
input:focus,
select:focus,
textarea:focus{background:#fff;border:1px solid #578a3d}
/* llistes */
ul li{list-style-type:disc}
ul ul li{font-size:100%;list-style-type:circle}
ul ul ul li{font-size:100%;list-style-type:square}
ol li{font-size:80%;list-style-image:none;list-style-type:decimal-leading-zero}
/* titols i paragrafs */
h1,
h2,
h3,
h4,
h5,
h6{color:#223e4a;font-family:Verdana,Helvetica,sans-serif}
/* columnes */
div.columnes-AB-A100{float:left;width:98%}
div.columnes-AB-A50{float:left;width:48%}
div.columnes-AB-B50{float:right;width:48%}
div.columnes-AB-A40{float:left;width:39%}
div.columnes-AB-B60{float:right;width:59%}
/* altres elements */
.separador{clear:both}
acronym,
abbr{cursor:help;border-bottom:1px dotted #578a3d}
.tornar,
.mesInfo{font-size:.7em}
.tornar a,
.mesInfo a{padding:8px 4px;text-decoration:none;display:block;float:none;clear:both}
.mesInfo{text-align:right}
/* capçalera */
#Logotip{padding-top:20px;float:left;margin-left:5px}
#Idiomes{padding:20px 0 0 175px;margin-right:10px;background: url(/img/detall_gran.gif) bottom right no-repeat}
#daltdreta{position:absolute;top:23px;right:4px;z-index:5}/*
#daltdreta{position:absolute;top:23px;right:10px;z-index:4}*/
#baixesq{position:absolute;top:469px;left:0;z-index:4}
#Data{position:absolute;top:20px;left:250px;z-index:5;font-size:.7em;font-weight:bolder;color:#213D49}
#Data:first-letter {text-transform:uppercase}

/* menu */
#Mascara{position:absolute;left:144px;top:81px;width:64px;height:480px;background: url(/img/mascaraMenu.gif) no-repeat;z-index:4}
#Menu{position:absolute;left:0;top:81px;display:block;float:left;width:190px;padding-top:70px;z-index:3}
#Menu div{border-bottom:1px solid #fff;background:#ebf1e8;font-weight:bolder;font-size:.9em;font-family:Tahoma,Verdana,Helvetica,sans-serif}
#Menu div.darrer{border-bottom:none}
#Menu div a{text-decoration:none;display:block;padding:8px;color:#213D49}
#Menu div:hover,
#Menu div:hover A,
#Menu div A:hover{background:#cfdec7;color:#578a3d;text-decoration:none}

/* Titol */
#titol{position:absolute;width:100%;height:58px;background:#1B6E91 url(/img/fonstit01.jpg) no-repeat top left;left:0;top:82px;z-index:0}
#titol h1{color:#fff;font-size:42px;margin:0;padding:44px 0 0 248px;line-height:0;text-transform:uppercase;font-variant:small-caps;white-space:nowrap}

/* correccio ie7 */
*:first-child+html #titol {min-height:58px}
*:first-child+html #titol h1 {line-height:100%;padding-top:21px}
/* subtitol */
h6.subtitol{background:#1B6E91 url(/img/fonssubtit01.jpg) repeat-y top left;color:#fff;padding:3px 0 0 8px;margin:0;display:block;height:18px;font-size:.8em;font-weight:bolder}
h6.linkslleida,
h6.linksosca{background:#1B6E91 repeat-y top left;color:#fff;padding:21px 0 0 8px;margin:0 0 14px;display:block;height:10px;font-size:1.9em;line-height:0;font-weight:bolder;text-align:center}
h6.linkslleida{background-image:url(/img/fonslinkslleida.jpg)}
h6.linksosca{background-image:url(/img/fonslinksosca.jpg)}

/* correccio ie7 */
*:first-child+html h6.linkslleida,
*:first-child+html h6.linksosca {padding:5px 0 0 8px;line-height:100%;min-height:26px}

/* molletes */
#molletes{position:absolute;top:66px;left:250px;margin:0 10px 0 0;display:inline;font-size:.7em;font-weight:bold;color:#213D49}
#molletes a{font-weight:normal;color:#578a3d}
/* pagina */
#Pagina{margin:0 10px 0 250px;padding-top:118px}/*;padding-top:106px*/

/* contingut */
div#txtini{background:#fff6ce url(/img/ilustrainicial.gif) no-repeat left top;padding:12px 4px 25px 120px;height:90px;color:#213D49;font-family:Verdana,Helvetica,sans-serif;font-size:0.9em;font-weight:bolder;display:table-cell;vertical-align:middle}
div#txtini strong{color:#456D30}
#Contingut{margin-bottom:15px; text-align:justify;}
#Contingut a:hover{background:#ebf1e8;text-decoration:none}
#Contingut h1,
#Contingut h2,
#Contingut h3,
#Contingut h4,
#Contingut h5,
#Contingut h6{}
#Contingut p{font-size:.85em;text-align:justify;margin-top:0}
#Contingut h6.verd{background:#578a3d url(/img/detall_petit.gif) right top no-repeat;color:#fff;padding:4px;margin:0;font-weight:bolder;font-size:.8em;height:20px}
#Contingut h6.verd img{text-decoration:none;vertical-align:middle;padding:0 4px 0 2px}
#Contingut h6.verdclar{background:#ebf1e8 url(/img/detall_petit.gif) right top no-repeat;color:#000;padding:4px 8px;margin:0;font-weight:bolder;font-size:.8em;height:20px}
#Contingut h6.blau{background:#223e4a url(/img/detall_petit.gif) right top no-repeat;color:#fff;padding:1px 0;border-left:3px solid #223e4a;margin:0;display:block;font-size:.8em;font-weight:bolder;min-height:20px}
* html #Contingut h6.blau {height:20px}
#Contingut h6.blau img{vertical-align:middle;padding-right:2px;margin-left:-2px}
#Contingut h6.verd a,#Contingut h6.blau a{color:#fff;text-decoration:none}
#Contingut h6.verd a:hover,#Contingut h6.blau a:hover {color:#fff;text-decoration:underline;background-color:transparent}
/*#Contingut h6.blau{background:#223e4a url(/img/detall_petit.gif) right no-repeat;color:#fff;padding:4px;margin:0}*/

div.fitxaTancada{margin-bottom:10px}
div.fitxa div.contingutFitxa{background-color:#F5F8F3;padding:10px 5px 5px 10px;margin:0;position:relative;line-height:100%;min-height:300px}
div.fitxa h6.verdclar{position:relative;line-height:114%}

/*
div.fitxa div.contingutFitxa{padding:5px;min-height:300px}*/

/* noticies */
.noticia{border-top:1px solid #ebf1e8;clear:right;margin-bottom:10px;margin-top:5px}
.noticia.primer{border-top:none;padding-top:0}
.noticia .imatge{float:right;margin-left:5px}
.noticia .data{color:#223e4a;font-size:.6em;padding:5px 0 0 5px;line-height:100%}
.noticia .titol{font-size:.8em;font-weight:bolder;line-height:110%}
.noticia .subtitol{font-size:.75em;font-weight:normal;line-height:110%}
/* portada */
#NoticiesPortada{background:#F5F8F3 url(/img/fons_noticies.jpg) no-repeat bottom right;margin-top:12px}
#NoticiesPortada a,
#Noticies a{text-decoration:none}
#NoticiesPortada .noticia .titol,
#NoticiesPortada .noticia .subtitol{padding:0 5px}
#NoticiesPortada .noticia .mesInfo{background-color:transparent;padding:5px;border-top:none}
#NoticiesPortada .mesInfo{border-top:1px solid #ebf1e8;font-weight:bold;padding-top:5px}
/* llistat de noticies */
#Noticies .noticia{padding-top:2px}
#Noticies .noticia .titol{font-size:.8em;font-weight:bold;padding:5px}
#Noticies .noticia .subtitol{font-size:.75em;padding:0 5px}
#Noticies .noticia .resum{font-size:.8em;padding-left:5px;text-align:justify}
#Noticies .paginacio{background:#ebf1e8;padding:5px}
#Noticies .paginacio .anteriors,
#Noticies .paginacio .posteriors{font-size:.6em;color:#b0b0b0;padding-top:5px}
#Noticies .paginacio .anteriors{float:right}
#Noticies .paginacio .posteriors{float:left}
#Noticies .paginacio .filtres{text-align:center}
#Noticies .paginacio .filtres SELECT,
#Noticies .paginacio .filtres INPUT{font-size:.6em}
/* detall */
#Noticia .data{color:#223e4a;font-size:.7em}
#Noticia .titol{background:#578a3d url(/img/detall_petit.gif) right top no-repeat;color:#fff;padding:2px 44px 2px 4px;margin:0 0 4px;font-weight:bolder;font-size:.95em}
#Noticia .imatge{float:right;margin-left:15px;margin-bottom:10px;border:1px solid #6D8F91}
#Noticia .resum{font-size:.9em;text-align:justify;line-height:120%;color:#213D49;font-weight:bolder}
#Noticia .contingut,#Noticia .arxiusrelacionats{font-size:0.8em;font-weight:normal;line-height:normal}
#Noticia .contingut p{font-size:100%;text-align:left}
#Noticia .arxiusrelacionats{margin-top:3em}

/* cataleg */
#LlistatFamilies div.familia{background:url(/img/item_familia.gif) 4px 6px no-repeat;font-size:.8em;padding-left:15px}
#LlistatFamilies div.familia.actiu{background:url(/img/item_producte.gif) 4px 6px no-repeat;font-weight:bold}
.llistatProductes{display:table;margin:0;padding:0;width:100%}
.llistatProductes caption{padding:4px 1px 1px;color:#223e4a;font-size:.75em;font-weight:bolder;border-top:1px solid #223e4a}
.llistatProductes .titol{display:table-row;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:.7em;font-weight:bold;margin:0;padding:0}
/*.llistatProductes .titol th{border-bottom:1px solid #223e4a}*/
.llistatProductes .producte{display:table-row;font-size:.7em;margin:0;padding:0;vertical-align:top}
.llistatProductes .producte:hover,
.llistatProductes .producte.actiu{background:#ebf1e8;color:#223E4A;font-weight:bold}
.llistatProductes .producte.actiu .nom{background:#ebf1e8 url(/img/item_producte-actiu.gif) 3px 6px no-repeat}
.llistatProductes .titol .nom,
.llistatProductes .producte .nom{display:table-cell;margin:0;padding:2px 2px 2px 15px;text-align:left;width:70%}
.llistatProductes .producte .nom{background:url(/img/item_producte.gif) no-repeat 4px 6px}
.llistatProductes .titol .format,
.llistatProductes .producte .format,
.llistatProductes .titol .unitats-caixa,
.llistatProductes .producte .unitats-caixa{display:table-cell;margin:0;padding:2px;text-align:right;width:30%}
#Producte{margin-bottom:15px}
#Producte h6.verdclar{font-weight:bold}
#Producte table.imatge,
#Producte table.imatge td{margin:0;padding:0;vertical-align:top}
#Producte table.imatge td.imatge{padding:0 5px 0 0;font-size:.7em;text-align:center}
/* #Producte .imatge{float:left;margin-right:10px;margin-bottom:10px;font-size:.7em;text-align:center}*/
#Producte .imatge a{text-decoration:none;text-align:center;display:block}
#Producte .format,
#Producte .unitats-caixa,
#Producte .preu,
#Producte .descripcio{font-size:.7em;line-height:200%}
#Producte .descripcio{text-align:justify;line-height:150%}
#Producte .descripcio p{font-size:100%;line-height:150%}
/* fons de productes */
.fonsProductes{background-color:#F5F8F3;background-image:url('/img/fons_productes.jpg');background-repeat:no-repeat;background-position:bottom right}
/* peu */
#Peu{font-size:.7em;text-align:right;clear:both;float:none;position:relative;bottom:0}
#Peu span{background:#578a3d;color:#fff;line-height:200%;padding:3px 10px}
#Peu a,
#Peu a strong{color:#fff;text-decoration:none}
#Peu a:hover,
#Peu a:hover strong{text-decoration:underline}

/* links */
table.links{width:100%}
table.links td{font-size:.75em;font-weight:bolder;width:25%;text-align:center;vertical-align:top}
table.links td a{font-size:.85em;font-weight:normal;display:block;margin-bottom:3px}

/* empresa */
img.imgsituacio{border:1px solid #6D8F91}
/* cataleg productes */
img.imgcataleg{border:1px solid #6D8F91;float:left;margin:5px 15px 5px 5px;clear:right}

/* links */
table.atclient{width:100%;clear:right}
table.atclient td{font-size:.85em;width:25%;text-align:center;vertical-align:top;padding:8px}
table.atclient td a{display:block;color:#000;text-decoration:none}
table.atclient td h5{font-weight:bolder;font-size:1.1em;margin:0;color:#578a3d}

/* inserta ranunci */
div.insertaranunci{text-align:center}
div.insertaranunci a{font-size:.8em;font-weight:bolder;color:#fff;background:#578a3d;text-decoration:none}

/* contactar */
table.contactar{width:100%;margin-top:8px}
table.contactar td{font-size:.9em;vertical-align:top;padding:8px 8px 0}
table.contactar td.form{font-weight:bolder;color:#213D49;text-align:left}
table.contactar td.form p{padding:4px 0 0;margin:0}
table.contactar td ul{text-align:left}
table.contactar td li{list-style:square;padding:8px 0 0}
table.contactar td .gran{width:100%}
form#formContactar input, form#formContactar textarea {width:300px;padding:2px}
form#formContactar input.boto {width:auto}

