/* GERAL */
HTML, BODY { height:100%; }
BODY {
	position:relative;
	margin:0;
	padding:0;
	background:#e9e9e9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444;
}
P { margin:0 0 15px 0; }
.bold { font-size:14px; font-weight:bold; letter-spacing:-1px; word-spacing:2px; }

IMG { vertical-align: middle; border: none; }





/* LINKS */
A { text-decoration:none; color:#666; }
A:hover { text-decoration:none; color:#3257A7; }

.voltar A { font-size:14px; font-weight:bold; letter-spacing:-1px; word-spacing:2px; color:#2E4668; }
.voltar A:hover { text-decoration:none; color:#FF7D06; }

.paginacao { color:#999; }
.paginacao A { color:#3486C2; }
.paginacao A:hover { color:#FF7D06; }





/* FORMULARIOS */
FORM { margin:0; padding:0; }
LABEL { font-size:14px; color:#000; cursor: pointer; }
INPUT, SELECT, BUTTON { box-sizing: border-box; display: inline-block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; line-height: 1; vertical-align: middle; }
TEXTAREA { box-sizing: border-box; }
.txt { margin:0; padding:8px; color:#000; border:1px solid #aaa; background:#fff; }
.btn { display: inline-block; margin:0; padding:6px 12px; width:auto; overflow:visible; font-size:14px; font-weight:bold; color:#3257A7; letter-spacing:-1px; word-spacing:2px; cursor:pointer; background: linear-gradient(to bottom, #fff, #ccc); border: 1px solid #bbb; border-radius: 2px; line-height: 1; vertical-align: middle; }
.btn:hover { color: #E27910; background: linear-gradient(to bottom, #fff, #ddd); border: 1px solid #999; }
.btn:disabled, .btn[disabled] { color: #777 !important; background: linear-gradient(to bottom, #fff, #ccc); border: 1px solid #bbb; opacity: 0.7; }
.btn IMG { margin: 0; padding: 0; border: none; vertical-align: middle; }
.btn2 { margin:0; padding:1px 5px; width:auto; overflow:visible; font-size:12px; color:#000; cursor:pointer; }
.btn-big { padding:10px 15px; font-size:16px; }
.aviso { color: #fff; background: #d00; padding: 10px; }

.txt:disabled, .txt[disabled], .txt[readonly] { color:#666; border:1px solid #eee; background:#eee; }

::-webkit-input-placeholder { color:#777; }
:-ms-input-placeholder { color:#777; }
:-moz-placeholder { color:#777; }
.placeholder { color:#777; }




/* TITULOS */
h1 { position:relative; margin:0 0 10px 0; padding:0; font-size:18px; font-weight:normal; letter-spacing:-1px; word-spacing:2px; color:#003989; }
h2 { position:relative; margin:0 0 10px 0; padding:0; font-size:16px; font-weight:bold; letter-spacing:-1px; word-spacing:2px; color:#003989; }
h3 { position:relative; margin:0 0 10px 0; padding:0; font-size:14px; font-weight:bold; color:#003989; border-bottom:1px solid #ddd; }
h4 { position:relative; margin:0 0 10px 0; padding:0; font-size:14px; font-weight:bold; color:#003989; }
h5 { position:relative; margin:0 0 10px 0; padding:0; font-size:14px; font-weight:bold; color:#003989; border-bottom:1px solid #ddd; }
h6 { position:relative; margin:0 0 10px 0; padding:0; font-size:14px; font-weight:bold; color:#003989; }



/* TABELAS/LISTAGEM */
.t_titulo { background:#BBCAE3; }
.t_titulo TD { padding:5px 8px; font-weight:bold; color:#000; }

.t_titulo_serv { background:#fff; }
.t_titulo_serv TD { padding:5px 8px; font-weight:bold; color:#000; }

.t_sub_titulo_serv { background:#e5e5e5; }
.t_sub_titulo_serv TD { padding:5px 8px; color:#000; }

.t_linha { background:#fff; cursor:default; }
.t_linha_over { background:#ffffe5; cursor:default; }
.t_linha TD, .t_linha_over TD, TD.t_linha { padding:5px 8px; }
.t_linha TD.opt, .t_linha_over TD.opt { width:16px; padding:2px 4px; text-align:center; }

.t_r { background:#fcc; } /* red */
.t_g { background:#cfc; } /* green */
.t_b { background:#acf; } /* blue */

.t_c { background:#bef; } /* cyan */
.t_c2 { background:#c2e1eb; } /* cyan */
.t_m { background:#fdf; } /* magenta */
.t_y { background:#ffb; } /* yellow */
.t_y2 { background:#ffffe3; } /* yellow */
.t_k { background:#ddd; } /* black */
.t_k2 { background:#e5e5e5; } /* black */

.t_o { background:#fda; } /* orange */

.tbl_suporte { margin:0; background:#eee; border:1px solid #ccc; }

.card { margin: 20px 0 0 0; padding: 15px; border: 1px solid #bbb; border-radius: 2px; }






/* CHAT ATENDIMENTO */
.chat {
	height: 90px;
    text-align: right;
}




.publicidade-ticket { margin:15px 0; padding:8px 10px; border:2px solid #d00; border-radius:5px; }
.publicidade-ticket A { color:#000; }
.publicidade-ticket A:hover { color:#555; }
.publicidade-ticket .cor { color:#d00; }





/* VISUAL */
#d_corpo { display:block; position:relative; min-height:100%; width:1010px; margin:0 auto; background:#fff; min-height:100%; }

#d_cabecalho { display:block; position:relative; height:110px; background:url('../imagens/bg-topo.png') repeat-x; }
#d_cabecalho .logo { float:left; margin:10px 0 0 29px; }
#d_cabecalho .titulo { float:left; display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center; width:152px; height:110px; margin:0 30px; background:rgba(0,57,137,0.1); }
#d_cabecalho .titulo .flaticon { font-size:32px; line-height:1; color:#fff; text-shadow:0 2px 2px rgba(0,57,137,0.2); }
#d_cabecalho .titulo h2 { margin:5px 0 0 0; font-size:14px; line-height:1; color:#3f71b7; font-weight:normal; text-transform:uppercase; letter-spacing:-1.5px; text-shadow:0px 1px 1px rgba(0,57,137,0.3); }
#d_cabecalho .banner { float:left; display:flex; justify-content:center; align-items:center; flex-direction:column; width:600px; height:90px; margin:10px 0 0 0; text-align: center; overflow:hidden; }

#d_menu { position:relative; margin:0; padding:0; text-align:center; border-bottom:2px solid #d5d5d5; }
#d_menu UL { display:block; position:relative; margin:0; padding:0; list-style:none; z-index:4; }
#d_menu UL LI { display:inline-block; vertical-align:bottom; position:relative; margin:0; padding:0; list-style:none; }
#d_menu UL LI A { display:inline-block; margin:0 5px; padding:3px 10px; font-size:12px; font-weight:bold; color:#777; text-decoration:none; border-bottom:4px solid #e5e5e5; }
#d_menu UL LI A:hover { border-bottom:4px solid #003989; color:#333; text-decoration:none; }

#d_menu UL LI.notificacao { margin: 0 0 0 10px; }
#d_menu UL LI.notificacao A { position: relative; padding: 8px 5px 5px 5px; border: none; font-size:14px; font-weight:bold; letter-spacing:-1px; color: #333; opacity: 0.7; }
#d_menu UL LI.notificacao A:hover { opacity: 1; }
#d_menu UL LI.notificacao A .flaticon { display: inline-block; margin: 0 0.1em 0 0; font-size: 1.5em; font-weight: normal; line-height: 1; vertical-align: middle; color: #aaa; }
#d_menu UL LI.notificacao A .numero { position: absolute; top: 10%; left: 0; padding: 0.09em 0.33em; font-size: 0.8em; font-weight: bold; letter-spacing: 0; line-height: 1; color: #fff; background: #333; border-radius: 50%; box-shadow: 1px 1px 0 0 rgba(0,0,0,0.4); }

#d_menu UL LI.notificacao.on A { opacity: 1; }
#d_menu UL LI.notificacao.on A:hover { opacity: 0.7; }

#d_menu UL LI.notificacao.on A .flaticon { color: #3F71B7; }
#d_menu UL LI.notificacao.on A .numero { background: #EF8721; }

#d_conteudo { display:block; position:relative; margin:0; padding:20px 20px 35px; z-index:1; }
#d_conteudo .form { margin:0 0 15px 0; padding:15px; background:#f5f5f5; box-shadow: 0 2px 10px -2px rgba(0,0,0,0.2); }

#d_conteudo UL#ajuda { position:relative; margin:5; padding:0; list-style:none; }
#d_conteudo UL#ajuda LI { position:relative; margin:5px 0; padding:0; }

#d_conteudo #d_explicacao { display:block; position:relative; margin:0 0 20px 0; padding:0; z-index:1; }


/* rodape */
#d_rodape { position:absolute; display:block; width:100%; left:0; bottom:0; }



/* .flaticon:before { margin: 0 !important; font-size: inherit !important; } */






.notificacao-destaque { position: absolute; width: 130px; height: 46px; top: 105px; right: calc(50% - 415px); box-shadow: 0 0 0 9000px rgba(0,0,0,0.7); border-radius: 50%; pointer-events: none; z-index: 1000; }
.notificacao-arrow { position: absolute; top: -60px; right: 160px; color: #ef8721; transform: rotate(35deg); z-index: 1000; }
.notificacao-arrow .flaticon { font-size: 150px; }
.notificacao-text { position: absolute; top: 80px; right: 250px; width: 300px; padding: 20px; border-radius: 5px; color: #000; background: #fff; font-size: 16px; text-align: center; z-index: 1000; }
.notificacao-close { position: absolute; top: 65px; right: 575px; width: 30px; height: 30px; border-radius: 50%; color: #fff; background: #c00; font-size: 30px; line-height: 1; text-align: center; z-index: 1000; pointer-events: all; cursor: pointer; }
.notificacao-close:hover { color: #fff; background: #f00; }





/* UTEIS */
.clear { clear:both; }
.noborder { border:0; }
.nomargin { margin:0; }
.nopadding { padding:0; }





@media screen and (max-width: 1649px){
	.banners-laterais {
		margin: 50px 0 100px 0;
		text-align: center;
	}

	.banner-lateral-esq {
		display: inline-block;
		margin: 0 100px 0 0;
	}

	.banner-lateral-dir {
		display: inline-block;
	}
}

@media screen and (min-width: 1650px){
	.banner-lateral-esq {
		position: absolute;
		top: 30px;
		right: calc(50% + 520px);
	}

	.banner-lateral-dir {
		position: absolute;
		top: 30px;
		left: calc(50% + 520px);
	}
}

@media screen and (min-width: 1690px){
	.banner-lateral-esq {
		right: calc(50% + 540px);
	}

	.banner-lateral-dir {
		left: calc(50% + 540px);
	}
}