/*  Projeto: Site CCB Banco Inter - Data: 20/10/2015 */
/* open Sans */
@font-face {
	font-family: 'open_sansregular';
	src: url("/javax.faces.resource/opensans-regular-webfont.eot.jsf?ln=font");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/opensans-regular-webfont.woff2.jsf?ln=font")
		format('woff2'),
		url("/javax.faces.resource/opensans-regular-webfont.woff.jsf?ln=font")
		format('woff'),
		url("/javax.faces.resource/opensans-regular-webfont.ttf.jsf?ln=font")
		format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Roboto */
@font-face {
	font-family: 'robotoblack';
	src: url("/javax.faces.resource/roboto-black-webfont.eot.jsf?ln=font");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-black-webfont.woff2.jsf?ln=font") format('woff2'),
		url("/javax.faces.resource/roboto-black-webfont.woff.jsf?ln=font") format('woff'),
		url("/javax.faces.resource/roboto-black-webfont.ttf.jsf?ln=font") format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotobold';
	src: url("/javax.faces.resource/roboto-bold-webfont.eot.jsf?ln=font");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-bold-webfont.woff2.jsf?ln=font") format('woff2'),
		url("/javax.faces.resource/roboto-bold-webfont.woff.jsf?ln=font") format('woff'),
		url("/javax.faces.resource/roboto-bold-webfont.ttf.jsf?ln=font") format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotobold_condensed';
	src: url("");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-boldcondensed-webfont.woff2.jsf?ln=font")
		format('woff2'),
		url("/javax.faces.resource/roboto-boldcondensed-webfont.woff.jsf?ln=font")
		format('woff'),
		url("/javax.faces.resource/roboto-boldcondensed-webfont.ttf.jsf?ln=font")
		format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotocondensed';
	src: url("/javax.faces.resource/roboto-condensed-webfont.eot.jsf?ln=font");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-condensed-webfont.woff2.jsf?ln=font")
		format('woff2'),
		url("/javax.faces.resource/roboto-condensed-webfont.woff.jsf?ln=font")
		format('woff'),
		url("/javax.faces.resource/roboto-condensed-webfont.ttf.jsf?ln=font")
		format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotolight';
	src: url("/javax.faces.resource/roboto-light-webfont.eot.jsf?ln=font");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-light-webfont.woff2.jsf?ln=font") format('woff2'),
		url("/javax.faces.resource/roboto-light-webfont.woff.jsf?ln=font") format('woff'),
		url("/javax.faces.resource/roboto-light-webfont.ttf.jsf?ln=font") format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotomedium';
	src: url("/javax.faces.resource/roboto-medium-webfont.eot.jsf?ln=font");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-medium-webfont.woff2.jsf?ln=font") format('woff2'),
		url("/javax.faces.resource/roboto-medium-webfont.woff.jsf?ln=font") format('woff'),
		url("/javax.faces.resource/roboto-medium-webfont.ttf.jsf?ln=font")
		format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotoregular';
	src: url("/javax.faces.resource/roboto-regular-webfont.eot.jsf?ln=font");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-regular-webfont.woff2.jsf?ln=font")
		format('woff2'),
		url("/javax.faces.resource/roboto-regular-webfont.woff.jsf?ln=font") format('woff'),
		url("/javax.faces.resource/roboto-regular-webfont.ttf.jsf?ln=font")
		format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotothin';
	src: url("/javax.faces.resource/roboto-thin-webfont.eot.jsf?ln=font");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-thin-webfont.woff2.jsf?ln=font") format('woff2'),
		url("/javax.faces.resource/roboto-thin-webfont.woff.jsf?ln=font") format('woff'),
		url("/javax.faces.resource/roboto-thin-webfont.ttf.jsf?ln=font") format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Play */
@font-face {
	font-family: 'playbold';
	src: url("/javax.faces.resource/play-bold-webfont.eot.jsf?ln=font");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/play-bold-webfont.woff2.jsf?ln=font") format('woff2'),
		url("/javax.faces.resource/play-bold-webfont.woff.jsf?ln=font") format('woff'),
		url("/javax.faces.resource/play-bold-webfont.ttf.jsf?ln=font") format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'playregular';
	src: url("/javax.faces.resource/play-regular-webfont.eot.jsf?ln=font");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/play-regular-webfont.woff2.jsf?ln=font") format('woff2'),
		url("/javax.faces.resource/play-regular-webfont.woff.jsf?ln=font") format('woff'),
		url("/javax.faces.resource/play-regular-webfont.ttf.jsf?ln=font") format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Fim Fontes Extras */
a, abbr, acronym, address, applet, article, aside, audio, b, big,
	blockquote, body, canvas, caption, center, cite, code, dd, del, details,
	dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font,
	footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i,
	iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav,
	object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section,
	small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot,
	th, thead, time, tr, tt, u, ul, var, video, xmp {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}

html, body {
	height: 100%;
	min-height: 85%;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, menu, nav, section {
	display: block;
}

b, strong {
	font-weight: bold;
}

img {
	color: transparent;
	font-size: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

ul, ol {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td, caption {
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	font-size: 12px;
}

q {
	quotes: none;
}

q:before, q:after {
	content: "";
	content: none;
}

sub, sup, small {
	font-size: 75%;
}

sub, sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

svg {
	overflow: hidden;
}

pre, code {
	font-family: "robotobold", arial, sans-serif;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

h1 {
	font-size: 25px;
	color: #fb6910;
	font-family: "robotolight", arial, sans-serif;
}

h1 a {
	font-size: 20px !important;
	color: #fb6910 !important;
	display: block
}

h2 {
	font-size: 15px;
	color: #fb6910;
	font-family: "robotolight", arial, sans-serif;
}

h3 {
	font-size: 18px;
	color: #fb6910;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

ol {
	list-style: decimal;
}

ol>li {
	margin-top: 10px;
}

ul {
	list-style: disc;
}

li {
	margin-left: 10px;
	display: list-item;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, figure {
	margin-bottom: 10px;
}

p {
	color: #000;
	font-weight: normal;
	font-size: 16px;
	font-family: "robotoregular", Arial, sans-serif;
}

body {
	background: #fff;
	color: #4f4f4f;
	text-align: left;
	font: 13px/1.5 "robotolight", Arial, sans-serif;
}

a {
	color: #000;
	text-decoration: none;
	font-family: "robotolight", arial, sans-serif;
}

a:hover {
	text-decoration: underline;
	color: #000;
}

a {
	outline: none;
}

.example-block {
	background: #eee;
	font-size: 10px;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 10px 0;
	text-align: center;
}

div[class*="push-"] section {
	background: #dec;
}

div[class*="pull-"] section {
	background: #fcd;
}

.dynamic-px-width {
	display: block;
}

.principal {
	width: 100%;
	background: #fff;
	min-height: 85%;
	position: relative;
}
/* Inicio Box Right */
.boxResultadosSaldo {
	background: #f4f4f4;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	font-family: "playbold", arial, sans-serif;
	color: #333;
	padding: 5px 0;
	margin-top: 20px;
}

.boxResultadosSaldo b {
	text-align: left;
	color: #333;
}

.resultadosRight {
	width: 90%;
	text-align: left;
	margin: 5px auto;
	border-bottom: 1px solid #ccc;
	padding: 4px 0 4px 0;
}

.resultadosRight span {
	color: #999;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
	font-family: "robotolight", arial, sans-serif;
}

.resultadosRight .spanValores {
	float: right;
}

.resultadosRight .paddingSpanSaldo {
	padding-right: 97px;
}

.resultadosRight tr {
	border-top: 1px solid #ccc;
}

.totalBoxRight {
	font-family: "robotomedium", arial, sans-serif !important;
}
/* Fim Box Right */
/*Inicio Barra Black Topo */
.barraTopoBlack {
	background: #999
		url("/javax.faces.resource/bg-barra-pagina.jpg.jsf?ln=img-novo-layout");
	background-repeat: repeat-x;
	width: 100%;
	height: auto;
	float: left;
}

.barraTopoBlack .cliente {
	margin-top: 0.3em;
	padding-left: 5px;
	white-space: nowrap;
}

.barraTopoBlack a {
	color: #656565;
	font-family: "playbold", arial, sans-serif;
	line-height: 38px;
	padding-left: 30px;
}

.cliente span {
	color: #000;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	margin: 10px 0 0 5px;
	float: left;
}

.cliente img {
	float: left;
}

.barraTopoBlack .ultimoAcesso {
	float: left;
	text-align: left;
}

.ultimoAcesso span {
	float: right;
	margin-top: 20px;
	display: block;
	color: #000;
}

.barraTopoBlack .simule {
	background: #fb6910;
	height: 45px;
	font-family: "playbold", arial, sans-serif;
	padding: 2px 0;
}

.simule img {
	float: left;
	padding: 2px 2% 0 1%;
}

.simule b {
	text-align: center;
	margin: 0;
	line-height: 42px;
	font-size: 1.1em;
	color: #fff;
}

.simule a {
	color: #fff;
	padding-left: 0;
}

.simule a:hover {
	color: #000;
	text-decoration: none;
}

.simule span {
	font-size: 16px;
	color: #fff;
	font-family: "robotomedium", arial, sans-serif;
	text-transform: uppercase;
	line-height: 41px;
}

.imgPagina {
	padding: 7px 2% 0 2% !important;
}

.margin-left-10 {
	margin-left: 10px;
}
/* Fim Barra Black Topo */
/* inicio topo */
.topo {
	width: 100%;
	height: auto;
	float: left;
	padding: 17px 0 11px 0;
	background: #dcdcdc
		url("/javax.faces.resource/topo-novo-portal.jpg.jsf?ln=img-novo-layout");
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}

.topo span {
	color: #fb6910;
	font-size: 22px;
	font-weight: bold;
	display: block;
	font-family: "playbold", arial, sans-serif;
	margin-top: 14px;
	text-shadow: 0 2px #777777;
}

.topo p {
	color: #333;
	font-size: 20px;
	display: block;
	font-family: "robotolight", arial, sans-serif;
	letter-spacing: 1px;
	margin-top: -7px;
	margin-bottom: 0;
}

.logoTopo {
	margin: 0 auto;
	display: block;
}

.imgSeguranca {
	float: right;
}
/* Fim topo */
/* inicio componentes formularios */
input[type="text"], textarea {
	border: 2px solid #bdc3c7 !important;
	display: block;
	width: 98%;
	line-height: 20px;
	font-size: 12px !important;
	font-family: 'robotomedium', arial, sans-serif !important;
	padding: 0 1% 0 5px !important;
	height: 35px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}

input[type='password'] {
	border: 2px solid #bdc3c7;
	display: block;
	width: 98%;
	font-size: 12px;
	font-family: 'robotomedium', arial, sans-serif;
	padding: 0 1%;
	font-weight: 200;
	height: 35px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}

.textareaEmail {
	height: 200px !important;
	padding-top: 7px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	box-shadow: none !important;
	text-shadow: none !important;
	outline: none !important;
}

.ui-widget-content label {
	font-size: 13px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {
	border: 0 !important;
	background: #fb6910 !important;
	color: #fff !important;
	text-shadow: none !important;
	font-size: 12px;
	font-weight: bold !important;
}

.ui-datatable div.ui-dt-c {
	font-weight: normal !important;
}

.ui-datatable table {
	margin-bottom: 0;
}

.ui-autocomplete-panel .ui-autocomplete-list {
	font-size: 12px !important;
}

.ui-autocomplete-panel {
	width: 28.2% !important;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon,
	.ui-messages-fatal-icon, .ui-message-info-icon, .ui-message-warn-icon,
	.ui-message-error-icon, .ui-message-fatal-icon {
	background: none !important;
}

.ui-messages ul {
	margin: 0 !important;
	padding: 0px !important;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon,
	.ui-messages-fatal-icon {
	height: auto !important;
	width: auto !important;
	margin-top: 0 !important;
}

.ui-messages-info, .ui-message-info {
	color: #fb6910 !important;
	font-family: "robotolight", Arial, sans-serif;
	text-transform: uppercase;
	background-color: #fff !important;
	border: 2px solid #fb6910 !important;
}

.ui-messages-info-summary, .ui-messages-warn-summary,
	.ui-messages-error-summary, .ui-messages-fatal-summary,
	.ui-message-info-summary, .ui-message-warn-summary,
	.ui-message-error-summary, .ui-message-fatal-summary {
	margin-left: 0 !important;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-error,
	.ui-messages-fatal {
	padding: 8px 1% 8px 1% !important;
	width: 98%;
}

.alertaMensagemOK {
	border: 2px solid #fb6910 !important;
	padding: 8px 1% 8px 1%;
	width: 98%;
	color: #fb6910;
	float: left;
	word-wrap: break-word;
	list-style: none;
	font-family: "robotolight", Arial, sans-serif;
	text-transform: uppercase;
}

.paddingAlertaTabela {
	padding: 8px 0.5% 8px 1% !important;
}

.ui-chkbox {
	display: inline-block;
	float: left;
	margin-right: 5px;
	margin-top: 1px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
	{
	width: 41% !important;
	padding: 0;
	display: inline-block !important;
	background: #fff;
	font-weight: bold;
	font-family: "robotoregular", arial, sans-serif;
	height: auto;
}

.ui-datepicker table {
	font-family: "robotoregular", arial, sans-serif !important;
}

.ui-datepicker .ui-datepicker-title select {
	margin: 1px 3% !important;
}

.ui-panel {
	padding: 0 !important;
}

.ui-panelgrid .ui-panelgrid-cell {
	border: 0 !important;
}

.ui-panel .ui-panel-content {
	padding: 0 !important;
	border: 0 !important;
}

.ui-scrollpanel-content {
	width: 100% !important;
}

.ui-picklist .ui-picklist-list {
	width: 431px !important;
}

.ui-datatable .tabelaRowExpansion {
	table-layout: auto !important;
}

.ui-datatable-tablewrapper table {
	margin-bottom: 0 !important;
}

.ui-icon-seek-first {
	background-position: -80px -157px !important;
}

.ui-icon-seek-prev {
	background-position: -48px -157px !important;
}

.ui-icon-seek-next {
	background-position: -32px -157px !important;
}

.ui-icon-seek-end {
	background-position: -64px -157px !important;
}

.panelDialog {
	position: absolute;
	top: 10%;
	left: 20%;
	right: 20%;
	box-shadow: 0 0 8px #000;
	border: 0 !important;
	background: #fff;
}

#lightBox {
	position: fixed;
	top: 0px;
	background-color: RGBA(0, 0, 0, 0.4);
	left: 0px;
	height: 100%;
	width: 100%;
	bottom: 0px;
	right: 0px;
	z-index: 1000;
}

.lightBox {
	position: fixed;
	top: 0px;
	background-color: RGBA(0, 0, 0, 0.4);
	left: 0px;
	height: 100%;
	width: 100%;
	bottom: 0px;
	right: 0px;
	z-index: 1000;
}

.panelDialogInterno {
	border: 0px none;
	overflow: auto;
	height: 350px;
}

.ui-scrollpanel {
	width: 100% !important;
	border: 0 !important;
	background: none !important;
	height: 450px;
}

.ui-scrollpanel-container {
	width: 100% !important;
}

.ui-tabs .ui-tabs-panel {
	padding: 1em 0 !important;
}

.ui-tabs {
	padding: 0 !important;
}

.selectPadrao {
	width: 101%;
	background: url("/javax.faces.resource/bt-select.jpg.jsf?ln=img-novo-layout") right
		center;
	background-repeat: no-repeat;
	cursor: pointer;
	border: 2px solid #bdc3c7 !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}

.borderRadius {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
	font-family: "robotoregular", arial, sans-serif;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	text-indent: 0.01px;
	background: transparent;
	outline: none;
	display: block;
	width: 100%;
	font-size: 12px;
	font-family: 'robotomedium', arial, sans-serif;
	padding: 0 22px 0 5px;
	border: 0;
	cursor: pointer;
	height: 35px;
}

select::-ms-expand {
	display: none;
}

.textoUpLoad {
	overflow: hidden;
	width: 100%;
}
/* Fim componentes formularios */
/* Inicio botoes */
.botaoBemVindo {
	background: url("/javax.faces.resource/sprite-menu-topo.png.jsf?ln=img-novo-layout")
		-10px 3px no-repeat;
	width: 54px;
	height: 54px;
	margin: 0 auto;
}

.botaoTopoDois {
	background: url("/javax.faces.resource/sprite-menu-topo.png.jsf?ln=img-novo-layout")
		-74px -58px no-repeat;
	width: 54px;
	height: 54px;
	margin: 0 auto;
}

.botaoTopoTres {
	background: url("/javax.faces.resource/sprite-menu-topo.png.jsf?ln=img-novo-layout")
		-142px -59px no-repeat;
	width: 54px;
	height: 54px;
	margin: 0 auto;
}

.botaoSair {
	background: url("/javax.faces.resource/sprite-menu-topo.png.jsf?ln=img-novo-layout")
		-204px 3px no-repeat;
	width: 54px;
	height: 54px;
	margin: 0 auto;
}

.botaoPCommandEditar {
	background: url("/javax.faces.resource/bt-editar.png.jsf?ln=img-novo-layout")
		no-repeat !important;
	width: 30px !important;
	height: 30px !important;
	border: none !important;
	box-shadow: none !important;
}

.botaoPCommandExcluir {
	background: url("/javax.faces.resource/bt-excluir.png.jsf?ln=img-novo-layout")
		no-repeat !important;
	width: 30px !important;
	height: 30px !important;
	border: none !important;
	box-shadow: none !important;
}

.botaoPCommandExcluirDesativado {
	background: url("/javax.faces.resource/bt-excluir.png.jsf?ln=img-novo-layout")
		no-repeat !important;
	width: 30px !important;
	height: 30px !important;
	border: none !important;
	box-shadow: none !important;
	opacity: 0.5;
}

.botaoPCommandRejeitar {
	background: url("/javax.faces.resource/bt-cancelar.png.jsf?ln=img-novo-layout")
		no-repeat !important;
	width: 30px !important;
	height: 30px !important;
	border: none !important;
	box-shadow: none !important;
} 

.botaoPCommandRejeitarDesativado {
	background: url("/javax.faces.resource/bt-cancelar.png.jsf?ln=img-novo-layout")
		no-repeat !important;
	width: 30px !important;
	height: 30px !important;
	border: none !important;
	box-shadow: none !important;
	opacity: 0.5;
} 

.botaoPCommandSimular {
	background: url("/javax.faces.resource/bt-consulta-titulo.png.jsf?ln=img-novo-layout")
		no-repeat !important;
	width: 30px !important;
	height: 30px !important;
	border: none !important;
	box-shadow: none !important;
}

.botaoPCommandSimularDesativado {
	background: url("/javax.faces.resource/bt-consulta-titulo.png.jsf?ln=img-novo-layout")
		no-repeat !important;
	width: 30px !important;
	height: 30px !important;
	border: none !important;
	box-shadow: none !important;
	opacity: 0.5;
}

.botaoPCommandAprovar {
	background: url("/javax.faces.resource/bt-selecione.png.jsf?ln=img-novo-layout")
		no-repeat !important;
	width: 30px !important;
	height: 30px !important;
	border: none !important;
	box-shadow: none !important;
	
}

.botaoPCommandAprovarDesativado {
	background: url("/javax.faces.resource/bt-selecione.png.jsf?ln=img-novo-layout")
		no-repeat !important;
	width: 30px !important;
	height: 30px !important;
	border: none !important;
	box-shadow: none !important;
	 opacity: 0.5;
}


.botaoPCommandDetalhar {
	background: url("/javax.faces.resource/bt-visualizar-right.png.jsf?ln=img-novo-layout")
		no-repeat !important;
	width: 30px !important;
	height: 30px !important;
	border: none !important;
	box-shadow: none !important;
}

.botaoPCommandOn {
	background: url("") no-repeat
		!important;
	width: 235px !important;
	height: 72px !important;
	border: none !important;
	box-shadow: none !important;
}

.botaoPCommandOff {
	background: url("") no-repeat
		!important;
	width: 235px !important;
	height: 72px !important;
	border: none !important;
	box-shadow: none !important;
}

button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"], ui-button
	{
	border: 0 none;
	background: #fb6910;
	color: #fff;
	font-weight: bold;
	font-family: "robotolight", arial, sans-serif;
	box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0
		rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0
		rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0
		rgba(0, 0, 0, 0.16);
	width: 100%;
	font-size: 12px;
	margin: 0;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-appearance: none;
	height: 37px;
	text-transform: uppercase;
}

input[type="submit"]:hover {
	background-color: #666;
}

input[type="button"]:hover {
	background-color: #666;
}

input[type="submit"]:disabled {
	background-color: #666;
	cursor: wait;;
}

input[type="button"]:disabled {
	background-color: #666;
}

input[type="button"], input[type="reset"], input[type="submit"] a {
	background: #df5e00;
}

.botaoLink {
	border: 0;
	background: #fb6910;
	color: #fff;
	font-weight: bold;
	font-family: "robotolight", arial, sans-serif;
	box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0
		rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0
		rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0
		rgba(0, 0, 0, 0.16);
	line-height: 37px;
	width: 100%;
	height: 37px;
	font-size: 12px;
	margin: 0;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	display: block;
	text-align: center;
	text-transform: uppercase
}

.botaoLink:hover, .botaoLink a:hover {
	background-color: #666;
	text-decoration: none;
	color: #fff;
}

.botaoLink img {
	margin-right: 5px;
}

.botaoImprimir {
	padding: 3px 1% 3px 8px !important;
}

input[type="checkbox"] {
	display: block;
	margin: 3px 3px 0 0;
	float: left;
}

.checkboxCenter {
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.btTecladoVirtual {
	color: #fff !important;
}

.botaoTabela {
	color: #fb6910 !important;
	background: none !important;
	padding: 0 !important;
	box-shadow: none !important;
	line-height: 20px !important;
	font-size: 14px !important;
	margin: 0 auto;
	display: block;
}
/* Fim botoes topo */
/* Imagens responsivas */
.img-responsive {
	max-width: 100%;
	height: auto;
}
/*classe para imagens responsivas*/
.boxResumoLeft {
	background: #fff;
	float: left;
	height: auto;
	border-right: 1px solid #fb6910;
	box-shadow: 2px 0 2px #ccc;
}

.boxResumoLeft p {
	color: #000;
}

.boxResumoRight {
	background: #fff;
	float: left;
	height: auto;
	border-left: 1px solid #ccc;
	margin-bottom: 20px;
}

.boxResumoRight p {
	color: #000;
}

.marginLeftAcesso {
	margin-left: 20%;
}

.botaosa {
	font-size: 13px !important;
	padding: 0 !important;
	line-height: 13px !important;
	background: none !important;
	color: #fb6910 !important;
	box-shadow: none !important;
}
/* Inicio Css Tabelas */
.cabecalhoLancamentos {
	background: #ccc;
	padding: 8px 0.5%;
	text-align: center;
	border: 1px solid rgb(0, 0, 0);
	margin: 5px 0px 0px;
	font-size: 11px;
	font-weight: bold;
}

.cabecalhoTabelaBotao {
	padding: 2px 0.5% !important;
}

.cabecalhoLancamentos img {
	margin: 1px;
}

.tabela {
	margin-bottom: 0;
}

.tabela td {
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	border: 1px solid #000 !important;
	font-size: 10px;
	padding: 3px 0.5% !important;
	font-family: "Verdana", arial, sans-serif;
}

.tabelaTotal {
	width: 99.9% !important;
	margin-left: 0.1%;
	background: rgb(153, 153, 153) none repeat scroll 0% 0%;
}

.tabelaTotal td {
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #000 !important;
	font-size: 11px;
	font-family: "Verdana", arial, sans-serif;
	padding: 8px 0.5% !important;
	color: #000;
}

.tabelaTotalGeral {
	width: 99.9% !important;
	margin-left: 0.1%;
	background: #fb6910;
}

.tabelaTotalGeral td {
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #000 !important;
	font-size: 11px;
	font-family: "Verdana", arial, sans-serif;
	padding: 8px 0.5% !important;
	color: #fff;
}

.totalGeralLeft {
	background: none;
	width: 99.9% !important;
	margin-left: 0.1%;
}

.totalGeralLeft td {
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	font-size: 12px;
	font-family: "Verdana", arial, sans-serif;
	padding: 5px 0.5% !important;
	color: #000;
	border: 1px solid #999;
}

.tabelaSemBordas {
	
}

.tabelaSemBordas td {
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	border: 1px solid #000 !important;
	font-size: 10px;
	padding: 5px 0.5%;
	word-break: break-all;
	font-family: "Verdana", arial, sans-serif;
}

.tabelaLinha {
	font-family: "Verdana", arial, sans-serif;
}

.tabelaLinha td {
	border-bottom: 1px solid #000 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
}

.displayInlineGrid {
	font-family: "Verdana", arial, sans-serif;
}

.displayInlineGrid td {
	border-bottom: 1px solid #000 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
}

.tabelaDados td {
	border-bottom: 1px solid #999 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
	background-color: #f4f4f4;
}

.tabelaDados span {
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	font-family: "robotolight", arial, sans-serif;
	color: #999 !important;
	padding: 10px;
}

.boxTabela {
	background: #f4f4f4;
	padding: 10px 0;
	border: 1px solid #ebebeb;
}

.marginLeftRight {
	margin-left: 5%;
	margin-right: 5%;
}

.boxTabelaOrange {
	color: #fff;
	background: #fb6910;
	padding: 8px 0;
	border: 1px solid #000;
}

.boxTabelaOrange a {
	color: #fff;
}

.barraVisualizar {
	border: 1px solid #fb6910;
	line-height: 41px;
	padding-left: 1% !important;
	margin-right: 3%;
	height: 45px;
}

.barraVisualizar img {
	border-left: 2px solid #ebebeb;
	margin-left: 10px;
	float: right;
}

.borderIMG {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.mensagemDestaque {
	background-color: #fb6910;
	padding: 10px;
	color: white;
}

.background-claro {
	background-color: #F4F4F4;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	padding: 2%;
	margin-right: 3%;
}

.backgroundBlack {
	background: #000;
}

.tabelaPaginacao {
	margin: 0 auto 0 0;
	position: relative;
	float: none;
	width: auto !important;
}

.tabelaPaginacao span {
	margin: 10px;
	float: left;
}

.tabelaPaginacao input {
	margin: 0 4px;
}

.tabelaFormRadioBlock {
	margin-bottom: 1px;
}

.tabelaFormRadioBlock table {
	width: 101%;
	border: 2px solid #bdc3c7;
	border-radius: 3px;
	border-collapse: initial;
}

.tabelaFormRadioBlock td {
	padding: 8px 2% 9px 2%;
}

.tabelaFormRadioBlock input {
	float: left;
}

.tabelaFormRadioleft {
	margin-bottom: 1px;
}

.tabelaFormRadioleft table {
	width: 100%;
	border: 2px solid #bdc3c7;
	border-radius: 3px;
	border-collapse: initial;
}

.tabelaFormRadioleft td {
	padding: 8px 2% 9px 2%;
	font-size: 12px;
}

.tabelaFormRadioleft input {
	float: left;
}

.tabelaFormRadioleft label {
	line-height: 21px
}

.linhaUm {
	background: #fff;
}

.linhaUm:hover {
	background: #eae8e8;
}

.linhaDois {
	background: #f4f4f4;
}

.linhaDois:hover {
	background: #eae8e8;
}
/* Fim Css Tabelas */
/* Inicio Footer */
.footerGeral {
	width: 100%;
	position: static;
	clear: both;
	bottom: 0;
	height: 15%;
	background: #fb6910;
}

.footer {
	background: #272727;
	width: 99%;
	padding: 0.5%;
	float: left;
	color: #fff;
}

.footer b {
	display: block;
	color: #fa7e21;
	text-align: left;
	font-family: "playbold", arial, sans-serif;
	font-size: 16px;
}

.footer span {
	display: block;
	text-align: left;
	font-size: 12px;
}

.footerBottom {
	width: 99%;
	float: left;
	color: #fff;
	text-align: left;
	padding: 15px 0.5%;
	background: #fb6910;
}

.footerBottom span {
	color: #fff;
	display: block;
	text-align: left;
	font-weight: normal;
}

.footerBottom b {
	margin-left: 2px;
	color: #e4e4e4;
	font-size: 12px;
}

.logoBottom {
	float: right;
	margin-top: 20px;
	margin-right: 5px;
}

.footerBottom .informacoes {
	display: block;
}

.ocultarFooter {
	position: absolute;
	right: 20px;
	margin-top: 14px;
	z-index: 100;
}

.ocultarFooter img {
	cursor: pointer;
}
/* Fim Footer */
/* Inicio Css Extras */
.topo5 {
	margin-top: 5px;
}

.topo10 {
	margin-top: 10px;
}

.topo15 {
	margin-top: 15px;
}

.topo19 {
	margin-top: 19px;
}

.topo20 {
	margin-top: 20px;
}

.topo21 {
	margin-top: 21px;
}

.topo25 {
	margin-top: 25px;
}

.topo26 {
	margin-top: 26px;
}

.topo26PontoCinco {
	margin-top: 26.5px;
}

.topo27 {
	margin-top: 27px;
}

.topo29 {
	margin-top: 29px;
}

.topo30 {
	margin-top: 30px;
}

.topo31 {
	margin-top: 31px;
}

.topo34 {
	margin-top: 34px;
}

.topo40 {
	margin-top: 40px;
}

.topo50 {
	margin-top: 50px;
}

.topo60 {
	margin-top: 60px;
}

.topo65 {
	margin-top: 65px;
}

.topo70 {
	margin-top: 70px;
}

.topo80 {
	margin-top: 80px;
}

.topo90 {
	margin-top: 90px;
}

.topo100 {
	margin-top: 100px;
}

.bottom5 {
	margin-bottom: 5px;
}

.bottom10 {
	margin-bottom: 10px;
}

.bottom11 {
	margin-bottom: 11px;
}

.bottom15 {
	margin-bottom: 15px;
}

.bottom20 {
	margin-bottom: 20px;
}

.bottom30 {
	margin-bottom: 30px;
}

.bottom40 {
	margin-bottom: 40px;
}

.bottom50 {
	margin-bottom: 50px;
}

.width5 {
	width: 5%;
}

.width6 {
	width: 6%;
}

.width7 {
	width: 7%;
}

.width8 {
	width: 8%;
}

.width9 {
	width: 9%;
}

.width10 {
	width: 10%;
}

.width11 {
	width: 11%;
}

.width12 {
	width: 12%;
}

.width13 {
	width: 13%;
}

.width14 {
	width: 14%;
}

.width15 {
	width: 15%;
}

.width16 {
	width: 16%;
}

.width17 {
	width: 17%;
}

.width18 {
	width: 18%;
}

.width19 {
	width: 19%;
}

.width20 {
	width: 20%;
}

.width25 {
	width: 25%;
}

.width26 {
	width: 26%;
}

.width27 {
	width: 27%;
}

.width28 {
	width: 28%;
}

.width29 {
	width: 29%;
}

.width30 {
	width: 30%;
}

.width31 {
	width: 31%;
}

.width32 {
	width: 32%;
}

.width33 {
	width: 33%;
}

.width34 {
	width: 34%;
}

.width35 {
	width: 35%;
}

.width36 {
	width: 36%;
}

.width37 {
	width: 37%;
}

.width38 {
	width: 38%;
}

.width39 {
	width: 39%;
}

.width40 {
	width: 40%;
}

.width47 {
	width: 47%;
}

.width50 {
	width: 50%;
}

.width60 {
	width: 60% !important;
}

.width70 {
	width: 70% !important;
}

.width75 {
	width: 75% !important;
}

.width80 {
	width: 80% !important;
}

.width85 {
	width: 85% !important;
}

.width90 {
	width: 90% !important;
}

.width95 {
	width: 95% !important;
}

.width96 {
	width: 96% !important;
}

.width100 {
	width: 100% !important;
}

.width250 {
	width: 250px;
}

.coluna14 {
	width: 14%;
}

.coluna56 {
	width: 56%;
}

.mLeft10 {
	margin-left: 10px !important;
}

.widthAlerta {
	width: 95.5% !important;
}

.widthAlertaErro {
	width: auto;
}

.widthAlertaRelogio {
	width: 70%;
}

.imgCartaoConsultaMaster {
	width: 80%;
}

.imgCartaoConsultaCabal {
	width: 70%;
}

.divTopNegativo {
	margin-top: -19px;
}

.borderPadrao {
	border: 2px solid #bdc3c7;
}

.boxMensagemCartao {
	background: #f4f4f4;
	border-radius: 5px;
	padding: 6% 4%;
	color: #666;
	font-style: italic;
	font-size: 14px;
	box-shadow: 0px 7px 7px #ddd;
	font-weight: 200;
}

.detalheBalao {
	margin-left: -35px;
	float: left;
}

.labelFormCartao {
	display: block;
}

.labelFormCartao label {
	color: #999;
	font-size: 16px;
	font-family: "robotoregular", arial, sans-serif;
	float: right;
}

.widthTabelaDTVM {
	width: 100%;
	clear: both;
}

.widthTdDTVM {
	width: 49.88%;
}

.widthTdLiquidoDTVM {
	width: 13.82%;
}

.paddingTotalDTVM {
	padding: 5px 0.5% !important;
}

.quebraDeLinha {
	word-wrap: break-word;
}

.height30 {
	height: 30px !important;
}

.height35 {
	height: 35px !important;
}

.linkZeroAuto {
	margin: 0 auto;
	font-family: "playregular", arial, sans-serif;
	text-align: center;
}

.linkZeroAuto a {
	color: #000;
	font-weight: bold;
	font-size: 12px;
}

.boxFlash {
	background: #f4f4f4;
	padding: 5px 5px 0px;
}

.linkBlack {
	color: #000;
}

.botaoDisable {
	opacity: 0.5 !important;
	cursor: none !important;
}

.linkBlack a {
	color: #000;
}

.linkBlack a:hover {
	color: #666;
}

.colorOrange {
	color: #fb6910 !important;
}

.textTransformUp {
	text-transform: uppercase;
}

.textGray {
	font-size: 11px !important;
	color: #666 !important;
}

.alertaMensagem {
	background: #f4f4f4;
	border: 2px solid #bdc3c7 !important;
	padding: 6px 1% 8px 5px;
	width: 98%;
	color: #f00;
	float: left;
	word-wrap: break-word;
	list-style: none;
	font-family: "robotolight", Arial, sans-serif;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
}

.alertaMensagem li {
	list-style: none;
	font-family: "robotoregular", Arial, sans-serif;
	margin-left: 10px;
}

.alertaMensagemOK {
	border: 2px solid #fb6910 !important;
	padding: 8px 1% 8px 1%;
	width: 98%;
	color: #fb6910;
	float: left;
	word-wrap: break-word;
	list-style: none;
	font-family: "robotolight", Arial, sans-serif;
	text-transform: uppercase;
}

.alertaMensagemOK li {
	list-style: none;
	font-family: "robotomedium", Arial, sans-serif;
	margin-left: 10px;
}

.textAlignCenter {
	text-align: center !important;
}

.textAlignCenter td {
	text-align: center !important;
}

.textAlignLeft {
	text-align: left !important;
}

.textAlignRight {
	text-align: right !important;
}

.colorRed {
	color: #f00;
}

.titulo {
	font-size: 23px;
	color: #fb6910;
	font-family: "robotolight", arial, sans-serif;
	margin-bottom: 20px;
	display: block;
}

.positionRelative {
	position: relative !important;
}

.lista li {
	margin: 10px;
	border: 1px solid #ebebeb;
	padding: 1%;
	display: list-item;
	list-style: inside;
}

.listStyleNone {
	display: block;
}

.listStyleNone li {
	list-style: none !important;
}

.texto {
	text-align: justify;
}

.texto span {
	font-size: 13px;
	font-family: "Tahoma", arial, sans-serif;
	display: block;
}

.texto p {
	font-size: 14px;
	font-weight: normal;
}

.texto ol {
	text-align: justify;
}

.texto li {
	font-size: 14px;
	font-weight: normal;
}

.texto a {
	color: #fb6910 !important;
	font-style: italic;
}

.texto i {
	font-style: italic;
}

.borderZero {
	border: 0 !important;
}

.marginBottomNegativo {
	margin-bottom: -10px;
}

.marginBottomZero {
	margin-bottom: 0 !important;
}

.marginTopNegativo18 {
	margin-top: -18px;
}

.marginLeftBotoes {
	margin-left: -10px;
}

.marginDiv {
	margin-left: 5%;
	margin-right: 5%;
}

.marginDivLeft {
	margin-left: 5%;
}

.marginZero {
	margin: 0 !important;
}

.marginZeroAuto {
	margin: 0 auto !important;
	display: block;
}

.marginZero li {
	margin-left: 0 !important;
}

.marginleftZero {
	margin-left: 0 !important;
}

.marginleftZero li {
	margin-left: 0 !important;
}

.floatLeft {
	float: left !important;
}

.floatNone {
	float: none !important;
}

.displayBlock {
	display: block !important;
}

.backgroundNone {
	background: none !important;
}

.scrollContrato {
	border: 1px solid #dbdbda;
	height: 320px;
	margin: 5px 0;
	overflow: scroll;
	padding: 1%;
	text-align: justify;
}

.scrollContrato li {
	margin-left: 20px;
}

.scrollContrato p {
	margin-left: 15px;
}

.headerTabela {
	height: 35px;
	padding: 0px 10px;
	float: left;
	line-height: 32px;
	border-left: 1px solid rgb(0, 0, 0);
	border-right: 1px solid rgb(0, 0, 0);
	border-top: 1px solid rgb(0, 0, 0);
	width: 100%;
	color: #000;
	background: #f4f4f4;
}

.borderBlack {
	border-bottom: 1px solid rgb(0, 0, 0);
	border-left: 1px solid rgb(0, 0, 0);
	border-right: 1px solid rgb(0, 0, 0);
	background: #f4f4f4;
	padding: 10px 0;
}

#saibaMais {
	background-color: #fff;
	display: none;
	position: absolute;
	border: 10px solid #fb6910;
	top: 20%;
	left: 25%;
	right: 25%;
	margin: 0 auto;
	padding: 20px 1% 5px 1%;
	width: 48%;
	height: auto;
	z-index: 10000;
	color: #000;
	font-size: 18px;
	font-weight: normal;
	line-height: 21px;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-o-border-radius: 40px;
	font-family: "robotoregular", Arial, sans-serif;
	box-shadow: 0px 9px 10px -3px #5b5b5b;
}

#saibaMais p {
	font-size: 10px;
	float: left;
	font-weight: normal;
	line-height: 12px;
	color: #999;
}

.saibaMaisSeta {
	background-image:
		url("/javax.faces.resource/bg-seta-saiba-mais.png.jsf?ln=img-novo-layout");
	width: 64px;
	height: 128px;
	float: left;
	margin: 39px 0 0 -81px;
}

.linkSaibaMais {
	color: #666 !important;
	text-decoration: none !important;
}

.sairSaibaMais {
	float: right;
	background-image:
		url("/javax.faces.resource/bt-sair-saibaMais.png.jsf?ln=img-novo-layout");
	width: 39px;
	height: 37px;
	margin: 5px;
	cursor: pointer;
}

.sairSaibaMais:hover {
	background-image:
		url("/javax.faces.resource/bt-sair-saiba-maisHover.png.jsf?ln=img-novo-layout");
	width: 39px;
	height: 37px;
	margin: 5px;
	cursor: pointer;
}

.ocultarJanela {
	display: block;
}

.ocultarJanela .ocultar {
	color: #FFF;
	background: #fb6910;
	padding: 0;
	text-transform: uppercase;
	float: left;
	height: 40px;
	width: 100%;
	line-height: 39px;
	text-align: center;
	font-size: 22px;
}

.textoCentralizado input, .textoCentralizado, .textoCentralizado td,
	.textoCentralizado span {
	text-align: center !important;
}

.textoDireita td, .textoDireita {
	text-align: right !important;
}

.displayForm {
	display: inline-flex;
	float: right;
}

.boxSeguranca {
	background: #f4f4f4;
	padding: 2% 3%;
	width: 94%;
	margin: 10px 0;
}

.boxSeguranca p {
	text-align: justify;
}

.textoSeguranca {
	background-color: #fb6910;
	padding: 10px;
	color: white;
	font-size: 16px;
	font-style: italic;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
}

.fontRadio td {
	font-size: 12px !important;
}

.tituloPagina {
	
}

.tituloPagina h1 {
	border-bottom: 1px solid #fb6910;
}

.assinatura {
	border-top: 1px solid;
}

.abaPT, .abaEN {
	padding: 5px;
	background: #fb6910;
	color: white;
	width: 10%;
	text-align: center;
	display: inline-block;
}

.tabs-container {
	position: relative;
	height: 360px;
	max-width: 98%;
	margin: 0 auto;
}

.tabs-container p {
	margin: 0;
	padding: 0;
}

.tabs-container:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

input.tabs {
	display: none;
}

input.tabs+label {
	line-height: 40px;
	padding: 0 20px;
	float: left;
	background: #fb6910;
	color: #fff;
	cursor: pointer;
	transition: background ease-in-out .3s;
}

input.tabs+label:hover {
	background-color: #f37f25;
}

input.tabs+label+div {
	width: 100%;
	opacity: 0;
	position: absolute;
	background: #eee;
	top: 40px;
	left: 0;
	height: auto;
	padding: 10px;
	z-index: -1;
	transition: opacity ease-in-out .3s;
}

input.tabs:checked+label {
	color: #000;
	background: #eee;
}

input.tabs:checked+label+div {
	opacity: 1;
	z-index: 10;
}

#ocultarResultadosCC {
	display: none;
}

#mostrarResultadosCC {
	display: none;
}

#ocultarSetaCC {
	display: block;
}

.setaResultados {
	margin-top: -3px;
	margin-left: 5px;
}

#ocultarResultadosInvestimentos {
	display: none;
}

#mostrarResultadosInvestimentos {
	display: none;
}

#ocultarSetaInvestimentos {
	display: block;
}

.legendaCT {
	color: #6C7B8B;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

.legendaCT td {
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
	border-bottom: 1px solid #6C7B8B !important;
	font-size: 11px !important;
}

.floatRight {
	float: right !important;
}

.textoAlerta {
	font-size: 60px !important;
	text-align: left !important;
}

.fontSize11 {
	font-size: 11px !important;
}

.fontWeightNormal {
	font-weight: normal !important;
}

.borderBottom {
	border-top: 1px solid #cecece;
	padding-bottom: 14px;
}

.menuPJ h2 a {
	padding: 13px 1px 10px 1px;
	margin: 0;
	cursor: pointer;
	color: #fb6910;
	font-family: "playregular", Arial, sans-serif;
}

.menuPJ h2 a:hover {
	text-decoration: none !important;
}

#pag_alterarSenha h2 {
	font-family: "robotobold", arial, sans-serif;
	font-size: 75px;
	color: #fb6910;
	line-height: 88px;
}

#pag_alterarBordero h2 {
	font-family: "robotobold", arial, sans-serif;
	font-size: 75px;
	color: #fb6910;
	line-height: 88px;
}

#pag_alterarSenha h3 {
	font-family: "robotoblack", arial, sans-serif;
	font-weight: 100;
	color: #3a3533;
	font-size: 30px;
	line-height: 20px;
}

#pag_alterarBordero h3 {
	font-family: "robotoblack", arial, sans-serif;
	font-weight: 100;
	color: #3a3533;
	font-size: 30px;
	line-height: 20px;
}

.mLeft50 {
	margin-left: 50px !important;
}

.mLeft5 {
	margin-left: 5px !important;
}

.bgInput input {
	background: none !important;
	border: none !important;
}

.paginacao .ui-paginator-pages span {
	background-image: none !important;
	font-weight: bold !important;
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-o-border-radius: 3px !important;
}

.paginacao .ui-paginator-page.ui-state-default.ui-corner-all.ui-state-active
	{
	border: 1px solid #fb6910 !important;
	background: #fb6910 !important;
	color: #fff !important;
}

.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages,
	.ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last,
	.ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev,
	.ui-paginator .ui-paginator-current {
	padding: 2px 8px !important;
}

.paginacao .ui-paginator-pages span:hover {
	background-color: #a6a6a6 !important;
	color: #fff !important;
	border-color: #a6a6a6 !important;
}

.paginacao .ui-paginator-next.ui-state-default.ui-corner-all, .paginacao .ui-paginator-last.ui-state-default.ui-corner-all,
	.paginacao .ui-paginator-first.ui-state-default.ui-corner-all,
	.paginacao .ui-paginator-prev.ui-state-default.ui-corner-all {
	background-image: none;
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-o-border-radius: 3px !important;
}

.paginacao .ui-paginator-next.ui-state-default.ui-corner-all span,
	.paginacao .ui-paginator-last.ui-state-default.ui-corner-all span,
	.paginacao .ui-paginator-first.ui-state-default.ui-corner-all span,
	.paginacao .ui-paginator-prev.ui-state-default.ui-corner-all span {
	color: #4f4f4f !important;
}

.paginacao .ui-paginator-next.ui-state-default.ui-corner-all:hover,
	.paginacao .ui-paginator-last.ui-state-default.ui-corner-all:hover,
	.paginacao .ui-paginator-first.ui-state-default.ui-corner-all:hover,
	.paginacao .ui-paginator-prev.ui-state-default.ui-corner-all:hover {
	background-color: #a6a6a6 !important;
	border-color: #a6a6a6 !important;
	color: #fff !important;
}

#pag_alterarBordero h2 {
	font-family: "robotobold", arial, sans-serif;
	font-size: 70px;
	color: #fb6910;
	line-height: 75px;
}

#pag_alterarSenha h2 {
	font-family: "robotobold", arial, sans-serif;
	font-size: 70px;
	color: #fb6910;
	line-height: 75px;
}

#pag_alterarBordero h3 {
	font-family: "robotoblack", arial, sans-serif;
	font-weight: 100;
	color: #3a3533;
	font-size: 30px;
	line-height: 30px;
}

#pag_alterarSenha h3 {
	font-family: "robotoblack", arial, sans-serif;
	font-weight: 100;
	color: #3a3533;
	font-size: 30px;
	line-height: 30px;
}
/* CADASTRAR USUARIO - AREA RESTRITA */
.wLista ul {
	
}

.wLista li:hover {
	background-color: #fb6910 !important;
	background-image: none !important;
	color: #fff !important;
	border: none !important;
}

.wLista .ui-state-highlight, .wLista .ui-widget-content .ui-state-highlight,
	.wLista .ui-widget-header .ui-state-highlight {
	background-color: #fb6910 !important;
	border: none !important;
	text-shadow: none !important;
}

.wLista button {
	background-image: none !important;
	border: none !important;
}

.wLista button:hover {
	background-color: #fb8e4d !important;
	border: none !important;
	background-image: none !important;
}

.wLista button:hover span {
	color: #fff !important;
}
/* CADASTRAR USUARIO - AREA RESTRITA - FIM */
/* PARAMETRIZA��O */
.bottom10LI li {
	margin-bottom: 10px !important;
}

.bottom20LI li {
	margin-bottom: 20px !important;
}
/* PARAMETRIZA��O - FIM */
/* PARAMETRIZACAO FINALIDADES - ADM -INI */
.wListaFinalidade li:hover {
	background-color: #fb6910 !important;
	background-image: none !important;
	color: #fff !important;
	border: none !important;
}

.wListaFinalidade .ui-state-highlight, .wLista .ui-widget-content .ui-state-highlight,
	.wLista .ui-widget-header .ui-state-highlight {
	background-color: #fb6910 !important;
	border: none !important;
	text-shadow: none !important;
}

.wListaFinalidade button {
	background-image: none !important;
	border: none !important;
}

.wListaFinalidade button:hover {
	background-color: #fb8e4d !important;
	border: none !important;
	background-image: none !important;
}

.wListaFinalidade button:hover span {
	color: #fff !important;
}
/* PARAMETRIZACAO FINALIDADES - ADM - FIM */
/* PARAMETRIZA��O MOVIMENTA��ES DE CLIENTES - INI */
.tableMC td.ui-panelgrid-cell.ui-widget-header {
	background: #ccc !important;
	padding: 8px 0.5% !important;
	text-align: center !important;
	border: 1px solid rgb(0, 0, 0) !important;
	margin: 5px 0px 0px !important;
	font-size: 10px !important;
	font-weight: bold !important;
	font-family: "robotolight", arial, sans-serif !important;
}

.tableMC td.ui-panelgrid-cell {
	font-weight: normal !important;
	vertical-align: middle !important;
	text-align: left !important;
	border: 1px solid #000 !important;
	font-size: 10px !important;
	padding: 5px 0.5% !important;
	font-family: "Verdana", arial, sans-serif !important;
}

.tableMC .ui-panelgrid .ui-panelgrid-cell {
	padding: 7px 10px;
}
/* PARAMETRIZA��O MOVIMENTA��ES DE CLIENTES - FIM */
/* IMPORTAR AGENCIAS - INI */
.backUpload {
	background: #F4F4F4;
	padding: 6px;
	border: 1px solid #cecece;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
/* IMPORTAR AGENCIAS - FIM */
/* PERMISSIONAMENTO - INI */
.listaPermi ul.ui-widget-content.ui-orderlist-list.ui-corner-all.ui-sortable
	{
	width: 242px !important;
}

.wlistaPermi li:hover {
	background-color: #fb6910 !important;
	background-image: none !important;
	color: #fff !important;
	border: none !important;
	cursor: none;
}

.listaPermi .ui-state-highlight, .wLista .ui-widget-content .ui-state-highlight,
	.wLista .ui-widget-header .ui-state-highlight {
	background-color: #fb6910 !important;
	border: none !important;
	text-shadow: none !important;
}

.listaPermi li.ui-orderlist-item.ui-corner-all.ui-sortable-handle {
	cursor: default;
}

.listaPermi li.ui-orderlist-item.ui-corner-all.ui-sortable-handle:hover
	{
	background: #fb6910;
	color: #fff;
	border: none;
}

.tablePermi td {
	word-wrap: break-word;
}

.tablePermi table thead {
	display: none;
}

.tablePermi .ui-datatable tbody td {
	border: none !important;
}

.tablePermi .ui-state-default h3, .tablePermi .ui-widget-content .ui-state-default h3,
	.tablePermi .ui-widget-header .ui-state-default h3, .tablePermi h3.ui-accordion-header.ui-helper-reset.ui-state-default.ui-state-active.ui-corner-top,
	.tablePermi .ui-accordion .ui-accordion-header {
	border: 1px solid #fb6910;
	background: #fb6910;
	color: #fff;
}

.listaDesc .ui-widget-content {
	border: 1px solid #a8a8a8 !important;
}

.tablePermi .ui-accordion .ui-accordion-header {
	padding: 0.9em 0.9em 0.9em 2.9em !important;
}
/* PERMISSIONAMENTO - FIM */
.bottomPaginator .ui-datatable .ui-paginator, .bottomPaginator .ui-datatable .ui-paginator,
	.bottomPaginator .ui-paginator.ui-paginator-top.ui-widget-header.ui-corner-top
	{
	margin-bottom: 10px !important;
}

.bottomPaginator .ui-paginator.ui-paginator-bottom.ui-widget-header.ui-corner-bottom
	{
	margin-top: 10px !important;
}

.noSelect, .noSelect:focus, .noSelect:active, .noSelect .ui-orderlist .ui-orderlist-list,
	.noSelect .ui-orderlist .ui-orderlist-list li {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline-style: none; /*IE*/
}

.wordWrap td {
	word-wrap: break-word;
}

.mLabelRight {
	margin-right: 30px;
}

.mLabelRightCNPJ {
	margin-right: 200px;
}

.mLabelLeft {
	margin-left: 30px;
}

.fontSize13 td {
	font-size: 13px !important;
}

.listaPermi input[type="submit"] {
	font-size: 15px !important;
}

.tablePermi.ui-datatable tbody td {
	border-color: transparent;
	padding: 0 !important;
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}

.tablePermi.ui-datatable .listaDesc tbody td {
	padding: 4px 10px !important;
}

.tablePermi .ui-accordion .ui-accordion-content {
	top: 0px !important;
}

.listaDesc .ui-paginator-next.ui-state-default.ui-corner-all, .listaDesc .ui-paginator-last.ui-state-default.ui-corner-all,
	.listaDesc .ui-paginator-first.ui-state-default.ui-corner-all,
	.listaDesc .ui-paginator-prev.ui-state-default.ui-corner-all,
	.listaDesc .ui-paginator-page.ui-state-default.ui-corner-all.ui-state-active,
	.listaDesc .ui-paginator-pages span {
	line-height: 1.7 !important;
	font-size: 13px;
}

.tablePermi .ui-widget-content {
	border: 1px solid #fb6910;
}

.ui-accordion-header.ui-helper-reset.ui-state-default.ui-state-active.ui-corner-top span,
	.ui-accordion-header.ui-helper-reset.ui-state-default.ui-corner-all span
	{
	background-image:
		url("/javax.faces.resource/ui-icons_fffff.png.jsf?ln=img-novo-layout");
}
/* Inicio 404 */
.fundo404 {
	background: #fa7e22 url("/javax.faces.resource/bg-erro.jpg.jsf?ln=img-novo-layout")
		center top no-repeat;
}

#pag_404 {
	padding-top: 40px;
}

#pag_404 h2 {
	font-family: "robotolight", arial, sans-serif;
	font-size: 90px;
	color: #feeddf;
	line-height: 95px;
	text-transform: uppercase;
	margin: 5px 0px -1px -2px;
	text-align: left;
}

