



.etiqueta2 {
  background: #ECECEC;
  color: #000; 
  padding: 5px 10px;
  margin-top: 10px; 
  text-align: center;
  width: 100%;
  margin-right: 0; 
  margin-left: auto;
}
.comentario{
    padding-top:10px;
    /*text-transform:uppercase;*/
        color: #8c8c8c;
        font-weight:400 ;
}
.avaliacao{
     padding-top:10px;
             color: #8c8c8c;
    /*text-transform:uppercase;*/
    font-weight:400 ;
}
.descritivoCursos {
  /*position: relative;
  float: left;
  font-size: 16px;
  line-height: 16px;
  margin: -1px 0px 0px 0px;
  width: 100%;
  border-radius: 0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
  padding: 0px 0px 0px 10px;
    background-color: #efefef;
                 border:solid #ccc 1px;*/
      position: relative;
    float: left;
    font-size: 16px;
    line-height: 16px;
    margin: 5px 0px;
    width: 100%;
    background-color: #efefef;
    border-radius: 5px 5px 5px 5px;
    padding: 10px 10px 10px 10px;

}

.grupoitem {
  position: relative;
  float: left;
  font-size: 16px;
  line-height: 16px;
    margin: 0px;
    margin-bottom:10px;
  width: 100%;
  border-radius: 0px 0px 0px 0px;
  /*padding: 10px 10px 10px 10px;*/
  padding: 0px 0px 0px 0px;
    /*background-color: #efefef;*/
        background-color: #fff;
         border:solid #ccc 1px;

}
.grupotitulo{
      position: relative;
  float: left;
    background-color: #efefef;
     margin: 0px 0px;
       width:100%;
       /*border:solid #ccc 1px;*/
       /*padding:10px 10px 10px 10px;*/
       clear: both;
    display: block;
    float: left;
    width: 100%;
    position: relative;

       
}
.gtitulo{
  width: 100%;
    position: relative;
    float: left;
    display: block;
    padding-left:10px;
       
}
.gtitulob{
 width: 100%;
    float: left;
    position: relative;
    padding-top:6px;
       
}
.gtitulo h3{
       font-size: 16px;
       font-weight:400;
       text-transform:uppercase;     
}

.grupotitulo_principal{
      position: relative;
  float: left;
    background-color: #efefef;
     margin: 0px 0px;
       width:100%;
       /*border:solid #ccc 1px;*/
       /*padding:10px 10px 10px 10px;*/
       clear: both;
    display: block;
    float: left;
    width: 100%;
        line-height: 16px;
    position: relative;
    margin-bottom:20px;

       
}

.titulo_principal{
  width: 100%;
    position: relative;
    float: left;
    display: block;
    padding-left:10px;
       
}
.titulo_principalb{
 width: 100%;
    float: left;
    position: relative;
    padding-top:6px;
       
}
.titulo_principal h2{
       font-size: 18px;
       font-weight:600;
       text-transform:uppercase;   
       color:#fff; 
}



.grupoitem p a{
  color: black;
  text-decoration: underline;
}
.grupoitem p a:hover{
  color: #4c4c4c;
  text-decoration: underline;
}

.grupotopico {
  position: relative;
  float: left;
  font-size: 16px;
  line-height: 10px;
  margin: 0px 0px;
  width: 100%;
  min-height:50px;
  border-radius: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
    /*background-color: #efefef;*/
        background-color: rgba(74,74,74,.8);
        color:#efefef;
         /*border:solid #ccc 1px;*/
         margin-top: 10px;
         text-transform:uppercase;
}
.grupocorpo {
  position: relative;
  float: left;
  font-size: 16px;
  margin: 0px 0px;
  width: 100%;
  border-radius: 0px 0px 0px 0px;
  min-height:20px;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:10px;
  padding-right:10px;
/*padding: 20px 20px 20px 20px;*/

        /*background-color: #000;*/
        /*color:azure;*/
         /*border:solid #ccc 1px;*/
         /*margin-top: 0px;*/
}

