@media print {
  body{
    font: 18px Arial, Helvetica, sans-serif;  
    text-align:        center;
    color:             black;
    width:             100%;
    height:            100%;  
    background-color:  white;  
  }
  .boa-no-print {display: none;}
  .boa-js-btn-print {display: none;}
  .boa-js-btn-action, .js-action {display: none;}
}

body{
  font: 18px Georgia, Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color:  white;    
  color:             black;
  width:             100%;
  height:            100%;  
  text-align:        center;    
}
.desobstrui{
  clear:            both;
}

div{
  margin-top:        5px;	
  padding:           0;
  line-height:       25px;
  border-radius:     0.5rem;
  word-wrap:         break-word;  
}

fieldset{
  border:            1px solid black;
  padding:           10px;
}
fieldset legend{
  width:             auto;
  font-size:         12px;
  font-weight:       bold;
  color:             brown;
  padding:           0px 5px 0px 5px;
}
fieldset p{
  margin:            0;
  padding:           0;
}

input, select, textarea{     
  height:            20px;
  font-size:         12px;
}
button{
  font-size:         12px;
  font-weight:       bold;
}
p{
  word-wrap:         break-word;
}
span{
  word-wrap:         break-word;
}

table{	
  border-collapse:  collapse;
  width:            100%;
  line-height:      1.5em;
}
table tr{
  height:           30px;
}