#pag_404 h3 {
	font-family: "robotoblack", arial, sans-serif;
	font-size: 60px;
	font-weight: 100;
	color: #3a3533;
	line-height: 75px;
	text-transform: uppercase;
	margin: 10px 0;
	text-align: left;
}

.texto500 h3, .textoAcessoNegado h3 {
	font-size: 48px !important;
	line-height: 60px !important;
}

#pag_404 p {
	font-family: "robotolight", arial, sans-serif;
	font-size: 28px;
	color: #feeddf;
	margin: 20px 0;
}

.paddingTop30 {
	padding-top: 30px !important;
}

.fontSize90 {
	font-size: 90px !important;
}

.fontSize55 {
	font-size: 55px !important;
}

.fontSizeAlertaH4 {
	font-size: 22px;
}

#pag_404 p span {
	font-family: "robotoblack", arial, sans-serif;
	color: #3a3533;
	word-wrap: break-word;
}

#pag_404 .btn-acessarChat {
	margin-bottom: 50px;
	margin-right: 25px;
}

#pag_404 img {
	vertical-align: text-bottom !important;
}

a.btn-acessarChat:hover {
	background: #484443;
	box-shadow: 0 3px 0 #3a3533;
	-webkit-box-shadow: 0 3px 0 #3a3533;
	-moz-box-shadow: 0 3px 0 #3a3533;
	-o-box-shadow: 0 3px 0 #3a3533;
	color: #ffffff;
}

