/*=======================================================
						FONT
========================================================*/

@font-face {
    font-family: 'ubuntubold';
    src: url('fonts/ubuntu-b-webfont.woff2') format('woff2'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    url('fonts/ubuntu-b-webfont.woff') format('woff'),/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap'),
    url('fonts/ubuntu-bold-webfont.woff') format('woff'),
    url('fonts/Ubuntu-B.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubunturegular';
    src: url('fonts/Ubuntu-R.woff') format('woff'),  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    url('fonts/ubuntu-regular-webfont.woff') format('woff'),
    url('fonts/ubuntu-regular-webfont.woff2') format('woff2'),
    url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500&display=swap');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntulight';
    src: url('fonts/Ubuntu-L.woff') format('woff'), url('fonts/ubuntu-light-webfont.woff') format('woff'),
     url('fonts/ubuntu-light-webfont.woff2') format('woff2'),
    url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500&display=swap');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ubuntumedium';
    src: url('fonts/Ubuntu-M.woff') format('woff'),
         url('fonts/Ubuntu-Medium.ttf.woff') format('woff'),
         url('fonts/ubuntu-medium-webfont.woff') format('woff'),
         url('fonts/ubuntu-medium-webfont.woff2') format('woff2'),
         url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap');
    font-weight: normal;
    font-style: normal;
}


/*=======================================================
						RESET
========================================================*/

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-family: 'ubuntubold', sans-serif;
}


p {
    font-family: 'ubuntumedium', sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
    line-height: 1;
}

ul li {
    list-style: none;
}

a {
    font-family: 'ubunturegular', sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.alinhamento {
    text-align: center;
    margin: 0 auto;
    width: 50% !important;
}

/* img {
    max-width: 100%;
} */

body {
    font-family: Arial, 'ubuntumedium', sans-serif;
    font-weight: 300;
    background-color: white;
    font-size: 62.5%;
    overflow-x: hidden;
}

.no-scroll {
    overflow: hidden;
}

.objetivo {
    display: none;
}

.cl {
    clear: both;
}


/*=======================================================
						INPUT
========================================================*/


/*

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
	color: #DADADA;
	margin-left: 30px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
	color: #DADADA;
	margin-left: 30px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
	color: #DADADA;
	margin-left: 30px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #DADADA;
	margin-left: 30px;
}
*/


/*=======================================================
						TOPO (HEADER)
========================================================*/

header {
    left: 0px;
    width: auto;
    height: 472px;
    text-align: -webkit-center;
}
 
 
.banner {
    width: 100%;
    height: 472px;
    filter: blur(2px);
    position: absolute;
    align-items: center;
    background-image: url(../images/Help.png);
    background-size: cover;
    background-position: 50% 30%;
}

.foreground {
    width: 100%;
    height: 472px;
    position: absolute;
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 0.2;
    
}
 
 /*
 .banner-linha {
     top: 106px;
     left: -18.5px;
     width: 546px;
     height: 0px;
     border: 5px solid #FFA524;
     opacity: 1;
         
 }*/
 
 
 /*=======================================================
                         CABECALHO
 ========================================================*/
 
.cabecalho {
    display: flex;
    padding: 50px;
    align-items: baseline;
    position: relative;
    letter-spacing: 0px;
    z-index: 2; 
}


.cabecalho img {
    width: 191px;
    height: 54px;
    margin-right: 50px;
}


.cabecalho .menu {
    display: flex;
    width: 800px;
    justify-content: space-around;
    position: relative;
    left: 0;
    font-family: 'ubuntumedium', sans-serif;
    font-weight: normal;
    font-size: 17px; 
    text-align: left;  
    color: #FFFFFF;
    opacity: 1;    
}

.cabecalho .menu > li {
    text-align: center;
    letter-spacing: 0px;
    line-height: 22px;  
}



.cabecalho .menu > li a {
    text-align: left;
    color: #FFFFFF;
    font-size: 17px;
    line-height: 22px;     
}


.cabecalho .menu > li a:hover {
    color: #FFFFFF;
    font-weight: bold;    
}



.cabecalho .menu > li > ul {
    position:absolute;
    top:25px;
    left:0;
    background: #FFFFFF;
    display:none;
}



.cabecalho .menu > li:hover > ul {
    margin-left: 150px;
    display: block;
    border: 1px solid #F3F3F3;
    border-radius: 3px;
    opacity: 1;
    z-index: 5;
}



.cabecalho .menu > li > ul li {  /* PAI DO MENU DE LISTAS */
    padding: 2.5px 5px;
    position: relative;
    z-index: 5;
} 



.cabecalho .menu > li > ul li a {
    font-family: 'ubunturegular', sans-serif;
    font-size: 14px;
    white-space: nowrap;
    color: #787878;
    width: 190px;
    position: relative;
    display: inline-block;
    letter-spacing: 0px;  
    padding-left: 5px;  
} 



.cabecalho .menu > li > ul li a:hover {
   color: #787878;
   font-weight: bold;
   background-color: #E3F2FD;
   border: none;
   z-index: 5;

} 



.cabecalho .menu > li > ul li a.submenu {
   padding-right: 18px;   
} 



.cabecalho .menu > li > ul li a.submenu::after {
   font-size: 14px;
   content: '>>';
   position: relative;
   right: 0;
   top: 0;
} 



.cabecalho .menu > li > ul > li > ul {
   display: none;
   position: relative;
   top: 0;
   left: 100%;
   z-index: 9;
   background: #FFFFFF;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   padding: 0.2px 12px;
} 



.cabecalho .menu > li > ul > li:hover > ul {
   display: block;
}



.items_menu1{
    width: 85px;
    align-items: center;
}

.items_menu2{
    width: 125px;
    align-items: center;
}

.txt {
    /* criado para utilizar no botao de acessibilidade*/
    font-size: 16px;
}


/*=======================================================
						CENTRAL DE AJUDA
========================================================*/

.home {    
    position: relative;
    width: 400px;
    margin-top: 20px;
    opacity: 1;   
    font-family: 'ubuntumedium', sans-serif;
    /* font-size:29px; */
    /* font-weight: 500; */
    text-align: left;
    letter-spacing: 1px;
    color: #FFFFFF;
    opacity: 1; 
    left: 70px;
}

.pesquisa-help input[type="text"] {
    /* CAIXA DE PESQUISA */
    width: 100%;
    height: 35px;
    border: 1px solid #C4C4C4;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    padding-left: 30px;
    padding-right: 30px;
    color: #C4C4C4;
    margin-top: 20px;
    /* margin-left: 140px; */
}

.pesquisa-help input[type="submit"] {
    /* CAIXA DE PESQUISA */
    width: 16px;
    height: 17px;
    background: url('../images/lupa.png') no-repeat;
    position: absolute;
    top: 194px;
    right: 40px;
    text-indent: -9999px;
    border: 0px;
    cursor: pointer;
}


/*box*/

.list-help {
    width: 100%;
    padding: 2rem 0;
    text-align: center;
}

.list-help a {
    text-decoration: none;
    color: #585858;
}

.imagens p {
    padding: 0;

}

/* ------------- INPUT -------------------------*/

.formulario {
    display: flex;
    flex-direction: row;
    margin:auto;
    width: 1198px;
    margin-top: 30px;

}

.formulario input {
    border-radius: 3px 0px 0px 3px;
    border: 1px solid white;
    box-shadow: 0px 1px 3px #00000029;
    flex-grow: 1;
    font-size: 1rem;
    height: 62px;
    max-width: 100%;
    padding: 21px;
    z-index: 1;    

}

.formulario button {
    border: 1px solid white;
    background: #0070BB;
    border-radius: 0px 3px 3px 0px;
    cursor: pointer;
    width: 62px;
    height: 62px;
    right: 0;
    z-index: 1;

}

/*ALERT----*/
.alert {
    padding: 10px;
    background-color: rgba(232, 80, 91, 1);
    color: white;
    display: none;
    margin-top: 5px;
    border-radius: 6.5px;
    font-size: 0.8rem;
    text-align: center;
}

  .formulario input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 1.2rem;
    width: 1.2rem;
    background: url(../images/xbutton4.svg) no-repeat 50% 50%;
    background-size: contain;
    pointer-events: none;
  }

  .formulario input[type="search"]:focus::-webkit-search-cancel-button {
    opacity: .5;
    pointer-events: all;
  }

/*=======================================================
						Body
========================================================*/


.titulo{
    margin-bottom: 25px;
    font-size: 24px;
    top: 1930px;
    font-style: normal bold 24px;
    text-align: left;
    font-family: 'ubuntumedium', sans-serif;
    letter-spacing: 0px;
    opacity: 1;
}

.azul{
    color: #0071BC;
}
.branco{
    color: #FFFFFF;
}

.buscas {
    margin-top: 102px;
}

.fundo_white{
    display: flex;
    padding-top: 102px;
    padding-bottom: 102px;
    background:#F8F8F8 0% 0% no-repeat padding-box;
    opacity: 1;
}

.fundo_blue{
    display: flex;
    padding-top: 102px;
    padding-bottom: 102px;
    background: var(--unnamed-color-0071bc) 0% 0% no-repeat padding-box;
    background: #0071BC 0% 0% no-repeat padding-box;
    opacity: 1;
}

.center{
    margin:auto;
    width: 1198px;
}

.caixa_buscas {
    margin-top: 14px;
    margin-bottom: 14px;
    padding: 21px;
    display: flex;
    font-size: 17px;
    font-family: 'ubunturegular', sans-serif;
    font-style: normal;
    text-align: left;
    letter-spacing: 0px;
    color: #333333;
    height: 62px;
    align-items: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 3px #00000029;
    border: 1px solid #F3F3F3;
    border-radius: 3px;
    opacity: 1;
}

.caixa_buscas p{
    font-family: 'ubunturegular', sans-serif;
}

.content{ /* caixa de destaque */
    width: 591px;
    height: 330px;
    background: #005288 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 3px #00000029;
    border-radius: 3px;
    opacity: 1;
}
.caixa-destaque{
    display: flex;
    justify-content: space-between;
}

.img_destaques{
    width: 591px;
    height: 126px;
    background: transparent 0% 0% no-repeat padding-box;
    border-radius: 3px 3px 0px 0px;
    opacity: 1;

}

.img_destaques img{
    border-radius: 3px 3px 0px 0px;
    width: 100%;
    height: 100%;
}

.texto_destaques{
    font-family: 'ubunturegular', sans-serif;
    font-size: 17px;
    text-align: left;
    font-style: normal;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.texto_destaques h2{
    font-family: 'ubunturegular', sans-serif;
    font-style: normal;
    font-size: 20px;
    padding-right: 23px;
    padding-left: 23px;
    margin-top: 18px;
    margin-bottom: 13px;
}
.texto_destaques p{
    font-style: normal;
    font-family: 'ubunturegular', sans-serif;
    line-height: 1.3;
}

.principal {
    margin-top: 25px; 
    margin-bottom: 50px;
}

.secundario {
    padding-left: 23px; 
    padding-right: 23px;
}

.alinhamento{ /*litle_box */
    margin: 0px;
    justify-content: space-between;
}

.upper{ /*litle_box */
    width: 1198px;
    margin-bottom: 14px;
    display: flex;
    justify-content: space-between;
    

}
.lower{ /*litle_box */
    width: 1198px;
    margin-bottom: 14px;
    display: flex;
    justify-content: space-between;
}

.litle_box{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 289px;
    height: 157px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 3px #00000029;
    border: 1px solid #F3F3F3;
    border-radius: 3px;
    opacity: 1;
}
.litle_box p{
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    font-family: 'ubunturegular', sans-serif;    
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;

}

#mais{ /*litle_box */
    display: none;
}

/*=======================================================
			BOTÃO VOLTAR AO TOPO
========================================================*/

.back-to-top {
    align-items: center;
    display: flex;
    width: 144px;
    height: 36px;
    padding: 5px;
    justify-content: space-evenly;
    background: #005288 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #005288;
    border-radius: 5px;
    opacity: 1;
    position: fixed;
    bottom: 59px;
    right: 50px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

.back-to-top.active {
    opacity: 1;
    visibility: visible;
}

.back-to-top img{
    width: 14px;
    height: 14px;
}

.back-to-top p {
    font-family: 'ubunturegular', sans-serif;
    font-size: 14px;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}


/*=======================================================
				    Carousel/ saiba mais
========================================================*/

.box_carousel{
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 7px;
    width: 289px;
    height: 462px;
    vertical-align: center;
    background: #005288 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 3px #00000029;
    border-radius: 3px;
    opacity: 1;
}

.imagem_carousel{
    margin: 42px;
    height: 55px;
}

.titulo_carousel {
    margin-bottom: 34px;
    width: 184px;
    height: 48px;
    font-family: 'ubunturegular';
    font-size: 20px;
    text-align: center;
    font: normal normal medium 20px/25px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.texto_carousel{
    margin-bottom: 40px;
    width: 180px;
    height: 116px;
    font-family: 'ubunturegular';
    font-size: 14px;
    text-align: center;
    font: normal normal normal 14px/20px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.button_saibamais {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 101px;
    height: 36px;
    /* UI Properties */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #0071BC;
    border-radius: 3px;
    font-family: 'ubunturegular';
    font-size: 14px;
    letter-spacing: 0px;
    color: #0071BC;
    opacity: 1;
}

.container{
    padding: 0px;
    margin: 0px;
}

.MultiCarousel { 
    float: left;
    overflow: hidden;
    width: 100%; 
    position:relative; 
}

.MultiCarousel .MultiCarousel-inner { 
    transition: 1s ease all; 
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item { 
    float: left;
    margin-right: 4px;
}

.MultiCarousel .MultiCarousel-inner .item > div { 
    text-align: center; 
    padding:0px; 
    margin:0px;
    color:#666;
}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { 
    position:absolute; 
    border-radius:50%;
    top:calc(50% - 20px); 
    background-color: transparent;
    border: transparent;
}

.MultiCarousel .leftLst img, .MultiCarousel .rightLst img{ 
    height: 14px;
    width: 10px;
}

.MultiCarousel .rightLst img{ 
    height: 14px;
    width: 10px;
    transform: rotate(180deg);
}

.MultiCarousel .leftLst { 
    left:0; 
    margin-left: 5px;
}
.MultiCarousel .rightLst { 
    right:0;
}


.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { 
    pointer-events: none; 
    background:transparent;
    display: none;
}



/*=======================================================
						FOOTER
========================================================*/	


.bottom-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px;
    height: 81px;
	background-color: #F1F1F1;
	opacity: 1;
}

.bottom-footer img{
    width: 178px; /*138px*/
     /*height: 40px;*/
}

.copy{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/16px var(--unnamed-font-family-ubuntu);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-676767);
    text-align: left;
    font: normal normal normal 14px/16px Ubuntu;
    letter-spacing: 0px;
    color: #676767;
    opacity: 1;
}


/*=======================================================
						RESPONSIVE - NADA FUNCIONANDO DESTE
========================================================*/

/* @media(max-width: 767px) {
    .topo {
        text-align: center;
    }
    .topo .idiomas {
        float: none;
        display: inline-block;
        clear: both;
        margin-bottom: 10px;
    }
    .cabecalho .logo {
        float: none;
        width: 100%;
        text-align: center;
    }
    .cabecalho .right {
        float: none;
        margin-top: 30px;
        width: 100%;
    }
    .cabecalho .right form {
        float: none;
        margin: 0 auto;
    }
    .cabecalho .right .menu {
        float: none;
        margin: 30px auto;
        text-align: center;
    }
    .cabecalho .right .menu>li {
        float: none;
        display: inline-block;
    }
    .rodape .logo-footer {
        border-right: 0px;
        float: none;
        text-align: center;
    }
    .breadcamp a {
        display: block;
    }
    .breadcamp a+a {
        margin-top: 5px;
    }
    .breadcamp a::before {
        display: none;
    }
    iframe {
        width: 100%;
    }
}

@media(max-width: 413px) {
    .topo .container>span+span {
        margin-left: 10px;
    }
    .cabecalho .right .menu li+li {
        margin-left: 15px;
    }
    .rodape .list-menus-footer .menu-footer {
        float: none;
        text-align: center;
        margin-left: 0;
    }
    .rodape .list-menus-footer .menu-footer+.menu-footer {
        margin-top: 35px;
    }
} */