@charset "UTF-8";
/* CSS Document */

/* ------------------------ GERAL ----------------------- */

body { font-size: 14px;}

.container, .wizard {width: 960px;}
body {min-width: 960px;}

.box .container {width: 800px;}
.box-pequeno .container {width: 400px;}
.painel.mapa iframe{height:578px;}

/* ------------------------ GRID ----------------------- */

.largura100 { width: 100%;}
.largura90  { width: 90%; }
.largura85  { width: 85%; }
.largura80  { width: 80%; }
.largura75  { width: 75%; }
.largura70  { width: 70%; }
.largura67  { width: 67.5%; }
.largura66  { width: 66.6%; }
.largura65  { width: 65%; }
.largura60  { width: 60%; }
.largura55  { width: 55%; }
.largura50  { width: 50%; }
.largura48  { width: 48.75%; }
.largura47  { width: 47.5%; }
.largura45  { width: 45%; }
.largura40  { width: 40%; }
.largura37  { width: 37.5%; }
.largura33  { width: 33.3%; }
.largura30  { width: 30%; }
.largura25  { width: 25%; }
.largura20  { width: 20%; }
.largura15  { width: 15%; }
.largura10  { width: 10%; }
.largura5  { width: 5%; }

.largura100, .largura90, .largura85, .largura80, .largura75, .largura70, .largura66, .largura65,
.largura60, .largura55, .largura50, .largura47, .largura45, .largura40, .largura37, .largura33,
.largura30, .largura25, .largura20, .largura15, .largura10, .largura5 {
	padding:0px; margin:0px; }

.margem_direita_2ponto5 {margin-right:2.5%}
.margem_esquerda_2ponto5 {margin-left:2.5%}
.margem_direita_5 {margin-right:5%}
.margem_esquerda_5 {margin-left:5%}