a.btn-acessarChat {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	background: #3a3533;
	box-shadow: 0 3px 0 #484443;
	-webkit-box-shadow: 0 3px 0 #484443;
	-moz-box-shadow: 0 3px 0 #484443;
	-o-box-shadow: 0 3px 0 #484443;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 16px 60px;
	color: #ffffff;
	font-size: 13px;
	font-family: 'robotoblack', arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

.text-center {
	text-align: center;
}

.grid-containerErro {
	width: 80%;
	text-align: center;
	margin: 0 auto;
}

.textoAcessoNegado h2 {
	text-align: center;
	font-size: 90px;
}

.textoAcessoNegado h3 {
	text-align: center;
	font-size: 90px !important;
}
/* 404 FIM */
/* Inicio Banner Home*/
.botaoBannerAPPNaoCorrentista {
	background: #fff;
	float: left;
	font-family: "playregular", arial, sans-serif;
	width: 95%;
	text-align: center;
	padding: 6px 2%;
	border: 2px solid #FE6E18;
	margin: 0 auto;
	display: block;
}

.textoBotaoAPPNaoCorrentista {
	background: #FE6E18;
	width: 100%;
	padding: 0 0 5px 0;
	float: left;
}

.botaoBannerAPPNaoCorrentista b {
	color: #fff;
	font-size: 22px;
	margin: 5px 0 5px 0;
	display: block;
}

.botaoBannerAPPNaoCorrentista span {
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	margin-top: -7px;
	display: block;
}

.botaoBannerAPP {
	background: #fff;
	float: left;
	font-family: "playregular", arial, sans-serif;
	width: 97%;
	text-align: center;
	padding: 3px 1.5%;
	border: 2px solid #FE6E18;
	margin: 0 auto;
	display: block;
	margin-left: -2px;
}

.textoBotaoAPP {
	background: #FE6E18;
	width: 100%;
	padding: 0;
	float: left;
}

.botaoBannerAPP b {
	color: #fff;
	font-size: 18px;
}

.botaoBannerAPP span {
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	margin-top: -4px;
	display: block;
}

.botaoHabilitarConta {
	background: #fff;
	float: left;
	font-family: "playregular", arial, sans-serif;
	width: 99%;
	text-align: center;
	border: 2px solid #666;
}

.botaoHabilitarConta span {
	color: #fff;
	font-size: 14px;
	font-family: "playregular", arial, sans-serif;
}

.textoBotaoCCBanner {
	background: #5a595e;
	width: 95%;
	padding: 8px 1%;
	margin: 3px 1.5%;
	float: left;
}

.marginRightBannerHome {
	margin-right: 1.5%;
}
/* Inicio custom Primefaces */
.ui-datatable thead th, .ui-datatable tfoot td, .ui-datatable tfoot th {
	background: #ccc !important;
	font-family: "robotolight", arial, sans-serif !important;
	font-size: 11px !important;
	padding: 8px 0.1% !important;
	text-transform: uppercase;
}

.ui-datatable thead th {
	border-bottom: 2px solid #000 !important;
	border-left: 1px solid #000 !important;
	border-right: 1px solid #000 !important;
	border-top: 1px solid #000 !important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled,
	.ui-widget-header .ui-state-disabled {
	opacity: initial !important;
	background: #f4f4f4 !important;
}

textarea:disabled, select:disabled {
	background: #e3e3e3;
	cursor: crosshair;
}

input:disabled {
	cursor: crosshair;
}

.ui-datatable th div.ui-dt-c, .ui-datatable .ui-datatable-data td div.ui-dt-c,
	.ui-datatable .ui-datatable-data-empty td div.ui-dt-c, .ui-datatable tfoot td div.ui-dt-c
	{
	padding: 4px 0 !important;
}

.ui-widget-header {
	background: none !important;
	text-shadow: none !important;
	border: 0;
}

.ui-panel .ui-panel-title {
	color: #fff;
	text-transform: uppercase;
	font-family: "robotoregular", arial, sans-serif;
}

.ui-panel .ui-panel-titlebar {
	padding: 0.4em 1em 0.3em !important;
	background: #fb6910 !important;
}

.ui-panel .ui-panel-titlebar-icon, .ui-panel .ui-panel-titlebar-icon:hover,
	.ui-panel .ui-panel-titlebar-icon:focus {
	margin-top: 2px !important;
}
/* Fim custom Primefaces */
/* Inicio Grafico Chart */
table.jqplot-table-legend, table.jqplot-cursor-legend {
	border: 0 !important;
}

.jqplot-grid-canvas {
	display: none !important;
}

.sizeGrafico {
	width: 300px;
	height: 280px;
	margin-top: -70px;
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
	position: relative !important;
	top: 240px !important;
}

#chart_wrap {
	border: 0;
	position: relative;
	padding-bottom: 100%;
	height: 0;
	top: 15px;
	overflow: hidden;
}

#chart {
	position: relative;
	top: 0;
	left: 0;
	width: 70%;
	height: 100%;
	margin: 0 auto;
	display: block;
}
/* Fim Grafico Chart */
/* Inicio passo a passo registrato */
.passoApasso {
	font-family: "robotolight", arial, sans-serif;
	font-size: 12px;
	width: 98%;
	margin: 0 1%;
}

