body{
    margin:0;
    padding:0;
    background: url(../img/background.jpg) top center fixed;
    /*background: url(../img/background_stripes.gif);*/
    font-family: 'Trebuchet MS', arial, sans;
    color: #3c3c3b;
}

#loginBox{
    width:700px;
    height:324px;
    clear:both;
    background: url(../img/loginBox.png) no-repeat;
    margin-top:45px;
    text-align: left;
}
#loginBox h1{
    color: #a0b908;
    font-size:25px;
    float:left;
    margin: 40px 0 0 130px;
    clear:both;
}

#loginBox .formBox{
    clear:both;
    float:left;
    margin: 20px 0 0 130px;
}
.lbLogin{
    width:280px;
    margin-bottom:20px;
    align-items:center;
    justify-content:space-between;
    display: flex !important;
}
.loginBoxRodape{
    clear:both;
    float:left;
    text-align:left;
    margin: 50px 0 0 70px;
    font-size:12px;
    width:500px;
}
.loginBoxRodape a{
    color: #3c3c3b;
}

#linksBox{
    width:675px;
    height:115px;
    background:url(../img/bgLinks.png) no-repeat;
    clear:both;
    margin-left:10px;
    margin-top:40px;
    text-align:left;
}
#linksBoxContainer{
    width:645px;
    height:115px;
    margin-left:20px;
    float:left;
    text-align:center;
    font-size:11px;
}
#linksBoxContainer a{
    float:left;
    margin-top:20px;
    color:#000000;
    /*
    width:120px;
    */
}
#linksBoxContainer a:hover{
    text-decoration:none;
}
#linksBoxContainer .sep{
    float:left;
    margin: 20px 20px 0px 20px;
    width:5px;
    height:75px;
    background:url(../img/dots.png);
}

#avisosBox{
    width:675px;
    height:100%;
    clear:both;
    margin-left:10px;
    margin-top:10px;
    text-align:left;
}
#avisosBoxContainer{
    background:url(../img/bgLinks.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size : auto auto ;
    width:675px;
    height:100%;
    float:left;
}
#avisosBoxContainer h1{
    color: #ff1a1a;
    float:left;
    font-size:28px;
    margin-top:30px;
    margin-left:30px;
    margin-bottom: 30px;
}
#avisoBrowserBoxContainer h1{
    margin-left:30px;
    color: #14955a;
    font-size:25px;
}
#publicidadeBox{
    width:675px;
    height:100%;
    clear:both;
    margin-left:10px;
    margin-top:10px;
    text-align:left;
}
#publicidadeBoxContainer{
    background-size: 100% 100%;
    -moz-background-size : auto auto ;
    width:675px;
    padding-top: 10px;
    height:100%;
    float:left;
}
#browserMsg{
    width:675px;
    height:100%;
    clear:both;
    margin-left:10px;
    margin-top:10px;
    text-align:center;
}


#avisosBoxContainer .sep{
    float:left;
    margin: 25px 20px 0px 20px;
}

#divAviso{
    float:left;
    width:500px;
    min-height: 70px;
    height:100%;
    margin: 20px 20px 20px;
    padding: 0px 10px 0px;
    border-left: 1px dashed #CCC
}

#divBrowser{
    float:left;
    width:480px;
    min-height: 70px;
    height:100%;
    margin: 25px 20px 20px;
    padding: 0px 10px 0px;
    border-left: 1px dashed #CCC
}

#header{
    width:100%;
    height:150px;
    background:url(../img/headerBar.png) repeat-x;
    clear:both;
    float:left;
}

#logo{
    width:208px;
    height:111px;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-500px;
    z-index:999;
}

#userInfo{
    position:absolute;
    width:500px;
    position:absolute;
    top:20px;
    left:50%;
    z-index:999;
    color:#8c8b8b;
    text-align:right;
}
#userInfo a{
    color:#8c8b8b;
}
#userInfo a:hover{
    color:#009764;
    text-decoration:none;
}

#suportInfo{
    position:absolute;
    width:250px;
    height:150px;
    top:70px;
    left:50%;
    margin-left:250px;
    text-align:left;
    font-size:16px;
    color:#9fa0a2;
    overflow:hidden;
}
#suportInfo ul{
    list-style-type:none;
}
#suportInfo li{
    margin: 10px 0 0 0;
}
#suportInfo i{
    color:#b1cc25;
}
#suportInfo a{
    color:#9fa0a2;
}
#suportInfo a:hover{
    color:#009764;
    text-decoration:none;
}

#conteudo{
    width:1000px;
    height:auto;
    clear:both;
    text-align:left;
}

#conteudo h1{
    color: #a0b908;
    font-size:25px;
    float:left;
    clear:both;
    width:100%;
    text-align:left;
}

#icones{
    clear:both;
    width:100%;
    height:auto;
    float:left;
    list-style-type:none;
    margin-top:10px;
}
#icones li{
    width:110px;
    height:180px;
    text-align:center;
    float:left;
    margin:0 5px;
    font-size:12px;
}
#icones li img{
    margin-bottom:10px;
    clear:both;
}
#icones a{
    color:#3c3c3b;
}
#icones a:hover{
    color:#009764;
    text-decoration:none;
}
.icon{
    width:110px;
    height:110px;
    cursor:pointer;
}

.iconMeuPlano{
    background:url(../img/iconMeuPlano.png) 0 0 no-repeat;
}
.iconBoleto{
    background:url(../img/iconBoleto.png) 0 0 no-repeat;
}
.iconExtrato{
    background:url(../img/iconExtrato.png) 0 0 no-repeat;
}
.iconAtualizacao{
    background:url(../img/iconAtualizacao.png) 0 0 no-repeat;
}
.iconCartao{
    background:url(../img/iconCartao.png) 0 0 no-repeat;
}
.iconDebito{
    background:url(../img/iconDebito.png) 0 0 no-repeat;
}
.iconIr{
    background:url(../img/iconIr.png) 0 0 no-repeat;
}
.iconSituacaoFinanceira{
    background:url(../img/iconSituacaoFinanceira.png) 0 0 no-repeat;
}

#balao{
    width:100%;
    height:auto;
    background:#ffffff;
    border-radius: 10px;
    clear:both;
    float:left;

    -moz-box-shadow: 0px 0px 4px #646464;
    -webkit-box-shadow: 0px 0px 4px #646464;
    box-shadow: 0px 0px 4px #646464;

    display:none;
    /*
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=155, Color='#646464')";
    */
}
#bolaoConteudo{
    width:960px;
    height:auto;
    float:left;
    clear:both;
    margin:20px;
}

#seta{
    width:54px;
    height:29px;
    background:url(../img/seta2.png);
    border:0px red solid;
    position:absolute;
    top:411px;
    left:0px;
    display:none;
}


.modal-liquid{
    width:750px;
    margin-left: -375px;
}
.modal-liquid-cadastro{
    width:850px;
    margin-left: -425px;
}
.lbCadastro{
    width:130px;
    text-align:right;
}

#dialog-demonstrativo{
    width:850px;
    margin-left: -425px;
}
#dialog-ir{
    width:950px;
    margin-left: -525px;
}

#redesSociais{
    width:100%;
    height:50px;
    clear:both;
    margin-top:10px;
}

#redesSociais a{
    font-size:24px;
    margin-right:5px;
    color:#646464;
}
#redesSociais a:hover{
    color:#009764;
}