html, body { height: 100%; }

#tot { height: 100%; position: relative; margin: 0 auto; min-width: 1000px; }

/*DIV CAPSALERA*/
#capsalera { position: relative; height: 70px; border-bottom: 1px solid #3E3D40; z-index:1; background-color: #AAAAAA }
#capsalera_logo { position: absolute; left: 0px; top: 0px; }
#capsalera_logo a#logo { display: block; width: 151px; height: 70px; background: url(../imatges/pandohome.swf) no-repeat; }

#menusup { height: 50px; }
#menusup #botones { display: block; position: absolute; top: 10px; right: 15px; }

/*DIV CONTINGUT*/

#contingutHome { height: 65%; position: relative; overflow: hidden }
#contingutLlistarProducte { position: relative; overflow: hidden }
#contingutProducte { height: 80%; position: relative; overflow: hidden }
#contingut { position: relative; overflow: hidden; }

/*DIV MENU ESQ*/
#menuEsq { display: block; position: absolute; top: 0px; left: 0px; width: 150px; height: 100%; background-color:#000000; overflow: hidden;  border-right: 1px solid #3E3D40;  z-index:3;}
#menuEsq div.grupo { height: 25px; width: 100%; background: #000; border-top: 0px solid #AAA; }
#menuEsq div.grupo_over { height: 25px; width: 100%; background: #AAA; border-top: 0px solid #AAA; }
#menuEsq div.primero { border: 0; }
#menuEsq div.grupo a, #menuEsq div.grupo_over a { width: 135px; margin: 0; padding: 0 0 0 15px; cursor: pointer; display: block; font: 12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; color: #FFF; background: url(../imatges/fondo_grupo_flecha.gif) no-repeat 6px center; }
#menuEsq div.producto { height: 25px; width: 100%; background: #707172; border-bottom: 1px solid #707172; border-top: 1px solid #58585A;}
#menuEsq div.producto_over { height: 25px; width: 100%; background: #58585A; border-bottom: 1px solid #58585A; border-top: 1px solid #58585A;}
#menuEsq div.ultimo { border-bottom: 0; }
#menuEsq div.primer_producto { border-top: 0; }
#menuEsq div.producto a, #menuEsq div.producto_over a { width: 125px; margin: 0; padding: 0 0 0 25px; cursor: pointer; display: block; font: 11px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; color: #FFF; background: url(../imatges/fondo_producto_cuadrado.gif) no-repeat 21px center; }
#menuEsq .centrar1 { display: table; #position: relative; overflow: hidden; }
#menuEsq .centrar2 { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; }
#menuEsq .centrar3 { #position: relative; #top: -50%; }
#menuEsq div.oculta { display: none; }


/*DIV MAIN*/

#mainHome { display: block; position: relative; width: 100%; height: 100%; top: 0px; left: 150px; padding:0px; margin: 0px; overflow: hidden }
#mainProducte { display: block; position: relative; width: 100%; height: 100%; top: 0px; left: 0px; padding:0px; margin: 0px; z-index: 1; overflow: hidden }
#mainLlistarCampanes { display: block; position: relative; width: 85%; height: 100%; top: 0px; left: 150px; padding:0px; margin: 0px; overflow: auto;  }
#mainEmpresa { display: block; position: relative; top: 0px; left: 0px; padding-left:150px; margin: 0px; z-index: 1; overflow: visible; }
#mainNoticies{ display: block; position: relative; width: 100%; top: 0px; left: 0px; padding-left:150px; margin: 0px; overflow: hidden;  }
#mainNoticies_antic{ display: block; position: relative; top: 0px; left: 0px; padding-left:150px; margin: 0px; z-index: 1; overflow: visible; background-color:#FFFFFF;  }
#mainBuscar { display: block; position: relative; top: 0px; left: 0px; padding-left:150px; margin: 0px; z-index: 1; overflow: hidden }
#mainCaract { display: block; position: relative; top: 0px; left: 0px; padding-left:150px; margin: 0px; z-index: 2; background-color:#FFFFFF; overflow:visible; clear:right; }
#mainMapaweb { display: block; position: relative; height: 100%; top: 0px; left: 0px; padding-left:150px; margin: 0px; z-index: 2; background-color:#FFFFFF; overflow:visible; clear:right; }

/*DIV PEU NORMAL*/
#peu { position: relative; top:0px; width: 100%; height: 30px; border-top: 1px solid #3E3D40; border-bottom: 1px solid #3E3D40; overflow:hidden; padding:0; margin:0; background-color:#999999; z-index:3; }
#peu #contingutPeu { margin: 0 auto; text-align: center; }
#peu #contingutPeu #peuLinks { margin: 0 auto; }
#peu #contingutPeu a { color: #000000; font-size: 11px; padding-right: 10px; }
#peu #contingutPeu a.gris { color: #868686; }
#peu #contingutPeu a:hover { color: #3E3D40; text-decoration: underline; }
#menuinf_espacio { height: 5px; overflow: hidden; }

#peu2 { height: 30px; background-color:#999999;}
#peu2 #contingutPeu { text-align: center; }

/*DIV PEU AMB BANNERS*/
#peubanners { width: 100%; height: 75px; border-top: 1px solid #3E3D40; overflow:hidden; background-color: #999999; padding:0; margin:0 }
#peubanners #contingutPeu { margin: 0 auto; text-align: center; color:#FFFFFF }
#peubanners #contingutPeu #peuLinks { margin: 0 auto; }
#peubanners #contingutPeu a { color: #FFF; font-size: 12px; padding-right: 10px; }
#peubanners #contingutPeu a.gris { color: #868686; }
#peubanners #contingutPeu a:hover { text-decoration: underline; }
#menuinf_espacio { height: 5px; overflow: hidden; }


/*DIV PEU CARACTERISTIQUES PRODUCTE*/
#peuCaract { width: 100%; height: 30px; position:relative; top: 0px; border-top: 1px solid #3E3D40; border-bottom: 1px solid #3E3D40; overflow:hidden; padding:0; margin:0; background-color:#999999; z-index:3; clear:right; }
#peuCaract #contingutPeu { margin: 0 auto; text-align: center; }
#peuCaract #contingutPeu #peuLinks { margin: 0 auto; }
#peu #contingutPeu a { color: #000000; font-size: 11px; padding-right: 10px; }
#peu #contingutPeu a.gris { color: #868686; }
#peu #contingutPeu a:hover { color: #3E3D40; text-decoration: underline; }