@charset "UTF-8";
/* CSS Document */



body {
background-image:url(../imgs/background.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
}

img, div { /*fitxer que fa que els PNG siguin transparents en IE6*/
behavior: url(iepngfix.htc);
}



/********** ESTRUCTURA I ESTILS PER BLOCS DE LA WEB **********/

/********** HEADER **********/

/* logo empresa */

#logo{
width:175px;
height:80px;
padding: 49px 0 0 28px;
float:left;
}

/* registre usuaris */

#registre{
width:258px;
height:76px;
padding:20px;
margin:0 20px 0 0;
float:right;
background-image:url(../imgs/registre-background.png);
background-repeat:no-repeat;
font-size:12px; 
font-weight:bold;
color:#2b2b33;
}

#registre-links{
text-align:right;
width:258px;
}

#registre-links a{
font-size:10px;
font-weight:normal;
color:#959599;
text-decoration:none;
}

#registre-links a:hover{
font-size:10px;
font-weight:normal;
color:#2b2b33;
text-decoration:none;
}

#registre input{
margin-top:10px;
margin-right:2px;
width:94px;
padding:3px;
float:left;
font-size:11px;
font-weight:normal; 
color:#959599;
border:#959599 solid 1px;
height:13px;
padding-top:2px;
}

#registre-boto{
margin-top:10px;
float:left;
}


/********** NAVIGATION **********/

/* menu idioma */

#idioma{
width:160px;
padding:5px 0 0 69px;
float:left;
}

#idioma .selected{
font-size:10px;
color:#ffffff;
margin-right:15px;
}

#idioma a{ 
font-size:10px;
text-decoration:none;
color:#bfbfc2;
}

#idioma a:hover{ 
text-decoration:none;
color:#ffffff;
}

/* menu top */

#menu-top{
width:600px;
float:right;
text-align:right;
margin-right:20px;
height:30px;
}

#menu-top .selected{
padding:8px 20px 8px 20px;
background-color:#411d73;
font-size:12px;
color:#fff;
line-height:30px;
}

#menu-top a{
padding:8px 20px 8px 20px;
font-size:12px;
color:#fff;
line-height:30px;
text-decoration:none;
}

#menu-top a:hover{
background-color:#411d73;
}


/********** LEFT COLUMN **********/

/* menu esquerra */

#menu-esq{
width:188px;
background-color:#d9d2e3;
margin:0 0 0 20px;
background-image:url(../imgs/menu-esq-top.gif);
background-position:top;
background-repeat:no-repeat;
padding-top:8px;
}

#menu-esq-cercador{
padding:12px 20px 20px 20px;
height:53px;
float:left;
font-size:12px;
font-weight:bold;
color:#2b2b33;
}

#menu-esq-cercador input{
margin-top:10px;
width:90px;
padding:3px;
float:left;
margin-right:2px;
font-size:11px;
font-weight:normal; 
color:#959599;
border:#959599 solid 1px;
height:13px;
padding-top:2px;
}

#menu-esq-cercador-boto{
margin-top:10px;
float:left;
}

#menu-esq-separador{
width:188px;
height:2px;
background-color:#ffffff;
float:left;
}

#menu-esq-titol{
padding:20px 20px 10px 20px;
float:left;
width:148px;
font-size:12px; 
font-weight:bold;
color:#2b2b33;
}

#menu-esq-familia{
float:left;
width:188px;
}

#menu-esq-bot{
width:188px;
background-color:#d9d2e3;
margin: 0;
background-image:url(../imgs/menu-esq-bot.gif);
background-position:bottom;
background-repeat:no-repeat;
padding-top:38px;
clear:both;
}

/* menu esquerra - botons de conversio */

#menu-esq-conversio{
width:148px;
height:36px !important;
_height:32px;
margin-top:20px;
padding:12px 20px 0px 20px;
margin-left:20px;
font-size:12px;
font-weight:bold;
color:#2b2b33;
background-color:#d9d2e3;
background-image:url(../imgs/menu-esq-top.gif);
background-position:top;
background-repeat:no-repeat;
}

