/* Inicio Fontes Extras */

/* open Sans */
@font-face {
	font-family: 'open_sansregular';
	src: url("/imagens/OpenSans-Regular-webfont.eot");
	src: url("")
		format('embedded-opentype'),
		url("/imagens/opensans-regular-webfont.woff2")
		format('woff2'),
		url("/imagens/opensans-regular-webfont.woff")
		format('woff'),
		url("/imagens/opensans-regular-webfont.ttf")
		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&v=4972");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-black-webfont.woff2.jsf?ln=font&v=4972") format('woff2'),
		url("/javax.faces.resource/roboto-black-webfont.woff.jsf?ln=font&v=4972") format('woff'),
		url("/javax.faces.resource/roboto-black-webfont.ttf.jsf?ln=font&v=4972") 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&v=4972");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-bold-webfont.woff2.jsf?ln=font&v=4972") format('woff2'),
		url("/javax.faces.resource/roboto-bold-webfont.woff.jsf?ln=font&v=4972") format('woff'),
		url("/javax.faces.resource/roboto-bold-webfont.ttf.jsf?ln=font&v=4972") 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&v=4972")
		format('woff2'),
		url("/javax.faces.resource/roboto-boldcondensed-webfont.woff.jsf?ln=font&v=4972")
		format('woff'),
		url("/javax.faces.resource/roboto-boldcondensed-webfont.ttf.jsf?ln=font&v=4972")
		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&v=4972");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-condensed-webfont.woff2.jsf?ln=font&v=4972")
		format('woff2'),
		url("/javax.faces.resource/roboto-condensed-webfont.woff.jsf?ln=font&v=4972")
		format('woff'),
		url("/javax.faces.resource/roboto-condensed-webfont.ttf.jsf?ln=font&v=4972")
		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&v=4972");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-light-webfont.woff2.jsf?ln=font&v=4972") format('woff2'),
		url("/javax.faces.resource/roboto-light-webfont.woff.jsf?ln=font&v=4972") format('woff'),
		url("/javax.faces.resource/roboto-light-webfont.ttf.jsf?ln=font&v=4972") 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&v=4972");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-medium-webfont.woff2.jsf?ln=font&v=4972") format('woff2'),
		url("/javax.faces.resource/roboto-medium-webfont.woff.jsf?ln=font&v=4972") format('woff'),
		url("/javax.faces.resource/roboto-medium-webfont.ttf.jsf?ln=font&v=4972")
		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&v=4972");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-regular-webfont.woff2.jsf?ln=font&v=4972")
		format('woff2'),
		url("/javax.faces.resource/roboto-regular-webfont.woff.jsf?ln=font&v=4972") format('woff'),
		url("/javax.faces.resource/roboto-regular-webfont.ttf.jsf?ln=font&v=4972")
		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&v=4972");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/roboto-thin-webfont.woff2.jsf?ln=font&v=4972") format('woff2'),
		url("/javax.faces.resource/roboto-thin-webfont.woff.jsf?ln=font&v=4972") format('woff'),
		url("/javax.faces.resource/roboto-thin-webfont.ttf.jsf?ln=font&v=4972") 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&v=4972");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/play-bold-webfont.woff2.jsf?ln=font&v=4972") format('woff2'),
		url("/javax.faces.resource/play-bold-webfont.woff.jsf?ln=font&v=4972") format('woff'),
		url("/javax.faces.resource/play-bold-webfont.ttf.jsf?ln=font&v=4972") 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&v=4972");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/play-regular-webfont.woff2.jsf?ln=font&v=4972") format('woff2'),
		url("/javax.faces.resource/play-regular-webfont.woff.jsf?ln=font&v=4972") format('woff'),
		url("/javax.faces.resource/play-regular-webfont.ttf.jsf?ln=font&v=4972") format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HALTER';
	src: url("/javax.faces.resource/HALTER.eot.jsf?ln=font&v=4972");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/Halter.woff.jsf?ln=font&v=4972") format('woff'),
		url("/javax.faces.resource/HALTER.ttf.jsf?ln=font&v=4972") format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HALTERA';
	src: url("/javax.faces.resource/HALTERA.eot.jsf?ln=font&v=4972");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/HalterAntigenic.woff.jsf?ln=font&v=4972") format('woff'),
		url("/javax.faces.resource/HALTERA.ttf.jsf?ln=font&v=4972") format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HALTERP';
	src: url("/javax.faces.resource/HALTERP.eot.jsf?ln=font&v=4972");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/HalterPinchy.woff.jsf?ln=font&v=4972") format('woff'),
		url("/javax.faces.resource/HALTERP.ttf.jsf?ln=font&v=4972") format('truetype'),
		url("")
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'cardc';
	src: url("");
	src: url("")
		format('embedded-opentype'),
		url("/javax.faces.resource/CardCharacters.woff.jsf?ln=font&v=4972") format('woff'),
		url("/javax.faces.resource/CardCharacters.ttf.jsf?ln=font&v=4972") 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,fieldset,legend,dd,del,details,dfn,dialog,div,dl,dt,em,embed,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,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%;
}

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: 10px;
}

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;
}

.fieldsetBorder {
    border-radius: 3px;
    border: 0;
    padding: 5px 3% 0px 3%;
    width: 94%;
    height: 90px;
    box-shadow: 0 0 2px #5B5B5B;
    background-color: #fff;
}

.fieldsetBorder Legend {
    padding: 0 2% 0 0;
    background: #fff;
    font-size: 14px;
    color: #666;
}
pre,code {
	font-family: "robotobold", Verdana, Arial, sans-serif;
}

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

h1 {
	font-size: 25px;
	color: #f96e1b;
	font-family: "robotolight", Verdana, Arial, sans-serif;
}

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

h2 {
	font-size: 15px;
	color: #f96e1b;
	font-family: "robotolight", Verdana, Arial, sans-serif;
	line-height: 20px;
}

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

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;
}

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

a {
	color: #000;
	text-decoration: none;
	font-family: "robotolight", Verdana, Arial, sans-serif;
	outline: 0;
}

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

.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", Verdana, 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: 13px;
	text-align: right;
	font-family: "robotolight", Verdana, Arial, sans-serif;
}

.resultadosRight .spanValores {
	float: right;
	margin-top: 4px;
}

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

.resultadosRight tbody td{
	border-bottom: 1px solid #ccc;
}

