/** Alterações no Bootstrap **/

body {
    padding-top: 50px;
    font-family: sans-serif, Arial;
    background-color: #404041;
}


/* + Opcao Menu */
.navbar-inverse .navbar-nav > li > a  {
    color: #ffffff !important;
    font-size: 13px;
    font-weight: bold;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #ffffff !important;
}
/* - Opcao Menu */


@media (max-width: 767px) {

    /* Barra Superior */
    .navbar-fixed-top {
        background-image: none !important;
        background-color: #2d2a2b;
        border-color:  #c9c9c9 !important;
    }

    /* + Bt Expande Menu */
    .navbar-toggle {
        box-shadow: 1px 1px 2px #808080;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    /* - Bt Expande Menu */


}

@media (min-width: 768px) {

    /* Barra Superior */
    .navbar-fixed-top {
        background-image: -webkit-gradient(linear, left 0%, left 100%, from(#623f99), to(#482283 ));
        background-image: -webkit-linear-gradient(top, #623f99, 0%, #482283, 100%);
        background-image: -moz-linear-gradient(top, #623f99 0%, #482283 100%);
        background-image: linear-gradient(to bottom, #623f99 0%, #482283 100%);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
        background-color: #623f99;
    }
    
}


.navbar-brand {
    padding-top: 8px !important;
}

.navActive a, .navActive a:hover {
    color: #ffffff !important;
    cursor: default;
}
/** /Alterações no Bootstrap **/


/**  /////////////////////////////////////////////////////////////////////// **/


/** Uso Geral **/

.navDiv
{
   height: 12px;
   width: 1px;
   background-color: #c9c9c9;
   display: block;
   position: relative;
   top: 19px;
}

.divCentral {
    background-color: #ffffff;
}

.banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.pagTitle {
    font-size: 25px;
    margin: 40px 0 30px 0;
}

@media all and (min-width: 767px) {
    .duasColunas {
        -webkit-column-count: 2;
        -webkit-column-gap: 70px; /* Saf3, Chrome*/
        -moz-column-count: 2;
        -moz-column-gap: 70px; /* FF3.5+ */
        column-count: 2;
        column-gap: 70px; /* Opera 11+*/
    }
}


@media (min-width: 768px) {
    .blocoCentral {
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media (min-width: 992px) {
    .blocoCentral {
        padding-left: 8%;
        padding-right: 8%;
    }
}

@media (min-width: 1200px) {
    .blocoCentral {
        padding-left: 17%;
        padding-right: 17%;
    }
}

.btnPurple {
    background-color: #623F98;
    text-shadow: none;
    text-align: center;
    color: #EDE837 !important;
}

.btnPurple:hover, .btnPurple:active {
    text-decoration: none;
}

@media (max-width: 767px) {
  .btnPurple {
      font-size: 14px;
      padding: 10px 15px 10px 15px;
  }
}

@media (min-width: 768px) {
  .btnPurple {
    font-size: 20px;
    padding: 10px 20px 10px 20px;
  }
}

.txtWhite, .txtWhite a, .txtWhite a:hover, .txtWhite a:active {
    color: #ffffff;
}

.txtPurple, .txtPurple a, .txtPurple a:hover, .txtPurple a:active {
    color: #4A1D61;
}

.txtYellow, .txtYellow a, .txtYellow a:hover, .txtYellow a:active {
    color: #EDE837 !important;
}

.txtGreen, .txtGreen a, .txtGreen a:hover, .txtGreen a:active {
    color: #23c1aa !important;
}

.txtGray, .txtGray a, .txtGray a:hover, .txtGray a:active {
    color: #58585B !important;
}


/**  Bottom **/

#Rodape {
    border-top: 8px solid #EB1E4D;
}

#Rodape5 a, #Rodape6 a {
    color: #ffffff;
}

#Rodape5 a:hover, #Rodape6 a:hover {
    text-decoration: none;
    color: #93d5da;
    cursor: pointer;
}

#Rodape6 .separador {
    display: block;
}

#modalDocConteudo {
    border: 1px solid #c9c9c9;
    width: 100%;
    max-height: 500px;
    display: block;
    padding: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    overflow-y:scroll;
    white-space: pre-wrap;      
    white-space: -moz-pre-wrap;  
    white-space: -pre-wrap;      
    white-space: -o-pre-wrap; 
    word-wrap: break-word;
    margin: 1em 0;
}

@media (max-width: 767px) {
    #Rodape {
        height: 320px;
    }
    #Rodape1 {
        margin: 30px 0 20px 0;
    }
    #Rodape2 {
        text-align: center;
    }
    #Rodape3 {
        text-align: center;
        margin-top: 25px;
    }
    #Rodape4 {
       text-align: center;
    }
    #Rodape4 a {
       padding: 6px;
    }
    #Rodape5 {
        font-size: 14px;
        margin-top: 20px;
        text-align: center;
    }
    #Rodape6 {
        margin: 20px 0 30px 0;
        font-size: 13px;
    }
    #Rodape6 .separador {
        width: 55px;
    }
}

@media (min-width: 768px) {
    #Rodape {
        height: 300px;
    }
    #Rodape1 {
        margin: 75px 0 30px 0;
    }
    #Rodape2 {
        text-align: right;
        padding-right: 30px;
    }
    #Rodape3 {
        padding-left: 30px;
    }
    #Rodape4 {
       text-align: right;
    }
    #Rodape4 a {
       margin-right: 20px;
    }
    #Rodape5 {
        font-size: 17px;
        margin-top: 20px;
        padding-left: 30px;
    }
    #Rodape6 {
        margin: 50px 0 60px 0;
        font-size: 13px;
    }
    #Rodape6 .separador {
        width: 85px;
    }
    #Rodape6 .modal-content {
        width: 680px;
    }
    #modalDocConteudo {
        min-height: 500px;

    }
}

/**  /Bottom **/


/** /Uso Geral **/