/*!
 * 2019 v1.0.0
 * Copyright 2019.
 */
::selection {background: #2969BD; color: #fff;}

/* CORES */

/*Padrão GOV - ESQUEMA DE CORES 1*/
/*Institucional*/
.cor1 {background: #2969BD;}
/*Notícioso*/
.cor2 {background: #06ACFF;}
/*Serviços*/
.cor3 {background: #1FC86A;}
/*Box colorido*/
.cor4 {background: #3AB09E;}
/*Box colorido*/
.cor5 {background: #FFBC09;}
/*Fundo de seção e hover de tiles*/
.cor6 {background: #EEE;}

.bkg-cinza { background: #e6e6e6; padding: 30px 0 0; }

/* Fontes */

/* montserrat-100 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src: local('Montserrat Thin'), local('Montserrat-Thin'),
    url('../fonts/Montserrat-Thin.ttf') format('truetype');
}
/* montserrat-200italic */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 200;
    src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'),
    url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
}
/* montserrat-100italic */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 100;
    src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'),
    url('../fonts/Montserrat-ThinItalic.ttf') format('truetype');
}
/* montserrat-300 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local('Montserrat Light'), local('Montserrat-Light'),
    url('../fonts/Montserrat-Light.ttf') format('truetype');
}
/* montserrat-200 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
    url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
}
/* montserrat-regular */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
    url('../fonts/Montserrat-Regular.ttf') format('truetype');
}
/* montserrat-300italic */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 300;
    src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
    url('../fonts/Montserrat-LightItalic.ttf') format('truetype');
}
/* montserrat-italic */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: local('Montserrat Italic'), local('Montserrat-Italic'),
    url('../fonts/Montserrat-Italic.ttf') format('truetype');
}
/* montserrat-500 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
    url('../fonts/Montserrat-Medium.ttf') format('truetype');
}
/* montserrat-600 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
    url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
}
/* montserrat-600italic */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 600;
    src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
    url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
}
/* montserrat-500italic */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 500;
    src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
    url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');
}
/* montserrat-700 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
    url('../fonts/Montserrat-Bold.ttf') format('truetype');
}
/* montserrat-800 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
    url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
}
/* montserrat-800italic */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 800;
    src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'),
    url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
}
/* montserrat-700italic */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
    url('../fonts/Montserrat-BoldItalic.ttf') format('truetype');
}
/* montserrat-900 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: local('Montserrat Black'), local('Montserrat-Black'),
    url('../fonts/Montserrat-Black.ttf') format('truetype');
}
/* montserrat-900italic */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 900;
    src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'),
    url('../fonts/Montserrat-BlackItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
    url('../fonts/Montserrat-Regular.ttf') format('truetype');
}