.resultadosRight tfoot td{
	border: none !important;
}

.resultadosRight td{
	padding-top: 8px;
}

.totalBoxRight {
	font-family: "robotomedium", Verdana, Arial, sans-serif !important;
}



/* Fim Box Right */

/*Inicio  Barra Black Topo */
.barraTopoBlack {
	background: #343233;
	width: 100%;
	height: auto;
	float: left;
}

.barraTopoBlack .cliente {
	padding: 0.4em;
}

.barraTopoBlack a {
	color: #fff;
	font-family: "playbold", Verdana, Arial, sans-serif;
	line-height: 35px;
	padding-left: 37px;
}

.cliente span {
	float: left;
	color: #fff;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}

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

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

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

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

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

.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", Verdana, 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: 20px 0 20px 0;
	background: #fa7e22 url("/javax.faces.resource/bg-topo-ib.jpg.jsf?ln=img&v=4972");
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}

.topo span {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	display: block;
	font-family: "playbold", Verdana, Arial, sans-serif;
	margin-top: 43px;
}

.logoTopo {
	margin-top: 2px;
	margin-right: 10%;
	float: left;
}

.imgSeguranca {
	float: right;
}
/* Fim topo */

/* inicio componentes formularios */
input[type="text"] {
	border: 2px solid #bdc3c7 !important;
	display: block;
	width: 98%;
	line-height: 2.2em;
	font-size: 12px !important;
	font-family: 'robotomedium', Verdana, Arial, sans-serif !important;
	padding: 0 1% 0 1%;
	font-weight: 200 !important;
	height: 35px;
}

textarea {
	border: 2px solid #bdc3c7 !important;
	display: block;
	width: 98%;
	line-height: 2.2em;
	font-size: 12px !important;
	font-family: 'robotomedium' !important;
	padding: 0 1% 0 1%;
	font-weight: 200 !important;
}

input[type=text] {
	outline: none;
}

input[type='password'] {
	border: 2px solid #bdc3c7;
	display: block;
	width: 97%;
	font-size: 12px;
	font-family: 'robotomedium', Verdana, Arial, sans-serif;
	padding: 0 1.5% !important;
	font-weight: 200;
	height: 37px;
}

.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-message-info, .ui-message-error, .ui-message-warn, .ui-message-fatal{
	margin: 1px -4px 0 0 !important;
	border: 2px solid !important;
}

.ui-messages-error, .ui-message-error {
    color: #b94a48;
    background-color: #f4f4f4;
    border-color: #ccc;
}

.selectMenu label {
	font-size: 13px;
	color: #666;
	margin-right: 30px;
}

.selectMenu input[type="radio"] {
	float: left;
}

/* 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;
}
/* Fim efeito Loading */

.tabUpDown {
	background: RGBA(52, 51, 51, 0.8) !important;
	color: #fff !important;
	font-size: 12px;
	padding: 0 !important;
	margin: 0 0 3px 0;
}

.tabUpDown span {
	float: left;
}

.tabUpDown a {
	color: #fff !important;
	cursor: pointer;
	float: left;
	margin: 0;
	width: 100%;
	height: 40px;
	line-height: 38px;
}

.tabUpDown a:hover {
	text-decoration: none;
	background: #777;
}

.tabUpDown img {
	margin: 8px 2px 0 10px;
}

.imgUp{
	margin-top: 10px !important;
}

.tituloRowMobile{
	text-transform: uppercase;
}

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

.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: #f96e1b !important;
	font-family: "robotolight", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	background-color: #fff !important;
	border: 2px solid #F96E1B !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 #F96E1B !important;
	padding: 8px 1% 8px 1%;
	width: 98%;
	color: #f96e1b;
	float: left;
	word-wrap: break-word;
	list-style: none;
	font-family: "robotolight", Verdana, Arial, sans-serif;
	text-transform: uppercase;
}

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

.ui-corner-all {
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-o-border-radius: 0 !important;
}

.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", Verdana, Arial, sans-serif;
}

.ui-datepicker {
    box-shadow: 0 0 2px #000;
    margin-left: 2px;
}

.ui-datepicker table {
	font-family: "robotoregular", Verdana, 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;
	border: 2px solid #bdc3c7 !important;
}

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

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

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

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

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

.ui-icon-seek-end {
	background-position: -64px -158px !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;
}

.boxShadowAutenticacao{
	box-shadow: 0 0 5px #000;
}

#lightBoxMSN {
	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;
}

.bgBoxMSN{
	background: #f4f4f4;
	padding: 10px;
}

.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: 100%;
	background: url("/javax.faces.resource/bt-select.jpg.jsf?ln=img&v=4972") right center;
	background-repeat: no-repeat;
	cursor: pointer;
	border: 2px solid #bdc3c7 !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
	font-family: "robotoregular", Verdana, 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', Verdana, Arial, sans-serif;
	padding: 8px 22px 8px 5px;
	border: 0;
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}
/* Fim componentes formularios */

/* Inicio botoes */
.botaoBemVindo {
	background: url("/javax.faces.resource/sprite-menu-topo.png.jsf?ln=img&v=4972") -10px -58px no-repeat;
	width: 54px;
	height: 54px;
	margin: 0 auto;
}

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

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

.botaoTopoSimulador {
	background: url("/javax.faces.resource/sprite-menu-topo.png.jsf?ln=img&v=4972") -12px -114px no-repeat;
	width: 54px;
	height: 54px;
	margin: 0 auto;
}

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

.botaoPCommandOn {
    background: url("/javax.faces.resource/bt-on.png.jsf?ln=img&v=4972") no-repeat !important;
    width: 235px !important;
    height: 72px !important;
    border: none !important;
    box-shadow: none !important;
}

.botaoPCommandOff {
    background: url("/javax.faces.resource/bt-off.png.jsf?ln=img&v=4972") 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"] {
	border: 0 none;
	background: #f96e1b;
	color: rgb(255, 255, 255);
	padding: 5px 1% 7px 1%;
	font-weight: bold;
	font-family: "robotolight", Verdana, Arial, sans-serif;
	box-shadow: 0px 3px rgb(0, 0, 0);
	line-height: 19px;
	width: 100%;
	font-size: 14px;
	margin: 0;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-appearance: none;
	-o-border-radius: 3px;
	border-radius: 3px;
	height: 34px;
}

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

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