#menu-esq-conversio-titol{
padding-top:8px;
}

#menu-esq-conversio-titol a{
color:#808085;
text-decoration:none;
}

#menu-esq-conversio-titol a:hover{
color:#000000;
text-decoration:none;
}

#menu-esq-conversio-bot{
background-image:url(../imgs/menu-esq-bot.gif);
background-position:bottom;
background-repeat:no-repeat;
margin:0;
clear:both;
height:0px;
width:148px;
background-color:#d9d2e3;
padding:0px 20px 20px 20px !important;
_padding:0px 20px 0px 20px;
margin-left:20px;
}


/********** RIGHT COLUMN **********/

/* cistella de la compra */

#carret{
width:148px;
height:138px;
background-color:#ffffff;
margin:0 0 0 0;
background-position:top;
background-repeat:no-repeat;
padding:20px;
}

#carret p{
font-size:12px; 
font-weight:bold;
color:#2b2b33;
}

#carret .productes{
padding-top:10px;
font-size:11px; 
font-weight:normal;
color:#2b2b33;
}

#carret .subtotal{
font-size:11px; 
font-weight:normal;
color:#411d73;
}

/* banners */

#banners{
margin-top:4px;
width:188px;
height:auto;
}


/********** CONTENT **********/

/* drecera */

#migas{
width:538px;
height:auto;
margin-bottom:10px;
font-size:10px;
font-weight:normal;
color:#959599;
}

#migas .selected{
font-size:10px;
font-weight:bold;
color:#2b2b33;
width:524px;
margin-bottom:20px;
}

#migas img{ 
vertical-align:middle; /*fa que el text de les migas quedi aliniat verticalment amb la imatge de la franja lila*/
}

a.migas-link{ /*links de les migas*/
color:#959599;
text-decoration:none;
}

a.migas-link:hover{
color:#2b2b33;
text-decoration:none;
}

/* resultat numero de productes */

#num-productes{
margin-top:15px;
width:200px;
margin-left:15px;
font-size:10px;
font-weight:normal;
color:#959599;
}

#num-productes .selected{
font-size:10px;
font-weight:bold;
color:#959599;
}

/* paginacio */

#pagines{
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:269px;
float:right;
padding-top:10px;
}

.paginacio{
padding:2px;
}

.paginacio ul{
margin:0;
padding:0;
text-align:right; /*posar "left" per aliniar la paginacio a la dreta de la interficie*/
font-size:11px;
}

.paginacio li{
list-style-type:none;
display:inline;
padding-bottom:1px;
margin-right:-2px;
}

.paginacio a.normal, .paginacio a.normal:visited, .paginacio a.normal:active{
padding:1px 4px;
text-decoration:none; 
color:#ffffff;
background-color:#808085;
font-weight:bold;
}

.paginacio a.normal:hover{
color:#ffffff;
background-color:#411d73;
font-weight:bold;
}

.paginacio a.currentpage{
padding:1px 4px;
text-decoration:none;
background-color:#411d73;
color:#ffffff !important;
font-weight:bold;
cursor:default;
}

/* quadres producte home */

#producte-home-esq{
padding:0 20px 20px 0;
width:259px;
height:259px;
float:left;
background-image:url(../imgs/frame-home.png);
background-repeat:no-repeat;
}

#producte-home-dre{
padding:0 0 20px 0;
width:259px;
height:259px;
float:left;
background-image:url(../imgs/frame-home.png);
background-repeat:no-repeat;
}

/* oferta i novetat home */

#oferta_novetat-cap{
padding-top:20px;
padding-right:20px;
padding-left:20px;
padding-bottom:10px;
width:219px;
height:37px;
text-align:right;
}

#oferta_novetat-mig{
width:257px;
height:105px;
text-align:center;
vertical-align:middle;
margin-left:2px;
float:left;
}

