/* 
    Document   : exemplocss
    Created on : 11/08/2009, 08:24:10
    Author     : greice
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}


body {
    font-family: verdana;
    font:verdana;
    padding: 0;
    margin: 0;
    background-color:#EEEEEE;
    font-size: .68em;
    text-align:center;
}

#principal{
    width:1000px;
    margin: 0 auto;
    text-align:left;
}

#conteudo {
    padding:5px;
    background: url(../img/background_base3.jpg) no-repeat;
    font-family: Verdana, Arial, Helveticca, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #00000;
    padding: 5px;
    width: 100%;
    height:872px;
    /*position:absolute;*/

}

#login {
    margin-left:350px;
    margin-top:50px;
    background:url(../img/box_login2.png) no-repeat;
    height:600px;
    width:450px;
    padding:15px;
}

#menuConteudo, #segundaVia, #historicoConsumo, #servicos {
    margin-left:350px;
    margin-top:50px;
    background:url(../img/box_confirm_login4.png) no-repeat;
    height:100%;
    width:580px;
    padding:15px;
}


#cadastro {
    margin-left:350px;
    margin-top:50px;
    background:url(../img/box_confirm_login3.png) no-repeat;
    height:100%;
    width:580px;
    padding:15px;
}

#login .tbLoginIdentificacao{
    padding-top:45px;
    padding-left:90px;
    padding-top:5px;
    padding-bottom:5px;
}

#aviso{
    background:url(../img/box_msg2.png) no-repeat;
    padding:5px;
    padding-left:25px;
    color: #FFFFFF;
    height:70px;
    font-weight:bold;

}

#avisoEmail{
    background:url(../img/box_msg3.png) no-repeat;
    padding:5px;
    padding-left:25px;
    color: #FFFFFF;
    height:45px;
    font-weight:bold;
}

a.botao{
    font:verdana;
    font-weight:bold;
    background: url(../img/botton_login2.png) no-repeat;
    width:113px;
    height:25px;
    text-decoration: none;
    display: block;
    padding:5px;
    padding-right:0;
    text-align:center;
    vertical-align:middle;
    color:#4F4F4F;
}


a.botao:hover { /*Link visitado*/
color: #FFFFFF;
text-decoration: none;
}

a.titulo{
    /*text-decoration:none;*/
    font:verdana;
    color:#47a9bf;
    cursor:pointer;
    display:block;
    /*border:none;*/
}

a.tituloDisable{
    /*text-decoration:none;*/
    font:verdana;
    color:#AEA4A4;
    cursor:default;
    display:block;


    /*border:none;*/
}

.tituloDisable{
    /*text-decoration:none;*/
    font:verdana;
    color:#AEA4A4;
    cursor:default;
    display:block;

}

a{
    text-decoration:none;
    border:none;
}


.titulo{
    color:#47a9bf;
    font:verdana;
    font-weight:bold;
    padding:5px;
}
.gridTbE{
    background: url(../img/grid_titulo_esquerda2.png) no-repeat;
    height: 25px;
    width:2px;
}

.gridTbM{
   background: url(../img/grid_titulo_meio2.png) repeat-x;
    height: 25px;
    color:#FFFFFF;
    font-weight:bold;
    font:verdana;

}

.gridTbD{
    background: url(../img/grid_titulo_direita2.png) no-repeat;
    height: 25px;
    width:6px;
}

.gridTbE30{
    background: url(../img/grid_titulo_esquerda30.png) no-repeat;
    height: 30px;
    width:2px;
}

.gridTbM30{
   background: url(../img/grid_titulo_meio30.png) repeat-x;
    height: 30px;
    color:#FFFFFF;
    font-weight:bold;
    font:verdana;

}

.gridTbD30{
    background: url(../img/grid_titulo_direita30.png) no-repeat;
    height: 30px;
    width:6px;
}

.gridE{
    background: url(../img/grid_esquerda.png) no-repeat;
    height: 19px;
    width:6px;
}

.gridM{
   background: url(../img/grid_meio.png) repeat-x;
    height: 19px;

}

.gridD{
    background: url(../img/grid_direita.png) no-repeat;
    height: 19px;
    width:6px;
}

.gridE25{
    background: url(../img/grid_esquerda25.png) no-repeat;
    height: 25px;
    /*width:6px;*/
}

.gridM25{
   background: url(../img/grid_meio25.png) repeat-x;
    height: 25px;

}

.gridD25{
    background: url(../img/grid_direita25.png) no-repeat;
    height: 25px;
    width:6px;
}

#mensagem{
    background:url(../img/baloon_login.png) no-repeat;
    text-align:center;
    z-index:4;
    height:134px;
    margin-left:385px;
    margin-top:-45px;
    width:158px;
    padding-top:60px;
    color:#FFFFFF;
    font-weight:bold;
    font:verdana;
    text-align:left;
    padding-left:5px;

}

#imagemMensagem{
    background:url(../img/box_seta_menu2.png) no-repeat;
    text-align:center;
    z-index:4;
    height:145px;
    margin-left:-25px;
    margin-top:60px;
    width:450px;
    padding-top:30px;
    color:#FFFFFF;
    font-weight:normal;
    font:verdana;
    text-align:left;
    padding-left:155px;
    height:217px;

}

.tabelaPrincipal{
    position:absolute;
    left:0px;
    top:40px;
    width:100%;
}

.textLabel{
    text-align:right;
    height:25px;
}

#menu{
    float:left;
    margin-left:150px;
    margin-top:370px;
    width:180px;
}

#menu a{
    text-decoration:none;
    font:verdana;
    color:#AEA4A4;
    border:none;
}

a.fatura{
    text-decoration:none;
    border:none;
}

.imgMenu{
       background: url(../img/ripple_1.png) no-repeat scroll left center;
   padding-left:20px;
    width:200px;
    display:block;
    font-weight:bold;
     color:#47a9bf;
}

.imgMenuDisabled{
    background: url(../img/ripple_2.png) no-repeat scroll left center;
    padding-left:20px;
    width:200px;
    display:block;
    font-weight:normal;
    color:#AEA4A4;
}

ul {
    list-style-type:none; margin:0px; padding:0px;
}
ul li{
    background: url(../img/ripple_2.png) no-repeat scroll left center;
   padding-left:20px;
    width:200px;
    display:block;
}

#menu a:hover{
    text-decoration:none;
    font:verdana;
    color:#47a9bf;
    border:none;
}

.menuVisitado{
    text-decoration:none;
    color:#47a9bf;
    font:verdana;
}
#main {
    width: 984px;
    margin:0 auto;
    padding: 0px;
    text-align:left; /* "remédio" para o hack do IE */
    background-color: #FFFFFF;
}

#conteudo {
    padding: 5px;
    background-color: #FFFFFF;
}