body,
div,
ul,
li,
p {
  box-sizing: border-box;
}

.main-content >ul >li {
 display: block;
 float: left;
 margin: 2em 0;
}

.wrap-cursos {
    width: 100%;
    clear: both;
    float: left;
}

/* ficheiro do design */
.row-curso-acao img {
  display: block;
  width: 100%;
}

.row-curso-acao {
  clear: both;
  display: block;
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 2em;
  background: #f9f7f4;
}

.row-curso-acao .image-curse {
  width: 100%;
  position: relative;
  float: left;
  display: block;
  overflow: hidden;
}

.image-curse .titulo-acao {
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 400;
  background: rgba(0,0,0,0.5);
  padding: 0.5em;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  bottom: 15px;
  color:#FFF;
  margin: 0;
}

p.estado-acao {
  position: absolute;
  z-index: 9;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 0;
  padding: 0.5em;
  background: #f9f7f4;
  width: 300px;
  text-align: center;
  left: -100px;
  top: 0px;
  text-indent: -55px;
  text-transform: uppercase;
  font-weight: 300;
}

.row-curso-acao .second-zone {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}

.row-curso-acao .second-zone ul.list-icones {
  float: left;
  padding: 5px;
  width: 100%;

  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

  justify-content: space-around;
  -webkit-justify-content: space-around; /* Safari 6.1+ */
}

.row-curso-acao .second-zone ul.list-icones li {
  width: 25%;
  float: left;
  margin: 0;
  min-width: auto;
  padding-left: 5px;
  padding-right: 5px;
}

.row-curso-acao .second-zone ul.list-icones li.numhorasemodulos {
  min-width: 140px;
}

.row-curso-acao .second-zone .teaser-curse {
  box-sizing: border-box;
  /*overflow: hidden;*/
  /*overflow: -moz-scrollbars-vertical;
  -webkit-overflow-scrolling: touch;*/
  overflow-y: scroll;
  padding-bottom: 100px;
  padding-left: 2%;
  padding-right: 3%;
  padding-top: .5em;
  position: relative;
}

.row-curso-acao .second-zone .first-icons-curso::before {
  content: '';
  background: url('../icons-formacao/after_body.png');
  background-repeat: repeat-x;
  display: block;
  float: left;
  height: 30px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  top: -25px;
  z-index: 9;
}


.row-curso-acao .second-zone .teaser-curse h3 {
  text-align: center;
  margin-bottom: .5em;
  margin-top: 0;
  text-transform:uppercase;
  font-weight:300;
}


.row-curso-acao .second-zone .teaser-curse p {
  margin-bottom: .5em;
  text-align: justify;
}

.row-curso-acao .second-zone .gallery {
  overflow: hidden;
}

.row-curso-acao .second-zone ul.mini-formadores {
  background: #fff;
  bottom: 80px;
  margin: 0;
  padding: 0;
  position: absolute;

  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around; /* Safari 6.1+ */
  justify-content: space-around;
}

.row-curso-acao .second-zone ul.mini-formadores li {
  width: 22%;
  float: left;
  padding-right: 1%;
}

.first-icons-curso {
  display: block;
  float: left;
  width: 100%;
  position: absolute;
  z-index: 9;
  bottom: 0;
  height: 80px;
  background: #f9f7f4;
}

.row-curso-acao .acao-icons {
  position: relative;
  float: left;
  display: block;
  width: 100%;
}

/* Ficheiro da lista de icons*/
.acao-icons {
  position: relative;

  display: block;
  width: 100%;
  float: left;
  clear: both;
  padding-top: 25px;
  background: #f9f7f4;
  min-height: 120px;
}

.main-content ul {
  padding: 0;
  float: left;
}

.acao-icons:hover {
  cursor: pointer;
  background: #ECECEC;
}

.acao-icons ul {
  float: left;
  width: 95%;
  padding: 0;
}

.acao-icons li {
  width: 100%;
  float: left;
  padding: 2px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  margin-top: 0;
  margin-bottom: 15px;
  list-style: none;
  margin-top:0 !important;
}


ul.list-icones {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /*-webkit-justify-content: space-between;*/ /* Safari 6.1+ */
  /*justify-content: space-between;*/
  margin: 0;
  padding: 0;
}

ul.list-icones li::before {
  clear: both;
  content: '';
  display: block;
  height: 35px;
  margin: 0 auto;
  margin-bottom: 10px;
  position: relative;
  width: 35px;
}

ul.list-icones li.icone {
  box-sizing: border-box;
  list-style: none;
  margin: 5px;
  position: relative;
  text-align: center;
  /*padding-top: 45px;*/
  min-width: 70px;
  margin-bottom: 25px;
  width: 100%;
}

ul.list-icones li.icone p {
  margin: 0;
  font-size: 16px;
  line-height: 15px;
}

















.list-icones li.numhoras::before  {
  background: url('../icons-formacao/ic_formacao_duracao.png') no-repeat center center;
  background-size: contain;
}
.list-icones li.numhorasemodulos::before {
  background: url('../icons-formacao/ic_formacao_duracao.png') no-repeat top center;
    background-size: contain;
}

