#bd {
                font-size: 80%;
                background-color: #fbfbfb;
                opacity: 1.0;
            }
            body, body * {
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }
            #bd.small, #bd.tablet {
                font-size: 90%;
            }
            #bd.tablet {
                background-color: white;
            }
            #main {
                position: relative;
                margin: 150px auto auto;
                width: 460px;
                padding-bottom: 25px;
            }
            #bd.small #main {
                margin: 60px auto auto;
                width: 80%;
            }
            #bd.tablet #main {
                margin: 60px auto auto;
                width: 80%;
                max-width: 600px;
                padding: 40px;
                background-color: #fffafa;
                border-radius: 8px;
                box-shadow: 0px 3px 7px lightgray;
            }
            #header-left {
                position: absolute;
                display: block;
                top: 0;
                left: 0;
                background-image: url("/adiuto/header-left.png");
                width: 72px;
                height: 84px;
                z-index: 2;
            }
            #bd.small #header-left {
                background-image: url("/adiuto/header-left_42.png");
                width: 36px;
                height: 42px;
            }
            #bd.tablet #header-left {
                background-image: none;
            }
            #header-shadow {
                position: absolute;
                top: 0;
                left: 72px;
                right: 0;
                width: inherit;
                height: 93px;
                border: 0;
                background: url("/adiuto/header-filler.png") 67px top;
                z-index: 1;
            }
            #bd.small #header-shadow {
                background: url("/adiuto/header-filler_42.png") 30px top;
                height: 42px;
                left: 36px;
            }
            #bd.tablet #header-shadow {
                background: none;
            }
            #header-logo {
                position: relative;
                top: 0;
                left: 0;
                border: 0;
                background-image: url("/adiuto/header-logo.png");
                width: 67px;
                height: 93px;
            }
            #bd.small #header-logo {
                background-image: url("/adiuto/header-logo_42.png");
                width: 30px;
                height: 42px;
            }
            #bd.tablet #header-logo {
                background-image: none;
            }
            #header-titolo {
                display: block;
                position: absolute;
                top: 25px;
                left: 77px;
                width: 281px;
                height: 34px;
                background: url("/adiuto/titolo.png") no-repeat center;
                background-size: cover;
            }
            #bd.small #header-titolo {
                background: url("/adiuto/titolo_240.png") no-repeat center;
                width: 240px;
                height: 29px;
                top: 8px;
                left: 40px;
            }
            #bd.tablet #header-titolo {
                background: none;
            }
            #bd.big #header-titolo {
                display: block;
            }
            #header-suite {
                position: absolute;
                top: 0;
                right: 0;
                background: url("/adiuto/header-logo-adisuite.png") no-repeat center;
                width: 214px;
                height: 84px;
                z-index: 3;
            }
            #bd.small #header-suite, #bd.tablet #header-suite {
                right: 10px;
                background: none;
                width: 119px;
                height: 40px;
            }
            #logo {
                display: none;
                height: 200px;
                width: 240px;
                position: absolute;
                right: 0;
                top: 0;
                background-image: url("/adiuto/adijed.png");
                background-repeat: no-repeat;
                background-position: center;
            }
            #loginBox {
                position: absolute;
                left: 0;
                top: 0;
                background: #fffafa url("/adiuto/main-image-115-40.png") no-repeat right 20px top 20px;
                padding: 20px 30px;
                width: 400px;
                border: 1px solid #d3d3d3;
                margin: auto;
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;

                -webkit-box-shadow: 0 1px 3px 0px lightgray;
                -moz-box-shadow: 0 1px 3px 0px lightgray;
                box-shadow: 0 1px 3px 0px lightgray;
            }
            #bd.small #loginBox {
                padding: 8px 12px;
                width: 100%;
                box-shadow: none;
                background-color: transparent;
                background-position: top right;
                border: none;
            }
            #bd.tablet #loginBox {
                position: relative;
                padding: 8px 12px;
                width: 100%;
                box-shadow: none;
                background-position: top right;
                border: none;
            }
            #loginForm label, #loginForm input, #loginBox h2 {
                display: block;
            }
            #bd.small #loginForm label, #bd.tablet #loginForm label {
                font-size: 12px;
            }
            #loginBox h2 {
                font-size: 140%;
            }
            #loginForm label {
                margin-top: 8px;
                width: 100%;
                padding-top: 10px;
                padding-bottom: 10px;
            }
            #loginForm input[type=text], #loginForm input[type=password] {
                border: 1px #add8e6 solid;
                padding: 2px 5px;
                height: 25px;
                margin-left: auto;
                margin-right: auto;
                width: 96%;
            }
            #loginForm input[type=text], #loginForm input[type=password],
            #loginForm input[type=submit] {
                margin-top: 8px;
                min-height: 30px !important;
            }
            #bd.tablet input[type=text], #bd.tablet input[type=password] {
                margin-left: 0;
            }
            #login-error {
                color: red;
                font-size: 10pt;
            }
            #loginForm input#loginSubmit {
                padding: 12px 26px;
                margin-top: 15px;
                vertical-align: middle;
            }
            body {
                background: url("/adiuto/main-image.png") no-repeat transparent bottom 30px center;
                background-size: 250px;
            }