.gruporesumo{
      position: relative;
  float: left;
    width: 100%;
 font-size: 12px !important ;
 border-top: 1px solid #ccc;

}

.hover:hover {
  background-color: #d6d6d6;
}

.descritivogrupos {
  position: relative;
  float: left;
  font-size: 16px;
  line-height: 10px;
  margin: 0px 0px;
  width: 100%;
  border-radius: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
    /*background-color: #efefef;*/
        background-color: #efefef;
         border:solid #ccc 1px;
         margin-top: 10px;
}
.descritivotopicos {
  position: relative;
  float: left;
  font-size: 16px;
  line-height: 10px;
  margin: -11px 0px;
  width: 100%;
  border-radius: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
    /*background-color: #efefef;*/
        background-color: #000;
        color:azure;
         border:solid #ccc 1px;
         margin-top: 10px;
}
.titulo_item {
  position: relative;
  float: left;
  font-size: 16px;
  line-height: 50px;

  width: 100%;

}
/*.descritivoCursos:hover {
  background-color: #d6d6d6;
}*/

/*.descritivoCursos:hover {*/
  /*background-color: rgba(74,74,74,.3);*/
  /*background-color: #d6d6d6;*/
  /*background-color: #fff;*/
  /*background-color: #efefef;*/
/*}*/

.descritivoCursos.FRMO {
  background-color: #FFF !important;
  border:solid #ccc 2px;
}

.descritivoCursos.TOPO {
  /*border:solid #000 2px;*/
}

.row-curso-acao .grupo-conteudo{
	width:100% !important;
	padding:0px !important;
}

.grupo-conteudo{
	cursor:pointer;
}

.wrap-editions .grupo-conteudo{
	cursor:auto !important;
}

.descritivoCursos h3 {
  margin-top:0;
  margin-bottom: 15px;
  /*text-transform: uppercase;*/
  font-weight: 400;
}

.descritivos-curso h3 {
	text-transform: none;
}

.list-texto h3{
	text-transform: none;
}
.descritivoCursos p a{
  color: black;
    text-decoration: none;
}
.descritivoCursos p a:hover{
  color: #4c4c4c;
  text-decoration: underline;
}

/* Div a evolver os botoes */

.grupoBotoes {
  text-align: right;
  right: 10px;
  bottom: 15px;
}


.grupoBotoes .botao {
  position: relative;
  font-size: 11px;
  padding: 5px 0px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  margin: 2px 0px;
  display: inline-block;
  width: 100%;
}


.grupoBotoes .botaocinza {
    position: relative;
    font-size: 11px;
    /*font-weight: bold;*/
    background: #333;
    padding: 5px 0px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin: 2px 0px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
}

.botao {
    position: relative;
    font-size: 11px;
    padding: 5px 10px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    margin: 2px 0px;
    display: inline-block;

}

.botaolnk {
  position: relative;
  border-radius: 0px;
  /*border:1px solid #fff;*/
    border:1px solid #d6d6d6;
  padding: 8px 10px;
  text-align: center;
  color: #000;
  text-align: center;
  text-decoration: none;
  margin: 0px 0px;
  display: inline-block;
  /*line-height: 25px;*/
  margin-bottom: 0px !important;
  margin-right: 5px  !important;
}

.botaolnk:hover{
  background-color: #4a4a4a;
  border:1px solid #fff;
  color: #fff;
  cursor: pointer;
}

.botaoaccaolnk {
  position: relative;
  border-radius: 0px;
    background-color: #4a4a4a;
  /*border:1px solid #fff;*/
    border:1px solid #d6d6d6;
padding: 8px 10px;
  text-align: center;
  /*text-transform:uppercase;*/
  color: #fff;
  text-align: center;
  text-decoration: none;
  margin: 0px 0px;
  display: inline-block;
  font-size: 16px;
    /*line-height: 25px;*/
    font-weight: 300;
      margin-right: 5px  !important;
      line-height: 16px;

}