#oferta_novetat-mig-xxl{
width:259px;
height:105px;
text-align:center;
vertical-align:middle;
float:left;
}

#oferta_novetat-peu{
width:219px;
padding-top:10px;
padding-bottom:20px;
padding-right:20px;
padding-left:20px;
height:37px;
float:left;
}

#oferta_novetat-peu-boto{
padding-left:10px;
padding-right:10px;
text-align:center;
float:left;
}

#oferta_novetat-peu-text{
padding-top:2px;
text-align:right;
float:right;
}

a.comprar-text{
font-weight:bold;
font-size:11px;
color:#959599;
text-decoration:none;
}

a.comprar-text:hover{
font-weight:bold;
font-size:11px;
color:#2b2b33;
text-decoration:none;
}

.producte-nom{ /*text per al nom del producte a la home*/
font-size:12px;
font-weight:bold;
color:#2b2b33;
}

.producte-nom2{ /*text per a la breu descripcio del producte a la home*/
font-size:11px;
color:#2b2b33;
}

.producte-preu{ /*text per al preu del producte a la home*/
font-size:11px;
font-weight:bold;
color:#411d73;
}

.producte-preu-tatxat{ /*text per al preu tatxat del producte a la home*/
font-size:11px;
font-weight:bold;
color:#411d73;
text-decoration:line-through;
}

.producte-preu-oferta{ /*text per al preu en oferta del producte a la home*/
font-size:11px;
font-weight:bold;
color:#a20c0c;
}

/* graella productes */

#producte-interior-col1fila1{ /*primer producte de la primera fila*/
padding:10px;
width:158px;
height:158px;
float:left;
border:1px #ccccce solid;
}

#producte-interior-col1fila2n{ /*primer producte de la segona fila*/
padding:10px;
width:158px;
height:158px;
float:left;
border:1px #ccccce solid;
border-top:none;
}

#producte-interior-col2i3fila1{ /*segon i tercer producte de la primera fila*/
padding:10px;
width:158px;
height:158px;
float:left;
border:1px #ccccce solid;
border-left:none;
}

#producte-interior-col2i3filan{ /*segon i tercer producte de la resta de files*/
padding:10px;
width:158px;
height:158px;
float:left;
border:1px #ccccce solid;
border-left:none;
border-top:none;
}

/* Graella productes modificada */

#producte-interior-colfila0{ /*primer producte de la primera fila*/
padding:10px;
width:158px;
height:158px;
float:left;
border:1px #ccccce solid;
}

#producte-interior-colfila3{ /*primer producte de la segona fila*/
padding:10px;
width:158px;
height:158px;
float:left;
border:1px #ccccce solid;
border-top:none;
}

#producte-interior-colfila1{ /*segon i tercer producte de la primera fila*/
padding:10px;
width:158px;
height:158px;
float:left;
border:1px #ccccce solid;
border-left:none;
}

#producte-interior-colfila2{ /*segon i tercer producte de la primera fila*/
padding:10px;
width:158px;
height:158px;
float:left;
border:1px #ccccce solid;
border-left:none;
}

#producte-interior-colfila4{ /*segon i tercer producte de la resta de files*/
padding:10px;
width:158px;
height:158px;
float:left;
border:1px #ccccce solid;
border-left:none;
border-top:none;
}

#producte-interior-colfila5{ /*segon i tercer producte de la resta de files*/
padding:10px;
width:158px;
height:158px;
float:left;
border:1px #ccccce solid;
border-left:none;
border-top:none;
}

#producte-interior-colfila6{ /*primer producte de la segona fila*/
padding:10px;
width:158px;
height:158px;
float:left;
border:1px #ccccce solid;
border-top:none;
}

#producte-interior-colfila7{ /*segon i tercer producte de la resta de files*/
padding:10px;
width:158px;
height:158px;
float:left;
border:1px #ccccce solid;
border-left:none;
border-top:none;
}

