/*###### .nav ######*/
/*##################*/

@-webkit-keyframes effect {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
@keyframes effect {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
.effect {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.effect:hover, .effect:focus, .effect:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: #2098d1;
  color: white !important;
}

.nav-item{
    margin-left:20px;
    padding-top:7px;
    letter-spacing: 1px;
}

.leilbi2{color:yellow !important; background-color:black !important;}
.leilbi4{color:white !important; background-color:black !important;}

.leilbi-button{background-color:darkgray !important; color:yellow !important; border:none; border-radius:0px;}
.leilbi-button-white{background-color:darkgray !important; color:white !important; border:none; border-radius:0px;}

.banner-mainlbi{ width: 100%; float: left; background-image:url(../imagens/banner4-pb.jpg); height: auto; padding-top: 20px; padding-bottom: 226px; background-size: cover;}
.img-pretobranco{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE */
}

/*###### .globals ######*/
/*######################*/

.txt-center{ text-align: center; }
.margin-0auto{ margin: 0 auto; }
.width-100{ width:100%; }
.height-100{ height:100%; }

.margin-top5{ margin-top: 5px; }
.margin-top10{ margin-top: 10px; }
.margin-top15{ margin-top: 15px; }
.margin-top20{ margin-top: 20px; }
.margin-top25{ margin-top: 25px; }
.margin-top30{ margin-top: 30px; }
.margin-top35{ margin-top: 35px; }

.margin-left5{ margin-left: 5px; }
.margin-left10{ margin-left: 10px; }
.margin-left15{ margin-left: 15px; }
.margin-left20{ margin-left: 20px; }
.margin-left25{ margin-left: 25px; }
.margin-left30{ margin-left: 30px; }
.margin-left35{ margin-left: 35px; }

/*###### .index (noticias) ######*/
/*###############################*/

.news-line-button{
    margin-top:5px;
}

#news-btn{
    border-left: 24px solid #0174b2 !important;
}

#news-btn span{
    margin-left:5px;
}

.news-icon{
    margin-left:-26px;
}

.news-one .btn-primary{
    background-color: #0189d3;
    border: none;
}

.news-one span {
    letter-spacing: 1px;
}

.news-one p{
    font-size:13px; 
    margin-top:7px; 
    color:darkslategray;
}

.news-one .icon-news{
    padding-top:10px;
}

/*###### .index (servicos) ######*/
/*###############################*/

.section-sv{ margin-top:40px; }

.btn-sv-a{ 
    text-decoration: none; 
    
}