.passoApasso a {
	color: #f00 !important;
	font-weight: bold !important;
	word-break: break-all !important;
}

.passoApasso a:hover {
	color: #f90 !important;
	font-weight: bold !important;
}

.passoApasso p {
	font-size: 10px;
	color: #000;
	display: block;
}

.passoApasso .Alerta {
	font-size: 10px;
	color: #666;
	display: block;
}

.passoApasso span {
	font-size: 13px;
	color: #f7892d;
	display: block;
	font-weight: bold;
}

.textoPassos {
	padding-top: 5px;
}

.passoON {
	color: #f08034;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	border: 2px solid #f08034;
	font-size: 30px;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	margin: 0 10px 0 0;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.passoOFF {
	color: #ffb973;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	border: 2px solid #ffb973;
	font-size: 30px;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	margin: 0 10px 0 0;
}

.passoUM {
	width: 98%;
	margin: 25px 0 25px 0;
}

.passoDois {
	width: 98%;
	margin: 25px 0 25px 0;
}

.passoTres {
	width: 98%;
	margin: 25px 0 25px 0;
}

.passoQuatro {
	width: 98%;
	margin: 25px 0 25px 0;
}

.passoQuatro img {
	margin: 1px 0 0 9px;
}
/*Fim passo a passo registrato */
/* Inicio Menu Principal */
#basic-accordian {
	width: 99%;
	z-index: 2;
	font-family: "playregular", arial, sans-serif;
	border-right: 1px solid #fb6910;
	padding-bottom: 50px;
}

