* {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  text-align: left;
  text-decoration: none;
  color: #333;
}
html {background: #1d1d1d;}
body {
  padding-top: 0;
  /*background: url(../images/bg_sobre_fundo_1.gif) top no-repeat;*/
  text-align: center;
  font: 12px Verdana;
  padding-top: 12px;
}
img {
  vertical-align: middle;
}

p {line-height: 16px}
small {
  font-size: 11px;
  line-height: 15px;
  font-weight: normal;
}
h5 {
  font-size: 14px;
  color: #4A5E88;
}
h6 {
  font-size: 14px;
  color: #4A5E88;
  text-decoration: underline;
  line-height: 30px;
}
/*------------------ links ------------- */
a{
  cursor: pointer;
}
a.link {
  text-decoration: underline;
  color:#0066cc;
}
a.more-options{
  font: normal 11px Verdana;
  color: #FFFFFF;
  line-height:33px;
  padding-right: 5px;
  text-decoration: underline;
}
a.more-options2{
  font: normal 11px Verdana;
  color: #000000;
  line-height:33px;
  padding-right: 5px;
  text-decoration: none;
}
div.more-options{
  font-weight: normal;
  float: right;
}
a.show-hide-link {
  text-decoration: underline;
  color:black;
  font-size: 11px;
}
a:hover { text-decoration: underline; }
a.link-destaque {
  background: #ccc url(../images/bg-botoes-1.gif) 4px -1px;
  border: 1px solid #b0afbc;
  color: #5d677b;
  font: bold 12px Verdana;
  padding: 0 15px;
  text-align: center;
  cursor: pointer;
  height: 20px;
  line-height: 16px;

}
a.link-destaque:hover {
  text-decoration: none;
  border: 1px solid #ff6600;
}
a.link_menu{
  font: normal 10px Verdana;
  color:#6d7c9b;
}
a.without-underline{
  text-decoration: none;
}
a.underline{
  text-decoration: underline;
}
a.red{
  color: #CC0000;
}
a.link_action {
    color: #CC0000;
    font: normal 11px Verdana;
    text-decoration: underline;
}
/*----------------- login ----------------*/
form#login { padding: 10px 0 0 180px; }
form#login input.input-form {
            width: 300px;
            height: 30px;
            font-size: 22px;
            padding-top: 5px;
            color: #666;
}
form#login input.botao-login {
            background: #94a3c5;
            height: 30px;
            width: 118px;
            border: none;
            color: white;
            font: bold 16px Verdana;
            text-align: center;
}
/* -------------- tabelas -------------- */
.table_consumo {
  width:100%;
  padding:0;

}
table.table_consumo td {
  background:#EDEDED;
  font-size: 13px;
}
.table_consumo td.aright th.aright {
  padding-right: 4px;
  text-align: right;
}
.box_consumo {
  width: 300px;
  margin: 0 60px 0 100px;
  border: 1px solid #ccc;
  padding: 15px;
  background:#f0f0f0;
}
div.big-font {
  font: bold 17px Verdana;
}
div.subtitle{
  line-height:19px;
  font-weight:bold;
}
div.box-popup{
  padding: 10px;
}
div.box-warning{
  padding: 10px;
  background-color: #FFFFCC;
  border: 1px solid #FFCC00;
}
div.box-sucess{
  padding: 10px;
  background-color: #D5FFD5;
  border: 1px solid;
}
div.box-error {
  BORDER: #FF0000 1px solid;
  PADDING-RIGHT: 10px;
  PADDING-LEFT: 10px;
  BACKGROUND: #fff2f2;
  PADDING-BOTTOM: 10px;
  FONT: 12px Verdana;
  PADDING-TOP: 10px;
}
div.box-error STRONG {
  FONT-WEIGHT: bold; COLOR: #FF0000
}
div.box-error P {
  FONT: 12px Verdana;
  COLOR: #CC0000;
}
div.filter {
  padding: 4px 2px;
  margin-left: 5px;
  font: normal 12px Verdana;
  color: #FFFFFF;
}
div.session-title{
  margin: 10px 0px;
}
div.session-title, div.session-title div{
  color: #FFFFFF;
  background: url(../images/bg_azul.gif) center repeat;
  line-height:31px;
  height: 31px;
  font-weight: bold;
  text-align: left;
  padding-left: 4px;
}
div.session-title span.optional {
    color: #FFFFFF;
    font-size: x-small;
}
table.table {
  text-align: center;
  font-size: 11px;
}
table.table_consumo tr.total td{
  background-color: #C9C9C9;
}
table.table tr.total{
  background-color: #CCDBE3;
}
table.table tr{
  height: 100%;
  background: #E9F0F8;
}
table.table tr:hover {
  background: #C3D9DD;
}
table.table th {
  background: url(../images/bg-titulo-tabela.gif) center repeat;
  border-right: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
  color: #FFFFFF;
  text-align: center;
  height: 40px;
  font-weight: normal;
}
table.table th.title {
  padding: 3px;
  background: #9B9FA7;
  font: bold 16px Verdana;
  color: #ffffff;
  position: static;
}
table.table th a {
  color: #FFFFFF;
  text-decoration: underline;
}
table.table td {
  border-bottom: 1px solid #FFFFFF;
  overflow: hidden;
  /*white-space: nowrap;*/
}
table.table td {
  height: 20px;
  text-align: center;
}
table.table th.aleft, table td.aleft {
  padding-left: 4px;
  text-align: left;
}
table.table th.aright, table td.aright {
  padding-right: 4px;
  text-align: right;
}
table td.aleft2 {
  text-align: left;
}
table td.aright2 {
  text-align: right;
}
table td.atop2 {
  vertical-align:top;
}
.title_session {
  padding-left: 4px;
  text-align: left;
    border-bottom: 1px solid #336699;
}
table.consumo {
  text-align: left;
}
table.consumo th, table.consumo td{
  height: 15px;
}
table td.somaTotal {
  padding-left: 4px;
  text-align: left;
  border-top: 2px solid #cccccc;
}
table.mini-tabela-mensagem {
  background: #ccc;
  margin: 5px 0 5px 30px;
}
table.mini-tabela-mensagem td, table.mini-tabela-mensagem th {
  background: #f8f8f8;
  border-bottom: 0px;
  padding: 2px 4px;
  height: 10px;
}
table.mini-tabela-mensagem th {font-weight: bold}
table#tabela_resumo {
  width: 95% !important;
}
/*------------ fim tabelas ------------------*/
div#geral {
  width: 953px;
  margin: 0 auto;
  border: 1px solid #ccc;
  background: #fff;
}
div.div_topo_bg_red {
  background: url(../images/fundo_vermelho.jpg);
  border-bottom: 1px solid #ccc;
  height: 75px;
}
div.div_topo_bg_logo {
  float:left;
  background: url(../images/logo_locamail_marketing-1.jpg) no-repeat top left;
  width: 500px;
  height: 75px;
}
div.div_topo_login {
  float:right;
  height:30px;
  padding:45px 15px 0 0;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
}
div.div_topo_login span {
  font-weight: normal;
  color: #FFFFFF;
}
div.div_topo_login a {
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
}
div.action-top{
  color:#C6C6C6;
  font-weight: bold;
  font-size: 11px;
  padding: 3px;
}
div.logo-top {
    background: #FFFFFF url(../images/bg_top.png);
    height:33px;
}
img.logo-top {
  padding: 3px 0px 3px 30px;
}
img.default{
  vertical-align: baseline;
}
a.link-top {
  color:#C6C6C6;
}
div.logo-emkt {
    background: #000000 url(../images/logo_emkt.png) center no-repeat;
    height:80px;
}
div#topo2 {
  height: 75px;
  background: url(../images/fundo_vermelho.jpg);
  border-bottom: 1px solid #ccc;
}
div#topo2 h1 a {
  display: block;
  width: 729px;
  height: 75px;
  background: url(../images/logo_emailmarketing-2.jpg);
  text-indent: -999px;
  overflow: hidden;
}
div#menu {
  width: 150px;
  background: url(../images/menu_bg_final2.jpg) bottom no-repeat;
  padding-bottom: 210px;
  float: left;
}
div#menu ul li.titulo-menu {
  background: #e8e8e8;
  font-weight: bold;
}
div#menu ul li a {
  display: block;
  padding: 4px 4px 6px 10px;
  background: #e8e8e8;
  text-decoration: none;
  border-right: 3px solid #980103;
  position: relative;
  font-weight: bold;
}
div#menu ul li a.selecionado {
  background: #980103;
  font-weight: bold;
  color: #113a91;
}
div#menu ul li.divisora {border-bottom: 1px solid #fff}
div#menu ul li a.subitem {
  padding-left: 25px;
  font-weight: normal;
}
div#menu ul li a:hover {
  background: #980103;
  color: #ffffff;
}
div#conteudo {
  float: right;
  width: 777px;
  padding: 10px 10px 13px 13px;
}
div.table-in-popup {
  max-height:210px;
  overflow:auto;
  padding-bottom:10px;
}
ul.titulo_box {
  background: url(../images/titulo_canto_direito.gif) top right;
  margin: 20px 0 0 20px;
  width: 190px;
  height: 24px;
}
ul.titulo_box li {
  background: url(../images/titulo_canto_esquerdo.gif) top left no-repeat;
  text-align: center;
  font: bold 13px Verdana;
  color: #fff;
  line-height: 24px;
}
div.box_informacao {
  border: 1px solid #ccc;
  padding: 10px 15px 10px 15px;
  margin-top: 15px;
  background: #FFFFFF;
  position: static;
}
div.box_additional_info {
  background: #FFFFCC;
  border: 1px solid #9B9FA7;
}
div.box {
  border: 1px solid #9B9FA7;
  padding: 15px;
  background: #FFFFFF;
  position: static;
}
div.border-blue {
  border: 1px solid #3885B3;
}
div.box2 {
  border: 1px solid #9B9FA7;
  padding: 7px 6px;
  background: #FFFFFF;
  position: static;
}
div.box2-blue {
  border: 0px;
  padding: 8px 7px;
  background: #E9F0F8;
  position: static;
}
div.box2.message-edit{
  width:763px;
}
div.button-message-test{
  background: url(../images/bg-msg-teste.gif) no-repeat;
  height: 90px;
  width: 280px;
  padding-right: 15px;
  float: right;
  position: relative;
}
div.button-message-test span {
  position: absolute;
  top:17px;
  left:13px;
  font-weight: bolder;
}
textarea.text-message {
  width:750px;
  height:350px;
}
div.box2-title {
  padding: 3px 5px;
  background: url(../images/fundo-preto.jpg) center repeat;
  margin-top: 8px;
  font: bold 20px Verdana;
  color: #ffffff;
}
div.box2-title.popup {
  margin-top: -19px;
  margin-right: -19px;
  margin-left: -19px;
}
div.box3-title {
  padding: 0px 0px 8px 0px;
  font: bold 13px Verdana;
}
div.box2-title.modal {
  margin-top: 0px;
}
div.box2-title-left {
  float:left;
  width:300px;
  color:#ffffff;
}
div.box-checkbox {
  background: #9B9FA7;
  padding: 4px;
  font: normal 12px Verdana;
  color: #FFFFFF;
  display: box;
  width: 253px;
}
div.box-ajuda {
  border: 1px solid #ccc;
  padding: 7px 6px;
  background: #FFFFCC;
  position: static;
}
div.box2-subitem{
  background:#3885B3;
  font-weight: bold;
  font-size: 13px;
  height: 15px;
  text-align: left;
  padding: 5px 4px;
  margin: 3px 0px;
}
div.select-all-table{
  font-weight: bold;
  font-size: 13px;
  height: 15px;
  text-align: left;
  padding: 5px 4px;
  margin: 3px 0px;
}
div.clickable{
  cursor: pointer;
}
div.box2-subitem-ativo{
  background:#9B9FA7;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
  height: 15px;
  color: #FFFFFF;
  padding: 5px 4px;
  margin: 3px 0px;
}
div.breadcrumb{
  padding-left: 28px;
  font: normal 11px Verdana;
  line-height: 15px;
}
div.box_without_border {
  border: 0px solid #ccc;
  padding: 15px;
  position: static;
}
div#conteudo h2 {
  font: bold 14px Verdana;

}
div.contentDetails{
  line-height: 20px;
  font-size: 13px;
  padding: 10px 5px;
}
div#box_administracao {height: 220px}
div#box_administracao ul li {float: left}
div#box_administracao ul li a {
  display: block;
  text-align: center;
  margin: 5px 0;
  width: 185px;
  height:100px;
}
div#box_administracao ul li a:hover {text-decoration: underline}
div#conteudo select.linguagens {
  font-size: 11px;
  position: absolute;
  top: 10px;
  right: 10px;
  border: 1px solid #ccc;
  height: 18px;
  width: 85px;
}
div#rodape {
  clear: both;
  height: 30px;
  background: url(../images/rodape_bg.gif);
  border-top: 1px solid #ccc;
}
div#rodape h5 a {
  display: block;
  width: 70px;
  height: 16px;
  /*background: url(../images/logop_locamail_newsletter-1.gif) no-repeat;*/
  text-indent: -200px;
  overflow: hidden;
  margin: 7px 0 0 315px;
}
.input {
  border: 1px solid #ccc;
  height: 18px;
}
.input_obrigatorio {
  border: 1px solid #ff6600;
  height: 18px;
}
.input_mensagem{
  width: 450px;
}
h4 {
  line-height: 23px;
  font-size: 18px;
  margin-bottom: 5px;
}
.left {float: left}
div#fim {
  height: 23px;
}
input, select {
  border: 1px solid #ccc;
  font: 12px Verdana;
  height: 21px;
  vertical-align: middle;
}
input[type="text"]:hover, input[type="text"]:focus{
  border: 1px solid #999999;
}
textarea {
  font: 12px Verdana;
  border: 1px solid #ccc;
  overflow: auto;
}
textarea:hover,  textarea:focus{
  border: 1px solid #999999;
}
input.checkbox {
  border-width: 0px;
}
input.text2,textarea.text2{
  height: 15px;
  padding: 7px 2px;
}
input.text2.contact{
  width:300px;
}
input[disabled='disabled'] {
  background-color:#FFFFFF;
  height: 15px;
  padding: 7px 2px;
  color: #999999;
}
input.validation-error{
  border-color: #FF0000;
}
input.tab-left{
  position: static;
  left: 200px;
}
textarea.validation-error{
  border-color: #FF0000;
}
div.validation-error{
  border-color: #FF0000;
}
select.validation-error{
  border:1px solid #FF0000;
  font-size:12px;
  padding:5px;
  height: 30px;
}
select {
  font-size: 12px;
}
select.combo_estilo {
  border:1px solid #cccccc;
  font-size:12px;
  padding: 5px;
  height: 30px;
  *height: 20px;
}
.submit, button {
  background: #ccc url(../images/bg-botoes-1.gif) 4px -1px;
  border: 1px solid #b0afbc;
  color: #5d677b;
  font: bold 12px Verdana;
  padding: 0 15px;
  text-align: center;
  cursor: pointer;
}
.submit:hover, button:hover { border: 1px solid #ff6600; }
div.linha {
  height: 0px;
  margin: 15px 0;
  line-height: 0px;
  font-size: 0px;
  border-bottom: 1px solid #ccc;
}
div.linha_pontilhada {
  height: 0px;
  margin: 15px 0;
  line-height: 0px;
  font-size: 0px;
  border-bottom: 1px dotted #ccc;
}
ul.ajuda li a {
  color:#4a5e88;
  font-weight: bold;
  line-height: 18px;
}
ul.menu_enviaremail li {
  display: inline;
}
ul.menu_enviaremail li a {
  float: left;
  background: #b5bdcc;
  color: #fff;
  padding: 3px 10px;
  border-right: 3px solid #f8f8f8;
  text-decoration: none;
}
ul.menu_enviaremail li a.selecionado, ul.menu_enviaremail li a:hover {
  background: #6d7c9b;
  text-decoration: none;
}
/* ---------------------- sistema de paginacao -------------------------- */
ul.paginacao {
          margin-top: 3px;
          height: 30px;
}
ul.paginacao li {display: inline;}
ul.paginacao li a {
          float: left;
          padding: 2px 5px;
          background: #9b9fa7;
          color: #fff;
          border-left: 1px solid #f8f8f8;
}
ul.paginacao li a:hover {
          background: #3A88B6;
          text-decoration: none;
}
/* ---------------------- sistema de paginacao static -------------------------- */
div.static-pagination {
  background-color:#CCDBE3;
  padding:5px 0px 2px 90px;
}
div.static-pagination ul {
          height: 20px;
}
div.static-pagination ul li {display: inline;}
div.static-pagination ul li a {
          float: left;
          padding: 2px 5px;
          background: #9b9fa7;
          color: #fff;
          border-left: 1px solid #C9C9C9;
}
div.static-pagination ul li a:hover {
          background: #3A88B6;
          text-decoration: none;
}
/* ------------------------- aviso-destaque ------------------------------ */
div.aviso-destaque {
  BORDER: #FF0000 1px solid;
  PADDING-RIGHT: 10px;
  PADDING-LEFT: 10px;
  BACKGROUND: #fff2f2;
  PADDING-BOTTOM: 10px;
  FONT: 12px Verdana;
  PADDING-TOP: 10px;
}
div.aviso-destaque STRONG {
  FONT-WEIGHT: bold; COLOR: #CC0000
}
div.aviso-destaque P {
  FONT: 12px Verdana;
  COLOR: #CC0000
}
/* ------------------------- aguarde ------------------------------ */
div.aguarde {
        position: absolute;
        left: 40%;
        top: 342px;
        border: 1px solid #990000;
        color: #990000;
        background: #fff5c0 url(../images/aguarde.gif) no-repeat 70% center;
        padding: 30px 100px;
        font: 12px Verdana;
        z-index:1;
}
/* ------------------ passos da pag de enviar mensagem ------------------- */
div.passos { height: 30px; }
div.passos ul li a {
  color: #263960;
  display: block;
  height: 30px;
  width: 100px;
}
div.passos ul li.a:hover { text-decoration: none; }
div.passos ul li a img {
  vertical-align: middle;
  height: 18px;
  width: 17px;
}
div.passos ul li.a { float: left; }
div.passos ul li.b { float: right; }
div.passos ul li.b a { text-align: right; }
/* ------------------- pagina de relatorios ----------------------------------- */
div.rel-item-selecionado {
  padding: 15px;
  background: #fffcb5;
  font: 12px Verdana;
  border: 1px solid #dcdee0;
  border-top: none;
}
div.rel-item-selecionado strong, div.rel-item-selecionado span { color: #52668e; }
div.rel-item-selecionado p {
  margin: 0;
  line-height: 22px;
}
div.rel-item-selecionado div {
  background: #f1ee9b;
  padding: 10px;
}
div.rel-item-selecionado div h5 {
  margin: 0 0 4px;
  font: bold 14px Verdana;
  color: #52668e;
}
div.rel-item-selecionado div ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.rel-item-selecionado div ul li {
  display: inline;
  float: left;
  width: 115px;
  font-size: 11px;
}
/* --------------------------- minibutton ----------------------- */
.buttons-message-edit-mode{
  float:right;
  cursor: pointer;
  height: 17px;
  width: 127px;
  margin-top: 2px;
  padding: 5px 0px 0px 15px;
}
.buttons-message-edit-mode a{
  float:left;
  font-size: 10px;
  color: #ffffff;
  text-decoration: none;
}
.buttons-message-edit-mode a.selected{
  font-size: 10px;
  color: #bbbbbb;
  text-decoration: none;
  cursor: default;
}
.buttons-message-edit-mode.steps.selected{
  background: url(../images/modos-esq-select.gif) no-repeat;
}
.buttons-message-edit-mode.advanced.selected{
  background: url(../images/modos-dir-select.gif) no-repeat;
}
.buttons-message-edit-mode.advanced{
  background: url(../images/modos-dir.gif) no-repeat;
}
.buttons-message-edit-mode.steps{
  background: url(../images/modos-esq.gif) no-repeat;
}
.buttons-message-edit-mode.advanced.hover:hover{
  background: url(../images/modos-dir-hover.gif) no-repeat;
}
.buttons-message-edit-mode.steps.hover:hover{
  background: url(../images/modos-esq-hover.gif) no-repeat;
}
.buttons-message-edit-mode.hover:hover a{
  color: #dddddd;
}
/* --------------------------- megabutton ----------------------- */
div.megabutton{
  background: url(../images/bg-botao-azul.gif) center repeat-x;
  cursor: pointer;
  display: inline;
  color: #FFFFFF;
  font: normal 13px Verdana;
  padding: 10px 10px 10px 0px;
  vertical-align: middle;
  *margin-left: 3px;
}
input.megabutton{
  background: url(../images/botao-azul-fundo.gif) center repeat;
  cursor: pointer;
  display: inline;
  color: #FFFFFF;
  font: bold 13px Verdana;
  padding: 7px;
  vertical-align: middle;
  *margin-right: 3px;
  height: 30px;
  border: 0px solid;
}
div.megabutton-local-action{
  font-size: 20px;
  background: url(../images/bg-botao-cinza.gif) repeat;
  padding: 7px;
  font: normal 13px Verdana;
  text-align: center;
  vertical-align: middle;
  color: #FFFFFF;
  cursor: pointer;
}
div.no-button{
  font-size: 20px;
  background: url(../images/botao-nao.gif) no-repeat;
  height: 35px;
  width:82px;
  padding: 9px;
  font: normal 13px Verdana;
  text-align: center;
  vertical-align: middle;
  color: #FFFFFF;
  cursor: pointer;
  display: inline;
}
input.yes {
  font-size: 20px;
  background: url(../images/botao-sim.gif) no-repeat;
  height:35px;
  width:82px;
  font: normal 13px Verdana;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  color: #FFFFFF;
  cursor: pointer;
  display: inline;
}
input.no {
  font-size: 20px;
  background: url(../images/botao-nao.gif) no-repeat;
  height:35px;
  width:82px;
  font: normal 13px Verdana;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  color: #FFFFFF;
  cursor: pointer;
  display: inline;
}
input.close {
  font-size: 20px;
  background: url(../images/botao-fechar.gif) no-repeat;
  height:35px;
  width:90px;
  font: normal 13px Verdana;
  padding: 3px 5px 5px 38px;
  text-align: center;
  vertical-align: middle;
  color: #FFFFFF;
  cursor: pointer;
  display: inline;
}
input.close:hover{
  background: url(../images/botao-fechar-hover.gif) no-repeat;
}
div.megabutton-local-action span {
  border-right:solid 1px;
  padding-right:5px;
  color: #FFFFFF;
  font-weight: normal;
}
div.megabutton-local-action span.close {
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
}
input.megabutton-local-action {
  font-size: 20px;
  background: #3A88B6;
  border:none;
  height: 31px;
  font: normal 13px Verdana;
   padding: 0px 8px;
   text-align: center;
   vertical-align: middle;
   color: #FFFFFF;
   cursor: pointer;
   display: inline;
}
div.megabutton span {
  border-left:solid 1px;
  padding-left:5px;
  color: #FFFFFF;
  font-weight: normal;
}
div.megabutton img {
  padding:5px;
}

.megabutton:hover{
  background-image:  url(../images/bg_azul.gif);
}
.megabutton-local-action:hover{
  background-color: #276286;
}
span.local-action{
  position: relative;
  top: 8px;
}
span.local-action a{
  text-decoration: underline;
}
.megabutton.lists {
  background-image: url('../images/icone-incluir-em-lista.gif');
  padding: 5px 0px 5px 27px;
  width:140px;
}
/*------------ grafico relatorio ----------------------------*/
table.graficos {
  padding: 0;
  width: 94%;
  font: 12px Verdana;
  margin: 10px 0;
}
table.graficos td { color: #2b457a; }
table.graficos td.graficos-dia {
  color: #fff;
  background: #b1b9ca;
  height: 45px;
  width: 45px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
table.graficos td.graficos-dia span {
  font-size: 20px;
  font-weight: bold;
}
table.graficos td.graficos-linha2 { padding-bottom: 8px; text-align: left; }
table.graficos td.graficos-linha3 { vertical-align: bottom; text-align: left; }
table.graficos table.graficos-bar-cliques, table.graficos table.graficos-bar-exibicoes {
  background: #f7d20a;
  border: none;
  margin-right: 8px;
}
table.graficos table.graficos-bar-exibicoes { background: #b6b4e4; }
table.graficos td.sem-resultados {
  background: #ededed;
  color: #9098aa;
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
}
div.graficos-legenda {
  background: #ededed;
  padding: 8px;
  height: 17px;
  font: 12px Verdana;
}
div.graficos-legenda ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.graficos-legenda ul li {
  float: left;
  display: inline;
  width: 150px;
}
div.graficos-legenda ul li.graficos-legenda-cor1, div.graficos-legenda ul li.graficos-legenda-cor2 {
  width: 16px;
  height: 16px;
  background: #f7d20a;
  display: block;
  margin-right: 10px;
}
div.graficos-legenda ul li.graficos-legenda-cor2 { background: #9ca6bd; }
/*------------ bom dia ----------------*/
div#log-usuario {
  position: absolute;
  right: 180px;
  background: #f8f8f8;
  color: #7886a4;
  padding: 3px 12px;
  font-weight: bold;
  text-align: right;
  top:87px;
  z-index:1;
}
div#log-usuario a.sair { color: #f38200 ; }
/*------------ ajuda ----------------*/
#icn-ajuda {
  display: block;
  margin: 10px 470px;
  width: 94px;
  height: 46px;
  position: absolute;
  top: 85px;
  background: url(../images/icn-ajuda.gif) no-repeat;
  text-indent: -99px;
  overflow: hidden;
  z-index:1;
}
/*------------ pop-conte�do ----------------*/
iframe.pop-help, iframe.pop-conteudo {
  position:absolute;
  top:150px;
  left:50px;
  width:520px;
  height:500px;
  border:none;
  display:none;
  z-index:0

}
iframe.pop-conteudo {
  top: 350px;
}
div.pop-help, div.pop-conteudo  {
  position: absolute;
  top: 100px;
  left: 50%;
  width: 800px;
  background: #FFFFFF;
  padding: 20px;
  border: 3px solid #3A88B6;
  font: 12px Verdana;
  color: #333;
  z-index: 1000;
  margin-left: -320px;

}
div.pop-conteudo  {
  top: 250px;
  background: #FFFFFF;
}
div.pop-help p, div.pop-conteudo p {
  margin: 10px 0;
}
div.pop-help h3, div.pop-conteudo h3 {
  margin: 15px 0;
  color: black;
}
div.pop-help span.titulo, div.pop-conteudo span.titulo {
  display: block;
  background: #fdd915;
  margin: -19px -19px 0 -19px;
  padding-left: 15px;
  height: 20px;
  font: bold 16px Verdana;
  color: #30478e;
}
div.pop-conteudo span.titulo {
  background: #9B9FA7;
  color: white;
  width: auto;
  font: bold 20px Verdana;
  line-height: 20px;
  padding: 5px;
}
div.pop-help span.fechar, div.pop-conteudo span.fechar {
  position: absolute;
  top: 1px;
  right: 5px;
  font: bold 24px Verdana;
  color: white;
  cursor: pointer;
}
div.pop-help div#retorno, div.pop-conteudo div#retorno {
  margin-top: 18px;
  font: 12px Verdana;
  color: #333;
}
table.noborder td {
  border-bottom: none;
}
DIV.aviso-aguarde {
  BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 10px; BACKGROUND: #FAF8DC; PADDING-BOTTOM: 10px;
  FONT: 12px Verdana; BORDER-LEFT: #999999 1px solid; COLOR: #333333; PADDING-TOP: 10px; BORDER-BOTTOM: #999999 1px solid
}
DIV.aviso-aguarde STRONG {
  FONT-WEIGHT: bold; COLOR: #CC0000
}
DIV.aviso-aguarde P {
  FONT: 12px Verdana;
  COLOR: #333333;
}
DIV.aviso-aguarde A {
  FONT: 12px Verdana;
  TEXT-DECORATION: underline;
}

DIV.aviso-aguarde2 {
  font-size:11px Verdana;
  BORDER-RIGHT: #CCC 1px solid;
  PADDING-RIGHT: 10px;
  BORDER-TOP: 0px;
  PADDING-LEFT: 10px;
  BACKGROUND: #FFF;
  PADDING-BOTTOM: 10px;
  BORDER-LEFT: #CCC 1px solid;
  PADDING-TOP: 10px;
  BORDER-BOTTOM: #CCC 1px solid;
  COLOR: #333;
}
DIV.aviso-aguarde2 STRONG {
  FONT-WEIGHT: bold; COLOR: #666666;
}
DIV.aviso-aguarde2 P {
  COLOR: #333333
}
DIV.aviso-aguarde2 A {
  TEXT-DECORATION: underline;
  COLOR: #FF8C00;
}
/* ---------------------- icones de acoes das mensagens -------------------------- */
div#message-buttons{
  float:left;
  width: 350px;
}
div.action-icons ul{
  height: 55px;
}
div.action-icons ul li {
  display: inline;
  width: 51px;
  background: #f8f8f8;
}
div.action-icons ul li a {
  font:11px Arial, Helvetica, sans-serif;
  text-align: center;
  float: left;
  width: 43px;
  padding: 2px 5px;
  color: #000000;
  border: 0px solid;
}
div.action-icons ul li a img{
  left:4px;
  float:left;
  position: relative;
}
/* ---------------------- icones de acoes dos contatos -------------------------- */
div#contacts-buttons{
  float:left;
  width: 350px;
}
div#contacts-actions ul{
  height: 55px;
}
div#contacts-actions ul li {
  display: inline;
  width: 51px;
  background: #f8f8f8;
}
div#contacts-actions ul li a {
  font: 11px Arial, Helvetica, sans-serif;
  text-align: center;
  float: left;
  width: 43px;
  padding: 2px 5px;
  color: #000000;
  border: 0px solid;
  z-index: 300;
}
div#contacts-actions ul li a img{
  left:4px;
  float:left;
  position: relative;
}
/* -------------------------------------------------------------------------------- */
ul.menu-toggle li {
  display: inline;
  line-height: 28px;
  font-weight: bold;
}
ul.menu-toggle li a {
  float: left;
  width:205px;
  background: url(../images/bg-aba-cinza.gif);
  color: #ffffff;
  padding: 3px 10px;
  border-right: 3px solid #f8f8f8;
  text-decoration: none;
}
ul.menu-toggle li a.selecionado, ul.menu-toggle li a:hover {
  background: url(../images/bg_azul.gif);
  text-decoration: none;
  color: #ffffff;
}
ul.menu-toggle li a.validation-error{
  border: 1px solid red;
  padding: 2px 10px;
  margin-right: 2px;
  text-decoration: none;
  color: #ffffff;
}
div.menu-toggle-line{
  clear:both;
  border-top: 1px solid #4378BE;
}
/* --------------------------------------------------------- */
div.contextHelpText, div.subitem-text{
  padding: 0px 5px 8px 5px;
}
p.largeLineBold{
  line-height: 60px;
  font-weight: bold;
}
/* ----------------------------------------------------------------- */
div.message_steps{
  height: 34px;
  width: 520px;
  display: inline;
}
div.message_steps ul li {
  display: inline;
  line-height: 25px;
}
div.message_steps ul li a.no-pointer {
  cursor: default;
}
div.message_steps ul li a {
  float: left;
  background: #d2d2d2;
  text-align: center;
  color: #ffffff;
  font: bold 11px Arial, Helvetica, sans-serif;
  width: 90px;
  padding: 8px 6px;
  border-right: 3px solid #f8f8f8;
  text-decoration: none;
  cursor: pointer;
}
div.message_steps ul li a.selecionado {
  background: #A2B9D1;
  text-decoration: none;
  color: #ffffff;
}
div.message_steps li a:hover {
  color: #ffffff;
}
div.message_steps ul li a.actual{
  border: 2px solid #666666;
  background: url(../images/bkg_btn_miolo.jpg) center repeat-x;
  margin-right: 3px;
  padding: 6px 10px;
  cursor: default;
}
div.message_cancel_button{
  float:right;
  padding:3px;
}
div.message_nextstep{
  text-align: right;
  height: 32px;
}
span.fieldname{
  FONT-WEIGHT: bold;
  padding-top: 20px;
  width: 95px;
  text-align: right;
}
div.fieldname{
  FONT-WEIGHT: bold;
  line-height: 35px;
  width: 130px;
  padding-right: 10px;
  text-align: right;
  float: left;
}
div.fieldname.contact{
  width: 170px;
}
span.underline{
  text-decoration: underline;
}
span.validation-error{
  FONT-WEIGHT: bold;
  COLOR: #FF0000;
}
span.negative-quota{
  color: red;
}
div.input-example{
  font-size: 11px;
  font-weight: normal;
  line-height: 11px;
  color:#666666;
}
div.disable-message-action{
  width:53px;
  height:55px;
  z-index:200;
  background-color: white;
  opacity:0.5;
  filter: alpha(opacity = 50);
  float:left;
  position:relative;
  top:-60px;
}
div.disable-contact-action{
  width:53px;
  height:55px;
  z-index:200;
  background-color: white;
  opacity:0.5;
  filter: alpha(opacity = 50);
  float:left;
  position:relative;
  top:-60px;
}
div.link_action {

}
.clearboth,.clr{
  clear: both;
}
/* --------------------------  cssdropdown ------------------------------- */
ul.cssdropdown {
   list-style: none;
}
ul.cssdropdown li.headlink {
  float: left;
  background-color: #385986;
  text-align: justify;
}
ul.cssdropdown li.headlink a {
  display: block;
  padding: 15px;
  color: #FFFFFF;
}
div.headbutton {
  cursor: default;
  background: url(../images/bkg_btn_miolo.jpg) center repeat-x;
  cursor: pointer;
  color: #FFFFFF;
  font: normal 13px Verdana;
  padding: 9px 7px;
}
ul.cssdropdown li.headlink ul {
  display: none;
  text-align: left;
}
.headlink .ul_group{
  display: none;
}
.headlink .ul_group:hover {
  display: block;
}
ul.cssdropdown li.headlink ul li{
  border-top: 1px #CCCCCC dashed;
}
ul.cssdropdown li.headlink ul li a {
  padding: 5px;
  height: 20px;
}
ul.cssdropdown li.headlink ul li:hover {
  background-color: #617DA5;
}
ul.cssdropdown ul li a:hover {
  text-decoration: none;
}
/* ----------------------------------------------------------------- */
img.image-arrow {
  border-left: 1px #DCDEE0 solid;
  width: 25px;
}
img.image-arrow2 {
  border-left: 1px #DCDEE0 solid;
  padding:0px;
  margin: 5px 0px;
}
img.image-arrow-white {
  border-left: 1px #DCDEE0 solid;
  padding: 5px;
}
img.image-arrow-in_table {
  border-left: 1px #DCDEE0 solid;
  padding:0px;
  margin: 4px 0px;
  width: 20px;
}
img.image-arrow-in_table-enabled {
  border-left: 1px #336666 solid;
  padding:0px;
  margin: 4px 0px;
  width: 20px;
}
img.image-arrow-in_table-enabled.small {
  height:14px;
  width:18px;
}
img.image-arrow-in_table.small {
  height:14px;
  width:18px;
}
.modal-extremehard{
  border:2px solid #3B6DAC;
  background-color: white;
  position:absolute;
  float:left;
  z-index:300;
  width:300px;
}
/*-------------- previewlink-right ---------------*/
div.previewlink-right{
  float: right;
  width: 50px;
  text-align:center;
}
div.previewlink-right a{
  font-size:11px;
}
div.previewlink-right a img{
  float: left;
  left: 4px;
  position:relative;
}
div.line-spacer{
  line-height: 5px;
}
div.context-menu {
  display:none;
  position:absolute;
  background-color:#FFFFFF;
  padding:5px;
  border: 1px solid #2F637B;
}
div.context-menu-home {
  font-size:10px;
  line-height:11px;
  width:220px;
  padding:5px;
}
div.context-menu img.seta-left{
  position:absolute;
  left:-9px;
}
div.context-menu img.seta-rigth{
  position:absolute;
  left:231px;
}
div.context-menu a{
  color:#2F637B;
}
div.arrow-create-new-message{
  float:left;
  width:150px;
  padding:8px 4px 8px 11px;
  display:block;
  background: url(../images/fundo-seta-home.gif) center left no-repeat;
  font:10px Arial, Helvetica, sans-serif;
  width:160px;
}
/*------------------- input file -------------------- */
.upload {
  position:relative;
  width:364px;
}
.realupload {
  position:absolute;
  top:0;
  right:0;

  /* start of transparency styles */
  opacity:0;
  -moz-opacity:0;
  filter:alpha(opacity:0);
  /* end of transparency styles */

  z-index:2; /* bring the real upload interactivity up front */
  width:160px;
  height:30px;
}
div.fakeupload {
  background:transparent url(../images/bg-bt-azul.gif) no-repeat scroll 208px 0px;
  color:#FFFFFF;
}
.fakeupload input {
  width: 198px;
  height: 20px;
  padding: 7px 2px 0px 2px;
}
/*-------------------------------------DIVs da home ------------------------------- */
div.box-blue {
  background-color: #E9F0F8;
  border: 1px solid #556E8D;
  margin-bottom: 10px;
}
div.box-blue-title{
  border-left: 1px solid #556E8D;
  border-right: 1px solid #556E8D;
  border-top: 1px solid #556E8D;
  background: url(../images/bg-verde-home.gif) center repeat;
  height: 20px;
  font: bold 15px Verdana;
  color: #FFFFFF;
  padding: 5px;
}
div.div-back-right{
  float:right;
  width:40px;
  font-size:11px;
  text-align:center;
}
div.div-home-left-1 {
  float:left;
  width:237px;
  font: bold 17px Verdana;
  padding: 10px;
}
div.float-left-and-padding{
  padding-left:15px;float:left;
}
div.assista{
  padding:5px 10px 0px 0px;
  float:right;
  font-size:11px;
  color:#444444;
}
div.assista .div-link{
  width:40px;
  text-align:center;
}
div.box-gray {
  background-color: #EDEDED;
  border: 1px solid;
  margin-bottom: 10px;
  font-size: 12px;
}
div.box-gray-title{
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  background: transparent url(../images/fundo-preto.jpg) repeat center;
  height: 18px;
  font: bold 15px Verdana;
  color: #FFFFFF;
  padding: 5px;
}
div.hr{
  border-top: 1px solid #AFBABE;
}
div.hr2{
  border-top: 1px solid #DFE1E6;
}
div.first-step-item{
  padding-top: 10px;
}
div.table-line{
  padding:0px 5px;
}
div.float-right{
  float:right;
  text-align:right;
}
li.list{
  list-style: disc;
  margin-left: 15px;
}
/*************************** Botao com imagem ******************************************/
div.botao {
  cursor: pointer;
  margin:0 auto;
  padding:0;
  color:#FFFFFF;
}
img.separador_passos {
  margin:15px 7px;
  float:left;
}
div.botao img.separador_passos {
  margin-top:20px;
}
div.botao div {
  float:left;
  _margin-left:1px;
  text-align:left;
  height:20px;
}
div.botao div.miolo {
  height:33px;
  background-color:#487BC0;
  margin-left:0px;
  float:left;
  background-image:url(../images/bg-azul-centro.gif);
  background-repeat:repeat-x;
  padding:1px;
}
div.botao div.lateral {
  background-image:url(../images/bg-azul-centro-hover.gif);
  float:left;
  width:1px;
  height:33px;
  margin-left:0px;
  margin-top:1px;
}

