/* Estils generals web*/
html{background-image:url(img/repeFonsSupWeb.jpg); background-repeat:repeat-x; background-position:top left; background-color:#fff}
html, body, form, div, a, span, img {margin:0;padding:0;border:none; text-decoration:none}
html,body {font-family:Verdana, Helvetica, Arial, sans-serif;font-size:1em}
 
#web {position:relative;width:1000px;text-align:center;margin:0 auto;}
 
div.separador {clear:both;font-size:0;line-height:0px}
a {color:#5EAFF0;text-decoration:none}
a:hover {color:#1378CA;text-decoration:none}
p {padding:0;margin:12px 0}
.amagat{display:none}

/* RECTIFICAMENT DE TAMANY DE TITOLS AMB FF (hereda el 'font-size' del contingut 
i redueix les fonts provocant diferencies IE - Firefox */
h1 {font-size:xx-large;}
h2 {font-size:x-large;} 
h3 {font-size:large;}
h4 {font-size:medium;}
h5 {font-size:small}
h6 {font-size:x-small;}  

/* CAP?ALERA DE LA PORTADA */
#web #cap{position:relative; height:240px;background-image:url(img/bossaCap.jpg); background-repeat:no-repeat; background-position:0; border-bottom:10px solid #CCCCCE}
#web #cap div.logo{position:absolute; top:127px; left:265px}

#web #cap div.logo a{margin-right:5px;}
#web #cap div.logo a.text_normal{margin-left:20px}
#web #cap div.logo a.text_normal,
#web #cap div.logo a.text_gran,
#web #cap div.logo a.text_moltgran{margin-top:80px; visibility:visible}
#web #cap div.logo a.text_normal{background-image:url(img/fonsMenuFont.gif); background-repeat:no-repeat; width:31px; height:22px;display:block; font-size:.8em;line-height:20px; float:left; color:#fff}
#web #cap div.logo a.text_gran{background-image:url(img/fonsMenuFont.gif); background-repeat:no-repeat; width:31px; height:22px;display:block; font-size:1.05em;line-height:20px;  float:left;color:#fff}
#web #cap div.logo a.text_moltgran{background-image:url(img/fonsMenuFont.gif); background-repeat:no-repeat; width:31px; height:22px;display:block; font-size:1.2em;float:left;color:#fff}
#web #cap div.logo a.text_normal:hover,
#web #cap div.logo a.text_gran:hover,
#web #cap div.logo a.text_moltgran:hover{background-image:url(img/fonsMenuFont_h.gif)}



#web #cap #ciberTiraCapcalera{position:absolute;top:0;left:0;margin:22px 0 0 265px;width:734px; height:96px; background-color:#0346DB;overflow:hidden}
 
#web #cap #menuCapcalera{}

#web #cap #menuCapcalera table.menuCap{margin:168px 0px 0 0px; text-align:right; font-size:.75em;}
#web #cap #menuCapcalera table.menuCap tr td{text-align:center;color:#ffffff} 
#web #cap #menuCapcalera table.menuCap tr td a{padding-top:3px;color:#ffffff}

#web #cap #menuCapcalera table.menuCap tr td.mapa a{width:28px; height:27px;background-image:url(img/fonsMW.gif); background-repeat:no-repeat;display:block;font-size:0; color:#0545DB}
#web #cap #menuCapcalera table.menuCap tr td.mapa a:hover{}
#web #cap #menuCapcalera table.menuCap tr td.contacta a{background-image:url(img/fonsContacta.gif); background-repeat:no-repeat; width:28px; height:27px; display:block;font-size:0;color:#0545DB}
#web #cap #menuCapcalera table.menuCap tr td.inici a{background-image:url(img/fonsInici.gif); background-repeat:no-repeat; width:28px; height:27px; display:block;font-size:0;color:#0545DB}
#web #cap #menuCapcalera table.menuCap tr td.contacta a:hover{}


#web #cap #menuCapcalera table.menuCap tr td.a1 a{background-image:url(img/fonsMenuFont.gif); background-repeat:no-repeat; width:31px; height:22px;display:block; font-size:.8em;line-height:20px}
#web #cap #menuCapcalera table.menuCap tr td.a2 a{background-image:url(img/fonsMenuFont.gif); background-repeat:no-repeat; width:31px; height:22px;display:block; font-size:1.1em;line-height:20px}
#web #cap #menuCapcalera table.menuCap tr td.a3 a{background-image:url(img/fonsMenuFont.gif); background-repeat:no-repeat; width:31px; height:22px;display:block; font-size:1.15em}
#web #cap #menuCapcalera table.menuCap tr td.a1 a:hover,
#web #cap #menuCapcalera table.menuCap tr td.a2 a:hover,
#web #cap #menuCapcalera table.menuCap tr td.a3 a:hover{background-image:url(img/fonsMenuFont_h.gif)}
#web #cap #menuCapcalera table.menuCap tr td.cat a,
#web #cap #menuCapcalera table.menuCap tr td.esp a{width:57px; height:21px; display:none;background-color:#0346DB}
#web #cap #menuCapcalera table.menuCap tr td.esp a:hover, #web #cap #menuCapcalera table.menuCap tr td.cat a:hover{background-color:#CECFD4; color:#0346DB}

#web #cap #menuCapcalera div.cercadorCapcalera{position:absolute;top:203px;left:760px;background-image:url(img/fonsCercaCap.gif); background-repeat:no-repeat;width:220px;height:28px;padding:2px 0 0px 20px;background-color:#0346DB}
#web #cap #menuCapcalera div.cercadorCapcalera div.Cercador{}
#web #cap #menuCapcalera div.cercadorCapcalera div.Cercador table{margin:0;padding:0;float:left}
#web #cap #menuCapcalera div.cercadorCapcalera div.Cercador table tr td {width:0px;background:none;}
#web #cap #menuCapcalera div.cercadorCapcalera div.Cercador table tr td span{display:none;width:0}
#web #cap #menuCapcalera div.cercadorCapcalera div.Cercador table tr td input{width:130px;height:16px;margin-top:-2px;margin-left:20px;margin-right:-10px}
#web #cap #menuCapcalera div.cercadorCapcalera div.Cercador div.Botons input.BotoCercar{background:none;border:none;color:#fff;font-weight:bolder;margin-top:2px; font-size:.8em}

/*MENU DE L'ESQUERRA*/
#menuEsq{text-align:left; margin:20px 0 0 0px;float:left;  width:190px}
#menuEsq div.VerticalDesplegat{}
#menuEsq div.VerticalDesplegat div.menu{ border:none; }
#menuEsq div.VerticalDesplegat div.menu div.eminterntext{margin-top:4px;}
#menuEsq div.VerticalDesplegat div.menu div.eminterntext a{}
#menuEsq div.VerticalDesplegat div.menu div.eminterntext a:hover{}
#menuEsq div.VerticalDesplegat div.menu div.eminterntext a span.text{font-size:.75em;background-color:#CECFD4;width:163px; height:19px; display:block; color:#0245DA; cursor:pointer; text-align:left;font-weight:normal; margin:0;padding:0;padding-top:1px; font-weight:bold;padding-left:25px;background-image:url(img/fonsMenu.gif); background-repeat:no-repeat;}
#menuEsq div.VerticalDesplegat div.menu div.eminterntext a span.textmarcat,
#menuEsq div.VerticalDesplegat div.menu div.eminterntext a:hover span.textmarcat,
#menuEsq div.VerticalDesplegat div.menu div.eminterntext a:hover span.text{text-align:left;background-image:url(img/fonsMenu_h.gif); background-repeat:no-repeat;color:#ffffff;width:163px; height:19px;font-weight:normal;margin:0;padding:0;font-size:.75em; background-color:#0245DA; padding-left:25px; font-weight:bold;display:block;padding-top:1px;}

#menuEsq div.VerticalDesplegat div.menu div.emseparador{height:6px; width:188px; background:none; background-image:url(img/SeparaMenuEsq.gif); background-repeat:no-repeat; margin:10px 0}
/* FI MENU DE L'ESQUERRA*/
#menuEsq #cistellEsq{position:relative; height:120px; background-image:url(img/cistellEsq.jpg); background-repeat:no-repeat; background-position:top left; margin-top:20px; padding:0px 0 0 15px}
#menuEsq #cistellEsq div.ResumCistellCompra{font-size:.7em; font-weight:bolder; margin-left:30px;padding-top:42px}
#menuEsq #cistellEsq div.ResumCistellCompra div.Unitats{}
#menuEsq #cistellEsq div.ResumCistellCompra div.Total{margin-top:17px}
#menuEsq #cistellEsq div.ResumCistellCompra div.NombreProductes{margin-bottom:20px}
#menuEsq #cistellEsq div.ResumCistellCompra span.Etiqueta{color:#004590}
#menuEsq #cistellEsq div.ResumCistellCompra span.Valor{color:#fff;margin-left:10px}
#menuEsq #cistellEsq div.ResumCistellCompra div.DetallCistell a{position:absolute;top:0;font-family:Verdana, Arial;font-size:1.05em;left:0;margin:102px 0 0 52px; font-weight:bolder; background-color:#fff;border:1px solid #0346DB;color:#0346db; height:18px; width:71px;padding:3px 0 0 17px} 
#menuEsq #cistellEsq div.ResumCistellCompra div.DetallCistell a:hover{background-color:#0346DB;color:#fff}  

#menuEsq #accesUsuaris{background-color:#CECFD4;background-image:url("img/accesComercos.jpg");background-position:left top;background-repeat:no-repeat;height:230px;margin-bottom:14px;margin-top:11px;padding-top:37px;position:relative;}
#menuEsq #accesUsuaris span{color:#004590;display:block;font-size:0.7em;font-weight:bolder;height:auto;padding:0 17px;}
 
#menuEsq #accesUsuaris div.ControlAcces{}
#menuEsq #accesUsuaris div.ControlAcces table{margin:0 10px;padding-top:10px}
#menuEsq #accesUsuaris div.ControlAcces table tr td{padding-top:23px;color:#004590;font-size:.7em;font-weight:bolder}
#menuEsq #accesUsuaris div.ControlAcces table tr td input{width:75px}
#menuEsq #accesUsuaris div.ControlAcces table tr td input.BotoEntrar{font-family:Verdana, Arial;background:none;background-color:#fff;border:1px solid #0346DB;color:#0346db;font-weight:bolder;margin:8px 0 0 45px;cursor:pointer;height:22px}
#menuEsq #accesUsuaris div.ControlAcces table tr td input.BotoEntrar:hover{background-color:#0346DB;color:#fff}


#menuEsq div.ciberTiraEsq{margin-top:5px;background-color:#0346DB; height:156px;overflow:hidden;width:190px}

/* FI DE LA ZONA DEL MENU ESQ*/ 
  
#web #contenedor {margin-top:0px}
#web #contenedor #centre{float:left; margin:0;padding:0;margin-top:20px;margin-left:10px;}
html>body #web #contenedor #centre{margin-left:20px}
#web #contenedor #dreta{float:right; width:220px}
 
#web #contenedor #dreta div.ciberTiraDretaPortada {padding-top:5px;overflow:hidden;margin-top:5px}
#web #contenedor #dreta div.ciberTiraDretaPortada img{background-image:url(img/SeparaCibertiraDre.gif); background-repeat:repeat-x;background-position:top ;padding-top:14px; }

#web #contenedor #dreta div.ciberTiraDretaPortadaGran{background-color:#0346DB; height:156px; width:220px; overflow:hidden;margin-top:20px}
#web #contenedor #dreta div.ciberTiraDretaPortada{}
#web #contenedor #dreta div.ciberTiraDretaPortada div.llistatnoticies{background:url(img/fonsNoticies.gif) no-repeat top;padding-top:40px; text-align:left; border:1px solid #CECED6}
#web #contenedor #dreta div.ciberTiraDretaPortada div.llistatnoticies{background:#CECED6 url(img/fonsNoticies.gif) no-repeat top;padding:40px 20px 10px 20px; text-align:left; border:1px solid #CECED6}
#web #contenedor #dreta div.ciberTiraDretaPortada div.llistatnoticies div.lloc,
#web #contenedor #dreta div.ciberTiraDretaPortada div.llistatnoticies div.autor,
#web #contenedor #dreta div.ciberTiraDretaPortada div.llistatnoticies div.data {display:none}
#web #contenedor #dreta div.ciberTiraDretaPortada div.llistatnoticies div.subtitol{margin:5px 0 0 0; font-weight:bold; border-bottom:1px solid blue; padding-bottom:10px; color:#404040;}
#web #contenedor #dreta div.ciberTiraDretaPortada div.llistatnoticies a.titol{color:#0346DB}
#web #contenedor #dreta div.ciberTiraDretaPortada div.llistatnoticies a.titol:hover span.titol{text-decoration:underline}

#web #contenedor #centre div.cercaPortada{width:550px;background-image:url(img/lupaCercador.jpg); background-repeat:no-repeat; background-position:left 0px;margin-top:30px}
#web #contenedor #centre div.cercaPortada h3{text-align:left;font-size:1.2em; color:#004590; font-family:Verdana, Arial, Helvetica, Arial, Tahoma, Verdana;}
#web #contenedor #centre div.cercaPortada div.cercadorPortada{margin:55px 0 5px 0}
 
div.Cercador table{margin:20px 0;}
div.Cercador table tr td{font-size:.75em;color:#004590;text-align:left; width:180px;font-weight:bolder}

div.Cercador table tr td input{width:270px;}
html>body div.Cercador table tr td input{width:290px;}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.Botons {text-align:right;margin-right:35px}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.Botons input.BotoCercar{background:none;border:none;background-color:#0346DB; width:71px; height:20px; color:#EFF7FF; cursor:pointer; font-weight:bolder;}
html>body #web #contenedor #centre div.cercaPortada div.cercadorPortada div.Botons input.BotoCercar{margin-right:15px}

#web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos{}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos table{margin-top:20px;}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos table tr td{font-size:.75em;color:#004590; width:180px;text-align:left}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos table tr td span{font-weight:bolder}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos table tr td input{width:270px}
html>body #web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos table tr td input{width:290px}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos div.Botons{text-align:right;margin-right:35px}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos div.Botons input.BotoCercar{background:none;border:none;background-color:#0346DB; width:71px; height:20px; color:#EFF7FF; cursor:pointer;font-weight:bolder;margin-top:15px}
html>body #web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos div.Botons input.BotoCercar{margin-right:15px}


#web #contenedor #centre #galeriaPortada{text-align:left;}
#web #contenedor #centre #galeriaPortada h3{font-size:1.2em; color:#004590; border-bottom:6px solid #6E95C0; font-family:Verdana, Arial, Helvetica, Tahoma, Verdana;}
#web #contenedor #centre #galeriaPortada div.llistatPortada{margin:25px 0}

#web #contenedor #centre #galeriaPortada div.llistatPortada div.SectorsActivitatsComercials{width:545px;margin-left:3px;background-color:#EEEFEB;padding-bottom:10px}
#web #contenedor #centre #galeriaPortada div.llistatPortada div.SectorsActivitatsComercials div.SectorComercial{background-image:url(img/titolSector.jpg);background-repeat:no-repeat;background-position:top left;color:#ffffff; font-size:.7em; font-weight:bolder;padding:4px 0 0 35px;position:relative}
#web #contenedor #centre #galeriaPortada div.llistatPortada div.SectorsActivitatsComercials div.SectorComercial img{position:absolute;top:0;left:-30px;margin:0;padding:0}
html>body #web #contenedor #centre #galeriaPortada div.llistatPortada div.SectorsActivitatsComercials div.SectorComercial img{left:0px}
#web #contenedor #centre #galeriaPortada div.llistatPortada div.SectorsActivitatsComercials div.SectorComercial a{margin-left:20px; text-align:right; color:#8EADCF}
#web #contenedor #centre #galeriaPortada div.llistatPortada div.SectorsActivitatsComercials div.SectorComercial a:hover{color:#fff; text-decoration:underline}
#web #contenedor #centre #galeriaPortada div.llistatPortada div.SectorsActivitatsComercials div.SectorComercial div.ActivitatComercial{margin:20px 0 20px 0; color:#004590; padding-left:10px}
#web #contenedor #centre #galeriaPortada div.llistatPortada div.SectorsActivitatsComercials div.SectorComercial div.ActivitatComercial img{}
#web #contenedor #centre #galeriaPortada div.llistatPortada div.SectorsActivitatsComercials div.SectorComercial div.ActivitatComercial a{}
#web #contenedor #centre #galeriaPortada div.llistatPortada div.SectorsActivitatsComercials div.SectorComercial div.ActivitatComercial a:hover{color:#004590}

#peuPag{margin:1em 0;width:1000px;text-align:left}
#peuPag div.peu1{text-align:center;background-color:#0346DB;border:3px solid #D1D0CC;color:#ffffff; font-size:.75em; padding:10px 0;}
#peuPag div.menuPeu{}
#peuPag div.menuPeu ul{margin:0;padding:0}
#peuPag div.menuPeu ul li{float:left;list-style:none}
#peuPag div.menuPeu ul li a{color:#8B8B8B; text-decoration:underline;font-size:.7em; margin-right:15px}
#peuPag div.menuPeu ul li a:hover{color:#000000; text-decoration:none}
#peuPag span.infoPeu{color:#8B8B8B;font-size:.7em; line-height:20px}


div.Paginacio{text-align:center;font-size:.75em;margin:20px 0}
div.Paginacio a, div.Paginacio strong{margin-left:0.5em}
 

h4.destaca{font-size:1.3em; color:#0346DB;font-family:Verdana;font-weight:normal}
.Comprar {display:none !important;}
div.Comprar a {display:none !important;}