article header h1,
article header p {
  display: inline-block;
  width: 100%;
  max-width: 850px;
  margin-top:-20px;
  margin-bottom:50px;
} 


/*---------------------------------------------------------------------------------------------------
  LISTA NUMERADA
----------------------------------------------------------------------------------------------------- */
.artigo{max-width: 920px; margin:0 auto; margin-top:-50px;}
.indice-conteudo li:nth-of-type(1) a::before, .artigo h2:nth-of-type(1)::before{content:'1';}
.indice-conteudo li:nth-of-type(2) a::before, .artigo h2:nth-of-type(2)::before{content:'2';}
.indice-conteudo li:nth-of-type(3) a::before, .artigo h2:nth-of-type(3)::before{content:'3';}
.indice-conteudo li:nth-of-type(4) a::before, .artigo h2:nth-of-type(4)::before{content:'4';}
.indice-conteudo li:nth-of-type(5) a::before, .artigo h2:nth-of-type(5)::before{content:'5';}
.indice-conteudo li:nth-of-type(6) a::before, .artigo h2:nth-of-type(6)::before{content:'6';}
.indice-conteudo li:nth-of-type(7) a::before, .artigo h2:nth-of-type(7)::before{content:'7';}
.indice-conteudo li:nth-of-type(8) a::before, .artigo h2:nth-of-type(8)::before{content:'8';}
.indice-conteudo li:nth-of-type(9) a::before, .artigo h2:nth-of-type(9)::before{content:'9';}
.indice-conteudo li:nth-of-type(10) a::before, .artigo h2:nth-of-type(10)::before{content:'10';}
.indice-conteudo li:nth-of-type(11) a::before, .artigo h2:nth-of-type(11)::before{content:'11';}
.indice-conteudo li:nth-of-type(12) a::before, .artigo h2:nth-of-type(12)::before{content:'12';}
.indice-conteudo li:nth-of-type(13) a::before, .artigo h2:nth-of-type(13)::before{content:'13';}
.indice-conteudo li:nth-of-type(14) a::before, .artigo h2:nth-of-type(14)::before{content:'14';}
.indice-conteudo li:nth-of-type(15) a::before, .artigo h2:nth-of-type(15)::before{content:'15';}
.indice-conteudo li:nth-of-type(16) a::before, .artigo h2:nth-of-type(16)::before{content:'16';}
.indice-conteudo li:nth-of-type(17) a::before, .artigo h2:nth-of-type(17)::before{content:'17';}
.indice-conteudo li:nth-of-type(18) a::before, .artigo h2:nth-of-type(18)::before{content:'18';}
.indice-conteudo li:nth-of-type(19) a::before, .artigo h2:nth-of-type(19)::before{content:'19';}
.indice-conteudo li:nth-of-type(20) a::before, .artigo h2:nth-of-type(20)::before{content:'20';}
.indice-conteudo li:nth-of-type(21) a::before, .artigo h2:nth-of-type(21)::before{content:'21';}
.indice-conteudo li:nth-of-type(22) a::before, .artigo h2:nth-of-type(22)::before{content:'22';}
.indice-conteudo li:nth-of-type(23) a::before, .artigo h2:nth-of-type(23)::before{content:'23';}
.indice-conteudo li:nth-of-type(24) a::before, .artigo h2:nth-of-type(24)::before{content:'24';}
.indice-conteudo li:nth-of-type(25) a::before, .artigo h2:nth-of-type(25)::before{content:'25';}
.indice-conteudo li:nth-of-type(26) a::before, .artigo h2:nth-of-type(26)::before{content:'26';}
.indice-conteudo li:nth-of-type(27) a::before, .artigo h2:nth-of-type(27)::before{content:'27';}
.indice-conteudo li:nth-of-type(28) a::before, .artigo h2:nth-of-type(28)::before{content:'28';}
.indice-conteudo li:nth-of-type(29) a::before, .artigo h2:nth-of-type(29)::before{content:'29';}
.indice-conteudo li:nth-of-type(30) a::before, .artigo h2:nth-of-type(30)::before{content:'30';}

.indice-conteudo li a{
    margin:10px 0;
    text-decoration:none;
    border-radius:0px;
    color:#bfcad6;
    display:block;
    height:auto;
    min-height:50px;
    padding:10px;
    border-bottom:1px solid #456; 
}
.indice-conteudo li a:hover{
    background:#fff4a3;
    color:#254270;

}