.btn-sv{ 
    /*background-image: linear-gradient(to right, #0080c6,  #005baa);*/
    background-color: lightgray;
    color:#005baa !important;
    height:100px;
    width: 100%;
    font-size:20px;
    border-radius: 5px;
    border: solid;
    border-color:royalblue;
    border-width: 1px;
    text-decoration: none;
}
.btn-sv:hover{
    background-image: linear-gradient(to right, #0080c6,  #005baa);
    color:white !important;
    text-decoration: none !important;
}

.btn-col-sv{
    margin-top:15px;
}

.box-web-service{
    width: 100%;
	float: left;
    margin-top:140px;
}

.box-web-service h5{
    color: #0080c6;
	font-size: 22pt;
	text-align: center;	
	border-bottom: 1px solid #0080c6;
	width: 22%;
    margin: 0 auto;
	font-weight: bold;
    letter-spacing: 1px;
}

.box-sv{
    background-image: linear-gradient(to right, #0080c6,  #005baa); 
    color:white; 
    text-align:center; 
    height:210px;
    margin-top: 30px;
}

.button-sv{
    background-image: radial-gradient(white, #d6d6d6);
    border-radius:4px; 
    height:33px; 
    width:220px; 
    margin-top:18px;
}

.box-sv:hover{
    background-image: linear-gradient(to right, #0080c6,  #0080c6); 
}
            
.box-service{ width:; height:180px; margin:0 auto; background-image: linear-gradient(to right, #0080c6,  #005baa); text-align: center; color: white; border-radius: 2px;  }
.box-service i { font-size:30px; margin-top:30px; }
.box-service h4 { margin-top: 20px; }
.box-service h5 { margin-top: 10px; }
.box-service button { width:150px; }

/*###### (PAGE) .transparencia ######*/
/*###################################*/

    .col-buttons-transp{ width:256px; margin-left: 25px; }

    .btnnew-transp{ border-left: 50px solid #0174b2; width:100%; font-size:18px; letter-spacing:px; border-radius:0px; height:70px; background-color:#0189d3; }
    .btn-hr-transp{ color:gray; }
    .btn-hr-transp i{ color:#1bb5d9; }
    
    .box-title-transp{ text-align:center; margin-top:50px; }
    
    .box-title-transp .col-1 hr{ background-color:#1bb5d9; height:2px; }
    .box-title-transp .col-2 hr{ background-color:#1bb5d9; height:2px; }
    .box-title-transp .col-md-auto p{ text-align:center; color:#005baa; margin-top:-5px; font-size:25px; font-weight: bold; }
    .box-title-transp .col-md-auto p small{ font-size: 15px; color:black; font-weight: bold; }
    
    .col-options-transp{ text-align:right; }
    .col-options-transp hr{ background-color:#1bb5d9; height:2px; }
    
    .box-group-transp{ margin-top:30px; }
    
    .icon-institucional {margin-left:-136px; font-size: 25px;}
    .icon-licitacontra {margin-left:-56px; font-size: 25px;}
    .icon-receitasdespesa {margin-left:-75px; font-size: 25px;}
    .icon-dadospesquisa {margin-left:-115px; font-size: 25px;}
    .icon-diarias {margin-left:-177px; font-size: 25px;}
    .icon-documentos {margin-left:-133px; font-size: 25px;}
    .icon-passageaereas {margin-left:-95px; font-size: 23px;}
    .icon-sic {margin-left:-205px; font-size: 25px;}
    .icon-auditorias {margin-left:-153px; font-size: 25px;}
    .icon-planejamento {margin-left:-55px; font-size: 25px;}
    .icon-infoclass {margin-left:-45px; font-size: 25px;}
    .icon-perguntasfreq {margin-left:-58px; font-size: 25px;}
    .icon-dividendos {margin-left:-140px; font-size: 25px;}
    .icon-transfconven {margin-left:-55px; font-size: 25px;}
    .icon-participacaosocial {margin-left:-92px; font-size: 23px;}
    .icon-gestaodepessoas {margin-left:-84px; font-size: 25px;}
    .icon-leis {margin-left:-108px; font-size: 25px;}
    .icon-obras {margin-left:-84px; font-size: 25px;}
    .icon-fundos {margin-left:-68px; font-size: 25px;}
    .icon-atac {margin-left:-57px; font-size: 25px;}

/*###### (Page).Institucinal ######*/
/*##############################*/

@import url('https://fonts.googleapis.com/css?family=Montserrat');
    * {
        box-sizing: border-box;
    }
    h3 {
        margin: 10px 0;
    }
    h6 {
        margin: 5px 0;
        text-transform: uppercase;
    }
    p {
        font-size: 14px;
        line-height: 21px;
    }
    .card-container {
        background-color: white;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
        padding-top: 30px;
        position: relative;
        width: 350px;
        max-width: 100%;
        text-align: center;
        height:560px;
    }
    .card-container:after { height: 100% !important; }
        .card-container h4{ margin-top:10px; }
        .card-container h6{ color: gray; margin: 10px; font-size:15px; }
        .card-container p{color:gray; text-align: justify; width: 93%; margin:0 auto;}
    .card-container .pro {
        color: #231E39;
        background-color: #FEBB0B;
        border-radius: 3px;
        font-size: 14px;
        font-weight: bold;
        padding: 3px 7px;
        position: absolute;
        top: 30px;
        left: 30px;
    }
    .card-container .round {
        border: 1px solid #005baa;
        border-radius: 50%;
        padding: 7px;
    }
    .card-container hr{ background-color:#e69900; height:1px; width:20%; }

    .bt-navl{ background-color:#8294a7; color: white; }
    
    .col-card-diretoria{ margin-left:15px; }
    .card-diretoria{ position: absolute; bottom: 0; left: 0; width: 100%; }
    .btn-card-diretoria{ width:48%; height:50px; border-radius: 0px; background-color: white; border:none; border-top: 1px solid #e6e6e6; color:#0077e6 !important;  transition: letter-spacing 0.3s ease; }
    .btn-card-diretoria:hover{ background-color: #006be6; color:white !important; letter-spacing: 2px;  }
    .btn-card-diretoria span i{ padding-top:10px; font-size:20px;  }

    .btn-conformidade{ width:350px; margin:0 auto;}

/*###### (Page).Passagens ######*/
/*##############################*/

.plain-box-title{
    margin-top:40px; 
    text-align:center;
}

.plain-box-title hr{
    background-color:#1bb5d9; 
    width:60%; 
    height:2px;
}

.plain-box-title h5{
    background-image: linear-gradient(to right, #0080c6,  #005baa); 
    border:none; 
    font-size:20px; 
    border-radius:0px;
}

.plain-sub-box-title{
    margin-top:15px;
}

.plain-sub-box-title .row{
    margin:0 auto; 
    width:50%; 
    color:gray;
}

.plain-box-table{
    margin-top:20px;
}

/*###### (Page).Licitacoes/Contratos ######*/
/*##############################*/
    
.licitacontra-btn{
    width:400px; 
    border-radius:0px; 
    height:60px; 
    border:none;
    letter-spacing: 1px;
}

.licitacontra-alert{
    margin-top:40px;
}

.licitacontra-alert-box{
    background-color:#ebebeb; 
    border-left: 5px solid #6c6c6c;
    width:100%;
    margin: 0 auto;
}

.licitacontra-alert-box p{
    font-size: 14px;
}

.licitacontra-alert-box span{
    margin-left:5px;
}

/*###### (Page).Receitas-Despesas ######*/
/*######################################*/

.respdesp-alert{
    width:90%;
    margin:0 auto;
    margin-top:20px;
}

.respdesp-table{
    margin-top:30px;
}

.respdesp-table h3{
    color: #007acc;
    letter-spacing: 1px;
    text-align: center;
}

.respdesp-table p{
    text-align: center;
}

/*###### (Page).Diarias ######*/
/*############################*/

.diarias-box{
    margin-top:20px;
}

.diarias-alert{
    margin-top:30px;
}

/*###### (Page).Documentos ######*/
/*###############################*/

.doc-box{
    margin-top:30px;
}

/*###### (Page).Passagens Aereas ######*/
/*#####################################*/

.tickets-box{
    margin-top:30px;
}

.tickets-alert{
    width:90%;
    margin: 0 auto;
}

/*###### .footer ######*/
/*#####################*/

.footer-container{
    width: 80%;
}

.box-sobre{
    text-align:center; width:90%; 
    margin:0 auto;
}

.box-sobre p{
    text-align: justify; margin-top:18px;
}

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

.box-endereco h5{
    font-size:22px; 
    text-align:center; 
    margin-top:9px; 
    letter-spacing:2px;
}

.box-endereco h5 i{
    color:#076787;
}

.box-endereco p{
    color: gray;
}

.box-endereco .p-end{
    color: gray;
}