#producte-interior-colfila8{ /*segon i tercer producte de la resta de files*/
padding:10px;
width:158px;
height:158px;
float:left;
border:1px #ccccce solid;
border-left:none;
border-top:none;
}

#producte-interior-colfila-blanc{
padding:10px;
width:158px;
height:158px;
float:left;
border:0px #ccccce solid;
border-left:none;
border-top:none;
}
/* Fi Graella productes modificada */



/* producte que hi ha dins de cada caixa de la graella */

#producte-cap{
width:158px;
height:107px;
position:absolute;
background-position:center;
background-repeat:no-repeat
}

#producte-oferta_novetat{ /*boleta oferta o novetat a la graella de productes*/
width:25px;
height:24px;
position:absolute;
margin-left:133px;
float:right
}

#producte-peu{
width:158px;
height:46px;
position:absolute;
margin-top:112px;
}

#producte-peu-boto{
text-align:center;
float:left;
}

#producte-peu-text{
padding-top:2px;
text-align:right;
float:right;
}

a.comprar-text-interior{
font-weight:bold;
font-size:10px;
color:#959599;
text-decoration:none;
}

a.comprar-text-interior:hover{
font-weight:bold;
font-size:10px;
color:#2b2b33;
text-decoration:none;
}

.producte-nom-interior{ /*text per al nom del producte a la graella de productes*/
font-size:11px;
font-weight:bold;
color:#2b2b33;
}

.producte-nom2-interior{ /*text per a la breu descripcio del producte a la graella de productes*/
font-size:10px;
color:#2b2b33;
}
.producte-nom3-interior{ /*text per a la breu descripcio del producte a la graella de productes*/
font-size:10px;
color:#411D73;
margin-top:10px;
margin-left:20px;
font-weight:bold;
}
.producte-nom4-interior{ /*text per a la breu descripcio del producte a la graella de productes*/
font-size:10px;
color:#411D73;
text-align:right;
width:236px;
font-weight:bold;
margin-bottom:10px;
margin-top:-10px;
}

.producte-preu-interior{ /*text per al preu a la graella de productes*/
font-size:10px;
font-weight:bold;
color:#411d73;
}

.producte-preu-tatxat-interior{ /*text per al preu tatxat a la graella de productes*/
font-size:10px;
font-weight:bold;
color:#411d73;
text-decoration:line-through;
}

.producte-preu-oferta-interior{ /*text per al preu en oferta a la graella de productes*/
font-size:10px;
font-weight:bold;
color:#a20c0c;
}

/* fitxa producte */

#fitxa{
padding:20px;
width:496px;
height:auto;
float:left;
border:1px #ccccce solid;
}

#fitxa-info{
height:auto;
float:left;
padding-bottom:20px;
}

#fitxa-info-esq{
width:240px;
height:259px;
float:left;
}

#fitxa-info-esq-img{
width:240px;
height:247px;
float:left;
background-position:center;
background-repeat:no-repeat;
}

#fitxa-info-esq-lupa{
float:left;
padding-left:104px;
}

#fitxa-info-esq-lupa a{
margin-right:15px;
font-size:10px;
color:#959599;
text-decoration:none;
}

#fitxa-info-esq-lupa a:hover{
margin-right:15px;
font-size:10px;
color:#2b2b33;
text-decoration:none;
}

#fitxa-info-dre{
width:256px;
float:left;
}

#fitxa-info-dre input{
font-size:11px;
font-weight:normal; 
color:#959599;
border:#959599 solid 1px;
height:15px;
padding-top:3px;
padding-left:3px;
width:25px;
}

#fitxa-info-dre-text{
width:236px;
height:auto;
padding-left:20px;
padding-top:0px;
float:left;
}

#fitxa-info-dre-form{
padding-top:20px;
height:auto;
height:95px;
}

#fitxa-info-dre-form-contingut{
width:180px;
float:left;
height:auto;

}