.accordion_headings {
	padding: 7px;
	background: #fff;
	color: #fb6910;
	border-bottom: 1px solid #fb6910;
	cursor: pointer;
	font-weight: bold;
	font-size: 15px;
	line-height: 30px;
}

.accordion_headings:hover {
	background: #ccc;
	color: #000;
}

.accordion_child {
	background: #fff;
}

.accordion_child a {
	display: block;
	color: #000;
	padding: 5px 0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
	font-family: "robotobold", Arial, sans-serif;
}

.accordion_child li {
	list-style: none;
	display: table;
}

.header_highlight {
	background: #f4f4f4;
	font-size: 14px;
}

.img-link {
	margin-right: 5px;
	float: left;
}

.borderBottomZero {
	border-bottom: 0 !important;
}

.menu-footer {
	width: 100%;
	float: none;
}

.menu-footer .linkMenu {
	text-decoration: none;
}

.linkMenu span {
	line-height: 34px;
}

#conteudoMenuMobile {
	position: absolute;
	z-index: 10000;
	background: #fff;
}

.effect {
	display: none;
}

.menu-desktop {
	display: block;
}

.menu-desktop h1 a:hover {
	text-decoration: none;
}

.menu-mobile {
	display: none;
}

.menu-mobile h1 a:hover {
	text-decoration: none;
}