.botaoLink {
	border: 0;
	background: #f96e1b;
	color: #fff;
	padding: 6px 1% 7px 0;
	font-weight: bold;
	font-family: "robotolight", Verdana, Arial, sans-serif;
	box-shadow: 0px 3px rgb(0, 0, 0);
	width: 98%;
	font-size: 14px;
	margin: 0;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	display: block;
	text-align: center;
}

.botaoLink:hover,.botaoLink a:hover {
	background-color: #f37f25;
	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;
	font-size: 14px !important;
	font-family: "robotolight", Verdana, Arial, sans-serif;
	height: 39px !important;	
}

.botaoTabela {
	color: #f96e1b !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;
	outline: none;
}

/*classe para imagens responsivas*/
.boxResumoLeft {
	background: #fff;
	float: left;
	height: auto;
	border-right: 1px solid #F96E1B;
	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%;
}

.marginLeftCartoes {
	margin-left: 25%;
}

.botaosa {
	font-size: 13px !important;
	padding: 0 !important;
	line-height: 13px !important;
	background: none !important;
	color: #f96e1b !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;
}

.widthScroll {
	width: 1500px !important;
}

.tabela {
	
}

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

.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", Tahoma;
}

.tabelaLinha {
	font-family: "Verdana", Tahoma;
}

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

.displayInlineGrid {
	font-family: "Verdana", Tahoma;
}

.tabelaClean {
	width: 100%;
	font-family: "robotolight", Verdana, Arial, sans-serif !important;
}

.tabelaClean td {
	padding: 5px 10px !important;
	background: #fff;
	border: 0 !important;
	font-size: 12px;
	-webkit-appearance: none;
}

.ui-datatable,.tabelaClean thead tr th {
	border: 0 !important;
	text-align: left;
	padding: 0 !important;
	background: none !important;
	-webkit-appearance: none;
}

.ui-widget-content,.tabelaClean {
	border-bottom: 1px solid #a8a8a8 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
	-webkit-appearance: none;
}

.tabelaClean .fontSize12 {
	font-size: 12px;
	text-transform: capitalize;
}

.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", Verdana, Arial, sans-serif;
	color: #999 !important;
	padding: 10px;
}

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

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

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

.backgroundBlack {
	background: #000;
}

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

.tabelaPaginacao span {
	margin: 10px 5px;
	float: left;
	text-align: center;
}

.tabelaPaginacao input {
	margin: 0 4px;
}

.tabelaFormRadioLeft {
	width: 100.7%;
	border: 2px solid rgb(204, 204, 204);
}

.tabelaFormRadioLeft td {
	padding: 10px 2%;
	float: left;
}

.tabelaFormRadioLeft input {
	margin-top: 1px;
	float: left;
}

.tabelaFormRadioBlock {
	width: 101%;
	border: 2px solid rgb(204, 204, 204);
	margin-bottom: 1px;
}

.tabelaFormRadioBlock td {
	padding: 1.2px 2% 1.2px 0;
	float: left;
}

.tabelaFormRadioBlock input {
	margin-top: 1px;
	float: left;
}

.linhaUm {
	background: #fff;
}

.linhaUm:hover {
	background: #eae8e8;
}

.linhaDois:hover {
	background: #eae8e8;
}
/* Fim Css Tabelas */

/* Inicio Footer */
.footerGeral {
	width: 100%;
	position: static;
	clear: both;
	bottom: 0;
	height: 15%;
	background: #f96e1b;
}

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

.footer b {
	display: block;
	color: #fa7e21;
	text-align: left;
	font-family: "playbold", Verdana, 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: #f96e1b;
}

.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: 13px;
}

.footerBottom .informacoes {
	display: block;
	padding-right: 0;
}

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

.ocultarFooter img {
	cursor: pointer;
}
/* Fim Footer */

/* Inicio Css Extras */
.totalResultados{
	float: right;
}

.topo5 {
	margin-top: 5px !important;
}

.topo10 {
	margin-top: 10px !important;
}

.topo15 {
	margin-top: 15px !important;
}

.topo19 {
	margin-top: 19px !important;
}

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

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

.topo21 {
	margin-top: 21px !important;
}

.topo25 {
	margin-top: 25px !important;
}

.topo26 {
	margin-top: 26px !important;
}

.topo26PontoCinco {
	margin-top: 26.5px !important;
}

.topo27 {
	margin-top: 27px !important;
}

.topo29 {
	margin-top: 29px !important;
}

.topo30 {
	margin-top: 30px !important;
}

.topo31 {
	margin-top: 31px !important;
}

.topo34 {
	margin-top: 34px !important;
}

.topo40 {
	margin-top: 40px !important;
}

.topo45 {
	margin-top: 45px !important;
}

.topo46 {
	margin-top: 46px !important;
}

.topo50 {
	margin-top: 50px !important;
}

.topo60 {
	margin-top: 60px !important;
}

.topo65 {
	margin-top: 65px !important;
}

.topo70 {
	margin-top: 70px !important;
}

.topo80 {
	margin-top: 80px !important;
}

.topo90 {
	margin-top: 90px !important;
}

.topo100 {
	margin-top: 100px !important;
}

.topo250 {
	margin-top: 250px !important;
}

.bottom5 {
	margin-bottom: 5px !important;
}

.bottom10 {
	margin-bottom: 10px !important;
}

.bottom15 {
	margin-bottom: 15px !important;
}

.bottom20 {
	margin-bottom: 20px !important;
}

.bottom30 {
	margin-bottom: 30px !important;
}

.bottom40 {
	margin-bottom: 40px !important;
}

.bottom50 {
	margin-bottom: 50px !important;
}

.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%;
}

.width13Meio {
	width: 13.5%;
}

.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%;
}

.width31MaisDois {
	width: 31.2%;
}

.colunaRowDois{
	width: 14.7%;
}

.colunaRowTres{
	width: 14%;
}

.colunaRowQuatro{
	width: 13.7%;
}

.colunaRowCinco{
	width: 15.5%;
}

.colunaRowDoisFundos{
	width: 13.7%;
}

.colunaRowTresFundos{
	width: 11.5%;
}

.colunaRowQuatroFundos{
	width: 11.6%;
}

.colunaRowCincoFundos{
	width: 16.2%;
}

.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%;
}

.width41{
	width: 41%;
}

.width42{
	width: 42%;
}

.width43{
	width: 43%;
}

.width44{
	width: 44%;
}

.width45{
	width: 45%;
}