#fitxa-info-dre-form-boto{
width:50px;
float:right;
height:auto;
}

.producte-oferta_novetat-fitxa{ /*boleta oferta o novetat a la fitxa*/
padding-bottom:10px;
text-align:right;
}

.producte-titol{ /*text per al titol del producte a la fitxa*/
font-size:12px;
font-weight:bold;
color:#2b2b33;
text-align:justify;
padding-bottom:20px;
}

.producte-subtitol{ /*text per als altres titols a la fitxa*/
font-size:11px;
font-weight:bold;
color:#2b2b33;
text-align:justify;
padding-bottom:10px;
}

.producte-text{ /*text per al text del producte a la fitxa*/
font-size:11px;
font-weight:normal;
color:#2b2b33;
text-align:justify;
padding-bottom:15px;
}

.producte-text-preu{ /*text per a la paraula text a la fitxa*/
font-size:11px;
font-weight:normal;
color:#2b2b33;
text-align:right;
padding-bottom:20px;
}

.producte-preu{ /*text per al preu del producte a la fitxa*/
font-size:11px;
font-weight:bold;
color:#411d73;
}

.producte-preu-tatxat{ /*text per al preu tatxat del producte a la fitxa*/
font-size:11px;
font-weight:bold;
color:#411d73;
text-decoration:line-through;
}

.producte-preu-oferta{ /*text per al preu en oferta del producte a la fitxa*/
font-size:11px;
font-weight:bold;
color:#a20c0c;
}

#filet{ /*linia separadora*/
width:100%;
background-color:#ccccc2;
height:1px;
float:left;
display: block;
}

#fitxa-info-complementaria{
width:496px;
height:100%;
float:left;
padding-top:20px;
padding-bottom:5px;
}

#fitxa-productes-relacionats{
width:496px;
height:100%;
float:left;
padding-top:20px;
}

#producte-rel-oferta_novetat{ /*boleta oferta o novetat als productes relacionats de la fitxa*/
width:25px;
height:24px;
position:absolute;
margin-left:46px;
float:right
}

#producte-rel{ /*producte relacionat amb el filet vertical dret*/
width:134px;
height:81px;
padding:15px;
border-right:1px solid #ccccce;
float:left;
}

#producte-rel2{ /*producte relacionat sense el filet vertical dret*/
width:134px;
height:81px;
padding:15px;
float:left;
}

#producte-rel-img{
background-position:center;
background-repeat:no-repeat;
width:62px;
height:81px;
float:left;
position:absolute;
}

#producte-rel-text{
position:absolute;
margin-top:32px;
margin-left:10px;
text-align:right;
float:right;
}

#producte-rel-txt{
width:72px;
height:81px;
float:left;
position:absolute;
margin-left:62px
}

#fitxa-boto{
float:right;
padding-top:20px;
}

/* cistella producte */

#cistella-producte{
padding-top:20px;
padding-left:20px;
padding-right:20px;
width:709px;
height:auto;
float:left;
}

#cistella-producte-pasos{ /*pasos del proces de compra de la cistella*/
width:709px;
height:auto;
float:left;
background-image:url(../imgs/filet-pasos.gif);
background-repeat:repeat-x;
background-position:top;
padding-bottom:35px;
}

#cistella-producte-pas{ /*pas x del proces de compra de la cistella*/
padding-left:7.8px;
padding-right:7.8px;
width:159px;
height:45px;
float:left;
text-align:center;
}

#cistella-producte-pas-q{
padding-bottom:5px;
height:22px;
}

#cistella-producte-pas-t a{
padding-top:5px;
font-size:11px;
font-weight:bold;
color:#808085;
height:20px;
text-decoration:none;
}

#cistella-producte-pas-t a:hover{
padding-top:5px;
font-size:11px;
font-weight:bold;
color:#411d73;
height:20px;
text-decoration:none;
}

