body {
    background      : url(../img/bg-body.gif) top left repeat-x;
    text-align      : center;
}

body, html { background-color : #eaf0f7; }

#wrapper {
    margin          : 0 auto;
    width           : 957px;
}

    #header {
        height      : 110px;
        text-align  : left;
        position    : relative;
    }

        h1 {
            width           : 163px;
            height          : 78px;
            position        : absolute;
            top             : 15px;
            left            : 55px;
            background      : url(../img/logo.gif) top left repeat-x;
        }

        h1 a {
            display         : block;
            height          : 100%;
            width           : 100%;
            text-indent     : -9999em;
            cursor          : pointer;
        }

        #header img.png {
            top            : 16px;
            right          : 55px;
            position       : absolute;
            z-index        : 20;
        }

    #main {
        height      : auto !important;
        height      : 550px;
        min-height  : 550px;
        background  : url(../img/bg-wrapper.jpg) top center no-repeat;
    }

        #main p {
            font-size   : 2.5em;
            color       : #33578e;
            padding     : 75px 0 30px 0;
        }


    #box {
        margin          : 0 auto;
        padding         : 0 0 18px 0;
    }

        div.single {
            width           : 852px;
            background      : url(../img/boxsingle-bt.jpg) bottom left no-repeat;
        }

        div.double {
            width           : 952px;
            background      : url(../img/boxdouble-bt.jpg) bottom left no-repeat;
        }


    #box div.fl {
        height      : auto !important;
        padding-top : 10px;
        height      : 204px;
        min-height  : 204px;
        width       : 100%;
    }

        div.single div.fl {

            background  : url(../img/boxsingle-up.png) top left no-repeat;
            *background : none;
            *filter     : progid:DXImageTransform.Microsoft.AlphaImageLoader(
                            src				= '../img/boxsingle-up.png',
                            sizingMethod	= 'crop'
                        );
        }

        div.double div.fl {
            background  : url(../img/boxdouble-up.png) top left no-repeat;
            *background : none;
            *filter     : progid:DXImageTransform.Microsoft.AlphaImageLoader(
                            src				= '../img/boxdouble-up.png',
                            sizingMethod	= 'crop'
                        );
        }

    #box a {
        position        : relative;
        z-index         : 1;
    }

    #box ul {
        list-style-type : none;
        margin          : 0 auto;
        /* font-size       : 0; */
    }

    #box li {
        display			: -moz-inline-box;  /* FF2 or lower */
        display         : inline-block;
        width           : 224px;
        padding         : 0 2px;
        margin          : 3px 0;
    }

        #box li {
            *display         : inline;
        }

    .single ul.cl {
        width           : 684px;
        margin          : 0 auto;
    }

    .double ul.cl {
        width           : 460px;
        margin          : 0 auto;
    }

    #box ul.cl li {
        float           : left;
        display         : inline;
        padding         : 0 2px;
    }


    #box h2 {
        margin          : 0 auto 20px auto;
        text-indent     : -9999em;
        font-size       : 0;
        color           : #fff;
        position        : relative;
        height          : 17px;
    }

        .single h2 {
            top             : 0px;
        }

        .double h2 {
            top             : 10px;
        }

            h2.lb_preventivo {
                width           : 372px;
                background      : url(../img/calcola.gif) top left no-repeat;
            }

            h2.lb_convsoci {
                width           : 223px;
                background      : url(../img/convsoci.gif) top left no-repeat;
            }

            h2.lb_convclienti {
                width           : 253px;
                background      : url(../img/convclienti.gif) top left no-repeat;
            }



    #box div div {
        float           : left;
        display         : inline;
    }

        .single div div {
            margin-top      : 25px;
            padding-top     : 25px;
            width           : 100%;
        }

        .double div div {
            padding-top     : 15px;
            width           : 50%;
        }


    #box h3 {
        color            : #666;
        font-size        : 1.8em;
    }

        .double h3 {
            margin-bottom   : 10px;
        }

         #box li img {
             display        : block;
             height         : 81px;
         }