.menu-footer-mobile h1, .mapa-site {
	padding: 10px !important;
	margin: 0;
	cursor: pointer;
	color: #fb6910;
}

.menu-footer-mobile h2, .mapa-site {
	padding: 10px 2%;
	margin: 0;
	cursor: pointer;
	color: #fb6910;
	border-bottom: 1px solid #fb6910;
	font-family: "playregular", Arial, sans-serif;
	font-size: 17px;
	text-transform: uppercase;
}

.mapa-site .maisoumenos {
	font-size: 15px;
}

.mapa-site {
	font-family: 'playbold', arial, sans-serif;
	font-size: 14px;
	display: block;
	color: #f36e25;
	text-transform: uppercase;
	text-align: center;
	background-color: #272727;
}
/* Fim Menu Principal */
/* Desktop */
.menu-footer-mobile-desktop h1, .mapa-site-desktop {
	padding: 10px !important;
	margin: 0;
	cursor: pointer;
	color: #fb6910;
}

.menu-footer-mobile-desktop h2, .mapa-site-desktop {
	padding: 13px 10px 10px 10px;
	margin: 0;
	cursor: pointer;
	color: #fb6910;
}

.mapa-site-desktop .navegueDesk {
	font-size: 15px;
}

.mapa-site-desktop {
	font-family: 'playbold', arial, sans-serif;
	font-size: 14px;
	display: block;
	color: #f36e25;
	text-transform: uppercase;
	text-align: center;
	background-color: #272727;
}
/* Fim css Menu Desktop */
.menu-footer .menu-social {
	width: 100%;
}

.menu-footer .menu-social ul li {
	float: none;
	width: 19%;
	margin: 24px 0 15px;
	display: inline-block;
	text-align: center;
}

.menu-footer .menu-social ul li .ico-blog {
	display: inline-block;
	margin: -12px 0;
	width: 100%;
}
/* clearfix */
.cf:before, .cf:after {
	content: " ";
	display: table
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
	margin-top: 0;
	margin-bottom: 0;
	background: #f4f4f4;
	border-bottom: 1px solid #fb6910;
}
/* Inicio Novo Teclado Virtual */
.novoTecladoVirtual {
	width: 495px;
	height: auto;
}

.chamadaNovoTecladoVirtual {
	background-image: url("");
	background-repeat: no-repeat;
	width: 147px;
	height: 46px;
	margin: 0 0 0 26px;
	float: left;
	position: absolute;
	*position: relative;
}

.bgTeclado {
	background: #fff;
	height: auto;
	padding: 10px 3% 15px 3% !important;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) !important;
	border: 1px solid #ccc;
}

.bgTecladoMini {
	background: #fff;
	width: 350px !important;
	height: auto;
	padding: 0 0 15px 0 !important;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) !important;
}

.bgTecladoSair {
	background: rgb(52, 51, 51) none repeat scroll 0% 0%;
	padding: 0px 2%;
	height: 40px;
	margin: 0px 0px 10px;
}

.bgTecladoSair h2 {
	line-height: 37px;
	margin-bottom: 0;
	margin-left: 3%;
}

.barraPanel {
	background: rgb(52, 51, 51) none repeat scroll 0% 0%;
	padding: 0px 2%;
	height: 40px;
	margin: 0;
}

.barraPanel h2 {
	line-height: 37px;
	margin-bottom: 0;
	margin-left: 1;
}

.fecharPanel {
	box-shadow: none !important;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	height: 40px !important;
	font-size: 16px !important;
}

.tecladoVirtualRight {
	margin: 0 12px 10px 10px !important;
	float: right !important;
}

.campoSenha {
	width: 210px !important;
}

.paddingTDQ {
	padding-left: 34px !important;
}

.paddingTDA {
	padding-left: 34px !important;
}

.paddingTDZ {
	padding-left: 20px !important;
}

.paddingTecladoToken {
	margin-left: 34px;
}

.alertaTecladoVirtual {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F90;
	font-weight: bold;
	margin: 5px 0 5px 0;
	display: block;
	float: left;
}

.boxMensagemTeclado {
	background-image: url("");
	background-repeat: no-repeat;
	height: 40px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	width: 294px;
}

#keypad-div {
	padding: 10px !important;
	margin: 5px 0 5px 15px !important;
	display: block !important;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
}

.ui-shadow {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
}

.tableBotoesBottom {
	width: 100%;
	float: left !important;
}

.tdTableBotoes {
	float: right !important;
	margin-right: 7px !important;
}