#cistella-producte-pas-t .selected{
padding-top:5px;
font-size:11px;
font-weight:bold;
height:20px;
color:#411d73;
}

#cistella-producte-pas-t .unselected{
padding-top:5px;
font-size:11px;
font-weight:bold;
height:20px;
color:#808085;
}

.cistella-producte-titol{ /*text per als titols a la cistella*/
font-size:12px;
font-weight:bold;
color:#2b2b33;
text-align:justify;
padding-bottom:15px;
float:left;
width:709px;
}

.cistella-producte-subtitol{ /*text per als altres titols a la cistella*/
font-size:11px;
font-weight:bold;
color:#2b2b33;
text-align:justify;
padding-bottom:10px;
float:left;
width:709px;
}

.cistella-producte-subtitol2{ /*text lila per al tpv*/
font-size:11px;
font-weight:bold;
color:#411d73;
text-align:justify;
padding-bottom:10px;
float:left;
width:709px;
}

.cistella-producte-text{ /*text per a la cistella*/
font-size:11px;
font-weight:normal;
color:#2b2b33;
text-align:justify;
width:709px;
float:left;
padding-bottom:20px;
}

.cistella-producte-text a{ /*text per a la cistella quan es un link*/
font-size:11px;
font-weight:normal;
color:#2b2b33;
text-decoration:none;
font-weight:bold;
}

.cistella-producte-text a:hover{ /*text per a la cistella quan es un link i pases per sobre*/
font-size:11px;
font-weight:normal;
color:#411d73;
text-decoration:none;
font-weight:bold;
}

#cistella-producte-taula{ /*taula productes a la cistella*/
width:709px;
float:left;
}

#cistella-producte-taula input{
font-size:11px;
font-weight:normal; 
color:#959599;
border:#959599 solid 1px;
height:15px;
padding-top:3px;
padding-left:3px;
width:25px;
text-align:center;
}

#taula-subtotal{
width:709px;
height:auto;
padding-bottom:16px;
float:left;
}

#taula-subtotal-text-subtotal{
padding-top:3px;
float:right;
width:100px;
text-align:right;
font-weight:bold;
color:#2b2b33;
font-size:11px;
}

#taula-subtotal-text-subtotal2{ /* s'utilitza per la taula resum */
padding-top:3px;
float:right;
width:auto;
text-align:right;
font-weight:bold;
color:#2b2b33;
font-size:11px;
}

#taula-subtotal-text-preu{
padding-top:3px;
float:right;
width:104px;
text-align:right;
font-weight:bold;
color:#411d73;
font-size:11px;
padding-right:76px;
}

#taula-botons{
padding-top:20px;
float:right;
}

#registre-nou-cistella{ /*registre nou usuari*/
width:308px;
height:104px;
padding:20px;
float:left;
background-image:url(../imgs/registre-cistella-background.png);
background-repeat:no-repeat;
}

#registre-cistella{ /*registre usuaris*/
width:308px;
height:104px;
padding:20px;
margin-left:5px;
float:left;
background-image:url(../imgs/registre-cistella-background.png);
background-repeat:no-repeat;
}

#registre-cistella-allar{
width:308px;
height:280px;
padding:20px;
margin-left:5px;
float:left;
background-image:url(../imgs/registre-cistella-background-allar.png);
background-repeat:no-repeat;
}

#registre-cistella-form{
width:308px;
float:left;
}

#registre-cistella input{
margin-right:2px;
width:119px;
padding:3px;
float:left;
}

#registre-cistella-boto{
float:left;
}

#registre-cistella-links{
text-align:left;
width:308px;
}

#registre-cistella-titol{
color:#2b2b33;
font-weight:bold;
font-size:12px;
float:left;
padding-bottom:15px;
width:308px;
text-align:justify;
}

#registre-cistella-text{
color:#2b2b33;
font-weight:normal;
font-size:11px;
float:left;
padding-bottom:10px;
width:308px;
text-align:justify;
}

