@import url('../resources/css/negocios.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,600;0,700;1,500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');

/* fontes carregadas Montserrat, Roboto */

/* CSS Minha PROCERGS */

/* elementos */
body{font-size:16px;font-family:'Roboto',sans-serif;}

/* nav top */
.cabecalho {background-color:#337AB7}
.logon {display:flex; float: right; padding: 10px 0 10px 0;max-height: 56px;}
.userName{color: #ffffff;position:relative; display: inline-block; margin: auto 0;}
.userOrg {margin: 0 20px 0 20px;}
.userLogout a:hover {text-decoration: none; }
.userLogout p{color: #000000; display: inline-block; margin: 5px 2px 5px 0;}
.userLogout i{color: #000000;}
.navbar-cabecalho {box-shadow: 0px 3px 6px #00000029; border-radius: 0px; padding: 10px 0 10px 0;}
.marca > img{height:70px;float:left;}
.entrar{border:1px solid rgba(22,155,213,1);border-radius:4px;background-color:#fff;color:rgba(22,155,213,1);margin:1em;float:right;}
.link{border:1px solid rgba(22,155,213,0.5);border-radius:4px;background-color:#fff;color:rgba(22,155,213,1);padding:0.4em 2em;}
.barra{background:#e3e3e3;min-height:30px;padding-top:0.2em;padding-bottom:0.2em;}
.iconUser{display:block;margin:1em;}
#logon.collapse.in,#logon.collapsing{display:flex!important;}
.user{margin-top:0.625em;}
ul.userLeft{width:inherit;}

.an_nome{font-size:small;padding:1em;max-height:8em; background-color: #F9F9F9; border-radius: 4px;}
.an_ramal,.an_email{display:flex;}
.an_nome > em{display:flex;color:#9E9E9E;}

/* notificações */
.notifications > .badge{background-color:#337ab7;margin-left:-5px;margin-top:-20px;}
.navbar-top-links{margin-right:0;}
.navbar-top-links li{display:inline-block;}
.navbar-top-links li:last-child{margin-right:15px;}
.navbar-top-links li a{padding:15px;min-height:50px;}
.navbar-top-links .dropdown-menu li{display:block;}
.navbar-top-links .dropdown-menu li:last-child{margin-right:0;}
.navbar-top-links .dropdown-menu li a{padding:3px 20px;min-height:0;}
.navbar-top-links .dropdown-menu li a div,.dropdown-menu li a div{white-space:normal;}
.navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks,.navbar-top-links .dropdown-alerts,ul.dropdown-menu.dropdown-alerts{width:310px;min-width:0;}
.navbar-top-links .dropdown-messages{margin-left:5px;}
.navbar-top-links .dropdown-tasks{margin-left:-59px;}
.navbar-top-links .dropdown-alerts{margin-left:-123px;}
.navbar-top-links .dropdown-user{right:0;left:auto;}


/* menu lateral */
.botao_menu-lateral {margin: auto;}
.togg_menu{padding:1rem 1.25rem 1rem 1.25rem;border-radius:50px;border:none;outline:none;background:transparent;cursor:pointer; transform: translate(50%, 50%); margin-right: 80px;}
.togg_menu:hover{background:#dbd9d9;cursor:pointer;transition:all 0.3s ease-in-out;}
.togg_menu:focus ~ div > .menu-lateral{transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);}
.icon-bar {width:30px;height:4px;border:1px solid transparent;display:block;border-radius:50px;background-color:#000;margin:5px 0;}
.menu-lateral{transform:translateX(-335px);-ms-transform:translateX(-335px);-o-transform:translateX(-335px);-webkit-transform:translateX(-335px);-moz-transform:translateX(-335px);transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;list-style-type:none;padding:0;margin:0;top:0;left:0;background:#333333;position:fixed;width:315px;height:100%;padding-top:50px;z-index:100;box-shadow:2px 2px 25px 3px #00000063;}
.menu-lateral a:hover {text-decoration: none;}
.menu-lateral i {width: 20%; color: #ffffff; padding-left: 20px;}
.menu-lateral li{padding: 15px 15px 15px 15px;}
.menu-lateral li h4{text-align:left;width:100%; color: #ffffff; font-weight: 300; display: inline; padding-left: 20px;}
.menu-lateral li p{text-align:left;width:70%; color: #ffffff; font-weight: 300; display: inline;}
.menu-lateral li:hover{background-color: #2A2A2A;}
.painel-menu {display:block; position:relative;content:"";width:80%;background-color:#ffffff; margin: 0 auto 20px auto;}




/* JUMBOTRON */
.hero-image{min-height:520px;}
.hero-image{height:50%;background:linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.4)),url(../image/capa21.jpg) no-repeat center center;background-size:cover;position:relative;}
.hero-text{text-align:left;position:relative;color:white; margin-right: 45%;float: right;margin-top: 5%;}
.hero-text h1{text-shadow:2px 2px 10px #333;font-family: 'Montserrat',sans-serif;font-weight:medium;font-size:4em;letter-spacing:initial;line-height: 1.25;}
.hero-text h1:after {display:block;position:relative;content:"";width:20%;background-color:#ffffff;height:5px;left:0%;margin-top:2rem;margin-bottom: 3rem;}
.hero-botao {font-size: 14px; color: #ffffff; border:1px solid #ffffff;border-radius: 4px;background-color: transparent;width:240px;}

/* pulse */

/*.pulse{width:100px;height:100px;background:#ff6d4a;border-radius:50%;font-size:12px;text-align:center;line-height:100px;animation:animate 3s linear infinite;}*/
.pulse{animation:animate 2s linear infinite;}
@keyframes animate{
	0%{box-shadow:0 0 0 0 rgba(45,141,184,.5),0 0 0 0 rgba(99,196,239,.5);}
	40%{box-shadow:0 0 0 0 rgba(45,141,184,0),0 0 0 0 rgba(99,196,239,.5);}
	80%{box-shadow:0 0 0 0 rgba(45,141,184,0),0 0 0 10px rgba(99,196,239,0);}
	100%{box-shadow:0 0 0 0 rgba(45,141,184,0),0 0 0 10px rgba(99,196,239,0);}
}

/* seta */
.seta{animation:seta 1s linear 4s infinite;position:relative;}

/* Standard syntax */
@keyframes seta{
	0%{color:white;top:0px;}
	25%{color:#FFFfff;top:2px;}
	50%{color:#FFEB3B;top:6px;}
	75%{color:#FFFFFF;top:4px;}
	100%{color:#ffffff;top:0px;}
}

/* capa / pagina inicial */
.rotulo{font-family: 'Montserrat',sans-serif;font-weight:600;font-size: 38px;}
.rotulo:after {display:block;position:relative;content:"";width:7%;background-color:#337AB7;height:5px;bottom:0;left:46.5%;margin-top:1.5rem;}
.chamada{font-size: 24px;color:#646464;margin-bottom: 1.5em; margin-top: 0.80em;}
.imgAcessar{height:80px;float:left;margin:1.4em 1em 2em 0;}
.boxFazer{margin:0.2em 0;background:#c9dfe9;color:#2e83aa;}
div#acesso,div#governo,div#numeros, div#internas {margin:5em auto;}

/* card */
.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:326px;min-width:0;margin-bottom:2em;word-wrap:break-word;background-color:#fff;background-clip:border-box;border-radius:10px;box-shadow:#00000029 0px 3px 6px;}
.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:2rem;}
.card-title{margin-bottom:.90rem; margin-top:0;}
.card-title {font-size:x-large;font-weight:600; text-decoration: none; color: #337AB7;}
.card-text {text-decoration: none; color: #646464;}
a:hover {text-decoration: underline;}
.card img {border-radius: 10px 10px 0 0;}

/* serviços */
.wrapper-servicos {position: relative; display: block;}
.item-servicos {width: 100%;text-align: left; margin:0; padding-left: 3em; padding-right: 3em;}
.icone-servicos {position: relative;align-content: center; margin: 3em 0 3em 0;}
.img-servicosE {margin-right: auto;}
.img-servicosD {margin-left: auto;}
.texto-servicos h2 {font-family:'Lato',sans-serif; font-size:36px; color:#000; letter-spacing: 1px;margin-bottom: 15px;}
.texto-servicos p {font-size: 24px; color: #646464;height: 70px;margin-bottom: 15px;}
.texto-servicos {margin: 8em 0 8em 0;}
.botao {font-size: 14px;border:1px solid #169BD5;border-radius:4px;background-color:#fff;color:#169BD5;width:274px;}
.botao:hover {background-color: #169BD5; color: #ffffff; border:1px solid #169BD5;}

/* fazer */
div#fazer {margin:3em 0 5em 0;}
.wrapper-fazer {width: 100%;background-color: #EDEDED;}
.wrapper-fazer div {padding: 0;}
#fazer h4{font-size:24px;font-weight:600;letter-spacing:0.2px;text-align:center;color:#333333;display: inline-block; margin: 30px 0px 30px 30px;}
.icone-fazer {margin: 0;display: inline-block;}
.texto-esquerda {margin-top: 4em;}
.texto-direita {margin: 4em 0 0 2em;}

/* footer/rodape */
.footer{bottom:0;height:130px;width:100%;position:sticky;}
.wrapper__rodape-menu {padding: 3rem 0;background-color: #337AB7;}
.rodape-menu ul {list-style-type: none; padding: 0;}
.rodape-menu li {margin-bottom: 0.40rem;}
.rodape-menu a,.rodape-menu p {color: #ffffff;}
.rodape-titulo {font-family: 'Lato',sans-serif;font-weight: 600; color: #ffffff;margin-bottom: 1.25rem;}
.suporte {font-weight:initial;text-shadow:2px 2px 2px #0b5aa0;font-size:initial;font-weight: bolder;font-size: 30px;color: #ffffff;display: inline-block;}
.telefone {display: inline-block; margin-bottom: 10px;}
.wrapper-rodape_creditos {position: relative;background-color: #000000;}
.rodape-creditos a {font-size: 1.2rem; color: #ffffff;}
.rodape-creditos a:hover {text-decoration: none;}
.rodape-creditos {margin: 1.25rem 0 0.75rem 0;}
.rodape-creditos ul {margin: 0;padding: 0;list-style: none;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;
flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.rodape-logo {position: relative;padding-right: 7px;}
.rodape-logo:after {position: absolute;display: block;content: "";top: 6px;right: 0;height: 15px;width: 1px;background-color: #9a9a9a;}
.rodape-logo a {background: transparent url("../resources/image/logo_Procergs_contraste.png") no-repeat center center;display: block;font-size: 0;height: 28px;width: 101px;}
.rodape-termos {padding: 0 0 0 7px;line-height: 1;display: -ms-flexbox;display: -webkit-flex;display: flex;}

.rodape-logo-index {position: relative;padding-right: 7px;}
.rodape-logo-index:after {position: absolute;display: block;content: "";top: 6px;right: 0;height: 15px;width: 1px;background-color: #9a9a9a;}
.rodape-logo-index a {background: transparent url("../image/logo_Procergs_contraste.png") no-repeat center center;display: block;font-size: 0;height: 28px;width: 101px;}


/* páginas servicos  */
#servicos {margin:5em auto 3em auto;}
#div_text {margin-bottom:3em;}
.titulo-servicos_pag {font-size: 50px; font-family: 'Montserrat',sans-serif; font-weight: bold; margin-bottom: 2em;}
.titulo-servicos_pag:after {display:block;position:relative;content:"";width:7%;background-color:#337AB7;height:5px;margin-top:1.5rem;}
.subtitulo-servicos_pag {font-size: 36px; font-family: Lato,sans-serif; letter-spacing: 1.08px; margin: 1em 0 2em 0;}
.botao-servicos{font-size: 20px;border:1px solid #169BD5;border-radius:4px;background-color:#fff;color:#169BD5;width:390px; padding: 15px 0;}
.botao-servicos:hover {background-color: #169BD5; color: #ffffff; border: #169BD5;}
.botao-servicosV {font-size: 20px;border-radius:4px;background-color:#5CB85C;color:#ffffff;width:390px; padding: 15px 0;}
.botao-servicosV:hover {background-color: #3D8D3D; color: #ffffff;}
.img-servicos_pag {margin: 0 auto 5rem auto;}
.texto-servicos_pag h3 {font-family: 'Montserrat',sans-serif; font-size: 35px; font-weight: 600;margin-bottom: 25px;}
.texto-servicos_pag h4 {font-size: 20px; font-weight: bold;margin-bottom: 15px;}
.texto-servicos_pag p {font-size: 20px;margin-bottom: 15px;}
.botao-submit {font-size: 20px;width:390px; padding: 15px 0; margin: 2em 0 1em 18em;}

/* .boxFazer span{position:static;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:bolder;text-align:center;} */
.boxFazer p{padding:0.75em;}
.boxFazerUm{	/*background:rgba(226,107,0,0.25);color:#E26B00;*/}
.boxFazerDois{	/*background:rgba(120,120,120,0.25);color:#5E5F5F;*/}
.boxFazerTres{	/*background:rgba(120,120,120,0.25);color:#5E5F5F;*/}
.boxFazerQuatro{	/*background:rgba(120,120,120,0.25);color:#5E5F5F;*/}
.boxAcesso{background:#f9f9f9;padding:2em;margin:1em 0;border-radius:6px;color:#8d8d8d;border:1px dotted #e9e9e9;}
.boxDuvidasAcesso{color:#fff;background:#797979;padding:2em;margin:1em 0;border-radius:6px;}
.acessar > hr{margin:0.2em 0;}
.thumb{margin:auto;height:140px;}

/* topo */
.toptop{float:right;border:none;background:none;font-size:initial;}

/* modal login  */
.modal-body{background:#f9f9f9;}

/* painel serviços */
.titulo-painel {font-size: 35px; font-family: 'Montserrat',sans-serif; font-weight: bold; margin-bottom: 1em;}
#painel a:hover{text-decoration:none;}
#painel{margin-bottom: 5em;}
.btn-procergs{border:1px solid #169BD5;border-radius:5px;margin-bottom:30px;min-height:70px;box-shadow: 0px 3px 6px #00000015;color:#169BD5;}
.btn-procergs:hover {text-decoration:none;box-shadow:1px 1px 4px #999; color: #ffffff;}
.btn-procergs:hover{background:#037eb5; background:-moz-linear-gradient(top,#037eb5 0%,#008ac8 100%); background:-webkit-linear-gradient(top,#037eb5 0%,#008ac8 100%); background:linear-gradient(to bottom,#037eb5 0%,#008ac8 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#037eb5',endColorstr='#008ac8',GradientType=0);}
.btn-procergs:hover .btn-painel{color:#fff;text-decoration:none;}
.btn-painel {color: #169BD5;text-decoration:none;}
.btn-painel:active {-webkit-box-shadow: none;} 
.btn-regular{padding:0.75em 0.4em 0.2em 0.4em;}
.btn-regular p{font-size:18px;font-weight:700;margin:0;line-height:initial;}
.btn-regular{background:#ffffff;}
.btn-regular span {margin-top:-0.6em;width:70px;margin-bottom:1em;margin-right: 0.5em;}
.display{border:1px solid;padding:0.8em 1.25em 0.8em 1.25em;display:block;margin:2em 0 2em 0;border-radius: 4px;}
.display h1{font-size:80px;font-weight:bolder;text-align:left;margin:0;}
.display p{font-size:20px;margin:0;line-height:normal; text-align: left;}
.indicador{border:0px solid;padding:0;display:flex;margin:0 0 1em 0;/* elementos de exibição*/}

/* painel de negócios */
.borda{border:1px solid #e3e3e3;}
.painel-negocios {display:flex;flex-direction:row;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;align-content:center;}
.bloco-negocios {width:calc(100% * 1/3 - 60px);border-radius:6px;padding:1em;box-shadow: 0px 3px 6px #00000029;}
.bloco-negocios {flex-grow:initial;align-self:flex-start;text-align:center;}
.destaque-negocios img{max-height: 125px;margin:40px auto 20px auto;float:none;}
.destaque-negocios span{font-size:44px;font-weight:bold;}
.destaque-negocios p {font-size:18px;}
.btn-negocios{border-color: transparent;color:#ffffff;margin: 3em 0; width: 20%; padding: 10px 0 10px 0;}
.ghost{margin:1em 0;border:transparent;}

/* barra hsp */
.wrapper-hsp{min-height:275px;display:flex;background:#037eb5; background:-moz-linear-gradient(top,#337AB7 0%,#169BD5 100%); background:-webkit-linear-gradient(top,#337AB7 0%,#169BD5 100%); background:linear-gradient(to bottom,#337AB7 0%,#169BD5 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#337AB7',endColorstr='#169BD5',GradientType=0);}
.wrapper-hsp .titulo-painel {color: #ffffff;margin: 1em 0 1em 0;}
.colunas{text-align:center;display:block;padding-top:0.218em;}
.colunas span{font-size:40px;font-weight: bold;color: #ffffff;}
.colunas p{font-size:18px;color: #ffffff;}
.coluna01 span{font-size:79px;font-weight:bolder;margin:0 4% 0 8%;text-align:right;float:left;color: #ffffff;}
.coluna01 p{font-size:30px;margin:auto;padding:0.6em 0 0 0;line-height:normal;color: #ffffff;}
.coluna01 p:after {position: absolute;display: block;content: "";top: 6px;right: 0;height: 87px;width: 1px;background-color: #ffffff;}

/* paginas internas */
.titulo-pag_interna {font-size: 50px; font-family: 'Montserrat',sans-serif; font-weight: bold;}
.titulo-pag_interna:after {display:block;position:relative;content:"";width:7%;background-color:#337AB7;height:5px;margin: 1.5rem 0 2.5rem 0;}
.subtitulo-pag_interna {font-size: 35px; font-family: 'Montserrat',sans-serif; font-weight: bold; margin-bottom: 1.5em;}
.texto-pag_interna {font-size:20px;}

/* btn outline */
.btn-outline{color:inherit;background-color:transparent;transition:all .5s;}
.btn-primary.btn-outline{color:#428bca;}
.btn-success.btn-outline{color:#5cb85c;border:#5cb85c solid 1px;background:#fff;}
.btn-info.btn-outline{color:#5bc0de;}
.btn-warning.btn-outline{color:#f0ad4e;}
.btn-danger.btn-outline{color:#d9534f;}
.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-info.btn-outline:hover,.btn-warning.btn-outline:hover,.btn-danger.btn-outline:hover{text-decoration:none;}

/* acompanhe seu pedido */
.well.pedido{background-color:#f5f5f5;border:1px solid #e3e3e3;}
.text-waiting{color:#ff9800;}
.text-answer{color:#4CAF50;}
.text-late{color:#F44336;}
.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px;}

/* Common styles for all types */
.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px;}
.bs-callout h4{margin-top:0;margin-bottom:5px;}
.bs-callout p:last-child{margin-bottom:0;}
.bs-callout code{border-radius:3px;}

/* Tighten up space between multiple callouts */
.bs-callout + .bs-callout{margin-top:-5px;}

/* Variations */
.bs-callout-danger{border-left-color:#ce4844;}
.bs-callout-danger h4{color:#ce4844;}
.bs-callout-warning{border-left-color:#aa6708;}
.bs-callout-warning h4{color:#aa6708;}
.bs-callout-info{border-left-color:#1b809e;}
.bs-callout-info h4{color:#1b809e;}
.bs-callout-success{border-left-color:#5cb85c;}
.bs-callout-success h4{color:#5cb85c;}

/* media */
.media-left{float:none;margin:auto;}
.media-right{float:none;margin:auto;}

/* números gerais */
.extra{font-size:3.2em;}
.panel-geral > .panel-heading,.panel-geral > .panel-footer{background-color:#f9f9f9;border-top:1px solid #d9d9d9;}
.numerosGrid4{display:grid;grid-template-columns:calc(100% /2) calc(100% / 2);grid-template-rows:auto auto auto auto;grid-gap:4px 4px;margin:1em;}
.numerosGrid5{display:grid;grid-template-columns:calc(100% /2) calc(100% / 2);grid-template-rows:auto auto auto auto;grid-gap:10px 4px;margin:1em;}
.itemA{/* grid-column-start:1; *//* grid-row-start:1; *//* grid-row-end:3; */width:100%;grid-row:1 / 2;grid-column:1 / 4;background:aliceblue;}
.itemB{/* grid-row: 3 / 3; *//* grid-column-start:1; */width:100%;grid-row:3 / 5;grid-column:1 / 2;background:antiquewhite;}
.itemB2{/* grid-row: 3 / 3; *//* grid-column-start:1; */width:100%;grid-row:initial;grid-column:1 / 4;background:antiquewhite;}
.itemC{grid-row:initial;grid-column:2 / 3;}
.itemD{grid-row:3 / 4;grid-column:1 / 2;}
.itemE{grid-row:3 / 4;grid-column:2 / 3;}
.itemF{grid-row:2 / 3;grid-column:2 / 3;}
.itemG{grid-row:4 / 4;grid-column:2 /3;}
.itemH{grid-row:4 / 4;grid-column:1 / 2;}
.itemI{}
.itemJ{}
.itemA,.itemB,.itemC,.itemD,.itemE,.itemF,.itemG,.itemH,.itemI,.itemJ{}
.blocos{background:#f9f9f9;border:1px solid transparent;}
.column-4{width:100%;background:#f2f9f9;}
.column-5{width:100%;background:#f9f9f2;}
.column-5 figure{margin:auto;display:inline-block;clear:both;}

/* catálogo */
#cta{display:flex!important;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
#cta > button{margin-right:1em;}

/* panel colors*/
.huge{font-size:40px;}
.panel-green{border-color:#5cb85c;}
.panel-green > .panel-heading{border-color:#5cb85c;color:white;background-color:#5cb85c;}
.panel-green > a{color:#5cb85c;}
.panel-green > a:hover{color:#3d8b3d;}
.panel-red{border-color:#d9534f;}
.panel-red > .panel-heading{border-color:#d9534f;color:white;background-color:#d9534f;}
.panel-red > a{color:#d9534f;}
.panel-red > a:hover{color:#b52b27;}
.panel-yellow{border-color:#f0ad4e;}
.panel-yellow > .panel-heading{border-color:#f0ad4e;color:white;background-color:#f0ad4e;}
.panel-yellow > a{color:#f0ad4e;}
.panel-yellow > a:hover{color:#df8a13;}
.gray-darker{background:#666;color:#fff;}
.gray-dark{background:#999;color:#fff;}
.gray{background:#E4E4E4;color:#222;}
.gray-light{background:#ededed;color:#222;}
.gray-lighter{background:#f3f3f3;color:#222;}
.blue-darker{background:rgb(0,76,142);color:#fff;}
.blue-dark{background:rgba(0,76,142,0.8);color:#fff;}
.blue{background:rgba(0,76,142,0.3);color:#004c8e;}
.blue-light{background:rgba(0,76,142,0.2);color:#004c8e;}
.blue-lighter{background:rgba(0,76,142,0.1);color:#004c8e;}
.azul{color:#036599;border-color:#036599;}
.laranja{color:#FF9011;border-color:#FF8800;}
.verde{color:#3CB13C;border-color:#108810;}
.vermelho{color:#d9534f;border-color:#d9534f}



@media (min-width:768px){
}

/* media queries */
@media (min-width:481px) and (max-width:767px){
	.boxFazer{border:none;}
}
@media (min-width:768px){
	.boxFazer{min-height:4em;}
	.barra{min-height:60px;margin-top:0.8em;}

	/* menu barra */
	.menuBarra{width:320px;margin:4em 0em;}

	/* media */
	.media-left{float:left;margin:1% 3.984063745% 1% 1%;}
	.media-right{float:right;margin-left:3.984063745%;}

	/* rodape */
	.base{bottom:0;display:inline-flex;}

	/* números gerais */
	.extra{font-size:3.2em;}
	.panel-geral > .panel-heading,.panel-geral > .panel-footer{background-color:#f9f9f9;border-top:1px solid #d9d9d9;}
	.numerosGrid4{display:grid;grid-template-columns:calc(100% /4) calc(100% / 4) calc(100% / 4) calc(100% / 4);grid-template-rows:auto auto auto auto;grid-gap:10px 4px;margin:1em;}
	.numerosGrid5{display:grid;grid-template-columns:calc(100% /5) calc(100% / 5) calc(100% / 5) calc(100% / 5) calc(100% / 5);grid-template-rows:auto auto auto auto;grid-gap:10px 4px;margin:1em;}
	.itemA{/* grid-column-start:1; *//* grid-row-start:1; *//* grid-row-end:3; */width:100%;grid-row:1 / 3;grid-column:1 / 2;background:aliceblue;}
	.itemB{/* grid-row: 3 / 3; *//* grid-column-start:1; */width:100%;grid-row:3 / 5;grid-column:1 / 2;background:antiquewhite;}
	.itemB2{/* grid-row: 3 / 3; *//* grid-column-start:1; */width:100%;grid-row:1 / 3;grid-column:2 / 3;background:antiquewhite;}
	.itemC{grid-row:1 / 2;grid-column:2 / 3;}
	.itemD{grid-row:1 / 2;grid-column:3 / 4;}
	.itemE{grid-row:1 / 2;grid-column:4 / 5;}
	.itemF{grid-row:2 / 3;grid-column:2 / 3;}
	.itemG{grid-row:2 / 3;grid-column:3 / 4;}
	.itemH{grid-row:2 / 3;grid-column:4 / 5;}
	.itemI{grid-row:3 / 3;grid-column:2 / 3;}
	.itemJ{grid-row:3 / 3;grid-column:3 / 4;}
	.itemA,.itemB,.itemC,.itemD,.itemE,.itemF,.itemG,.itemH,.itemI,.itemJ{}
	.blocos{background:#f9f9f9;border:1px solid transparent;}
	.column-4{width:100%;background:#fff8e4;}
	.column-5{width:100%;background:#f9f9f2;}
	.column-5 figure{margin:auto;display:inline-block;clear:both;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px){
	.marca > img{height:100px;float:left;margin:-5px 0;}
	.entrar{margin:2em 0 0 0;padding:1em 2em;}

	/* hero */
	.imgAcessar{height:140px;margin:0 1em 0 0;}
	.acessar > hr{margin:1em 0;}

	/* destaques da capa*/
	.boxFazer{min-height:215px;margin:0.2em 0;}

	/* .boxFazer2 span{position:static;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:bolder;text-align:center;} */
	.boxFazer span{position:static;top:50%;left:50%;transform:translate(0,0);/*padding-top:9.8em; */display:flex;}
	.boxFazer p{color:#fff;padding:0;text-shadow:1px 1px 3px #666;}
	.boxFazerUm{background:-moz-linear-gradient(-45deg,rgba(85,182,226,0.8) 0%,rgba(0,69,100,0.8) 100%),url(../img/IMG-01.png) no-repeat center center; /* FF3.6-15 */background:-webkit-linear-gradient(-45deg,rgba(85,182,226,0.8) 0%,rgba(0,69,100,0.8) 100%),url(../img/IMG-01.png) no-repeat center center; /* Chrome10-25,Safari5.1-6 */background:linear-gradient(135deg,rgba(85,182,226,0.8) 0%,rgba(0,69,100,0.8) 100%),url(../img/IMG-01.png) no-repeat center center;background-size:cover; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
	.boxFazerDois{background:-moz-linear-gradient(-45deg,rgba(85,182,226,0.8) 0%,rgba(0,69,100,0.8) 100%),url(../img/IMG-02.png) no-repeat center center; /* FF3.6-15 */background:-webkit-linear-gradient(-45deg,rgba(85,182,226,0.8) 0%,rgba(0,69,100,0.8) 100%),url(../img/IMG-02.png) no-repeat center center; /* Chrome10-25,Safari5.1-6 */background:linear-gradient(135deg,rgba(85,182,226,0.8) 0%,rgba(0,69,100,0.8) 100%),url(../img/IMG-02.png) no-repeat center center;background-size:cover; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
	.boxFazerTres{background:-moz-linear-gradient(-45deg,rgba(85,182,226,0.8) 0%,rgba(0,69,100,0.8) 100%),url(../img/IMG-03.png) no-repeat center center; /* FF3.6-15 */background:-webkit-linear-gradient(-45deg,rgba(85,182,226,0.8) 0%,rgba(0,69,100,0.8) 100%),url(../img/IMG-03.png) no-repeat center center; /* Chrome10-25,Safari5.1-6 */background:linear-gradient(135deg,rgba(85,182,226,0.8) 0%,rgba(0,69,100,0.8) 100%),url(../img/IMG-03.png) no-repeat center center;background-size:cover; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
	.boxFazerQuatro{background:-moz-linear-gradient(-45deg,rgba(85,182,226,0.8) 0%,rgba(0,69,100,0.8) 100%),url(../img/IMG-04.png) no-repeat center center; /* FF3.6-15 */background:-webkit-linear-gradient(-45deg,rgba(85,182,226,0.8) 0%,rgba(0,69,100,0.8) 100%),url(../img/IMG-04.png) no-repeat center center; /* Chrome10-25,Safari5.1-6 */background:linear-gradient(135deg,rgba(85,182,226,0.8) 0%,rgba(0,69,100,0.8) 100%),url(../img/IMG-04.png) no-repeat center center;background-size:cover; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
	p.popCard{font-weight:100;font-size:xx-large;text-align:left;padding:1em 0.4em;}

	/* painel */
	.btn-jumbo{padding:1em;height:180px;padding-top:60px!important;margin-bottom:20px; /* botões gigantes */}
	.btn-jumbo p{font-size:29px;font-weight:700;}
}

/* min height tabs */
.tabs{background:#f9f9f9;  /* min-height:600px; */}
span.text-danger:hover{color:#E91E63;cursor:help;}

/* teste painel B
.btn-outline{border:#004c8e solid 1px;background:#fff;}
.btn-outline:hover{box-shadow:3px 3px 3px #e0e8ee;background:#f9f9f9;color:#004c8e!important;}
.btn-outline:hover > *{color:#004c8e!important;}
*/
.btn-outline:hover{box-shadow:3px 3px 3px #d3d3d3;background:#f9f9f9;}
.btn-outline:hover > *{text-decoration:none;}

/* sidenav */

/* The side navigation menu */
.sidenav{height:100%; /* 100% Full-height */width:0; /* 0 width - change this with JavaScript */position:fixed; /* Stay in place */z-index:1; /* Stay on top */top:0; /* Stay at the top */left:0;background-color:#f2f2f2; /* Black */overflow-x:hidden; /* Disable horizontal scroll */padding-top:60px; /* Place content 60px from the top */transition:0.5s; /* 0.5 second transition effect to slide in the sidenav */border-right:1px solid #2d8db8;}

/* The navigation menu links */
.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;display:block;transition:0.3s;}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover{color:#f1f1f1;}

/* Position and style the close button (top right corner) */
.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px;}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main{transition:margin-left .5s;padding:20px;}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height:450px){
	.sidenav{padding-top:15px;}
	.sidenav a{font-size:18px;}
}