html, body, form, #wrap { cursor:default; font-family:"calibri"!important; font-size:12px !important; line-height:1.5!important;  height:100%;}
body > #wrap {height:auto; min-height:100%;}

p, label, strong {color: #6e6f71;}
input, textarea, select { border:1px solid #d8d8d8 !important; color:#565756 !important; padding:3px 3px 3px 5px !important; resize: none !important;}
strong { font-weight:bold !important;}
a { text-decoration:none;}
a:hover { text-decoration:underline !important; cursor: pointer !important;}
.link {color: #0066CC !important; cursor: pointer;}
.link:hover {text-decoration: underline;}
.ui-widget-content { color: #6e6f71!important;}

/*******************************************************************
TOPO	
********************************************************************/

/* LOGIN */

.topo-acesso { width: 962px; margin: auto !important; clear: both; overflow: auto; min-height: 140px!important;}
.topo-acesso .texto-cadastrar { float: left !important;}
.topo-acesso .texto-cadastrar .cadastrar { height: 90px; width: 340px; float: left !important; border-radius: 8px; padding-top: 44px; }
.topo-acesso .texto-cadastrar .cadastrar a p { font-size: 12px !important; text-align: center !important;}
.topo-acesso .texto-cadastrar .cadastrar a p:first-child { font-weight: bold !important; margin-top: -4px; font-size: 21px!important;}
.topo-acesso .login {float:right; overflow: hidden; width: 595px; border-radius: 8px}
.topo-acesso .login .tabela-login { width: 600px; height: 45px; }
.topo-acesso .login .tabela-login tbody tr td {vertical-align: middle;}
.topo-acesso .login .tabela-login tbody tr td p { margin-left: 3px !important; font-size:12px; color:#fff !important;}
.topo-acesso .login .tabela-login tbody tr td input {margin-right:8px;}
.topo-acesso .login .tabela-login tbody tr td a { color:#fff !important;}
.topo-acesso .login .tabela-login tbody tr td .botao-ok {cursor: pointer; margin-right: 10px; padding: 4px 6px; border-radius: 5px; transition: all .5s;}
.topo-acesso .login .tabela-login tbody tr td .botao-ok:hover { text-decoration: underline;}
.topo-acesso-home .info-logado .cesta-compras:hover { cursor:pointer !important;}
.topo-acesso-home .info-logado .cesta-compras img {position: absolute; right: 0; top: 0;}
.topo-acesso-home .info-logado .cesta-compras .cesta-vazia {position: absolute !important; right: -47px !important; top: 27px !important;}
.topo-acesso-home .info-logado .cesta-compras label { bottom: -7px; right: -43px; position: absolute;  font-size: 10px !important; width: 90px; }
.topo-acesso-home .info-logado .cesta-compras .cesta-vazia:hover {text-decoration: underline; cursor: pointer;}

.barra-login .tabela-login tr td img {margin-right: 12px;}
p.texto-login {color:#fff !important;}  

/* VALIDACAO */
#box-validacao-old {margin-left: 362px !important;background-color: white;color: white;padding: 9px;height: 176px;}
#box-validacao-old h1 {color: rgb(140,198,63);}
#box-validacao-old .conteudobox-validacao-old {position: relative;}
.conteudobox-validacao-old .validadeLogin {margin-top: -42px;margin-left: 315px;visibility:visible !important;}
.conteudobox-validacao-old .validacao {width: 277px;visibility:visible !important;margin-left: 12px;}
.conteudobox-validacao-old .validacao .inputs {width: 126px;}
.conteudobox-validacao-old .validacao .inputs input {width: 104px;}
.conteudobox-validacao-old .button-validacao {background: white; border: medium none; border-radius: 3px;  color: rgb(140,198,63);  float: left; font-size: 13px; font-weight: bold; margin-left: 18px; margin-top: 35px;  padding: 8px 15px; cursor: pointer;}
.conteudobox-validacao-old .botaovalidar-old {float: left; margin-left: 181px; margin-top: 56px;}
.contrastButtons {visibility:hidden !important;}

/* LOGIN COOPERA */
.cor-background { color: #5a2d87; }

/* LOGADO */

.topo-acesso-home { width: 960px; margin: 0px auto !important; clear: both; overflow: hidden; margin-bottom:15px !important;}
.topo-acesso-home .info-logado { float:left; width: 420px; height: 55px; line-height: 1.3;}
.topo-acesso-home .info-logado table { width: 389px; height: 44px; position: relative; }
.topo-acesso-home .info-logado table tr .info-usuario { width: 320px; position: absolute; left:10px;margin-top:12px; font-size: 12px!important; top: -7px!important;}
.cesta-compras { position: absolute; top:8px; right:-5px;}
.topo-acesso-home .logado-botoes { float:right; margin-top:7px;}

.topo-acesso-home .logado-botoes .menu-logado {line-height: 1.1!important;}
.topo-acesso-home .logado-botoes .menu-logado label {position:relative; font-size: 10px !important; text-align:center; top:15px!important; margin-left: 7px!important;}
.topo-acesso-home .logado-botoes .menu-logado li {  display: block; float:left; margin: 0 0px 0 15px; font-size: 10px; text-align: center !important;}
.topo-acesso-home .logado-botoes .menu-logado li a span { font-size: 12px !important; font-weight:bold;}

.topo-acesso-home .logado-botoes .menu-logado li a span:hover { text-decoration:underline;}
.topo-acesso-home .logado-botoes .menu-logado li a .inicio {left: 35px; top: 15px; }
.topo-acesso-home .logado-botoes .menu-logado li a .premios {left:21px; top: 15px;}
.topo-acesso-home .logado-botoes .menu-logado li a .extrato {left: 51px; top: 15px; }
.topo-acesso-home .logado-botoes .menu-logado li a .inicio, .topo-acesso-home .logado-botoes .menu-logado li a .premios, .topo-acesso-home .logado-botoes .menu-logado li a .extrato,.topo-acesso-home .logado-botoes .menu-logado li a .premio  { position: absolute; font-size: 13px!important;}
.topo-acesso-home .logado-botoes .menu-logado li:FIRST-CHILD p { font-size: 8px !important; text-align: center; }
.topo-acesso-home .logado-botoes .menu-logado li p:FIRST-CHILD { margin-top: 5px;}
.topo-acesso-home .logado-botoes .menu-logado li:FIRST-CHILD {width: 180px; height: 45px;}
.topo-acesso-home .logado-botoes .menu-logado li {width: 155px;  height: 45px; position: relative;}
.sicoobcard div .topo-acesso-home .logado-botoes .menu-logado li a .premios {left:3px; top: -2px;}

/*MENU*/

.menu { display:block;  overflow:hidden; position: absolute; width: 960px;}
.menu li { float:left; padding:3px 0 3px 0; margin-top:5px; margin-bottom:4px; border-left: #fff solid 1px!important;}
.menu li:FIRST-CHILD {border:none!important;}
.menu li a {font-size:12px; margin:0 10px 0 10px; text-decoration:none; }
.menu li a:hover { text-decoration:underline!important;}

/*Menu Dropdown */
.ui-menubar .ui-menuitem-link { width: 14rem !important; }
.outros-cartoes {clear: both; left: 47.6%; top: 153px; margin: auto; position: absolute; width: 140px; z-index: 1000 !important;}
@media(max-width: 600px) {
    .outros-cartoes {clear: both; left: 48.4%; top: 153px; margin: auto; position: absolute; width: 140px; z-index: 1000 !important;}
}
.outros-cartoes div { position:absolute; height:50px; left:2px; width: 135px; padding: 0px !important; background: none; padding: 0 !important;}
.unicred .outros-cartoes div { left:2px !important;}
.unicred .outros-cartoes .ui-menu .ui-menu-list .ui-menuitem { top: 23px !important; }
.unicred .outros-cartoes .cartao-unicred { left: 7px !important; }
.outros-cartoes div .ui-menuitem-link { bottom: 0 !important;  height: 100% !important; left: 1px !important; position: relative !important; id: 170px !important;}
.outros-cartoes div .ui-icon { display: none !important;}
.outros-cartoes div .ui-state-hover { background: none !important; border: none !important;  -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;   }
.outros-cartoes div .ui-menu-list {position: static;}
.outros-cartoes div .ui-menu-list .ui.menuitem { background: none !important;}
.outros-cartoes div ul li ul {width: 300px !important; }
.outros-cartoes div ul li ul li table {width: 290px !important;}
.outros-cartoes div ul li ul li table tbody{ padding-left: 20px !important}
.outros-cartoes div ul li ul li table tbody tr td { padding: 5px !important; margin-left: 40px!important;float: left; height: 50px;}
.outros-cartoes div ul li ul li table tbody tr td img {margin-left: 5px !important;}
.outros-cartoes div ul li ul li table tbody tr td strong { font-size: 10px !important; margin-left: 5px !important; }
.outros-cartoes div ul li ul li table tbody tr td strong a:hover { text-decoration: underline !important;}
.ui-menu .ui-menu-list .ui-menuitem {top:-2px!important;}

/*******************************************************************
CONTEUDO
********************************************************************/
.texto-destaque-faleconosco {font-weight:bold!important; color: #6e6f71 !important}
#conteudo {clear: both; overflow: hidden; margin:auto; border-radius: 8px;}
#conteudo-template {padding-bottom: 15px; clear: both; overflow: hidden; margin: 0 auto 0 auto;}

/* Home Logado */

.conteudo-pagina { min-height: 275px; width: 958px; margin:auto;}
.conteudo-extrato {margin-left: -2px;}
.conteudo-pagina .img-index {height: 240px; width: 270px; margin: 15px 30px 15px 30px; float: left; }
.conteudo-pagina .banner-index {float: right; height: 240px; width: 540px; margin: 15px 30px 15px 30px; }

/*Tela incial */

.informativos {float:right; position:relative; overflow:hidden; font-size: 15px;}
.informativos table {width:100%;}
.informativos table tr td p { color: #113a40 !important; font-weight: bold !important;}
.informativos table tr .barra {width: 600px; height: 45px; padding-bottom: 33px !important;}
.informativos table tr .img-1 { width: 165px; height: 245px; padding-right: 15px; border-radius: 10px;}
.informativos table tr .img-2 { width: 165px; height: 245px; padding-right: 15px;border-radius: 10px;}
.informativos table tr .img-3 { width: 165px; height: 245px;  padding-left: 16px !important;border-radius: 10px;}
.informativos table tr .img-1 p:FIRST-CHILD { right:445px !important; bottom:36px !important; position: absolute;  font-size: 14px !important;}
.informativos table tr .img-2 p:FIRST-CHILD { right:252px !important; bottom:36px !important; position: absolute;  font-size: 14px !important;}
.informativos table tr .img-3 p:FIRST-CHILD { right:24px !important; bottom:36px !important; position: absolute;  font-size: 14px !important;} 
.informativos table tr .barra p { right:107px !important;  top:13px !important; position: absolute; text-align: center; font-size: 15px;}
.informativos table tr .img-1 p { right:445px !important; bottom:20px !important; position: absolute; font-size: 14px !important;}
.informativos table tr .img-1 .sicoob-texto { right:454px !important; bottom:20px !important; position: absolute; font-size: 14px !important;}
.informativos table tr .img-2 p { right:266px !important; bottom:20px !important; position: absolute; font-size: 14px !important;}
.informativos table tr .img-3 p { right:46px !important; bottom:20px !important; position: absolute;  font-size: 14px !important;}

/* Cadastro mudar para float-direito */

.float-direito-cadastro { width: 600px; margin-top:10px; height:560px; overflow: hidden; float: right;}
.float-direito-cadastro .menu-cadastrar  { width: 190px; height: 560px; float: left; margin-right: 10px; padding: 60px 0 0 10px;}
.float-direito-cadastro .menu-cadastrar label {width: 175px; display: block;}
.float-direito-cadastro .menu-cadastrar ul { width: 175px; font-size: 10px; margin: 27px 0 0 10px;}
.float-direito-cadastro .etapa-cadastro {position:relative;  width: 390px; height: 560px; margin: 0px; overflow-y: hidden; overflow-x: hidden;}
.float-direito-cadastro .etapa-cadastro h1 { color:#113a40; font-weight: bold;  margin: 10px 0 10px 0px;}
.float-direito-cadastro .etapa-cadastro .confirmacao-dados tbody tr td strong { margin-left: 10px !important; font-size: 11px !important;}
.float-direito-cadastro .formulario-cadastrar p, .float-direito-cadastro .formulario-cadastrar span label { font-size: 10px !important; margin: 6px 6px 6px 6px !important;}

/* Catalago */

.texto_mais_detalhes {font-size: 10px !important; width:60px; height:15px; display: block;}
.detalhe-produto { width: 670px;}
.detalhe-produto tr td { vertical-align: middle !important; color: #1A1A1A; border: none !important;}
.detalhe-produto tr td a {color: #fff !important;}
.detalhe-produto p {width: 450px!important; text-align:justify!important;}
.detalhe-produto .padding-botoes { padding: 10px 0 10px 0 !important;}

.table-radio {margin: 10px 0 10px 45px; text-align: center; border: none !important;}
.table-radio tr td { padding: 5px !important;}
.table-radio tr td label { color:#113A40; font-weight: bold;}

/* Cartoes Participantes */

.cartoes-participantes tr td { padding: 20px 20px 0 55px;}
.cartoes-participantes tr td:FIRST-CHILD { padding: 10px 20px 0 55px;}
.cartoes-participantes tr td span { display: block; width: 162px; height: 30px; text-align:center; font-size: 10px;  }
.cartoes-participantes tr td span img { margin: 5px 0 0 5px; }
.cartoes-participantes tr td span label { font-size: 11px !important; }
.cartoes-participantes-texto label { font-weight: bold !important;}

/* Cesta */

.dialog-finalizartroca {width: 750px!important; height:auto!important; top:70px!important;}
.dialog-finalizartroca table {height: auto!important;}

.dialog-finalizartroca table tbody tr td{vertical-align: middle !important;}
.dialog-finalizartroca p  {margin-bottom: 15px!important;font-size: 12px!important;}
.dialog-finalizartroca label { font-size: 12px!important;}
.text-dialog-extrato {overflow-y:auto; width: 715px; height: 200px; border: 1px solid #cccccc;}
.text-dialog-extrato p {margin: 10px!important;}
.text-dialog-extrato-azul {overflow-y:auto; width: 715px; height: 100px; border: 1px solid #cccccc;}
.text-dialog-extrato-azul p {margin: 10px!important;}

.dialog-extrato {width:850px!important; padding-bottom: 20px!important; top:15%!important; background: #FFFFFF !important;}
.dialog-extrato .listagem-datatable {margin:20px 0!important;}
.dialog-extrato .listagem-datatable table tfoot {border:1px solid #C0C0C0 !important;}
.dialog-extrato .listagem-datatable table tfoot tr td {padding: 3px !important; border: none!important;}
.dialog-extrato .listagem-datatable table tfoot tr td .ui-dt-c {font-size: 11px; margin-right: 5px; padding: 0 !important;text-align: right; color: #565756;}

/* Extrato */

.dialog-visPedido-tab tr td label:first-child{ color: #04373B !important; font-weight: bold;}
.dialog-visPedido-tab tr td {border: medium none !important;}

.img-produto-extrato { width: 150px !important;}
.img-produto-extrato img { width: 70px !important;}

.img-produto-extrato label { left: 90px; position: absolute; top: 35px;}

.info-detalhamento-extrato {width: 380px !important;}
.info-detalhamento-extrato tr td {border: 1px solid #cdcdcd;}
.info-detalhamento-extrato td{padding: 2px;}
.info-detalhamento-extrato p {color:#999999!important;}
.info-detalhamento-extrato h1 {color: #8e2800; font-weight: bold;}
.info-detalhamento-extrato a {color: #002a4b!important; cursor: pointer;}
.info-detalhamento-extrato a:hover{text-decoration: underline;}

.img-print-dialog {display: none!important;}
.imprimir-dialog-tabela {display: none!important;}
.tabelas-dialog-extrato {float: left; width: 820px; padding-bottom: 20px; margin-top: 20px;}
.hack-ie7-busca {display: none;}
.imprimir-header-tab-extrato {display: none;}
.imprimir-tela-extrato-tabela {display: none;}
.render-pontos-vencer {float: right; width: 300px; margin-top: -10px;}
.imprimir-pontos-vecer {display: none;}
.pontos-serem-liberados-print {display: none;}
.icone-alerta-imprimir {display: none!important;}
.header-cesta-print {display: none!important;}
.footer-dialog-extrato{display: none!important;}
.footer-dialog-cesta {display: none;}
.dialog-extrato-alinhamento-detelhe{border: 2px solid #CCCCCC; height: auto; padding-left: 10px; padding-bottom:200px; padding-top: 10px; width: 828px;}
.mais-detalhes {font-size: 10px; color:#0066CC !important; cursor: pointer;}

.sumir-linha {display: none!important;}

/* Fale conosco */
.float-direito .faleconosco label {margin-right: 5px;}

/* Parceiro */
.img-parceiros {margin-left: 10px; margin-top:10px;}
.fundo-parceiros {height: 348px;overflow: auto;}
.fundo-parceiros h1 {font-size: 20px; font-weight: bold; margin-left: 15px;  margin-top: 15px;}
.parceiros-img {float: left; margin-left: 20px; margin-top: 40px;}
.fundo-parceiros table {border-collapse: separate; border-spacing: 10px;margin-left: 20px;}
.fundo-parceiros table tr td {padding: 5px;text-align: center !important;  vertical-align: middle; width: 160px; height: 70px}
.fundo-parceiros table tr td div { margin: auto!important;}
.img-parceiros div {height: 60px; margin-left: 20px; margin-right: 20px; width: 105px;}
.img-semparceiros {font-size: 16px;}

/* Vitrine */
.vitrine table tbody tr td img {width: 100%;}
.vitrine table tbody tr td span {font-size: 10px;}
.vitrine .banner-vitrine tbody tr td img {width: 76%!important; margin-left: 65px;}
.vitrine .produto-multiplus {width: 80%!important;}
.vitrine .multiplus-a {color:#4F4F4F !important;}
.dimensao6 tbody tr td {padding: 10px; width: 165px!important;}
.dimensao6 td img {width: 59% !important;}

.produtovitrine {background:#f4f4f4 !important; float: left; height: 300px; margin-right: 24px; width: 215px; margin-top: 0px;}
.botao-cartoes  span {background: #16af9e; color: #fff !important; float: right; font-size: 11px; font-weight: bold; margin-right: 3px; margin-top: 3px; padding: 3px 15px;}
.produtoscreditofatura {float: left; height: 259px; margin-right: 9px; margin-top: 15px; width: 146px;}
.produtovitrine .titulo-vitrine {float: left; margin-left: -3px; height: 50px; position: relative; width: 221px;margin-top: -66px;}
.produtovitrine .titulo-vitrine h1 {color: #fff; font-size: 15px; font-weight: bold; margin-top: 12px; text-align: center;}
.produtoscreditofatura span {color: #004554!important; float: left; font-size: 20px; font-weight: bold; line-height: 1; text-align: center !important; width: 100%;}
.produtoscreditofatura p {color: #16b4a5 !important; font-size: 18px; text-align: center;}
.creditofatura h2 {color: #004554; font-size: 23px; font-weight: bold;}
.creditofatura {float: left; height: 360px; margin-top: 30px; width: 950px; overflow: auto;}
.produtosvitrine {margin-top:65px; margin-right: 14px;}
.produtosvitrine button, .produtosvitrine input[type="submit"], .produtosvitrine input[type="button"]{ margin: auto auto 15px; display: block !important; border: none!important; cursor:pointer;}
.texto_mais_detalhes {font-size: 10px !important; margin-left: 0px !important; margin-top: 10px !important; padding: 4px 8px !important; width:auto!important; height:auto!important;}

.produtovitrine .precaver {float: left; margin-left: 50px !important; margin-top: 10px !important;}


/* Primeiro acesso */
.alinhamento-ajuda {position: absolute; right: 75px; top: 99px;}
.etapa-cadastro table {margin-left:10px; width: 360px;}


/* Float Esquerdo */

.float-esquerda {float:left; width: 340px; height:320px; position: relative; background-color: #eaece9 !important; border-radius: 8px}
.float-esquerda .texto-padrao {padding: 18px!important; text-align: justify;}
.float-esquerda .texto-padrao p {margin-bottom: 5px;}
.float-esquerda .texto-padrao strong {display: block; font-size: 18px !important; text-align: left !important;}

/* Float Direito */

.float-direito .padrao-texto textarea {resize: none!important; }
.float-direito .padrao-texto, .vitrine {margin-left: 10px; margin-right: 10px; margin-top: 10px;}
.float-direito .padrao-texto h1 { color: #1a1a1a !important; font-size: 12px; margin: 15px 0 15px 0;}
.float-direito .padrao-texto h2, .float-direito .padrao-texto h2 a { color: #1a1a1a !important; font-size: 12px; margin-top:10px;  margin-bottom: 10px; font-weight: bold; text-decoration:none !important;}
.float-direito .padrao-texto h2 a:hover {text-decoration: underline !important;}
.float-direito .padrao-texto, .vitrine p { color: #1a1a1a !important; font-size: 12px!important;}
.float-direito .padrao-texto strong { color: #1a1a1a !important; font-weight: bold; }
.float-direito .padrao-texto strong, .regulamento .texto-sicoob p { color: #1a1a1a !important; font-size: 10px !important; margin: 10px 0 10px 10px !important; }
.float-direito .padrao-texto ul { margin: 20px 0 20px 60px !important; }
.float-direito .padrao-texto ul li { list-style-type: disc; font-size: 12px !important }
.float-direito .padrao-texto ol { margin: 20px 0 20px 60px !important; }
.float-direito .padrao-texto ol li { list-style-type: decimal; font-size: 12px; }
.float-direito .padrao-texto a {color:#FFF; }
.float-direito .padrao-texto div p a {color:#0000ee !important; text-decoration: none !important; }
.float-direito .padrao-texto div p a:hover {text-decoration: underline !important; }
.float-direito .padrao-texto label {margin-left:100px; margin-top: 50px; }
.float-direito {float:right; width: 600px !important; height:320px !important; overflow-x: hidden; overflow-y: auto; border-radius: 8px;}
.float-direito-cartoes {float:right; width: 600px!important;  height:320px !important; overflow-x: hidden; margin-bottom:15px!important;}

/* Mensagem */

.mensagem-alerta { background: #FFFCEC; border: solid 1px #BFBCAC !important; margin: -4px 5px 0 0; width:455px; margin-right: 5px;}
.mensagem-alerta tbody tr td, .mensagem-alerta-pontos-vencer tbody tr td { padding: 5px !important;}
.mensagem-alerta .ui-widget-content, .mensagem-alerta-pontos-vencer .ui-widget-content  {background:none;}
.mensagem-alerta-cesta {margin-bottom:15px; width:99%;}
.mensagem-alerta-cesta tbody tr td { padding: 5px !important; float: left!important; margin-left: 5px;}

.mensagem-alerta-pontos-vencer {background: #FFFCEC; border: solid 1px #BFBCAC !important;  margin-left: -160px; margin-bottom: 20px; float:left; width:448px; }


/* Manutencao */

.info-manutencao {color: #3E403A !important; float: left; line-height: 1.3; margin-top: 35px;}
.info-manutencao h1 {font-size: 34px;}
.info-manutencao  p {font-size: 22px;}
.img-manutencao {float: left; margin-top: 121px; margin-left: 6px;}
.faixas{background: url("../resources/img/manutencao/faixa.png") repeat-x!important;}

/* Tooltip*/

.tooltip-ajuda, .ui-tooltip { padding:5px !important; width:200px; background:#FFFFFF !important}


/* Captcha*/

.codigo-confirmacao-ativo-sicoob {background: #f8f8f8 !important; border: 1px solid #cccccc !important; position: relative; float: left; margin-bottom: 15px; width: 310px; margin-top: 10px; height: 122px; margin-left: 34px; }

.codigo-confirmacao-ativo b { font-size: 14px; color: #333 !important; margin-bottom: 20px; margin-right: 10px; margin-left: 20px; margin-top: 16px; display: block;}

.codigo-confirmacao-ativo input { height: 18px; float: left; width: 100px; margin-left: 20px;}

.codigo-confirmacao-ativo img { cursor: pointer; padding: 2px 0px 2px 0px; vertical-align: top; }

.kaptchaimg { float: left; margin: -2px 2px; height: 36px; width: 90px; }

.etapa3 .codigo-confirmacao-ativo {margin-left: 18px;}
.etapa3  .botoes {padding-bottom: 15px !important;}

.box-captcha {border: 1px solid #cccccc !important; background: #f8f8f8 !important; height: 117px; margin-left: 186px; margin-right: 51px; margin-bottom: 23px;}
.box-captcha .box-tips {width: 180px; margin: 24px 10px 20px 22px;}
.box-captcha .box-tips p {font-size: 14px; color: #333 !important}
.box-captcha .box-img {width: 120px; height: 50px; margin-left: 219px; margin-top: -82px;}
.box-captcha .box-field {height: 34px; width: 122px; margin-left: 221px;}
.box-captcha .box-field input {height: 18px; width: 100px; margin-top: -2px;}

.dialog-box-container{min-height: 495px;  position: relative;  width: 800px !important; border: 1px solid #ccc;}
.dialog-box-content {white-space: normal!important;}
.dialog-box-content p {float: left; font-weight: bold; margin-bottom: 25px; width: 705px; color:#333;}
.dialog-box-content .img-computador {float:left; margin-right:15px;}
.dialog-box-content li {margin-top:15px; color:#333;}
.dialog-box-close {cursor: pointer; display: inline-block; float: right; font-size: 26px; font-weight: normal; margin-left: 20px; color:#333!important;}
.dialog-box-close:hover {color:#333!important;}


/*******************************************************************
BOTOES
********************************************************************/
.botoes a, .botoes input { display:inline-block; font-size: 10px !important; margin: 5px 0; padding: 4px 20px!important; }
.botoes input:hover {text-decoration: underline; cursor:pointer;}
.dialog-extrato-alinhamento-detelhe .botoes {float:left!important;}

/*******************************************************************
LISTAGEM
********************************************************************/

.listagem-produtos table tfoot tr:FIRST-CHILD {display: none!important;}
.listagem-datatable h1 { border:1px solid red; padding: 10px 0 5px 10px; text-align: center; border-radius: 7px 7px 0 0; vertical-align: middle;}
.listagem-datatable { margin: 40px 0 40px 0;}
.listagem-datatable table tbody tr td, .listagem-datatable thead tr th { font-size: 12px !important; }
.listagem-datatable table thead tr th, .listagem-datatable thead tr th {font-weight: bold !important; font-size: 12px !important;}
.listagem-datatable table tfoot tr td, .listagem-datatable thead tr th {font-weight: bold !important; font-size: 12px !important; padding: 3px 0 3px 0 !important; vertical-align: center !important;}
.listagem-datatable table tfoot tr td, .listagem-datatable thead tr th a {cursor:pointer; font-size:11px; margin:0 10px 0 0 !important; padding:5px 10px 4px 10px!important; }
.listagem-datatable table tfoot tr td, .listagem-datatable thead tr th a:hover {text-decoration: none;}

.listagem-ponto-bloqueados table tbody tr td {padding: 3px;}
.listagem-ponto-bloqueados table thead tr th {padding: 4px 0px 4px 10px!important; font-weight: bold !important; font-weight: bold !important;}
.listagem-ponto-bloqueados table thead tr {font-weight: bold !important; font-size: 12px !important; padding: 4px 10px 4px 10px !important;}
.listagem-ponto-bloqueados table thead tr td { padding: 4px 10px 4px 10px !important;}
.listagem-ponto-bloqueados { width: 455px; float: left; margin-top: 5px; margin-bottom: 40px;}
.listagem-ponto-bloqueados table tbody .ui-widget-content {border:none!important;}
.listagem-ponto-bloqueados table tbody .ui-widget-content {border:1px solid #a8a8a8!important;}


.listagem-ponto-vencer { width: 455px; float: right; margin-top: 9px; margin-bottom: 40px; margin-right: 5px;}
.listagem-ponto-vencer table tbody tr td {padding: 3px;}
.listagem-ponto-vencer table thead tr th {padding: 4px 0px 4px 10px!important; font-weight: bold !important;}
.listagem-ponto-vencer table thead tr {font-weight: bold !important; color: #565756 !important; font-size: 12px !important; padding: 4px 10px 4px 10px !important;}
.listagem-ponto-vencer table thead tr td { padding: 4px 10px 4px 10px !important;}
.listagem-ponto-vencer table tbody .ui-widget-content {border:1px solid #a8a8a8!important;}

.formulario tbody tr td, .listagem-produtos tbody tr td {vertical-align: middle !important;}

.listagem-produtos { width: 100%; margin-top: 15px;}
.listagem-produtos thead tr {font-size: 12px !important; padding: 4px 10px 4px 10px !important;}
.listagem-produtos thead tr td { text-align: center !important; border-right: none;}
.listagem-produtos tbody tr td {vertical-align: middle !important;}

.foot-listagem-produtos { padding: 5px !important;}
.formulario, .listagem-produtos {width: 100%!important;}

/*******************************************************************
RODAPE
********************************************************************/

#rodape { height:35px; clear:both; position:relative; margin-top:-35px; text-align:center; width:100%; }
#rodape .conteudo-rodape { width: 960px; margin: 0 auto 0 auto;}
#rodape .conteudo-rodape .texto-rodape  { margin: 10px 10px 0 0; float:right;}
#rodape .conteudo-rodape .texto-rodape a , #rodape .conteudo-rodape .texto-rodape span  { font-size: 11px; color:#003746; }
#rodape .conteudo-rodape .texto-rodape a:hover  { text-decoration:underline; color:#003746; }

/********************************************************
BANNER
*********************************************************/

.nivoSlider { position:relative; width:100%; height:auto; overflow: hidden;}
.nivoSlider img { position:absolute; top:0px; left:0px; max-width: none;}
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important;}
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0;}
.nivo-box { display:block; position:absolute; z-index:5;overflow:hidden;}
.nivo-box img { display:block; }
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
.nivo-caption p { padding:5px; margin:0;}
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none;}
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer;}
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px;}
.nivo-controlNav { display: none !important;}
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../../resources/img/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {background-position:-30px 0;right:15px;}
.theme-default a.nivo-prevNav {left:15px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a { color:#fff;border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover { color:#fff;}
.theme-default .nivoSlider a { border:0; display:block;}
.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider { position:relative; background:#fff url(../../resources/img/geral-sistema/loading.gif) no-repeat 50% 50%; margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }

/*******************************************************************
BIBLIOTECA
********************************************************************/

.display-block {display: block!important;}
.display-inline {display: inline!important;}
.position-relative {position: relative !important;}
.position-absolute {position: absolute !important;}
.height-0{height:0px!important;}

/* Floats*/

.float-left { float: left!important;}
.float-right { float: right!important;}

/* Grid */

.grid-26  { width:  26px !important; }
.grid-50  { width:  50px !important; }
.grid-60  { width:  60px !important; }
.grid-79  { width:  79px !important; }
.grid-82  { width:  82px !important; }
.grid-87  { width:  87px !important; }
.grid-93  { width:  93px !important; }
.grid-115 { width: 115px !important; }
.grid-120 { width: 120px !important; }
.grid-123 { width: 123px !important; }
.grid-150 { width: 150px !important; }
.grid-180 { width: 180px !important; }
.grid-200 { width: 200px !important; }
.grid-255 { width: 255px !important; }
.grid-285 { width: 285px !important; }
.grid-300 { width: 300px !important; }
.grid-310 { width: 310px !important; }
.grid-505 { width: 505px !important; }
.grid-570 { width: 570px !important; }
.grid-610 { width: 610px !important; }
.grid-620 { width: 620px !important; }

/* margin*/

.margin3l { margin-left:3px !important;}
.margin5l { margin-left:5px !important;}
.margin10l { margin-left:10px !important;}
.margin15l { margin-left:15px !important;}
.margin20l { margin-left:20px !important;}
.margin21l { margin-left:21px !important;}
.margin-364 {margin-right: -364px!important;}
.margin40l { margin-left:40px !important;}
.margin50l { margin-left:50px !important;}
.margin64l { margin-left:64px !important;}
.margin78l { margin-left:78px !important;}
.margin108l { margin-left:108px !important;}
.margin130l { margin-left:130px !important;}
.margin163l { margin-left:163px !important;}
.margin215l { margin-left:215px !important;}
.margin325l {margin-left: 325px!important;}

.margin-97l { margin-left:-97px !important;}
.margin-195l { margin-left:-195px !important;}

.margin0b { margin-bottom:0px !important;}
.margin10b { margin-bottom:10px !important;}
.margin20b { margin-bottom:20px !important;}
.margin30b { margin-bottom:30px !important;}

.marginr-0 { margin-right:0px!important;}
.margin5r { margin-right:5px !important;}
.margin10r { margin-right:10px !important;}
.margin12r { margin-right:12px !important;}
.margin15r { margin-right:15px !important;}
.margin20r { margin-right:20px !important;}
.margin28r { margin-right:28px !important;}
.margin40r { margin-right:40px !important;}
.margin55r { margin-right:55px !important;}
.margin60r {margin-right:60px!important}
.margin67r {margin-right:67px!important}
.margin72r {margin-right:72px!important}
.margin220r {margin-right:220px!important}

.margin-5t { margin-top:-5px !important;}
.margin4t { margin-top:4px !important;}
.margin5t { margin-top:5px !important;}
.margin10t { margin-top:10px !important;}
.margin12t { margin-top:12px !important;}
.margin15t { margin-top:15px !important;}
.margin20t { margin-top:20px !important;}
.margin25t { margin-top:25px !important;}
.margin30t { margin-top:30px !important;}
.margin35t { margin-top:35px !important;}
.margin40t { margin-top:40px !important;}
.margin42t { margin-top:42px !important;}
.margin65t { margin-top:65px !important;}
.margin70t { margin-top:70px !important;}

.margin-20t { margin-top:-20px !important;}

/* input-size */

.input-size-26 { width: 26px !important;}
.input-size-80 { width: 85px !important;}
.input-size-85 { width: 85px !important;}
.input-size-95 { width: 95px !important;}
.input-size-102 { width: 102px !important;}
.input-size-110 { width: 110px !important;}
.input-size-115 { width: 115px !important;}
.input-size-140 { width: 140px !important;}
.input-size-160 { width: 160px !important;}

.align-center { text-align: center !important;}
.align-left { text-align: left !important;}
.align-right { text-align: right !important;}

.height-alerta{height: 11px!important;}

.height-alerta{height: 11px!important;}

/* padding */

.padding-5l { padding-left: 5px !important;}
.padding-15l {padding-left:15px !important;}
.padding-130l {padding-left:130px !important;}

.padding-40t {padding-top:40px !important;}

/********************************************************
BANNER
*********************************************************/

.nivoSlider { position:relative; width:100%; height:auto; overflow: hidden;}
.nivoSlider img { position:absolute; top:0px; left:0px; max-width: none;}
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important;}
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0;}
.nivo-box { display:block; position:absolute; z-index:5;overflow:hidden;}
.nivo-box img { display:block; }
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
.nivo-caption p { padding:5px; margin:0;}
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none;}
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer;}
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px;}
.nivo-controlNav { display: none !important;}
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../resources/img/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {background-position:-30px 0;right:15px;}
.theme-default a.nivo-prevNav {left:15px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a { color:#fff;border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover { color:#fff;}
.theme-default .nivoSlider a { border:0; display:block;}
.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider { position:relative; background:#fff url(../resources/img/geral-sistema/loading.gif) no-repeat 50% 50%; margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }


/*********************************************
Sessao expirada
**********************************************/

.sessaoexpirada {background-color: #f4f4f4; height: 100%; min-height: 100%; position: absolute; width: 100%;  margin: auto 0;}
.sessaoexpiradaconteudo {margin-bottom: auto; margin-left: auto; margin-right: auto; margin-top: 20%;  width: 370px;}
.sessaoexpiradaconteudo h1 {color: #5e5e5e; float: right; font-size: 32px; font-weight: bold; margin-right: 8px;}
.sessaoexpiradaconteudo h2 { color: #5e5e5e; float: right; font-size: 16px; line-height: 1.2; margin-right: 48px;margin-top: -4px;}
.sessaoexpiradaconteudo img {float: left;  margin-right: 10px;  margin-top: -5px;  width: 27%;}

/*******************************************************************
PRIMEFACES
********************************************************************/

.ui-widget-header { background: none !important; text-shadow: none!important; }
.ui-widget-content {background:none; border: none!important;}
.produtos-vitrine .ui-button {border: none!important;}
.ui-widget {font-family:"calibri"!important;}
.ui-panel .ui-panel-content {padding: 0px!important;}
.ui-state-default {box-shadow:none!important;}
.ui-dialog .ui-dialog-content {background:#FFFFFF!important;}
.ui-panelgrid td { border: none !important; padding: 4px 2px!important; vertical-align: middle!important;}
.ui-datepicker {background: #FFFFFF !important;}
.ui-datatable table {width: 100%!important;}
.ui-dialog .ui-dialog-titlebar { background-color: #F5F5F5 !important;}
.ui-selectonemenu-panel .ui-selectonemenu-list {background: #fff !important;}
.ui-messages-error-summary {color:#6e6f71!important;}

/*********************************************
HACK CHROME
**********************************************/

@media screen and (-webkit-min-device-pixel-ratio:0){
.informativos table tr .barra { padding-bottom: 34px !important;}
.icone-alerta {height: 23px!important;}
.dialog-finalizartroca p {margin-bottom: 5px!important;}
/*.alinhamento-ajuda { position:absolute; right: 100px; top: 70px;}*/
.vitrine .ui-panel .ui-panel-content  { background:  #f5f5f5 !important; }

}

.botao-continuar-cesta { margin-left: 10px!important; float: left!important;}
.botao-finalizar-cesta { margin-right: 10px!important; float: right!important;}
.extrato-mensagem-alerta { float: right!important; margin-right:5px!important; margin-top:5px!important; }

.acesso-tipo-cartao { text-align: right!important; }
.acesso-div-1 { margin-top:70px!important; }
.acesso-botao-1 { margin-left:50px!important; float: left!important; }
.acesso-botao-2 { margin-right:60px!important; float: right!important; }

.displayunicred {display:none!important;}