.width47 {
	width: 47%;
}

.width50 {
	width: 50%;
}

.resultadoTD{
	width: 50.5%;
}

.width60 {
	width: 60% !important;
}

.width70 {
	width: 70% !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;
}

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

.widthAlerta {
	width: 95.5% !important;
}

.widthAlertaCodigo {
	width: 96.6% !important;
}

.widthAlertaErro {
	width: auto;
}

.widthAlertaRelogio {
	width: 70%;
}

.imgCartaoConsultaMaster{
	width: 80%;
}

.imgCartaoConsultaCabal{
	width: 70%;
}

.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", Verdana, Arial, sans-serif;
    float: right;
}

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

.widthTdDTVM{
	width: 48.6%;	
}

.widthTdLiquidoDTVM{
	width: 13.82%;	
}

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

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

.height30 {
	height: 30px !important;
}

.linkZeroAuto {
	margin: 0 auto;
	font-family: "playregular", Verdana, Arial, sans-serif;
	text-align: center;
	color: #fff;
}

.linkZeroAuto a {
	color: #fff;
	font-weight: bold;
	font-size: 11.5px;
}

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

.linkBlack {
	color: #000;
}

.botaoDisable {
	opacity: 0.5;
	cursor: crosshair;
}

.linkBlack a {
	color: #000;
}

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

.colorOrange {
	color: #f96e1b !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 1%;
	width: 98%;
	color: #f00;
	float: left;
	word-wrap: break-word;
	list-style: none;
	font-family: "robotoregular", Verdana, Arial, sans-serif;
}

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

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

.alertaMensagemOK li {
	list-style: none;
	font-family: "robotomedium", Verdana, 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;
}

.textTabelaTD{
	text-align: right;
}

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

.titulo {
	font-size: 23px;
	color: #f96e1b;
	font-family: "robotolight", Verdana, Arial, sans-serif;
	margin-bottom: 10px;
	display: block;
}

.positionRelative {
	position: relative !important;
}

.lista {
	
}

.lista ul {
	
}

.lista li {
	margin: 10px;
	border: 1px solid #dadada;
	padding: 1%;
	display: list-item;
	list-style: inside;
	text-transform: uppercase;
	font-size: 12px;
}

.listStyleNone{
	display: block;
}

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

.texto {
	text-align: justify;
}

.texto span {
	font-size: 13px;
	font-family: "Tahoma";
	display: block;
	color: #666;
}

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

.texto ol {
	text-align: justify;
}

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

.texto a {
	color: #f96e1b !important;
}

.texto i {
	font-style: italic;
}

.texto .spanMensagem{
	font-weight: normal !important;
	font-size: 15px !important;
	font-family: "robotolight", Verdana, Arial, sans-serif !important;
}

.scrollContrato .texto span {
  margin-top: 5px;
}

.borderZero {
	border: 0 !important;
}

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

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

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

.marginTopBotoesCartao {
	margin-top: -15px;
}

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

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

.marginDivStatus {
	margin-left: 3%;
}

.marginDivCartoes {
	margin-left: -10%;
}

.marginDivLeft {
	margin-left: 5%;
}

.marginZero {
	margin: 0 !important;
}

.paddingZero{
	padding: 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;
}

.fontStyleNormal{
	font-style: normal !important;
}

.fontAlerta{
	font-size: 12px !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;
}

.listaNumerica{
	list-style-type: upper-roman;
}

.scrollContrato ul li {
	list-style-type: lower-alpha;
	margin-top: 10px;
}

.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;
}

#saibaMais {
	background-color: #fff;
	display: none;
	position: absolute;
	border: 10px solid #F96E1B;
	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, Helvetica, 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&v=4972");
	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&v=4972");
	width: 39px;
	height: 37px;
	margin: 5px;
	cursor: pointer;
}

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

.ocultarJanela {
	display: block;
}

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

.boxMensagens {
    background-color: #fff;
    border: 3px solid #F96E1B;
    padding: 15px 2%;
    z-index: 10000;
    color: #000;
    font-weight: normal;
    line-height: 21px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0px 6px 5px -3px #5b5b5b;
}

.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: #F96E1B;
	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 #f96e1b;
}

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

.abaPT,.abaEN {
	padding: 5px;
	background: #F96E1B;
	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;
	visibility: none;
}

input.tabs {
	display: none;
}

input.tabs+label {
	line-height: 40px;
	padding: 0 20px;
	float: left;
	background: #f96e1b;
	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;
}

.paddingBoxTexto{
	font-weight: normal;
}

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

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

.boxShadowNone{
	box-shadow: none !important;
}

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

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

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

#paginaSucessoSenha h2 {
	font-family: "robotobold", Verdana, Arial, sans-serif;
	font-size: 70px;
	color: #f96e1b;
	line-height: 75px;
}

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

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

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

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

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

.paginacao .ui-paginator-pages span {
	background-image: none !important;
	font-weight: bold !important;
}

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

.paginacao .ui-paginator-pages span:hover {
	background-color: #a6a6a6 !important;
	color: white !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;
}

.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;
}

/* CADASTRAR USUARIO - AREA RESTRITA */
.wLista ul {
	
}

.wLista li:hover {
	background-color: #F96E1B !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: #F96E1B !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: #F96E1B !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: #F96E1B !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", Verdana, 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", Tahoma !important;
}

.tableMC .ui-panelgrid .ui-panelgrid-cell {
	padding: 7px 10px;
}
/* PARAMETRIZAÇÃO MOVIMENTAÇÕES DE CLIENTES - FIM */

/* IMPORTAR AGENCIAS - INI */
.backUpload {
	background: #F4F4F4;
	padding: 10px;
	border: 1px solid #cecece;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.ui-fileupload-simple .ui-button {
	background: #f4f4f4;
	color: #f96e1b;
	border: 0;
	width: 100%;
	height: 32px !important;
	border-radius: 3px !important;
	box-shadow: 0 0 2px #5B5B5B !important;
	text-align: left;
	padding-top: 4px;
	font-family: "robotolight", Tahoma;
}

.ui-fileupload-simple .ui-fileupload-filename {
	margin: 0 0 0.5em 10px !important;
	font-style: italic;
	display: block;
	font-weight: normal !important;
}