.borda_direita { border-right: 1px dashed #ccc; }
.borda_esquerda { border-left: 1px dashed #ccc; }

.painel .modulo.largura100, .painel .modulo.largura90, .painel .modulo.largura85, .painel .modulo.largura80,
.painel .modulo.largura75, .painel .modulo.largura70, .painel .modulo.largura67, .painel .modulo.largura66,
.painel .modulo.largura65, .painel .modulo.largura60, .painel .modulo.largura55, .painel .modulo.largura50,
.painel .modulo.largura47, .painel .modulo.largura45, .painel .modulo.largura40, .painel .modulo.largura33,
.painel .modulo.largura30, .painel .modulo.largura25, .painel .modulo.largura20, .painel .modulo.largura15,
.painel .modulo.largura10, .painel .modulo.largura5 { padding:0px 0.5%; margin:0px; }

.painel .modulo.margem_direita_2ponto5 {margin-right:0.5%}
.painel .modulo.margem_esquerda_2ponto5 {margin-left:0.5%}
.painel .modulo.margem_direita_5 {margin-right:3%}
.painel .modulo.margem_esquerda_5 {margin-left:3%}


td .campo.largura100 { width: 100%;}
.campo.largura100 { width: 98%;}
.campo.largura90  { width: 88%; }
.campo.largura85  { width: 83%; }
.campo.largura80  { width: 78%; }
.campo.largura75  { width: 73%; }
.campo.largura70  { width: 68%; }
.campo.largura66  { width: 64%; }
.campo.largura60  { width: 58%; }
.campo.largura50  { width: 48%; }
.campo.largura45  { width: 43%; }
.campo.largura40  { width: 38%; }
.campo.largura33  { width: 31.3%; }
.campo.largura30  { width: 28%; }
.campo.largura25  { width: 23%; }
.campo.largura20  { width: 18%; }
.campo.largura18  { width: 16%; }
.campo.largura15  { width: 13%; }
.campo.largura12  { width: 10%; }
.campo.largura10  { width: 8%; }

.campo.largura100, .campo.largura90, .campo.largura85, .campo.largura80, .campo.largura75,
.campo.largura70, .campo.largura66, .campo.largura60, .campo.largura50, .campo.largura45,
.campo.largura40, .campo.largura33, .campo.largura30, .campo.largura25, .campo.largura20,
.campo.largura18, .campo.largura15, .campo.largura12, .campo.largura10 { padding: 0px !important; margin:6px 1% 6px 1% !important; float:left; }

.margem_superior_pequena {margin-top:10px}
.margem_inferior_pequena {margin-bottom:10px}
.margem_superior_media {margin-top:18px}
.margem_inferior_media {margin-bottom:18px}
.margem_superior_grande {margin-top:24px}
.margem_inferior_grande {margin-bottom:24px}
.margem_superior_gigante {margin-top:50px;}
.margem_inferior_gigante {margin-bottom:50px;}

.padding_superior_pequeno {padding-top:10px}
.padding_inferior_pequeno {padding-bottom:10px}
.padding_superior_medio {padding-top:18px}
.padding_inferior_medio {padding-bottom:18px}
.padding_superior_grande {padding-top:24px}
.padding_inferior_grande {padding-bottom:24px}
.padding_superior_gigante {padding-top:50px;}
.padding_inferior_gigante {padding-bottom:50px;}



/* ------------------------ CONFIGURAÇÕES GERAIS ----------------------- */

h4 {font-size: 1.3em;}

.home .largura67 {width:64.5%}
.home .largura30 {width:33%}

.home h2 {margin-bottom:7px;}

.home .painel {width:47%;  *width: 45%;  float:left; margin:0px 0px 0px 0px; padding:2%; padding-top:0px; }
.home .painel+.painel {padding-left: 0px; padding-top:15px;}
.home .painel.destaque+.painel {padding-left:2%; display:block; }
.home .painel.destaque {padding:0px; width:100%; border-width:0px 0px 1px 0px; }
.home.login .destaque.painel, .home.act .painel.destaque, .home.framework .painel.destaque, .home.pdde .painel.destaque,
.home.sas .painel.destaque, .home.scad .painel.destaque, .home.sdk .painel.destaque, .home.signer .painel.destaque  { width:60%; }
.home.login .painel.destaque .marcador { top: 44px; }
.home .painel.destaque h6 {padding: 7px 17px 9px 25px; background-position: 7px 8px; font-weight:normal;}
.home.mobile .painel.destaque h6 {font-weight:bold;}
.home .painel.servico_home {padding: 6px 5px 0px 5px; width:100%; float:left; margin:0px; margin-top:27px;}
.home .painel.servico_home .observacao {width: 175px;}

.home .painel .modulo {height: 192px;}
.home .painel .modulo.largura15 {width:32%; margin:0px; width: 32%; }
.home .painel .modulo.largura80 {width:66%; margin:0px; width: 66%;}
.home .painel .modulo.largura15 .conteudo, .home .painel .modulo.largura80 .conteudo {padding:10px;}
.icone_coleta, .icone_certificacao {left: 10px; top: 10px; background-size: 80px 80px;}

.destaque_home h3 {
    width: 460px;
    margin-bottom: 20px;
}

.destaque_home .botao_laranja { margin-top: 30px; }

.menu_usuario { z-index: 1 !important; }

.menu_login,
.menu_usuario {
	*position: static !important;
	*margin-top: -112px;
}

.menu_superior span {
	float: right;
	margin-top: 4px;
}

.cabecalho > .container { display: table; }

.cabecalho .titulo_app { min-width: 11%; }

.menu_app .slogan { display: none;}

.menu_app > ul {
    height: 32px;
    margin-top: 30px;
}


.cabecalho .menu_app {display: none;}
.cabecalho .menu_app.lateral {display: block; top: -32px;}
.cabecalho .menu_app.lateral.aberto {display: block; top: -32px; padding-left: 12px; }
.cabecalho .menu_app.lateral #fechar_menu {display: inline-block;}

.cabecalho .mobile_header {
    display: table-cell;
}

.cabecalho .mobile_header #abrir_menu {
    width: 5%;
    display: table-cell;
    float: none;
    border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
}

.cabecalho .mobile_header .slogan {
    width: 95%;
    display: table-cell;
    vertical-align: top;
    padding: 7px 14px;
    background-color: #e3e3e0;
    border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
}

.act .menu_app { *left: -128px !important; }
.framework .menu_app { *left: -50px !important; }
.framework .menu_app .slogan { *width: 690px !important; }
.pdde .menu_app { *left: -112px !important; }
.scad .menu_app { *left: -112px !important; }
.sas .menu_app { *left: -126px !important; }
.sdk .menu_app { *left: -126px !important; }
.signer .menu_app { *left: -92px !important; }
.sas .menu_app li.home a, .scad .menu_app li.home a, .pdde .menu_app li.home a, .act .menu_app li.home a,
.sdk .menu_app li.home a, .signer .menu_app li.home a, .framework .menu_app li.home a,
.sas .menu_app li.dashboard a, .scad .menu_app li.dashboard a, .pdde .menu_app li.dashboard a, .act .menu_app li.dashboard a,
.sdk .menu_app li.dashboard a, .signer .menu_app li.dashboard a, .framework .menu_app li.dashboard a { width: 0px !important; }
.sas .menu_app li.home, .scad .menu_app li.home, .pdde .menu_app li.home, .act .menu_app li.home,
.sdk .menu_app li.home, .signer .menu_app li.home, .framework .menu_app li.home,
.sas .menu_app li.dashboard, .scad .menu_app li.dashboard, .pdde .menu_app li.dashboard, .act .menu_app li.dashboard,
.sdk .menu_app li.dashboard, .signer .menu_app li.dashboard, .framework .menu_app li.dashboard { width: 38px !important; }
.menu_app .dropdown {font-size:1.0em;}
.menu_app .dropdown {font-size:1.0em;}
.menu_app li a, .menu_app li span {padding: 6px 8px 5px 8px;}
.sem_login .menu_app {*margin-left: 0px; *margin-top: 30px;}


.checklist .titulo_checklist {
	width: 100%;
	border-bottom: 1px solid #dedede;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.modulo.passo {height: 104px;}

.numero_grande {padding: 12px 25px 10px 17px;}
.coluna .margem_conteudo, .painel .margem_conteudo, .modulo .margem_conteudo, .margem_conteudo, .conteudo {padding: 15px; !important;}
.margem_conteudo .wizard { top:-17px; left:-16px; }

.coluna .margem_container_passos, .painel .margem_container_passos, .modulo .margem_container_passos { padding:15px 15px 0px 15px !important; }

.marcador_painel .margem_conteudo { background-position: left 8px; }


.campo.com_validacao .validacao { width: 120px !important; }

.campo.periodo .componente input[type="text"] { width: 37%; }

.campo.cifrao .componente input[type="text"] { width: 64%; }

.banners {width:910px !important; overflow:hidden;}
.retornar {left: -20px;}
.avancar {right: -20px;}
.retornar, .avancar {width: 28px;}

.campo.erro .icone_mensagem  {  *z-index: 999999;  }

.carteira { height: 80px; }

.coluna_botao .show_hide { right: -45px; }


.coluna.botao_associacao { padding-top: 209px; }
.coluna.botao_associacao ul li input { width: 32px; }
.coluna.botao_associacao ul li input.botao_esquerda { right: -2px; }
.coluna.botao_associacao ul li input.botao_direita { left: -2px; }


.card.vantagem img {
    display: block;
    margin: -2px auto 9px;
    width: 40%;
}

.card.vantagem img { margin: -2px auto 9px; }


.seletores ul .botao { font-size: 0.9em; }

/*--------- CONSULTA ----------*/

.ui-chkbox .ui-chkbox-box { *border: none !important; }

.coluna_botao .botao_pesquisa { *height: 28px; }

.grid thead th, .grid tbody td, .grid tfoot td {padding: 8px 6px !important;}
.grid tbody td ul.lista-botoes li input { padding: 7px 14px 13px !important; }


/*--------- CONSULTA PHP ----------*/

.dojoxGridPaginator {
/**/width: 66% !important;
/**/margin-left:34% !important;
}


/*----------- BILLING ----------*/

.billing .grid.resumo tr td:first-child {background-position: 16px center;}

.billing .lista_campos.destaques { left: -21px; }

.billing .margem_conteudo {padding:21px;}

.grid.marcador_linha tr td:first-child {
	background-position:5px 12px;
}

.seletores ul { font-size: 1.0em; }


/*--------- DASHBOARD ----------*/

.dashboard .modulo.largura100 { width: 99%; }

.dashboard .modulo.pequeno .painel { height: 257px; *height: 264px; }
.dashboard .modulo.grande .painel { height: 533px; *height: 564px; }

.dashboard .modulo h4 { margin-bottom: 4px; }

.dashboard .modulo .painel .conteudo .valor { margin: 0 0 0 3px; }

.dashboard .modulo.totais.largura100 .painel { height: 96px; }
.dashboard .totais.largura100 .total { height: 70px;}

.dashboard .modulo.totais.largura50 .painel { height: 114px; }
.dashboard .totais.largura50 .total { height: 88px;}

.dashboard .totais .total h2 {font-size: 1.7em;}
.dashboard .modulo.totais.largura100 .painel {height: 66px !important;}

.dashboard .modulo .grid thead th {font-size:0.95em;}
.dashboard .totais .total h1 { font-size: 3em; }

.dashboard .modulo.pequeno .conteudo { height: 214px; }
.dashboard .modulo.grande .conteudo { height: 490px; }

/*--------- NOVA HOME -----------*/

.ios .formulario,
.mobile .formulario,
.ios .servico .separador_horizontal,
.mobile .servico .separador_horizontal { display: none; }

.autenticado .ios .aviso_mobile,
.autenticado .mobile .aviso_mobile,
.autenticado .ios .formulario.aviso_mobile,
.autenticado .mobile .formulario.aviso_mobile { display: inline-block !important; }

.lista_servicos .servico .centro { width: 260px; }

.lista_servicos .servico .formulario { width: 261px; }

.cabecalho+.lista_funcionamento .funcionamento br { display: none; }

.transparente .marcador { top: 7px; }

.transparente .marcador + h2 { margin-bottom: 0px; }

.lista_funcionamento p,
.lista_vantagens .vantagem h3,
.lista_vantagens .vantagem h3+div,
.servico .separador_horizontal { width:82%; }
.lista_servicos .transparente .servico { padding:30px 26px; }

.servico h3 { font-size: 1.5em; }

.servico .formulario { max-width: 260px; }
.lista_servicos .servico .formulario .observacao, .home .servico_home .observacao { width: 163px; }

.autenticado .lista_servicos .servico .icone_servico { margin-bottom: 30px; }

.lista_servicos .servico .separador_horizontal { width: 100%; }

.servico .formulario .campo .ui-selectonemenu label { max-width: 83%; }

#slider .owl-item .slide.abertura .slide-conteudo li div.imagem { width: 40%;}
#slider .owl-item .slide.abertura .slide-conteudo li div.texto {
	width: 55%;
	padding: 0px 5% 0px 0px;
	font-size: 1.55em;
}

#slider .owl-item .slide.duas-colunas .slide-conteudo li div { padding: 30px 43px 0 25px; }
#slider .owl-item .slide.tres-colunas .slide-conteudo li div { padding: 30px 25px 0;}


.painel.intro .card .margem_conteudo { max-height: 137px; }

.painel.intro.ordenado .card .margem_conteudo { max-height: 162px; }

/*--------- AJUSTES IE ----------*/

body { font-size: 13.5px; color: #333;}

.painel, h1, h2, h3 { color: #222; }

.titulo_app .nome, h1, h2, h3, .botao_pequeno, .botao_medio, .botao_grande,
.menu_app li a, .menu_app li span, .valor, .mensagem_titulo, .campo label,
.dropdown ul li a, .dropdown ul li span, .campo_visualizacao label,
.campo_visualizacao strong, .campo_visualizacao h4 strong, td strong,
.dashboard .modulo .grid thead th, .lista_campos li.principal,
.billing .compra .campo_total strong {
	font-weight:normal !important;
}

.lista_campos li.principal {color:#000;}

.menu_app {font-size:1.1em;}
.menu_app .dropdown {font-size:0.9em;}

.home .painel .modulo.largura15 { width: 30%; margin-right:2%;}
.icone_coleta, .icone_certificacao {left:0px;}

.botao_grande {letter-spacing:0px !important;}
.mensagem_titulo {font-size:1.5em !important;}
.campo_visualizacao label, .campo_visualizacao strong {font-size:1.05em; color:#000;}
.campo_visualizacao h4 {font-size:1.45em;}
.billing h4 {font-size:1.35em; font-weight:normal;}
.billing .marcador_painel h4 {font-size:1.5em; font-weight:normal;}


.abas > ul, .corpo .dashboard { background-color: #e5e3de;}
.abas > ul li a, .dashboard .barra_titulo a { background-color: #d6d3ca;}
.billing .grid td {font-size: 0.88em;}

.modulos_produtos ul li .modulo_produto,
.modulos_produtos ul li .modulo_produto:hover { height: 180px !important; }

.home .modulos_home.transparente .modulo h3 { margin-left: -15px; }