/* 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:.95em;line-height:100%}
#contingutCerca form{clear:both;float:left;width:100%;}
#web {position:relative;width:1000px;text-align:center;margin:0 auto;border-bottom:11px solid #0158a8;}
html>/**/body #web {padding-bottom:24px}
html>/**/body #menuEsq #accesUsuaris div.ControlAcces table tr td input.BotoEntrar {margin-top:6px}
 
div.separador {clear:both;font-size:0;line-height:0px}
a {text-decoration:underline;color:#0158a8}
a:hover {text-decoration:none;color:#0158a8}
p {padding: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;}  

/* CAPALERA DE LA PORTADA */
#web #cap{position:relative; height:190px;background:url(img/bossaCap.jpg) #0158a8 no-repeat bottom;}
#web #cap div.logo{font-size:.75em;width:440px;background:url(img/logo.jpg) no-repeat left center;float:left;height:24px;margin-left:40px;padding-left:80px;padding-top:15px}
#web #cap div.logo a{margin-right:5px;color:#09d5ed}
#web #cap div.logo a:hover{color:#FFFFFF}
#web #cap div.menuCap{font-size:.6em;width:340px;float:right;height:20px;padding-top:19px}
#web #cap div.menuCap ul{margin:0;padding:0}
#web #cap div.menuCap ul li{float:left;list-style:none}
#web #cap div.menuCap ul li a{color:#09d5ed; padding-right:10px;padding-left:10px;border-left:1px dotted #09d5ed}
#web #cap div.menuCap ul li a:hover{color:#FFFFFF}
#web #cap div.menuCap ul li a.text_normal{border:none;font-size:10px; }
#web #cap div.menuCap ul li a.text_gran{border:none;font-size:12px;}
#web #cap div.menuCap ul li a.text_moltgran{border:none;font-size:14px;}


/*MENU DE L'ESQUERRA*/

#menuEsq{text-align:center; margin:10px 0px 0 0px;padding-left:10px;padding-top:10px; padding-right:35px;float:left;  width:165px !important;background: #ebe9e9}
#menuEsq div.VerticalDesplegat{width:165px;text-align:center}
#menuEsq div.VerticalDesplegat .text,
#menuEsq div.VerticalDesplegat .textmarcat{background:none}
#menuEsq div.VerticalDesplegat div.menu{ border:none;background:none;width:165px; }
#menuEsq div.VerticalDesplegat div.menu div.eminterntext,
#menuEsq div.VerticalDesplegat div.menu div.emexterntext{margin-top:4px;}
#menuEsq div.VerticalDesplegat div.menu div.eminterntext a,
#menuEsq div.VerticalDesplegat div.menu div.emexterntext a{}
#menuEsq div.VerticalDesplegat div.menu div.eminterntext a:hover,
#menuEsq div.VerticalDesplegat div.menu div.emexterntext a:hover{}
#menuEsq div.VerticalDesplegat div.menu div.eminterntext a span{width:auto}
#menuEsq div.VerticalDesplegat div.menu div.eminterntext a span.text,
#menuEsq div.VerticalDesplegat div.menu div.emexterntext a span.text{font-size:.75em;height:19px; display:block; color:#FFFFFF; cursor:pointer; margin:0;padding:0;padding-top:1px; font-weight:bold;background-image:url(img/fonsMenu.gif); background-repeat:no-repeat;background-color:none}
#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,
#menuEsq div.VerticalDesplegat div.menu div.emexterntext a:hover span.text{background-image:url(img/fonsMenu_h.gif); background-repeat:no-repeat;color:#69a5dd;height:19px;margin:0;padding:0;font-size:.75em; font-weight:bold;display:block;padding-top:1px;}
#menuEsq div.VerticalDesplegat div.menu div.emseparador{height:14px;  background:none; background-image:url(img/SeparaMenuEsq.gif); background-repeat:no-repeat;}

/* FI MENU DE L'ESQUERRA*/
#menuEsq #cistellEsq {position:relative; height:120px; background:url(img/cistellEsq.jpg) no-repeat; margin-top:20px;}
#menuEsq #cistellEsq div.ResumCistellCompra{font-size:.7em; font-weight:bolder;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:#0671d4;}
#menuEsq #cistellEsq div.ResumCistellCompra span.Valor{color:#000;margin-left:10px}
#menuEsq #cistellEsq div.ResumCistellCompra div.DetallCistell{text-align:center;}
#menuEsq #cistellEsq div.ResumCistellCompra div.DetallCistell a{display:block;color:#000;text-decoration:none;margin:13px auto 0px auto;background:none;border:none;background:url(img/boto.gif) no-repeat;font-weight:bolder;cursor:pointer;width:107px;height:16px;padding-top:4px;} 
#menuEsq #cistellEsq div.ResumCistellCompra div.DetallCistell a:hover{}  
#menuEsq #accesUsuaris{text-align:center;width:165px !important;position:relative; height:160px;padding-top:50px; background-image:url(img/accesComercos.jpg); background-repeat:no-repeat; background-position:top left; margin-top:16px}
#menuEsq #accesUsuaris span{width:128px;color:#0671d4; font-size:11px; font-weight:bolder; line-height:100%;}
#menuEsq #accesUsuaris div.ControlAcces{margin-top:18px}
#menuEsq #accesUsuaris div.ControlAcces table{font-size:11px;}
#menuEsq #accesUsuaris div.ControlAcces table tr td{color:#0671d4;font-weight:bolder;line-height:150%}
#menuEsq #accesUsuaris div.ControlAcces table tr td input{width:75px;}
#menuEsq #accesUsuaris div.ControlAcces table tr td input.BotoEntrar{margin-top:6px;background:none;border:none;background:url(img/boto.gif) no-repeat;font-weight:bolder;cursor:pointer;width:107px;height:20px}
#menuEsq #accesUsuaris div.ControlAcces table tr td input.BotoEntrar:hover{}
#menuEsq div.ciberTiraEsq{margin-top:24px;background-color:#69a5dd; height:156px;overflow:hidden;width:165px}

/* FI DE LA ZONA DEL MENU ESQ*/ 

#web #contenedor {text-align:left;float:left;width:821px;margin-top:12px;margin-left:0px;background:url(img/top.jpg) no-repeat;border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7}
#web #contenedor #gris{background: #ebe9e9;width:810px;margin:5px auto;padding-bottom:20px;min-height:760px;}
#web #contenedor .titol{margin-left:18px;margin-top:8px;font-family:helvetica;color:#272727;font-size:26px}
#web #contenedor .titol span{color:#0671d4;font-size:20px}
#web #contenedor .subtitol{margin-left:18px;font-family:verdana;color:#0671d4;font-size:11px}
#web #contenedor #centre{background: #ebe9e9;float:left;padding:10px;width:580px !important;margin-top:10px !important;font-size:.75em;text-align:justify}
#web #contenedor #centre div.titolSeccio {margin-bottom:16px;background:#69A5DD;color:#FFF;font-size:2em;font-weight:bold;padding-bottom:15px;padding-left:10px;
padding-top:12px;}

div.ciberTiraDre img{background-image:url(img/SeparaCibertiraDre.gif); background-repeat:repeat-x;background-position:top ;padding-top:14px; }
div.ciberTiraDre{float:right;overflow:hidden;margin:0px;padding-right:15px;}
div.ciberTiraDretaPortada div.llistatnoticies{background:url(img/fonsNoticies.gif) no-repeat top;padding-top:40px; text-align:left; border:1px solid #CECED6}
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}
div.ciberTiraDretaPortada div.llistatnoticies div.lloc,
div.ciberTiraDretaPortada div.llistatnoticies div.autor,
div.ciberTiraDretaPortada div.llistatnoticies div.data {display:none}
div.ciberTiraDretaPortada div.llistatnoticies div.subtitol{margin:5px 0 0 0; font-weight:bold; border-bottom:1px solid #69a5dd; padding-bottom:10px; color:#404040;}
div.ciberTiraDretaPortada div.llistatnoticies a.titol{color:#69a5dd}
div.ciberTiraDretaPortada div.llistatnoticies a.titol:hover span.titol{text-decoration:underline}
div.ciberTiraDretaPortada div.llistatnoticies div.itemimatge img{background:none;padding-top:0px}
/* #web #contenedor #centre div.cercaPortada .cercadorPortada{width:548px;height:70px;background-image:url(img/cercador.jpg); background-repeat:no-repeat; background-position:top;}
#web #contenedor #centre div.cercaPortada .CercadorComercos{width:548px;height:70px;background-image:url(img/cercador.jpg); background-repeat:no-repeat; background-position:bottom;}
#web #contenedor #centre div.cercaPortada h3{display:none}
#web #contenedor #centre div.cercaPortada div.cercadorPortada{position:relative}
html > body #web #contenedor #centre div.cercaPortada div.cercadorPortada{clear:both} 
#web #contenedor #centre div.cercadorInteriors .Cercador{width:548px;height:79px;background-image:url(img/cercadorGlobal.jpg); background-repeat:no-repeat; background-position:top;position:relative}
#web #contenedor #centre div.cercadorInteriors .Cercador table tr td input{width:290px !important;position:absolute;left:30px;top:35px;background:none;border:none}
#web #contenedor #centre div.cercadorInteriors .Cercador div.Botons {position:absolute;right:140px;top:28px}
#web #contenedor #centre div.cercadorInteriors .Cercador div.Botons input.BotoCercar{background:none;border:none;cursor:hand;font-size:0px;width:80px;height:30px;display:block}
#web #contenedor #centre div.cercadorInteriors .cercadorInteriors{text-align:center}
#web #contenedor #centre div.cercadorInteriors div.Cercador table{margin:20px 0;}
#web #contenedor #centre div.cercadorInteriors div.Cercador table tr td{font-size:.75em;color:#0158A8;text-align:left; width:180px;font-weight:bolder}
#web #contenedor #centre div.cercadorInteriors div.Cercador table tr td span{display:none}
#web #contenedor #centre div.cercadorInteriors div.Cercador table tr td input{width:290px;position:absolute;left:30px;top:33px;background:none;border:1px none}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.Botons {position:absolute;right:140px;top:28px}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.Botons input.BotoCercar{background:none;border:1px none;cursor:hand;font-size:0px;width:80px;height:30px;display:block}
#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:#0158A8; width:180px;text-align:left}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos table tr td select,
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos table tr td span{display:none}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos table tr td input{width:290px;position:absolute;left:30px;top:21px;background:none;border:none}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos div.Botons{position:absolute;right:126px;top:18px}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos div.Botons input.BotoCercar{background:none;border:none;cursor:hand;font-size:0px;width:80px;height:30px;display:block}
html>body #web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos div.Botons input.BotoCercar{margin-right:15px}
*/
#web #contenedor #centre div.cercadorInteriors .Cercador div.Botons {margin-right:35px;
text-align:right;}
#web #contenedor #centre div.cercadorInteriors .Cercador div.Botons input.BotoCercar{background:#69A5DD none repeat scroll 0 0;
border:medium none;
color:#EFF7FF;
cursor:pointer;
font-weight:bolder;
height:20px;
width:71px;}
#web #contenedor #centre div.cercaPortada {
background-image:url(img/lupaCercador.jpg);
background-position:left 0;
background-repeat:no-repeat;
margin-top:30px;
width:550px;
}
#web #contenedor #centre div.cercaPortada h3 {
color:#004590;
font-family:Verdana,Arial,Helvetica,Arial,Tahoma,Verdana;
font-size:1.2em;
text-align:left;
}
#web #contenedor #centre div.cercaPortada div.cercadorPortada {
margin:55px 0 5px;
}
div.Cercador table {
margin:20px 0;
}
div.Cercador table tr td {
color:#004590;
font-size:1em;
font-weight:bolder;
text-align:left;
width:180px;
}
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 {
margin-right:35px;
text-align:right;
}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.Botons input.BotoCercar {
background:#69A5DD none repeat scroll 0 0;
border:medium none;
color:#EFF7FF;
cursor:pointer;
font-weight:bolder;
height:20px;
width:71px;
}
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 {
color:#004590;
font-size:1em;
text-align:left;
width:180px;
}
#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 {
margin-right:35px;
text-align:right;
}
#web #contenedor #centre div.cercaPortada div.cercadorPortada div.CercadorComercos div.Botons input.BotoCercar {
background:#69A5DD none repeat scroll 0 0;
border:medium none;
color:#EFF7FF;
cursor:pointer;
font-weight:bolder;
height:20px;
margin-top:15px;
width:71px;
}
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:#0158A8; 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:22px; 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:#0158A8; 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:#0158A8}
#web #contenedor #centre #cercaInteriors{border:none !important;}
#centre .titolSeccioPlanol h4{}
#web #contenedor #centre #contingutPlanol div.planol div.PlanolInteractiu div.Botons input.BotoAplicar {background:url(img/aplicar.jpg) no-repeat !important;}
div.SectorsActivitatsComercials h4,
div.TipusLlocsInteres h4{background:url(img/titol.jpg) no-repeat;width:230px;height:20px}