.indice-conteudo li a::before{font-size: 1em; font-weight: 600; color:#fff; display: inline; background:#0698FF; border:8px solid #FFE423; border-radius: 30px; padding:5px 10px; margin-right: 10px; }
/*.artigo h2::before{font-size: 1em; font-weight: 600; color:#fff; display: inline; width: 300px; height: 300px; background:#0698FF; border-radius: 50%; padding:7px 18px; margin-right: 10px; margin-bottom:150px !important;}*/
/*.artigo h3::before{content:''; display: block;  color:#fff; background:#96d8FF; border-radius: 50%; padding:3px 16px; margin-right: 10px; margin-bottom:20px;}*/



/*.artigo h2::before{font-size: 1em; font-weight: 800; color:#0698FF; width: 18px; color:#fff; height: 28px; background:#006fea; border:8px solid #ffe423; border-radius: 50%; margin:5px; padding:0px 9px 9px 10px; display:inline-block;}*/

.artigo h2{margin:30px 0 10px 0;}

.artigo h3{display: block;}

.artigo h2::before{font-size: 1em; font-weight: 600; color:#fff; display: inline-block; min-width: 20px; background:#006fea; border:8px solid #FFE423; border-radius: 50%; padding:2px 5px 0 12px; margin: 5px;  }

.artigo li h3{
    margin-top:30px;
    font-size: 1em;
}

.artigo h2{
    background:#006fea;
    color:#fff;
    border-radius: 10px;
    padding:10px;
    font-size: 1.6em;
}

.artigo h3{
    background:#e0f4FF; /*ffffcf*/
    border-radius: 10px;
    padding:10px;
    display: inline-block;
    font-size: 1.1em;
}



@media screen and (max-width: 600px) {
  .artigo li h3{font-size:1em;}

}


.indice-none li a::before{display: none;}

/*---------------------------------------------------------------------------------------------------
  BULLET POINT - ÍNDICE DE CONTEÚDO
----------------------------------------------------------------------------------------------------- */


.indice-conteudo{
  text-align: left;
  border: 0px solid;
  display: inline-block;
  width: 100%;
  max-width: 800px;
  padding: 0px;
  margin-bottom: -1px;
  font-size: 1em;
  background: none;
}


#indice-conteudo li {
  color:#722623; 
  border-radius: 20px;
  background: none !important; 
}



.indice-conteudo li a{
    font-weight: 600; 
    color:#369; 
    padding:20px;
    margin-top:-7px;
    border: none;
    background: #FFFFCF; /*e0f4FF FFFFCF*/
    border-radius: 10px;}

a, a:hover, a:active{
  text-decoration: none;
  border: none;
  color: currentcolor;
}

.indice-conteudo li a:hover {
  background: #fff;

}
.indice-conteudo li a svg{
    width:44px; 
    height:44px; 
    float:left; 
    margin:-5px -10px 0 -30px; 
    color:#f60; 
}

.protocolo b{
    font-size: 5.5em;
    color:#f60;
    font-weight: 900;
    /*
    margin:20px;
    display:inline-block;
    border-radius: 50%;
    padding: 6px 22px;
    background: #00aaff0f;
    border:2px dashed #f60;
    */
}

a{color:#0298FF; font-weight: 600;}
h1 strong{color:#ffa;} /* FFFFCF 0098FF 20588F FFE423*/
h1 n{color:#ffffffaa;}

.bg-white > a{color:#0298FF;}
.bg-blue > a{color:#FFE423;}


/*---------------------------------------------------------------------------------------------------
  TAGS
----------------------------------------------------------------------------------------------------- */
.tags{
    font-size: 0.9em;
}

.tags h2{
    margin:40px 0 0;
    background: #006fea;
}
.tags div a p{
    color:#000;
    border:1px solid #fa0;
    border-top-style: none;
    padding:15px;
    margin-top:0;
    border-radius: 10px;       
    background: #ffffdf;
}
.tags div a p svg{
    padding:0;
    padding-right:70px;
    margin:0 0 -10px 0;
    left:0px;
    top:0px;
    width: 25px;
    height: 25px;

}
.tags div a:hover p{
    background: #ffffef;
}

.tags div a p:after{
    content: "";
    position: absolute;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><path fill='%23ffcc00' d='M19.414 27.414l10-10c0.781-0.781 0.781-2.047 0-2.828l-10-10c-0.781-0.781-2.047-0.781-2.828 0s-0.781 2.047 0 2.828l6.586 6.586h-19.172c-1.105 0-2 0.895-2 2s0.895 2 2 2h19.172l-6.586 6.586c-0.39 0.39-0.586 0.902-0.586 1.414s0.195 1.024 0.586 1.414c0.781 0.781 2.047 0.781 2.828 0z'></path></svg>") no-repeat;
    height: 30px;
    width: 30px;
    margin-top:-2px;

}




.faq{
    padding:1px 20px 20px;
    border-radius: 10px;
    margin-top:-30px;
    background:#DDFFFF; /* ffffcf66 dfefFF FFE423 ffffcf*/
}

.faq h3{
    margin:0;
    background:#FFE423;
    color:#064;
}


.faq ul li{padding-bottom:20px;}
.faq ul li p a{text-decoration: none; color:#f80; display: inline-block; margin:0; padding:0; background: none; border:none; height: :0;}
.faq ul li p a:link {text-decoration: none;}
.faq ul li p a:hover {text-decoration: none;}