#registre-cistella input{
font-size:11px;
font-weight:normal; 
color:#959599;
border:#959599 solid 1px;
height:13px;
padding-top:2px;
}

#registre-cistella-links a{
font-size:10px;
font-weight:normal;
color:#959599;
text-decoration:none;
}

#registre-cistella-links a:hover{
font-size:10px;
font-weight:normal;
color:#2b2b33;
text-decoration:none;
}

#cistella-registre-formulari{ /*formulari de registre per a nous usuaris*/
width:709px;
float:left;
}

#cistella-registre-formulari-peu{
padding-top:20px;
width:709px;
height:auto;
float:left;
}

#cistella-registre-formulari-peu-text{
height:20px;
float:left;
font-size:10px;
color:#808085;
}

#cistella-registre-formulari-1col{ /*primera columna de camps del formulari de registre*/
width:344px;
height:auto;
padding-right:19px;
float:left;
padding-bottom:10px;
}

#cistella-registre-formulari-2col{ /*segona columna de camps del formulari de registre*/
width:344px;
height:auto;
float:left;
padding-bottom:10px;
}

#cistella-registre-formulari-text{ /*text del camp del formulari de registre*/
color:#2b2b33;
font-size:11px;
width:344px;
float:left;
padding-bottom:8px;
float:left;
}

#cistella-registre-formulari-input{ /*input del camp del formulari de registre*/
padding-bottom:10px;
float:left;
width:335px;
font-size:11px;
font-weight:normal;
color:#2b2b33;
text-align:left;
}

#cistella-registre-formulari input{
margin-right:2px;
width:335px;
padding:3px;
float:left;
font-size:11px;
font-weight:normal;
color:#959599;
border:#959599 solid 1px;
height:12px;
padding-left:3px;
text-align:left;
}

#cistella-registre-formulari-input-radio{
float:left;
}

#cistella-registre-formulari-text2{ /*text del checkbox del camp del formulari de registre*/
color:#2b2b33;
font-size:11px;
width:auto;
float:left;
padding-bottom:8px;
float:left;
padding-right:20px;
}

#cistella-producte-form-pagament{
width:709px;
font-size:11px;
font-weight:normal;
color:#2b2b33;
text-align:left;
float:left;
padding-bottom:20px;
}

#cistella-producte-form-pagament-input{
width:709px;
float:left;
height:14px;
padding-bottom:13px;
}

#cistella-producte-form-pagament-input-radio{
padding-right:15px;
padding-top:4px;
width:14px;
float:left;
}

#cistella-producte-form-pagament-input-text{
float:left;
width:auto;
padding-top:4px;
}

#cistella-producte-form-pagament-input-imatge{
float:left;
padding-left:15px;
}

#cistella-producte-botons{
padding-top:20px;
float:right;
}

/* pagines estatiques: empresa i contacte */

#pagina-estatica{
padding-top:20px;
padding-left:20px;
padding-right:20px;
width:498px;
height:auto;
float:left;
}

#pagina-estatica2{
padding-top:20px;
padding-left:20px;
padding-right:20px;
width:712px;
height:auto;
float:left;
}

#pagina-estatica-foto{
width:498px;
height:280px;
float:left;
}

#pagina-estatica-foto2{
width:498px;
height:316px;
float:left;
margin-bottom:29px;
}

#pagina-estatica-foto-peu{
width:498px;
height:auto;
float:left;
text-align:right;
margin-top:10px;
margin-bottom:30px;
font-size:10px;
color:#959599;
}

#pagina-estatica-text{
/*width:498px;*/
height:auto;
float:left;
font-weight:normal;
text-align:justify;
color:#2b2b33;
font-size:11px;
}

.text-negreta-color{ /*estil per destacar algunes paraules clau del text*/
font-size:11px;
font-weight:bold;
color:#411d73;
}