.Detall a,
.Planol a{background:url(img/btn.gif) no-repeat;font-weight:bold; width:99px;height:20px;padding-top:6px;display:block;text-align:center}
div.Producte{margin:10px 0;background:url(img/fonsProds.jpg) no-repeat #c4c4c4;min-height:204px;width:542px;position:relative}
* html div.Producte{height:198px}
.ResumComanda .Productes table .Producte,
.CistellCompra table .Producte{width:auto;height:auto;background:none;min-height:0px}
.ResumComanda .Productes table .Producte .Detall a,
.ResumComanda .Productes table .Comerc .Detall a,
.CistellCompra table .Producte .Detall a,
.CistellCompra table .Comerc .Detall a{background:none;width:auto;height:auto;display:inline}
.ResumComanda .Productes table .Comerc .Planol,
.CistellCompra table .Comerc .Planol{display:none}


div.peu1{border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7;width:821px;float:left;padding-top:10px;padding-bottom:10px;margin-left:0px;clear:both;text-align:center;color:#444444;background:url(img/bottom.jpg) no-repeat left bottom; font-size:.65em; }
div.peu1 ul{margin:0;padding:0}
div.peu1 ul li{float:left;list-style:none}
div.peu1 ul li a{color:#444444;margin-left:15px;text-decoration:none}
div.peu1 ul li a.avis{float:right;margin-right:13px;padding-top:30px;}
html>/**/body div.peu1 ul li a.avis {padding-top:28px;}
div.peu1 ul li a:hover{text-decoration:underline}
div.peu1 ul li a.top{width:43px;height:41px;background:url(img/puja.gif) no-repeat;display:block}
div.peu1 ul li a.contact{width:43px;height:41px;background:url(img/contacta.gif) no-repeat;display:block}
div.peu1 ul li a.mapa{width:43px;height:41px;background:url(img/mapa.gif) no-repeat;display:block}
div.peu1 ul li a.portada{width:43px;height:41px;background:url(img/principal.gif) no-repeat;display:block}


div.peu2{float:left;margin-left:20px;height:15px;padding-top:6px;padding-bottom:6px;width:821px;text-align:left;font-size:.65em;clear:both}
div.peu2 ul{margin:0;padding:0}
div.peu2 ul li{float:left;list-style:none}
div.peu2 ul li a{color:#0671d4; margin-right:15px}
div.peu2 ul li a:hover{}



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

h4.destaca{font-size:1.3em; color:#69a5dd;font-family:Verdana;font-weight:normal}