/* 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: #F96E1B !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: #F96E1B !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: #F96E1B;
	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 #f96e1b;
	background: #f96e1b;
	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;
	vertical-align: top;
}

.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;
}

.ui-accordion .ui-accordion-content{
	padding: 1em 1em !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 #f96e1b;
}

.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&v=4972");
}

/* Fim css Extras */

/* Inicio 404 */
.fundo404 {
	background: #397dd0 url("bg.jpg") center top no-repeat;
}

#pag_404 {
	padding-top: 40px;
}

#pag_404 h2 {
	font-family: "robotolight", Verdana, 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", Verdana, 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", Verdana, 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", Verdana, 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', Verdana, 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", Verdana, 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", Verdana, 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", Verdana, Arial, sans-serif;
	width: 99%;
	text-align: center;
	border: 2px solid #666;
}

.botaoHabilitarConta span {
	color: #fff;
	font-size: 14px;
	font-family: "playregular", Verdana, 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", Verdana, Arial, sans-serif !important;
	font-size: 10px !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: #e3e3e3 !important;
}

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

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

.ui-panel .ui-panel-titlebar {
	padding: 0.4em 1em 0.3em !important;
	background: #f96e1b !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;
	top: 205px !important;
	left: 27px;
}

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

.sizeGrafico {
	width: 300px;
	height: 335px;
	overflow: hidden;
}

div.jqplot-table-legend-swatch-outline{
	margin-right: 5px;	
}

#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: 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: "arial";
	border-right: 1px solid #F96E1B;
	padding-bottom: 50px;
}

.accordion_headings {
	padding: 7px;
	background: #fff;
	color: #F96E1B;
	border-bottom: 1px solid #F96E1B;
	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, Helvetica, sans-serif;
}

.accordion_child li {
	list-style: none;
}

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

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

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

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

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

.effect {
	display: none;
}

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

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

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

.menu-footer-mobile h2,.mapa-site {
	padding: 13px 10px 10px 10px;
	margin: 0;
	cursor: pointer;
	color: #F96E1B;
	border-bottom: 1px solid #f96e1b;
	font-family: "playregular", Verdana, Arial, sans-serif; 
}

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

.mapa-site {
	font-family: 'playbold', Verdana, Arial, sans-serif;
	font-size: 14px;
	display: block;
	color: #f36e25;
	text-transform: uppercase;
	text-align: center;
	background-color: #272727;
}

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

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

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

.mapa-site-desktop {
	font-family: 'playbold', Verdana, Arial, sans-serif;
	font-size: 14px;
	display: block;
	color: #f36e25;
	text-transform: uppercase;
	text-align: center;
	background-color: #272727;
}

.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%;
}
/* Fim css Menu Desktop */

/* clearfix */
.cf:before,.cf:after {
	content: " ";
	display: table
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
	margin-top: 0;
	margin-bottom: 0;
	background: #f4f4f4;
}

/* 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 2.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: 7px;
}

.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: 20px !important;
}

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

.paddingTDZ {
	padding-left: 40px !important;
	left: 11%;
}

.space input {
    width: 77.1% !important;
}

.btGlobo input {
	width: 27px !important;
	height: 26px !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;
	font-size: 11px !important;
	padding: 1px 2px 3px !important;
	width: 75px;
}

.formularioLogin {
	font-size: 12px;
}

.formularioLoginTecladoVirtual {
	width: 570px;
	position: absolute;
	margin: 0 auto;
	top: 20%;
	left: 25%;
	right: 25%;
	z-index: 10000;
	font-family: "robotolight", Verdana, Arial, sans-serif;
}

.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;
	font-size: 13px;
}

.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;
	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;
	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;
	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;
	font-size: 11px !important;
	padding: 1px 2px 3px !important;
	width: 75px;
}

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

.btsResgate {
	float: left;
	height: 37px !important;
	margin: 2px 0.5% !important;
	width: 43px !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 {
	float: left;
	margin: 2px 0.5% !important;
	padding: 9.5px 8.5px !important;
	width: 24px;
	background: #ddd !important;
}

.btTecladoImg img {
	border: 0;
}

.bgTecladoMin {
	width: 98% !important;
	border: 0;
}

.btTecladoOff {
    border: 0 !important;
    cursor: inherit !important;
}

.jqplot-target {
	top: -9px;
	margin-left: 22px;
	width: 380px;
	height: 250px
}

/* Inicio Css Cartão de crédito */
.bgCartaoBlack{
	background:url("/javax.faces.resource/cartao-black.png.jsf?ln=img&v=4972");	
	background-repeat: no-repeat;
	width: 250px;
	height: 158px;
	padding: 0;
	float: none;
	margin: 0 auto;
	position: relative;
}

.bgCartaoBlack span{
	color: #fff !important;
	text-shadow: none !important;
}

.bgCartaoEmpresarial{
	background:url("/javax.faces.resource/cartao-empresarial.png.jsf?ln=img&v=4972");	
	background-repeat: no-repeat;
	width: 250px;
	height: 158px;
	padding: 0;
	float: none;
	margin: 0 auto;
}

.bgCartaoStandard{
	background:url("/javax.faces.resource/cartao-standard.png.jsf?ln=img&v=4972");	
	background-repeat: no-repeat;
	width: 250px;
	height: 158px;
	padding: 0;
	float: none;
	margin: 0 auto;
}

.bgCartaoPlatinum{
	background:url("/javax.faces.resource/cartao-platinum.png.jsf?ln=img&v=4972");	
	background-repeat: no-repeat;
	width: 250px;
	height: 158px;
	padding: 0;
	float: none;
	margin: 0 auto;
}

.bgCartaoMultiploCabal{
	background:url("/javax.faces.resource/cartao-multiplo-cabal.png.jsf?ln=img&v=4972");	
	background-repeat: no-repeat;
	width: 250px;
	height: 158px;
	padding: 0;
	float: none;
	margin: 0 auto;
}

.botaoBorda{
	border: 2px solid #f96e1b !important;
	background:#fff !important;
	color: #f96e1b !important;
	text-align: left !important;
	box-shadow: none !important;
	font-size: 12px !important;
	padding-top: 4px !important;
	margin-left: -5% !important;
}

.linkBorda{
	border: 2px solid #f96e1b !important;
	background:#fff !important;
	color: #f96e1b !important;
	text-align: left !important;
	font-size: 12px !important;
	padding: 0 5%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	width: 90%;
	float: left;
	height: 36px;
	line-height: 34px;
	margin-left: -12% !important;
}

