/* CSS Document */

/*ESTRUCTURA*/
*{
    margin: 0;
    padding: 0;
}
body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    overflow-y:scroll;
    *overflow-y:auto;
}
#continent{
    width:100%;
}

#contingut{
    display:block;
    width:890px;
    margin:0 auto;
}

#capcalera{
    width:890px;
    height:159px;
    background:url(../img/capcalera_fons.jpg) 0 0 no-repeat;
    padding-top:14px;
}

#principal{
    display:block;
    width:890px;
    padding:0 0 58px 12px;
}

#peu{
    display:block;
    width:890px;
    height:57px;
    background:url(../img/peu_fons.jpg) top left no-repeat;
    padding-top:22px;
    *padding-top:26px;
}

.clear{
    clear:both;
}
.hidden{
    display:none;
}
/*FI ESTRUCTURA*/

/*ALERTES*/
#alerta{
    font-family:Arial, Helvetica, sans-serif;
    width:90%;
    display:block;
    font-size:14px;
    font-weight:bold;
    padding:20px;
    text-align:center;
    margin:20px auto 20px auto;
}
#alerta.bona{
    color:#669900;
    border:1px solid #669900;
    background:url(../img/principal_fons_alerta_bona.png);
}
#alerta.dolenta{
    color:#CC0000;
    border:1px solid #CC0000;
    background:url(../img/principal_fons_alerta_dolenta.png);
}

/*FI ALERTES*/

/*CAP?ALERA*/
#capcalera a.can_perol{
    display:block;
    /*margin:auto;*/
    height:0 !important;
    width: 353px;
    padding:103px 0 0 0px;
    margin:0 0 0 39px;
    overflow:hidden;
    background:url(../img/capcalera_logo.jpg);
}
    /*MENU PRINCIPAL*/
        #menu_principal {
            display:block;
            float:left;
            width: 442px;
            height: 38px;
            padding: 0;
            }

        #menu_principal ul  {
            width: 353px;
            height: 38px;
            background: url(../img/capcalera_menu.jpg);
            margin:2px 0 0 38px;
            padding: 0;
            position: relative;
            }

        #menu_principal ul li   {
            margin: 0;
            padding: 0;
            list-style: none;
            position: absolute;
            top: 0;
            }

        #menu_principal ul li, #menu_principal a {
            height: 38px;
            display: block;
            outline:0;
            }

        #menu_principal ul li a {
            text-indent: -9999px;
            text-decoration: none;
            }

        #menu_item1 {left: 0px;  width: 87px;}
        #menu_item2 {left: 89px; width: 87px;}
        #menu_item3 {left: 178px; width: 87px;}
        #menu_item4 {left: 265px; width: 87px;}
        #menu_item5 {left: 354px; width: 89px;}

        #menu_item1 a:hover{background: transparent url(../img/capcalera_menu.jpg) 0px -38px no-repeat;}
        #menu_item2 a:hover {background: transparent url(../img/capcalera_menu.jpg) -89px -38px no-repeat;}
        #menu_item3 a:hover {background: transparent url(../img/capcalera_menu.jpg) -178px -38px no-repeat;}
        #menu_item4 a:hover {background: transparent url(../img/capcalera_menu.jpg) -265px -38px no-repeat;}
        #menu_item5 a:hover {background: transparent url(../img/capcalera_menu.jpg) -354px -38px no-repeat;}

        body#associacio #menu_item1 {background: transparent url(../img/capcalera_menu.jpg) 0px -38px no-repeat;}
        body#com_funciona #menu_item2 {background: transparent url(../img/capcalera_menu.jpg) -89px -38px no-repeat;}
        body#press #menu_item3 {background: transparent url(../img/capcalera_menu.jpg) -178px -38px no-repeat;}
        body#studios #menu_item4 {background: transparent url(../img/capcalera_menu.jpg) -267px -38px no-repeat;}
        body#productors #menu_item5 {background: transparent url(../img/capcalera_menu.jpg) -352px -38px no-repeat;}
    /*FI MENU PRINCIPAL*/

    /*REGISTRE USUARIS*/
        #registre_usuaris{
            display:block;
            float:right;
            width:190px;
            color:#fff;
            margin:48px 25px 0 0;
            _margin:48px 15px 0 0;
        }
        #registre_usuaris table{
            font-size:9px;
        }
        #registre_usuaris .etiqueta{
            font-family:Arial, Helvetica, sans-serif;
        }

        #registre_usuaris .textfield{
            height:13px;
            width:75px;
        }
        #registre_usuaris .boto_enviar{
            width:26px;
            height:18px;
            border:0;
            background-color:none;
            background:url(../img/capcalera_registre_ok.jpg) no-repeat;
        }
        #registre_usuaris a{
            line-height:24px;
            font-size:10px;
            color:#fff;
            padding-left:2px;
        }
        #registre_usuaris .boto_alta{
            display:block;
            width:103px;
            height:18px;
            padding:0;
            margin-top:8px;
            line-height:16px;
            text-decoration:none;
            font-weight:bold;
            text-align:center;
            color:#3c2e19;
            background:url(../img/capcalera_registre_alta.jpg);
        }
        #registre_usuaris .boto_alta:hover{
            background:url(../img/capcalera_registre_alta.jpg) 0 -18px;
        }
        #registre_usuaris .nom_usuari{
            font-family:Arial, Helvetica, sans-serif;
            text-transform:uppercase;
            font-weight:bolder;
            font-size:14px;
            margin:20px 0 6px 0;
        }
        #registre_usuaris p{
            margin:0;
            line-height:10px;
        }
        #registre_usuaris a{
            line-height:14px;
        }
        #registre_usuaris a.link_usuari{
            _line-height:18px;
        }
    /*FI REGISTRE USUARIS*/