div.botao:hover div.miolo {
  background-image:url(../images/bg-azul-centro-hover.gif);
  background-repeat:repeat-x;
}
div.botao:hover div.lateral {
  background-image:url(../images/bg-azul-lateral-hover.gif);
}

div.label_botao {
  font-size:13px;
  font-family:verdana;
  font-weight:bold;
  color:#FFFFFF;
  margin-top:2px;
  padding-right:5px;
}
div.botao div img.pipe {
  height:21px;
  margin:5px 5px;
}
div.botao div img {
  float:left;
}
div.botao div div {
  margin-top:8px;
}
/***CAROUSEL****************************************************************************/
div.ajuda_video {
  padding:5px;
}
.item_carousel {
  overflow: hidden;
  float: left;
  width: 108px;
  height: 95px;
  text-align:left;
  padding:0 5px;
  overflow-x:hidden;
  overflow-y:hidden;
}
.item_carousel a, .item_carousel div {
  float:left;
}
.item_carousel div {
  padding-left:5px;
  padding-top:5px;
}
.item_carousel img {
  text-align:center;
  clear:both;
  padding-top:5px;
}
.item_carousel a, .item_carousel a:link, .item_carousel a:visited, .item_carousel a:hover {
  text-align:left;
  font-size:10px;
  text-decoration:none;
  outline:none;
}
.item_carousel a strong {
  color:#444444;
  font-size:11px;
}
.item_carousel_ativo, .item_carousel:hover {
  background-color:#e4f2f5;
}
.grupo_carousel {
  overflow: hidden;
  visibility: visible;
  position: relative;
  z-index: 2;
  left: 0px;
  float:left;
  height:105px;
  padding:0px 5px;
}
.anterior, .proximo {
  width:19px;
  display:block;
  float:left;
  cursor:pointer;
  text-indent:-999em;
  margin-top:20px;
  height:25px;
}
.anterior {
  background:transparent url(../images/icone-seta-left-black.gif) no-repeat scroll right 0;
}
.proximo {
  background:transparent url(../images/icone-seta-right-black.gif) no-repeat scroll left 0;
}
a.anterior.disabled {
  cursor:default;
  background:transparent url(../images/icone-seta-left-gray.gif) no-repeat scroll right 0;
}
a.proximo.disabled {
  cursor:default;
  background:transparent url(../images/icone-seta-right-gray.gif) no-repeat scroll left 0;
}
div.ask-questions-checkbox {
  padding:0px 0px 7px 7px;
}
div.ask-questions-checkbox span {
  font-weight: bold;
}
div.link-faq {
  background-color:#C9C9C9;
  padding-left:5px;
  padding-bottom:5px;
}
div.list-faq ul {
  padding:5px;
}
div.list-faq li {
  list-style: disc;
  margin-left: 12px;
  padding-top:5px;
}
div.link-faq a {
  text-decoration:underline;
}
ul.link-communication-channels li {
  font-weight: bold;
  padding-top:4px;

}
a.link-small {
  font-size: x-small;
  text-decoration:underline;
}
div.code-style {
  padding:10px;
  background-color:#FFFFFF;
  border: 1px dashed;
  font-size: x-small;
}
/*ceebox*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for ceebox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#cee_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}

#cee_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}

#cee_window a:link {color: #666666;}
#cee_window a:visited {color: #666666;}
#cee_window a:hover {color: #000;}
#cee_window a:active {color: #666666;}
#cee_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#cee_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.cee_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.cee_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

* html #cee_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#cee_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #3A88B6;
  text-align:left;
  top:50%;
  left:50%;
}

* html #cee_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#cee_window img#cee_Image, #cee_window object {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

#cee_window object {
}

#cee_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}

#cee_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}

#cee_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}

#cee_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}

#cee_title{
  background-color:#e8e8e8;
  height:27px;
}

#cee_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}

#cee_ajaxContent.cee_modal{
  padding:15px;
}

#cee_ajaxContent p{
  padding:5px 0px 5px 0px;
}

#cee_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #cee_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#cee_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}

* html #cee_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#cee_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}
/* ----------------------------------------------------------------------------------------------------------------*/
.filter-options {
  padding: 5px 10px 5px 0px;
  float:right;
}
div.hidden-submit{
  height:0px;
  width:0px;
  position:absolute;
  overflow:hidden;
}
div.display-none {
  display:none;
}

#div_msg_html  {
  clear:left;
  background:#FFFFFF;
  border: 1px solid #AAAAAA;
  display:block;
}
#div_msg_html p  {
  line-height:normal;
}
.with_bullets li{
  list-style: inside;
}
a.feedback-tab {
  background-color:#FF0000;
  display:inline-block;
  margin-top:-45px;
  right:0px;
  padding: 5px;
  position:fixed;
  top:50%;
  z-index:10;
}