.boxMensagemCartao{
	box-shadow: 0 0 3px 0 #909090;
	padding: 2%;
	background: #ffffff;
}

.boxMensagemCartao h2{
	font-size: 25px;
	text-transform: uppercase;
	font-family: "robotomedium", Verdana, Arial, sans-serif;
	margin-top: 10px;
	margin-left: 30px;
}

.boxMensagemCartao h3{
	font-family: "robotolight", Verdana, Arial, sans-serif;
	font-size: 18px;
}

.mensagemBottomCartao span{
	display: block;
}

.mensagemBottomCartao span{
	font-size: 20px;
	font-family: "robotolight", Verdana, Arial, sans-serif;
	font-style: italic;
	color: #606060;
	text-align: center;
}

.background-claro-cartao {
	background-color: #Fcfcfc;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	padding: 4px;
}

.labelRadio label {
	font-size: 14px;
	margin-right: 30px;
}

.resultadosTD span {
	display: block;
}

.resultadosTD td {
	text-align: center;
	padding: 3px;
	font-size: 14px;
}

.numeroCartao {
	float: left;
	margin: 83px 0 0 27px;
}

.numeroCartaoCabal {
	float: left;
	margin: 80px 0 0 25px;
}

.numeroCartao span {
	font-size: 15px;
	font-family: "HALTER", Verdana, Arial, sans-serif;
	letter-spacing: -2px;
	text-shadow: 1px 1px #F5f5f5;
	color: #626262;
	font-weight: normal !important;
}

.numeroCartaoCabal span {
	font-size: 15px;
	font-family: "HALTER", Verdana, Arial, sans-serif;
	letter-spacing: -2px;
	color: #fff;
	font-weight: normal;
}

.boxMensagemStatusCartao {
	padding: 2%;
}

.boxMensagemStatusCartao h2 {
	font-size: 25px;
	text-transform: uppercase;
	font-family: "robotomedium", Verdana, Arial, sans-serif;
	margin-top: 20px;
	margin-left: 30px;
}

.boxMensagemStatusCartao h3 {
	font-family: "robotolight", Verdana, Arial, sans-serif;
	font-size: 18px;
}

.boxMensagemStatusCartao h4 {
	font-family: "robotolight", Verdana, Arial, sans-serif;
	font-size: 21px;
}

.boxCartaoMini {
	background-color: #fff;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	padding: 2% 4px;
	margin-left: 5%;
}

.marginBoxCartaoMini {
	margin-left: 0;
	margin-right: 5%;
}

/* Fim Css Cartão de credito*/

/* Inicio Media */
@media ( max-width : 1550px) {
	.marginDivCartoes {
		margin-left: 0;
	}
}

@media ( min-width : 1366px) {
	.resultadosRight .floatRightTotal {
		float: right;
	}
	.simule span {
		font-size: 14px;
	}
}

@media ( max-width : 1366px) {
	.ui-picklist .ui-picklist-list {
		width: 366px !important;
	}
	.marginDivStatus {
		margin-left: 1%;
	}
}

@media ( min-width : 1025px) {
	.paddingLeftZero {
		padding-right: 0 !important;
	}
	.paddingRightZero {
		padding-right: 0 !important;
	}
}

@media ( max-width : 1025px) and (min-width: 768px) {
	table.jqplot-table-legend,table.jqplot-cursor-legend {
		position: relative !important;
		margin-left: -4px !important;
	}
}

@media ( min-width :1025px) and (max-width: 1318px) {
	.grid-barra-black-acesso {
		width: 30% !important;
	}
	.grid-barra-black-simule {
		width: 30% !important;
	}
	.simule img {
		padding: 2px 3% 0 2%;
	}
}

@media ( min-width : 1025px) and (max-width: 1366px) {
	.topo span {
		font-size: 16px;
		margin-top: 46px;
	}
	.jqplot-target {
		margin-left: -4px !important;
	}
	.resultadosRight span {
		font-size: 11px !important;
	}
	.resultadosRight .floatRightTotal {
		float: right;
	}
	#paginaSucessoSenha h2 {
		font-size: 58px;
		line-height: 50px;
		margin-left: 8px;
	}
	#paginaSucessoSenha h3 {
		font-size: 26px;
		margin-left: 8px;
	}
	.topoAlerta {
		margin-top: 18px;
	}
}