/*FI CAP?ALERA*/

/*PRINCIPAL*/
#principal h2{
    font-family:Arial, Helvetica, sans-serif;
    color:#4f381e;
    font-size:16px;
}
#principal h3{
    font-family:Arial, Helvetica, sans-serif;
    color:#4f381e;
    font-size:14px;
    text-transform:uppercase;
}
#principal h3.mensaje{
    font-size:12px;
    margin: 0 0 10px 0;
    text-transform:none;
}
#principal h4{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}
#principal h5{
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    text-transform:uppercase;
    color:#333;
    margin-bottom:3px;
}
#principal p{
    font-size:11px;
    /*color:#666;*/
    color:#333;
    line-height:16px;
    margin-bottom:8px;
}
#principal .destacat{
    color:#cc6115;
}
#principal a{
    color:#cc6115;
    text-decoration:none;
}
#principal a:hover{
    color:#ff6a00;
}
#principal li{
    font-size:11px;
    /*color:#666;*/
    color:#333;
    line-height:16px;
    margin-bottom:8px;
}
#principal .llista_123{
    list-style:decimal;
    list-style-position:inside;
}
#principal .llista_123 li{
    color:#4f381e;
    font-weight:bold;
}
#principal .llista_ABC{
    list-style:upper-alpha;
    list-style-position:inside;
}
#principal .llista_ABC li{
    color:#cc6115;
}
#principal li .text{
    color:#333 !important;
    font-weight:normal;
}
#principal .separador{
    display:block;
    width:100%;
    height:1px;
    background:url(../img/principal_filet_horitzontal.png) repeat-x;
    margin:18px 0 18px 0;
    _margin-bottom:0;
}


        /*PRODUCTES DESTACATS*/
        #productes_destacats{
            display:block;
            height:248px;
            padding-top:17px;
            overflow:hidden;
        }
        #productes_destacats.interior{
            padding-top:0;
        }
        #productes_destacats h2{
            margin-bottom:2px;
        }
        /*#productes_destacats ul{
            list-style:none;
            display:block;
            float:left;
        }
        #productes_destacats a{
            display:block;
            width:199px;
            height:30px;
            background:url(../img/principal_llistat_fons.jpg) top left no-repeat;
            font-size:12px;
            text-decoration:none;
            color:#cc6115;
            line-height:30px;
        }
        #productes_destacats li{
            margin-bottom:0;
        }
        #productes_destacats a:hover{
            color:#ff6a00;
            background:url(../img/principal_llistat_fons.jpg) bottom left no-repeat;
        }*/
        #productes_destacats ul{
            list-style:none;
        }
        #productes_destacats a{
            display:block;
            width:199px;
            _height:30px;
            min-height:30px;
            background:url(../img/principal_llistat_normal.jpg) bottom left no-repeat;
        }
        #productes_destacats a:hover{
            color:#ff6a00;
            background:url(../img/principal_llistat_over.jpg) bottom left no-repeat;
        }
        #productes_destacats span{
            font-size:12px;
            display:block;
            width:160px;
            vertical-align:bottom;
            padding:0;
            margin:12px 0 5px 0;
        }
        #productes_destacats li{
            margin-bottom:0;
            /*margin-top:24px;*/
        }
        /*FI PRODUCTES DESTACATS*/

    /*BREADCRUMBS*/
        #breadcrumb{
            font-size:11px;
            color:#666;
            line-height:16px;
            padding:0 0 18px 44px;
        }
        #breadcrumb a{
            color:#cc6115;
            text-decoration:none;
        }
        #breadcrumb a:hover{
            color:#ff6a00;
        }
    /*FI BREADCRUMBS*/

    /*HOMEPAGE*/
        .homepage #intro{
            display:block;
            float:left;
            width:613px;
            height:210px;
            padding:32px 0 0 32px;
            margin-right:24px;
            background:url(../img/principal_intro_fons.jpg) no-repeat;
        }
        .homepage #intro h2{
            line-height:30px;
        }
        .homepage #intro p{
            width:300px;
            font-size:12px;
            line-height:16px;
            color:#593212;
        }
        .homepage #intro .boto_mes{
            display:block;
            width:92px;
            height:20px;
            padding:0;
            margin:10px 0 0 300px;
            font-size:10px;
            line-height:16px;
            text-decoration:none;
            font-weight:bold;
            text-align:center;
            color:#fff;
            background:url(../img/principal_intro_boto.jpg);
        }
        .homepage #intro .boto_mes:hover{
            background:url(../img/principal_intro_boto.jpg) 0 -20px;
        }
        .homepage .noticia{
            display:block;
            width:328px;
            float:left;
        }
        .homepage .noticia img{
            display:block;
            float:left;
        }
        .homepage .noticia .text{
            display:block;
            float:left;
            width:156px;
            padding:0 0 0 12px;
        }
        .homepage .noticia h2{
            line-height:16px;

        }
        .homepage .noticia a{
            display:block;
            float:right;
            font-size:11px;
            color:#cc6115;
            text-decoration:none;
            margin-top:4px;
        }
        .homepage .noticia a:hover{
            color:#ff6a00;
        }
        .homepage #on_som{
            display:block;
            float:left;
            width:188px;
            height:122px;
            padding-left:12px;
        }
        .homepage #on_som h2{
            line-height:16px;
        }
        .homepage #on_som a{
            font-size:11px;
        }
        .homepage #certificats_qualitat{
            display:block;
            float:left;
            width:188px;
            height:90px;
            padding-left:12px;
            background:url(../img/principal_filet_horitzontal.png) repeat-x;
        }
        .homepage #certificats_qualitat h2{
            margin-top:10px;
            font-size:12px;
            line-height:14px;
        }
        .homepage #certificats_qualitat img{
            margin:5px 8px 0 0;
        }
    /*FI HOMEPAGE*/

    /*ASSOCIACI?*/
        .associacio #col_esquerra{
            display:block;
            float:left;
            width:380px;
            background:url(../img/principal_col_esquerra_fons.png);
        }
        .associacio #col_esquerra .fons_gris{
            padding:18px 32px 18px 32px;
        }
        .associacio #col_esquerra .fons_blanc{
            padding:18px 32px 18px 32px;
            background:#fff;
        }
        .associacio #col_esquerra h2{
            margin-bottom:8px;
        }
        .associacio #col_dreta{
            display:block;
            float:left;
            width:480px;
            padding-top:18px;
            padding-left:18px;

        }
        .associacio #col_dreta h2{
            padding-left:135px;
        }
        .associacio #col_dreta .familia {
            margin:18px 0 18px 0;
        }
        .associacio #col_dreta .familia img{
            display:block;
            float:left;
            margin-right:12px;
        }
        .associacio #col_dreta .familia .text{
            width:330px;
            overflow:hidden;

            padding-bottom:12px;
            background:url(../img/principal_filet_horitzontal.png) left bottom repeat-x;
        }
    /*FI ASSOCIACI?*/

    /*COM FUNCIONA*/
        .com_funciona #principal{
            display:block;
            width:615px;
            padding-left:44px;
        }
        .com_funciona #principal .llista_ABC {
            padding-left:18px;
        }
        .com_funciona #principal h3{
            margin-top:24px;
        }
        .com_funciona #principal h4{
            margin:18px 0 0 0;
        }
        .com_funciona #principal h5{
            font-family:Arial, Helvetica, sans-serif;
            color:#4f381e;
            font-size:12px;
            margin:12px 0 6px 0;
        }
        .com_funciona #principal .advertencia{
            display:block;
            background:url(../img/principal_advertencia_fons.png) repeat-y;
            padding:18px;
            color:#575151;
            margin:24px 0 12px 0;
        }
        .com_funciona #principal table{
            font-family:Arial, Helvetica, sans-serif;
            font-size:11px;
            width:100%;
            text-align:center;
            margin:24px 0 24px 0;
        }
        .com_funciona #principal table th, .com_funciona #principal table td{
            padding:10px;
        }
        .com_funciona #principal table th{
            background-color:#31363c;
            font-weight:bold;
            font-size:12px;
            color:#fff;
            text-transform:uppercase;
        }
        .com_funciona #principal table .subtitol{
            background-color:#dadcdf;
            color:#31363c;
            width:30%;
        }
        .com_funciona #principal table td{
            background-color:#eff0f1;
        }
    /*FI COM FUNCIONA*/

    /*FAM?LIES PRODUCTES*/
        .productes1 #principal {
            display:block;
            width:783px;
            padding-left:44px;
        }
        .productes1 #principal #families_productes{
            margin-top:24px;
        }
        .productes1 #principal #families_productes li{
            display:block;
            float:left;
            width:251px;
            height:127px;
            margin-right:10px;
        }
        .productes1 #principal #families_productes a{
            font-family:Arial, Helvetica, sans-serif;
            font-weight:bolder;
            font-size:20px;
            display:block;
            width:233px;
            height:27px;
            text-align:right;
            padding: 100px 18px 0 0;
            _margin:0;
            color:#eff1f2;
            cursor:pointer;
        }
        .productes1 #principal #families_productes a:hover{
            color:#fff;
        }
        .productes1 #principal #families_productes #familia_01{
            background:url(../img/productes/familia_01_fons.png);
        }
        .productes1 #principal #families_productes #familia_02{
            background:url(../img/productes/familia_02_fons.png);
        }
        .productes1 #principal #families_productes #familia_03{
            background:url(../img/productes/familia_03_fons.png);
        }
        .productes1 #principal #families_productes #familia_04{
            background:url(../img/productes/familia_04_fons.png);
        }
        .productes1 #principal #families_productes #familia_05{
            background:url(../img/productes/familia_05_fons.png);
        }
        .productes1 #principal #families_productes #familia_06{
            background:url(../img/productes/familia_06_fons.png);
        }
    /*FI FAM?LIES PRODUCTES*/

    /*PRODUCTES*/
        .productes2 #principal{
            width:868px;
        }
        .productes2 #principal #col_esquerra{
            display:block;
            float:left;
            width:654px;
        }

        /*PRODUCTE DISPONIBLE*/
            .productes2 #principal .producte{
                display:block;
                float:left;
                width:313px;
                margin:0 12px 18px 0;
                min-height:150px;
                _height:150px;
            }
            .productes2 #principal .producte img{
                display:block;
                float:left;
            }
            .productes2 #principal .producte .img_picto{
                width:127px;
                height:122px;
                background-image:url(../img/qualitat_baix_llobregat_2.png);
                background-position:bottom right;
                background-repeat:no-repeat;
                display:block;
                position:absolute;
                *margin-left:-309px;
                overflow:visible;
                z-index:1;
            }
            .productes2 #principal .producte .text{
                display:block;
                float:left;
                width:170px;
                margin:6px 0 0 12px;
            }
            .productes2 #principal .producte h2{
                margin-bottom:6px;
            }
            .productes2 #principal .producte p{
                margin-top:0;
            }
            .productes2 #principal .producte .preu{
                display:block;
                float:left;
                color:#748a2c;
                font-family:Arial, Helvetica, sans-serif;
                font-size:13px;
                font-weight:bold;
                margin:0 0 12px 0;
                *margin:0;
            }
            .productes2 #principal .producte .quantitat{
                display:block;
                float:right;
            }
            .productes2 #principal .producte .textfield{
                width:45px;
                height:16px;
                *height:20px;
                border:1px solid #996;
                color:#333;
                font-size:11px;
            }
            .productes2 #principal .producte .boto_afegir{
                width:37px;
                height:20px;
                border:0;
                background:url(../img/boto_afegir_off.png) bottom left no-repeat;
                *background:url(../img/boto_afegir_off.png) center left no-repeat;
                font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:9px;
                color:#fff;
                font-weight:bold;
            }
            .productes2 #principal .producte .separador{
                clear:both;
                margin: 0 0 3px 0 !important;
                _margin-bottom:-13px;
            }

            .productes2 #principal .llegenda{
                width:601px;
                height:20px;
                border:0;
                background-color:#ebebeb;
                background-image:url(../img/qualitat_baix_llobregat_llegenda2.png);
                background-repeat:no-repeat;
                background-position:right;
                font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:10px;
                text-align:right;
                padding:7px 31px 0px 0;
                color:#6c6c6c;
            }
            .productes2 #principal .separador2{
                display:block;
                width:631px;
                height:1px;
                background:url(../img/principal_filet_horitzontal.png) repeat-x;
                margin-bottom:12px;
            }




        /*FI PRODUCTE DISPONIBLE*/

        /*PRODUCTE NO DISPONIBLE*/
            .productes2 #principal .producte img.no_disponible{
                display:block;
                float:left;
                opacity: 0.30;
                -moz-opacity: 0.3;
                filter: alpha (opacity=30);
            }
            .productes2 #principal .producte h2.no_disponible{
                color:#CCC;
                margin-bottom:6px;
            }
            .productes2 #principal .producte p.no_disponible{
                color:#CCC;
            }
            .productes2 #principal .producte p.no_disponible .preu{
                color:#e1dc9e;
            }
            .productes2 #principal .producte .separador{
                clear:both;
                margin: 0 0 12px 0;
                *margin:0;
            }
        /*FI PRODUCTE NO DISPONIBLE*/

        .productes2 #principal #col_dreta{
            display:block;
            float:left;
            width:202px;
            padding-top:6px;
            margin-left:12px;
            _margin-left:0;
        }
        .productes2 #principal #col_dreta ul{
            list-style:none;
            margin:18px 0 18px 0;
            _margin:0 0 18px 0;
        }
        .productes2 #principal #col_dreta li{
            font-size:12px;
            color:#cc6115;
            font-weight:bold;
        }
        .productes2 #principal #col_dreta .separador{
            margin:8px 0 0 0;
        }
        .productes2 #principal #col_dreta .preu_total{
            margin-top:12px;
            _line-height:0;
            _margin:0 0 18px 0;
            color:#4f381e;
        }
        .productes2 #principal #col_dreta .xifra{
            font-family:Arial, Helvetica, sans-serif;
            font-size:16px;
            font-weight:bolder;
        }
        .productes2 #principal #col_dreta a{
            font-size:10px;
            line-height:16px;
        }
        .productes2 #principal #col_dreta .boto_comanda{
            display:block;
            float:left;
            width:85px;
            height:20px;
            margin-right:10px;
            _margin-right:5px;
            text-align:center;
            color:#fff;
            font-weight:bold;
            background:url(../img/boto_comanda.png);
        }
        .productes2 #principal #col_dreta .boto_comanda:hover{
            background:url(../img/boto_comanda.png) 0 -20px;
        }
        .productes2 #principal #col_dreta .text_legal{
            color:#552f10;
        }
        .boto_llegir_mes{
            display:block;
            float:left;
            width:83px;
            height:16px;
            background:url(../img/llegir_mes_bt.png);
        }
        .boto_llegir_mes:hover{
            background:url(../img/llegir_mes_bt.png) 0 -16px;
        }
    /*FI PRODUCTES*/

    /*FULL COMANDA*/
        .comanda #principal{
            display:block;
            width:783px;
            padding-left:44px;
        }
        .comanda #principal ul{
            list-style:none;
            margin:18px 0 18px 0;
            _margin:0 0 18px 0;
        }
        .comanda #principal li{
            font-size:12px;
            color:#cc6115;
            display:block;
            width:100%;
            height:30px;
            _margin-top:12px;
            background:url(../img/principal_filet_horitzontal.png) bottom left repeat-x;
        }
        .comanda #principal .modificar_comanda{
            float:right;
            margin-top:-20px !important;
        }

            /*HACK PER SAFARI*/
                html*.comanda #principal .modificar_comanda{
                    margin-top:0px;
                }
            /*FI HACK PER SAFARI*/

            /*HACK PER OPERA*/
                @media all and (min-width: 0px){
                    .comanda #principal .modificar_comanda{
                        margin-top:0px;
                    }
                }
            /*FI HACK PER OPERA*/

        .comanda #principal ul li input.boto{
            width:74px;
            height:23px;
            *height:21px;
            border:0;
            background:url(../img/boto_modificar_comanda.png) 0 4px no-repeat;
            font-family:Arial;
            font-size:10px;
            color:#fff;
            font-weight:bold;
        }

            /*HACK PER SAFARI*/
                html*.comanda #principal li .boto{
                    x _background:url(../img/boto_modificar_comanda.png) 0 2px no-repeat;
                }
            /*FI HACK PER SAFARI*/

            /*HACK PER OPERA*/
            @media all and (min-width: 0px){
                .comanda #principal li .boto{
                    x _background:url(../img/boto_modificar_comanda.png) 0 2px no-repeat;
                }
            }
            /*FI HACK PER OPERA*/
        .comanda #principal a.boto{
            display:block;
            float:right;
            margin-left:6px;
            text-align:center;
            padding-top:4px;
            height:19px;
            *padding-top:2px;
            *height:21px;
            margin-top:-20px;
        }

        .comanda #principal li .textfield{
            height:18px;
            width:45px;
            border:1px solid #996;
            color:#333;
            text-align:right;
            padding:0 2px 0 0;
            margin-right:6px;
        }
        .comanda #principal .preu_total{
            margin:12px 0 24px 0;
            color:#4f381e;
        }
        .comanda #principal .xifra{
            font-family:Arial, Helvetica, sans-serif;
            font-size:16px;
            font-weight:bolder;
        }
        .comanda #principal a{
            font-size:10px;
            line-height:16px;
        }
        .comanda #principal .boto_comanda{
            display:block;
            float:left;
            width:85px;
            height:20px;
            margin-right:10px;
            _margin-right:5px;
            text-align:center;
            color:#fff;
            font-weight:bold;
            background:url(../img/boto_comanda.png) 0 0;
        }
        .comanda #principal .boto_comanda:hover{
            color:#fff;
            background:url(../img/boto_comanda.png) 0 -20px;
        }
        .comanda #principal .text_legal{
            margin-top:36px;
            color:#552f10;
        }
    /*FI FULL COMANDA*/

    /*NOTICIES*/
        .noticies #col_esquerra{
            width:646px;
            margin:0 12px 18px 0;
            display:block;
            float:left;
        }
        .noticies #col_esquerra .noticia img{
            display:block;
            float:left;
        }
        .noticies #col_esquerra .noticia .text{
            display:block;
            float:left;
            width:490px;
            margin:0 0 12px 12px;
            *margin-bottom:0;

        }
        .noticies #col_esquerra .noticia .text a{
            font-size:11px;
        }
        .noticies #col_esquerra .noticia h2{
            margin-bottom:12px;
            line-height:0;
        }
        .noticies #col_esquerra .noticia .data{
            font-size:9px;
            font-family:Arial, Helvetica, sans-serif;
            margin-bottom:12px;
        }
        .noticies #col_esquerra .noticia .separador{
            clear:both;
            width:620px;
        }
        .noticies #noticies_anteriors{
            display:block;
            float:left;
            width:199px;
            padding-top:17px;

        }
        .noticies #noticies_anteriors h2{
            margin-bottom:2px;
        }
        .noticies #noticies_anteriors ul{
            list-style:none;
        }
        .noticies #noticies_anteriors a{
            display:block;
            width:199px;
            _height:30px;
            min-height:30px;
            background:url(../img/principal_llistat_normal.jpg) bottom left no-repeat;
        }
        .noticies #noticies_anteriors a:hover{
            color:#ff6a00;
            background:url(../img/principal_llistat_over.jpg) bottom left no-repeat;
        }
        .noticies #noticies_anteriors span{
            font-size:12px;
            display:block;
            width:160px;
            vertical-align:bottom;
            padding:0;
            margin:12px 0 5px 0;
        }
        .noticies #noticies_anteriors li{
            margin-bottom:0;
            /*margin-top:24px;*/
        }
    /*FI NOTICIES*/

    /*ALTA USUARIS*/
        .alta_usuaris #principal{
            display:block;
            width:824px;
            margin:0 0 36px 18px;
            padding:18px;
            background:url(../img/principal_fons.png);
        }
        .alta_usuaris #principal p{
            margin:12px 0 12px;
        }
        .alta_usuaris #principal .etiqueta{
            font-family:Verdana, Arial, Helvetica, sans-serif;
            font-size:11px;
            color:#cc6115;
            padding:0 0 0 9px;
        }
        .alta_usuaris #principal input{
            margin-left:8px;
            font-family:Verdana, Arial, Helvetica, sans-serif;
            font-size:10px;
            color:#333;
            padding:2px 0 2px 0;
        }
        .alta_usuaris #principal .separador{
            margin:12px 0 6px 0;
        }
        .alta_usuaris #principal .confirmar{
            width:100%;
            height:28px;
            font-size:10px;
            color:#fff;
            font-weight:bold;
            font-family:Verdana, Arial, Helvetica, sans-serif;
            background:url(../img/boto_comanda.png) center 8px no-repeat;
            border:0;
            margin:0 auto;
        }
        .alta_usuaris #principal textarea{
            font-family:Verdana, Arial, Helvetica, sans-serif;
            font-size:10px;
            color:#333;
            width:730px;
            *width:725px;
            height:60px;
            padding:5px;
            margin:10px 0 10px 40px;
            *margin-left:20px;
        }

        .alta_usuaris #principal .checkbox{
            margin:0 5px 0 40px;
        }
        .alta_usuaris .advertencia{
            font-family:Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            margin-left:20px;
            color:#CC0000;
            border:1px solid #c00;
            padding:3px;
            background:url(../img/principal_fons_alerta_dolenta.png);
        }
    /*FI ALTA USUARIS*/

    /*VINCLES*/
        .vincles #principal a{
            display:block;
            float:left;
            margin:10px 0 10px 0;
            border-right:1px dotted #666;
        }
        .vincles #principal .final{
            border:none;
        }
        .vincles #principal a img{
            border:0;
        }
    /*FI VINCLES*/

    /*P?GINES LEGALS (CONDICIONS D'?S I PRIVACITAT)*/
        .legal #principal{
            display:block;
            width:615px;
            padding-left:44px;
        }
        .legal #principal .llista_ABC {
            padding-left:18px;
        }
        .legal #principal h3{
            margin-top:24px;
        }
        .legal #principal .advertencia{
            display:block;
            background:url(../img/principal_advertencia_fons.png) repeat-y;
            padding:18px;
            color:#575151;
            margin:24px 0 12px 0;
        }
        .legal #principal table{
            font-family:Arial, Helvetica, sans-serif;
            font-size:11px;
            width:100%;
            text-align:center;
            margin-top:24px;
        }
        .legal #principal table th, .com_funciona #principal table td{
            padding:10px;
        }
        .legal #principal table th{
            background-color:#31363c;
            font-weight:bold;
            font-size:12px;
            color:#fff;
            text-transform:uppercase;
        }
        .legal #principal table .subtitol{
            background-color:#dadcdf;
            color:#31363c;
            width:30%;
        }
        .legal #principal table td{
            background-color:#eff0f1;
        }
    /*FI COM FUNCIONA*/

/*FI PRINCIPAL*/

/*PEU*/
    #peu {
        margin-bottom:20px;
    }
    #peu p{
        color:#666;
        font-size:10px;
        display:inline;
        margin-left:13px;
    }
    #peu a{
        color:#666;
    }
    #peu a:hover{
        color:#999;
    }
/*FI PEU*/

/*PANELL CONTROL*/
    .pestanya{
        display:block;
        float:left;
        height:22px;
        padding:8px 10px 0 10px;
        font-family:Arial, Helvetica, sans-serif;
        color:#4f381e;
        font-size:12px;
        text-align:center;
        margin-left:18px;
        margin-right:-10px;
    }
    span.pestanya{
        background:url(../img/pestanyes_fons.png) 0 0 no-repeat;
    }
    a.pestanya{
        text-decoration:none;
        background:url(../img/pestanyes_fons.png) 0 -60px no-repeat;
    }
    a:hover.pestanya{
        background:url(../img/pestanyes_fons.png) 0 -30px no-repeat;
    }
    fieldset{
        border:none;
    }
    fieldset div{
            margin:12px 0 12px;
    }
    #principal .actions a{
        display:block;
        width:85px;
        height:20px;
        margin:0 auto;
        text-align:center;
        color:#fff;
        font-weight:bold;
        font-size:10px;
        background:url(../img/boto_comanda.png) 0 0;
    }
    #principal .actions a:hover{
        color:#fff;
        background:url(../img/boto_comanda.png) 0 -20px;
    }
    .alta_usuaris #principal table{
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        width:100%;
        text-align:center;
        margin-top:24px;
    }
    .alta_usuaris #principal table th{
        padding:5px;
    }
    .alta_usuaris #principal table th{
        background-color:#31363c;
        font-weight:bold;
        font-size:11px;
        color:#fff;
        text-transform:uppercase;
    }
    .alta_usuaris #principal table td{
        padding:10px;
    }
    .detall-comanda{
        background:#fff;
        padding:10px;
    }
    .detall-comanda table{
        margin-top:12px !important;
    }
    .detall-comanda table td{
        background-color:#eff0f1;
    }
    dl{
        background-color: #eff0f1;
        margin:10px 0 10px 0;
        font-size:12px;
        padding:4px;
    }
    dt, dd{
        display:inline;
        font-family:Arial, Helvetica, sans-serif;
    }
    dt{
        color:#cc6115;
        font-weight:bold;
    }
    dd{
        margin-right:10px;
    }

/*FI PANELL CONTROL*/

/*CATERING*/
#principal li.catering{
    font-size:11px;
    /*color:#666;*/
    color:#333;
    line-height:16px;
    margin:0 0 0 15px;
}
#principal .download{
    display:block;
    background:url(../img/download_picto.png) left no-repeat;
    width:150px;
    height:11px;
}
#principal .download a{
    margin: 0 0 0 15px;
    line-height:9px;
}
#principal .preu_catering{
    display:block;
    margin:5px 0 0 0;
}
#principal .preu_catering p{
    color:#cc6115;
}
#principal .separador_catering{
    clear:both;
    display:block;
    width:100%;
    height:30px;
    background:url(../img/principal_filet_horitzontal.png) 0 15px repeat-x;
}
#principal .separador_catering-degustacio{
    clear:both;
    display:block;
    width:100%;
    height:15px;
}
.noticies #col_dreta{
    background:url(../img/principal_col_esquerra_fons.png);
    display:block;
    float:left;
    width:201px;
    padding:10px 8px 15px 12px;
}
.noticies #col_dreta li{
    padding:0 10px 0 0;
    margin:5px 0 0 15px;
}
/*FI CATERING*/