/* roboto-100 */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), local('Roboto-Thin'),
    url('../fonts/roboto-100.ttf') format('truetype');
}
/* roboto-300 */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'),
    url('../fonts/Roboto-Light.ttf') format('truetype');
}
/* roboto-100italic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
    url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
}
/* roboto-300italic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
    url('../fonts/Roboto-LightItalic.ttf') format('truetype');
}
/* roboto-regular */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'),
    url('../fonts/Roboto-Regular.ttf') format('truetype');
}
/* roboto-italic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'),
    url('../fonts/Roboto-Italic.ttf') format('truetype');
}
/* roboto-500 */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'),
    url('../fonts/Roboto-Medium.ttf') format('truetype');
}
/* roboto-700 */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'),
    url('../fonts/Roboto-Bold.ttf') format('truetype');
}
/* roboto-500italic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
    url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
}
/* roboto-700italic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
    url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
}
/* roboto-900 */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'), local('Roboto-Black'),
    url('../fonts/Roboto-Black.ttf') format('truetype');
}
/* roboto-900italic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
    url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
}

html                                              { scroll-behavior: smooth;}
body                                              {font-family: 'Roboto', sans-serif; font-size: 16px; color: #222; background: #FCFAFA; transition: background-color .5s;}
body.hide                                         {overflow: hidden; max-height: 100vh;}
strong                                            {font-family: 'Roboto', sans-serif; font-weight:700;}
p, .conteudo-interna ul, .conteudo-interna ol     {font-size: 1.188rem; line-height: 1.875rem; color: #555;}
a                                                 {color: #0094ff;}
a:hover                                           {color: #0094ff}
h2                                                {font-size: 1.8em; font-weight: 800; text-align: center; color: #333; position: relative; padding-top: 50px; padding-bottom: 40px; margin-bottom: 47px; margin: 0 auto; width: 100%;}
h3                                                {font-family: 'MontSerrat'; font-size: 1.69rem; font-weight: 900; margin: 0 0 2rem 0; padding: 1rem 0 1rem 0; width: 100%; text-align: center; position: relative;}


.item-mob {display: none;}
.alinha-direita { text-align: right; }
span.highlight {background: #74bcef; }

header  {position: relative;}
nav.menu-principal  {z-index: 999999; width: 100%; color: #fff;}

div#redes-sociais-topo                  {margin-right: 10px;}
div#redes-sociais-topo img              {width: 26px; height: 26px;}
div#redes-sociais-topo ul               {margin-bottom:0;}
div#redes-sociais-topo li               {display: inline-block; list-style-type: none; margin: 0 2px;}
header .header-wrapper                  {display: block; height: 44px; text-align: right;}
header .topo-redes                      {background: #000; padding: 10px 0}
.topo-menu                              {background: #fff; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075) !important; padding: 10px 0;}
.topo-menu .navbar                      {display: none;}
header #logo                            {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 1.625rem; font-weight: 400; margin: 0 20px 0 0;}
header #portal-logo                     {margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
header #logo #portal-title, #logo h1    {display: inline; font-size: 1.625rem; font-weight: 900;}
header .header-accessibility            {width: 280px; text-align: right; text-transform: uppercase; font-size: .6875rem; line-height: 1.2rem; font-weight: 700;}
header .header-accessibility ul         {list-style: none; margin: 1rem 0;}
header .header-accessibility ul li      {display: inline;}
header .header-accessibility #siteaction-contraste>a                {display: inline-block; position: relative; padding: 0 20px 0 25px; border-right: 1px solid hsla(0,0%,100%,.2); color: #fff;}
header .header-accessibility #siteaction-contraste>a:before         {content: ""; position: absolute; left: 0; background-image: url(../img/sprite.png); background-position: -269px -109px; width: 18px; height: 18px; -webkit-filter: none; filter: none;}
header .header-accessibility #siteaction-vlibras>a                  {display: inline-block; position: relative; padding: 0 0 0 20px; margin-left: 20px; color: #fff;}
header .header-accessibility #siteaction-vlibras>a:before           {content: ""; position: absolute; top: 3px; left: 0; background-image: url(../img/sprite.png); background-position: -269px -183px; width: 13px; height: 14px; -webkit-filter: none; filter: none;}

header .search-wrapper                  {border-bottom: 1px solid hsla(0,0%,100%,.2);}
header .search-wrapper                  {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff;}
header .header-icons                    {margin: 15px 5px 15px 0; padding-right: 15px; border-right: 1px solid hsla(0,0%,100%,.2);}
header .ico-navegacao                   {display: inline-block; cursor: pointer; text-indent: -3000px; height: 25px; -webkit-filter: none; filter: none;}
header .header-icons .ico-navegacao     {background: url(../img/sprite.png) -178px -159px; width: 28px; cursor: pointer;}
header .links-destaque                  {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
header .links-destaque ul               {margin: 1rem 0; padding-left: 14px; float: right}
header .links-destaque li               {margin-right: 20px; font-size: 0.94rem; font-weight: 700; display: inline;}
header .links-destaque a                {color: #707070;}
header .links-destaque a:hover, header .links-destaque a:focus, header .links-destaque a:active,  header .links-destaque .ativo a   {border-bottom: 3px solid #2969BD; color:#2969BD; text-decoration: none;}
header #main-header a:hover, header#main-header a:link, header#main-header a:visited {text-decoration: none; color: #fff;}
header #portal-searchbox, div#redes-sociais-topo    {display: inline-block; margin-top: 5.5px; float: left}
header #portal-searchbox .btn-busca         {position: relative; background: #fff; color: #333; display: block; padding: .4rem 6rem .4rem 1.8rem; border-radius: 9; font-size: .85rem;}
header #portal-searchbox .btn-busca:after   {position: absolute; background-image: url(../img/sprite.png); background-position: -269px -28px; content: ""; right: 8px; top: 5px; width: 24px; height: 22px;}

.mod-languages                          { margin-left: 20px; border-left: 1px solid hsla(0,0%,100%,.2); }
.mod-languages ul                       { list-style: none; padding-left: 10px !important; margin-bottom: 0; }

.mod-languages li                       { display: inline; padding-left: 10px; margin:0 !important; }

.box-menu                               {display: none; width: 100%; background: #fff; position: absolute; left: 0; top: 10rem; color: #333; padding: 2rem 0; box-shadow: 0 8px 6px -6px #ccc;}
.box-menu.menu-ativo                    {display: block;}
.box-menu .container:before             {content: ""; position: absolute; background: #fff; height: 20px; width: 20px;  transform: rotate(45deg); top: -9px; margin-left: 3px;}
.box-menu .titulo-menu                  {font-size: 0.94rem; font-weight: 800; margin-bottom: 1rem; display: block;}
.box-menu a                             {color: #333}
.box-menu ul                            {list-style: none; padding-left: 0;}
.box-menu ul li a                       {color: #333; font-size: .875rem; margin-bottom: 1rem; display: block;}
.box-menu .coluna-menu                  {border-right: 1px solid #ececec;}
.box-menu .coluna-menu:last-child       { border: 0; }
.box-menu .coluna-menu .titulo-emalta   {color: #06acff; font-weight: 800}
.box-menu .item-banner-menu             {text-align: center;}
.box-menu .item-banner-menu img         {margin-bottom: 1rem;}

.titulo-preto { font-weight: 800; font-size: 16px !important; margin-bottom: 1rem; display: block; color: #333}

.box-busca                                      {display: none; width: 100%; height: 100vh; position: fixed; background: rgba(39, 39, 39, 0.76); z-index: 999999; top: 0; align-items: center; }
.box-busca .quadro-busca                        {background: #fff; width: 100%; display: block; float: left; padding: 2rem; border-radius: 8px;}
.box-busca .sugestoes-busca                     {width: 100%;}
.box-busca .sugestoes-busca .titulo-busca       {font-weight: 700; font-size: 1.3rem; margin-bottom: 10px; display: block;}
.box-busca .sugestoes-busca ul                  {list-style: none; padding-left: 0;}

.box-busca .sugestoes-busca .coluna-em-alta a                   {font-weight: 600; margin-bottom: 18px; display: block;}
.box-busca .sugestoes-busca .coluna-termos-buscados a           {float: left; border: 2px solid #222; border-radius: 30px; padding: 8px 18px; margin: 0 1rem 1rem 0; color: #000; font-weight: 600; font-size: .9rem;}
.box-busca .sugestoes-busca .coluna-termos-buscados a:hover     {background: #0094ff; color: #fff; border-color: #0094ff; text-decoration: none;}
.box-busca .sugestoes-busca .coluna-noticias a                  {border-bottom: 1px solid hsla(0, 0%, 59%, 0.2); display: block; margin-bottom: 8px; padding-bottom: 8px; color: #555;}

.box-busca .fechar-modal            {float: right; color: #fff; font-weight: 500; font-size: 1.6rem; cursor: pointer; margin-bottom: 5px;}
.box-busca form                     {width: 100%;}
.box-busca form input.inputbox      {width: 85%; border: 0;  border-radius: 0; background: hsla(0, 0%, 59%, 0.2); height: 60px; padding-left: 1rem; float: left;}
.box-busca form button.botao-busca {width: 15%; border: 0; height: 60px; background: #2969BD; color: #fff; cursor: pointer;}

.portal-redes           {margin-top: -4px;}
.portal-redes>li        {display: inline-block; cursor: pointer;}
.portal-redes>li a      {text-indent: -3000px; display: inline-block; width: 34px; height: 33px;}
.portalredes-twitter    {background-image: url(../img/sprite.png); background-position: -126px -159px; width: 27px; height: 28px; margin-left: 15px;}
.portalredes-youtube    {background-image: url(../img/sprite.png); background-position: -35px -159px; width: 32px; height: 28px;}
.portalredes-linkedin   {background-image: url(../img/sprite.png); background-position: -535px -708px; width: 32px; height: 28px;}
.portalredes-facebook   {background-image: url(../img/sprite.png); background-position: -269px 0; width: 25px; height: 28px;}
.portalredes-flickr     {background-image: url(../img/sprite.png); background-position: -87px -194px; width: 29px; height: 29px;}



.sidenav .burger-menu-button {
    padding: 10px;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
.burger-menu-button {
    text-align: right;
    line-height: 0;
    margin: 0;
}

.sidenav .burger-menu-button .box {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
}

.burger-menu-button .button {
    padding: 0;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.burger-menu-button .box {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
}

.burger-menu-button .inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.burger-menu-button .offcanvas-close-btn .inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.burger-menu-button .offcanvas-close-btn .inner::before {
    top: 0;
    opacity: 0;
}

.burger-menu-button .offcanvas-close-btn .inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.burger-menu-button .inner, .burger-menu-button .inner::before, .burger-menu-button .inner::after {
    width: 30px;
    height: 3px;
    background-color: #212529;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.burger-menu-button .inner {
    display: block;
    top: 50%;
    margin-top: -1.5px;
}
.burger-menu-button.header-offcanvas-trigger .inner::before {
    width: 20px;
    margin-left: 10px;
}
.burger-menu-button .inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.burger-menu-button .inner::before {
    top: -10px;
}
.burger-menu-button .inner::before, .burger-menu-button .inner::after {
    content: "";
    display: block;
}
.burger-menu-button .inner, .burger-menu-button .inner::before, .burger-menu-button .inner::after {
    width: 30px;
    height: 3px;
    background-color: #212529;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.burger-menu-button.header-offcanvas-trigger .inner::after {
    width: 25px;
    margin-left: 5px;
}
.burger-menu-button .inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.burger-menu-button .inner::after {
    bottom: -10px;
}


.sidenav {
    height: 100vh;
    width: 0;
    position: fixed;
    z-index: 1043;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav > ul {
    padding-top: 65px;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 40px;
    padding: 0 22px;
}

.sidenav ul {
    padding: 0;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.sidenav ul > li.menu-item:first-child {
    border-top: 1px solid #ddd;
}
.sidenav .menu-item {
    border-bottom: 1px solid #ddd;
    display: table;
    width: 100%;
}
.sidenav .menu-item:hover, .sidenav .menu-item:focus {
    background-color: rgb(0, 123, 255) !important;
}
.sidenav .menu-item:hover a, .sidenav .menu-item:focus a {
    color: #fff !important;
}
.sidenav .menu-item a, .sidenav .menu-indicator .menu-item .fas {
    color: rgb(0, 0, 0) !important;
}
.sidenav .menu-item a {
    outline: 0;
    width: 80%;
    text-decoration: none;
    vertical-align: middle;
    display: table-cell;
    color: #000;
    padding: 15px;
    font-size: 0.9rem;
}
.sidenav .menu-item .menu-indicator {
    width: 20%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #ddd;
    cursor: pointer;
}
.sidenav .menu-item:hover .menu-indicator svg, .sidenav .menu-item:focus .menu-indicator svg,  .sidenav .menu-item.active .menu-indicator svg {
    color: #fff;
}
.sidenav .menu-item .menu-indicator .fa-angle-right:before {
    content: "\f105";
}
.sidenav .submenu, .sidenav .burger-menu-button {
    background-color: rgb(255, 255, 255) !important;
}
.sidenav .submenu {
    position: fixed;
    left: -37.6%;
    top: 60px;
    height: calc(100vh - 60px);
    width: 320px;
    transition: all 0.5s;
    background: #fff;
    display: none;
}

.sidenav ul li.menu-item.menu-go-back {
    border-top: 0;
}
.sidenav .menu-item.active, .sidenav .menu-item.nav-item-active, .sidenav .menu-go-back {
    background-color: rgb(0, 123, 255) !important;
}
.sidenav .menu_open .menu-indicator-back .fas {
    color: rgb(0, 0, 0) !important;
}
.sidenav .submenu .menu-indicator-back {
    text-align: left;
    width: 100%;
    cursor: pointer;
    display: block;
    padding: 15px;
    box-sizing: border-box;
}
.sidenav .submenu .menu-indicator-back i {
    margin-right: 10px;
}
.sidenav .submenu.open {
    left: 0;
    z-index: 1;
}

#main {
    transition: margin-left .5s;
    padding: 0;
}

body.hide div#main::before {
    width: calc(100vw - 320px);
    height: 100vh;
    background: #000;
    position: absolute;
    content: "";
    z-index: 9000000;
    opacity: 0.5;
    overflow-y: hidden !important;
    transition: none;
}


@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

/* MENU DE CONTEXTO ----------------------- */
.btn-contexto a             {text-transform: none;}
.btn-contexto .current a            {background: #0094ff; color: #fff!important; border: 2px solid #0094ff!important; cursor: pointer;}

/* ACCORDION ------------------------------ */
#accordion {
    width: 100%; clear: both;
}
#accordion .card {
    margin-bottom: 15px;
    box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.14);
}
#accordion .card, #accordion .card-header {
    border: none;
}
#accordion .card-header {
    background: #ffffff;
    padding: 0;
}
#accordion button {
    border: 0;
    font-family: 'Roboto';
    font-size: 1em;
    font-weight: 700;
    color: #0495FE;
    padding: .75rem 1.25rem;
    width: 100%;
    text-align: left;
    text-decoration: none;
    white-space: inherit;
}
#accordion button:hover, #accordion button:focus {
    text-decoration: none;
}
#accordion button.btn.collapsed:after {
    content: "+";
    right: 20px;
    position: absolute;
    font-size: 1.4em;
    margin: -5px;
    transform: none;
    display: inline-flex;
    top: 10px;
}
#accordion button.btn:after {
    content: "+";
    right: 20px;
    position: absolute;
    font-size: 1.4em;
    margin: -5px;
    transition: ease 0.5s;
    -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari 3-8 */
    transform: rotate(47deg);
}
#accordion .card-body {
    color: #555555;
    font-size: 1.188em;
}

/* TABELAS -------------------------------- */

.arquivos, .tabela-padrao {
    border: 1px solid #dee2e6;
    background-color: transparent;
    width: 100%;
    max-width: 100%;
}
.arquivos .subcabecalho, .tabela-padrao .subcabecalho {
    background: #aaaaaa !important;
}
.arquivos thead th, .tabela-padrao thead th {
    vertical-align: middle;
    border-bottom: 2px solid #dee2e6;
    background: #333;
    color: #fff;
}
.arquivos th, .tabela-padrao th, .arquivos td, .tabela-padrao td, .acordeon-content table td {
    padding: 0.75rem;
    vertical-align: middle;
    border: 1px solid #dee2e6;
}
.arquivos tbody tr:nth-of-type(odd), .tabela-padrao tbody tr:nth-of-type(odd), .acordeon-content table tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}
.center {text-align: center;}