a.mail{ /*estil per al mail quan es un link*/
font-size:11px;
font-weight:normal;
color:#2b2b33;
text-decoration:none;
}

a.mail:hover{ /*estil per al mail quan es un link i passes per sobre*/
font-size:11px;
font-weight:normal;
color:#411d73;
text-decoration:none;
}

ul#list{ /*llista amb punt.gif*/
list-style-type:none;
list-style-image:url(../imgs/punt.gif);
margin-left:20px;
line-height:17px;
}

ul#list li{
list-style-type:none;
list-style-image:url(../imgs/punt.gif);
line-height:16px;
}


/********** FOOTER **********/

#footer-links {
padding-top:30px;
padding-left:20px;
width:300px;
float:left;
font-size:10px;
color:#6c6c71;
}

#footer-links a{
text-decoration:none;
color:#6c6c71;
}

#footer-links a:hover{
text-decoration:none;
color:#2b2b33;
}

#footer-dades{
padding-top:30px;
padding-right:20px;
width:500px;
float:right;
font-size:10px;
color:#6c6c71;
text-align:right;
}

#footer-dades a{
text-decoration:none;
color:#6c6c71;
}

#footer-dades a:hover{
text-decoration:none;
color:#2b2b33;
}



/******************** ESTUCTURA I ESTILS COMUNS A LA WEB ********************/

/********** TAULA PRODUCTES **********/

table{ 
width:709px;
border-collapse:collapse;
margin:1em 0;
}

th, td{
font-size:11px;
color:#2b2b33;
text-align:center;
padding:5px;
border:1px solid #ccccce;
}

th{
background-color:#8d77ab;
color:#ffffff;
font-weight:bold;
height:36px;
}

tr.even td{ /* estil que funciona amb el fitxer tablecloth.js - color de fons de la primera fila*/
background:#ece8f1; 
}

tr.odd td{ /* estil que funciona amb el fitxer tablecloth.js - color de fons de la segona fila*/
background:#d9d2e3; 
}

#td_visa{ background:#FFFFFF; border:none;}

/********** BOTONS **********/

a.boto{
padding:3px 7px 0 7px;
font-size:11px;
font-weight:normal;	
text-decoration:none;
color:#ffffff;
background-color:#808085;
height:17px;
display:block;
float:right;
}

a.boto:hover{
text-decoration:none;
color:#ffffff;
background-color:#411d73;
}


/********** SUBMENU **********/

/* estructura */

ul#submenu{ 
font-size:11px;
font-weight:bold;
color:#ffffff;
list-style-type:none;
margin:0;
width:188px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}

ul#submenu li{
border-bottom-width:0px;
border-bottom-style:solid;
border-bottom-color:#ffffff;
background-color:#808085;
}

ul#submenu ul{
list-style-type:none;
margin:0;
}

/* botons familia */

a.familia{
font-size:11px;
font-weight:bold;
display:block;
text-decoration:none;
background-color:#808085;
color:#ffffff;	
padding:5px;
height:auto;
}

a.familia:hover{
background-color:#411d73;
}

.familia_active { /* quan queda seleccionada la familia */
display:block;
width:163px;
padding:5px;
font-size:11px;
font-weight:bold;	
text-decoration: none;
text-align:left;
color:#ffffff;
height:auto;
background-color:#411d73;
}

/* botons subfamilia */

a.subfamilia {
font-size:11px;
font-weight:bold;
display:block;
text-decoration:none;
background-color:#9c8ab6;
color:#ffffff;
padding:5px;
padding-left:29px;
height:auto;
}

a.subfamilia:hover {
background-color:#785e9b;
}

.subfamilia_active { /* quan queda seleccionada la subfamilia */
font-size:11px;
font-weight:bold;	
display:block;
text-decoration:none;
background-color:#785e9b;
color:#ffffff;
padding:5px;
padding-left:29px;
height: auto;	
}

#peu_txt_nens_variable{
font-size:9px;
color:#ffffff;
margin-left:15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }