/**********************************************************************
 * "Reset"
 **********************************************************************/
 
    /* "* menys els elements de formulari" (per utilitzar l'estil de SO) */

    a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big, blockquote, body,
    br, button, caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt,
    em, fieldset, font, form, frame, frameset, h1, h2, h3, h4, h5, h6, head, hr, html, i,
    iframe, img, /* input, */ ins, isindex, kbd, label, legend, li, link, map, menu, meta,
    noframes, noscript, object, ol, optgroup, option, p, param, pre, q, s, samp, script,
    /* select, */ small, span, strike, strong, style, sub, sup, table, tbody, td, /* textarea, */
    tfoot, th, thead, title, tr, tt, u, ul, var
    {
        margin: 0;
        padding: 0;
        font-size: 1em;
    }
    
    ul, ol
    {
        list-style: none;
    }
    
    a img
    {
        border-width: 0;
    }

/**********************************************************************
 * Global
 **********************************************************************/

    body
    {
        color: #333;
        font-size: 68.75%;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        background:url(../images/background.jpg);
        background-repeat:repeat;
    }

    p
    {
        margin: 1em 0;
		line-height: 1.5em;
    }

    ul
    {
        margin-left: 2em;
        list-style: disc;
    }
    
    ol
    {
        margin-left: 2em;
        list-style: decimal;
    }
    
    li
    {
        margin: 0.5em 0;
    }
    
	em
	{
		/*font-family:Arial, Helvetica, sans-serif;*/
		font-style:italic;
		
		color: #990000;
		line-height: 1.3em;
	}
    
    .Note
    {
        font-size: 0.9em;
        color: #666;
        font-style: italic;
    }
    
    label
    {
        cursor: pointer;
    }
    
    sup
    {
        font-size: 0.8em;
        vertical-align: top;
    }
    
    abbr
    {
        border-bottom: 1px dotted #666;
    }

    /**********************************************************************
     * Formularis
     **********************************************************************/
     
        .FormField
        {
            margin: 0.3em 0;
        }
        
        .FormFieldLabel label
        {
            font-weight: bold;
        }
        
        .FormActions
        {
            margin: 1em 0;
        }

/**********************************************************************
 * Wrappers
 **********************************************************************/

    #wrapper
    {
        width: 790px;
        margin: 0 auto;
        background: #fff url(../images/wrapper-background.jpg) repeat-y 50% 0;
    }

    #wrapper02
    {
        margin: 0 15px;
        background: url(../images/wrapper-02-background.jpg) repeat-y 205px 0;
    }

/**********************************************************************
 * Capçalera
 **********************************************************************/

    #header
    {
        height: 62px;
        background: #290602 url(../images/header-background.jpg) no-repeat left top;
        position: relative;
    }

    #header,
    #header a
    {
        color: #fff;
    }

    #header h1
    {
        font-size: 2.5em;
        font-weight: normal;
        line-height: 62px;
    }

    #header h1 a img
    {
        position: absolute;
        top: 0;
        left: 0;
    }

/**********************************************************************
 * main (content + sidebar)
 **********************************************************************/

    #main
    {
        /* Contenim els elements flotats */
        overflow: hidden;
        _display: inline-block; /* IE 6 hack */
    }
	
	body#frontpage #main
	{
		padding-top: 0;
	}
    
	#main a
	{
		color: #666600;
	}
    
	#main a:hover
	{	
		color: #FFFFFF;
		background-color: #990000;
		/* background-color: #666600; */
        text-decoration: none;
	}

    #main-02
    {
        /* Sembla que amb l'IE 6 no es pot contenir elements flotats i 
         * posar un fons sense que passin coses estranyes */

		/* padding: 168px de la imatge + 10px del marge */
		padding: 178px 0 10px 0; 
        background: url(../images/nestle-background-10.jpg) no-repeat 0 0;
    }

    body#frontpage #main-02
    {
        padding-top: 0;
    }

    #main #backToFrontpageLink
    {
        text-decoration: none;
        font-size: 0.9em;
        color: #990000;
        background: url(../images/back-to-frontpage-arrow.jpg) no-repeat right center;
        padding-right: 16px;
        float: right;
        line-height: 11px;
        margin-top: 0.7em;
        min-height: 11px;
        _height: 11px; /* IE hack */
    }

    #main #backToFrontpageLink:hover
    {
        background-color: transparent;
        text-decoration: underline;
    }

/**********************************************************************
 * Contingut
 **********************************************************************/

    #content
    {
        float: right;
        width: 555px;
        overflow: hidden;
    }

    #content-02
    {
        padding: 0 10px;
    }

    #content h2
    {
        font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
        font-weight: normal;
        font-size: 1.7em;
        color: #9a3334;
        border-bottom: 4px solid #9a3334;
        margin-bottom: 0.6em;
    }

    #content h2 img
    {
        display: block;
    }

    body#frontpage #content h2
    {
        display: none;
    }

    #content h3
    {
        color: #9a3334;
        font-size: 1.5em;
        font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
        margin: 1em 0 0 0;
    }

    #content h4
    {
        color: #9a3334;
        font-size: 1.3em;
        font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
        font-weight: bold;
    }

    #content .LeftAligned
    {
        float: left;
        margin: 0 1em 1em 0;
    }

    #content .RightAligned
    {
        float: right;
        margin: 0 0 1em 1em;
		clear: right;
    }

    #content strong
    {
		color:#990000;
    }

    #content blockquote
    {
        font-style: italic;
        font-family: Georgia, serif;
        font-size: 1.1em;
    }

    #content ul#quickLinks
    {
        list-style: none;
        margin: 1em 0;
        padding: 0;
    }

    #content ul#quickLinks li
    {
        float: left;
        margin: 0;
    }

    #content ul#quickLinks li a
    {
        border: 1px solid #ceced0;
        padding: 1px;
        background: #fff;
        display: block;
        margin: 1px;
    }

    #content ul#quickLinks li a:hover
    {
        border-color: #900;
    }

    #content ul#quickLinks li a img
    {
        display: block;
    }
    
	#content .cont-destacat  ul
    {
		list-style:none;
		line-height:1.5em;
		margin-left:0;
	
    }
	
	#content .cont-destacat ul li
	{
		background: url(../images/list-icon.gif) no-repeat 0 4px;
		padding-left: 18px;		
	}
	
	#content .cont-destacat
	{
		color: #444;
		background-color:#E8E8E8;
		padding-left:1em;
		padding-right:1em;
		padding-bottom:1em;
		padding-top:0.5em;
		margin:0,3em;
		clear:both;
	}
    
	#content .cont-destacat-titol
    {
		clear:both;
		background-color:#990000;
		color:#FFFFFF;
		padding-left:1em;
		padding-bottom:0.4em;
		padding-top:0.4em;
		font-size:1em;
		font-weight:bold;
	}
    
	#content .Photo
	{
        padding: 2px;
        border: 1px solid #990000;	
	}	
	
	#contacto td
    {
        text-align: left;
    }
	
	#content .LinkToContentTop
    {
		border-bottom: 1px solid #9A3334; 
		text-align: right; 
		padding-bottom: 2px; 
		margin-bottom: 10px;
	}

/**********************************************************************
 * Barra lateral
 **********************************************************************/

    #sidebar
    {
        float: left;
        width: 185px;
        padding: 0 10px;
        font-size: 0.9em;
    }
    
    #sidebar .Section
    {
        margin-bottom: 2em;
    }

    #sidebar .Section h2
    {
        font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
        font-weight: normal;
        font-size: 1.2em;
        color: #9a3334;
        text-transform: uppercase;
        border-bottom: 4px solid #9a3334;
        margin-bottom: 0.5em;
    }

    #sidebar .Section h2 img
    {
        display: block;
    }

    #sidebar #menu.Section h2
    {
        font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
        font-weight: normal;
        font-size: 1.8em;
        color: #9a3334;
        text-transform: lowercase;
        border-bottom-width: 0;
    }

    #sidebar p
    {
        margin: 0.5em 0;
    }

    #sidebar #menu ul
    {
        margin: 0;
        list-style: none;
    }

    #sidebar #menu ul li
    {
        padding: 1px 0;
        margin: 0;
    }

    #sidebar #menu a.Button,
    #sidebar #menu a.Button:hover
    {
        color: #261410;
        background: #f0ebe7 url(../images/menu-item-background.jpg) repeat-x left bottom;
		padding-bottom: 3px;
        display: block;
        text-decoration: none;
        cursor: pointer; /* "display: block" + "_height: 13px" = IE bug */
    }

    #sidebar #menu a.Button span
    {
        display: block;
        background: url(../images/menu-item-bullet.gif) no-repeat right top;
        padding: 0.2em 20px 0.2em 0.5em;
        min-height: 13px;
        _height: 13px; /* IE hack */
    }

    #sidebar #menu a.Button:hover span
    {
        background-image: url(../images/menu-item-bullet-active.gif);
    }

/**********************************************************************
 * Peu de pàgina
 **********************************************************************/
    
    #footer
    {
        font-size: 0.9em;
        color: #fff;
        background: #9a3334;
        padding: 5px 10px;

        /* Contenim els elements flotats */
        overflow: hidden;
        _display: inline-block; /* IE 6 hack */
    }

    #footer a
    {
        color: #fff;
        text-decoration: none;
    }

    #footer #copyright
    {
        float: left;
        width: 50%;
        margin: 0;
    }

    #footer ul#miscLinks
    {
        float: right;
        width: 50%;
        text-align: right;
        list-style: none;
        margin: 0;
    }

    #footer #miscLinks li
    {
        display: inline;
    }