@font-face {
    font-family: Ubuntu;
    font-style:  normal;
    font-weight: normal;
    src: url(../fonts/UBUNTU0.eot);
  }
  @font-face {
    font-family: Ubuntu Light;
    font-style:  normal;
    font-weight: normal;
    src: url(../fonts/UBUNTUL0.eot);
  }

.mfn {
    margin-left:0px!important;
}

body {
    background-color:#f4f4f4;
}

/*Home*/
.home {
    width:1267px;
    padding:0px;
}
.home .header {
    background:url('../img/bg-cabecalho.jpg') no-repeat;
    height:199px;
    position:relative;
}

.home h1 {
    margin:0px;
    background:url('../img/bg-menu-principal.png') no-repeat;
    position:absolute;
    height:99px;
    width:192px;
    left:213px;
    top:50px;
    text-indent:-9000px;
}

.home .content {
    background-color:#fff;
    width:961px;
    min-height:400px;
    margin:-25px auto 0px;
    position:relative;
    padding:25px 38px;
}

    .home .content .wellcome {
        color: #333;
        border-bottom:#eceded 1px solid;
    }

        .home .content .wellcome .saud {
            font-family: Ubuntu Light;
            font-size: 27px;
        }

        .home .content .wellcome .saud-usuario {
            font-family: Ubuntu Light;
            font-size: 17px;
        }

            .home .content .wellcome .saud-usuario b {
                font-family: Ubuntu;
            }

    .home .content .user-info {
        margin-top:10px;
        font-size:17px;
        border-bottom:#dedede 1px solid;
    }

        .home .content .user-info ul {
            list-style:none;
            padding:0px;
            
        }

            .home .content .user-info ul li {
                font-family: Ubuntu Light;
                color:#333;
            }

            .home .content .user-info ul b {
                color:#ccc;
                font-family: Ubuntu;
                margin-right:5px;
            }

.home .menu {
    margin: 30px 0px 0px 0px;
}
    .home .menu .menu-header {
        border-bottom: #3399ff 1px solid;
    }
        .home .menu .menu-header td {
            padding: 0px 0px 10px 0px;
        }

        .home .menu .menu-header .ttl {
            font-family: Ubuntu;
            color: #3399ff;
        }

    .home .menu tr {
        border-bottom: #eceded 1px solid;
    }

    .home .menu tr td {
        padding: 16px 0px 16px 0px;
    }

        .home .menu tr td a {
            font-family: Ubuntu;
            font-size: 13px;
            color: #333;
            padding-left: 22px;
            padding-right: 21px;
            background: url('../img/ico-dir-left.png') no-repeat 0px 6px;
        }
/*Login*/
.login {
    background:url('../img/bg-fd-login.jpg') no-repeat;
    height:685px;
    width:1267px;

}

    .login h1 {
        margin: 55px auto 0px;
        height: 44px;
        width: 220px;
        font-family: Ubuntu, Arial, sans-serif;
        /* Remove or comment out the next line to show the text */
        /* text-indent: -9000px; */
    }

    .login .content {
        height:404px;
        width:404px;
        margin:43px auto 0px;
        background-color:#fff;
        padding:0px 18px;
    }

        .login .content h2 {
            background: url('../img/logo-dialogo-115.jpg') no-repeat;
            text-indent: -9000px;
            height: 56px;
            width: 115px;
        }

        .login .content .login-form {
            font-family: Ubuntu Light;
            border-top:#dedede 1px solid;
            padding-top:22px;
            padding-left:48px;
        }

            .login .content .login-form b {
                background: url('../img/bg-login.jpg') no-repeat;
                text-indent: -9000px;                                
                height:28px;
                width:68px;
                display:block;
                margin-bottom:25px;
            }

            .login .content .login-form input {
                width:273px;
            }

            .login .content .login-form label {
                font-size:12px;
                color:#989898;
                margin-top:5px;
                margin-bottom:0px;
                display:block;
            }

        .login .content .login-form img{
            display:inline-block;
        }

            .login .content .login-form .login-form-code {
                width:210px;
                display:inline-block;
                margin-left:9px;
            }

            .login .content .login-form a {
                background: url('../img/bg-continuar.jpg') no-repeat;
                text-indent: -9000px;                                
                height:36px;
                width:271px;
                display:block;
                margin-top:20px;
                border-bottom:#dedede 1px solid;
                padding-bottom:20px;
            }

    .login .bottom-login {
        font-family: Ubuntu Light;
        color:#fff;
        margin-top:37px;
        font-size:13px;
        text-align:center;
        
    }

/*Cadastro cobranca*/
.cadastro-cobranca {
    width:1267px;
    padding:0px;
}
.cadastro-cobranca .header {
    background:url('../img/bg-cabecalho-cinza.jpg') no-repeat;
    height:199px;
    position:relative;
}

.cadastro-cobranca h1 {
    margin:0px;
    background:url('../img/bg-cadastro-cobranca.png') no-repeat;
    position:absolute;
    height:102px;
    width:344px;
    left:213px;
    top:50px;
    text-indent:-9000px;
}

.cadastro-cobranca .content {
    background-color:#fff;
    width:961px;
    min-height:400px;
    margin:-25px auto 0px;
    position:relative;
    padding:25px 38px;
}

    .cadastro-cobranca .content .wellcome {
        color: #333;
        border-bottom:#eceded 1px solid;
    }

        .cadastro-cobranca .content .wellcome .saud {
            font-family: Ubuntu Light;
            font-size: 27px;
        }

        .cadastro-cobranca .content .wellcome .saud-usuario {
            font-family: Ubuntu Light;
            font-size: 17px;
        }

            .cadastro-cobranca .content .wellcome .saud-usuario b {
                font-family: Ubuntu;
            }

    .cadastro-cobranca .content .form-cadastro {
        width:480px;
    }

        .cadastro-cobranca .content .form-cadastro label {
            color:#666666;
            font-size:12px;
            display:block;
            clear: both;
        }

        .cadastro-cobranca .content .form-cadastro b {
            margin:22px 0px 20px;
        }

        .cadastro-cobranca .content .form-cadastro .ttl-dados-pessoais {
            background:url('../img/ttl-dados-pessoais.jpg') no-repeat;
            text-indent:-9000px;
            height:36px;
            width:271px;
            display:block;
            margin-bottom:12px;
        }

       .cadastro-cobranca .content .form-cadastro .ttl-descontos {
            background:url('../img/ttl-descontos.jpg') no-repeat;
            text-indent:-9000px;
            clear:both;
            margin-top:22px;
            margin-bottom:12px;
        }

       .cadastro-cobranca .content .form-cadastro .ttl-vencimento {
            background:url('../img/ttl-vencimento.jpg') no-repeat;
            text-indent:-9000px;
            clear:both;
            margin-top:22px;
            margin-bottom:12px;
        }

       .cadastro-cobranca .content .form-cadastro .ttl-vencimento-variaveis {
            background:url('../img/ttl-vencimento-variaveis.jpg') no-repeat;
            text-indent:-9000px;
            clear:both;
            margin-top:22px;
            margin-bottom:12px;
        }

        .cadastro-cobranca .content .form-cadastro input, .cadastro-cobranca .content .form-cadastro select {
            margin: 0px 0px 10px 0px;
        }

        .cadastro-cobranca .content .form-cadastro .form-legenda {
            color:#666666;
            margin-top:30px;
        }

        .cadastro-cobranca .content .form-cadastro .btn-menu-principal {
            background:url('../img/btn-menu-principal-bk.jpg') no-repeat;
            text-indent:-9000px;
            clear:both;
            margin-top:22px;
        }