.formularioLogin .entrarSistema {
	background: none repeat scroll 0 0 #F6882C;
	border: 2px solid #FF9900;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-family: "verdana", arial, sans-serif;
	font-size: 11px !important;
	padding: 1px 2px 3px !important;
	width: 75px;
}

.formularioLogin {
	font-size: 12px;
}

.formularioLoginTecladoVirtual {
	width: 517px;
	position: absolute;
	margin: 0 auto;
	top: 20%;
	left: 25%;
	right: 25%;
	z-index: 10000;
}

.formularioLogin input {
	border: 1px solid #ccc;
	color: #000;
	margin: 2px 3px 3px 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	font-size: 12px !important;
	text-transform: none;
}

.formularioLogin .Dv {
	width: 15px;
	margin: 0;
}

.formularioLogin .telefone {
	width: 250px;
	margin: 4px;
	display: block;
}

.formularioLogin .telefoneMin {
	width: 136px;
	width: 138px \9;
	*width: 138px;
	_width: 138px;
	margin: 4px;
	display: block;
}

.formularioLogin textarea {
	border: 1px solid #f90;
	color: #888888;
	font-family: "verdana", arial, sans-serif;
	font-size: 9pt;
	height: 110px;
	padding: 4px;
	margin: 4px;
	width: 545px;
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

.formularioLogin select {
	background-color: #FFFFFF;
	border: 1px solid #f7892d;
	color: #888888;
	font-family: "verdana", arial, sans-serif;
	font-size: 8pt;
	padding: 4px 4px 4px 0;
	margin: 4px;
	width: 310px;
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

.formularioLogin select option {
	margin: 5px;
}

.formularioLogin .enviar {
	border: 1px solid #f90;
	color: #888888;
	font-family: "verdana", arial, sans-serif;
	font-size: 9pt;
	padding: 2px 4px 4px;
	margin: 4px 5px 4px 4px;
	width: 80px;
	display: block;
	float: left;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

.formularioLogin .enviarLogin {
	margin-left: 129px !important;
	*margin-right: 53px !important;
}

.formularioLogin .DVLogin {
	margin: 3px 1px 3px 0 !important;
	float: left !important;
}

.formularioLogin .tracoDV {
	padding: 4px !important;
	float: left !important;
}

.formularioLogin .campoLogin {
	width: 151px;
}

.formularioLogin .limparSistema {
	background: none repeat scroll 0 0 #fff;
	border: 2px solid #FF9900;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	color: #FF9900;
	cursor: pointer;
	display: block;
	font-family: "verdana", arial, sans-serif;
	font-size: 11px !important;
	padding: 1px 2px 3px !important;
	width: 75px;
}

.formularioLogin th, caption {
	padding: 0;
	background: none;
	border: 0;
}

.btsResgate {
	cursor: pointer;
	float: left;
	font-weight: bold !important;
	height: 33px;
	margin: 2px !important;
	padding: 2px 4px 4px 3px !important;
	width: 30px !important;
	background: #fff !important;
}

.btsResgateMini {
	cursor: pointer;
	float: left;
	font-weight: bold !important;
	height: 33px;
	margin: 2px !important;
	padding: 2px 4px 4px 3px !important;
	width: 30px !important;
	background: #fff !important;
}

.btsResgateBean {
	cursor: pointer;
	float: left;
	font-weight: bold !important;
	height: 33px;
	margin: 2px !important;
	padding: 2px 4px 4px 3px !important;
	width: 37px !important;
	background: #fff !important;
}

.btsResgate input img {
	border: 0;
}

.btsResgateFinal {
	float: left;
	cursor: pointer;
	width: 121px !important;
	height: 31px;
	margin: 0 15px 0 0;
}

.btsResgateFinal img {
	border: 0;
}

.btTecladoImg {
	cursor: pointer;
	float: left;
	font-weight: bold !important;
	height: 17px;
	margin: 2px !important;
	padding: 8px 7px 9px 7px !important;
	width: 14px;
	background: #fff !important;
}

.btTecladoImg img {
	border: 0;
}

.bgTecladoMin {
	width: 98% !important;
	border: 0;
}
/* Efeito Loading */
.imgLoading {
	position: fixed;
	visibility: visible;
	z-index: 1000;
	background-color: RGBA(255, 255, 255, 0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.imgLoading img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	o-border-radius: 50%;
	top: 40%;
	left: 25%;
	right: 25%;
	margin: 0 auto;
	position: absolute;
}

.alerta-serie {
	background-color: #ffcab8 !important;
}

.btn-acao-crud {
	display: inline-block;
	width: 30px;
}

#aviso-privacidade {
	border: 1px solid #fb6910;
	padding: 10px;
	display: flex;
}
#aviso-privacidade .icon {
	margin-right: 10px;
}
#aviso-privacidade .mensagem .bold {
	display: block;
	font-weight: bold;
	font-family: robotoregular;
}


/* Fim efeito Loading */
@media ( max-width :1366px) {
	.ui-picklist .ui-picklist-list {
		width: 366px !important;
	}
}

@media ( min-width :1280px) {
	.tabelaFormRadioBlock label {
		line-height: 21px
	}
}
/* Fim Novo Teclado Virtual */
@media ( max-width :1024px) {
	.tableScroll {
		width: 1200px !important;
	}
	.ui-button-text-only .ui-button-text {
		padding: 0 !important;
	}
	.marginLeftAcesso {
		margin-left: 0;
	}
	.footerGeral {
		width: 100%;
		position: relative;
	}
	.formularioLoginTecladoVirtual {
		left: 15%;
		right: 15%;
	}
	.panelDialog {
		top: 5%;
		left: 10%;
		right: 10%;
	}
	.ocultarColuna {
		display: none !important;
	}
	.topoZero {
		margin-top: 0 !important;
	}
	#pag_404 h2 {
		margin-top: 40px;
		text-align: center;
	}
	#pag_404 h3 {
		text-align: center;
	}
	.topo14-mobile {
		margin-top: 14px !important;
	}
	.tabelaPaginacao {
		margin: 0 auto;
	}
	.h2Sucesso {
		font-size: 52px !important;
		line-height: 65px !important;
	}
	.marginDivLeft {
		margin-left: 0;
	}
	.ui-datatable-tablewrapper {
		height: auto;
	}
	.ui-icon-arrow-1-e {
		background-position: -64px -32px !important;
	}
	.ui-icon-arrowstop-1-e {
		background-position: -225px -32px !important;
	}
	.ui-icon-arrow-1-w {
		background-position: 0px -32px !important;
	}
	.ui-icon-arrowstop-1-w {
		background-position: -192px -32px !important;
	}
	.ui-picklist .ui-picklist-list {
		width: 280px !important;
	}
	.ui-picklist>div {
		float: left !important;
		margin-top: 20px;
		width: 100%;
	}
	.ui-picklist .ui-picklist-buttons {
		height: auto !important;
	}
	.ui-picklist .ui-button {
		display: inline !important;
		margin: 2% !important;
	}
	.labelFormCartao label {
		float: left;
	}
	.divTopNegativo {
		margin-top: 0;
	}
	.marginLeftRight {
		margin-left: 0;
		margin-right: 0;
	}
	.ocultarDiv {
		display: none;
	}
}

@media ( min-width :641px) and (max-width:800px) {
	.img-link {
		margin-right: 2px;
	}
	.accordion_headings {
		font-size: 11px;
	}
	.accordion_child a {
		font-size: 10px;
	}
	.texto span {
		font-size: 11px;
	}
	.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10,
		.tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20,
		.mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25,
		.tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35,
		.mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40,
		.tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50,
		.mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55,
		.tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65,
		.mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70,
		.tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80,
		.mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85,
		.tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95,
		.mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100,
		.tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66,
		.mobile-grid-66, .tablet-grid-66 {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px; /* <IE7> */
		*padding-left: 0;
		*padding-right: 0; /* </IE7> */
	}
}

@media ( max-width :640px) {
	p {
		font-size: 14px;
	}
	#basic-accordian {
		width: 100%;
	}
	.boxResumoLeft {
		border-right: 0;
	}
	.grid-container {
		padding: 10px 0 0 0;
	}
	.boxResultadosSaldo {
		margin-top: 0;
	}
	.botaoTabela {
		font-size: 12px !important;
	}
	.tabelaFormRadioBlock input {
		margin-top: 2px;
	}
	.tabelaFormRadioleft td {
		padding: 5px 1%;
		display: block;
	}
	.tabelaFormRadioleft input {
		margin-top: 2px;
	}
	.formularioLoginTecladoVirtual {
		position: fixed;
		top: auto;
		left: 0;
		right: 0;
		z-index: 10000;
		bottom: 0;
		width: 100%;
		clear: both;
	}
	.bgTeclado {
		border: 0;
		padding: 0 0 20px 0 !important;
		box-shadow: none !important;
	}
	.bgTecladoMini {
		border: 0;
		padding: 0 0 20px 0 !important;
	}
	.btsResgate {
		height: 32px;
		width: 6.4% !important;
		margin: 1px !important;
	}
	.paddingTDQ {
		padding-left: 0 !important;
		margin-left: 7%;
	}
	.paddingTDA {
		padding-left: 0 !important;
		margin-left: 7%;
	}
	.paddingTDZ {
		padding-left: 0 !important;
		margin-left: 3%;
	}
	.btTecladoImg {
		font-weight: bold !important;
		height: 22px;
		padding: 6px 0px !important;
		width: 6%;
		background: #ebebeb !important;
		margin-top: 1px !important;
	}
	.displayForm {
		display: block;
		float: none;
	}
	.panelDialog {
		top: 5%;
		left: 2%;
		right: 2%;
	}
	#lightBox {
		background-color: RGBA(0, 0, 0, 0.2);
	}
	.lightBox {
		background-color: RGBA(0, 0, 0, 0.2);
	}
	.menu-desktop {
		display: none;
	}
	.menu-mobile {
		display: block;
	}
	.footerBottom {
		padding: 4% 0.5%;
	}
	.ui-autocomplete-panel {
		width: 89.5% !important;
	}
	.imgCartaoConsultaMaster {
		width: 50%;
	}
	.imgCartaoConsultaCabal {
		width: 40%;
	}
	.topo10-mobile {
		margin-top: 10px;
	}
	.topo14-mobile {
		margin-top: 14px;
	}
	.topo15-mobile {
		margin-top: 15px;
	}
	.topo55-mobile {
		margin-top: 55px;
	}
	.textoUpLoad {
		width: 97% !important;
	}
	.coluna56 {
		width: 25%;
	}
	.coluna14 {
		width: 25%;
	}
	.topo {
		padding: 12px 0px 5px 0;
		-webkit-background-size: auto;
		-o-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
		background: #dddddd
			url("/javax.faces.resource/topo-novo-portal-tablet.jpg.jsf?ln=img-novo-layout");
		background-repeat: no-repeat;
	}
	.botaoPCommandOn {
		background: url("/javax.faces.resource/bt-on-mobile.png.jsf?ln=img-novo-layout")
			no-repeat !important;
		width: 140px !important;
		height: 43px !important;
		border: none !important;
		box-shadow: none !important;
	}
	.botaoPCommandOff {
		background: url("/javax.faces.resource/bt-off-mobile.png.jsf?ln=img-novo-layout")
			no-repeat !important;
		width: 140px !important;
		height: 43px !important;
		border: none !important;
		box-shadow: none !important;
	}
}