/* -------------------------------------------------------------------- */
/* estilização anchors                                                  */
/* -------------------------------------------------------------------- */
a        {text-decoration:       underline;}
a:link   {color:                 #000066;}
a:hover  {color:                 #FF0000;}
a:active {color:                 pink;}
/*.boa-fs-edicao{  font-size:          12px;}*/

/* -------------------------------------------------------------------- */
/* estilização padrão                                                   */
/* páginas com título, mensagem, conteúdo e barra de botões             */
/* -------------------------------------------------------------------- */
.boa-titulo{
  background-color:   #ceb346;
  color:              #007b7b;
  line-height:        30px;  
  text-align:         center;
  font-weight:        bold;
  font-size:          18px;

}
.boa-sub-titulo{
  background-color:   #ceb346;
  color:              #007b7b;
  line-height:        25px;  
  text-align:         center;
  font-weight:        bold;
  font-size:          14px;

}
/*.boa-msg{
  display:            none;
  border-top:         1px solid black;
  border-bottom:      1px solid black;
  font-size:          12px;
  font-weight:        bold;
  text-align:         center;
  padding:            5px;
}*/
.boa-bar-bot{
  width:              100%;
  text-align:         center;
  margin-top:         10px;
}

/* -------------------------------------------------------------------- */
/* estilização index.php                                                */
/* páginas com header, conteúdo e rodapé                                */
/* -------------------------------------------------------------------- */

.boa-header-main{
  background-color:  #ceb346;
  font-size:         14px;
  font-weight:       bold;
  margin-bottom:     5px;
  height:            auto;
}
.boa-conteudo-main{
  border:            1px solid black;
  padding:           5px;
  margin-bottom:     5px;
  font-size:         14px;

}
.boa-footer-main{
  background-color:  #EAEAEA;
  margin-top:        5px;
  padding:           10px;
}

/* -------------------------------------------------------------------- */
/* estilização programas de edição                                      */
/* páginas com lista, barra de botões e campos                          */
/* -------------------------------------------------------------------- */

  .boa-app{
    font-size:           14px;
    margin-left:         5px;
    margin-right:        5px;
  }
  .boa-app-lst{
    background-color:    white;
  }
  .boa-app-edi{
    display:             none; 
  }
  .boa-edi-barbot{
    background-color:   #EAEAEA;
    border:             1px solid black;    
    line-height:        50px;
  }
  .boa-edi-fields{
    text-align:         left;
    padding:            10px;
    border:             1px solid black;
    margin-bottom:      0px;
  }
/* -------------------------------------------------------------------- */
/* estilização das barras de menu                                       */
/* -------------------------------------------------------------------- */
#divMenu .btn-menu-esc{
  background: url("../imagens/bus.jpg");
  background-size: 100px 25px;
  background-repeat: no-repeat;
  font-weight:bold;
}
.btn-login{
  background-color:  brown;
  width:             100px;
}
.btn-menu{
  font-size:         12px;  
  line-height:       12px;
  width:             auto;
  padding:           5px;
}
.btn-menu-clicked{
  background-color:  green;
  color:             white;
}

.boa-menu-main{
  background-color:  #8c8f99;
  /*height:            auto;*/
  height:            50px;
  line-height:       50px;
  border:            1px solid black;
  text-align:        center;
  margin-bottom:     5px;
  /*padding:           5px;*/
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0;
  /*margin-top: -6px;*/  
  margin-left: -1px;     /* remonta para não dar mouseout!!!*/
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
/* *********************************************************** */
/* Estilização da midiateca                                    */
/* *********************************************************** */
#divMidiaItems{
  border:             none;
  padding:            0;
}
.boa-midia-acesso{
  border:             2px solid red;    
}
.boa-midia-filter{
  border:             1px solid brown;    
}
.boa-midia-item{
  border:             1px solid blue;    
  padding:            5px 5px 5px 5px;
}
.boa-midia-tit{  
  display:            block;
  margin-bottom:      0;
  background-color:   #CACACA;
  text-align:         center;
  font-weight:        bold;
  height:             auto;    
}
.boa-midia-img{    
  float:              left;
  margin-right:       10px;
}
.boa-midia-vermais{
  text-align:         left;
  margin-left:        5px;
}

/* -------------------------------------------------------------------- */
.boa-data{
  width:            80px;
  text-align:       center;
  font-size:        12px;	
}
.divTitulo{
  text-align:        center;
  color:             blue;
  font-weight:       bold;
  height:            25px;
  line-height:       25px;
  margin-bottom:     15px;
}
.div-section{
  text-align:          left;
  padding:             5px;
  margin-bottom:       5px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.div-citation{
  text-align:          center;
  padding:             5px;
  margin-bottom:       5px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-style:          italic;
}
.div-btn-menu{
  float:             left;
  padding-top:       3px;
  padding-left:      3px;
  padding-right:     3px;
}
.divMsg{
  font-size:         14px;
  font-weight:       bold;
  text-align:        center;
}
.boa-spn-lbl{
  font-size:          14px;
  font-weight:        bold;   
  color:              brown;
}
.boa-spn-red{
  color:              red;
}
label{
    font-size:         12px;
    font-weight:       bold;
    color:             blue !important;
  }
  
.boa-atv-lbl{
    font-size:          14px;
    font-weight:        bold;   
    color:              brown;
  }

.boa-label-nopointer{
  cursor:            default;
}
.p-tit{
  font-size:         24px;
  color:             black;
  font-weight:       bold;
}
.p-tit-center{
  font-size:         24px;
  color:             black;
  font-weight:       bold;
  text-align:        center;
}
.bg-cab{
  background-color: #ceb346;        
}
.bg-menu{
  background-color: #465ace;
  height:            40px;
}
.bg-menu1{
  background-color: #8c8f99;
  height:            40px; 
}
.btn-excluir{
  background-color:  red;
  color:             white;
}
.btn-clicked{
  background-color:  red;
  color:             white;
}
.img-foto{
  width:             50px;
  height:            75px;	  
}
.txt-min{
  font-size:         12px;
}
ul{
  margin:            0;
  padding:           0;	
}
.ul-clean{
  list-style-type:   none;
}
.msg{
  font-size:         14px;
  font-weight:       bold;
  text-align:        center;
  padding:           5px;
}
.msgInfo{
  border:            1px solid blue;    
  color:             black;
}
.msgSuccess{
  border:            1px solid green;        
  color:             green;  
}
.msgWarning{
  border:            1px solid rgb(210, 12, 126);        
  color:             rgb(219, 12, 126);
}
.msgError{
  border:            1px solid red;
  color:             red;  
  font-size:         12px;
  font-weight:       bold;
}
.list-icon{
  width:             50px;
  height:            50px; 
}
.tbLinTit{
  background-color: #ceb346;
  color:            #007b7b;
  line-height:      25px;  
  text-align:       center;
  font-weight:      bold;
}
.tbLinSubTit{
  background-color: #DADADA;
  line-height:      25px;
  font-weight:      bold;
  text-align:       center;
  padding-left:     2px; 
}
/* -------------------------------------------------------------------- */
/* estilização tabela de listas padrão (3 colunas)                      */
/* <table>   *** sem class !!! ***                                      */
/* -------------------------------------------------------------------- */
#divLstItems, .tblLista{
  border:           1px solid blue;
  padding:          5px;
  font-size:        14px;
}

#divLstItems tr td, #divLstItems tr th, .tblLista tr td, .tblLista tr th{    
  border:           1px solid black;
}
#divLstItems thead tr, .tblLista thead tr{
  background-color: #D7D7D7;
}
#divLstItems tbody tr td:nth-child(1), .tblLista tbody tr td:nth-child(1){
  width:            10%;
  text-align:       center;  
}
#divLstItems tbody tr td:nth-child(2), .tblLista tbody tr td:nth-child(2){
  width:            80%;
  text-align:       left;  
  padding-left:     5px;    
}
#divLstItems tbody tr td:nth-child(3), .tblLista tbody tr td:nth-child(3){
  width:            10%;
  text-align:       center;
}
#divLstItems tbody tr:nth-child(odd), .tblLista tbody tr:nth-child(odd){
  background-color: white;
}
#divLstItems tbody tr:nth-child(even), .tblLista tbody tr:nth-child(even){
  background-color: #ECECEC;    
}
/* -------------------------------------------------------------------- */
/* estilização tabela de listas com email (4 colunas)                   */
/* <table class='hasemail'>                                             */
/* -------------------------------------------------------------------- */
#divLstItems .hasemail tbody tr td:nth-child(1){
  width:            10%;
  text-align:       center;  
}
#divLstItems .hasemail tbody tr td:nth-child(2){
  width:            10%;
  text-align:       center;  
  padding-left:     5px;    
}
#divLstItems .hasemail tbody tr td:nth-child(3){
  width:            70%;
  text-align:       left;
  padding-left:     5px;
}
#divLstItems .hasemail tbody tr td:nth-child(4){
  width:            10%;
  text-align:       center;
}

/* -------------------------------------------------------------------- */
/* estilização da exibição de cursos                                    */
/* -------------------------------------------------------------------- */
  .cursos{
    font:                16px Trebouchet, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    background-image:    url('../imagens/beige1.jpg');    
    text-align:          left;
    padding-top:         15px;
  }
  .js-menu-unclicked{
    background-color:    lightblue;
    color:               black;
  }
  .js-menu-clicked{
    background-color:    red;
    color:               white;
  }
  #ulCursoMenu{
    background-color:    #CCCCCC;
    padding:             5px;
  }
  #ulCursoMenu li{
    line-height:         15px;
    font-size:           12px;
    font-weight:         bold;
  }