/*DESTAQUE -------------------------------- */
.super-destaque                                 {width: 100%; height: 650px; display: block; overflow: hidden; position: relative;}
.super-destaque .chamada-super-destaque         { color: #fff; position: absolute; z-index: 999998; bottom: 5%; width: 70%; padding: 10px 10px 10px 15px;}
.chapeu-super-destaque                          { font-size: 1em; display: block; font-weight: 700; text-transform: uppercase; margin-bottom: 8px;}
.super-destaque a                               { color: #fff; font-size: 3em; font-weight: 900; /* transition: background 0.3s;*/}
.super-destaque a:hover                         {color:#0094ff; text-decoration: none;}
.super-destaque .midia img                      {width: 100%; height: auto; min-height: 650px; object-fit: cover;}
.super-destaque .midia:before                   {width: 100%; height: 650px; position: absolute; z-index: 999997; content: ""; background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.4) 100%);}



.em-alta            {text-align: center; align-items: center; padding: 15px 0 35px 0;}
.em-alta a          {color: #222;}
.em-alta a:hover    {text-decoration: none;}
.botoes-centro      {display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 15px 0 35px 0; width: 100%;}
.botoes-centro a    {color: #222;}
.botoes-centro a:hover {text-decoration: none;}

.destaque-titulo h2                                 {display: inline-block; font-size: 1rem; white-space: nowrap; color: #333; margin-bottom: 20px; padding: 0 10px; text-transform: uppercase; margin-top: -8px; font-weight: 400!important;}
.destaque-titulo                                    {display: -webkit-box; display: -ms-flexbox;  display: flex; padding: 50px 0 5px 0;}
.destaque-titulo:after, .destaque-titulo:before     {content: "linha"; background: hsla(0, 0%, 60%, 0.5); width: 40%; height: 1px; text-indent: -3000px;}

/* PADRÃO DE BOTÕES -------------------------------- */
.btn                        {border: 2px solid #222; border-radius: 30px; padding: 10px 23px;}
.btn.btn-primary            {color: #fff!important; border: 2px solid #0094ff; background: #0094ff}
.btn.btn-success            {color: #fff!important; border: 2px solid #019600; background: #019600}
.btn-padrao,
.em-alta a,
.btn-contexto a                     {border-radius: 30px; border: 2px solid #222!important; padding: 12px 23px 8px 23px; margin: 5px;  min-height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.188rem; font-weight: 700; display: inline-block; color: #222;}
.btn-padrao:hover,
.em-alta a:hover,
.btn-contexto a:hover           {background: #0094ff; color: #fff!important; border: 2px solid #0094ff!important; cursor: pointer;}
.servicos .btn-padrao:hover {background: #1FC86A; border: 2px solid #1FC86A!important;}
/* PADRÃO DE BOTÕES */

/*MOSAICO ----------------------------------- */
.mosaico                                                {margin: 30px 0; clear: both;}
.mosaico .item-mosaico                                  {position: relative; margin-bottom: 30px; overflow: hidden;}
.mosaico .item-mosaico.principal                        {height: 410px;}
.mosaico .item-mosaico.secundario                       {height: 190px;}
.mosaico .item-mosaico img                              {object-fit: cover; width: 100%; height: 100%; position: relative; z-index: 1038; }
.mosaico .item-mosaico:after                            {
    width: 100%; height: 100%; position: absolute; top: 0; display: block; content: ""; z-index: 1039; 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.55+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8c000000',GradientType=0 ); /* IE6-9 */

}
.mosaico .item-mosaico .chamada-mosaico                         {font-family: 'MontSerrat'; font-weight: 900; position: absolute; z-index: 1040; bottom: 20px; padding: 20px; color: #fff;}
.mosaico .item-mosaico.principal .chamada-mosaico               {bottom: 20px;}
.mosaico .item-mosaico.secundario .chamada-mosaico              {bottom: 0;}
.mosaico .item-mosaico .chamada-mosaico .chapeu-mosaico         {display:block; font-size: 0.82em; display: block; text-transform: uppercase; margin-bottom: 8px;}
.mosaico .item-mosaico .chamada-mosaico .titulo-mosaico         {font-size: 1.49em; line-height: 1.2em; color: #fff; text-decoration: none;}
.mosaico .item-mosaico .chamada-mosaico .titulo-mosaico:hover   {color: #0094ff}
.mosaico .item-mosaico.mosaico-secundario                                           {height: 200px; background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%);}
.mosaico .item-mosaico.mosaico-secundario .chamada-mosaico .chapeu-mosaico          {font-size: 0.84em; color: #0094ff}
.mosaico .item-mosaico.mosaico-secundario .chamada-mosaico .titulo-mosaico          {font-size: 1.057em; color: #333; font-weight: 400;}
.mosaico .item-mosaico.mosaico-secundario .chamada-mosaico .titulo-mosaico:hover    {color: #0094ff}
.mosaico .item-mosaico.mosaico-secundario:after  {display: none;}
.mosaico .item-mosaico.mosaico-video:before {width: 30px; height: 30px; position: absolute; content: ""; background-image: url(../img/sprite.png); background-position: -203px -219px; top: 1rem; right: 1rem; z-index: 999993}
/*MOSAICO*/

/*CAIXA LARGURA TOTAL ----------------------------------- */
.caixa-largura-total {padding: 47px 0; margin-bottom: 32px;}

/*AVISOS ----------------------------------- */
.avisos                                                                     {background: #1FC86A;}
.avisos .item-mosaico.mosaico-secundario                                    {background: inherit;}
.avisos .item-mosaico.mosaico-secundario .chamada-mosaico .chapeu-mosaico   {color: #0F743C; font-weight: 800;}
.avisos .item-mosaico.mosaico-secundario .chamada-mosaico .titulo-mosaico   {color: #fff; font-weight: 600;}
/*MOVA-SE ----------------------------------- */
.movase                         {margin-bottom: 45px;}
.atividade                      {width: 140px; height:157.17px; margin: 0 15.7px 30px; font-size: 1em; font-weight: 800; color:#fff; text-align: center;}
.atividade.caixa-funcional      {background: #378F52;}
.atividade.caixa-zumba          {background: #615466;}
.atividade.caixa-pilates        {background: #DA8356;}
.atividade.caixa-yoga           {background: #FFCB65;}
.atividade.caixa-massagem       {background: #446FA6;}
.atividade.caixa-coral          {background: #9E2D27;}
.atividade.caixa-cinecapes      {background: #2A1C01;}

.atividade a { display: block; transition: 0.4s; }
.atividade a:hover { transform: scale(0.95, 0.95); }


/*SISTEMAS ----------------------------------- */
.sistemas                                                               {background: #3D9DDD;}
/*.swiper-button-next, .swiper-container-rtl .swiper-button-prev            {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230A3450'%2F%3E%3C%2Fsvg%3E") !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next          {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230A3450'%2F%3E%3C%2Fsvg%3E") !important;} */
.swiper-button-next, .swiper-button-prev                                {color: #555;}
.swiper-pagination-bullet-active                                        {background: #205173;}
.swiper-pagination-bullet                                               {width: 15px; height: 15px; border-radius: 50px;}
.sistemas .swiper-slide span, .sistemas .swiper-slide p                 {font-family: 'MontSerrat'; text-transform:uppercase; color:#fff;}
.sistemas .swiper-slide span                                            {display: block; width: 100%; padding: 0; font-size: 0.95em; font-weight: 600;}
.sistemas .swiper-slide a                                               {min-height: 107px;}
.swiper-slide a:hover                                                   {color: #0094ff;}
.swiper-slide a:hover span                                              {color: #000;}

.sistemas .swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: 45px;
    padding-left: 40px;
    padding-right: 40px;
}
.sistemas .swiper-slide { padding: 0 10px; }

.sistemas .swiper-container-horizontal>.sistemas .swiper-pagination-bullets,
.sistemas .swiper-pagination-custom, .sistemas .swiper-pagination-fraction {
    bottom: -7px; }

.sistemas .swiper-button-next,
.sistemas .swiper-button-prev { height: 342px; top: -50px; padding: 20px; background: #3D9DDD;}
.sistemas .swiper-button-prev,
.sistemas .swiper-container-rtl .swiper-button-next { left: 0; }
.sistemas .swiper-button-next,
.sistemas .swiper-container-rtl .swiper-button-prev { right: 0;}

.sistemas .swiper-slide a {
    width: 100%;
    padding: 15px 0;
    font-size: 1.45em;
    font-weight: 800;
    color: #333;
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    transition: background .5s; }

.sistemas .swiper-slide a:hover {
    background: #f9f9f9;
    text-decoration: none;
    color: #0094ff;
    transition: background .5s;
    position: relative;
}

.sistemas .swiper-slide a p,
.sistemas .swiper-slide a:hover p { font-size: 0.74em; line-height: 1.7em !important; font-weight: 400; }
.sistemas .swiper-slide a:hover p { color: #979797; }

section.servicos.sistemas-internos                  {background: #3D9DDD; padding: 30px 0 60px 0; margin-bottom: 50px;}
section.servicos.sistemas-internos a                {font-family: 'MontSerrat'; background: #fff; width: 100%; margin: 15px auto; font-size: 1.125rem; height: 162px; transition: all 0.5s ease;}
section.servicos.sistemas-internos a:hover          {margin-top: 5px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 18px 0 rgba(0, 0, 0, 0.19); text-decoration: none; color: #2775A8;}
section.servicos.sistemas-internos a:hover:after    {background-position: -160px -50px !important; transition: all 0.5s ease;}
section.servicos.sistemas-internos h3               {color: #fff;}

.unselected                                         {background: #c6c6c6 !important; color: #6c757d !important;}
.selected                                           {box-shadow: 0 2px 6px 0 rgba(158, 57, 57, 0.2), 0 4px 18px 0 rgba(136, 160, 27, 0.19) !important;}

.sistemas-externos .servicos                        {background: none;}
.sistemas-externos .servicos a                      {font-family: 'MontSerrat'; background: #1FC86A; width: 100%; margin: 15px auto; font-size: 1.125rem; height: 162px; transition: all 0.5s ease; color: #fff;}
.sistemas-externos .servicos a:hover                {margin-top: 5px; box-shadow: 0px 5px 6px 0px rgba(16, 109, 57, 0.2), 0 2px 8px 0 rgba(16, 109, 57, 0.19); text-decoration: none; transition: all 0.5s ease;}

/*MENU CAIXAS*/
.espacamento-superior { margin-top:50px}
.espacamento-inferior { margin-bottom:50px}

.menu-caixas h3 {
    width: 100%;
    max-width: 100%;
}

.menu-caixas a { 
    width:100%; height: 200px;
    padding:15px;
    background: rgba(255, 255, 255, 0.55);
    font-family: "MontSerrat";
    font-size: 1.125rem; 
    font-weight: 700;
    color: #484848;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0 8px 19px 0 rgba(0,0,0,.1);
    box-shadow: 0 8px 19px 0 rgba(0,0,0,.1);

}

.menu-caixas a:hover {
    margin-top: -6px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 18px 0 rgba(0, 0, 0, 0.19);
    text-decoration: none;
}

.menu-caixas img {
    height: 56px;
    margin: 10px auto 10px;
    max-height: 56px;
}

.menu-caixas.menu-caixas-fonte-menor a {
    font-size: 0.85rem;
}

.menu-caixas .item-mais,
.menu-caixas .item-mais:hover {
    box-shadow: none;
    background: rgba(0,0,0,.05);
    position: relative;
}

.menu-caixas .item {
    padding-bottom: 30px;
}

.menu-caixas .item-mais:after {
    position: absolute;
    content: "";
    height: 40px;
    width: 40px;
    top: 0;
    right: 0;
    background-image: url(../img/sprite.png);
    background-position: -168px -43px;
    width: 37px;
    height: 36px;
}

/*BANNERS FIXOS ----------------------------------- */
.banners-fixos                  {margin: 97px 0;}
.banner-fixo                    {width: 20%; text-align: center; line-height: 7em; padding: 10px 10px; border-right: 1px solid #D1D1D1;}
.banners-fixos > .container > .row .banner-fixo:last-child {border:0;}
.banner-fixo:nth-child(even)    {padding-top: 107px;}
.banner-fixo p                  {font-family: 'MontSerrat'; font-size: 1.57em; color:#333333; font-weight: 700;}
.banner-fixo a                  {display: block; transition: all 0.5s ease; }
.banner-fixo a:hover            {text-decoration: none; margin-top: -6px; }

/*SUSTENTABILIDADE ----------------------------------- */
.sustentabilidade                                   {background: #E6E6E6; background-image: url(../img/fundo-sustentabilidade.png); background-position: 50% -213px; width:100%; min-height: 640px; margin-top: 134px; background-size: 1875px 1073px;}
.sustentabilidade h3                                {padding-top: 63px;}
.sustentabilidade .row                              {margin: 0 0 17px;}
.box-sustentabilidade                               {background: #fff; padding: 35px; min-height: 343px;
}
.box-sustentabilidade .icone,
.box-sustentabilidade .texto                        {display: block;}
.box-sustentabilidade a .texto                      {font-family: 'MontSerrat'; font-size: 1.063rem; font-weight: bold; color: #000; padding: 0 31px;}
.box-sustentabilidade .caixa-largura-total          {margin-bottom: 0; padding: 20px 0 0 0;}
.box-sustentabilidade .swiper-slide                 {text-align: center; margin: 5px; max-width: 206px;}
.box-sustentabilidade .swiper-slide img             {-webkit-transition: width 2s; /* Safari prior 6.1 */
    transition: width 2s;}
.box-sustentabilidade .swiper-slide:hover img       {width: 100px;}
.box-sustentabilidade .swiper-slide:hover a         {text-decoration: none;}
.box-sustentabilidade .swiper-button-next:after,
.box-sustentabilidade .swiper-button-prev:after     {background: #fff; padding: 25px 12px 45px 12px;}

/* QUALIDADE DE VIDA -------------------------------- */
.introducao .box                                    {display: flex; padding: 28px 35px;}
.introducao .box .imagem                            {display: table-cell; margin-right: 42px;}
.introducao .box .texto                             {display: table-cell;}
.introducao .box .texto p                           {color: #fff;}
.beneficios, .turmas, .inscricoes,
.informacoes                                        {margin-top: 110px;}
.beneficios .box                                    {display: flex;}
.beneficios .video                                  {display: table-cell; margin-right: 42px;}
.beneficios .texto                                  {display: table-cell;}
.beneficios .texto h3                               {text-align: left;}
.beneficios .texto h3, .turmas h3,
.inscricoes h3, .informacoes h3                     {margin-bottom: 25px; padding: 0;}
.turmas, .inscricoes, .informacoes                  {text-align: center;}
.inscricoes .box                                    {background: #E6E6E6; padding: 28px 35px;}

.funcional .introducao .box                         {background: #378F52;}
.zumba .introducao .box                             {background: #836D8B;}
.pilates .introducao .box                           {background: #D18228;}
.yoga .introducao .box                              {background: #D99D28;}
.massagem .introducao .box                          {background: #2A4C78;}
.coral .introducao .box                             {background: #751611;}
.cinecapes .introducao .box                         {background: #4A4A4A;}


.cinecapes span.data-filme                          {text-align: center; color: #555555; font-weight: 700; display: block;}
.cinecapes .programacao .box                        {display: flex; padding: 28px 35px; background: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16); margin: 24px 0 40px 0;}
.cinecapes .programacao .box .capa-filme            {display: table-cell; margin-right: 42px;}
.cinecapes .programacao .box .texto-filme           {display: table-cell;}
.cinecapes .programacao .box .texto-filme p         {color: #555555;}

/*CENTRAL DE INFORMAÇÕES E SERVIÇOS ----------------- */
section.servicos.gestao-pessoas                     {background: #3D9DDD; padding: 30px 0 60px 0; margin-bottom: 50px;}
section.servicos.gestao-pessoas a                   {font-family: 'MontSerrat'; background: #fff; width: 100%; margin: 15px auto; font-size: 1.125rem; height: 162px; transition: all 0.5s ease; text-transform: none;}
section.servicos.gestao-pessoas a:hover             {margin-top: 5px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 18px 0 rgba(0, 0, 0, 0.19); text-decoration: none; color: #2775A8;}
section.servicos.gestao-pessoas a:hover:after       {display: none;}
section.servicos.gestao-pessoas h3                  {color: #fff;}

section#tutoriais-e-guias .swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: 45px;
    padding-left: 55px;
    padding-right: 55px;
}
section#tutoriais-e-guias .swiper-slide {
    max-width: 235px;
    padding: 0 20px;
    background: #1FC86A;
    margin: 0 15px;
    height: 178px;
    transition: 0.4s;
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
}
section#tutoriais-e-guias .swiper-slide:hover {transform: scale(0.93, 0.93);}
section#tutoriais-e-guias .item-servicos a {
    font-family: 'MontSerrat';
    width: 100%;
    margin: 15px auto;
    font-size: 1.125rem;
    font-weight: 700;
    transition: all 0.5s ease;
    color: #fff;
    height: 178px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
section#tutoriais-e-guias .item-servicos a:hover {
    text-decoration: none;
}
section#tutoriais-e-guias .swiper-button-next, section#tutoriais-e-guias .swiper-container-rtl .swiper-button-prev {
    right: 0;
}
section#tutoriais-e-guias .swiper-button-prev, section#tutoriais-e-guias .swiper-container-rtl .swiper-button-next {
    left: 0;
}
/*section#tutoriais-e-guias .swiper-button-next, section#tutoriais-e-guias .swiper-button-prev {
    height: 26px;
}*/

section#tutoriais-e-guias .swiper-button-next, section#tutoriais-e-guias .swiper-button-prev {
    height: 178px;
    background: #fcfafa;
    top: 0;
    width: 55px;
    margin: 0 -10px;
}

/*MAIS ---------------------------------------------- */
.mais-links .chamada-box .row                       {justify-content: center;}
.mais-links .chamada-box .container                 {min-width: inherit;}
.mais-links .tile  {
    font-family: 'Montserrat';
    font-size: 1.1em;
}
.mais-links .chamada-box .chapeu-box {
    text-transform: uppercase;
    font-weight: 800;
}

/*PADRAO ÁREA --------------------------------------- */
#interna .conteudo-area img.organograma-area {
    width: 100%;
    max-width: 810px;
    margin: 50px auto;
    display: flex;
}
#interna .conteudo-area ul, #interna .conteudo-area ol {
    padding: 0 40px !important;
}
#interna .conteudo-area ul li, #interna .conteudo-area ol li {
    margin-bottom: 10px;
}
#interna .conteudo-area #accordion button {
  color:#2F2F2F;
}
section.servicos.responsavel-area {
    background: #3D9DDD;
    padding: 30px 0 60px 0;
    margin-bottom: 50px;
}
section.servicos.responsavel-area h3 {
    color: #fff;
}
.responsavel-area img {
    border-radius: 100px;
    display: flex;
    margin: 0 auto 10px;
}
.responsavel-area .nome, .responsavel-area .portaria p {
    display: flex;
    color: #fff;
    justify-content: center;
    font-size: 1.44rem;
}
.responsavel-area .nome {    
    font-weight: 500;
}
.mais-area .servicos {
    background: none;
}
.mais-area .servicos a {
    font-family: 'MontSerrat';
    background: #1FC86A;
    width: 100%;
    margin: 15px auto;
    font-size: 1.125rem;
    height: 162px;
    transition: all 0.5s ease;
    color: #fff;
    text-transform: none;
}
.mais-area .servicos a:hover {
    margin-top: 5px;
    box-shadow: 0px 5px 6px 0px rgba(16, 109, 57, 0.2), 0 2px 8px 0 rgba(16, 109, 57, 0.19);
    text-decoration: none;
    transition: all 0.5s ease;
}
.mais-area .servicos a:hover:after {
    display: none;
 }
 .fale-conosco {
     margin: 97px 0;
}
.fale-conosco .row div {   
    text-align: center;
    padding: 70px 10px;
    border-right: 1px solid #D1D1D1;
}
.fale-conosco > .container > .row div:last-child {
    border: 0;
}
.fale-conosco img, .fale-conosco span, .fale-conosco a {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.fale-conosco span {
    font-family: "MontSerrat";
    font-weight: 700;
    font-size: 1.56rem;
    margin-top: 10px;
}
.fale-conosco a {
  font-size: 1.43rem;
}

/*ANIVERSARIANTES ----------------------------------- */
.aniversariantes                                    {background: #E6E6E6; background-image: url(../img/fundo-aniversariantes.png); background-position: 50% -213px; width:100%; margin-top: 134px;}
.aniversariantes .row                               {margin: 0 0 17px;}
.aniversariantes img                                {width:195px; height: 195px;}
.aniversariantes .col-md-2:hover .desc-aniversario  {display: block; cursor: default;}
.aniversariantes .col-md-2                          {padding: 0; width:195px; height: 195px;}
.desc-aniversario                                   {background-color: rgba(0,0,0,0.60); text-align:center; padding: 5px; position: relative; top: -62px; display: none; -webkit-animation: mymove 5s; /* Safari 4.0 - 8.0 */ animation: mymove 1s;}
@-webkit-keyframes mymove                           {from {opacity: 0;} to {opacity: 5;}}
@keyframes mymove                                   {from {opacity: 0;} to {opacity: 5;}}
.data-aniversario                                   {font-family: 'Montserrat'; font-size: 1.2em; font-weight: 700; color: #D9D9D9; display:block;}
.nome-aniversariante                                {font-size: 1em; font-weight: 600; color: #ffffff; display:block;}


/*CLASSIFICADOS ------------------------------ */
.sclogin-joomla-login.vertical #form-sclogin-submitcreate .btn {margin-left: 20px!important;background: #0094FF!important;color: #fff!important; width: 87%!important;}
a.loginrede.btn.dropdown-toggle {margin-right: 37px!important;}
.sourcecoast                                                {width: 100%!important;}
.sclogin .sourcecoast                                        {float: right;width: 50px !important;}

.sclogin-modal-links a                                      {margin-right: 0!important; float: right; color:#fff}
.sourcecoast img                                            {float: right!important; position: relative!important; left: 7px!important; margin-top: -39px!important;}
.loginrede.btn                                              {border: none !important;background: none !important;box-shadow: none !important;float: right !important;}
.sourcecoast.sclogin-modal-links.sclogin                    {margin-top: 10px!important;width:30%!important; float: right;}
.img-slide-classificados img                                {width: 100%!important;}
.sourcecoast.modal                                          {width:400px!important;}
.sourcecoast .modal-body                                    {margin-top:25px!important;margin-bottom: 7px!important;}


.sclogin-joomla-login.vertical input.sclogin-username.input-block-level, .sclogin-joomla-login.vertical input.sclogin-passwd.input-block-level{margin-left: 20px!important;width: 318px!important;}

.home-classificados .box-item-rotativo {}
                        
.home-classificados .box-item-rotativo .swiper-slide a                      {display: block; background: #fff;  transition: transform .4s; text-decoration: none!important}
.home-classificados .box-item-rotativo .img-slide-classificados {
    position: relative;
    height: 150px;
    overflow: hidden;
}
.home-classificados .box-item-rotativo .img-slide-classificados img         {width: 900px!important; height: auto;}
.home-classificados .box-item-rotativo .img-slide-classificados .value      {position: absolute; bottom: 0; right: 0; background: #62AF47; color: #fff; font-size: .71em; padding: .6rem 1rem;}
.home-classificados .box-item-rotativo .swiper-slide span.titulo {
    color: #1887D1;
    padding: 1rem 1rem 0 1rem;
    display: block;
    font-size: 0.80em;
    line-height: 25px;
    height: 80px;
    overflow: hidden;
}

.home-classificados .box-item-rotativo .swiper-slide p {
    padding: 0 1rem .3rem 1rem;
    display: block;
    height: 73px;
    overflow: hidden;
}
.home-classificados .box-item-rotativo .swiper-slide.venda p     {border-bottom: 4px solid #62AF47;}
.home-classificados .box-item-rotativo .swiper-slide.troca p     {border-bottom: 4px solid #F1A421;}
.home-classificados .box-item-rotativo .swiper-slide.doacao p    {border-bottom: 4px solid #1887D1;}

.home-classificados .box-item-rotativo .swiper-slide .tipo {
    text-transform: uppercase;
    font-weight: 400 !important;
    color: #000;
    position: absolute;
    right: 0;
    padding-right: 20px;
    bottom: -5px; }
.home div.venda     {border-bottom: 4px solid #62AF47;}
.home div.troca     {border-bottom: 4px solid #F1A421;}
.home div.doacao    {border-bottom: 4px solid #1887D1;}



.home-classificados .box-item-rotativo .swiper-slide p span     {display: block; width: 100%; text-align: right; text-transform: uppercase; font-size: .8em;}


.home-classificados .swiper-container    {width: 100%; height: 100%; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; }
.home-classificados .swiper-slide        {padding: 0 10px; margin:0 1px;}

.home-classificados .swiper-container-horizontal>.swiper-pagination-bullets,
.home-classificados .swiper-pagination-custom, .swiper-pagination-fraction {bottom: -3px; }

.home-classificados .swiper-button-next, .home-classificados .swiper-button-next .swiper-button-prev {height: 26px;}
.home-classificados .swiper-button-prev, .home-classificados .swiper-button-prev .swiper-container-rtl .swiper-button-next { left: 0; }
.home-classificados .swiper-button-next, .home-classificados .swiper-button-next .swiper-container-rtl .swiper-button-prev { right: 0;}

/*.home-classificados .swiper-button-next, .home-classificados .swiper-button-next .swiper-button-prev{top: 8%!important;}*/
.home-classificados .swiper-slide a {
    width: 100%;
    padding: 0;
    font-size: 1.45em;
    font-weight: 600;
    min-height: 250px;
     display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    /*transition: background .5s; */
}

/*.home-classificados .swiper-slide a:hover {transform: scale(1.05);}*/
.home-classificados .swiper-slide a p {font-size: 16px; line-height: 1.4em !important; font-weight: 400; color: #3e3e3e;}

.home-classificados .destaque-classificado  {background: #fff; margin: .2rem 1.7rem 2rem 1.7rem; position: relative; box-shadow: -3px 6px 6px rgba(0, 0, 0, 0.16);} 
.home-classificados .destaque-classificado .info-destaque {padding: 2.2rem;}
.home-classificados .destaque-classificado span         {display: block;}
.home-classificados .destaque-classificado span.tipo    {font-size: .8em; text-transform: uppercase;}
.home-classificados .destaque-classificado span.titulo  {font-size: 1.5em; font-weight: 600; position: relative; margin-bottom: 3rem;}
.home-classificados .destaque-classificado span.titulo:after       {content: ""; width: 29%; background: #1887D1; height: 4px; position: absolute; left: 0; bottom: -16px;}
.home-classificados .destaque-classificado p            {}
.home-classificados .destaque-classificado .mais-info   {display: block; position: absolute; bottom: 2rem; right: 3rem; color: #000;}

.user_classificados  {float: right; display: block; }
.user_classificados img {width: 50px; border-radius: 100px; overflow: hidden;}

.fundo-destaque-classificados                               {background: #fff; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075) !important;}
#destaque-classificados #foto-destaque-carrossel.col-md-6   {padding: 0;}
#destaque-classificados img                                 {width: 100%;}
#carrossel-classificados .swiper-slide                      {background: #fff; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075) !important;}
#carrossel-classificados .swiper-slide.venda                {border-bottom: 3px solid #62AF47;}
#carrossel-classificados .swiper-slide.troca                {border-bottom: 3px solid #F1A421;}
#carrossel-classificados .swiper-slide.doacao               {border-bottom: 3px solid #1887D1;}
.texto-anuncio                                              {padding: 20px;}
#carrossel-classificados .flex-active-slide                 {border-bottom: 30px solid red;}

.classificados .abas_classificados .tab-pane    {padding: 1rem 0;}
.classificados .abas_classificados .nav-link            {border-radius: 0; padding-top: 1.2rem; padding-right: 3rem; font-weight: 800; min-width: 260px;  padding-bottom: .9rem; color: #222222; margin-right: 1rem; background: #DDDDDD; font-size: 1.3em;}
.classificados .abas_classificados .nav-link.active     {background: #2969bd; border-color: #2969BD; color: #fff;}

.barra_classificados     {background: #EFEFEF; padding: 1rem; display: block;  width: 100%; margin-bottom: 1rem;}
.barra_classificados a {background: #0094FF; padding: 1.1rem 2.2rem; border-radius: 28px; color: #fff; display: block; float: left; font-weight: 600; font-size: 1.18em;}
.barra_classificados label {margin-bottom: 0; font-weight: 500;}
.barra_classificados .form-group {margin-bottom: 0;}

.barra_classificados select:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
}
.barra_classificados select {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.barra_classificados .btn {margin-top: 17px}

.item_classificados {background: #fff; border-bottom: 4px solid #333; box-shadow: -3px 6px 6px rgba(0, 0, 0, 0.16); position: relative; margin: 1.5rem 0;}
.item_classificados img {/*max-height: 200px;*/ width: 100%;}
.item_classificados p {padding-bottom: 1rem;}

.item_classificados.item_doacao {border-color: #1887D1}
.item_classificados.item_venda {border-color: #62AF47}

.item_classificados.meus_anuncios .cat_classificados {float: left; left: 10px;}

.item_classificados.item_troca {border-color: #F1A421}

.classificados_anuncio                  {}
.classificados_anuncio .anuncio_status  {margin-top: 1rem; color: #E9A505;}
.classificados_anuncio .anuncios_acoes  {bottom: 10px;}
.anuncios_acoes .btn-excluir            {border: 2px solid #000; color: #000; background: #fff; padding: .5rem 1.4rem .5rem 1.4rem ; border-radius: 25px; text-transform: uppercase; display: block; float: left; margin-right: 10px;}
.anuncios_acoes .btn-editar             {border: 2px solid #000; color: #fff; background: #000; padding: .5rem 1.4rem .5rem 1.4rem ; border-radius: 25px; text-transform: uppercase; display: block; float: left;}

.item_classificados .titulo_classificados {color: #1887D1; font-size: 1.3em; font-weight:600; margin-top: 1rem; float: left; display: block; width: 100%;}
.item_classificados .cat_classificados {font-size: .75em; float: right; margin-right: 1rem; position: absolute; bottom: 10px; right: 10px;}
.classificados_img  {position: relative;}
.classificados_img .item_valor {position: absolute; bottom: 0; right: 0; background: #62AF47; color: #fff; padding: .5rem 1rem; font-size: 1.2em; font-weight: 600;}


/*CADASTROS ANUNCIOS */
.cadastro-anuncios .alert_anuncio       {background: #E58181; border-radius: 10px; padding: 1rem; color: #fff;}
.cadastro-anuncios .alert_anuncio p     {color: #fff; font-size: 1.25em; font-weight: 200;}
.cadastro-anuncios form                 {margin: 2rem 0;}
.cadastro-anuncios form label           {font-weight: 600;}

.cadastro-anuncios .lab-addimagem a                 {background: #0094FF; color: #fff; border-radius: 25px; padding: 1rem 1.1rem; cursor: pointer }
.cadastro-anuncios .lab-addimagem + input + span    {font-size: .8em; display: table-cell;}
.cadastro-anuncios a#imagesupload_browse {
    background: #0094FF;
    color: #fff;
    border-radius: 25px;
    padding: 1rem 1.1rem;
    cursor: pointer;
    border: none;
}
.cadastro-anuncios #currentimages{
    margin-left: -40px!important;
}

.cadastro-anuncios .thumbImgDelete a {
    background: #E2E2E2!important;
    font-weight: 600!important;
    margin-top: 3px!important
}
.cadastro-anuncios select{
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.cadatro-anuncios .chzn-container-single .chzn-single div b {
    background: url(chosen-sprite.png) no-repeat 0px 2px!important;
    display: block!important;
    margin-top: 6px!important;
    margin-left: 3px!important;
}
.cadastro-anuncios .chzn-container-active.chzn-with-drop .chzn-single div b {
    background-position: -18px 9px;
    }
.cadastro-anuncios .chzn-container-single .chzn-search{display: none!important;}
.cadastro-anuncios .chzn-container-single .chzn-single {
    color: #999!important;
    height: calc(2.25rem + 2px)!important;
    padding: .375rem .75rem!important;
    font-size: 1rem!important;
    background-image: none!important;
    border: 1px solid #ced4da!important;
    border-radius: .25rem!important;
}
.foto_upload {border: 1px solid #ddd; padding: 1rem; margin-bottom: 2rem;}
.foto_upload a {background: #E2E2E2; padding: .5rem 1rem; display: block; width: 100%; text-align: center; color: #333; text-transform: uppercase; font-weight: 600; font-size: .85em; margin-top: .5rem;}
.foto_upload .img-foto_upload {text-align: center;}

.termo_aceite .form-check-label {font-size: .85em; color: #0F75DB; font-weight: 100; text-decoration: underline;}

.btn-linha              {border: 2px solid #000; color: #000; background: #fff; padding: .5rem 1.4rem .5rem 1.4rem ; border-radius: 25px; text-transform: uppercase; display: block; float: left; margin: .65rem;}
.btn-cheio              {border: 2px solid #000; color: #fff!important; background: #000; padding: .5rem 1.4rem .5rem 1.4rem ; border-radius: 25px; text-transform: uppercase; display: block; float: left; margin: .65rem;}

.btn_box {width: 100%;}

 /*VENDA */
.pagina_venda .carousel-indicators            {position: initial; margin: 0; justify-content: left;}
.pagina_venda .carousel-indicators li         {text-indent: 0; width: 25%; height: 115px; margin-top: .5rem; overflow: hidden;}
.pagina_venda .carousel-indicators li.active,
.pagina_venda .carousel-indicators li.flex-active-slide  {filter: grayscale(1); border-bottom: 5px solid #333;}

.separador_01 {border-right: 1px solid #ddd;}

.descricao_venda .box_cinza      {background: #EFEFEF; text-align: left; padding: 1rem; float: left; width: 100%; color: #818181;}
.descricao_venda .box_cinza span {display: block; float: left; width: 100%;}
.descricao_venda .box_cinza h3   {font-size: 1.1em; text-align: left; margin-bottom: 0!important; font-weight: 600; color: #555555;}

.box_cinza .local       {font-size: .8em}
.box_cinza .telefone    {color: #1F8BF6}

.descricao_venda .valor {color: #62AF47; border: 2px solid #62AF47; padding: 1rem; margin-top: 1rem; float: left; width: 100%; font-weight: 800;}
.texto_venda {color: #555555;}

.pagina_venda #slider > div > ul li {
    height: 460px;
}

/*SERVICOS ----------------------------------- */
.servicos                       {background: #e6e6e6; padding: 0 0 60px 0;}
.servicos h2                    {margin-bottom: 20px;}
.servicos a                     {width: 80%; text-transform: uppercase; font-size: 1.45em; font-weight: 800; color: #333; margin: 10px auto; height: 200px; padding: 0 5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center;  transition: background .5s;}
.servicos a:hover               {background: #1fc86a; text-decoration: none; color: #fff; transition: background .5s; position: relative;}
.servicos a:hover:after         {position: absolute; content: ""; height: 40px; width: 40px; top: 0; right: 0; background-image: url(../img/sprite.png); background-position: -160px -84px; width: 37px; height: 36px;}
/*SERVICOS*/

/*DESTAQUES ----------------------------------- */
.destaques                                                      {margin: 30px 0;}
.destaques h2                                                   {margin-bottom: 20px;}
.destaques .item-destaques                                      {position: relative; margin-bottom: 30px; height: 370px; overflow: hidden;}
.destaques .item-destaques img                                  {object-fit: cover; width: 100%; height: 370px; position: relative; z-index: 999991; }
.destaques .item-destaques:after                                {width: 100%; height: 100%; position: absolute; top: 0; display: block; content: ""; z-index: 999992; background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#2f2f2f)); background-image: -o-linear-gradient(transparent,#2f2f2f); background-image: linear-gradient(transparent,#2f2f2f);}
.destaques .item-destaques .chamada-destaques                   {position: absolute; bottom: 0; z-index: 999993; padding: 20px; color: #fff;}
.destaques .item-destaques .chamada-destaques .chapeu-destaques {font-size: 1em; display: block; font-weight: 700; text-transform: uppercase; margin-bottom: 8px;}
.destaques .item-destaques .chamada-destaques .titulo-destaques         {font-size: 1.65em; font-weight: 800; display: block; line-height: 1.4em; color: #fff; text-decoration: none;}
.destaques .item-destaques .chamada-destaques .titulo-destaques:hover   {color: #0094ff}

.destaques .item-destaques.tipo2 .chamada-destaques                         {position: absolute; top: 0;}
.destaques .item-destaques.tipo2 .chamada-destaques .chapeu-destaques       {font-size: 2.3em; font-weight: 800; line-height: 1.4em; color: #fff; text-decoration: none;}
.destaques .item-destaques.tipo2 .chamada-destaques .titulo-destaques       {font-size: 1em;font-weight: 400; text-transform: uppercase; border: 2px solid #fff; border-radius: 30px; padding: 15px 23px; margin-top: 30px; display: block; float: left;}
.destaques .item-destaques.tipo2 .chamada-destaques .titulo-destaques:hover         {border: 2px solid #0094ff; background: #0094ff; color: #fff;}
/*DESTAQUES*/

/*FINAL CONTEUDO  ----------------------------------- */
#footer-conteudo            {margin: 5rem 0 2rem 0; height: 40px;}
.voltar-topo                {width: 80%; float: right; text-align: right; margin-bottom: 20px;}
.voltar-topo a              {color: #222; text-transform: uppercase; font-size: .814rem; font-weight: 700; margin-top: 1rem; display: inline-block;}
.voltar-topo a:after        {content: "^"; background: #222; color: #fff; border-radius: 50%; padding: 8px 10px 11px; display: block; float: right; width: 40px; height: 40px; text-align: center; font-size: 1.7em; margin: -10px 0 0 10px; font-weight: 700;}
.texto-copyright            {border-top: .5px solid #ccc; border-bottom: .5px solid #ccc; padding: 20px 0; clear: both;}
/*FINAL CONTEUDO*/

/*FOOTER ----------------------------------- */
.footer                                 {background: #F1F1F1; clear: both;}
.footer .box-menu                       {display: block !important; position: relative; top: 0; background: #F1F1F1; box-shadow: none; font-family: 'MontSerrat';}
.footer .box-menu .container:before     {display: none;}
.footer .box-menu .redes-sociais span   {font-size: 1.19rem; text-transform: uppercase;}
.footer .box-menu .redes-sociais        {border-bottom: 1px solid #dadada; width: 100%; margin-bottom: 30px; padding-bottom: 10px;}
div#redes-sociais-rodape li             {display: inline-block; list-style-type: none; margin: 0 2px;}
div#redes-sociais-rodape img            {width: 26px; height: 26px;}

.footer .footer-capes                           { padding-bottom: 40px; padding-top: 30px;}
.footer .footer-capes .logo-footer,
.footer .footer-capes .logo-governo-federal     { float: left;}
.footer .footer-capes .acesso-a-informacao      { float: right; }
.footer .footer-capes .logo-governo-federal     { padding-top: 3px; margin-left: 30px; }
.footer .footer-capes .endereco                 { border-top: 1px solid #dadada; margin-top: 35px; text-align: center; padding-top: 20px; font-size: 14px; }

.footer .link-e-ouv,
.footer .link-sei { text-align: right; }
.footer .link-e-ouv img { }
/*FOOTER*/


/*INTERNA ----------------------------------- */
#interna nav.menu-principal         {background: #2969BD; position: relative;}
#interna .box-menu                  {top: 8.7rem;}
#interna .super-destaque            {margin-bottom: 2rem;}
#interna .footer .box-menu          {top: 0;}
#interna .chapeu                    {font-family: 'MontSerrat'; display: block; width: 100%; text-align: center; color: #0094FF; font-size: 1.138rem; font-weight: 700; text-transform: uppercase;}
#interna h2                         {font-family: 'MontSerrat'; font-size: 2.7rem; font-weight: 900; margin: 0 0 2rem 0; padding: 1rem 0 1rem 0; width: 100%;}
#interna .conteudo-interna h3       {margin-bottom: 1rem; text-align: left; font-weight: 600; color: #666; font-size: 1.5rem;}
#interna .mexa-se .texto h3         {text-align: left;}
#interna .mexa-se h3                {text-align: center;}
#interna h3                         {font-family: 'MontSerrat'; margin-bottom: 2rem;}
#interna h4                         {font-family: 'MontSerrat'; margin-bottom: 2rem;}
#interna p                          {margin-bottom: 1rem;}
#interna p.captular:first-letter    {color:#2969bd!important;font-size:5rem;display:block;font-weight:700;float:left;line-height:4rem;margin-right:20px}
#interna figcaption                 {font-size: 0.8rem; margin-left: 50%; padding: 1rem; float: right; clear: both; background: #efefef; margin-bottom: 1rem;}
#interna .conteudo-interna          { padding-top: 60px  }
#interna .conteudo-interna ul       {padding-left: 2rem}
#interna .rastro                    {padding: 1rem 0 1rem 0; border-bottom: .5px solid #e8e8e8; /*float: left;*/ width: 100%; margin-bottom: 2rem;}
#interna .rastro span               {font-size: 1.06rem; font-weight: 600}
#interna .rastro a                  {color: #777; font-weight: 300; font-size: 1.06rem;}
#interna .rastro a span             { font-weight: 300}
#interna .rastro .rastro-inicial    {background-image: url(../img/sprite.png); background-position: -269px -145px; width: 17px; height: 12px; display: block; float: left; margin-top: 9px;}
#interna .rastro .rastro-separador  {padding: 0; text-indent: -1000px; /*float: left;*/ display: inline-block; background-image: url(../img/sprite.png); background-position: -133px -218px; width: 26px; height: 21px;}
#interna .subtitulo-noticia     {color: #a6a6a6; font: normal 1.125rem Raleway,sans-serif; text-align: center; margin: 0 auto 2rem;}
#interna .publicacao-dados,
#interna .documentByLine        {padding: 25px 0; margin: 0 0 2rem; font-size: .83rem; display: block; color: #666; font-family: Roboto,sans-serif!important; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(0,0,0,.1); text-align: center; float: left; width: 100%;}
#interna .conteudo-noticia      {width: 100%;  margin: 0 auto;}

.conteudo-interna .alert { clear: both; }
.conteudo-interna .alert-error { background: #e87984; color: #fff; }
.conteudo-interna .alert-error a { color: #333 }

#interna .todas-noticias                                        {list-style: none; padding-left: 0; font-size: 1.188rem; color: #555; padding: 16px }
#interna .todas-noticias li                                     {margin-bottom: 1.5rem; padding-bottom: 1.5rem; width: 100%; display: block; float: left; border-bottom: .5px solid #e8e8e8;}
#interna .todas-noticias li > a, #interna .todas-noticias li > div > a                          {font-family: 'MontSerrat'; font-size: 1.313rem; font-weight: 900; color: #333; display: block; width: 100%; margin-bottom: .3em;}
#interna .todas-noticias li > a:hover, #interna .todas-noticias li > div > a:hover                      {color: #069cff; text-decoration: none;}
#interna .todas-noticias .keywords a                            {background: #eee; font-weight: 400; padding: 8px 15px; color: #222!important; border-radius: 30px; text-transform: uppercase; display: inline-block; margin: 0 10px 10px 0; font-size: .715rem;}
#interna .todas-noticias .miniatura-noticia                     {float: left; width: 100%; margin: 8px 15px 0 0; max-width: 165px;}
#interna .todas-noticias .miniatura-noticia img                 { position: relative; width: 100% !important; height: auto; }
#interna .todas-noticias .miniatura-noticia .filtro-img         {background: linear-gradient(transparent, #212121); width: 165px; height: 109px; position: absolute; opacity: 0.6; margin-top: -109px; transition: 0.3s;}
#interna .todas-noticias .miniatura-noticia:hover .filtro-img   {opacity: 0;}
#interna .todas-noticias .informacoes-noticia                   {float: left; width: 83.6%;}
#interna .todas-noticias .chapeu-noticia                        {font-size: .875rem; color: #069cff; font-weight: 700; text-transform: uppercase; font-family: 'MontSerrat';}
#interna .todas-noticias .descricaoNoticia                      {margin-bottom: 1rem;}
#interna .todas-noticias .data-noticia                          {padding: 0; margin: 0; color: #a6a6a6; font-family: inherit!important; border: none; text-align: left; font-size: .875rem; font-weight: 500;}

#interna .conteudo-capa h2.titulo-capa { text-align: left; }
#interna .chamada-super-destaque { width: auto !important }

/* CLIPPING */
#clipping                                                       {background: none;}
#clipping .caixa-largura-total                                  {}
#clipping .swiper-button-next, .clipping .swiper-button-prev    {color: #555;}
#clipping .swiper-pagination-bullet-active                      {background: #205173;}
#clipping .swiper-pagination-bullet                             {width: 15px; height: 15px; border-radius: 50px;}
#clipping .swiper-slide span, #clipping .swiper-slide p         {text-transform:uppercase; color:#fff;}
#clipping .swiper-slide span                                    {display: block; width: 100%; padding: 0; font-weight: 600; color: #0F9B0B;}
#clipping .swiper-slide:hover                                   {transform: scale(0.93, 0.93);}
#clipping .swiper-slide a                                       {height: 110px;}
#clipping .swiper-slide a:hover                                 {text-decoration: none;}
#clipping .swiper-slide span.dia-clipping,
#clipping .swiper-slide span.mes-clipping                       {font-family: 'Roboto'; font-style: normal; font-weight: 900;}
#clipping .swiper-slide span.dia-clipping                       {font-size: 40px; line-height: 1;}
#clipping .swiper-slide span.mes-clipping                       {font-size: 17px;}

#clipping .swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: 45px;
    padding-left: 40px;
    padding-right: 40px;
}
#clipping .swiper-slide {max-width: 121px; padding: 0 10px; background: #fff; margin: 0 7.8px; box-shadow: -3px 6px 6px rgba(0, 0, 0, 0.16); transition: 0.4s;}

#clipping .swiper-container-horizontal>.swiper-pagination-bullets,
#clipping .swiper-pagination-custom, #clipping .swiper-pagination-fraction {
    bottom: -7px; }

#clipping .swiper-button-next,
#clipping .swiper-button-prev { height: 26px; }
#clipping .swiper-button-prev,
#clipping .swiper-container-rtl .swiper-button-next { left: 0; }
#clipping .swiper-button-next,
#clipping .swiper-container-rtl .swiper-button-prev { right: 0;}

#clipping .swiper-button-next:after,
#clipping .swiper-button-prev:after                 {background: #FCFAFA; padding: 25px 12px 45px 12px;}

#clipping .swiper-slide a {
    width: 100%;
    padding: 15px 0;
    font-size: 1.45em;
    font-weight: 800;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    transition: background .5s; }

.clipping .swiper-slide a:hover {
    background: #f9f9f9;
    text-decoration: none;
    color: #0094ff;
    transition: background .5s;
    position: relative;
}

#clipping .swiper-slide a p,
#clipping .swiper-slide a:hover p { font-size: 16px; line-height: 1.7em !important; font-weight: 400; }
#clipping .swiper-slide a:hover p { color: #979797; }



/* PAGINAÇÃO */
#pagination                     {clear:both; width: 100%; text-align: center; text-transform: uppercase; min-height: 100px;}
#pagination .pagination         { padding: 30px 0 50px 0px }
.pagination ul li               {list-style: none; display: inline-block; text-align: center; margin-right: 5px }
.pagination ul li:before        {content: "" !important}
.pagination ul li a             {color: #444649 !important}
.pagination>li>a,
.pagination>li>span             {border: none !important; font-size: 17px; background: #FCFAFA;}
.pagination>li:first-child>a,
.pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border: 1px solid #aeada9}
.pagination>li:last-child>a,
.pagination>li:last-child>span  {border-top-right-radius: 0px;  border-bottom-right-radius: 0px; border: 1px solid #fff }
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover       { z-index: 2;  color: #000; text-decoration: none;  background-color: #e8e8e8 !important; border-color: #e8e8e8;}
.pagination>.disabled>a         {color: #9a9999 !important; padding-right: 10px}
.pagination>.disabled>a:hover   { background: #FCFAFA !important }
.pagination .active a,
.pagination .active a:hover     { padding: .5rem .75rem; color: #fff !important; background: #2969BD !important;  }
#pagination .page-link          { display: inline; margin-left:0; line-height: 1.50}

/* RESULTADO DE BUSCA - FORMULÁRIO */
.search { margin-bottom: 50px; border-bottom: .5px solid #e8e8e8; padding: 1rem; background: #eeeeee}
.search form { width: 100% }
.search form button.botao-busca     {width: 100%; border: 0; height: 38px; background: #2969BD; color: #fff; cursor: pointer;}
.search input, .search select { font-weight: 700 }
#interna .description       {padding: 0 16px !important;}


/* K2 Downloads -------------------------------------------------------------------------------------------------- */

.documentos {}
.documentos #itemListPrimary .itemContainer {
    width: 100% !important;
}

.documentos a, .documentos a.btn {word-wrap: break-word; white-space: inherit;}

.documentos .itemList { margin-top: 50px }


.lista-download-zebrado {}

.lista-download-zebrado .page-header { text-align: left; margin-bottom: 0 !important}


.moduleItemTitle, .documentos .catItemTitle { 
    font-size: 1.25rem;
    color: #000;
    font-weight: 700; }

.lista-download-zebrado ul { padding-left: 0; list-style-type: none; }

.lista-download-zebrado li.even {
    background: #f2f2f2;
}

.lista-download-zebrado li.odd {
    background: #fff;
}

.lista-download-zebrado .k2ItemsBlock li {
    padding: 15px;
}

.lista-download-zebrado  a.btn.btn-secondary.btn-sm,
.catItemAttachmentsBlock a.btn,
.itemAttachmentsBlock a.btn { border-radius: 5px; padding: 5px 10px; border: 0; }

.arrow_box {
    position: relative;
    background: #F1F1F1;
    padding: 15px
}
.arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(241, 241, 241, 0);
    border-top-color: #F1F1F1;
    border-width: 30px;
    margin-left: -30px;
}
/*.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #c2e1f5;
    border-width: 36px;
    margin-left: -36px;
}*/


/* ALTO CONTRASTE ----------------------------------- */
.contraste *                            {background: black !important; background-image:inherit; color: #fff!important;}
.contraste * a                          {color: #ff0!important;}
.contraste * p                          {color: #fff!important;}
.contraste .box-menu .container:before  {background: black}
.contraste .acesso-a-informacao svg g path{fill: #fff;}
.contraste .acesso-a-informacao {background: black}
.contraste .header-icons .ico-navegacao     {background: url(../img/sprite.png) -178px -159px !important;}
.contraste .carousel-control-prev, .contraste .carousel-control-next, .contraste .carousel-indicators {background: none !important;}
.contraste .carousel-inner .bt-saiba-mais {background: initial !important;}
.contraste .carousel-indicators li.active {border: 5px solid #ff0;}
.contraste .carousel-indicators li      {border: 5px solid #fff;}
.contraste .bt-saiba-mais a             {border: 2px solid #222 !important;}
.contraste .bt-saiba-mais a:hover       {color: #fff !important; border: 2px solid #0094ff !important;}

/* Monta listagem e detalhe dos boeltins que vem do mailing (legado) */
/* INSERÇÃO: 6/1/2020 */
/* @sandroj */
.monta-boletins                         {}
.monta-boletins a                       { display: block; padding: 10px; position: relative; color: #2F2F2F;  }
.monta-boletins a:hover                 { text-decoration: none; color: #fff }
.monta-boletins a:before                { content: ''; display: block; position: absolute; background: #2F2F2F; width: 100%; height: 72px; z-index: -1; top: 20px; left: 0; }
.monta-boletins .item-boletim           { width: 100%; min-height: 250px; padding-top: 10px; padding-bottom: 10px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-shadow: 0 8px 19px 0 rgba(0,0,0,.1); box-shadow: 0 8px 19px 0 rgba(0,0,0,.1); transition: 0.4s }
.monta-boletins .item-boletim:hover     { background: #2C89C5;  }
.monta-boletins .ico-boletim            { font-size: 3rem; background: #2C89C5; color: #fff }
.monta-boletins h3                      { font-size: 1.625rem; font-family: 'Roboto' !important; font-weight: 700; padding: 25px 15px 0 15px; margin-bottom: 1rem !important }
.monta-boletins span                    { display: block; }
.monta-boletins .modal-dialog           { max-width: 980px !important }


/* Monta listagem e busca de ramais e dados de servidores CAPES */
/* INSERÇÃO: 7/1/2020 */
/* @sandroj */
.com_funcionario_tipo_pesquisa          { background: #EFEFEF; width: 100%; padding: 10px; margin-left: 15px; margin-right: 15px; margin-bottom: 50px }
.com_funcionario_tipo_pesquisa label    { display: block; }
.com_funcionario_tipo_pesquisa input    { width: 100%; padding: 5px }

.monta-ramais                           {}
.monta-ramais .item                     { display: block; padding: 10px; position: relative; color: #2F2F2F;  }
.monta-ramais .item:hover               { text-decoration: none;}
.monta-ramais .item:before              { content: ''; display: block; position: absolute; background: #C4C4C4; width: 100%; height: 102px; z-index: -1; top: 20px; left: 0; }
.monta-ramais .info-ramal               { width: 100%; min-height: 250px; padding-top: 10px; padding-bottom: 10px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;  -webkit-box-shadow: 0 8px 19px 0 rgba(0,0,0,.1); box-shadow: 0 8px 19px 0 rgba(0,0,0,.1); transition: 0.4s }
.monta-ramais .info-ramal:hover         { background: #DFDFDF;  }
.monta-ramais .nome-pessoa              { background: #DFDFDF; padding: 10px; font-size: 1.4375rem; display: flex; flex-wrap: wrap; align-items: center; text-align: left;}
.monta-ramais .nome-pessoa img          { background: #fff; border: 1px solid #C4C4C4; margin-right: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.monta-ramais .nome-pessoa div          { flex: 1; }
.monta-ramais .dados-pessoa             { padding: 10px }
.monta-ramais .dados-pessoa .area       { color: #858585 }
.monta-ramais .dados-pessoa .email      { margin: 5px 0 }
.monta-ramais .dados-pessoa .telefone   { background: url(../img/ico-telefone.png) no-repeat left; padding: 5px 0 5px 45px; font-size: 1.1875rem}
.monta-ramais div.funcionario           { display: none; }

/* Monta link que chama modal de pauta */
/* INSERÇÃO: 16/1/2020 */
/* @sandroj */
.btn-pauta                              {position: fixed; z-index: 1042; overflow: hidden; left: 0; top: 50%; margin-top: -70px; display: block; background:url(../img/whatscapes.png) no-repeat 5px #00b34a; height: 78px; width: 83px; transition: 0.4s; }
/*.btn-pauta:hover                        {width: 308px; text-decoration: none; }*/
.btn-pauta span                         {display: -webkit-box; display: -ms-flexbox; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; margin-left: 110px; height: 140px; width: 190px; padding-right: 15px; }
.modal-sugestao .bfLegend-m             {font-family:MontSerrat;font-size:2.7rem;font-weight:900;text-align:center;width:100%;display:block}
.modal-sugestao .bfElemWrap             {padding:10px 0}
.modal-sugestao input,
.modal-sugestao select,
.modal-sugestao textarea                {border:2px solid #473080; background:#e6e7e8; width:100%!important; padding:2%; border-radius:.25rem}
.modal-sugestao .button                 {display:block; font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:1px solid transparent; padding:.375rem 5.75rem!important; font-size:1rem; line-height:1.5; border-radius:.25rem; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; padding:.5rem 1rem; font-size:1.25rem; line-height:1.5; border-radius:.3rem; margin:0 auto}
.modal-sugestao .bfSubmitButton         {color: #fff; background-color: #007bff; border-color: #007bff; float: none!important;}
.modal-sugestao-pauta button.close      {width: 24px; position: absolute; right: 5px; top: 5px; z-index: 100; }



.dropdown-menu-dark                     { color: #dee2e6; background-color: #343a40; border-color: rgba(0,0,0,.15);}

.dropdown-item-dark {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item-dark:focus,
.dropdown-item-dark:hover {
    color: #dee2e6;
    text-decoration: none;
    background-color: #343a40
}

.dropdown-item-dark.active,
.dropdown-item-dark:active {
    color: #dee2e6;
    text-decoration: none;
    background-color: #343a40
}

.dropdown-item-dark.disabled,
.dropdown-item-dark:disabled {
    color: #6c757d;
    background-color: transparent
}

.sclogin.sourcecoast.sclogin-menu {
    width: 50px !important;
    float: right !important;
    margin-top: 7px !important;
}

.btn-todos {
    width: 132px !important; 
    height: 52px !important;
    transition: none !important;
    box-shadow: none !important;
    font-family: "Roboto", sans-serif !important;
    color: #000;
}

.btn-todos:hover {
    margin-top: 5px !important;
}