.list-icones li.preco::before  {
  background: url('../icons-formacao/ic_formacao_valor.png') no-repeat center center;
  background-size: contain;
}

.list-icones li.pessoacontacto::before  {
  background: url('../icons-formacao/ic_formacao_pess_contact.png') no-repeat center center;
  background-size: contain;
}

.list-icones li.desclocal::before  {
  background: url('../icons-formacao/ic_formacao_localizacao.png') no-repeat center center;
  background-size: contain;
}

.list-icones li.deschorario::before  {
  background: url('../icons-formacao/ic_formacao_horario.png') no-repeat center center;
  background-size: contain;
}
.list-icones li.tipohorario::before {
  background: url('../icons-formacao/ic_formacao_horario.png') no-repeat top center;
    background-size: contain;
}

.list-icones li.datas::before  {
  background: url('../icons-formacao/ic_formacao_tipo.png') no-repeat center center;
  background-size: contain;
}

.list-icones li.datinicio::before  {
  background: url('../icons-formacao/ic_formacao_date_inico.png') no-repeat center center;
  background-size: contain;
}

.list-icones li.datfim::before  {
  background: url('../icons-formacao/ic_formacao_date_fim.png') no-repeat center center;
  background-size: contain;
}

.list-icones li.nivelinicial::before  {
  background: url('../icons-formacao/ic_formacao_nivel.png') no-repeat center center;
  background-size: contain;
}

.list-icones li.nivelfinal::before  {
  background: url('../icons-formacao/ic_formacao_nivel.png') no-repeat center center;
  background-size: contain;
}

.list-icones li.numdias::before  {
  background: url('../icons-formacao/ic_formacao_num_dias.png') no-repeat center center;
  background-size: contain;
}

.list-icones li.contacto::before  {
  background: url('../icons-formacao/ic_formacao_contacto.png') no-repeat center center;
  background-size: contain;
}

.list-icones li.condicoesinscricao::before  {
  background: url('../icons-formacao/ic_formacao_condicao_incricao.png') no-repeat center center;
  background-size: contain;
}

.list-icones li.numformandosprev::before  {
  background: url('../icons-formacao/ic_formacao_lotacao.png') no-repeat center center;
  background-size: contain;
}

.list-icones li.sigla::before  {
  background: url('../icons-formacao/ic_sigla.svg') no-repeat center center;
  background-size: contain;
}
.list-icones  li.tipopratica::before {
  background: url('../icons-formacao/ic_formacao_pratica.png') no-repeat top center;
  background-size: contain;
}

.list-icones  li.material::before {
  background: url('../icons-formacao/ic_formacao_material.png') no-repeat top center;
  background-size: contain;
}

.list-icones li.refeicao::before {
  background: url('../icons-formacao/ic_formacao_alimentacao.png') no-repeat top center;
  background-size: contain;
}
.list-icones li.estado::before {
  background: url('../icons-formacao/chronometer.png') no-repeat top center;
  background-size: contain;
}
.list-icones li.documento::before {
  background: url('../icons-formacao/pdf-file.png') no-repeat top center;
  background-size: contain;
}
.list-icones li.colaborador::before {
  background: url('../icons-formacao/user-silhouette.png') no-repeat top center;
  background-size: contain;
}

.c2a-todos {
  position: absolute;
  z-index: 9;
  right: 0;
  bottom: -40px;
  padding: 5px 10px;
  background: #333;
  color:white;
  font-size: 14px;
}

a.c2a-todos {
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
}
a.c2a-todos:link,
a.c2a-todos:visited,
a.c2a-todos:hover,
a.c2a-todos:active {
  color: #FFF;
}

a.c2a-todos:hover {
  background: #333;
}

a.c2a-acao {
  position: absolute;
  overflow: hidden;
  text-indent: -999em;
  display: block;
  z-index: 9;
  right: 0px;
  top: 50%;
  width: 32px;
  height: 32px;
  background: url('../images/icons/next.png') no-repeat center center;
  margin-top: -16px;
}

a.c2d-acao {
  position: absolute;
  overflow: hidden;
  text-indent: -999em;
  display: block;
  z-index: 9;
  right: 10px;
  top: 50%;
  width: 32px;
  height: 32px;
  background: url('../images/icons/cross.png') no-repeat center center;
  margin-top: -16px;
}

/* css para desk 1200px */
@media (min-width: 75em) {
  /* Ficheiro da lista de icons*/
  .acao-icons ul {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

    justify-content: space-around;
    -webkit-justify-content: space-around; /* Safari 6.1+ */
  }

 .wrap-cursos .acao-icons li {
    margin-bottom: 0px;
    width: auto;
    min-width: 55px;
  }

	ul.list-icones li.icone {
		width: auto;
	}

  /* ficheiro do design */
  .row-curso-acao .image-curse {
    width: 65%;
  }

  .row-curso-acao .second-zone {
    width: 35%;
    padding-left: 1%;
  }
}