@media ( max-width :480px) {
	.simule span {
		font-size: 11px;
	}
	.fonteTabela td {
		font-size: 9px !important;
	}
	.imgPagina {
		padding: 7px 1% 0 1% !important;
	}
	.botaoTabela {
		font-size: 11px !important;
	}
	.tabelaLinha td {
		display: block;
		word-break: break-all;
	}
	.displayInlineGrid td {
		display: inline-grid !important;
	}
	#pag_404 h3, #pag_404 h2 {
		font-size: 32px;
		line-height: 40px;
	}
	.textoAlerta {
		font-size: 32px !important;
	}
	.texto500 h2, .texto500 h3 {
		font-size: 32px !important;
		line-height: 50px !important
	}
	.textoAcessoNegado h2 {
		font-size: 48px !important;
	}
	.textoAcessoNegado h3 {
		font-size: 48px !important;
		margin-bottom: 50px !important;
	}
	.bgTecladoSair {
		height: 35px;
	}
	.bgTecladoSair h2 {
		line-height: 32px;
		font-size: 12px;
	}
	.barraPanel {
		height: 35px;
	}
	.barraPanel h2 {
		line-height: 32px;
		font-size: 12px;
	}
	.ocultarJanela .ocultar {
		height: 35px;
		line-height: 34px;
		font-size: 18px;
	}
	.bgTecladoMini {
		width: 100% !important;
	}
	.fecharPanel {
		height: 35px !important;
	}
	.tabelaTotalGeral td {
		font-size: 9px;
		padding: 10px 0 !important;
	}
	.ocultarFooter {
		right: 5px;
		margin-top: 22px;
	}
}

@media ( max-width :480px) and (min-width:360px) {
}

@media ( max-width :640px) and (min-width:360px) {
	.ui-picklist .ui-picklist-list {
		width: 321px !important;
	}
	.topoMobileSeguranca {
		margin-top: 31px !important;
	}
	.bottom10-mobile {
		margin-bottom: 10px !important;
	}
	.bottom20-mobile {
		margin-bottom: 20px !important;
	}
	.topo10-mobile {
		margin-top: 10px !important;
	}
	.topo18-mobile {
		margin-top: 18px !important;
	}
	.topo20-mobile {
		margin-top: 20px !important;
	}
	.topo28-mobile {
		margin-top: 28px !important;
	}
	.topo30-mobile {
		margin-top: 30px !important;
	}
	.topo40-mobile {
		margin-top: 40px !important;
	}
	.topo50-mobile {
		margin-top: 50px !important;
	}
	.bottom10-mobile {
		margin-bottom: 10px !important;
	}
	.bottom20-mobile {
		margin-bottom: 20px !important;
	}
	#pag_alterarBordero .imgBordero {
		margin-left: 24px;
		margin-top: 10px;
		margin-bottom: 80px;
	}
}

@media ( max-width :767px) and (min-width:640px) {
	#pag_alterarBordero .imgBordero {
		margin-left: 54px;
		margin-top: 7px;
		margin-bottom: 95px;
	}
}

@media ( max-width :360px) {
	.textoCentralizado-mobile input {
		text-align: center !important;
	}
	.tabelaDados span {
		text-align: right;
		font-family: "robotolight", arial, sans-serif;
		color: #999 !important;
		padding: 10px 10px 10px 0;
		font-size: 11px;
	}
	.tabelaDados td {
		width: 50%;
		word-break: break-all;
	}
	a.btn-acessarChat {
		padding: 16px 30px;
	}
	.grid-containerErro {
		width: 100%;
	}
	.fontSizeAlertaH4 {
		font-size: 15px;
	}
}

@media ( max-width :767px) and (min-width:320px) {
	#pag_404 h3, #pag_404 h2, .texto500 h3, .textoAcessoNegado h3,
		.textoAcessoNegado h2, #pag_alterarSenha h2, #pag_alterarBordero h2 {
		text-align: center !important;
	}
	#pag_alterarBordero h3 {
		text-align: center !important;
		line-height: 27px !important;
		margin-bottom: 10px !important;
		margin-top: -16px;
	}
	#pag_alterarSenha h3 {
		text-align: center !important;
		line-height: 27px !important;
		margin-bottom: 10px !important;
		margin-top: -16px;
	}
	#pag_alterarBordero h2 {
		font-size: 60px !important;
		line-height: 70px;
	}
	#pag_alterarSenha h2 {
		font-size: 60px;
		line-height: 70px;
	}
	.textoAcessoNegado h3 {
		margin-bottom: 50px !important;
	}
	#pag_alterarBordero h2 {
		margin-top: -68px !important;
	}
	#pag_alterarSenha h2 {
		margin-top: -88px !important;
	}
	#pag_alterarBordero .txtBordero {
		margin-top: 310px !important;
	}
	.imgCenter {
		text-align: center !important;
	}
	.mLeft5 {
		margin-left: 5px !important;
	}
	.listaPermi-mobile ul.ui-widget-content.ui-orderlist-list.ui-corner-all.ui-sortable
		{
		width: 142px !important;
	}
	.bottom10-mobile {
		margin-bottom: 10px !important;
	}
	.bottom20-mobile {
		margin-bottom: 20px !important;
	}
	.topo10-mobile {
		margin-top: 10px !important;
	}
	.topo18-mobile {
		margin-top: 18px !important;
	}
	.topo20-mobile {
		margin-top: 20px !important;
	}
	.topo28-mobile {
		margin-top: 28px !important;
	}
	.topo30-mobile {
		margin-top: 30px !important;
	}
	.topo40-mobile {
		margin-top: 40px !important;
	}
	.topo50-mobile {
		margin-top: 50px !important;
	}
	.topo250-mobile {
		margin-top: 250px !important;
	}
	.bottom10-mobile {
		margin-bottom: 10px !important;
	}
	.bottom20-mobile {
		margin-bottom: 20px !important;
	}
}

@media ( max-width :320px) {
	#pag_alterarBordero .txtBordero {
		margin-top: 140px !important;
	}
	#pag_alterarBordero h2 {
		font-size: 50px !important;
		margin-bottom: -10px;
	}
	#pag_alterarBordero h2, #pag_alterarBordero h3 {
		text-align: center;
	}
	#pag_alterarBordero .imgBordero {
		margin-left: 15px;
		margin-top: 20px;
	}
}

@media ( max-width :255px) {
	.barraPanel h2 {
		line-height: 32px;
		font-size: 10px;
	}
}

@media screen and (max-width:767px) {
	#pag_404 {
		padding-top: 20px;
	}
	.logoTopoLogin {
		margin: 0 auto;
		display: block;
	}
	#pag_404 .text-center img {
		display: none;
	}
	#pag_404 h2, .textoAcessoNegado h2, .texto500 h2 {
		margin: 10px 0 0 0;
	}
	#pag_404 p {
		margin: 20px 0;
	}
	.topo10-tablet {
		margin-top: 10px !important;
	}
	.floatLeft-mobile {
		float: left !important;
	}
	.mLeft0 {
		margin-left: 0px !important;
	}
	.widthAlertaErro {
		width: 55%;
	}
	.widthAlertaRelogio {
		width: 60%;
	}
	.grid-parentMobile {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.topo span {
		text-align: center;
		margin-top: 2px;
	}
	.topo p {
		font-size: 13px;
		letter-spacing: 1px;
		margin-top: 0;
		margin-bottom: 7px;
		text-align: center;
		line-height: 12px;
	}
}

@media ( max-width :1024px) and (min-width:950px) {
	.coluna56 {
		width: 48%;
	}
	.coluna14 {
		width: 16%;
	}
}

@media ( max-width :1024px) and (min-width:768px) {
	.topo {
		padding: 20px 0px 20px 0;
		-webkit-background-size: auto;
		-o-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
		background: #ddd
			url("/javax.faces.resource/topo-novo-portal-tablet.jpg.jsf?ln=img-novo-layout");
		background-repeat: no-repeat;
	}
	.topo14-mobile {
		margin-top: 14px !important;
	}
	.resultadosRight td {
		display: inline-grid !important;
	}
	.imgCenter {
		text-align: center !important;
	}
	#pag_alterarBordero h3 {
		text-align: center !important;
		line-height: 27px !important;
		margin-bottom: 10px !important;
		margin-top: -16px;
	}
	#pag_alterarSenha h3 {
		text-align: center !important;
		line-height: 27px !important;
		margin-bottom: 10px !important;
		margin-top: -16px;
	}
	#pag_alterarBordero .imgBordero {
		margin-left: 4px;
		margin-top: 20px;
	}
	.mLeft0 {
		margin-left: 0px !important;
	}
	.mLeft5 {
		margin-left: 5px !important;
	}
	.mLeft10 {
		margin-left: 10px !important;
	}
	.mLeft70-tablet {
		margin-left: 70px !important;
	}
	.mLeft80-tablet {
		margin-left: 80px !important;
	}
	.mLeft85-tablet {
		margin-left: 85px !important;
	}
	.mLeft90-tablet {
		margin-left: 90px !important;
	}
	.topo10-tablet {
		margin-top: 10px !important;
	}
	.topo18-tablet {
		margin-top: 18px !important;
	}
	.topo20-tablet {
		margin-top: 20px !important;
	}
	.topo28-tablet {
		margin-top: 28px !important;
	}
	.topo30-tablet {
		margin-top: 30px !important;
	}
	.topo40-tablet {
		margin-top: 40px !important;
	}
	.topo50-tablet {
		margin-top: 50px !important;
	}
	.bottom10-tablet {
		margin-bottom: 10px !important;
	}
	.bottom20-tablet {
		margin-bottom: 20px !important;
	}
	.sizeGrafico {
		width: 270px;
		height: 200px;
		position: relative !important;
		top: 50px !important;
	}
	table.jqplot-table-legend, table.jqplot-cursor-legend {
		top: 150px !important;
		position: relative !important;
	}
	.ui-picklist .ui-picklist-list {
		width: 420px !important;
	}
	.listaPermi-mobile ul.ui-widget-content.ui-orderlist-list.ui-corner-all.ui-sortable
		{
		width: 172px !important;
	}
	.widthAlertaErro {
		width: 40%;
	}
	.widthAlertaRelogio {
		width: 40%;
	}
	.ui-autocomplete-panel {
		width: 55% !important;
	}
	.fontSizeAlertaH4 {
		font-size: 18px;
	}
	.widthTdDTVM {
		width: 38.88%;
	}
	.widthTdLiquidoDTVM {
		width: 14.82%;
	}
	.grid-parentMobile {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.cliente span {
		margin-top: 9px;
	}
	.cliente img {
		padding-bottom: 2px;
	}
	.coluna56 {
		width: 25%;
	}
	.coluna14 {
		width: 25%;
	}
	.tabelaTotal td {
		font-size: 10px;
	}
	.tabelaTotalGeral td {
		font-size: 10px;
	}
	.botaoPCommandOn {
		background: url("/javax.faces.resource/bt-on-tablet.png.jsf?ln=img-novo-layout")
			no-repeat !important;
		width: 180px !important;
		height: 55px !important;
		border: none !important;
		box-shadow: none !important;
	}
	.botaoPCommandOff {
		background: url("/javax.faces.resource/bt-off-tablet.png.jsf?ln=img-novo-layout")
			no-repeat !important;
		width: 180px !important;
		height: 55px !important;
		border: none !important;
		box-shadow: none !important;
	}
	.h2Center {
		text-align: center;
	}
	.topoLoginTablet {
		padding-top: 11px !important;
	}
}