@media ( min-width : 1280px) {
	.widthBotaoCartaoUm {
		width: 29% !important;
		padding-left: 7px !important;
		padding-right: 3px !important;
	}
	.widthBotaoCartaoDois {
		width: 20% !important;
		padding-left: 3px !important;
		padding-right: 7px !important;
	}
	.widthBotaoCartaoTres {
		width: 28% !important;
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
	.widthBotaoCartaoQuatro {
		width: 23% !important;
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
}

@media ( min-width : 1025px) and (max-width: 1280px) {
	.bgCartao {
		float: none;
		margin: 0 auto;
	}
	.width100Center {
		width: 100% !important;
	}
	.topo span {
		font-size: 16px;
		margin-top: 46px;
	}
	.resultadosRight span {
		font-size: 12px;
	}
	
	.menu-footer-mobile h2,.mapa-site {
		font-size: 16px;
	}
	
}

@media ( min-width : 1025px) and (max-width: 1279px) {
	.grid-cartao{
		width: 55% !important;
		margin-left: 10% !important;
	}
	
	.grid-botoes{
		width: 55% !important;
		margin-left: 45% !important;
	}
	
	.botaoCabal{
		width: 50% !important;
		margin-left: -6px !important;
	}
}

@media ( min-width : 1025px) and (max-width: 1279px) {
	.menu-footer-mobile h2,.mapa-site {
		font-size: 12px;
	}	
}

@media ( min-width : 1280px) {
	.menu-footer-mobile h2,.mapa-site {
		font-size: 16px;
	}	
}

@media ( max-width : 1024px) {
	.marginLeftAcesso {
		margin-left: 0;
	}
	.formularioLoginTecladoVirtual {
		left: 13%;
		right: 13%;
	}
	.panelDialog {
		top: 5%;
		left: 10%;
		right: 10%;
	}
	.tabelaClean td {
		font-size: 10px;
	}
	.ocultarColuna {
		display: none !important;
	}
	.topoZero {
		margin-top: 0 !important;
	}
	.bottomZero {
		margin-bottom: 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;
	}
	.ui-datatable-tablewrapper table {
		width: 100% !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;
	}
	.topo {
		padding: 10px 0px 10px 0px;
		-webkit-background-size: auto;
		-o-background-size: auto;
		-moz-background-size: auto;
		background-size: auto;
	}
	.labelFormCartao label {
		float: left;
	}
	.boxMensagemStatusCartao h4 {
		font-size: 20px;
	}
	.marginBoxCartaoMini {
		margin-left: 0;
	}
	.marginLeftCartoes {
		margin-left: 0;
	}
	.botaoBorda {
		margin-left: 0 !important;
	}
}

@media ( min-width : 641px) and (max-width: 800px) {
	.img-link {
		margin-right: 2px;
	}
	.accordion_headings {
		font-size: 11px;
	}
	.accordion_child a {
		font-size: 10px;
	}
	.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) {
	#basic-accordian {
		width: 100%;
	}
	.boxResumoLeft {
		border-right: 0;
	}
	.grid-container {
		width: 100%;
		padding: 10px 0 0 0;
	}
	.boxResultadosSaldo {
		margin-top: 0;
	}
	.botaoTabela {
		font-size: 12px !important;
	}
	.tabelaFormRadioLeft td {
		padding: 11px 2%;
	}
	.tabelaFormRadioBlock td {
		padding: 11px 2%;
	}
	.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 {
		width: 8% !important;
		margin: 0.5% !important;
		font-size: 10px !important;
		font-family: Tahoma !important;
	}
	.paddingTDQ {
		padding-left: 0 !important;
		margin-left: 7%;
	}
	.paddingTDA {
		padding-left: 12px !important;
		margin-left: 7%;
	}
	.paddingTDZ {
		padding-left: 6.7% !important;
		margin-left: 3%;
	}
	.btTecladoImg {
		font-weight: bold !important;
		height: 16px;
		padding-left: 1% !important;
		padding-right: 1% !important;
		width: 5.4%;
		background: #ebebeb !important;
		margin: 0.5% !important;
	}
	.space input {
		width: 58.7% !important;
	}
	.displayForm {
		display: block;
		float: none;
	}
	.panelDialog {
		top: 5%;
		left: 2%;
		right: 2%;
	}
	#lightBox {
		background-color: RGBA(0, 0, 0, 0.2);
	}
	#lightBoxMSN {
		background-color: RGBA(0, 0, 0, 0.2);
	}
	.footerBottom {
		padding: 4% 0.5%;
	}
	.ui-autocomplete-panel {
		width: 89.5% !important;
	}
	.imgCartaoConsultaMaster {
		width: 50%;
	}
	.imgCartaoConsultaCabal {
		width: 40%;
	}
	.topo10-mobile {
		margin-top: 10px !important;
	}
	.topo14-mobile {
		margin-top: 14px !important;
	}
	.topo15-mobile {
		margin-top: 15px !important;
	}
	.topo55-mobile {
		margin-top: 55px !important;
	}
	.cartaoCenter {
		margin: 0 auto;
		float: none;
	}
	.boxMensagemCartao h2 {
		margin-top: 10px;
		margin-left: 0;
	}
	.textTabelaTD {
		text-align: left;
	}
	.linkBorda {
		margin-left: 0 !important;
	}
	.botaoPCommandOn {
		background: url("/javax.faces.resource/bt-on-mobile.png.jsf?ln=img&v=4972") 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&v=4972") no-repeat
			!important;
		width: 140px !important;
		height: 43px !important;
		border: none !important;
		box-shadow: none !important;
	}
	.logoTopo {
		margin-left: 9%;
	}
	.menuFixoMobile {
		position: absolute;
		background: #fff;
		z-index: 10000;
	}
	.widthTdDTVM {
		width: 46.6%;
	}
	.resultadosRight .floatRightTotal {
		float: right;
	}
	.lista li {
		padding: 3%;
	}

	.logoBottom {
		float: none;
	}
	.barraTopoBlack .ultimoAcesso {
		background: #666;
	}
	.topoMobile {
		margin-top: 10px;
		display: none;
	}
	.footer {
		padding: 3% 0.5% 3.7%;
	}
	.navegueDesk {
		display: none;
	}
	#saibaMais {
		top: 24%;
		left: 2%;
		right: 2%;
		padding: 20px 2% 5px 2%;
		width: 83%;
		font-size: 12px;
	}
	.barraTopoBlack a {
		padding-left: 0;
	}
	.botaoSairSistema {
		background: url("/javax.faces.resource/bt-sair-sistema.png.jsf?ln=img&v=4972") no-repeat;
		width: 40px;
		height: 39px;
		margin: 5px auto;
	}
	.ultimoAcesso span {
		margin-top: 0;
		padding: 6% 0;
		float: left;
		display: none;
	}
	.marginLeftBotoes {
		margin-left: 0px !important;
	}
	
	.barraPanel h2 {
	    margin-left: 0;
	}

	.backUpload input{
		font-size: 11px;
	}
	
}

@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;
	}
	.logoTopo {
		margin: 10px auto 0 auto;
		display: block;
		float: none;
	}
	.topoLogoMobile {
		margin-top: 5px !important;
	}
	
	.ocultarFooter {
	    right: 10px;
	    margin-top: 19px;
	}
	
	.ui-fileupload-simple .ui-button {
		font-size: 11px;
		padding-top: 8px;
	}
	
	.selectMenu label {
		margin-right: 5px;
	}

}

@media ( max-width : 566px) {
	.topo span {
		font-size: 18px;
		text-align: center;
	}
	.topoMobileSeguranca {
		margin-top: 15px !important;
		margin-bottom: 10px;
	}
	.linkZeroAuto a {
		font-size: 11px;
	}
}

@media ( max-width : 640px) and (min-width: 480px) {
	.sizeGrafico {
		width: 100% !important;
		margin-bottom: -90px;
	}
	table.jqplot-table-legend {
		top: 55px !important;
		margin-bottom: 12px !important;
		left: 239px !important;
	}
	.jqplot-target {
		margin-left: 6%;
	}
}

@media ( max-width : 640px) and (min-width: 360px) {
	.ui-picklist .ui-picklist-list {
		width: 321px !important;
	}
}