.botaoaccaolnk:hover{
  background-color: rgba(74,74,74,.8);
  border:1px solid #fff;
  color: #fff;
  cursor: pointer;
}

.botaoaccaoseclnk {
  position: relative;
  border-radius: 0px;
    background-color: #4a4a4a;
  /*border:1px solid #fff;*/
    border:1px solid #d6d6d6;
padding: 8px 10px;
  text-align: center;
  /*text-transform:uppercase;*/
  color: #fff;
  text-align: center;
  text-decoration: none;
  margin: 0px 0px;
  display: inline-block;
  font-size: 16px;
    /*line-height: 25px;*/
    font-weight: 300;
      margin-right: 5px  !important;
      line-height: 16px;

}

.botaoaccaoseclnk:hover{
  background-color: rgba(74,74,74,.8);
  border:1px solid #fff;
  color: #fff;
  cursor: pointer;
}

.botaocinza {
  position: relative;
  font-size: 11px;
  /*font-weight: bold;*/
  background: #333;
  padding: 5px 10px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  margin: 2px 0px;
  text-transform: uppercase;
  display: inline-block;
}

ul.list-text {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 300;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
}
ul.list-resumo {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 300;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 80%;
    text-align: center;
}

ul.list-resumo li {
    clear: both;
    content: '';
    display: block;
    /*height: 35px;*/
    height:max-content;
    margin-right: auto;
    margin-bottom: 0px;
    position: relative;
    margin-left: auto;
    margin-top: 0px;
}

.list-resumo li span {
    font-weight: 300;
    color: #8c8c8c;
    margin-bottom: 10px;
}
.grupotopico .list-resumo li span {
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px;
}
.list-resumo span {
display: block;
width: auto;
}

.resumo{
margin-top: -15px !important;
 margin-bottom: -15px !important; 
 font-size: 12px !important ;
 /*color: darkgray;*/
}


ul.list-text li {
    clear: both;
    content: '';
    display: block;
    /*height: 35px;*/
    height:max-content;
    margin-right: auto;
    margin-bottom: 10px;
    position: relative;
    margin-left: auto;
    margin-top: 10px;
}

.list-text li span {
    font-weight: 300;
    color: #8c8c8c;
    margin-bottom: 10px;
}
.list-text span {
display: block;
width: auto;
}

.descritivoCursos p {
    margin: 10px 0px;
}


/*Css dos menus*/

.areaMenu {
    float: left;
    width: 100%;
    /*border-radius: 0 10px 0 0;*/
    background-color: #efefef;
    margin-top: 10px;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
}

.areaMenu h3 {
    cursor: default;
    margin: 0;
    padding: 5px 10px;
    font-size: 19px;
    font-weight: 300;
    text-transform: uppercase;
}

.areaMenu ul {
    margin: 0;
    padding: 0;
}

.areaMenu ul li {
    list-style: none;
    background-color: #fff;
    border-bottom: 1px #eee solid;
    border-left: 1px #eee solid;
    transition: 0.2s all ease;
}

.areaMenu ul li:hover {
    background-color: #eee;
    transition: 0.2s all ease;
}

.areaMenu ul li a {
    display: block;
    /*width: 100%;*/
    padding-left: 15px;
    text-decoration: none;
    color: black !important;
}
.active {
    background-color: #d6d6d6;
}
.tbListagens {
    width: 100%;
    overflow-x: auto;
}
.headertable{
        background-color:rgba(74,74,74,.8);
}
.tbListagens table {
  border-collapse: collapse;
  border-radius: 0px 10px 10px 10px;
  overflow: hidden;
  border-color: #ccc;
  cursor:default;
}
  
.tbListagens table th{
      color: white;
      padding: 10px;
}

.tbListagens {
    width: 100%;
        /*padding-left:5px;
        padding-right:5px;*/
}

.tbListagens table {
  border-collapse: collapse;
  border-radius: 0px 0px 0px 0px;
  overflow: hidden;
  width: 100%;
}