@media ( min-width : 767px) {
	.menuMobile {
		display: block;
	}
	.mapa-site .maisoumenos {
		display: none;
	}
	.mapa-site .navegueDesk {
		font-size: 15px;
	}
}
@media ( max-width : 767px) and (min-width: 640px) {
	.sizeGrafico {
		width: 100% !important;
		margin-bottom: -55px;
	}
	table.jqplot-table-legend {
		top: 49px !important;
		margin-bottom: 12px !important;
		left: 230px !important;
		margin-right: 12px !important;
	}
	.jqplot-target {
		margin-left: 25%;
		margin-top: 9%;
	}
	.resultadosRight .floatRightTotal {
		float: right;
	}
}

@media ( max-width : 420px) {
	.cliente span {
		font-size: 11px;
		line-height: 150%;
		margin-top: 3px;
	}
	.ultimoAcesso span {
		font-size: 12px;
	}
}

@media ( max-width :480px) and (min-width: 360px) {
	.sizeGrafico {
		width: 100%;
	}
	.jqplot-target {
		margin-left: 14%;
		margin-top: 6%;
	}
	.topo20-mobile {
		margin-top: 20px !important;
	}
}

@media ( max-width : 360px) {
	.textoCentralizado-mobile input {
		text-align: center !important;
	}
	.tabelaDados span {
		text-align: right;
		font-family: "robotolight", Verdana, 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%;
	}
	.ui-picklist .ui-picklist-list {
		width: 321px !important;
	}
}

@media ( max-width :320px) {
	.sizeGrafico {
		width: 100%;
	}
	table.jqplot-table-legend {
		top: 210px !important;
		margin-bottom: 12px !important;
	}
	.jqplot-target {
		margin-left: 9%;
		margin-top: 6%;
	}
	.topo20-mobile {
		margin-top: 20px !important;
	}
	.linkZeroAuto a {
		font-size: 10px;
	}
	.topo20-mobile {
		margin-top: 20px !important;
	}
}

@media ( max-width : 767px) and (min-width: 320px) {
	#pag_404 h3,#pag_404 h2,.texto500 h3,.textoAcessoNegado h3,.textoAcessoNegado h2,#paginaSucessoSenha h2 {
		text-align: center !important;
	}
	.textoAcessoNegado h3 {
		margin-bottom: 50px !important;
	}
	#paginaSucessoSenha h3 {
		text-align: center !important;
		line-height: 35px !important;
		margin-bottom: 10px !important;
		margin-top: -16px;
	}
	#paginaSucessoSenha h2 {
		font-size: 60px;
		line-height: 60px;
	}
	.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-tablet {
		margin-bottom: 10px !important;
	}
	.bottom20-tablet {
		margin-bottom: 20px !important;
	}
}

/* Mostrar esconder menu principal */
@media screen and (min-width: 768px) {
	.menu-desktop {
		display: block;
	}
	.menu-mobile {
		display: none;
	}
}
/* Fim mostrar esconder menu principal */

@media screen and (max-width: 767px) {
	#pag_404 {
		padding-top: 20px;
	}
	#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;
	}
	.topo20-tablet {
		margin-top: 20px !important;
	}
	.floatLeft-mobile {
		float: left !important;
	}
	.mLeft0 {
		margin-left: 0px !important;
	}
	.widthAlertaErro {
		width: 55%;
	}
	.widthAlertaRelogio {
		width: 60%;
	}
	.space input {
		width: 60.9% !important;
	}
	.menu-desktop {
		display: none;
	}
	.menu-mobile {
		display: block;
	}	
	.imgAlertaMobile {
	    width: 60px !important;
	    margin: 0 10px 0 0 !important;
	    float: left !important;
	}
}

@media ( max-width : 900px) {
	.simule b {
		font-size: 1em;
	}
}

@media ( max-width : 1024px) and (min-width: 768px) {
	.imgCenter {
		text-align: center !important;
	}
	#paginaSucessoSenha h3 {
		text-align: center !important;
		line-height: 27px !important;
		margin-bottom: 10px !important;
		margin-top: -10px;
	}
	.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;
	}
	.topo14-mobile {
		margin-top: 14px !important;
	}
	.topo18-tablet {
		margin-top: 18px !important;
	}
	.topo20-tablet {
		margin-top: 20px !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: 160px !important;
		height: 280px;
		position: relative !important;
	}
	.jqplot-target {
		width: 300px;
		margin-left: -22px;
		top: -40px;
	}
	.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: 47.5%;
	}
	.widthTdLiquidoDTVM {
		width: 14.82%;
	}
	.cartaoCenter {
		margin: 0 auto;
		float: none;
	}
	.botaoPCommandOn {
		background: url("/javax.faces.resource/bt-on-tablet.png.jsf?ln=img&v=4972") 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&v=4972") no-repeat !important;
		width: 180px !important;
		height: 55px !important;
		border: none !important;
		box-shadow: none !important;
	}
	.marginLinkBotoes {
		margin-left: -10px;
	}
	.h2Center {
		text-align: center;
	}
	.topoTabletCartaoAtivo {
		margin-top: -70px !important;
		float: left;
	}
	.resultadosRight .floatRightTotal {
		float: right;
	}
	#paginaSucessoSenha h2 {
		font-size: 60px;
	}
	.space input {
		width: 61% !important;
	}
	.boxResultadosSaldo b {
		font-size: 12px;
	}
	.fontAlerta {
		font-size: 10px !important;
	}
	.logoTopo {
		margin: 10px auto 0 auto;
		float: none;
		display: block;
	}
	.topo span {
		font-size: 16px;
		text-align: center;
	}
	.topoLogoTablet {
		margin-top: 0 !important;
	}
	.resultadosRight span {
		font-size: 9px;
		display: inline-grid;
		text-align: left;
		margin-right: 5px;
		margin-top: 2px
	}
	.resultadosRight td {
		padding-top: 10px;
		padding-bottom: 10px;
		width: 50%;
	}
	.resultadosRight {
		width: 96%;
	}
	.footer {
		padding: 1% 0.5% 1.7% 0.5%;
	}
	.menu-footer-mobile h2,.mapa-site {
		font-size: 12px;
		padding: 13px 1px 10px 3px;
	}
	.topoTablet {
		margin-top: 15px !important;
	}
	#saibaMais {
		top: 20%;
		left: 20%;
		right: 20%;
		padding: 20px 2% 5px 2%;
		width: 55%;
		font-size: 16px;
	}
	.linkZeroAuto {
		font-size: 10px;
	}
	.topo span {
		padding-top: 2px;
	}
	
}