.tbListagens table  td {
  padding: 10px;
  /*background: #efefef;*/
   background: #fff;
}

.tbListagens tr:hover td{
      background-color:  #d6d6d6;
}
.w100{
  width: 100% !important;
}
h2 a{
  color: black;
}
    #frameCalendar{
         height:500px;
    }

.list-texto .title h3,
.descritivos-curso .title h3{
    font-size: 12px;
    color: #949494;
    font-weight: 600;
	text-align:center;
}

.list-texto .corpo p,
.descritivos-curso .corpo p{
	font-size:16px !important;
	text-align:center;
	font-weight:400 !important;
}

.list-icone .data h3{
	text-align:center;
	font-weight:400;
}

.descritivos-curso a{
	margin-top:15px !important;
	width:105px;
	height:42px;
}

/*.descritivos-curso:hover{
	background-color:#dadada !important;
}*/

.list-icone{
    margin-bottom: -3% !important;
}

.list-texto li{
	background-color:transparent !important;
	margin:15px 15px 0px 15px !important;
}

.descritivos-curso .grupo-imagem .data h3{
	margin-top:20px !important;
	margin-bottom:20px !important;
}

.descritivos-curso .grupo-imagem .data{
	width:82px;
}

.descritivos-curso{
	padding: 0px 15px 15px 112px !important;
}



/*20200727 design menu tabs*/
.menu_estado {
  display: flex;
  flex-wrap: wrap;
}

.menu_estado li {
  margin: 2px;
}

.menu_estado a:hover,
.menu_estado a:visited {
  color: #fff;
  background-color: rgba(74,74,74,.8);
}

.menu_estado a {
  background-color: #4a4a4a;
  color: #fff;
  padding: 5px 10px;
  text-decoration: none;
}

.descritivoCursos.estado_adecorrer {
  background-color: rgba(74,74,74,.3) !important;
}

.descritivoCursos h3,
.descritivoCursos h3.titulo_topico {
  /* display: inline-block; */
  font-weight: 400;
  font-size:16px;
  position: relative;
  color:rgb(61, 69, 76);
}
.descritivogrupos h3 {
  /* display: inline-block; */
  font-weight: 400;
  font-size:16px;
  position: relative;
  color:rgb(61, 69, 76);
}


/*.descritivoCursos h3::after,
.descritivoCursos h3.titulo_topico::after {
  background-color: #4a4a4a;
  bottom: -7px;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 40%;
}*/

body span.estado_ainiciar,
body span.estado_terminado,
body span.estado_concluido,
body span.estado_adecorrer {
  color: #000;
}


.sessao_virtual {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.sessao_virtual input {
  margin-right: 15px;
  /*cursor: pointer;*/
}
.sessao_virtual input:hover {
  /*cursor: pointer;*/
}

span.estado_ainiciar::before {
  background-color: green;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  position: relative;
  width: 10px;
}

span.estado_concluido::before,
span.estado_terminado::before {
  background-color: red;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  position: relative;
  width: 10px;
}

span.estado_adecorrer::before {
  background-color: orange;
  border-radius: 50%;
  content: '';
  display: block;
  height: 10px;
  margin-right: 10px;
  display: inline-block;
  width: 10px;
}

@media (min-width: 1000px) {
  .menu_estado li {
    margin: 0 2px;
  }

  #frameCalendar {
    height:900px;
    background-color: #fff;
  }

  .grupoBotoes {
    bottom: 15px;
    position: absolute;
    right: 10px;
    text-align: right;
    width: 15%;
  }
  .gtitulo{
  width: 70%;   
}
.gtitulob{
 width: 30%;     
}

  .titulo_principal{
  width: 70%;   
}
.titulo_principalb{
 width: 30%;     
}

}

@media (max-width:1000px) {
	.descritivos-curso {
		padding: 0px 15px 15px 15px !important;
	}
	.list-icone li{
		width:100% !important;
	}
	.list-texto li{
		width: 100% !important;
	}
}